{"ast":null,"code":"var _jsxFileName = \"D:\\\\Project\\\\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 { FreqProvider } from '../gavt/FreqContext';\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(FreqProvider, {\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        style: {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'center',\n          justifyContent: 'center'\n        },\n        children: [/*#__PURE__*/_jsxDEV(\"h2\", {\n          children: \"GAVT HOME\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 24,\n          columnNumber: 9\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: \"Introduction\",\n            description: /*#__PURE__*/_jsxDEV(_Fragment, {\n              children: [/*#__PURE__*/_jsxDEV(\"div\", {\n                children: \"Transgender and gender-diverse people experience voice and communication challenges. Here, we provide a GAVT (Gender-Affirming Voice Training) tool with visual-acoustic feedback, trying to enhance the efficiency of GAVT.\"\n              }, 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: 38,\n                columnNumber: 17\n              }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n                children: [\"Before you start to practice, it's highly recommended to use the \", /*#__PURE__*/_jsxDEV(Link, {\n                  to: \"/gavt/calibrate\",\n                  children: \" calibration routine \"\n                }, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 40,\n                  columnNumber: 84\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: 41,\n                  columnNumber: 36\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: 42,\n                  columnNumber: 56\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: 39,\n                columnNumber: 17\n              }, this)]\n            }, void 0, true),\n            type: \"info\"\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 26,\n            columnNumber: 11\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 25,\n          columnNumber: 9\n        }, this), /*#__PURE__*/_jsxDEV(GavtForm, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 50,\n          columnNumber: 9\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: 59,\n            columnNumber: 13\n          }, this)],\n          children: /*#__PURE__*/_jsxDEV(RefTable, {}, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 64,\n            columnNumber: 11\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 51,\n          columnNumber: 9\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: 74,\n            columnNumber: 13\n          }, this)],\n          children: /*#__PURE__*/_jsxDEV(CaliTable, {}, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 79,\n            columnNumber: 11\n          }, this)\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 66,\n          columnNumber: 9\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 7\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 17,\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","FreqProvider","React","useState","Link","Alert","Space","Modal","Button","jsxDEV","_jsxDEV","Fragment","_Fragment","Gavt","_s","refOpen","setRefOpen","caliOpen","setCaliOpen","children","style","display","flexDirection","alignItems","justifyContent","fileName","_jsxFileName","lineNumber","columnNumber","direction","width","marginBottom","backgroundColor","borderColor","message","description","to","onClick","type","title","centered","open","onOk","onCancel","footer","_c","$RefreshReg$"],"sources":["D:/Project/UC_Trains_Voice/react-demo/src/Route/Gavt.tsx"],"sourcesContent":["import GavtForm from '../gavt/GavtForm';\r\nimport RefTable from '../gavt/table/RefTable';\r\nimport CaliTable from '../gavt/table/CaliTable';\r\nimport { FreqProvider } from '../gavt/FreqContext';\r\n\r\nimport React, { useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { Alert, Space, Modal, Button } from 'antd';\r\n\r\nconst Gavt: React.FC = () => {\r\n  const [refOpen, setRefOpen] = useState(false);\r\n  const [caliOpen, setCaliOpen] = useState(false);\r\n\r\n  return (\r\n    // For real-time frequency display, wrap the GavtForm component in the FreqProvider component\r\n    <FreqProvider>\r\n      <div style={{\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n        justifyContent: 'center'\r\n      }}>\r\n        <h2>GAVT HOME</h2>\r\n        <Space direction=\"vertical\" style={{ width: '50%', marginBottom: '20px'}}>\r\n          <Alert\r\n            style={{ \r\n              backgroundColor: '#FFEFEF',\r\n              borderColor: '#FFEFEF'\r\n            }} \r\n            message=\"Introduction\"\r\n            description={\r\n              <>\r\n                <div>\r\n                  Transgender and gender-diverse people experience voice and communication challenges.\r\n                  Here, we provide a GAVT (Gender-Affirming Voice Training) tool with visual-acoustic feedback, trying to enhance the efficiency of GAVT.                \r\n                </div>\r\n                <br />\r\n                <div>\r\n                  Before you start to practice, it's highly recommended to use the <Link to=\"/gavt/calibrate\"> calibration routine </Link> first. \r\n                  You will get the <a onClick={()=>setCaliOpen(true)}>calibrated frequency values</a> for each vowel sound after the calibration.\r\n                  However, if you only wish to use the <a onClick={()=>setRefOpen(true)}>reference frequency</a> as a training target, \r\n                  please select the vowel, gender, region, etc. directly below and start practicing immediately.\r\n                </div>\r\n              </>\r\n            }\r\n            type=\"info\"\r\n          />\r\n        </Space>\r\n        <GavtForm />\r\n        <Modal\r\n          title=\"Reference Frequency Values\"\r\n          centered\r\n          open={refOpen}\r\n          onOk={() => setRefOpen(false)}\r\n          onCancel={() => setRefOpen(false)}\r\n          width={1000}\r\n          footer={[\r\n            <Button key=\"submit\" type=\"primary\" onClick={() => setRefOpen(false)}>\r\n              OK\r\n            </Button>\r\n          ]}\r\n        >\r\n          <RefTable />\r\n        </Modal>\r\n        <Modal\r\n          title=\"Calibrated Frequency Values\"\r\n          centered\r\n          open={caliOpen}\r\n          onOk={() => setCaliOpen(false)}\r\n          onCancel={() => setCaliOpen(false)}\r\n          width={1000}\r\n          footer={[\r\n            <Button key=\"submit\" type=\"primary\" onClick={() => setCaliOpen(false)}>\r\n              OK\r\n            </Button>\r\n          ]}\r\n        >\r\n          <CaliTable />\r\n        </Modal>\r\n      </div>\r\n    </FreqProvider>\r\n  );\r\n  };\r\n  \r\n  export default Gavt;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}