{"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\";\n// interface ChainData {\n//     [key: string]: Chain[];\n// }\n\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  const handleMoreComplex = () => {\n    if (phraseIndex < phrases.length - 1) {\n      setPhraseIndex(phraseIndex + 1);\n      setCurrentPhrase(phrases[phraseIndex + 1]);\n    }\n  };\n  const handleLessComplex = () => {\n    if (phraseIndex > 0) {\n      setPhraseIndex(phraseIndex - 1);\n      setCurrentPhrase(phrases[phraseIndex - 1]);\n    }\n  };\n  const handleNextChain = () => {\n    const newChainId = chainId % 3 + 1;\n    setChainId(newChainId);\n    const newChain = chainData[currentVowel.vowel].find(chain => chain.chainId === newChainId);\n    if (newChain) {\n      setPhrases(newChain.phrases);\n      setCurrentPhrase(newChain.phrases[0]);\n      setPhraseIndex(0);\n    }\n  };\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: 82,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 81,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n      children: [\"Current Vowel: \", currentVowel.vowel]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 84,\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: 85,\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: 90,\n          columnNumber: 31\n        }, this),\n        onClick: handleBack,\n        children: \"Back to the previous page\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 90,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 91,\n          columnNumber: 31\n        }, this),\n        onClick: onNextVowel,\n        children: \"Try a different vowel\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 91,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 92,\n          columnNumber: 31\n        }, this),\n        onClick: handleNextChain,\n        children: \"Try a different phrase chain\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 89,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Card, {\n      title: `${currentPhrase}`,\n      bordered: false,\n      style: {\n        width: 300\n      },\n      children: /*#__PURE__*/_jsxDEV(\"p\", {\n        children: `Current phrase chain begins with: \"${phrases[0]}\" `\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 96,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 95,\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: 99,\n          columnNumber: 31\n        }, this),\n        onClick: handleLessComplex,\n        disabled: phraseIndex === 0,\n        children: \"Less complex\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 99,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        type: \"primary\",\n        icon: /*#__PURE__*/_jsxDEV(RightCircleOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 100,\n          columnNumber: 46\n        }, this),\n        onClick: handleMoreComplex,\n        disabled: phraseIndex === phrases.length - 1,\n        children: \"More complex\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 100,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 98,\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","Word","frequenciesArray","currentVowel","customFrequency","onNextVowel","_s","phraseIndex","setPhraseIndex","chainId","setChainId","phrases","setPhrases","currentPhrase","setCurrentPhrase","navigate","handleBack","vowelData","vowel","chain","find","handleMoreComplex","length","handleLessComplex","handleNextChain","newChainId","newChain","children","map","f","join","fileName","_jsxFileName","lineNumber","columnNumber","freq","gap","style","margin","icon","onClick","title","bordered","width","disabled","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\n// interface ChainData {\r\n//     [key: string]: Chain[];\r\n// }\r\n\r\n\r\nconst Word: React.FC<WordProps> = ({ frequenciesArray, currentVowel, customFrequency, onNextVowel }) => {\r\n    const [phraseIndex, setPhraseIndex] = useState(0);\r\n    const [chainId, setChainId] = useState(1);\r\n    const [phrases, setPhrases] = useState<string[]>([]);\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    const handleMoreComplex = () => {\r\n        if (phraseIndex < phrases.length - 1) {\r\n            setPhraseIndex(phraseIndex + 1);\r\n            setCurrentPhrase(phrases[phraseIndex + 1]);\r\n        }\r\n    };\r\n\r\n    const handleLessComplex = () => {\r\n        if (phraseIndex > 0) {\r\n            setPhraseIndex(phraseIndex - 1);\r\n            setCurrentPhrase(phrases[phraseIndex - 1]);\r\n        }\r\n    };\r\n\r\n    const handleNextChain = () => {\r\n        const newChainId = (chainId % 3) + 1;\r\n        setChainId(newChainId);\r\n\r\n        const newChain = chainData[currentVowel.vowel as keyof typeof chainData].find(chain => chain.chainId === newChainId);\r\n    if (newChain) {\r\n        setPhrases(newChain.phrases);\r\n        setCurrentPhrase(newChain.phrases[0]);\r\n        setPhraseIndex(0);\r\n    }\r\n    };\r\n    \r\n    return(\r\n        <>\r\n            <div>\r\n                <p>Vowels you just chose to practice: {frequenciesArray.map(f => f.vowel).join(', ')}</p>\r\n            </div>\r\n            <h2>Current Vowel: {currentVowel.vowel}</h2>\r\n            <p>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            </p>\r\n            <Flex gap=\"small\" style={{margin:'10px'}}>\r\n                <Button icon={<ArrowLeftOutlined />} onClick={handleBack}>Back to the previous page</Button> \r\n                <Button icon={<RetweetOutlined />} onClick={onNextVowel}>Try a different vowel</Button>\r\n                <Button icon={<RetweetOutlined />} onClick={handleNextChain}>Try a different phrase chain</Button>\r\n            </Flex>\r\n        \r\n            <Card title={`${currentPhrase}`} bordered={false} style={{ width: 300 }}>\r\n                <p>{`Current phrase chain begins with: \"${phrases[0]}\" `}</p>\r\n            </Card>\r\n            <Flex gap=\"small\" style={{margin:'10px'}}>\r\n                <Button icon={<LeftCircleOutlined />} onClick={handleLessComplex} disabled={phraseIndex === 0}>Less complex</Button>\r\n                <Button type=\"primary\" icon={<RightCircleOutlined />} onClick={handleMoreComplex} disabled={phraseIndex === phrases.length - 1}>More complex</Button>\r\n            </Flex>\r\n        </>\r\n    )\r\n};\r\n\r\nexport default Word;"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}