{"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: 20\n          },\n          children: [/*#__PURE__*/_jsxDEV(Col, {\n            span: 12,\n            children: /*#__PURE__*/_jsxDEV(Card, {\n              title: \"Pitch\",\n              bordered: true,\n              style: {\n                height: 1000\n              }\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 71,\n              columnNumber: 21\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 19\n          }, this), /*#__PURE__*/_jsxDEV(Col, {\n            span: 12,\n            children: /*#__PURE__*/_jsxDEV(Card, {\n              title: \"Resonance\",\n              bordered: true,\n              style: {\n                height: 1000\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(\"div\", {\n                style: {\n                  width: '80%'\n                },\n                children: /*#__PURE__*/_jsxDEV(CustomWave, {}, void 0, false, {\n                  fileName: _jsxFileName,\n                  lineNumber: 83,\n                  columnNumber: 25\n                }, this)\n              }, void 0, false, {\n                fileName: _jsxFileName,\n                lineNumber: 82,\n                columnNumber: 23\n              }, this)\n            }, void 0, false, {\n              fileName: _jsxFileName,\n              lineNumber: 76,\n              columnNumber: 21\n            }, this)\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 75,\n            columnNumber: 19\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 69,\n          columnNumber: 17\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","styles","body","display","justifyContent","alignItems","_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: 20 }}>\n                  <Col span={12}>\n                    <Card title=\"Pitch\" bordered style={{ height: 1000 }}>\n                      {/* ...Sample */}\n                    </Card>\n                  </Col>\n                  <Col span={12}>\n                    <Card\n                      title=\"Resonance\"\n                      bordered\n                      style={{ height: 1000 }}\n                      styles={{ body: { padding: 0, display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100%' } }}\n                    >\n                      <div style={{ width: '80%' }}>\n                        <CustomWave />\n                      </div>\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":[]}