{"ast":null,"code":"var _jsxFileName = \"D:\\\\Project\\\\UC_Trains_Voice\\\\react-demo\\\\src\\\\gavt\\\\Word.tsx\",\n _s = $RefreshSig$();\nimport * as chainData from './chain.json';\nimport React, { useState, useEffect } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { Card, Button, Flex } from 'antd';\nimport { RetweetOutlined, LeftCircleOutlined, RightCircleOutlined, ArrowLeftOutlined } from '@ant-design/icons';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nconst data = chainData;\nconst word = \"seed\";\nconst Word = ({\n frequenciesArray,\n currentVowel,\n customFrequency,\n onNextVowel\n}) => {\n _s();\n const [phraseIndex, setPhraseIndex] = useState(0);\n const [chainId, setChainId] = useState(1);\n const [phrases, setPhrases] = useState([]);\n const [currentPhrase, setCurrentPhrase] = useState('');\n const navigate = useNavigate();\n const handleBack = () => {\n navigate(-1);\n };\n useEffect(() => {\n const vowelData = chainData[currentVowel.vowel];\n const chain = vowelData.find(chain => chain.chainId === chainId);\n if (chain) {\n setPhrases(chain.phrases);\n setCurrentPhrase(chain.phrases[0]);\n }\n }, [currentVowel, chainId]);\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n children: /*#__PURE__*/_jsxDEV(\"p\", {\n children: [\"Vowels you just chose to practice: \", frequenciesArray.map(f => f.vowel).join(', ')]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n children: [\"Current Vowel: \", currentVowel.vowel]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n children: [\"Official Target Frequency: \", currentVowel.freq, \" Hz.\", customFrequency !== currentVowel.freq && ` Customized Target Frequency was set, the value is ${customFrequency} Hz. `]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Flex, {\n gap: \"small\",\n style: {\n margin: '10px'\n },\n children: [/*#__PURE__*/_jsxDEV(Button, {\n icon: /*#__PURE__*/_jsxDEV(ArrowLeftOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 31\n }, this),\n onClick: handleBack,\n children: \"Back to the previous page\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 31\n }, this),\n onClick: onNextVowel,\n children: \"Try a different vowel\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 31\n }, this),\n children: \"Try a different phrase chain\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Card, {\n title: `${word}`,\n bordered: false,\n style: {\n width: 300\n },\n children: /*#__PURE__*/_jsxDEV(\"p\", {\n children: `Current phrase chain begins with: \"Seed\" `\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 17\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 13\n }, this), /*#__PURE__*/_jsxDEV(Flex, {\n gap: \"small\",\n style: {\n margin: '10px'\n },\n children: [/*#__PURE__*/_jsxDEV(Button, {\n icon: /*#__PURE__*/_jsxDEV(LeftCircleOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 31\n }, this),\n children: \"Less complex\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 17\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n type: \"primary\",\n icon: /*#__PURE__*/_jsxDEV(RightCircleOutlined, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 46\n }, this),\n children: \"More complex\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 17\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 76,\n columnNumber: 13\n }, this)]\n }, void 0, true);\n};\n_s(Word, \"2NN4CHsYqIMA4vxpvESoYphdgHE=\", false, function () {\n return [useNavigate];\n});\n_c = Word;\nexport default Word;\nvar _c;\n$RefreshReg$(_c, \"Word\");","map":{"version":3,"names":["chainData","React","useState","useEffect","useNavigate","Card","Button","Flex","RetweetOutlined","LeftCircleOutlined","RightCircleOutlined","ArrowLeftOutlined","jsxDEV","_jsxDEV","Fragment","_Fragment","data","word","Word","frequenciesArray","currentVowel","customFrequency","onNextVowel","_s","phraseIndex","setPhraseIndex","chainId","setChainId","phrases","setPhrases","currentPhrase","setCurrentPhrase","navigate","handleBack","vowelData","vowel","chain","find","children","map","f","join","fileName","_jsxFileName","lineNumber","columnNumber","freq","gap","style","margin","icon","onClick","title","bordered","width","type","_c","$RefreshReg$"],"sources":["D:/Project/UC_Trains_Voice/react-demo/src/gavt/Word.tsx"],"sourcesContent":["import * as chainData from './chain.json';\r\n\r\nimport React, { useState, useEffect } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nimport { Card, Button, Flex } from 'antd';\r\nimport { RetweetOutlined, LeftCircleOutlined, RightCircleOutlined, ArrowLeftOutlined } from '@ant-design/icons';\r\n\r\ninterface WordProps {\r\n frequenciesArray: {\r\n vowel: string;\r\n freq: number;\r\n }[];\r\n currentVowel: {\r\n vowel: string;\r\n freq: number;\r\n };\r\n customFrequency: number;\r\n onNextVowel: () => void;\r\n }\r\n\r\ninterface Chain {\r\n chainId: number;\r\n phrases: string[];\r\n}\r\n\r\ninterface ChainData {\r\n [key: string]: Chain[];\r\n}\r\n\r\n\r\nconst data: ChainData = chainData as ChainData;\r\n\r\nconst word=\"seed\";\r\n\r\nconst Word: React.FC = ({ frequenciesArray, currentVowel, customFrequency, onNextVowel }) => {\r\n const [phraseIndex, setPhraseIndex] = useState(0);\r\n const [chainId, setChainId] = useState(1);\r\n const [phrases, setPhrases] = useState([]);\r\n const [currentPhrase, setCurrentPhrase] = useState('');\r\n \r\n const navigate = useNavigate();\r\n\r\n const handleBack = () => {\r\n navigate(-1);\r\n }\r\n\r\n useEffect(() => {\r\n const vowelData = chainData[currentVowel.vowel as keyof typeof chainData];\r\n const chain = vowelData.find(chain => chain.chainId === chainId);\r\n if (chain) {\r\n setPhrases(chain.phrases);\r\n setCurrentPhrase(chain.phrases[0]);\r\n }\r\n }, [currentVowel, chainId]);\r\n \r\n return(\r\n <>\r\n
\r\n

Vowels you just chose to practice: {frequenciesArray.map(f => f.vowel).join(', ')}

\r\n
\r\n

Current Vowel: {currentVowel.vowel}

\r\n

Official Target Frequency: {currentVowel.freq} Hz. \r\n {customFrequency !== currentVowel.freq && \r\n ` Customized Target Frequency was set, the value is ${customFrequency} Hz. `}\r\n

\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n

{`Current phrase chain begins with: \"Seed\" `}

\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n};\r\n\r\nexport default Word;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}