{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/Route/Gavt.tsx\",\n  _s = $RefreshSig$();\nimport GavtForm from '../gavt/GavtForm';\nimport RefTable from '../gavt/table/RefTable';\nimport CaliTable from '../gavt/table/CaliTable';\nimport React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport { Alert, Space, Modal, Button } from 'antd';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst Gavt = () => {\n  _s();\n  const [refOpen, setRefOpen] = useState(false);\n  const [caliOpen, setCaliOpen] = useState(false);\n  return (\n    /*#__PURE__*/\n    // For real-time frequency display, wrap the GavtForm component in the FreqProvider component\n    _jsxDEV(\"div\", {\n      style: {\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n        children: \"Practice\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 22,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(Space, {\n        direction: \"vertical\",\n        style: {\n          width: '50%',\n          marginBottom: '20px'\n        },\n        children: /*#__PURE__*/_jsxDEV(Alert, {\n          style: {\n            backgroundColor: '#FFEFEF',\n            borderColor: '#FFEFEF'\n          },\n          message: \"Setup\",\n          description: /*#__PURE__*/_jsxDEV(_Fragment, {\n            children: /*#__PURE__*/_jsxDEV(\"div\", {\n              children: [\"Welcome! Here you can use a real-time display of your speech to work on resonance. NOTE: Please use the Chrome browser to access this module. Other browsers are not supported at this time.\", /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 34,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 35,\n                columnNumber: 17\n              }, this), \"Resonance can be challenging to understand! We encourage you to watch at least the first three tutorial sections (video clips 3-5 minutes long) before you try out the software.\", /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 37,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 38,\n                columnNumber: 17\n              }, this), \"Our software works best with an external microphone plugged into your device, even if it's just a set of earbuds with an in-line microphone.\", /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 40,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"br\", {}, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 41,\n                columnNumber: 17\n              }, this), \"Before you start to practice, it's highly recommended to use the \", /*#__PURE__*/_jsxDEV(Link, {\n                to: \"/resonance/calibrate\",\n                children: \" calibration routine \"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 42,\n                columnNumber: 82\n              }, this), \" first. You will get the \", /*#__PURE__*/_jsxDEV(\"a\", {\n                onClick: () => setCaliOpen(true),\n                children: \"calibrated frequency values\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 43,\n                columnNumber: 34\n              }, this), \" for each vowel sound after the calibration. However, if you only wish to use the \", /*#__PURE__*/_jsxDEV(\"a\", {\n                onClick: () => setRefOpen(true),\n                children: \"reference frequency\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 44,\n                columnNumber: 54\n              }, this), \" as a training target, please select the vowel, gender, region, etc. directly below and start practicing immediately.\"]\n            }, void 0, true, {\n              fileName: _jsxFileName,\n              lineNumber: 32,\n              columnNumber: 15\n            }, this)\n          }, void 0, false),\n          type: \"info\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 23,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(GavtForm, {}, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 52,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(Modal, {\n        title: \"Reference Frequency Values\",\n        centered: true,\n        open: refOpen,\n        onOk: () => setRefOpen(false),\n        onCancel: () => setRefOpen(false),\n        width: 1000,\n        footer: [/*#__PURE__*/_jsxDEV(Button, {\n          type: \"primary\",\n          onClick: () => setRefOpen(false),\n          children: \"OK\"\n        }, \"submit\", false, {\n          fileName: _jsxFileName,\n          lineNumber: 61,\n          columnNumber: 11\n        }, this)],\n        children: /*#__PURE__*/_jsxDEV(RefTable, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 66,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 7\n      }, this), /*#__PURE__*/_jsxDEV(Modal, {\n        title: \"Calibrated Frequency Values\",\n        centered: true,\n        open: caliOpen,\n        onOk: () => setCaliOpen(false),\n        onCancel: () => setCaliOpen(false),\n        width: 1000,\n        footer: [/*#__PURE__*/_jsxDEV(Button, {\n          type: \"primary\",\n          onClick: () => setCaliOpen(false),\n          children: \"OK\"\n        }, \"submit\", false, {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 11\n        }, this)],\n        children: /*#__PURE__*/_jsxDEV(CaliTable, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 81,\n          columnNumber: 9\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 68,\n        columnNumber: 7\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 16,\n      columnNumber: 5\n    }, this)\n  );\n};\n_s(Gavt, \"eyRq5bV19qgY4ghZ/8n+M1HmTws=\");\n_c = Gavt;\nexport default Gavt;\nvar _c;\n$RefreshReg$(_c, \"Gavt\");","map":{"version":3,"names":["GavtForm","RefTable","CaliTable","React","useState","Link","Alert","Space","Modal","Button","jsxDEV","_jsxDEV","Fragment","_Fragment","Gavt","_s","refOpen","setRefOpen","caliOpen","setCaliOpen","style","display","flexDirection","alignItems","justifyContent","children","fileName","_jsxFileName","lineNumber","columnNumber","direction","width","marginBottom","backgroundColor","borderColor","message","description","to","onClick","type","title","centered","open","onOk","onCancel","footer","_c","$RefreshReg$"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/Route/Gavt.tsx"],"sourcesContent":["import GavtForm from '../gavt/GavtForm';\nimport RefTable from '../gavt/table/RefTable';\nimport CaliTable from '../gavt/table/CaliTable';\n\nimport React, { useState } from 'react';\nimport { Link } from 'react-router-dom';\n\nimport { Alert, Space, Modal, Button } from 'antd';\n\nconst Gavt: React.FC = () => {\n  const [refOpen, setRefOpen] = useState(false);\n  const [caliOpen, setCaliOpen] = useState(false);\n\n  return (\n    // For real-time frequency display, wrap the GavtForm component in the FreqProvider component\n    <div style={{\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center'\n    }}>\n      <h2>Practice</h2>\n      <Space direction=\"vertical\" style={{ width: '50%', marginBottom: '20px'}}>\n        <Alert\n          style={{ \n            backgroundColor: '#FFEFEF',\n            borderColor: '#FFEFEF'\n          }} \n          message=\"Setup\"\n          description={\n            <>\n              <div>\n                Welcome! Here you can use a real-time display of your speech to work on resonance. NOTE: Please use the Chrome browser to access this module. Other browsers are not supported at this time.\n                <br/>\n                <br/>\n                Resonance can be challenging to understand! We encourage you to watch at least the first three tutorial sections (video clips 3-5 minutes long) before you try out the software. \n                <br/>\n                <br/>\n                Our software works best with an external microphone plugged into your device, even if it's just a set of earbuds with an in-line microphone.\n                <br/>\n                <br/>\n                Before you start to practice, it's highly recommended to use the <Link to=\"/resonance/calibrate\"> calibration routine </Link> first. \n                You will get the <a onClick={()=>setCaliOpen(true)}>calibrated frequency values</a> for each vowel sound after the calibration.\n                However, if you only wish to use the <a onClick={()=>setRefOpen(true)}>reference frequency</a> as a training target, \n                please select the vowel, gender, region, etc. directly below and start practicing immediately.\n              </div>\n            </>\n          }\n          type=\"info\"\n        />\n      </Space>\n      <GavtForm />\n      <Modal\n        title=\"Reference Frequency Values\"\n        centered\n        open={refOpen}\n        onOk={() => setRefOpen(false)}\n        onCancel={() => setRefOpen(false)}\n        width={1000}\n        footer={[\n          <Button key=\"submit\" type=\"primary\" onClick={() => setRefOpen(false)}>\n            OK\n          </Button>\n        ]}\n      >\n        <RefTable />\n      </Modal>\n      <Modal\n        title=\"Calibrated Frequency Values\"\n        centered\n        open={caliOpen}\n        onOk={() => setCaliOpen(false)}\n        onCancel={() => setCaliOpen(false)}\n        width={1000}\n        footer={[\n          <Button key=\"submit\" type=\"primary\" onClick={() => setCaliOpen(false)}>\n            OK\n          </Button>\n        ]}\n      >\n        <CaliTable />\n      </Modal>\n    </div>\n\n  );\n  };\n  \n  export default Gavt;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}