{"version":3,"sources":["material/Button.js","WebSocketFunc.js","material/ButtonBar.js","style/StyledA.js","App.js","reportWebVitals.js","index.js"],"names":["ButtonOutline","withStyles","palette","root","padding","FormControl","makeStyles","theme","createStyles","backgroundColor","primary","main","color","fontSize","minWidth","boxSizing","transition","fontFamily","fontWeight","lineHeight","borderRadius","letterSpacing","textTransform","boxShadow","dark","margin","FormHelperText","Button","props","children","other","variant","getCurrentVersion","textAlign","whiteSpace","spacing","osName","Ahover","styled","a","StyleA","StyleRoot","div","PassText","value","style","App","handleNext","handleBack","browserName","browserVersion","useState","machine","setMachine","version","setVersion","isLoading","setIsLoading","checkWebSocketVersion","params","url","onopen","onmessage","onerror","window","ws","WebSocket","alert","WebSocketTest","send","JSON","stringify","response","local_WebSocket_value","obj","parse","data","success","replace","close","error","readyState","useEffect","height","minHeight","display","alignItems","justifyContent","marginBottom","href","download","options","toolbar","paging","sorting","headerStyle","columns","title","field","cellStyle","item","status","pass","Number","size","onClick","CircularProgress","position","left","zIndex","top","bottom","width","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.fbef2ea8.chunk.js","sourcesContent":["import React, { HtmlHTMLAttributes, InputHTMLAttributes, useState, useRef, MutableRefObject, ReactNode, useEffect } from \"react\";\nimport { makeStyles, Theme, createStyles, Button, withStyles, ButtonProps, FormControl, FormHelperText } from '@material-ui/core';\n\n\n// style----------------------------------------------------\nexport const StyleFormControl = withStyles(({ palette, }) => ({\n    root: {\n        padding: \"5px\",\n    },\n}))(FormControl);\n\nconst useStyles = makeStyles((theme) => createStyles({\n    root: {\n        backgroundColor: theme.palette.primary.main,\n        color: \"white\",\n        padding: \"6px 16px\",\n        fontSize: \"0.875rem\",\n        minWidth: \"64px\",\n        boxSizing: \"border-box\",\n        transition: \"background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n        fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n        fontWeight: 500,\n        lineHeight: 1.75,\n        borderRadius: \"4px\",\n        letterSpacing: \"0.02857em\",\n        textTransform: \"uppercase\",\n        boxShadow: \"0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12)\",\n        \"&:hover\": {\n            backgroundColor: theme.palette.primary.dark,\n            boxShadow: \"0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12)\",\n        }\n    },\n}));\n\nexport const StyledSpanButton = props => {\n    const classes = useStyles();\n    return <span className={classes.root}>{props.text} </span >\n}\n\nexport const StyleFormHelperText = withStyles(({ palette, }) => ({\n    root: {\n        margin: \"5px 14px 0\",\n    }\n}))(FormHelperText);\n\n\n\n\n\n\n\nconst Style_Button = withStyles({\n    root: {\n        borderRadius: \"20px\",\n    }\n})(Button)\n\nexport const ButtonContain = (props) => {\n    const { children, ...other } = props\n    return <Style_Button variant=\"contained\" color=\"primary\" {...other}>{children}</Style_Button>\n}\nexport const ButtonContainO = (props) => {\n    const { children, ...other } = props\n    return <Button variant=\"contained\" color=\"primary\" {...other}>{children}</Button>\n}\nexport const ButtonOutline = (props) => {\n    const { children, ...other } = props\n    return <Button variant=\"outlined\" color=\"primary\" {...other}>{children}</Button>\n}","// WebSocket 預設版號\nconst WebSocket_value_win = '1.3.3.4';\nconst beta_WebSocket_value_win = '1.3.3.4';\nconst WebSocket_value_mac = '1.2.3mac';\nconst beta_WebSocket_value_mac = '1.2.3mac';\n\n// 檢查支援 OS 系統\nexport const checkOS = (osName) => osName == 'Windows' || osName == 'Mac'\n\n// 給 OS 支援的版號\nexport const getCurrentVersion = (osName) => {\n    if (osName == 'Windows') { return [WebSocket_value_win, beta_WebSocket_value_win] }\n    else if (osName == 'Mac') { return [WebSocket_value_mac, beta_WebSocket_value_mac] }\n    else { return [\"NVL\", \"NVL\"] }\n}\n\n//只有用判斷IE瀏覽器 < IE10 不能使用\nexport const checkBrowser = (browserName, browserVersion) => !(browserName === \"IE\" && Number(browserVersion) < 10)\n\n//檢查WebSocket版本  正式版 與 beta 都可以\nexport const versionOld = (local_WebSocket_value, osName) => (\n    local_WebSocket_value < getCurrentVersion(osName)[0].replace('mac', '') &&\n    local_WebSocket_value < getCurrentVersion(osName)[1].replace('mac', '')\n)\n\n\nexport const WebSocketTest = (url, onopen, onmessage, onerror) => {\n    if (!(\"WebSocket\" in window)) {\n        alert(\"This browser does not support WebSockets.\"); return;\n    }\n    var ws = new WebSocket('wss://localhost:9991/ws/' + url);\n    // 成功找到元件，ws.send(JSON.stringify(params)) 發資料 會進入 onmessage\n    ws.onopen = onopen(ws);\n    ws.onmessage = onmessage(ws);\n    // 找不到元件\n    ws.onerror = onerror(ws);\n}\n","import React from 'react';\r\nimport { makeStyles, Theme, createStyles } from '@material-ui/core';\r\n\r\n\r\nconst useStyles = makeStyles((theme) =>\r\n    createStyles({\r\n        root: {\r\n            textAlign: \"center\",\r\n            padding: 12,\r\n            whiteSpace: \"nowrap\",\r\n            '& > *': {\r\n                margin: theme.spacing(1),\r\n                // borderRadius: \"20px\",\r\n                fontSize: \"1.2em\",\r\n                minWidth: 90,\r\n            },\r\n        },\r\n    }),\r\n);\r\n\r\nexport const ButtonBar = props => {\r\n    const classes = useStyles();\r\n    return <div className={classes.root} {...props}>{props.children}</div>\r\n}","import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\n// style-------------------------------------------------------------------\r\nconst Ahover = styled.a`\r\n    :hover {\r\n        text-decoration: underline !important;\r\n        color: blue !important;\r\n        transition: color .15s;\r\n    }\r\n`\r\n\r\n\r\n// component-------------------------------------------------------------------\r\nexport const StyleA = props => {\r\n    const { children, ...other } = props;\r\n    return <Ahover {...other}>{children}</Ahover>\r\n}\r\n\r\n\r\n// styled ---------------------------------------------\r\nexport const StyleRoot = styled.div`\r\n  /* position: absolute;\r\n  top: 10%;\r\n  left: 50%;\r\n  transform: translateX(-50%); */\r\n  font-size: 1.2em;\r\n  min-width: 350px;\r\n  width: 60%;\r\n  padding: 0 20px;\r\n  .MuiStepper-root {\r\n    background-color: rgb(247, 247, 247);\r\n  }\r\n`;","import React, { useEffect } from 'react';\nimport { Button } from \"@material-ui/core\";\nimport { useState } from \"react\";\nimport { ButtonContain, ButtonContainO, ButtonOutline } from './material/Button';\nimport MaterialTable from 'material-table';\nimport { osName, browserName, browserVersion, } from 'react-device-detect';\nimport { ButtonBar } from './material/ButtonBar';\nimport { versionOld, checkOS, checkBrowser, WebSocketTest } from './WebSocketFunc';\nimport { StyleA,StyleRoot } from './style/StyledA';\nimport styled from \"styled-components\";\nimport CircularProgress from '@material-ui/core/CircularProgress';\n\n\n\n\n\n// component --------------------------------------------------------------------------\nconst PassText = value => {\n    if (value)\n        return <span style={{ color: \"green\", }}>通過</span>\n    else\n        return <span style={{ color: \"red\", }}>未通過</span>\n}\n\nconst App = (props) => {\n  const { handleNext, handleBack, } = props;\n  const [machine, setMachine] = useState(false);\n  const [version, setVersion] = useState(\"\");\n  const [isLoading, setIsLoading] = useState(false);\n\n  const checkWebSocketVersion = () => {     \n      setIsLoading(true)\n      const params = {}\n      WebSocketTest(\"version\",\n          ws => () => { ws.send(JSON.stringify(params)); },\n          ws => response => {\n              const obj = JSON.parse(response.data);\n              const version = obj.data.version;\n\n              // 啟用失敗(未測到此情況)，或版本較舊，必須更新\n              if (!obj.success || versionOld(version, osName)) {\n                  setMachine(false)\n              }\n              // 啟用成功\n              else { setMachine(true) }\n              // 關閉元件？\n              ws.close();\n\n              setVersion(version)\n              setIsLoading(false)\n          },\n          ws => error => {\n              // IE 於 readyState === 2 必進 error，但並不是 error\n              if (browserName === \"IE\" && ws.readyState === 2) { return }\n              setVersion(\"\")\n              setMachine(false)\n              setIsLoading(false)\n          }\n      )\n  }\n\n  useEffect(() => { checkWebSocketVersion() }, [])\n\n  return (\n    <div style={{\n      backgroundColor: \"rgb(247, 247, 247)\", height: \"100vh\", minHeight: 500,\n      display: \"flex\", alignItems: \"center\", justifyContent: \"center\",\n    }}>\n\n  <StyleRoot>\n      <div style={{ marginBottom: 10 , textAlign: \"center\" , fontSize: \"40px\"}}>\n          ※簽章元件檢測※<br />       \n      </div>\n      <div style={{ marginBottom: 10 , textAlign: \"left\" , fontSize: \"18px\"}}>\n          <div><StyleA href=\"https://ras.tradevan.com.tw/pras/Component/TVCrypto.exe\" download style={{ color: \"red\" }}> 簽章元件下載</StyleA></div>  \n      </div>\n      <MaterialTable options={{\n          toolbar: false, paging: false, sorting: false,\n          headerStyle: { backgroundColor: \"rgb(137, 134, 134)\", color: \"white\", textAlign: \"center\", },\n      }} columns={[\n          { title: '檢查項目', field: 'item', cellStyle: { textAlign: \"center\", }, },\n          { title: '檢查狀態', field: 'status', cellStyle: { textAlign: \"center\", }, },\n          { title: '是否通過', field: 'pass', cellStyle: { textAlign: \"center\", }, },\n      ]} data={[\n          { item: '作業系統', status: osName, pass: PassText(checkOS(osName)), },\n          { item: '瀏覽器', status: browserName+`，版本：${browserVersion}`, pass: PassText(checkBrowser(browserName, browserVersion)), },\n          {\n              item: '簽章憑證元件',\n              status: <>{!version ? \"未安裝或未啟動服務\" : `元件版本：${version}`}\n                  <ButtonOutline size=\"small\" style={{ margin: \"0 5px\" }} onClick={() => checkWebSocketVersion()}>重新檢測</ButtonOutline>\n              </>,\n              pass: <>{machine\n                ? PassText(true)\n                : <a href=\"https://ras.tradevan.com.tw/pras/Component/TVCrypto.exe\" download>請下載、安裝簽章憑證元件</a>\n              }</>,\n            },\n          ]} />  \n        {isLoading && <CircularProgress style={{color:'#4e8ab5',position:'absolute', left: '48%' , zIndex: '10' ,top: '50%',bottom: '0', width:'80px',height:'80px'}}/>}\n  </StyleRoot>\n  </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}