{"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  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    setChainId(prev => prev % 3 + 1);\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: 78,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 77,\n      columnNumber: 13\n    }, this), /*#__PURE__*/_jsxDEV(\"h2\", {\n      children: [\"Current Vowel: \", currentVowel.vowel]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 80,\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: 81,\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: 86,\n          columnNumber: 31\n        }, this),\n        onClick: handleBack,\n        children: \"Back to the previous page\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 86,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 87,\n          columnNumber: 31\n        }, this),\n        onClick: onNextVowel,\n        children: \"Try a different vowel\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 87,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        icon: /*#__PURE__*/_jsxDEV(RetweetOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 88,\n          columnNumber: 31\n        }, this),\n        onClick: handleNextChain,\n        children: \"Try a different phrase chain\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 88,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 85,\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: \"${phrases[0]}\" `\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 92,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 91,\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: 95,\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: 95,\n        columnNumber: 17\n      }, this), /*#__PURE__*/_jsxDEV(Button, {\n        type: \"primary\",\n        icon: /*#__PURE__*/_jsxDEV(RightCircleOutlined, {}, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 96,\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: 96,\n        columnNumber: 17\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 94,\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","handleMoreComplex","length","handleLessComplex","handleNextChain","prev","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\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<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        setChainId(prev => (prev % 3) + 1);\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={`${word}`} 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":[]}