{"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 } from '@ant-design/icons';\nimport { jsxDEV as _jsxDEV, Fragment as _Fragment } from \"react/jsx-dev-runtime\";\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    setChainId(1);\n    setPhraseIndex(0);\n    const vowelData = chainData[currentVowel.vowel];\n    const firstChain = vowelData[0];\n    if (firstChain) {\n      setPhrases(firstChain.phrases);\n      setCurrentPhrase(firstChain.phrases[0]);\n    }\n  }, [currentVowel]);\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(', '), \", Current active vowel is: \", currentVowel.vowel]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 84,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n      children: [\"Official Target Frequency of \", currentVowel.vowel, \" : \", currentVowel.freq, \" Hz.\", customFrequency === currentVowel.freq && ` No customized Target Frequency was set.`, customFrequency !== currentVowel.freq && ` Customized Target Frequency was set, the value is ${customFrequency} Hz. `]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 86,\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(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 94,\n          columnNumber: 31\n        }, this),\n        onClick: onNextVowel,\n        children: \"Try a different vowel\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 94,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 95,\n          columnNumber: 31\n        }, this),\n        onClick: handleNextChain,\n        children: \"Try a different phrase chain\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 95,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 92,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(Card, {\n      hoverable: true,\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: 104,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 98,\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: 107,\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: 107,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        type: \"primary\",\n        icon: /*#__PURE__*/_jsxDEV(RightCircleOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 108,\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: 108,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 106,\n      columnNumber: 13\n    }, this)]\n  }, void 0, true);\n};\n_s(Word, \"woMhHy9e6w1fAWXAErX9j9ARQMo=\", 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","jsxDEV","_jsxDEV","Fragment","_Fragment","Word","frequenciesArray","currentVowel","customFrequency","onNextVowel","_s","phraseIndex","setPhraseIndex","chainId","setChainId","phrases","setPhrases","currentPhrase","setCurrentPhrase","navigate","handleBack","vowelData","vowel","firstChain","chain","find","handleMoreComplex","length","handleLessComplex","handleNextChain","newChainId","newChain","children","map","f","join","fileName","_jsxFileName","lineNumber","columnNumber","freq","gap","style","margin","icon","onClick","hoverable","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, Tooltip } from 'antd';\r\nimport { RetweetOutlined, LeftCircleOutlined, RightCircleOutlined, InfoCircleOutlined } 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\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        setChainId(1);\r\n        setPhraseIndex(0);\r\n    \r\n        const vowelData = chainData[currentVowel.vowel as keyof typeof chainData];\r\n        const firstChain = vowelData[0];\r\n        if (firstChain) {\r\n            setPhrases(firstChain.phrases);\r\n            setCurrentPhrase(firstChain.phrases[0]);\r\n        }\r\n    }, [currentVowel]);\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(', ')}, Current active vowel is: {currentVowel.vowel}</p>\r\n            </div>\r\n            <p>Official Target Frequency of {currentVowel.vowel} : {currentVowel.freq} Hz.\r\n                {customFrequency === currentVowel.freq && \r\n                    ` No customized Target Frequency was set.`}\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 \r\n                hoverable\r\n                title={`${currentPhrase}`}\r\n                bordered={false}\r\n                style={{ width: 300 }}\r\n            >\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":[]}