{"version":3,"sources":["pages/top/TopPage.tsx","pages/signal/top/SignalTopPage.tsx","pages/signal/speech/SignalSpeechPage.tsx","pages/signal/SignalPage.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["useStyles","makeStyles","theme","gridList","width","tile","backgroundColor","margin","TopPage","props","blocks","Array","from","keys","classes","Container","Button","GridList","className","cols","map","block","GridListTile","rows","style","height","SignalTopPage","SignalSpeechPage","appBar","zIndex","drawer","drawerPaper","drawerContainer","overflow","marginTop","content","flexGrow","padding","body","marginLeft","marginRight","padingLeft","paddingRight","SignalPage","useParams","useState","useEffect","Drawer","variant","paper","MenuList","MenuItem","component","Link","to","path","element","link","color","textDecoration","fontSize","App","tabsValue","setTabsValue","location","useLocation","pathname","startsWith","AppBar","position","Toolbar","Typography","Tabs","value","onChange","event","Tab","label","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"4SAGMA,EAAYC,aAAW,SAACC,GAAD,MAAmB,CAC9CC,SAAU,CACRC,MAAO,KAGTC,KAAM,CACJC,gBAAiB,UACjBC,OAAQ,OA4BGC,EAxBgB,SAACC,GAE9B,IACMC,EAASC,MAAMC,KAAKD,MAAM,KAAD,IADlB,EAC2B,IAAGE,QAErCC,EAAUd,IAEhB,OACE,gCACE,cAACe,EAAA,EAAD,UACE,cAACC,EAAA,EAAD,2BAEF,cAACD,EAAA,EAAD,UAEE,cAACE,EAAA,EAAD,CAAUC,UAAWJ,EAAQX,SAAUgB,KAZhC,EAYP,SACGT,EAAOU,KAAI,SAACC,GACX,OAAQ,cAACC,EAAA,EAAD,CAA0BH,KAAM,EAAGI,KAAM,EAAGL,UAAWJ,EAAQT,KAAMmB,MAAO,CAACpB,MAAO,OAAQqB,OAAQ,QAApG,SAA6G,mCAA1FJ,c,2BC3BjCrB,EAAYC,aAAW,SAACC,GAAD,MAAmB,CAC9CC,SAAU,CACRC,MAAO,KAGTC,KAAM,CACJC,gBAAiB,UACjBC,OAAQ,OA4BGmB,EAxBsB,SAACjB,GAEpC,IACMC,EAASC,MAAMC,KAAKD,MAAM,KAAD,IADlB,EAC2B,IAAGE,QAErCC,EAAUd,IAEhB,OACE,gCACE,cAACe,EAAA,EAAD,UACE,cAACC,EAAA,EAAD,uBAEF,cAACD,EAAA,EAAD,UAEE,cAACE,EAAA,EAAD,CAAUC,UAAWJ,EAAQX,SAAUgB,KAZhC,EAYP,SACGT,EAAOU,KAAI,SAACC,GACX,OAAQ,cAACC,EAAA,EAAD,CAA0BH,KAAM,EAAGI,KAAM,EAAGL,UAAWJ,EAAQT,KAAMmB,MAAO,CAACpB,MAAO,OAAQqB,OAAQ,QAApG,SAA6G,mCAA1FJ,cC3BjCrB,EAAYC,aAAW,SAACC,GAAD,MAAmB,CAC9CC,SAAU,CACRC,MAAO,KAGTC,KAAM,CACJC,gBAAiB,UACjBC,OAAQ,OA4BGoB,EAxByB,SAAClB,GAEvC,IACMC,EAASC,MAAMC,KAAKD,MAAM,KAAD,IADlB,EAC2B,IAAGE,QAErCC,EAAUd,IAEhB,OACE,gCACE,cAACe,EAAA,EAAD,UACE,cAACC,EAAA,EAAD,uBAEF,cAACD,EAAA,EAAD,UAEE,cAACE,EAAA,EAAD,CAAUC,UAAWJ,EAAQX,SAAUgB,KAZhC,EAYP,SACGT,EAAOU,KAAI,SAACC,GACX,OAAQ,cAACC,EAAA,EAAD,CAA0BH,KAAM,EAAGI,KAAM,EAAGL,UAAWJ,EAAQT,KAAMmB,MAAO,CAACpB,MAAO,OAAQqB,OAAQ,QAApG,SAA6G,mCAA1FJ,cClBjCrB,EAAYC,aAAW,SAACC,GAAD,MAAY,CACvC0B,OAAQ,CACNC,OAAQ3B,EAAM2B,OAAOC,OAAS,GAEhCA,OAAQ,GAGRC,YAAa,GAGbC,gBAAiB,CACfC,SAAU,OACVC,UAAW,GACX9B,MAAO,KAET+B,QAAS,CACPC,SAAU,EACVF,UAAW,GACXG,QAAS,GAEXC,KAAM,CACJC,WAAY,EACZC,YAAa,EACbC,WAAY,EACZC,aAAc,OA4CHC,EAhCqB,SAAClC,GAEnC,IAAMK,EAAUd,IAIhB,GAFe4C,cAEeC,oBAAkB,IAAhD,mBACA,GADA,UACoCA,mBAAS,CAAC,EAAG,KAAjD,6BAOA,OALAC,qBAAU,cAEP,IAID,gCACE,cAACC,EAAA,EAAD,CAAQC,QAAQ,YAAY9B,UAAWJ,EAAQgB,OAAQhB,QAAS,CAACmC,MAAOnC,EAAQiB,aAAhF,SACE,eAACmB,EAAA,EAAD,CAAUhC,UAAWJ,EAAQkB,gBAA7B,UACE,cAACmB,EAAA,EAAD,CAAUC,UAAWC,IAAMC,GAAG,SAA9B,oBACA,cAACH,EAAA,EAAD,CAAUC,UAAWC,IAAMC,GAAG,oBAA9B,oCAGJ,sBAAMpC,UAAWJ,EAAQqB,QAAzB,SACE,eAAC,IAAD,WACE,cAAC,IAAD,CAAOoB,KAAK,GAAGC,QAAS,cAAC,EAAD,MACxB,cAAC,IAAD,CAAOD,KAAK,SAASC,QAAS,cAAC,EAAD,eCjElCxD,EAAYC,aAAW,SAACC,GAAD,MAAmB,CAC9C0B,OAAQ,CACNC,OAAQ3B,EAAM2B,OAAOC,OAAS,GAEhC2B,KAAM,CACJC,MAAO,UACPC,eAAgB,OAChBC,SAAU,GACVpB,YAAa,IAEfL,QAAS,CACPC,SAAU,EACVF,UAAW,GACXG,QAAS,OAyDEwB,EApDH,WAEV,MAAkChB,oBAAkB,GAApD,mBAAOiB,EAAP,KAAkBC,EAAlB,KAEAjB,qBAAU,cAEP,IAEH,IAIMkB,EAAWC,cACdD,EAASE,SAASC,WAAW,YACb,IAAdL,GACDC,EAAa,GAEPC,EAASE,SAASC,WAAW,UACpB,IAAdL,GACDC,EAAa,IAGG,IAAfD,GACDC,GAAc,GAIlB,IAAMjD,EAAUd,IAEhB,OACE,sBAAKkB,UAAU,MAAf,UACE,cAACkD,EAAA,EAAD,CAAQC,SAAS,QAAQnD,UAAWJ,EAAQc,OAA5C,SACE,eAAC0C,EAAA,EAAD,WACE,cAACC,EAAA,EAAD,UACE,cAAC,IAAD,CAAMrD,UAAWJ,EAAQ2C,KAAMH,GAAG,IAAlC,iCAEF,eAACkB,EAAA,EAAD,CAAMC,MAAOX,EAAWY,SA5BX,SAASC,EAAeF,GAC3CV,EAAaU,IA2BP,UACE,cAACG,EAAA,EAAD,CAAKC,MAAM,SAASzB,UAAWC,IAAMC,GAAI,aACzC,cAACsB,EAAA,EAAD,CAAKC,MAAM,OAAOzB,UAAWC,IAAMC,GAAI,mBAI7C,qBAAKpC,UAAWJ,EAAQqB,QAAxB,SACE,eAAC,IAAD,WACE,cAAC,IAAD,CAAOoB,KAAK,IAAIC,QAAS,cAAC,EAAD,MACzB,cAAC,IAAD,CAAOD,KAAK,YAAYC,QAAS,cAAC,EAAD,eCzD5BsB,EAZS,SAACC,GACnBA,GAAeA,aAAuBC,UACxC,8BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,OCHdQ,IAASC,OACP,cAAC,IAAD,UACE,cAAC,EAAD,MAEFC,SAASC,eAAe,SAM1BZ,M","file":"static/js/main.96e9c47f.chunk.js","sourcesContent":["import { Button, Container, GridList, GridListTile, makeStyles, Theme } from '@material-ui/core';\r\nimport React, { useState, useEffect } from 'react';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n  gridList: {\r\n    width: 800,\r\n    //height: 500\r\n  },\r\n  tile: {\r\n    backgroundColor: \"#f0f0f0\",\r\n    margin: 1\r\n  }\r\n}))\r\n\r\nconst TopPage: React.FC<any> = (props) => {\r\n\r\n  const size = 5;\r\n  const blocks = Array.from(Array(size ** 2).keys())\r\n\r\n  const classes = useStyles()\r\n  \r\n  return (\r\n    <div>\r\n      <Container>\r\n        <Button>button top</Button>  \r\n      </Container>\r\n      <Container>\r\n        \r\n        <GridList className={classes.gridList} cols={size}>\r\n          {blocks.map((block) => {\r\n            return (<GridListTile key={block} cols={1} rows={1} className={classes.tile} style={{width: \"80px\", height: \"80px\"}}><p>a</p></GridListTile>);\r\n          })}          \r\n        </GridList>\r\n      </Container>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default TopPage\r\n","import { Button, Container, GridList, GridListTile, makeStyles, Theme } from '@material-ui/core';\r\nimport React, { useState, useEffect } from 'react';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n  gridList: {\r\n    width: 800,\r\n    //height: 500\r\n  },\r\n  tile: {\r\n    backgroundColor: \"#f0f0f0\",\r\n    margin: 1\r\n  }\r\n}))\r\n\r\nconst SignalTopPage: React.FC<any> = (props) => {\r\n\r\n  const size = 3;\r\n  const blocks = Array.from(Array(size ** 2).keys())\r\n\r\n  const classes = useStyles()\r\n  \r\n  return (\r\n    <div>\r\n      <Container>\r\n        <Button>button</Button>  \r\n      </Container>\r\n      <Container>\r\n        \r\n        <GridList className={classes.gridList} cols={size}>\r\n          {blocks.map((block) => {\r\n            return (<GridListTile key={block} cols={1} rows={1} className={classes.tile} style={{width: \"80px\", height: \"80px\"}}><p>a</p></GridListTile>);\r\n          })}          \r\n        </GridList>\r\n      </Container>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default SignalTopPage\r\n","import { Button, Container, GridList, GridListTile, makeStyles, Theme } from '@material-ui/core';\r\nimport React, { useState, useEffect } from 'react';\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n  gridList: {\r\n    width: 800,\r\n    //height: 500\r\n  },\r\n  tile: {\r\n    backgroundColor: \"#f0f0f0\",\r\n    margin: 1\r\n  }\r\n}))\r\n\r\nconst SignalSpeechPage: React.FC<any> = (props) => {\r\n\r\n  const size = 5;\r\n  const blocks = Array.from(Array(size ** 2).keys())\r\n\r\n  const classes = useStyles()\r\n  \r\n  return (\r\n    <div>\r\n      <Container>\r\n        <Button>button</Button>  \r\n      </Container>\r\n      <Container>\r\n        \r\n        <GridList className={classes.gridList} cols={size}>\r\n          {blocks.map((block) => {\r\n            return (<GridListTile key={block} cols={1} rows={1} className={classes.tile} style={{width: \"80px\", height: \"80px\"}}><p>a</p></GridListTile>);\r\n          })}          \r\n        </GridList>\r\n      </Container>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default SignalSpeechPage\r\n","import React, { useState, useEffect, useLayoutEffect } from 'react'\r\nimport { useParams } from 'react-router-dom'\r\nimport { makeStyles, Theme } from '@material-ui/core'\r\nimport { Drawer, MenuItem, MenuList, Toolbar } from '@material-ui/core';\r\nimport { Link, Routes, Route } from 'react-router-dom'\r\nimport { Table, TableBody, TableRow, TableCell } from '@material-ui/core'\r\nimport Tabs from '@material-ui/core/Tabs'\r\nimport Tab from '@material-ui/core/Tab'\r\nimport SignalTopPage from './top/SignalTopPage'\r\nimport SignalSpeechPage from './speech/SignalSpeechPage'\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  appBar: {\r\n    zIndex: theme.zIndex.drawer + 1\r\n  },\r\n  drawer: {\r\n\r\n  },\r\n  drawerPaper: {\r\n\r\n  },\r\n  drawerContainer: {\r\n    overflow: \"auto\",\r\n    marginTop: 65,\r\n    width: 160\r\n  },\r\n  content: {\r\n    flexGrow: 1,\r\n    marginTop: 65,\r\n    padding: 0\r\n  },\r\n  body: {\r\n    marginLeft: 0,\r\n    marginRight: 0,\r\n    padingLeft: 5,\r\n    paddingRight: 5\r\n  }\r\n}));\r\n\r\ninterface GetBrandResponse {\r\n\r\n}\r\n\r\ninterface Props {\r\n\r\n}\r\n\r\nconst SignalPage: React.FC<Props> = (props: Props) => {\r\n\r\n  const classes = useStyles()\r\n\r\n  const params = useParams()\r\n\r\n  const [loading, setLoading] = useState<boolean>(true)\r\n  const [windowSize, setWindowSize] = useState([0, 0])\r\n\r\n  useEffect(() => {\r\n    \r\n  }, [])\r\n\r\n\r\n  return (\r\n    <div>\r\n      <Drawer variant=\"permanent\" className={classes.drawer} classes={{paper: classes.drawerPaper}}>\r\n        <MenuList className={classes.drawerContainer}>\r\n          <MenuItem component={Link} to=\"speech\">Speech</MenuItem>\r\n          <MenuItem component={Link} to=\"/policyEvaluation\">Policy Evaluation</MenuItem>\r\n        </MenuList>\r\n      </Drawer>\r\n      <main className={classes.content}>\r\n        <Routes>\r\n          <Route path=\"\" element={<SignalTopPage />} />\r\n          <Route path=\"speech\" element={<SignalSpeechPage />} />\r\n        </Routes>\r\n      </main>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default SignalPage","import { useEffect, useState } from 'react'\nimport { Link, Route, Routes, useLocation } from 'react-router-dom'\nimport { AppBar, Tabs, Tab, Theme, makeStyles, Toolbar, Typography } from '@material-ui/core'\nimport './App.css'\nimport TopPage from './pages/top/TopPage'\nimport SignalPage from './pages/signal/SignalPage'\n\n\nconst useStyles = makeStyles((theme: Theme) => ({\n  appBar: {\n    zIndex: theme.zIndex.drawer + 1\n  },\n  link: {\n    color: \"#FFFFFF\",\n    textDecoration: \"none\",\n    fontSize: 26,\n    marginRight: 26\n  },\n  content: {\n    flexGrow: 1,\n    marginTop: 65,\n    padding: 0\n  }\n}));\n\n\nconst App = () => {\n\n  const [tabsValue, setTabsValue] = useState<number>(-1)\n\n  useEffect(() => {\n    //document.title = \"User Profiler\";\n  }, []);\n\n  const onChangeTabs = function(event: object, value: any) {\n    setTabsValue(value)\n  }\n\n  const location = useLocation()\n  if(location.pathname.startsWith(\"/signal/\")) {\n    if(tabsValue !== 0) {\n      setTabsValue(0)\n    }\n  } else if(location.pathname.startsWith(\"/game/\")) {\n    if(tabsValue !== 1) {\n      setTabsValue(1)\n    }\n  } else {\n    if(tabsValue !== -1) {\n      setTabsValue(-1)\n    }\n  }\n\n  const classes = useStyles();\n  \n  return (\n    <div className=\"App\">\n      <AppBar position=\"fixed\" className={classes.appBar}>\n        <Toolbar>\n          <Typography>\n            <Link className={classes.link} to=\"/\">Orfeon Playground</Link>\n          </Typography>\n          <Tabs value={tabsValue} onChange={onChangeTabs}>\n            <Tab label=\"Signal\" component={Link} to={\"/signal/\"} />\n            <Tab label=\"Game\" component={Link} to={\"/game/\"} />\n          </Tabs>\n        </Toolbar>\n      </AppBar>\n      <div className={classes.content}>\n        <Routes>\n          <Route path=\"/\" element={<TopPage />} />\n          <Route path=\"/signal/*\" element={<SignalPage />} />\n        </Routes >\n      </div>\n    </div>\n  )\n}\n\nexport default App","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import ReactDOM from 'react-dom'\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport './index.css'\nimport App from './App'\nimport reportWebVitals from './reportWebVitals'\n\nReactDOM.render(\n  <Router>\n    <App />\n  </Router>,\n  document.getElementById('root')\n)\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}