{"ast":null,"code":"var _jsxFileName = \"/Users/shanyi/Desktop/Projects/UC_Trains_Voice/react-demo/src/gavt/Tutorial/GavtTutorial.jsx\",\n  _s = $RefreshSig$();\nimport { useState } from 'react';\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 [activeKey, setActiveKey] = useState('1');\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: /*#__PURE__*/_jsxDEV(\"span\", {\n        children: [\"This page is for internal testing only and may be unstable. For regular use, please go to the \", /*#__PURE__*/_jsxDEV(Link, {\n          to: \"/resonance/selection\",\n          children: \"Resonance Setup\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 36,\n          columnNumber: 47\n        }, this), \" page.\"]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 34,\n        columnNumber: 11\n      }, this),\n      type: \"warning\",\n      showIcon: true,\n      style: {\n        marginBottom: '20px'\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 7\n    }, this), /*#__PURE__*/_jsxDEV(Tabs, {\n      tabPosition: \"left\",\n      activeKey: activeKey,\n      onChange: setActiveKey,\n      type: \"card\",\n      items: [{\n        label: 'Blank Slide with Wave',\n        key: '1',\n        children: activeKey === '1' ? /*#__PURE__*/_jsxDEV(CustomWave, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 52,\n          columnNumber: 43\n        }, this) : null\n      }, {\n        label: 'Vowel toggle',\n        key: '2',\n        children: activeKey === '2' ? /*#__PURE__*/_jsxDEV(TutorialGraphDisplay, {\n          currentStep: \"7\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 57,\n          columnNumber: 43\n        }, this) : null //p3s1\n      }, {\n        label: 'Brighter/Darker toggle',\n        key: '3',\n        children: activeKey === '3' ? /*#__PURE__*/_jsxDEV(TutorialGraphDisplay, {\n          currentStep: \"10\"\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 62,\n          columnNumber: 43\n        }, this) : null //p4s2\n      }, {\n        label: 'Side-by-side pitch and resonance',\n        key: '4',\n        children: activeKey === '4' ? /*#__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                showDescription: false\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 72,\n                columnNumber: 19\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 71,\n              columnNumber: 17\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\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: 99,\n                columnNumber: 21\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 86,\n              columnNumber: 17\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 85,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 13\n        }, this) : null\n      }],\n      style: {\n        marginTop: '50px',\n        width: '100%',\n        height: '100%'\n      }\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 43,\n      columnNumber: 7\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 30,\n    columnNumber: 5\n  }, this);\n};\n_s(GavtTutorial, \"6pdTPTr+94WcocApqmcBHdOgaH0=\", false, function () {\n  return [useOptionsHooks];\n});\n_c = GavtTutorial;\nexport default GavtTutorial;\nvar _c;\n$RefreshReg$(_c, \"GavtTutorial\");","map":{"version":3,"names":["useState","Tabs","Row","Col","Card","Alert","Link","CustomWave","TutorialGraphDisplay","Sample","useOptionsHooks","jsxDEV","_jsxDEV","onChange","key","console","log","GavtTutorial","_s","activeKey","setActiveKey","gender","setGender","genderName","audioPlayerNew","audioKey","audioSrc","fetchAudioData","handleIconClick","itemsAvatar","style","marginTop","width","children","message","description","to","fileName","_jsxFileName","lineNumber","columnNumber","type","showIcon","marginBottom","tabPosition","items","label","currentStep","gutter","padding","span","title","bordered","height","showDescription","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 {useState} from 'react';\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';\n\nconst onChange = (key) => {\n  console.log(key);\n};\n\nconst GavtTutorial = () => {\n\n  const [activeKey, setActiveKey] = useState('1');\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={\n          <span>\n            This page is for internal testing only and may be unstable.  \n            For regular use, please go to the <Link to=\"/resonance/selection\">Resonance Setup</Link> page.\n          </span>\n        }\n        type=\"warning\"\n        showIcon\n        style={{ marginBottom: '20px' }}\n      />\n      <Tabs\n        tabPosition='left'\n        activeKey={activeKey}\n        onChange={setActiveKey}\n        type=\"card\"\n        items={[\n          {\n            label: 'Blank Slide with Wave',\n            key: '1',\n            children: activeKey === '1' ? <CustomWave /> : null,\n          },\n          {\n            label: 'Vowel toggle',\n            key: '2',\n            children: activeKey === '2' ? <TutorialGraphDisplay currentStep=\"7\" /> : null, //p3s1\n          },\n          {\n            label: 'Brighter/Darker toggle',\n            key: '3',\n            children: activeKey === '3' ? <TutorialGraphDisplay currentStep=\"10\" /> : null, //p4s2\n          },\n          {\n            label: 'Side-by-side pitch and resonance',\n            key: '4',\n            children:\n            activeKey === '4' ? (\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                    showDescription={false}  \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            ) : null,\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":[]}