{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx\",\n  _s = $RefreshSig$();\nimport { Tabs, Row, Col, Card, Alert } from 'antd';\nimport { Link } from 'react-router-dom';\nimport CustomWave from './CustomWave';\nimport TutorialGraphDisplay from './TutorialGraphDisplay';\nimport Sample from '../../Route/Sample';\nimport { useOptionsHooks } from '../../hooks/useOptionsHooks';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst onChange = key => {\n  console.log(key);\n};\nconst GavtTutorial = () => {\n  _s();\n  const {\n    gender,\n    setGender,\n    genderName,\n    audioPlayerNew,\n    audioKey,\n    audioSrc,\n    fetchAudioData,\n    handleIconClick,\n    itemsAvatar\n  } = useOptionsHooks();\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    style: {\n      marginTop: '30px',\n      width: '100%'\n    },\n    children: [/*#__PURE__*/_jsxDEV(Alert, {\n      message: \"Internal Test Page\",\n      description: \"This page is for internal testing purposes only. It may be unstable. For regular use, please go to the /resonance page.\",\n      type: \"warning\",\n      showIcon: true,\n      style: {\n        marginBottom: '20px'\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(Tabs, {\n      tabPosition: \"left\",\n      onChange: onChange,\n      type: \"card\",\n      items: [{\n        label: 'Blank Slide with Wave',\n        key: '1',\n        children: /*#__PURE__*/_jsxDEV(CustomWave, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 43,\n          columnNumber: 23\n        }, this)\n      }, {\n        label: 'Vowel toggle',\n        key: '2',\n        children: /*#__PURE__*/_jsxDEV(TutorialGraphDisplay, {\n          currentStep: \"7\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 48,\n          columnNumber: 23\n        }, this) //p3s1\n      }, {\n        label: 'Brighter/Darker toggle',\n        key: '3',\n        children: /*#__PURE__*/_jsxDEV(TutorialGraphDisplay, {\n          currentStep: \"10\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 53,\n          columnNumber: 23\n        }, this) //p4s2\n      }, {\n        label: 'Side-by-side pitch and resonance',\n        key: '4',\n        children: /*#__PURE__*/_jsxDEV(Row, {\n          gutter: 24,\n          style: {\n            padding: '20px'\n          },\n          children: [/*#__PURE__*/_jsxDEV(Col, {\n            span: 12,\n            children: /*#__PURE__*/_jsxDEV(Card, {\n              title: \"Pitch\",\n              bordered: true,\n              style: {\n                height: '1000px'\n              },\n              children: /*#__PURE__*/_jsxDEV(Sample, {\n                gender: gender,\n                setGender: setGender,\n                genderName: genderName,\n                audioKey: audioKey,\n                audioSrc: audioSrc,\n                fetchAudioData: fetchAudioData,\n                handleIconClick: handleIconClick,\n                itemsAvatar: itemsAvatar\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 62,\n                columnNumber: 19\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 61,\n              columnNumber: 17\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 60,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(Col, {\n            span: 12,\n            children: /*#__PURE__*/_jsxDEV(Card, {\n              title: \"Resonance\",\n              bordered: true,\n              style: {\n                height: '1000px'\n              },\n              styles: {\n                body: {\n                  padding: 0,\n                  display: 'flex',\n                  justifyContent: 'center',\n                  alignItems: 'center',\n                  height: '100%'\n                }\n              },\n              children: /*#__PURE__*/_jsxDEV(CustomWave, {\n                canvasWidth: \"80%\"\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 88,\n                columnNumber: 21\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 75,\n              columnNumber: 17\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 74,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 59,\n          columnNumber: 13\n        }, this)\n      }],\n      style: {\n        marginTop: '50px',\n        width: '100%',\n        height: '100%'\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 27,\n    columnNumber: 5\n  }, this);\n};\n_s(GavtTutorial, \"LmKNRV/7rCU1e2bb0beG8aphNgQ=\", false, function () {\n  return [useOptionsHooks];\n});\n_c = GavtTutorial;\nexport default GavtTutorial;\nvar _c;\n$RefreshReg$(_c, \"GavtTutorial\");","map":{"version":3,"names":["Tabs","Row","Col","Card","Alert","Link","CustomWave","TutorialGraphDisplay","Sample","useOptionsHooks","jsxDEV","_jsxDEV","onChange","key","console","log","GavtTutorial","_s","gender","setGender","genderName","audioPlayerNew","audioKey","audioSrc","fetchAudioData","handleIconClick","itemsAvatar","style","marginTop","width","children","message","description","type","showIcon","marginBottom","fileName","_jsxFileName","lineNumber","columnNumber","tabPosition","items","label","currentStep","gutter","padding","span","title","bordered","height","styles","body","display","justifyContent","alignItems","canvasWidth","_c","$RefreshReg$"],"sources":["/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx"],"sourcesContent":["import { Tabs, Row, Col, Card, Alert } from 'antd';\nimport { Link } from 'react-router-dom';\nimport CustomWave from './CustomWave'\nimport TutorialGraphDisplay from './TutorialGraphDisplay'\nimport Sample from '../../Route/Sample'\nimport { useOptionsHooks } from '../../hooks/useOptionsHooks';\n\nconst onChange = (key) => {\n  console.log(key);\n};\n\nconst GavtTutorial = () => {\n\n  const {\n    gender,\n    setGender,\n    genderName,\n    audioPlayerNew,\n    audioKey,\n    audioSrc,\n    fetchAudioData,\n    handleIconClick,\n    itemsAvatar,\n  } = useOptionsHooks();\n\n  return (\n    <div style={{ marginTop: '30px', width: '100%' }}>\n      <Alert\n        message=\"Internal Test Page\"\n        description=\"This page is for internal testing purposes only. It may be unstable. For regular use, please go to the /resonance page.\"\n        type=\"warning\"\n        showIcon\n        style={{ marginBottom: '20px' }}\n      />\n      <Tabs\n        tabPosition='left'\n        onChange={onChange}\n        type=\"card\"\n        items={[\n          {\n            label: 'Blank Slide with Wave',\n            key: '1',\n            children: <CustomWave />,\n          },\n          {\n            label: 'Vowel toggle',\n            key: '2',\n            children: <TutorialGraphDisplay currentStep='7'/> //p3s1\n          },\n          {\n            label: 'Brighter/Darker toggle',\n            key: '3',\n            children: <TutorialGraphDisplay currentStep='10'/>, //p4s2\n          },\n          {\n            label: 'Side-by-side pitch and resonance',\n            key: '4',\n            children: \n            <Row gutter={24} style={{ padding: '20px' }}>\n              <Col span={12}>\n                <Card title=\"Pitch\" bordered={true} style={{ height: '1000px' }}>\n                  <Sample\n                    gender={gender}\n                    setGender={setGender}\n                    genderName={genderName}\n                    audioKey={audioKey}\n                    audioSrc={audioSrc}\n                    fetchAudioData={fetchAudioData}\n                    handleIconClick={handleIconClick}\n                    itemsAvatar={itemsAvatar}\n                  />\n                </Card>\n              </Col>\n              <Col span={12}>\n                <Card \n                  title=\"Resonance\"\n                  bordered={true}\n                  style={{ height: '1000px'}}\n                  styles={{ \n                    body: { \n                      padding: 0,                      \n                      display: 'flex',\n                      justifyContent: 'center',\n                      alignItems: 'center',\n                      height: '100%',\n                    }}}\n                >\n                    <CustomWave canvasWidth = '80%'/>\n                </Card>\n              </Col>\n            </Row>\n          },\n        ]}\n        style={{ marginTop: '50px', width: '100%', height: '100%' }}\n      />\n    </div>\n  )\n}\n\nexport default GavtTutorial;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}