{"version":3,"sources":["serviceWorker.js","theme/palette.js","theme/typography.js","theme/overrides/index.js","theme/overrides/MuiButton.js","theme/overrides/MuiIconButton.js","theme/overrides/MuiPaper.js","theme/overrides/MuiTableCell.js","theme/overrides/MuiTableHead.js","theme/overrides/MuiTypography.js","theme/index.js","theme/shadows.js","components/SearchInput/SearchInput.js","components/RouteWithLayout/RouteWithLayout.js","components/Paper/index.jsx","components/SimpleSnackbar/SimpleSnackbar.jsx","components/AlertSnackbar/AlertSnackbar.js","components/ProgressButton/ProgressButton.jsx","layouts/Main/components/Footer/Footer.js","common/authConfig.js","common/apiConfig.js","common/azsphereApi.js","common/asgConfig.js","common/store.js","contexts/msalAuthContext.js","layouts/Main/components/Sidebar/components/Profile/Profile.js","layouts/Main/components/Sidebar/components/SidebarNav/SidebarNav.js","common/webConfig.js","layouts/Main/components/Sidebar/Sidebar.js","layouts/Main/components/Topbar/Topbar.js","image/winc_logo_sm_notext.png","layouts/Main/Main.js","layouts/Minimal/components/Topbar/Topbar.js","layouts/Minimal/Minimal.js","views/NotFound/NotFound.js","views/UserDevice/components/UserDeviceConfigForm.js","views/UserDevice/components/UserDeviceTable.js","views/UserDevice/components/UserDeviceList.js","views/UserDevice/UserDeviceView.js","views/LinkedNode/SelectDeviceFromTable.js","views/Test/Testpage.js","views/DeviceFOTA/components/CreateDeployment.js","views/DeviceFOTA/components/DeployFirmware.js","views/DeviceFOTA/components/ImagesDetailDialog.js","views/DeviceFOTA/components/DeploymentList.js","views/DeviceFOTA/components/UpdateDevice.js","views/DeviceFOTA/components/UploadImage.js","contexts/signalContext.js","views/DeviceFOTA/components/NodeFOTA/NodeTable.js","views/DeviceFOTA/components/NodeFOTA/NodeFotaView.js","views/DeviceFOTA/DeviceFotaView.js","views/LinkedNode/SelectUserDevice.js","views/LinkedNode/SearchDevice.js","views/LinkedNode/configuration/SerialConfig.js","views/LinkedNode/configuration/DeviceConfig.js","views/LinkedNode/configuration/NetworkConfig.js","views/LinkedNode/configuration/SerialPackingConfig.js","views/LinkedNode/NodeConfigDialog.js","image/wiz750sr.png","image/wiz750sr110.png","views/LinkedNode/NodeCard.js","views/LinkedNode/BrownfieldDevice.js","views/LinkedNode/DeviceDashboard.js","views/LinkedNode/LinkedNodeView.js","views/NodeLog/components/NodeLogTable.js","views/NodeLog/NodeLog.jsx","views/NodeData/components/NodeDataTable.js","views/NodeData/NodeData.jsx","helpers/useInterval.js","views/NodeDashboard/widgets/TextWidget.js","views/NodeDashboard/widgets/TextArrayWidget.js","views/NodeDashboard/widgets/BBChart.js","views/NodeDashboard/widgets/BBMultiChart.js","views/NodeDashboard/BankDetail.js","views/NodeDashboard/CellDetail.js","views/NodeDashboard/TopDetail.js","views/NodeDashboard/DashboardConfigForm.js","views/NodeDashboard/NodeDashboardView.js","views/Document/DocumentView.js","Routes.js","App.js","index.js"],"names":["Boolean","window","location","hostname","match","white","palette","black","primary","contrastText","dark","colors","blueGrey","main","light","indigo","secondary","blue","success","green","info","warning","orange","error","red","text","link","background","default","paper","download","icon","divider","grey","h1","color","fontWeight","fontSize","letterSpacing","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","textTransform","MuiButton","contained","boxShadow","backgroundColor","containedPrimary","outlinedPrimary","border","MuiIconButton","root","MuiPaper","elevation1","MuiTableCell","typography","borderBottom","head","align","alignCenter","MuiTableHead","lineHeight","MuiTypography","gutterBottom","marginBottom","theme","createMuiTheme","common","shadows","overrides","zIndex","appBar","drawer","makeStyles","borderRadius","alignItems","padding","spacing","display","flexBasis","marginRight","input","flexGrow","RouteWithLayout","props","Layout","layout","Component","component","rest","render","matchProps","CustomPaper","classes","className","outlined","squared","children","rootClassName","classNames","Paper","defaultProps","elevation","withStyles","SlideTransition","Slide","direction","SimpleSnackbar","message","open","onClose","Snackbar","anchorOrigin","vertical","horizontal","TransitionComponent","autoHideDuration","ContentProps","id","action","Fragment","Button","size","onClick","IconButton","close","AlertSnackbar","handleClose","severity","style","maxWidth","Alert","AlertTitle","useStyles","paddingBottom","wrapper","position","buttonProgress","top","left","marginTop","marginLeft","ProgressButton","loading","variant","disabled","CircularProgress","textAlign","quote","neutral","height","justifyContent","backgroundImage","backgroundSize","backgroundRepeat","backgroundPosition","quoteInner","Footer","clsx","Typography","Link","href","target","targetUrl","msalConfig","auth","clientId","process","authority","knownAuthorities","redirectUri","postLogoutRedirectUri","loginRequest","scopes","asgapiHost","asgapiFuncKey","saveUser","userInfo","a","config","method","data","JSON","stringify","headers","url","email","axios","console","log","sendC2dMessage","deviceId","fetch","invokeMethod","methodName","payload","resp","json","jsondata","queryUser","queryEvents","limit","length","queryUserDevice","queryDeviceUpdate","queryWithSql","container","query","createDocument","containerId","updateAS3Info","Function_asgapi","endpoint","tenantId","devicesMove","groupId","token","Authorization","productListGroups","productId","productGetByName","productName","deploymentsList","deploymentsCreate","imageIds","imageUpload","filedata","imageGetMetadata","imageId","deviceIdState","atom","key","deviceGroupState","name","userDeviceListState","isDeviceLoadedState","deviceIndexState","bank","cell","searchDataState","s2eConfigState","groupListLoadedState","fileName","componentId","groupListState","targetGroupIdState","fotaImageState","snackbarState","MsalAuthContext","createContext","MsalAuthProvider","useMsal","instance","accounts","inProgress","isAuthenticated","useIsAuthenticated","account","useAccount","useState","user","product","logout","values","setValues","setUserDeivces","useSetRecoilState","setIsDeviceLoaded","setGroupList","setGroupLoaded","useEffect","acquireTokenSilent","then","response","getUserDevice","username","localStorage","setItem","Object","keys","localDevices","getItem","parse","getGroupListByProduct","Items","undefined","getProductGetByName","Name","Id","description","Description","displayName","role","saveUserInfo","userDoc","Provider","value","flexDirection","minHeight","avatar","width","fontWeightMedium","Profile","authState","useContext","to","item","paddingTop","active","CustomRouterLink","forwardRef","ref","SidebarNav","pages","List","map","page","ListItem","disableGutters","activeClassName","title","topbar","sidebar","breakpoints","up","signOutButton","bottom","margin","nav","chipWrapper","chip","Sidebar","Drawer","anchor","Chip","Avatar","label","Divider","Hidden","lgUp","header","toolbarName","marginRignt","fontFamily","logo","logoImage","Topbar","onSidebarOpen","AppBar","Toolbar","alt","src","mdDown","shiftContent","paddingLeft","content","footer","Main","useTheme","isDesktop","useMediaQuery","defaultMatches","openSidebar","setOpenSidebar","shouldOpenSidebar","Minimal","image","card","minWidth","select","overflow","UserDeviceConfigForm","device","handleRefresh","handleSave","includes","Dialog","PaperProps","Card","CardContent","TextField","defaultValue","onChange","event","Grid","xs","noWrap","hasOwnProperty","azureSphere","deviceGroup","connectionState","CheckCircleOutline","HighlightOff","Date","connectionStateUpdatedTime","toLocaleString","timeZone","properties","reported","index","DeviceRow","setClickedDeviceIndex","openConfigForm","setOpenConfigForm","handleDeviceClick","TableRow","deviceRow","hover","TableCell","table","overflowX","cursor","UserDeviceTable","devices","rowsPerPage","setRowsPerPage","setPage","TableContainer","Table","TableHead","TableBody","slice","TablePagination","count","onChangePage","onChangeRowsPerPage","rowsPerPageOptions","progressWrapper","UserDeviceList","useRecoilState","isLoaded","setIsLoaded","userDevices","setUserDevices","snackbar","setSnackbar","useCallback","deviceList","debug","UserDeviceView","columns","field","headerName","SelectDeviceFromTable","handleSelect","setDeviceId","setDeviceGroup","deviceRows","setDeviceRows","rows","forEach","push","group","sm","autoHeight","rowHeight","pageSize","checkboxSelection","hideFooterSelectedRowCount","disableSelectionOnClick","disableColumnSelector","disableColumnMenu","onSelectionModelChange","params","selectionModel","InputLabelProps","shrink","fullWidth","e","helperText","TestPage","timer","useRef","setLoading","isDeviceLoaded","useRecoilValue","handleClick","current","setTimeout","imageGrid","textSuccess","clearButton","verticalAlign","imageInfo","imageRows","uuidRegx","CreateDeployment","justCreateDep","fotaImages","setFotaImages","setImageIds","isValidImages","setIsValidImages","setSuccess","deploymentGetLoading","setDeploymentGetLoading","createDeployment","imageIdData","createdTime","createdBy","result","handleChange","newImageIds","isValidUuid","test","imageIdArray","componentIdArray","every","filter","checkValidImages","getLatestDeployment","where","wrap","required","row","imageIndex","confirm","ImagesDetailDialog","images","metadataList","setMetadataList","getImageData","Promise","all","resolve","imagesData","metadata","ComponentId","Type","borderColor","DeploymentList","deploymentList","setDeploymentList","setOpen","selectedDeployment","setSelectedDeployment","getDeploymentList","reverse","deployment","idx","DeployedImages","DeploymentDateUtc","successIcon","UpdateDevice","moveDevice","handleUpdate","selectedDevice","errorMsg","Message","MenuItem","textWrapper","selectButton","form","UploadImage","formRef","React","uploadResult","setUploadResult","uploadLoading","setUploadLoading","fileList","setFileList","isUploadOnly","setIsUploadOnly","handleUpload","uploadSuccess","promiseArray","file","find","handleSubmit","preventDefault","FormControlLabel","control","Checkbox","checked","type","multiple","files","currentTarget","imageArray","accept","onSubmit","rowIndex","fileIndex","rowId","newArray","reportValidity","SignalContext","SignalProvider","eventData","setConnectionState","userDeviceList","connection","HubConnectionBuilder","withUrl","withAutomaticReconnect","configureLogging","LogLevel","Warning","build","start","onclose","on","messages","dataArray","headCells","disablePadding","descendingComparator","b","orderBy","getComparator","order","stableSort","array","comparator","stabilizedThis","el","sort","NodeTableHead","onSelectAllClick","numSelected","rowCount","onRequestSort","indeterminate","inputProps","headCell","sortDirection","TableSortLabel","property","visuallyHidden","useToolbarStyles","paddingRight","highlight","lighten","flex","NodeTableToolbar","clip","NodeTable","nodeDevices","nodeFW","updateResult","setOrder","setOrderBy","selected","setSelected","updateStatus","setUpdateStatus","Array","fill","newStatus","node","mac","split","join","updatedMac","updatedResult","selectedMac","dev","maclist","newSelecteds","n","macaddr","isItemSelected","indexOf","labelId","selectedIndex","newSelected","concat","tabIndex","scope","ver","newPage","parseInt","NodeFotaView","signalState","setNodeDevices","setNodeFW","setUpdateResult","getNodeInfo","getSignalData","signalData","messageSource","err","newNodeDevices","NodeDevices","newNodeFW","NodeFW","contents","actionsContainer","resetContainer","DeviceFotaView","groupList","groupLoaded","setGroupId","activeStep","setActiveStep","isExpanded","setIsExpanded","getStepContent","step","steps","Switch","Stepper","orientation","Step","expanded","StepLabel","StepContent","prevActiveStep","square","SelectUserDevice","userGroupList","setUserGroupList","userDevicesInGroup","setUserDevicesInGroup","availableGroups","uniqueGroups","from","Set","g","devicesInGroup","InputProps","readOnly","userDevice","SearchDevice","buttonDisable","deviceIndex","handleSearch","searchButton","startIcon","serialConfigName","serialConfigValues","subject","SerialConfig","getData","setData","serialValues","setSerialValues","splice","handleGet","serialGetCmd","openAlert","handleSet","serialSetCmd","serialValue","newValues","toString","deviceConfigName","DeviceConfig","searchData","deviceValues","setDeviceValues","devInfoGetCmd","deviceConfigParams","operationMode","allocationMode","netConfig","lineSpace","radio","NetworkConfig","networkValues","setNetworkValues","handleValueChange","networkGetCmd","netSetCmd","FormControl","RadioGroup","mode","Radio","labelPlacement","configName","serialPackingConfigName","SerialPackingConfig","serialPackingValues","setSerialPackingValues","serialPackingGetCmd","serialPackingSetCmd","option","NodeConfigDialog","devData","devName","devIdx","DialogTitle","DialogContent","DialogActions","autoFocus","media","NodeCard","nodeInfo","s2eConfig","CardActionArea","CardMedia","Wiz750srImg","Wiz750sr110Img","BrownfieldDevice","configData","setConfigData","setSearchdata","nodes","setNodes","newNodes","newConfigData","parseSearchMessage","replace","i","updateNodeDeviceInfo","nodeDevicesInfo","parseMessage","messageDevIndex","cmdIndex","messageAlert","jsonstr","DeviceDashboard","setButtonDisable","LinkedNodeView","NodeLogRow","collapseOpen","setCollapseOpen","EnqueuedTimeUtc","collapseCell","colSpan","Collapse","in","unmountOnExit","Box","wordWrap","maxHeight","NodeLogTable","eventList","column","NodeData","isEventLoaded","setIsEventLoaded","setEventList","getEventList","NodeDataRow","NodeDataTable","filteredData","useInterval","callback","delay","savedCallback","setInterval","clearInterval","subTitle","typo","unit","TextWidget","dataColor","TextArrayWidget","unitArray","BBChart","xAxis","chartInstance","setChartInstance","loadData","x","line","axis","tick","fit","format","culling","y","min","max","right","point","zoom","enabled","BBMultiChart","CellKeys","CellUnits","defaultQuery","NoData","bankIndex","cardRoot","cardContentRoot","BankDetail","tree","isCellDataLoaded","setIsCellDataLoaded","bbValueArray","setBbValueArray","latestCellData","setLatestCellData","bankEventList","setBankEventList","refreshTime","getBBChartValuesWithTime","getSignalEvent","snmpData","object","newEventList","unshift","pop","events","bbChartValues","keyName","j","queryBankData","dataList","and1","and3","queryEachCellData","cellIndexArray","numStr","padStart","cellIndex","and2","resultArray","raised","bbValue","cardContents","cellKey","CellDetail","cellEventList","setCellEventList","cellIndexHex","Number","queryCellData","filteredEvents","TopDetail","filtered","textField","DashboardConfigForm","handleTree","treeConfig","setTree","treeView","TreeItem","MuiTreeItem","makeTreeArray","number","String","obj","NodeDashboardView","history","useHistory","useRouteMatch","path","bankArray","setBankArray","cellArray","setCellArray","setSelectedMac","setBankIndex","setCellIndex","openDialog","setOpenDialog","getNodes","handleLabelClick","addr","TreeView","defaultCollapseIcon","defaultExpandIcon","nodeId","onLabelClick","exact","DocumentView","Routes","MainLayout","NodeLogView","NodeDataView","TestView","MinimalLayout","browserHistory","createBrowserHistory","App","pca","authRequest","basename","ThemeProvider","authenticationRequest","interactionType","InteractionType","Redirect","msalInstance","PublicClientApplication","ReactDOM","document","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.53cf4904.chunk.js","sourcesContent":["// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit http://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See http://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import { colors } from \"@material-ui/core\";\n\nconst white = \"#FFFFFF\";\nconst black = \"#000000\";\n\nconst palette = {\n  black,\n  white,\n  primary: {\n    contrastText: white,\n    dark: colors.blueGrey[500],\n    // main: colors.blueGrey[400],\n    main: \"#41506b\",\n    light: colors.indigo[100]\n    // dark: colors.indigo[900],\n    // main: colors.indigo[500],\n    // light: colors.indigo[100]\n  },\n  secondary: {\n    contrastText: white,\n    dark: colors.blue[900],\n    main: colors.blue[\"A400\"],\n    light: colors.blue[\"A400\"]\n  },\n  success: {\n    contrastText: white,\n    dark: colors.green[900],\n    main: colors.green[600],\n    light: colors.green[400]\n  },\n  info: {\n    contrastText: white,\n    dark: colors.blue[900],\n    main: colors.blue[600],\n    light: colors.blue[400]\n  },\n  warning: {\n    contrastText: white,\n    dark: colors.orange[900],\n    main: colors.orange[600],\n    light: colors.orange[400]\n  },\n  error: {\n    contrastText: white,\n    dark: colors.red[900],\n    main: colors.red[600],\n    light: colors.red[400]\n  },\n  text: {\n    primary: colors.blueGrey[900],\n    secondary: colors.blueGrey[600],\n    light: colors.blueGrey[300],\n    link: colors.blue[600]\n  },\n  background: {\n    default: \"#F4F6F8\",\n    paper: white\n  },\n  download: {\n    main: colors.indigo[500]\n  },\n  icon: colors.blueGrey[600],\n  divider: colors.grey[200]\n};\n\nexport default palette;\n","import palette from \"./palette\";\n\nexport default {\n  h1: {\n    color: palette.text.primary,\n    fontWeight: 500,\n    fontSize: \"35px\",\n    letterSpacing: \"-0.24px\"\n  },\n  h2: {\n    color: palette.text.primary,\n    fontWeight: 500,\n    fontSize: \"29px\",\n    letterSpacing: \"-0.24px\"\n  },\n  h3: {\n    color: palette.text.primary,\n    fontWeight: 500,\n    fontSize: \"24px\",\n    letterSpacing: \"-0.06px\"\n  },\n  h4: {\n    color: palette.text.primary,\n    fontWeight: 500,\n    fontSize: \"20px\",\n    letterSpacing: \"-0.06px\"\n  },\n  h5: {\n    color: palette.text.primary,\n    fontWeight: 500,\n    fontSize: \"16px\",\n    letterSpacing: \"-0.05px\"\n  },\n  h6: {\n    color: palette.text.primary,\n    fontWeight: 500,\n    fontSize: \"14px\",\n    letterSpacing: \"-0.05px\"\n  },\n  subtitle1: {\n    color: palette.text.primary,\n    fontSize: \"16px\",\n    letterSpacing: \"-0.05px\"\n  },\n  subtitle2: {\n    color: palette.text.secondary,\n    fontWeight: 400,\n    fontSize: \"14px\",\n    letterSpacing: \"-0.05px\"\n  },\n  body1: {\n    color: palette.text.primary,\n    fontSize: \"14px\",\n    letterSpacing: \"-0.05px\"\n  },\n  body2: {\n    color: palette.text.secondary,\n    fontSize: \"12px\",\n    letterSpacing: \"-0.04px\"\n  },\n  button: {\n    color: palette.text.primary,\n    fontSize: \"14px\"\n  },\n  caption: {\n    color: palette.text.secondary,\n    fontSize: \"11px\",\n    letterSpacing: \"0.33px\"\n  },\n  overline: {\n    color: palette.text.secondary,\n    fontSize: \"11px\",\n    fontWeight: 500,\n    letterSpacing: \"0.33px\",\n    textTransform: \"uppercase\"\n  }\n};\n","import MuiButton from \"./MuiButton\";\nimport MuiIconButton from \"./MuiIconButton\";\nimport MuiPaper from \"./MuiPaper\";\nimport MuiTableCell from \"./MuiTableCell\";\nimport MuiTableHead from \"./MuiTableHead\";\nimport MuiTypography from \"./MuiTypography\";\n\nexport default {\n  MuiButton,\n  MuiIconButton,\n  MuiPaper,\n  MuiTableCell,\n  MuiTableHead,\n  MuiTypography\n};\n","const MuiButton = {\n  contained: {\n    boxShadow:\n      \"0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20)\",\n    backgroundColor: \"#FFFFFF\"\n  },\n  containedPrimary: {\n    backgroundColor: \"#41506b\"\n  },\n  outlinedPrimary: {\n    border: \"solid 1px #141b29\"\n    // color: \"#141b29\"\n  }\n};\n\nexport default MuiButton;\n","import palette from '../palette';\n\nexport default {\n  root: {\n    color: palette.icon,\n    '&:hover': {\n      backgroundColor: 'rgba(0, 0, 0, 0.03)'\n    }\n  }\n};\n","export default {\n  elevation1: {\n    boxShadow: \"0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)\"\n  }\n};\n","import palette from \"../palette\";\nimport typography from \"../typography\";\n\nconst MuiTableCell = {\n  root: {\n    ...typography.body1,\n    borderBottom: `1px solid ${palette.divider}`\n  },\n  head: {\n    align: \"center\"\n  },\n  alignCenter: {\n    align: \"center\"\n  }\n};\n\nexport default MuiTableCell;\n","const MuiTableHead = {\n  root: {\n    // backgroundColor: colors.grey[50]\n    backgroundColor: \"#bac3d5\",\n    lineHeight: \"30px\"\n  }\n};\n\nexport default MuiTableHead;\n","export default {\n  gutterBottom: {\n    marginBottom: 8\n  }\n};\n","import { createMuiTheme, colors } from \"@material-ui/core\";\n\n// import palette from \"./palette\";\nimport typography from \"./typography\";\nimport overrides from \"./overrides\";\nimport shadows from \"./shadows\";\n\nconst theme = createMuiTheme({\n  // palette,\n  palette: {\n    background: {\n      dark: \"#F4F6F8\",\n      default: colors.common.white,\n      paper: colors.common.white\n    },\n    primary: {\n      // main: colors.blueGrey[500]\n      main: \"#41506b\"\n    },\n    secondary: {\n      main: colors.indigo[500]\n    },\n    text: {\n      primary: colors.blueGrey[900],\n      secondary: colors.blueGrey[600]\n    },\n    divider: colors.grey[200]\n  },\n  typography,\n  shadows,\n  overrides,\n  zIndex: {\n    appBar: 1200,\n    drawer: 1100\n  }\n});\n\nexport default theme;\n","export default [\n  'none',\n  '0 0 0 1px rgba(63,63,68,0.05), 0 1px 2px 0 rgba(63,63,68,0.15)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 2px 2px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 3px 4px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 4px 6px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 4px 8px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 5px 8px -2px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 6px 12px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 7px 12px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 6px 16px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 7px 16px -4px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 8px 18px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 9px 18px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 10px 20px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 11px 20px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 12px 22px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 13px 22px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 14px 24px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 16px 28px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 18px 30px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 20px 32px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 22px 34px -8px rgba(0,0,0,0.25)',\n  '0 0 1px 0 rgba(0,0,0,0.31), 0 24px 36px -8px rgba(0,0,0,0.25)'\n];\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport { Paper, Input } from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    borderRadius: '4px',\n    alignItems: 'center',\n    padding: theme.spacing(1),\n    display: 'flex',\n    flexBasis: 420\n  },\n  icon: {\n    marginRight: theme.spacing(1),\n    color: theme.palette.text.secondary\n  },\n  input: {\n    flexGrow: 1,\n    fontSize: '14px',\n    lineHeight: '16px',\n    letterSpacing: '-0.05px'\n  }\n}));\n\nconst SearchInput = props => {\n  const { className, onChange, style, ...rest } = props;\n\n  const classes = useStyles();\n\n  return (\n    <Paper\n      {...rest}\n      className={clsx(classes.root, className)}\n      style={style}\n    >\n      <SearchIcon className={classes.icon} />\n      <Input\n        {...rest}\n        className={classes.input}\n        disableUnderline\n        onChange={onChange}\n      />\n    </Paper>\n  );\n};\n\nSearchInput.propTypes = {\n  className: PropTypes.string,\n  onChange: PropTypes.func,\n  style: PropTypes.object\n};\n\nexport default SearchInput;\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport PropTypes from 'prop-types';\n\nconst RouteWithLayout = props => {\n  const { layout: Layout, component: Component, ...rest } = props;\n\n  return (\n    <Route\n      {...rest}\n      render={matchProps => (\n        <Layout>\n          <Component {...matchProps} />\n        </Layout>\n      )}\n    />\n  );\n};\n\nRouteWithLayout.propTypes = {\n  component: PropTypes.any.isRequired,\n  layout: PropTypes.any.isRequired,\n  path: PropTypes.string\n};\n\nexport default RouteWithLayout;\n","import React from 'react';\n\n// Externals\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\n// Material helpers\nimport { withStyles } from '@material-ui/core';\n\n// Material components\nimport { Paper } from '@material-ui/core';\n\n// Component styles\nconst styles = theme => {\n  return {\n    root: {\n      borderRadius: '4px'\n    },\n    squared: {\n      borderRadius: 0\n    },\n    outlined: {\n      border: `1px solid ${theme.palette.border}`\n    }\n  };\n};\n\nconst CustomPaper = props => {\n  const { classes, className, outlined, squared, children, ...rest } = props;\n\n  const rootClassName = classNames(\n    {\n      [classes.root]: true,\n      [classes.squared]: squared,\n      [classes.outlined]: outlined\n    },\n    className\n  );\n\n  return (\n    <Paper\n      {...rest}\n      className={rootClassName}\n    >\n      {children}\n    </Paper>\n  );\n};\n\nCustomPaper.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  classes: PropTypes.object.isRequired,\n  elevation: PropTypes.number,\n  outlined: PropTypes.bool,\n  squared: PropTypes.bool\n};\n\nCustomPaper.defaultProps = {\n  squared: false,\n  outlined: true,\n  elevation: 0\n};\n\nexport default withStyles(styles)(CustomPaper);\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { Button, Snackbar, IconButton, Slide } from \"@material-ui/core\";\nimport CloseIcon from \"@material-ui/icons/Close\";\n\nconst styles = (theme) => ({\n  close: {\n    padding: theme.spacing(1) / 2\n  }\n});\n\nfunction SlideTransition(props) {\n  return <Slide {...props} direction=\"down\" />;\n}\n\nconst SimpleSnackbar = (props) => {\n  const { classes, message, open, onClose } = props;\n\n  return (\n    <Snackbar\n      anchorOrigin={{\n        vertical: \"top\",\n        horizontal: \"center\"\n      }}\n      open={open}\n      TransitionComponent={SlideTransition}\n      autoHideDuration={2100}\n      onClose={onClose}\n      ContentProps={{\n        \"aria-describedby\": \"message-id\"\n      }}\n      message={<span id=\"message-id\">{message}</span>}\n      action={\n        <React.Fragment>\n          <Button key=\"undo\" color=\"secondary\" size=\"small\" onClick={onClose}>\n            OK\n          </Button>\n          <IconButton\n            key=\"close\"\n            aria-label=\"Close\"\n            color=\"inherit\"\n            className={classes.close}\n            onClick={onClose}\n          >\n            <CloseIcon />\n          </IconButton>\n        </React.Fragment>\n      }\n    />\n  );\n};\n\nSimpleSnackbar.defaultProps = {\n  message: \"Alarm\"\n};\n\nSimpleSnackbar.propTypes = {\n  classes: PropTypes.object.isRequired\n};\n\nexport default withStyles(styles)(SimpleSnackbar);\n","import React from \"react\";\n// import { makeStyles } from \"@material-ui/core/styles\";\nimport { Snackbar, IconButton } from \"@material-ui/core\";\nimport { Alert, AlertTitle } from \"@material-ui/lab\";\nimport CloseIcon from \"@material-ui/icons/Close\";\n\nconst AlertSnackbar = (props) => {\n  // const classes = useStyles();\n  const { message, open, handleClose, severity, autoHideDuration, horizontal } = props;\n\n  return (\n    <Snackbar\n      anchorOrigin={{\n        vertical: \"top\",\n        horizontal: horizontal\n      }}\n      open={open}\n      autoHideDuration={autoHideDuration}\n      onClose={handleClose}\n      style={{ maxWidth: 500 }}\n    >\n      <Alert\n        severity={severity}\n        action={\n          <IconButton\n            aria-label=\"close\"\n            color=\"inherit\"\n            size=\"small\"\n            onClick={handleClose}\n          >\n            <CloseIcon fontSize=\"inherit\" />\n          </IconButton>\n        }\n      >\n        <AlertTitle>{message}</AlertTitle>\n      </Alert>\n    </Snackbar>\n  );\n};\n\nAlertSnackbar.defaultProps = {\n  message: \"Alert\",\n  severity: \"success\",\n  autoHideDuration: 2000,\n  horizontal: \"right\"\n};\n\nexport default AlertSnackbar;\n","import React from \"react\";\nimport { Button, CircularProgress, colors } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    paddingBottom: theme.spacing(2),\n    marginBottom: theme.spacing(2)\n  },\n  wrapper: {\n    position: \"relative\",\n    display: \"flex\"\n  },\n  buttonProgress: {\n    color: colors.blueGrey[500],\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    marginTop: -12,\n    marginLeft: -12\n  }\n}));\n\nconst ProgressButton = (props) => {\n  const classes = useStyles();\n  const { children, loading, onClick, color, variant, size, disabled, align } = props;\n\n  return (\n    <div className={classes.root} align={align}>\n      <div className={classes.wrapper}>\n        <Button\n          variant={variant}\n          color={color}\n          disabled={loading || disabled}\n          onClick={onClick}\n          size={size}\n        >\n          {children}\n        </Button>\n        {loading && <CircularProgress size={24} className={classes.buttonProgress} />}\n      </div>\n    </div>\n  );\n};\n\nProgressButton.defaultProps = {\n  loading: false,\n  color: \"primary\",\n  variant: \"contained\",\n  size: \"small\",\n  align: \"center\"\n};\n\nexport default ProgressButton;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles } from '@material-ui/styles';\nimport { Typography, Link } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(4),\n    textAlign: 'center'\n  },\n  quote: {\n    backgroundColor: theme.palette.neutral,\n    height: '100%',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundImage: 'url(/images/wizcloud_bg_02.png)',\n    backgroundSize: 'cover',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center'\n  },\n  quoteInner: {\n    textAlign: 'center',\n    flexBasis: '600px'\n  }\n}));\n\nconst Footer = (props) => {\n  const { className, ...rest } = props;\n\n  const classes = useStyles();\n\n  return (\n    <div {...rest} className={clsx(classes.root, className)}>\n      <Typography variant=\"body1\">\n        Copyright &copy;\n        <Link component=\"a\" href=\"https://wiznet.io/\" target=\"_blank\">\n          2022 WIZnet Co., Ltd. All Rights Reserved\n        </Link>\n      </Typography>\n      <Typography variant=\"caption\">\n        {/* Created with love for the environment. By designers and developers who love to\n        work together in offices! */}\n      </Typography>\n    </div>\n  );\n};\n\nFooter.propTypes = {\n  className: PropTypes.string\n};\n\nexport default Footer;\n","// Config object to be passed to Msal on creation\n\nconst targetUrl =\n  process.env.NODE_ENV === \"development\"\n    ? \"http://localhost:3000\"\n    : // : \"https://wizasg.winc.ai\";\n      \"https://asgdm.azurewebsites.net\";\n\nexport const msalConfig = {\n  auth: {\n    // clientId: process.env.REACT_APP_ASGWEBAPP_AD_APPLICATION_ID,\n    clientId: process.env.REACT_APP_ASGDM_B2CAPP_APPLICATION_ID,\n    authority: \"https://wizasg.b2clogin.com/wizasg.onmicrosoft.com/B2C_1_signin\",\n    knownAuthorities: [ \"https://wizasg.b2clogin.com\" ],\n    redirectUri: targetUrl,\n    postLogoutRedirectUri: targetUrl\n    // validateAuthority: false,\n    // navigateToLoginRequestUrl: true\n  }\n};\n\n// Add here scopes for id token to be used at MS Identity Platform endpoints.\nexport const loginRequest = {\n  scopes: [\n    \"https://wizasg.onmicrosoft.com/helloapi/demo.read\",\n    \"openid\",\n    \"offline_access\"\n  ]\n};\n\nexport const forgotPasswordRequest = {\n  authority: \"https://wizasg.b2clogin.com/wizasg.onmicrosoft.com/tfp/B2C_1_signin\"\n};\n\n// Add here the endpoints for MS Graph API services you would like to use.\nexport const graphConfig = {\n  graphMeEndpoint: \"https://graph.microsoft.com/v1.0/me\"\n};\n","import axios from \"axios\";\n\nconst asgapiHost = process.env.REACT_APP_FUNCTION_ASGAPI;\nconst asgapiFuncKey = process.env.REACT_APP_FUNCTION_ASGAPI_KEY;\n\nconst saveUser = async (userInfo) => {\n  const config = {\n    method: \"POST\",\n    data: JSON.stringify(userInfo),\n    headers: {\n      \"Content-type\": \"Application/json\"\n    },\n    url: `${asgapiHost}/saveuser?code=${asgapiFuncKey}&id=${userInfo.email}`\n  };\n\n  // console.log(\"userInfo\", userInfo);\n  try {\n    const { data } = await axios(config);\n    // console.log(\"saveUser resp:\", resp);\n    return data;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\n/**\n * Internal API\n */\n\nconst sendC2dMessage = async (deviceId, data) => {\n  try {\n    await fetch(\n      `${asgapiHost}/sendc2dmessage?code=${asgapiFuncKey}&deviceId=${deviceId}&data=${data}`\n    );\n    console.info(`Sent c2d message[${data}] to [${deviceId}]`);\n    return true;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\nconst invokeMethod = async (deviceId, methodName, payload) => {\n  try {\n    const resp = await fetch(\n      `${asgapiHost}/invokemethod?code=${asgapiFuncKey}&deviceId=${deviceId}&methodName=${methodName}&payload=${payload}`\n    );\n    const jsondata = await resp.json();\n    return jsondata;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\nconst queryDevice = async () => {\n  try {\n    const resp = await fetch(`${asgapiHost}/queryasgdevice`);\n    // console.log(\"resp:\", resp);\n    const jsondata = await resp.json();\n    return jsondata;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\nconst queryUser = async (email) => {\n  try {\n    const resp = await fetch(\n      `${asgapiHost}/queryuser?code=${asgapiFuncKey}&email=${email}`\n    );\n    const jsondata = await resp.json();\n    // console.log(\"jsondata:\", jsondata);\n    return jsondata;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\nconst queryEvents = async (deviceId, limit) => {\n  try {\n    const resp = await fetch(\n      deviceId.length === 0\n        ? `${asgapiHost}/queryevents?limit=${limit}`\n        : `${asgapiHost}/queryevents?deviceId=${deviceId}&limit=${limit}`\n    );\n    // console.log(\"resp:\", resp);\n    const jsondata = await resp.json();\n    // console.log(\"jsondata:\", jsondata);\n    return jsondata;\n  } catch (error) {\n    console.log(\"queryEvents err:\", error);\n    return false;\n  }\n};\n\nconst queryEventsContinue = async (deviceId, continuationToken, count) => {\n  var config = {\n    method: \"GET\",\n    url: `${asgapiHost}/queryeventscont?code=${asgapiFuncKey}&deviceId=${deviceId}&maxItemCount=${count}`,\n    headers: {\n      \"Content-Type\": \"application/json\",\n      \"continuation-token\": continuationToken\n    }\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(\"queryEventsContinue err:\", error);\n    return false;\n  }\n};\n\nconst queryUserDevice = async (email) => {\n  const config = {\n    method: \"GET\",\n    url: `${asgapiHost}/queryuserdevice?code=${asgapiFuncKey}&owner=${email}`\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(\"queryUserDevice err:\", error);\n    return false;\n  }\n};\n\nconst queryDeviceUpdate = async (deviceId, data) => {\n  const config = {\n    method: \"POST\",\n    headers: {\n      \"Content-type\": \"Application/json\"\n    },\n    url: `${asgapiHost}/querydevice/update?code=${asgapiFuncKey}&deviceId=${deviceId}`,\n    data: JSON.stringify(data)\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(\"queryDeviceUpdate err:\", error);\n    return false;\n  }\n};\n\nconst queryWithSql = async (container, query) => {\n  const config = {\n    method: \"POST\",\n    headers: {\n      \"Content-Type\": \"text/plain\"\n    },\n    url: `${asgapiHost}/querywithsql?code=${asgapiFuncKey}&containerName=${container}`,\n    data: query\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(\"queryWithSql err:\", error);\n    return false;\n  }\n};\n\nconst updateTwin = async (deviceId, data) => {\n  const config = {\n    method: \"POST\",\n    headers: {\n      \"Content-type\": \"Application/json\"\n    },\n    url: `${asgapiHost}/twin/update?code=${asgapiFuncKey}&deviceId=${deviceId}`,\n    data: JSON.stringify(data)\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(\"updateTwin err:\", error);\n    return false;\n  }\n};\n\nconst createDocument = async (containerId, data) => {\n  const config = {\n    method: \"POST\",\n    headers: {\n      \"Content-type\": \"Application/json\"\n    },\n    url: `${asgapiHost}/document/create?code=${asgapiFuncKey}&containerId=${containerId}`,\n    data: JSON.stringify(data)\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(\"createDocument err:\", error);\n    return false;\n  }\n};\n\nconst updateAS3Info = async (deviceId) => {\n  const config = {\n    method: \"GET\",\n    url: `${process.env\n      .Function_asgapi}/update/as3info?code=${asgapiFuncKey}&deviceId=${deviceId}`\n  };\n\n  try {\n    const { data } = await axios(config);\n    console.log(\"RequestAS3Update response:\", data);\n    return data;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\nexport {\n  sendC2dMessage,\n  invokeMethod,\n  saveUser,\n  queryEvents,\n  queryEventsContinue,\n  queryDevice,\n  queryUser,\n  queryUserDevice,\n  queryDeviceUpdate,\n  updateTwin,\n  createDocument,\n  updateAS3Info,\n  queryWithSql\n};\n","import axios from \"axios\";\nimport { config } from \"./asgConfig\";\n\nconst endpoint = \"https://prod.core.sphere.azure.net\";\nconst tenantId = config.tenantId;\n\nconst asgapiHost = process.env.REACT_APP_FUNCTION_ASGAPI;\nconst asgapiFuncKey = process.env.REACT_APP_FUNCTION_ASGAPI_KEY;\n\nconst devicesGet = async (deviceId) => {\n  console.log(\"[Azsphere] get device\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devices/${deviceId}`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n\n  return data;\n};\n\nconst devicesList = async () => {\n  console.log(\"[Azsphere] get devices\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devices`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n\n  return data;\n};\n\nconst devicesListInGroup = async (groupId) => {\n  console.log(\"[Azsphere] get devices in group\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devicegroups/${groupId}/devices`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n  return data;\n};\n\nconst devicesMove = async (deviceId, groupId) => {\n  console.log(\"[Azsphere] move device\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  // console.log(\"token\", token);\n\n  const config = {\n    method: \"PUT\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devices/${deviceId}/deviceGroup`,\n    headers: {\n      Authorization: `Bearer ${token}`,\n      \"Content-type\": \"Application/json;charset=utf-8\"\n    },\n    data: JSON.stringify(groupId)\n  };\n\n  const { data } = await axios(config);\n  // console.log(\"data:\", data);\n  return data;\n};\n\nconst deviceGroupGet = async (groupId) => {\n  console.log(\"[Azsphere] get group\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devicegroups/${groupId}`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n  return data;\n};\n\nconst productListGroups = async (productId) => {\n  console.log(\"[Azsphere] get groups in product\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  // console.log(\"token\", token);\n\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/products/${productId}/deviceGroups`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n  // console.log(\"data:\", data);\n  return data;\n};\n\nconst productGetByName = async (productName) => {\n  console.log(\"[Azsphere] get product by name\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  // console.log(\"token\", token);\n\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/products/name/${productName}`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  try {\n    const { data } = await axios(config);\n    // console.log(\"data:\", data);\n    return data;\n  } catch (error) {\n    console.log(error);\n    return false;\n  }\n};\n\nconst deploymentsList = async (groupId) => {\n  console.log(\"[Azsphere] get deployments\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  // console.log(\"token\", token);\n\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devicegroups/${groupId}/deployments`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n  // console.log(\"data:\", data);\n  return data;\n};\n\nconst deploymentsCreate = async (groupId, imageIds) => {\n  console.log(\"[Azsphere] create deployment\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  // console.log(\"token\", token);\n\n  const config = {\n    method: \"POST\",\n    url: `${endpoint}/v2/tenants/${tenantId}/devicegroups/${groupId}/deployments`,\n    headers: {\n      Authorization: `Bearer ${token}`,\n      \"Content-type\": \"Application/json;charset=utf-8\"\n    },\n    data: imageIds\n  };\n\n  const { data } = await axios(config);\n  // console.log(\"data:\", data);\n  return data;\n};\n\nconst imageUpload = async (filedata) => {\n  console.log(\"[Azsphere] upload image\");\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n  // console.log(\"token\", token);\n\n  const config = {\n    method: \"POST\",\n    url: `${endpoint}/v2/tenants/${tenantId}/images`,\n    headers: {\n      Authorization: `Bearer ${token}`,\n      \"Content-type\": \"application/octet-stream\"\n    },\n    data: filedata\n  };\n\n  const { data } = await axios(config);\n  // console.log(\"imageUpload data:\", data);\n  return data;\n};\n\nconst imageGetMetadata = async (imageId) => {\n  const resp = await axios(`${asgapiHost}/getauthtoken?code=${asgapiFuncKey}`);\n  const token = resp.data;\n\n  const config = {\n    method: \"GET\",\n    url: `${endpoint}/v2/tenants/${tenantId}/images/${imageId}/metadata`,\n    headers: {\n      Authorization: `Bearer ${token}`\n    }\n  };\n\n  const { data } = await axios(config);\n  // console.log(\"data:\", data);\n  return data;\n};\n\nexport {\n  devicesGet,\n  devicesList,\n  devicesMove,\n  deviceGroupGet,\n  devicesListInGroup,\n  productListGroups,\n  productGetByName,\n  deploymentsList,\n  deploymentsCreate,\n  imageUpload,\n  imageGetMetadata\n};\n","export const config = {\n  tenantId: process.env.REACT_APP_AZSPHERE_TENANT_ID\n};\n","import { atom } from \"recoil\";\n\n/**\n * ASG Device State\n */\nexport const deviceIdState = atom({\n  key: \"deviceIdState\",\n  default: \"\"\n});\n\nexport const deviceGroupState = atom({\n  key: \"deviceGroupState\",\n  default: {\n    id: \"\",\n    name: \"\"\n  }\n});\n\nexport const userDeviceListState = atom({\n  key: \"userDeviceListState\",\n  default: []\n});\n\nexport const isDeviceLoadedState = atom({\n  key: \"isDeviceLoadedState\",\n  default: false\n});\n\n/**\n * Waton Device State\n */\nexport const treeState = atom({\n  key: \"treeState\",\n  default: {\n    bank: 1,\n    cell: 10\n  }\n});\n\n/**\n * Node Device State\n */\nexport const deviceIndexState = atom({\n  key: \"deviceIndexState\",\n  default: \"17\" // WIZ750SR\n});\n\nexport const searchDataState = atom({\n  key: \"searchDataState\",\n  default: \"\"\n});\n\nexport const s2eConfigState = atom({\n  key: \"s2eConfigState\",\n  default: {}\n});\n\nexport const continuationTokenState = atom({\n  key: \"continuationTokenState\",\n  default: [\n    {\n      fileName: \"\",\n      componentId: \"\",\n      imageId: \"\"\n    }\n  ]\n});\n\n/**\n * FOTA State\n */\n\nexport const groupListLoadedState = atom({\n  key: \"groupListLoadedState\",\n  default: false\n});\n\nexport const groupListState = atom({\n  key: \"groupListState\",\n  default: []\n});\n\nexport const targetGroupIdState = atom({\n  key: \"targetGroupIdState\",\n  default: \"\"\n});\n\nexport const fotaImageState = atom({\n  key: \"fotaImageState\",\n  default: [\n    // {\n    //   fileName: \"\",\n    //   componentId: \"\",\n    //   imageId: \"\"\n    // }\n  ]\n});\n\n/**\n * Component State\n */\nexport const snackbarState = atom({\n  key: \"snackbarState\",\n  default: {\n    open: false,\n    message: \"\",\n    severity: \"success\",\n    autoHideDuration: 3000,\n    horizontal: \"right\"\n  }\n});\n","import React, { createContext, useEffect, useState } from \"react\";\nimport { useIsAuthenticated, useMsal, useAccount } from \"@azure/msal-react\";\nimport { loginRequest } from \"common/authConfig\";\nimport { saveUser, queryUser, queryUserDevice } from \"common/apiConfig\";\nimport { productGetByName, productListGroups } from \"common/azsphereApi\";\nimport { useSetRecoilState } from \"recoil\";\nimport {\n  userDeviceListState,\n  isDeviceLoadedState,\n  groupListState,\n  groupListLoadedState\n} from \"common/store\";\n\nconst MsalAuthContext = createContext();\n\nconst MsalAuthProvider = (props) => {\n  const { instance, accounts, inProgress } = useMsal();\n  const isAuthenticated = useIsAuthenticated();\n  const account = useAccount(accounts[0] || {});\n\n  const [ values, setValues ] = useState({\n    user: false,\n    // accessToken: null,\n    product: \"\",\n    account: account,\n    isAuthenticated: isAuthenticated,\n    logout: () => instance.logout()\n  });\n\n  // const [ userDevices, setUserDeivces ] = useRecoilState(userDeviceListState);\n  const setUserDeivces = useSetRecoilState(userDeviceListState);\n  const setIsDeviceLoaded = useSetRecoilState(isDeviceLoadedState);\n\n  const setGroupList = useSetRecoilState(groupListState);\n  const setGroupLoaded = useSetRecoilState(groupListLoadedState);\n\n  useEffect(\n    () => {\n      if (account && inProgress === \"none\") {\n        instance\n          .acquireTokenSilent({\n            ...loginRequest,\n            account: account\n          })\n          .then((response) => {\n            // console.log(\"response\", response);\n            // getProfile(response);\n          });\n      }\n    },\n    [ instance, account, inProgress ]\n  );\n\n  // const getProfile = async (response) => {\n  //   const config = {\n  //     method: \"GET\",\n  //     headers: {\n  //       Authorization: `Bearer ${response.accessToken}`\n  //     }\n  //   };\n  //   console.log(config);\n\n  //   const result = await fetch(graphConfig.graphMeEndpoint, config)\n  //     .then((response) => response.json())\n  //     .catch((error) => console.log(error));\n\n  //   console.log(\"result =>\", result);\n  // };\n\n  useEffect(\n    () => {\n      const getUserDevice = async () => {\n        try {\n          const data = await queryUserDevice(account.username);\n          // console.log(\"getUserDevice data\", data);\n          console.log(\"Get user devices:\", data.length);\n\n          localStorage.setItem(\"userdevice_list\", JSON.stringify(data));\n          // console.log(\"Save user devices to web storage\");\n\n          setUserDeivces(data);\n          setIsDeviceLoaded(true);\n        } catch (error) {\n          console.error(error);\n          setIsDeviceLoaded(true);\n          setUserDeivces([]);\n        }\n      };\n\n      if (Object.keys(account).length > 0) {\n        const localDevices = localStorage.getItem(\"userdevice_list\");\n        if (localDevices) {\n          setUserDeivces(JSON.parse(localDevices));\n        }\n        getUserDevice();\n      }\n    },\n    [ account ]\n  );\n\n  useEffect(\n    () => {\n      const getGroupListByProduct = async () => {\n        try {\n          // console.log(\"values.product.id\", values.product.id);\n          const data = await productListGroups(values.product.id);\n          // console.log(\"productListGroups\", data);\n          setGroupList(data.Items);\n          setGroupLoaded(true);\n        } catch (error) {\n          console.log(error);\n        }\n      };\n\n      // console.log(values.product);\n      if (values.product !== \"\" || values.product !== null) {\n        if (values.product.id !== undefined) {\n          getGroupListByProduct();\n        }\n      }\n    },\n    [ values.product ]\n  );\n\n  useEffect(\n    () => {\n      const getProductGetByName = async () => {\n        try {\n          if (Object.keys(values.account).length > 0) {\n            const data = await productGetByName(values.account.name);\n            // console.log(\"productGetByName\", data);\n            if (data) {\n              setValues({\n                ...values,\n                product: {\n                  name: data.Name,\n                  id: data.Id,\n                  description: data.Description\n                }\n              });\n\n              // save user information\n              saveUser({\n                displayName: values.account.name,\n                email: values.account.username,\n                // userIdPart: user.id.slice(0, 8),\n                account: values.account,\n                role: \"user\",\n                // AS3 product info\n                product: {\n                  name: data.Name,\n                  id: data.Id,\n                  description: data.Description\n                }\n              });\n            }\n          }\n        } catch (error) {\n          console.log(error);\n        }\n      };\n\n      const saveUserInfo = async () => {\n        if (Object.keys(values.account).length > 0 && inProgress === \"none\") {\n          const userDoc = await queryUser(values.account.username);\n          console.log(\"Query user device\");\n          // console.log(\"userDoc\", userDoc);\n          if (Object.keys(userDoc).length > 0) {\n            setValues({\n              ...values,\n              account: userDoc.account,\n              product: userDoc.product\n            });\n          } else {\n            await getProductGetByName();\n          }\n        }\n      };\n\n      saveUserInfo();\n    },\n    [ account, inProgress ]\n  );\n\n  return (\n    <MsalAuthContext.Provider value={values}>{props.children}</MsalAuthContext.Provider>\n  );\n};\n\nexport { MsalAuthContext, MsalAuthProvider };\n","import React, { useContext } from \"react\";\nimport { Redirect } from \"react-router-dom\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { Typography } from \"@material-ui/core\";\n\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    minHeight: \"fit-content\",\n    color: \"#f2f2f2\"\n  },\n  avatar: {\n    width: 60,\n    height: 60\n  },\n  name: {\n    marginTop: theme.spacing(1),\n    color: \"#f2f2f2\",\n    // color: theme.palette.text.secondary,\n    fontSize: \"11pt\",\n    fontWeight: theme.typography.fontWeightMedium\n  }\n}));\n\nconst Profile = (props) => {\n  const { className, ...rest } = props;\n  const authState = useContext(MsalAuthContext);\n\n  const classes = useStyles();\n\n  if (!authState.isAuthenticated) {\n    return <Redirect to=\"/\" />;\n  } else {\n    return (\n      <div {...rest} className={clsx(classes.root, className)}>\n        <Typography className={classes.name} variant=\"body1\">\n          Hello, {authState.account.name}\n        </Typography>\n        <Typography variant=\"body2\">{authState.account.username}</Typography>\n      </div>\n    );\n  }\n};\n\nProfile.propTypes = {\n  className: PropTypes.string\n};\n\nexport default Profile;\n","/* eslint-disable react/no-multi-comp */\n/* eslint-disable react/display-name */\nimport React, { forwardRef } from \"react\";\nimport { NavLink as RouterLink } from \"react-router-dom\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { List, ListItem, Button } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  item: {\n    display: \"flex\",\n    paddingTop: 0,\n    paddingBottom: 0\n  },\n  button: {\n    color: \"#f2f2f2\",\n    padding: \"10px 8px\",\n    justifyContent: \"flex-start\",\n    textTransform: \"none\",\n    letterSpacing: 0,\n    width: \"100%\",\n    fontWeight: theme.typography.fontWeightMedium\n  },\n  icon: {\n    // color: theme.palette.icon,\n    color: \"#f2f2f2\",\n    width: 24,\n    height: 24,\n    display: \"flex\",\n    alignItems: \"center\",\n    marginRight: theme.spacing(1)\n  },\n  active: {\n    // color: theme.palette.primary.main,\n    color: \"#d75b51\",\n    fontWeight: theme.typography.fontWeightMedium,\n    \"& $icon\": {\n      color: theme.palette.primary.main\n    }\n  }\n}));\n\nconst CustomRouterLink = forwardRef((props, ref) => (\n  <div ref={ref} style={{ flexGrow: 1 }}>\n    <RouterLink {...props} />\n  </div>\n));\n\nconst SidebarNav = (props) => {\n  const { pages, className, ...rest } = props;\n\n  const classes = useStyles();\n\n  return (\n    <List {...rest} className={clsx(classes.root, className)}>\n      {pages.map((page) => (\n        <ListItem className={classes.item} disableGutters key={page.title}>\n          <Button\n            activeClassName={classes.active}\n            className={classes.button}\n            component={CustomRouterLink}\n            to={page.href}\n          >\n            <div className={classes.icon}>{page.icon}</div>\n            {page.title}\n          </Button>\n        </ListItem>\n      ))}\n    </List>\n  );\n};\n\nSidebarNav.propTypes = {\n  className: PropTypes.string,\n  pages: PropTypes.array.isRequired\n};\n\nexport default SidebarNav;\n","import StorageIcon from \"@material-ui/icons/Storage\";\nimport DeviceIcon from \"@material-ui/icons/DeviceHubOutlined\";\nimport CloudDownloadIcon from \"@material-ui/icons/CloudDownload\";\nimport AccountTreeIcon from \"@material-ui/icons/AccountTree\";\nimport EqualizerIcon from \"@material-ui/icons/Equalizer\";\nimport DescriptionIcon from \"@material-ui/icons/Description\";\n\nexport const topbar = {\n  headerText: \"ASG Device Management System\"\n};\n\nexport const sidebar = {\n  page: [\n    {\n      title: \"My Devices\",\n      href: \"/mydevices\",\n      icon: <DeviceIcon />\n    },\n    {\n      title: \"Linked Nodes\",\n      href: \"/linkednodes\",\n      icon: <AccountTreeIcon />\n    },\n    {\n      title: \"Node's Dashboard\",\n      href: \"/nodedashboard\",\n      icon: <EqualizerIcon />\n    },\n    {\n      title: \"Node's Data\",\n      href: \"/nodesdata\",\n      icon: <StorageIcon />\n    },\n    // {\n    //   title: \"Node's Log\",\n    //   href: \"/nodelog\",\n    //   icon: <StorageIcon />\n    // },\n    {\n      title: \"FOTA\",\n      href: \"/fota\",\n      icon: <CloudDownloadIcon />\n    },\n    {\n      title: \"Documents\",\n      href: \"/docs\",\n      icon: <DescriptionIcon />\n    }\n  ]\n};\n\nexport const docsUrl = \"https://wiznet-azure-sphere.github.io/WIZnet-ASG-DM-Docs/\";\n","import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { Divider, Drawer, IconButton, Hidden, Chip, Avatar } from \"@material-ui/core\";\n\n// import { Dashboard as DashboardIcon } from \"icons\";\n// import DashboardIcon from \"@material-ui/icons/Dashboard\";\n\nimport InputIcon from \"@material-ui/icons/Input\";\nimport BusinessIcon from \"@material-ui/icons/Business\";\n\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\nimport { Profile, SidebarNav } from \"./components\";\n\nimport { sidebar } from \"common/webConfig\";\n\nconst useStyles = makeStyles((theme) => ({\n  drawer: {\n    width: 240,\n    [theme.breakpoints.up(\"lg\")]: {\n      marginTop: 64,\n      height: \"calc(100% - 64px)\"\n    },\n    backgroundColor: \"#1e2738\"\n  },\n  root: {\n    backgroundColor: theme.palette.white,\n    display: \"flex\",\n    flexDirection: \"column\",\n    height: \"100%\",\n    padding: theme.spacing(2)\n  },\n  signOutButton: {\n    position: \"absolute\",\n    bottom: \"0\",\n    height: \"3rem\"\n    // width: \"100%\"\n  },\n  divider: {\n    margin: theme.spacing(2, 0)\n  },\n  nav: {\n    marginBottom: theme.spacing(2)\n  },\n  chipWrapper: {\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    display: \"flex\",\n    marginTop: theme.spacing(3)\n    // borderColor: \"#f2f2f2\",\n  },\n  chip: {\n    border: \"1px solid #f2f2f2\",\n    marginBottom: theme.spacing(1),\n    color: \"#f2f2f2\"\n  }\n}));\n\nconst Sidebar = (props) => {\n  const { open, variant, onClose, className, ...rest } = props;\n\n  const authState = useContext(MsalAuthContext);\n  const classes = useStyles();\n\n  return (\n    <Drawer\n      anchor=\"left\"\n      classes={{ paper: classes.drawer }}\n      onClose={onClose}\n      open={open}\n      variant={variant}\n    >\n      <div {...rest} className={clsx(classes.root, className)}>\n        <Profile />\n        <div className={classes.chipWrapper}>\n          <Chip\n            className={classes.chip}\n            avatar={<Avatar>T</Avatar>}\n            label=\"Tenant - WIZnet\"\n            variant=\"outlined\"\n          />\n          <Chip\n            className={classes.chip}\n            avatar={<BusinessIcon />}\n            label={\n              authState.product.name !== undefined ? (\n                \"Company - \" + authState.product.name\n              ) : (\n                \"Company\"\n              )\n            }\n            variant=\"outlined\"\n          />\n        </div>\n        <Divider className={classes.divider} />\n        <SidebarNav className={classes.nav} pages={sidebar.page} />\n        <Hidden lgUp>\n          <IconButton\n            className={classes.signOutButton}\n            onClick={authState.logout}\n            color=\"inherit\"\n          >\n            <InputIcon />\n          </IconButton>\n        </Hidden>\n      </div>\n    </Drawer>\n  );\n};\n\nSidebar.propTypes = {\n  className: PropTypes.string,\n  onClose: PropTypes.func,\n  open: PropTypes.bool.isRequired,\n  variant: PropTypes.string.isRequired\n};\n\nexport default Sidebar;\n","import React, { useContext } from \"react\";\nimport { Link as RouterLink, Redirect } from \"react-router-dom\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { AppBar, Toolbar, Hidden, IconButton, Typography } from \"@material-ui/core\";\nimport MenuIcon from \"@material-ui/icons/Menu\";\nimport InputIcon from \"@material-ui/icons/Input\";\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\nimport WincLogo from \"image/winc_logo_sm_notext.png\";\n\nimport { topbar } from \"common/webConfig\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    boxShadow: \"none\",\n    backgroundColor: \"#121b2a\"\n  },\n  header: {\n    marginLeft: 2\n  },\n  flexGrow: {\n    flexGrow: 1\n  },\n  signOutButton: {\n    marginLeft: theme.spacing(1)\n  },\n  toolbarName: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    marginLeft: 12,\n    marginRignt: theme.spacing(1),\n    color: \"#f2f2f2\",\n    // fontFamily: 'Lucida Sans',\n    fontFamily: [ \"Roboto\", \"Helvetica\", \"Arial\", \"sans-serif\" ]\n  },\n  logo: {\n    marginTop: 5\n  },\n  logoImage: {\n    height: 33\n  }\n}));\n\nconst Topbar = (props) => {\n  const { className, onSidebarOpen, ...rest } = props;\n  const authState = useContext(MsalAuthContext);\n\n  const classes = useStyles();\n\n  if (!authState.isAuthenticated) {\n    return <Redirect to=\"/\" />;\n  } else {\n    return (\n      <AppBar {...rest} className={clsx(classes.root, className)}>\n        <Toolbar>\n          <div className={classes.logo}>\n            <img alt=\"WinC\" src={WincLogo} className={classes.logoImage} />\n          </div>\n          <div className={classes.header}>\n            <RouterLink to=\"/\">\n              <Typography variant=\"h3\" className={classes.toolbarName}>\n                {topbar.headerText}\n              </Typography>\n            </RouterLink>\n          </div>\n          <div className={classes.flexGrow} />\n          <Hidden mdDown>\n            <IconButton\n              className={classes.signOutButton}\n              onClick={authState.logout}\n              color=\"inherit\"\n            >\n              <InputIcon />\n            </IconButton>\n          </Hidden>\n          <Hidden lgUp>\n            <IconButton color=\"inherit\" onClick={onSidebarOpen}>\n              <MenuIcon />\n            </IconButton>\n          </Hidden>\n        </Toolbar>\n      </AppBar>\n    );\n  }\n};\n\nTopbar.propTypes = {\n  className: PropTypes.string,\n  onSidebarOpen: PropTypes.func\n};\n\nexport default Topbar;\n","export default \"data:image/png;base64,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\"","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { makeStyles, useTheme } from '@material-ui/styles';\nimport { useMediaQuery } from '@material-ui/core';\n\nimport { Sidebar, Topbar, Footer } from './components';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    paddingTop: 56,\n    [theme.breakpoints.up('sm')]: {\n      paddingTop: 64\n    }\n  },\n  shiftContent: {\n    paddingLeft: 240\n  },\n  content: {\n    minHeight: '85vh',\n    position: 'relative'\n  },\n  footer: {\n    position: 'absolute',\n    bottom: '0',\n    height: '2.5rem',\n    marginBottom: '-2rem',\n    width: '100%'\n  }\n}));\n\nconst Main = props => {\n  const { children } = props;\n\n  const classes = useStyles();\n  const theme = useTheme();\n  const isDesktop = useMediaQuery(theme.breakpoints.up('lg'), {\n    defaultMatches: true\n  });\n\n  const [openSidebar, setOpenSidebar] = useState(false);\n\n  const handleSidebarOpen = () => {\n    setOpenSidebar(true);\n  };\n\n  const handleSidebarClose = () => {\n    setOpenSidebar(false);\n  };\n\n  const shouldOpenSidebar = isDesktop ? true : openSidebar;\n\n  return (\n    <div\n      className={clsx({\n        [classes.root]: true,\n        [classes.shiftContent]: isDesktop\n      })}\n    >\n      <Topbar onSidebarOpen={handleSidebarOpen} />\n      <Sidebar\n        onClose={handleSidebarClose}\n        open={shouldOpenSidebar}\n        variant={isDesktop ? 'persistent' : 'temporary'}\n      />\n      <main className={classes.content}>\n        {children}\n        <Footer className={classes.footer} />\n      </main>\n    </div>\n  );\n};\n\nMain.propTypes = {\n  children: PropTypes.node\n};\n\nexport default Main;\n","import React from \"react\";\nimport { Link as RouterLink } from \"react-router-dom\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { AppBar, Toolbar, Typography } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    boxShadow: \"none\"\n  },\n  toolbarName: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    marginLeft: theme.spacing(1),\n    marginRignt: theme.spacing(1),\n    color: \"white\",\n    // fontFamily: 'Lucida Sans',\n    fontFamily: [ \"Roboto\", \"Helvetica\", \"Arial\", \"sans-serif\" ]\n  }\n}));\n\nconst Topbar = (props) => {\n  const { className, ...rest } = props;\n\n  const classes = useStyles();\n\n  return (\n    <AppBar\n      {...rest}\n      className={clsx(classes.root, className)}\n      color=\"primary\"\n      position=\"fixed\"\n    >\n      <Toolbar>\n        <div className={classes.logo}>\n          <RouterLink to=\"/\">\n            {/* <img alt=\"Logo\" height={50} src=\"/images/WIZcloud-logo_02.png\" width={170} /> */}\n            <Typography variant=\"h3\" className={classes.toolbarName}>\n              ASG Device Management System\n            </Typography>\n          </RouterLink>\n        </div>\n      </Toolbar>\n    </AppBar>\n  );\n};\n\nTopbar.propTypes = {\n  className: PropTypes.string\n};\n\nexport default Topbar;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/styles';\n\nimport { Topbar } from './components';\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    paddingTop: 64,\n    height: '100%'\n  },\n  content: {\n    height: '100%'\n  }\n}));\n\nconst Minimal = props => {\n  const { children } = props;\n\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Topbar />\n      <main className={classes.content}>{children}</main>\n    </div>\n  );\n};\n\nMinimal.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string\n};\n\nexport default Minimal;\n","import React from 'react';\nimport { makeStyles } from '@material-ui/styles';\nimport { Grid, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    padding: theme.spacing(4)\n  },\n  content: {\n    paddingTop: 150,\n    textAlign: 'center'\n  },\n  image: {\n    marginTop: 50,\n    display: 'inline-block',\n    maxWidth: '100%',\n    width: 560\n  }\n}));\n\nconst NotFound = () => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      <Grid\n        container\n        justify=\"center\"\n        spacing={4}\n      >\n        <Grid\n          item\n          lg={6}\n          xs={12}\n        >\n          <div className={classes.content}>\n            <Typography variant=\"h1\">\n              404: The page you are looking for isn’t here\n            </Typography>\n            <Typography variant=\"subtitle2\">\n              You either tried some shady route or you came here by mistake.\n              Whichever it is, try using the navigation\n            </Typography>\n            <img\n              alt=\"Under development\"\n              className={classes.image}\n              src=\"/images/undraw_page_not_found_su7k.svg\"\n            />\n          </div>\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n\nexport default NotFound;\n","import React, { useState, useEffect } from \"react\";\nimport {\n  Button,\n  Dialog,\n  Typography,\n  TextField,\n  Card,\n  CardContent,\n  // CardMedia,\n  Grid\n} from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { CheckCircleOutline, HighlightOff } from \"@material-ui/icons\";\n// import ASG210Img from \"image/asg210.png\";\n\nimport { queryDeviceUpdate } from \"common/apiConfig\";\n\nconst useStyles = makeStyles((theme) => ({\n  card: {\n    minWidth: 260,\n    maxWidth: 400,\n    padding: theme.spacing(1)\n  },\n  select: {\n    minWidth: 110\n  },\n  paper: {\n    boxShadow: \"none\",\n    overflow: \"hidden\"\n  }\n}));\n\nconst UserDeviceConfigForm = (props) => {\n  const classes = useStyles();\n  const { open, handleClose, device, handleRefresh } = props;\n\n  const [ values, setValues ] = useState({\n    displayName: \"\"\n  });\n\n  const handleSave = async () => {\n    // document update request\n    let data = {\n      displayName: values.displayName\n    };\n    try {\n      const resp = await queryDeviceUpdate(device.id, data);\n      if (resp.includes(\"OK\")) {\n        console.log(\"resp\", resp);\n        // refresh device list\n        handleRefresh();\n      }\n    } catch (error) {\n      console.log(error);\n    }\n\n    handleClose();\n  };\n\n  const handleChange = (name) => (event) => {\n    // console.log(\"handleChange()\", name, event.target.value);\n    setValues({ ...values, [name]: event.target.value });\n    // error check\n  };\n\n  useEffect(\n    () => {\n      if (Object.keys(device).length > 0) {\n        // Get initial value\n        setValues({ ...values, displayName: device.displayName });\n      }\n    },\n    [ device.displayName ]\n  );\n\n  return (\n    <Dialog\n      aria-labelledby=\"user-device-config-form\"\n      onClose={handleClose}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper\n        }\n      }}\n    >\n      <Card className={classes.card}>\n        {/* <CardMedia className={classes.media} image={ASG210Img} title=\"ASG210\" /> */}\n        <CardContent>\n          <TextField\n            id=\"text\"\n            label=\"Device Name\"\n            margin=\"normal\"\n            variant=\"outlined\"\n            defaultValue={device.displayName}\n            onChange={handleChange(\"displayName\")}\n            style={{ marginBottom: 20 }}\n            size=\"small\"\n            error={values.displayName.length === 0}\n          />\n          <Grid container spacing={2}>\n            <Grid item xs={5}>\n              <Typography variant=\"subtitle2\">Device Id:</Typography>\n            </Grid>\n            <Grid item xs={7}>\n              <Typography align=\"center\" variant=\"body1\" noWrap style={{ maxWidth: 240 }}>\n                {device.id}\n              </Typography>\n            </Grid>\n\n            <Grid item xs={5}>\n              <Typography variant=\"subtitle2\">Product(Company):</Typography>\n            </Grid>\n            <Grid item xs={7}>\n              <Typography align=\"center\" variant=\"body1\">\n                {device.hasOwnProperty(\"azureSphere\") ? device.azureSphere.product ? (\n                  device.azureSphere.product.name\n                ) : (\n                  \"-\"\n                ) : (\n                  \"-\"\n                )}\n              </Typography>\n            </Grid>\n            <Grid item xs={5}>\n              <Typography variant=\"subtitle2\">Device Group(Site):</Typography>\n            </Grid>\n            <Grid item xs={7}>\n              <Typography align=\"center\" variant=\"body1\">\n                {device.hasOwnProperty(\"azureSphere\") ? device.azureSphere.deviceGroup ? (\n                  device.azureSphere.deviceGroup.name\n                ) : (\n                  \"-\"\n                ) : (\n                  \"-\"\n                )}\n              </Typography>\n            </Grid>\n            <Grid item xs={5}>\n              <Typography variant=\"subtitle2\">Connection state:</Typography>\n            </Grid>\n            <Grid item xs={7}>\n              <Typography align=\"center\" variant=\"body1\">\n                {device.connectionState === \"Connected\" ? (\n                  <CheckCircleOutline style={{ color: \"green\" }} />\n                ) : (\n                  <HighlightOff style={{ color: \"#f44336\" }} />\n                )}\n              </Typography>\n            </Grid>\n            <Grid item xs={5}>\n              <Typography variant=\"subtitle2\">State Updated Time:</Typography>\n            </Grid>\n            <Grid item xs={7}>\n              <Typography align=\"center\" variant=\"body1\">\n                {new Date(device.connectionStateUpdatedTime).toLocaleString(\"en\", {\n                  timeZone: \"Asia/Seoul\"\n                  // timeZoneName: \"short\"\n                })}\n              </Typography>\n            </Grid>\n            <Grid item xs={5}>\n              {device.hasOwnProperty(\"properties\") ? (\n                <Typography variant=\"subtitle2\">M4 Network Settings:</Typography>\n              ) : null}\n            </Grid>\n            <Grid item xs={7}>\n              {device.hasOwnProperty(\n                \"properties\"\n              ) ? device.properties.reported.hasOwnProperty(\"M4_NETINFO\") ? (\n                Object.keys(\n                  device.properties.reported[\"M4_NETINFO\"]\n                ).map((name, index) => (\n                  <Typography\n                    align=\"center\"\n                    variant=\"body1\"\n                    key={index}\n                    style={{ fontSize: 12 }}\n                  >\n                    {name}: {device.properties.reported[\"M4_NETINFO\"][name]}\n                  </Typography>\n                ))\n              ) : (\n                <Typography align=\"center\" variant=\"body1\">\n                  No Network Info\n                </Typography>\n              ) : null}\n            </Grid>\n          </Grid>\n        </CardContent>\n        <div align=\"right\">\n          <Button color=\"primary\" onClick={handleClose}>\n            CANCLE\n          </Button>\n          <Button\n            color=\"primary\"\n            onClick={handleSave}\n            disabled={values.displayName.length === 0}\n          >\n            SAVE\n          </Button>\n        </div>\n      </Card>\n    </Dialog>\n  );\n};\n\nexport default UserDeviceConfigForm;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TablePagination,\n  TableContainer,\n  Paper\n} from \"@material-ui/core\";\nimport { CheckCircleOutline, HighlightOff } from \"@material-ui/icons\";\nimport UserDeviceConfigForm from \"./UserDeviceConfigForm\";\n\nconst UserDeviceTable = (props) => {\n  const { devices, handleRefresh } = props;\n  const classes = useStyles();\n\n  const [ rowsPerPage, setRowsPerPage ] = useState(10);\n  const [ page, setPage ] = useState(0);\n\n  const handlePageChange = (event, page) => {\n    setPage(page);\n  };\n\n  const handleRowsPerPageChange = (event) => {\n    setRowsPerPage(event.target.value);\n  };\n\n  return (\n    <div className={classes.root}>\n      <Paper>\n        <TableContainer className={classes.container}>\n          <Table className={classes.table} size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell align=\"center\">No</TableCell>\n                <TableCell align=\"center\">Name</TableCell>\n                <TableCell align=\"center\">Product(Company)</TableCell>\n                <TableCell align=\"center\">Device Group(Site)</TableCell>\n                {/* <TableCell align=\"center\">Device Id</TableCell> */}\n                <TableCell align=\"center\">Connection state</TableCell>\n                <TableCell align=\"center\">Connection State Updated Time</TableCell>\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {devices\n                .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n                .map((device, index) => (\n                  <DeviceRow\n                    key={index}\n                    // devices={devices}\n                    device={device}\n                    handleRefresh={handleRefresh}\n                    index={index}\n                    // classes={classes}\n                  />\n                ))}\n            </TableBody>\n          </Table>\n        </TableContainer>\n        <TablePagination\n          component=\"div\"\n          count={devices.length}\n          onChangePage={handlePageChange}\n          onChangeRowsPerPage={handleRowsPerPageChange}\n          page={page}\n          rowsPerPage={rowsPerPage}\n          rowsPerPageOptions={[ 10, 15, 20 ]}\n        />\n      </Paper>\n    </div>\n  );\n};\n\nconst DeviceRow = (props) => {\n  const { device, index, handleRefresh } = props;\n\n  const classes = useStyles();\n\n  const [ clickedDeviceIndex, setClickedDeviceIndex ] = useState(0);\n  const [ openConfigForm, setOpenConfigForm ] = useState(false);\n\n  const handleDeviceClick = (index) => {\n    // console.log(\"handleDeviceClick()\", index, device);\n    setClickedDeviceIndex(index);\n    setOpenConfigForm(true);\n  };\n\n  const handleClose = () => {\n    setOpenConfigForm(false);\n  };\n\n  return (\n    <React.Fragment>\n      <TableRow\n        className={classes.deviceRow}\n        hover\n        key={device.deviceId}\n        onClick={() => handleDeviceClick(index)}\n        align=\"center\"\n      >\n        <TableCell align=\"center\">{index + 1}</TableCell>\n        <TableCell>\n          {device.hasOwnProperty(\"displayName\") ? device.displayName : \"-\"}\n        </TableCell>\n        <TableCell align=\"center\">\n          {device.hasOwnProperty(\"azureSphere\") ? device.azureSphere.product ? (\n            device.azureSphere.product.name\n          ) : (\n            \"-\"\n          ) : (\n            \"-\"\n          )}\n        </TableCell>\n        <TableCell align=\"center\">\n          {device.hasOwnProperty(\"azureSphere\") ? device.azureSphere.deviceGroup ? (\n            device.azureSphere.deviceGroup.name\n          ) : (\n            \"-\"\n          ) : (\n            \"-\"\n          )}\n        </TableCell>\n        {/* <TableCell style={{maxWidth: 300}} onClick={() => handleDeviceClick(index)}>\n          <Typography noWrap variant=\"body1\">\n            {device.deviceId}\n          </Typography>\n        </TableCell> */}\n        <TableCell align=\"center\" onClick={() => handleDeviceClick(index)}>\n          {device.connectionState === \"Connected\" ? (\n            <CheckCircleOutline style={{ color: \"green\" }} />\n          ) : (\n            <HighlightOff style={{ color: \"#f44336\" }} />\n          )}\n        </TableCell>\n\n        <TableCell align=\"center\">\n          {device.hasOwnProperty(\"connectionStateUpdatedTime\") ? (\n            new Date(device.connectionStateUpdatedTime).toLocaleString(\"en\", {\n              timeZone: \"Asia/Seoul\"\n              // timeZoneName: \"short\"\n            })\n          ) : (\n            \"-\"\n          )}\n        </TableCell>\n      </TableRow>\n      <UserDeviceConfigForm\n        open={openConfigForm}\n        handleClose={handleClose}\n        device={device}\n        handleRefresh={handleRefresh}\n      />\n    </React.Fragment>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  content: {\n    padding: 0\n  },\n  table: {\n    overflowX: \"auto\"\n  },\n  deviceRow: {\n    // \"& > *\": {\n    //   borderBottom: \"unset\"\n    // },\n    cursor: \"pointer\"\n  }\n}));\n\nUserDeviceTable.propTypes = {\n  className: PropTypes.string,\n  devices: PropTypes.array.isRequired\n};\n\nexport default UserDeviceTable;\n","import React, { useEffect, useCallback, useContext } from \"react\";\nimport { useRecoilState } from \"recoil\";\n\nimport { Button, Typography, CircularProgress } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/styles\";\n\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\nimport { queryUserDevice } from \"common/apiConfig\";\n// import DeviceTable from \"./DeviceTable\";\nimport UserDeviceTable from \"./UserDeviceTable\";\nimport { snackbarState, userDeviceListState, isDeviceLoadedState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1)\n  },\n  text: {\n    paddingTop: 50,\n    paddingBottom: 50,\n    textAlign: \"center\",\n    color: theme.palette.primary.main\n  },\n  progressWrapper: {\n    paddingTop: \"48px\",\n    paddingBottom: \"24px\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  button: {\n    marginBottom: theme.spacing(2),\n    marginTop: theme.spacing(2)\n  }\n}));\n\nconst UserDeviceList = () => {\n  const classes = useStyles();\n  const authState = useContext(MsalAuthContext);\n\n  const [ isLoaded, setIsLoaded ] = useRecoilState(isDeviceLoadedState);\n  const [ userDevices, setUserDevices ] = useRecoilState(userDeviceListState);\n\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  const openAlert = (message) => {\n    setSnackbar({\n      ...snackbar,\n      open: true,\n      message: message,\n      severity: \"info\",\n      autoHideDuration: 2000\n    });\n  };\n\n  const getUserDevice = useCallback(\n    async () => {\n      try {\n        if (authState.account.username.length > 0) {\n          const deviceList = await queryUserDevice(authState.account.username);\n          console.debug(\"queryUserDevice\", deviceList);\n\n          setUserDevices(deviceList);\n          setIsLoaded(true);\n\n          localStorage.setItem(\"userdevice_list\", JSON.stringify(deviceList));\n          console.info(\"Save user devices to web storage\");\n        }\n      } catch (error) {\n        console.error(error);\n        setIsLoaded(true);\n        setUserDevices([]);\n      }\n    },\n    [ authState.account.username ]\n  );\n\n  useEffect(\n    () => {\n      const localDevices = localStorage.getItem(\"userdevice_list\");\n      if (localDevices) {\n        console.info(\"Load devices from web storage\");\n        setUserDevices(JSON.parse(localDevices));\n        setIsLoaded(true);\n      } else {\n        getUserDevice();\n      }\n    },\n    [ getUserDevice, setUserDevices ]\n  );\n\n  const handleRefresh = async () => {\n    // console.log(\"Refresh user devices\");\n    await getUserDevice();\n    openAlert(\"Device list updated!\");\n  };\n\n  if (!isLoaded) {\n    return (\n      <div className={classes.progressWrapper}>\n        <CircularProgress />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.root}>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          size=\"large\"\n          className={classes.button}\n          onClick={handleRefresh}\n        >\n          Refresh\n        </Button>\n        {userDevices.length !== 0 ? (\n          <div>\n            {/* <DeviceTable devices={userDevices} handleRefresh={handleRefresh} /> */}\n\n            <UserDeviceTable devices={userDevices} handleRefresh={handleRefresh} />\n          </div>\n        ) : (\n          <Typography\n            // className={classes.text}\n            color=\"secondary\"\n            variant=\"h6\"\n            component=\"span\"\n          >\n            There is no registered device.\n          </Typography>\n        )}\n      </div>\n    );\n  }\n};\n\nexport default UserDeviceList;\n","import React from \"react\";\nimport { useRecoilState } from \"recoil\";\n// import { makeStyles } from \"@material-ui/styles\";\nimport { makeStyles } from \"@material-ui/core\";\n\nimport { UserDeviceList } from \"./components\";\n\nimport { AlertSnackbar } from \"components\";\nimport { snackbarState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  content: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nconst UserDeviceView = () => {\n  const classes = useStyles();\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  return (\n    <div className={classes.root}>\n      {/* <Typography variant=\"h5\" style={{ marginBottom: 20 }}>\n        My Devices\n      </Typography> */}\n\n      <UserDeviceList />\n\n      <AlertSnackbar\n        message={snackbar.message}\n        handleClose={() => setSnackbar({ ...snackbar, open: false })}\n        open={snackbar.open}\n        autoHideDuration={snackbar.autoHideDuration}\n        severity={snackbar.severity}\n      />\n    </div>\n  );\n};\n\nexport default UserDeviceView;\n","import React, { useState, useEffect } from \"react\";\nimport { useRecoilState } from \"recoil\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport { TextField, Grid } from \"@material-ui/core\";\nimport { DataGrid } from \"@material-ui/data-grid\";\n\nimport { deviceIdState, deviceGroupState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3),\n    width: \"100%\"\n  },\n  select: {\n    minWidth: 150\n  },\n  progressWrapper: {\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  chip: {\n    display: \"flex\"\n    // justifyContent: \"center\"\n  }\n}));\n\nconst columns = [\n  { field: \"id\", headerName: \"ID\", width: 70 },\n  { field: \"name\", headerName: \"Name\", width: 180 },\n  { field: \"product\", headerName: \"Product(Company)\", width: 160 },\n  { field: \"group\", headerName: \"Group(Site)\", width: 160 },\n  { field: \"connectionState\", headerName: \"Connection State\", width: 180 }\n];\n\nconst SelectDeviceFromTable = (props) => {\n  const classes = useStyles();\n  const { userDevices, handleSelect } = props;\n\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n  const [ deviceGroup, setDeviceGroup ] = useRecoilState(deviceGroupState);\n\n  const [ deviceRows, setDeviceRows ] = useState([]);\n\n  useEffect(\n    () => {\n      try {\n        // ! get device rows\n        let rows = [];\n        userDevices.forEach((device, index) => {\n          rows.push({\n            id: index + 1,\n            name: device.displayName,\n            product: device.hasOwnProperty(\"azureSphere\")\n              ? device.azureSphere.product ? device.azureSphere.product.name : \"-\"\n              : \"-\",\n            group: device.hasOwnProperty(\"azureSphere\")\n              ? device.azureSphere.deviceGroup ? device.azureSphere.deviceGroup.name : \"-\"\n              : \"-\",\n            connectionState: device.connectionState\n            // device.connectionState === \"Connected\" ? (\n            //   <CheckCircleOutline style={{ color: \"green\" }} />\n            // ) : (\n            //   <HighlightOff style={{ color: \"#f44336\" }} />\n            // )\n          });\n        });\n        // console.log(\"rows\", rows);\n        setDeviceRows(rows);\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ userDevices ]\n  );\n\n  useEffect(\n    () => {\n      if (deviceId !== \"\") {\n        handleSelect(deviceId);\n\n        try {\n          // If device is selected from other pages, group will be selected automatically\n          userDevices.map(\n            (device) =>\n              device.id === deviceId\n                ? setDeviceGroup(device.azureSphere.deviceGroup)\n                : null\n          );\n        } catch (error) {}\n      }\n    },\n    [ deviceId, handleSelect ]\n  );\n\n  // const handleDeviceSelected = (params) => {\n  //   console.log(\"handleDeviceSelected\", params);\n  // };\n\n  const handleSelectionModelChange = (params) => {\n    // selected rows\n    console.log(\"handleSelectionModelChange:\", params, params.selectionModel.length);\n  };\n\n  return (\n    <div className={classes.root}>\n      <Grid container spacing={3}>\n        <Grid item sm={6} xs={12}>\n          <div style={{ minHeight: 150, minWidth: 800 }}>\n            <DataGrid\n              rows={deviceRows}\n              columns={columns}\n              autoHeight\n              rowHeight={30}\n              pageSize={5}\n              checkboxSelection\n              hideFooterSelectedRowCount\n              disableSelectionOnClick\n              disableColumnSelector\n              disableColumnMenu\n              // onRowSelected={handleDeviceSelected}\n              onSelectionModelChange={handleSelectionModelChange}\n            />\n          </div>\n        </Grid>\n      </Grid>\n\n      <Grid container spacing={3}>\n        <Grid item sm={4} xs={12}>\n          <TextField\n            InputLabelProps={{ shrink: true }}\n            className={classes.select}\n            fullWidth\n            value={deviceId}\n            onChange={(e) => setDeviceId(e.target.value)}\n            variant=\"outlined\"\n            helperText=\"Select a device\"\n            size=\"small\"\n            disabled={deviceGroup.id.length > 0 ? false : true}\n          />\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n\nexport default SelectDeviceFromTable;\n","import React, { useState, useRef } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport { makeStyles } from \"@material-ui/core\";\n// import { deviceIdState } from \"common/store\";\n\nimport { ProgressButton } from \"components\";\nimport { deviceIdState, userDeviceListState, isDeviceLoadedState } from \"common/store\";\n\nimport SelectDeviceFromTable from \"views/LinkedNode/SelectDeviceFromTable\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    margin: theme.spacing(5)\n  }\n}));\n\nconst TestPage = () => {\n  const classes = useStyles();\n  const timer = useRef();\n\n  const [ loading, setLoading ] = useState(false);\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n  const isDeviceLoaded = useRecoilValue(isDeviceLoadedState);\n  const userDevices = useRecoilValue(userDeviceListState);\n\n  const handleClick = async () => {\n    console.log(\"handleClick\");\n\n    setLoading(true);\n    timer.current = window.setTimeout(() => {\n      setLoading(false);\n    }, 2000);\n  };\n\n  const handleSelect = (value) => {\n    setDeviceId(value);\n  };\n\n  return (\n    <div className={classes.root}>\n      <ProgressButton onClick={handleClick} loading={loading}>\n        Test Button\n      </ProgressButton>\n      <SelectDeviceFromTable\n        handleSelect={handleSelect}\n        userDevices={userDevices}\n        isDeviceLoaded={isDeviceLoaded}\n      />\n    </div>\n  );\n};\n\nexport default TestPage;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useRecoilState } from \"recoil\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Typography,\n  Grid,\n  Button,\n  CircularProgress,\n  TableContainer,\n  Table,\n  TableHead,\n  TableBody,\n  TableRow,\n  TableCell,\n  Paper,\n  TextField,\n  Avatar,\n  colors\n} from \"@material-ui/core\";\nimport CheckIcon from \"@material-ui/icons/Check\";\n\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\n\nimport { createDocument, queryWithSql } from \"common/apiConfig\";\nimport { deploymentsCreate } from \"common/azsphereApi\";\nimport { fotaImageState } from \"common/store\";\nimport { ProgressButton } from \"components\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: theme.spacing(1)\n    // maxWidth: 900\n  },\n  content: {\n    paddingLeft: theme.spacing(3)\n  },\n  wrapper: {\n    marginTop: theme.spacing(2),\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  imageGrid: {\n    marginBottom: theme.spacing(1)\n  },\n  buttonProgress: {\n    color: colors.blueGrey[500],\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    marginTop: -12,\n    marginLeft: -12\n  },\n  textSuccess: {\n    marginTop: theme.spacing(2),\n    marginLeft: theme.spacing(2),\n    color: colors.green[500],\n    fontSize: \"2rem\"\n  },\n  avatar: {\n    width: theme.spacing(5),\n    height: theme.spacing(5),\n    fontSize: \"0.75rem\",\n    backgroundColor: colors.blueGrey[300],\n    color: \"white\"\n  },\n  clearButton: {\n    verticalAlign: \"bottom\"\n  }\n}));\n\nconst imageInfo = [\n  { avatar: \"App\", label: \"Application Image ID\" },\n  { avatar: \"App\", label: \"Application Image ID\" },\n  { avatar: \"App\", label: \"Application Image ID\" },\n  { avatar: \"App\", label: \"Application Image ID\" }\n];\n\nconst imageRows = [\n  { id: \"fileName\", label: \"Image file name\" },\n  { id: \"imageId\", label: \"Image ID\" },\n  { id: \"componentId\", label: \"Component ID\" }\n];\n\nconst uuidRegx = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/;\n\nconst CreateDeployment = (props) => {\n  const { groupId } = props;\n  const classes = useStyles();\n  const authState = useContext(MsalAuthContext);\n\n  const [ justCreateDep, setJustCreateDep ] = useState(false);\n\n  // const fotaImages = useRecoilValue(fotaImageState);\n  const [ fotaImages, setFotaImages ] = useRecoilState(fotaImageState);\n\n  const [ imageIds, setImageIds ] = useState([ \"\", \"\", \"\", \"\" ]);\n\n  const [ isValidImages, setIsValidImages ] = useState(false);\n\n  const [ loading, setLoading ] = useState(false);\n  const [ success, setSuccess ] = useState(false);\n\n  const [ deploymentGetLoading, setDeploymentGetLoading ] = useState(false);\n\n  const handleDeploy = () => {\n    try {\n      // make body for imageIds\n      let imageIdArray = [];\n      if (fotaImages.length === 0) {\n        // imageIdArray = Object.values(imageIds).filter((id) => id.length > 0);\n        imageIdArray = imageIds.filter((id) => id.length > 0);\n      } else {\n        imageIdArray = fotaImages.map((image) => image.imageId);\n      }\n      console.log(\"imageIdArray:\", imageIdArray);\n      let imageIdData = JSON.stringify(imageIdArray);\n\n      if (window.confirm(`Image Ids are right?\\n\\n${imageIdData}`)) {\n        setSuccess(false);\n        setLoading(true);\n        createDeployment(imageIdData);\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const createDeployment = async (imageIdData) => {\n    try {\n      const resp = await deploymentsCreate(groupId, imageIdData);\n      // console.log(\"createDeployment resp:\", resp);\n      if (resp) {\n        setSuccess(true);\n        setLoading(false);\n      }\n\n      // Save document\n      const data = {\n        groupId: groupId,\n        imageInfo: fotaImages,\n        createdTime: new Date(),\n        createdBy: authState.isAuthenticated ? authState.account.username : null\n      };\n      const result = await createDocument(\"FotaContainer\", data);\n      console.log(\"result:\", result);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleChange = (index) => (event) => {\n    // console.log(index, event.target.value);\n\n    try {\n      // if (name.includes(\"Image\")) {\n      //   setImageIds({ ...imageIds, [name]: event.target.value });\n      // }\n      let newImageIds = imageIds.slice();\n      newImageIds[index] = event.target.value;\n      setImageIds(newImageIds);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  useEffect(\n    () => {\n      const checkValidImages = () => {\n        let result;\n        const isValidUuid = (id) => uuidRegx.test(id);\n\n        if (fotaImages.length > 0) {\n          // Check image and component Id\n          let imageIdArray = fotaImages.map((image) => image.imageId);\n          let componentIdArray = fotaImages.map((image) => image.componentId);\n\n          result = imageIdArray.every(isValidUuid) && componentIdArray.every(isValidUuid);\n        } else {\n          // Check image id\n          // let array = Object.values(imageIds);\n          // let imageIdArray = array.filter((id) => id.length > 0);\n          let imageIdArray = imageIds.filter((id) => id.length > 0);\n\n          result = imageIdArray.every(isValidUuid);\n        }\n        // console.log(\"validation check:\", result);\n\n        setIsValidImages(result);\n      };\n\n      checkValidImages();\n    },\n    [ fotaImages, imageIds ]\n  );\n\n  // const handleGetDeploymentClick = async () => {\n  //   setDeploymentGetLoading(true);\n  //   try {\n  //     const resp = await deploymentsList(groupId);\n  //     // console.log(\"@ getDeploymentList resp\", resp.Items);\n  //     if (resp) {\n  //       setDeploymentGetLoading(false);\n  //       // reverse array\n  //       let letestDeployment = resp.Items.reverse()[0];\n  //       console.log(\"letestDeployment\", letestDeployment);\n  //       setImageIds(letestDeployment.DeployedImages);\n  //     }\n  //   } catch (err) {\n  //     setDeploymentGetLoading(false);\n  //     console.log(\"handleGetDeploymentClick err\", err);\n  //   }\n  // };\n\n  const getLatestDeployment = async () => {\n    setDeploymentGetLoading(true);\n    try {\n      let container = \"FotaContainer\";\n      let select = \"SELECT c.groupId, c.imageInfo, c.createdTime, c.createdBy FROM c\";\n      let where = ` WHERE c.groupId = \"${groupId}\"`;\n      let order = \" ORDER BY c._ts DESC OFFSET 0 LIMIT 1\";\n\n      const query = select + where + order;\n      let result = await queryWithSql(container, query);\n\n      if (result.length > 0) {\n        // console.log(\"result[0] =>\", result[0]);\n        setDeploymentGetLoading(false);\n        setFotaImages(result[0].imageInfo);\n      } else {\n        setDeploymentGetLoading(false);\n        setFotaImages([]);\n      }\n    } catch (err) {\n      setDeploymentGetLoading(false);\n      console.log(\"getLatestDeployment err\", err);\n    }\n  };\n\n  const handleClear = () => {\n    if (window.confirm(`Do you want to clear the currently image setttings?`)) {\n      setFotaImages([]);\n    }\n  };\n\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"body1\" style={{ marginBottom: 20 }}>\n        Enter image id(s) to deploy. <br />\n        If you have uploaded a new image in the previous step, it will be filled in\n        automatically.<br />\n      </Typography>\n\n      {/* <FormControlLabel\n        control={\n          <Checkbox\n            checked={justCreateDep}\n            onChange={(e) => setJustCreateDep(e.target.checked)}\n            name=\"checkJustCreateDep\"\n            color=\"primary\"\n          />\n        }\n        label=\"Just Create deployment\"\n      /> */}\n      <ProgressButton\n        loading={deploymentGetLoading}\n        // onClick={handleGetDeploymentClick}\n        onClick={getLatestDeployment}\n        variant=\"outlined\"\n        disabled={groupId.length === 0}\n      >\n        Get latest deployment\n      </ProgressButton>\n\n      <div className={classes.content}>\n        {justCreateDep ? (\n          <div>\n            {fotaImages.map((image, index) => (\n              <Grid\n                container\n                wrap=\"nowrap\"\n                alignItems=\"center\"\n                spacing={1}\n                className={classes.imageGrid}\n                key={index}\n              >\n                <Grid item>\n                  <Avatar variant=\"rounded\" className={classes.avatar}>\n                    {imageInfo[index].avatar}\n                  </Avatar>\n                </Grid>\n                <Grid item xs={8} sm={4}>\n                  <TextField\n                    required\n                    fullWidth\n                    size=\"small\"\n                    variant=\"outlined\"\n                    label={imageInfo[index].label}\n                    value={image.imageId}\n                    onChange={handleChange(index)}\n                    InputLabelProps={{ shrink: true }}\n                  />\n                </Grid>\n              </Grid>\n            ))}\n          </div>\n        ) : (\n          <div>\n            {fotaImages.length === 0 ? (\n              <div>\n                {/* {Object.keys(imageIds).map((name, index) => ( */}\n                {imageIds.map((name, index) => (\n                  <Grid\n                    container\n                    wrap=\"nowrap\"\n                    alignItems=\"center\"\n                    spacing={1}\n                    className={classes.imageGrid}\n                    key={index}\n                  >\n                    <Grid item>\n                      <Avatar variant=\"rounded\" className={classes.avatar}>\n                        {imageInfo[index].avatar}\n                      </Avatar>\n                    </Grid>\n                    <Grid item xs={8} sm={4}>\n                      <TextField\n                        required\n                        fullWidth\n                        size=\"small\"\n                        variant=\"outlined\"\n                        label={imageInfo[index].label}\n                        value={imageIds[index]}\n                        onChange={handleChange(index)}\n                        InputLabelProps={{ shrink: true }}\n                        error={\n                          imageIds[index].length > 0 ? (\n                            !uuidRegx.test(imageIds[index])\n                          ) : (\n                            false\n                          )\n                        }\n                      />\n                    </Grid>\n                  </Grid>\n                ))}\n              </div>\n            ) : (\n              <Grid container spacing={2}>\n                <Grid item xs={10} sm={10}>\n                  <TableContainer component={Paper}>\n                    <Table size=\"small\">\n                      <TableHead>\n                        <TableRow>\n                          <TableCell>{\"No.\"}</TableCell>\n                          {imageRows.map((row, index) => (\n                            <TableCell key={index}>{row.label}</TableCell>\n                          ))}\n                        </TableRow>\n                      </TableHead>\n                      <TableBody>\n                        {fotaImages.map((image, imageIndex) => (\n                          <TableRow key={imageIndex}>\n                            <TableCell>{imageIndex + 1}</TableCell>\n                            <TableCell>{image.fileName}</TableCell>\n                            <TableCell>{image.imageId}</TableCell>\n                            <TableCell>{image.componentId}</TableCell>\n                          </TableRow>\n                        ))}\n                      </TableBody>\n                    </Table>\n                  </TableContainer>\n                </Grid>\n                <Grid item xs={2} sm={2}>\n                  <div style={{ verticalAlign: \"bottom\" }}>\n                    <Button\n                      variant=\"outlined\"\n                      color=\"secondary\"\n                      size=\"small\"\n                      onClick={handleClear}\n                      className={classes.clearButton}\n                    >\n                      Clear current values\n                    </Button>\n                  </div>\n                </Grid>\n              </Grid>\n            )}\n          </div>\n        )}\n\n        <div\n          style={{\n            display: \"flex\"\n          }}\n        >\n          <div className={classes.wrapper}>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={\n                loading ||\n                groupId.length === 0 ||\n                (fotaImages.length === 0 &&\n                  imageIds.filter((id) => id.length > 0).length === 0)\n              }\n              onClick={handleDeploy}\n            >\n              Create Deployment\n            </Button>\n\n            {loading && <CircularProgress size={26} className={classes.buttonProgress} />}\n          </div>\n          {success ? <CheckIcon className={classes.textSuccess} /> : null}\n        </div>\n        {groupId.length === 0 ? (\n          <Typography variant=\"subtitle2\" style={{ marginTop: 20 }}>\n            Select a device group in Step 1.\n          </Typography>\n        ) : (\n          <div>\n            {isValidImages ? null : (\n              <Typography variant=\"subtitle2\" style={{ marginTop: 20 }}>\n                Invalid Image or Component ID\n              </Typography>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default CreateDeployment;\n","import React, { useState } from \"react\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Typography,\n  Grid,\n  Button,\n  TextField,\n  CircularProgress,\n  Avatar,\n  colors\n} from \"@material-ui/core\";\nimport CheckIcon from \"@material-ui/icons/Check\";\n\nimport { deploymentsCreate } from \"common/azsphereApi\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: theme.spacing(1)\n  },\n  content: {\n    paddingLeft: theme.spacing(3)\n  },\n  wrapper: {\n    position: \"relative\",\n    display: \"flex\"\n  },\n  imageGrid: {\n    marginBottom: theme.spacing(1)\n  },\n  buttonProgress: {\n    color: colors.blueGrey[500],\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    marginTop: -12,\n    marginLeft: -12\n  },\n  textSuccess: {\n    marginTop: theme.spacing(1),\n    marginLeft: theme.spacing(3),\n    color: colors.green[500]\n  },\n  avatar: {\n    width: theme.spacing(5),\n    height: theme.spacing(5),\n    fontSize: \"0.75rem\",\n    backgroundColor: colors.blueGrey[300],\n    color: \"white\"\n  }\n}));\n\nconst imageInfo = [\n  { avatar: \"HL\", label: \"A7 core Image ID\" },\n  { avatar: \"RT\", label: \"M4 core Image A\" },\n  { avatar: \"RT\", label: \"M4 core Image B\" },\n  { avatar: \"Board\", label: \"Board configuration Image (ethernet)\" }\n];\n\nconst DeployFirmware = (props) => {\n  const { groupId } = props;\n  const classes = useStyles();\n\n  const [ imageIds, setImageIds ] = useState({\n    // 20201124 Case1-WIZ750SR-HL/RTApp.imagepackage\n    hlImageId: \"\",\n    rtAImageId: \"\",\n    rtBImageId: \"\",\n    configImageId: \"6c6b485d-d6bf-477b-b385-991eb849faa5\"\n  });\n\n  const [ validation, setValidation ] = useState({\n    hlImageId: true,\n    rtAImageId: true,\n    rtBImageId: true,\n    configImageId: true\n  });\n\n  const [ loading, setLoading ] = useState(false);\n  const [ success, setSuccess ] = useState(false);\n\n  const handleDeploy = () => {\n    try {\n      console.log(\"imageIds:\", imageIds);\n\n      // make body for imageIds\n      let idList = Object.values(imageIds);\n      console.log(\"idList\", idList);\n      let imageIdArray = idList.filter((id) => id.length > 0);\n      let imageIdData = JSON.stringify(imageIdArray);\n\n      if (window.confirm(`Image Ids are right?\\n\\n${imageIdData}`)) {\n        setSuccess(false);\n        setLoading(true);\n        createDeployment(imageIdData);\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const createDeployment = async (imageIdData) => {\n    try {\n      const resp = await deploymentsCreate(groupId, imageIdData);\n      // console.log(\"createDeployment resp:\", resp);\n      if (resp) {\n        setSuccess(true);\n        setLoading(false);\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleChange = (name) => (event) => {\n    console.log(name, event.target.value);\n\n    try {\n      if (name.includes(\"Image\")) {\n        const uuidRegx = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/;\n        const uuidResult = uuidRegx.test(event.target.value);\n        // console.log(\"uuidResult:\", uuidResult);\n\n        setImageIds({ ...imageIds, [name]: event.target.value });\n        setValidation({ ...validation, [name]: uuidResult });\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  return (\n    <div className={classes.root}>\n      {/* <Typography variant=\"h4\" style={{ marginBottom: 20 }}>\n        Create Deployment\n      </Typography> */}\n      <Typography variant=\"body1\" style={{ marginBottom: 30 }}>\n        Enter image id(s) to deploy. <br />\n        Board Config Image is already deployed to use ethernet interface.\n      </Typography>\n      <div className={classes.content}>\n        {Object.keys(imageIds).map((name, index) => (\n          <Grid\n            container\n            wrap=\"nowrap\"\n            alignItems=\"center\"\n            spacing={1}\n            className={classes.imageGrid}\n            key={index}\n          >\n            <Grid item>\n              <Avatar variant=\"rounded\" className={classes.avatar}>\n                {imageInfo[index].avatar}\n              </Avatar>\n            </Grid>\n            <Grid item xs={8} sm={4}>\n              <TextField\n                required\n                fullWidth\n                size=\"small\"\n                variant=\"outlined\"\n                label={imageInfo[index].label}\n                value={imageIds[name]}\n                onChange={handleChange(name)}\n                InputLabelProps={{ shrink: true }}\n                // error={imageIds[name] && !validation[name]}\n                error={!validation[name]}\n              />\n            </Grid>\n          </Grid>\n        ))}\n\n        {/*  */}\n        <Grid\n          container\n          wrap=\"nowrap\"\n          alignItems=\"center\"\n          spacing={1}\n          className={classes.imageGrid}\n        >\n          <Grid item xs={4}>\n            <div className={classes.wrapper}>\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                disabled={groupId.length > 0 ? false : true}\n                onClick={handleDeploy}\n                style={{ marginTop: 10 }}\n              >\n                Create Deployment\n              </Button>\n\n              {loading && (\n                <CircularProgress size={30} className={classes.buttonProgress} />\n              )}\n              {success ? <CheckIcon className={classes.textSuccess} /> : null}\n            </div>\n          </Grid>\n        </Grid>\n      </div>\n    </div>\n  );\n};\n\nexport default DeployFirmware;\n","import React, { useState, useEffect } from \"react\";\nimport {\n  Dialog,\n  Card,\n  CardContent,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  CircularProgress,\n  Typography\n} from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { imageGetMetadata } from \"common/azsphereApi\";\n\nconst useStyles = makeStyles((theme) => ({\n  card: {\n    minWidth: 450,\n    padding: theme.spacing(2)\n  },\n  progressWrapper: {\n    paddingTop: \"48px\",\n    paddingBottom: \"24px\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  }\n}));\n\nconst ImagesDetailDialog = (props) => {\n  const classes = useStyles();\n  const { images, handleClose, open } = props;\n\n  const [ metadataList, setMetadataList ] = useState([]);\n  const [ isLoaded, setIsLoaded ] = useState(false);\n\n  const getImageData = async (images) => {\n    const imagesData = await Promise.all(\n      images.map(\n        (imageId) => new Promise((resolve) => resolve(imageGetMetadata(imageId)))\n      )\n    );\n    setIsLoaded(true);\n    setMetadataList(imagesData);\n    console.log(\"getImageData\", imagesData);\n  };\n\n  useEffect(\n    () => {\n      if (images !== undefined) {\n        if (images.length > 0 && open) {\n          getImageData(images);\n        }\n      }\n    },\n    [ images, open ]\n  );\n\n  const handleDialogClose = () => {\n    // Clear previous data\n    setIsLoaded(false);\n    setMetadataList([]);\n\n    handleClose();\n  };\n\n  return (\n    <Dialog onClose={handleDialogClose} open={open} fullWidth maxWidth=\"md\">\n      <Card className={classes.card}>\n        <CardContent>\n          <Typography variant=\"h5\" style={{ marginBottom: 30 }}>\n            Deployed Images Information\n          </Typography>\n          {isLoaded ? (\n            <Table size=\"small\">\n              <TableHead>\n                <TableRow>\n                  <TableCell>No.</TableCell>\n                  <TableCell>Image Id</TableCell>\n                  <TableCell>Name</TableCell>\n                  <TableCell>Component Id</TableCell>\n                  <TableCell>Type</TableCell>\n                </TableRow>\n              </TableHead>\n              <TableBody>\n                {metadataList.map((metadata, index) => (\n                  <TableRow key={index}>\n                    <TableCell>{index + 1}</TableCell>\n                    <TableCell>{metadata.Id}</TableCell>\n                    <TableCell>{metadata.Name}</TableCell>\n                    <TableCell>{metadata.ComponentId}</TableCell>\n                    <TableCell>\n                      {metadata.Type === 0 ? \"Applications\" : metadata.Type}\n                    </TableCell>\n                  </TableRow>\n                ))}\n              </TableBody>\n            </Table>\n          ) : (\n            <div className={classes.progressWrapper}>\n              <CircularProgress color=\"secondary\" />\n            </div>\n          )}\n        </CardContent>\n      </Card>\n    </Dialog>\n  );\n};\n\nexport default ImagesDetailDialog;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useRecoilState } from \"recoil\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TableContainer,\n  TablePagination,\n  Typography,\n  CircularProgress,\n  Button,\n  Chip,\n  Paper\n} from \"@material-ui/core\";\n\nimport { deploymentsList } from \"common/azsphereApi\";\nimport { snackbarState } from \"common/store\";\n\nimport ImagesDetailDialog from \"./ImagesDetailDialog\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: theme.spacing(3),\n    maxWidth: 1100\n  },\n  progressWrapper: {\n    paddingTop: \"48px\",\n    paddingBottom: \"24px\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  container: {\n    padding: 0,\n    width: \"100%\"\n  },\n  table: {\n    overflowX: \"auto\",\n    width: \"100%\"\n  },\n  button: {\n    marginBottom: theme.spacing(2)\n  },\n  chip: {\n    // display: \"flex\",\n    justifyContent: \"center\",\n    borderColor: \"#E0E0E0\"\n  }\n}));\n\nconst DeploymentList = (props) => {\n  const { groupId } = props;\n  const classes = useStyles();\n\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  const [ isLoaded, setIsLoaded ] = useState(false);\n  const [ deploymentList, setDeploymentList ] = useState([]);\n\n  const [ open, setOpen ] = useState(false);\n  const [ selectedDeployment, setSelectedDeployment ] = useState({});\n\n  const [ rowsPerPage, setRowsPerPage ] = useState(2);\n  const [ page, setPage ] = useState(0);\n\n  const getDeploymentList = useCallback(\n    async () => {\n      try {\n        const resp = await deploymentsList(groupId);\n        console.log(\"@ getDeploymentList resp\", resp.Items);\n        if (resp) {\n          setIsLoaded(true);\n          // reverse array\n          setDeploymentList(resp.Items.reverse());\n        }\n\n        setSnackbar({\n          ...snackbar,\n          open: true,\n          message: \"Deployment list updated!\",\n          severity: \"info\",\n          autoHideDuration: 2000\n        });\n      } catch (err) {\n        console.log(\"getDeploymentList err\", err);\n      }\n    },\n    [ groupId ]\n  );\n\n  useEffect(\n    () => {\n      if (groupId.length > 0) {\n        getDeploymentList();\n      }\n    },\n    [ groupId, getDeploymentList ]\n  );\n\n  const handleClick = (deployment) => {\n    setOpen(true);\n    // setSelectedIndex(index);\n    setSelectedDeployment(deployment);\n  };\n\n  const handlePageChange = (event, page) => {\n    setPage(page);\n  };\n\n  const handleRowsPerPageChange = (event) => {\n    setRowsPerPage(event.target.value);\n  };\n\n  return (\n    <div className={classes.root}>\n      {/* <Typography variant=\"h4\" style={{ marginBottom: 30 }}>\n        Deployment List\n      </Typography> */}\n      <Typography variant=\"body1\" style={{ marginBottom: 30 }}>\n        Check deployment list from selected device group.\n      </Typography>\n\n      {groupId.length > 0 ? (\n        <div>\n          {!isLoaded ? (\n            <div className={classes.progressWrapper}>\n              <CircularProgress />\n            </div>\n          ) : (\n            <div>\n              <Button\n                color=\"primary\"\n                variant=\"contained\"\n                className={classes.button}\n                onClick={() => getDeploymentList()}\n              >\n                Refresh\n              </Button>\n              {deploymentList.length === 0 ? (\n                <Typography variant=\"h6\">No deployment data.</Typography>\n              ) : (\n                <Paper>\n                  <TableContainer className={classes.container}>\n                    <Table className={classes.table} size=\"small\">\n                      <TableHead>\n                        <TableRow>\n                          <TableCell>No.</TableCell>\n                          <TableCell>Deployment Id</TableCell>\n                          <TableCell style={{ maxWidth: 500 }}>Deployed Images</TableCell>\n                          <TableCell style={{ minWidth: 190 }}>Deployed Date</TableCell>\n                        </TableRow>\n                      </TableHead>\n                      <TableBody>\n                        {deploymentList\n                          .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n                          .map((deployment, idx) => (\n                            <TableRow\n                              hover\n                              onClick={() => handleClick(deployment)}\n                              key={idx}\n                              style={{ cursor: \"pointer\" }}\n                            >\n                              <TableCell>{idx + 1}</TableCell>\n                              <TableCell>{deployment.Id}</TableCell>\n                              <TableCell>\n                                {deployment.DeployedImages.map((imageId, index) => (\n                                  <Chip\n                                    className={classes.chip}\n                                    size=\"small\"\n                                    label={imageId}\n                                    variant=\"outlined\"\n                                    key={index}\n                                  />\n                                ))}\n                                {/* {JSON.stringify(deployment.DeployedImages, null, 2)} */}\n                              </TableCell>\n                              <TableCell>\n                                {new Date(\n                                  deployment.DeploymentDateUtc\n                                ).toLocaleString(\"en\", {\n                                  timeZone: \"Asia/Seoul\"\n                                  // timeZoneName: \"short\"\n                                })}\n                              </TableCell>\n                            </TableRow>\n                          ))}\n                      </TableBody>\n                    </Table>\n                  </TableContainer>\n                  <TablePagination\n                    rowsPerPageOptions={[ 2, 5, 10 ]}\n                    component=\"div\"\n                    count={deploymentList.length}\n                    rowsPerPage={rowsPerPage}\n                    page={page}\n                    onChangePage={handlePageChange}\n                    onChangeRowsPerPage={handleRowsPerPageChange}\n                  />\n                </Paper>\n              )}\n            </div>\n          )}\n          {Object.keys(selectedDeployment).length > 0 ? (\n            <ImagesDetailDialog\n              images={selectedDeployment.DeployedImages}\n              open={open}\n              handleClose={() => setOpen(false)}\n            />\n          ) : null}\n        </div>\n      ) : (\n        <Typography variant=\"subtitle2\" style={{ marginBottom: 20 }}>\n          Select a device group first.\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport default DeploymentList;\n","import React, { useState } from \"react\";\nimport { useRecoilValue, useRecoilState } from \"recoil\";\nimport {\n  Typography,\n  Grid,\n  Button,\n  CircularProgress,\n  MenuItem,\n  TextField,\n  makeStyles,\n  colors\n} from \"@material-ui/core\";\nimport CheckIcon from \"@material-ui/icons/Check\";\nimport { invokeMethod, updateAS3Info } from \"common/apiConfig\";\nimport { devicesMove } from \"common/azsphereApi\";\nimport { userDeviceListState, deviceIdState, snackbarState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: theme.spacing(3)\n  },\n  wrapper: {\n    position: \"relative\",\n    display: \"flex\"\n  },\n  successIcon: {\n    color: colors.green[500],\n    fontSize: 30,\n    marginTop: 5,\n    marginLeft: theme.spacing(3)\n  },\n  buttonProgress: {\n    color: colors.blueGrey[500],\n    marginTop: 5,\n    marginLeft: theme.spacing(3)\n  }\n}));\n\nconst UpdateDevice = (props) => {\n  const classes = useStyles();\n  const { groupId } = props;\n\n  // const [ devices, setDeivces ] = useRecoilState(userDeviceListState);\n  const userDevices = useRecoilValue(userDeviceListState);\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  const [ loading, setLoading ] = useState(false);\n  const [ success, setSuccess ] = useState(false);\n\n  const moveDevice = async () => {\n    setSuccess(false);\n    setLoading(true);\n    try {\n      const resp = await devicesMove(deviceId, groupId);\n      if (resp) {\n        setSuccess(true);\n        setLoading(false);\n\n        // Request update AS3 information\n        updateAS3Info(deviceId);\n        console.log(\"Send update request AS3 information for device\");\n      }\n      console.log(\"Device moved to current group\");\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleUpdate = async () => {\n    try {\n      setLoading(true);\n\n      // Check selected device's group\n      const selectedDevice = userDevices.filter((device) => device.id === deviceId);\n      console.log(\"selectedDevice >\", selectedDevice);\n      if (selectedDevice[0].azureSphere.deviceGroup === null) {\n        moveDevice();\n      } else {\n        let currentGroupId = selectedDevice[0].azureSphere.deviceGroup.id;\n        if (currentGroupId !== groupId) {\n          // Selected device's group !== Selected group -> update\n          moveDevice();\n        } else {\n          console.info(\"would not move device group\");\n        }\n      }\n\n      //! Send restart request to device\n      let result = await invokeMethod(deviceId, \"WebForceRestart\", \"\");\n      if (result) {\n        setLoading(false);\n\n        if (result.hasOwnProperty(\"ExceptionMessage\")) {\n          console.log(\"result:\", result);\n          // let errorCode =  JSON.parse(result.Message).errorCode\n          let errorMsg = JSON.parse(result.Message).message;\n          setSnackbar({\n            ...snackbar,\n            open: true,\n            message: errorMsg,\n            autoHideDuration: 8000,\n            severity: \"error\"\n          });\n        } else {\n          console.log(\"Sent restart request\");\n          setSnackbar({\n            ...snackbar,\n            open: true,\n            message: \"Sent Update request to device\",\n            autoHideDuration: 3000,\n            severity: \"info\"\n          });\n        }\n      }\n    } catch (error) {\n      console.log(error);\n      setLoading(false);\n    }\n  };\n\n  const handleChange = (event) => {\n    setDeviceId(event.target.value);\n  };\n\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"body1\" style={{ marginBottom: 10 }}>\n        Select device to update and Click Update button.<br />\n      </Typography>\n      <Typography variant=\"body1\" style={{ marginBottom: 20, color: \"grey\" }}>\n        [Note] The device will be moved to the selected group and restart for the update.\n        <br />\n        If the current device's group is the same as the selected group, it will not be\n        moved.\n      </Typography>\n      <Grid container spacing={3}>\n        <Grid item xs={12} sm={3}>\n          <TextField\n            InputLabelProps={{ shrink: true }}\n            select\n            fullWidth\n            className={classes.select}\n            value={deviceId}\n            onChange={handleChange}\n            size=\"small\"\n            variant=\"outlined\"\n          >\n            {userDevices.map((device, index) => (\n              <MenuItem key={index} value={device.id}>\n                {device.displayName}\n              </MenuItem>\n            ))}\n          </TextField>\n        </Grid>\n        <Grid item xs={12} sm={9}>\n          <div className={classes.wrapper}>\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={(deviceId.length && groupId.length ? false : true) && loading}\n              onClick={handleUpdate}\n            >\n              Update Device\n            </Button>\n            {loading && <CircularProgress size={24} className={classes.buttonProgress} />}\n            {success ? <CheckIcon className={classes.successIcon} /> : null}\n          </div>\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n\nexport default UpdateDevice;\n","import React, { useState, useEffect } from \"react\";\nimport { useRecoilState } from \"recoil\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Typography,\n  Button,\n  CircularProgress,\n  TextField,\n  FormControlLabel,\n  Checkbox,\n  colors\n} from \"@material-ui/core\";\nimport DoneIcon from \"@material-ui/icons/Done\";\nimport { imageUpload } from \"common/azsphereApi\";\nimport { fotaImageState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    paddingTop: theme.spacing(1),\n    marginBottom: 20\n  },\n  content: {\n    paddingLeft: theme.spacing(3)\n  },\n  wrapper: {\n    marginTop: theme.spacing(2),\n    marginLeft: theme.spacing(2),\n    position: \"relative\"\n  },\n  buttonProgress: {\n    color: colors.blueGrey[500],\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    marginTop: -12,\n    marginLeft: -12\n  },\n  textSuccess: {\n    position: \"absolute\",\n    marginLeft: theme.spacing(2),\n    color: colors.green[500],\n    fontSize: \"2rem\"\n  },\n  textWrapper: {\n    margin: theme.spacing(2),\n    fontSize: 14\n  },\n  selectButton: {\n    width: 160,\n    height: 35,\n    backgroundColor: colors.blueGrey[300]\n  },\n  form: {\n    \"& .MuiTextField-root\": {\n      margin: theme.spacing(1),\n      width: \"35ch\"\n    }\n  },\n  container: {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(1),\n    display: \"flex\"\n  }\n}));\n\nconst imageRows = [\n  { id: \"fileName\", label: \"Image file name\" },\n  { id: \"imageId\", label: \"Image ID\" },\n  { id: \"componentId\", label: \"Component ID\" }\n];\n\nconst uuidRegx = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-5][0-9a-f]{3}-[089ab][0-9a-f]{3}-[0-9a-f]{12}$/;\n\nconst UploadImage = () => {\n  const classes = useStyles();\n  const formRef = React.useRef();\n\n  const [ uploadResult, setUploadResult ] = useState(false);\n  const [ uploadLoading, setUploadLoading ] = useState(false);\n\n  const [ fileList, setFileList ] = useState([]);\n  const [ isValidImages, setIsValidImages ] = useState(false);\n  const [ isUploadOnly, setIsUploadOnly ] = useState(false);\n\n  const [ fotaImages, setFotaImages ] = useRecoilState(fotaImageState);\n\n  const handleSelect = (event) => {\n    try {\n      setUploadResult(false);\n\n      const files = event.currentTarget.files;\n      console.log(\"Image files\", typeof files, files);\n\n      // const fileNames = Object.keys(files).map((index) => files[index].name);\n      // console.log(\"fileNames\", fileNames);\n      setFileList(files);\n\n      // Init imageInfo\n      const imageArray = Object.keys(files).map((index) => ({\n        fileName: files[index].name,\n        componentId: \"\",\n        imageId: \"\"\n      }));\n      console.log(\"imageArray\", imageArray);\n      setFotaImages(imageArray);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleUpload = async () => {\n    // ! Save info to database\n\n    try {\n      setUploadLoading(true);\n      let uploadSuccess = true;\n\n      // for await (let idx of Object.keys(fileList)) {\n      //   const resp = await imageUpload(fileList[idx]);\n      //   console.log(\"resp\", resp);\n      //   if (!resp) {\n      //     uploadSuccess = false;\n      //   }\n      // }\n\n      // Parallel\n      const promiseArray = Object.keys(fileList).map(\n        (file, index) => new Promise((resolve) => resolve(imageUpload(fileList[index])))\n      );\n      // console.log(\"promiseArray\", promiseArray);\n      const uploadResult = await Promise.all(promiseArray);\n      console.log(\"Image update complete =>\", uploadResult);\n      if (uploadResult.find((result) => result === false)) {\n        uploadSuccess = false;\n      }\n\n      if (uploadSuccess) {\n        setUploadResult(true);\n      } else {\n        setUploadResult(false);\n      }\n      setUploadLoading(false);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleChange = (fileIndex, rowId, event) => {\n    console.log(\"handleChange =>\", rowId, event.target.value);\n    try {\n      let newArray = [ ...fotaImages ];\n      newArray[fileIndex] = {\n        ...fotaImages[fileIndex],\n        [rowId]: event.target.value\n      };\n      setFotaImages(newArray);\n\n      console.log(\"newArray:\", newArray);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleSubmit = async (event) => {\n    event.preventDefault();\n    console.log(\"@fotaImages:\", fotaImages);\n\n    // Image upload\n    handleUpload();\n  };\n\n  useEffect(\n    () => {\n      const checkValidImages = () => {\n        let result;\n        const isValidUuid = (id) => uuidRegx.test(id);\n\n        if (fotaImages.length > 0) {\n          // Check image and component Id\n          let imageIdArray = fotaImages.map((image) => image.imageId);\n          let componentIdArray = fotaImages.map((image) => image.componentId);\n\n          result = imageIdArray.every(isValidUuid) && componentIdArray.every(isValidUuid);\n        }\n        // console.log(\"validation check:\", result);\n\n        setIsValidImages(result);\n      };\n\n      checkValidImages();\n    },\n    [ fotaImages ]\n  );\n\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"body1\" style={{ marginBottom: 15 }}>\n        Select imagepackage file(s) to deploy and click Upload button. <br />\n      </Typography>\n      <FormControlLabel\n        control={\n          <Checkbox\n            checked={isUploadOnly}\n            onChange={(e) => setIsUploadOnly(e.target.checked)}\n            name=\"checkUploadOnly\"\n            color=\"primary\"\n          />\n        }\n        label=\"Just Upload selected file\"\n      />\n      <div className={classes.content}>\n        <div className={classes.container}>\n          <Button\n            color=\"primary\"\n            variant=\"contained\"\n            size=\"large\"\n            component=\"label\"\n            onClick={() => setUploadResult(false)}\n            className={classes.selectButton}\n          >\n            Select file(s)\n            <input\n              style={{ display: \"none\" }}\n              type=\"file\"\n              multiple\n              name=\"imagefile\"\n              onChange={handleSelect}\n              accept=\".imagepackage\"\n            />\n          </Button>\n          {Object.keys(fileList).length > 0 || fotaImages.length > 0 ? (\n            <Typography className={classes.textWrapper} variant=\"h5\">\n              {Object.keys(fileList).length} file(s) selected\n            </Typography>\n          ) : (\n            <Typography className={classes.textWrapper} variant=\"h5\">\n              Select imagepackage file(s).\n            </Typography>\n          )}\n        </div>\n        <form ref={formRef} className={classes.form} onSubmit={handleSubmit}>\n          {isUploadOnly ? (\n            <div>\n              {fotaImages.map((image, imageIndex) => (\n                <div>\n                  <TextField\n                    key={imageIndex}\n                    size=\"small\"\n                    variant=\"outlined\"\n                    label={imageRows[0].label}\n                    value={image.fileName}\n                  />\n                </div>\n              ))}\n            </div>\n          ) : (\n            <div>\n              {fotaImages.map((image, imageIndex) => (\n                <div key={imageIndex} style={{ marginLeft: 10 }}>\n                  {imageRows.map((row, rowIndex) => (\n                    <TextField\n                      key={rowIndex}\n                      required\n                      size=\"small\"\n                      variant={row.id === \"fileName\" ? \"standard\" : \"outlined\"}\n                      value={image[row.id]}\n                      onChange={(e) => handleChange(imageIndex, row.id, e)}\n                      label={row.label}\n                      error={rowIndex !== 0 ? !uuidRegx.test(image[row.id]) : false}\n                    />\n                  ))}\n                </div>\n              ))}\n            </div>\n          )}\n\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\"\n            }}\n          >\n            {Object.keys(fileList).length > 0 || fotaImages.length > 0 ? (\n              <div className={classes.wrapper}>\n                <Button\n                  type=\"submit\"\n                  variant=\"contained\"\n                  color=\"primary\"\n                  onClick={() => formRef.current.reportValidity()}\n                  disabled={\n                    uploadLoading || (isUploadOnly ? !isUploadOnly : !isValidImages)\n                  }\n                >\n                  Upload Images\n                </Button>\n\n                {uploadLoading && (\n                  <CircularProgress size={26} className={classes.buttonProgress} />\n                )}\n                {uploadResult ? <DoneIcon className={classes.textSuccess} /> : null}\n              </div>\n            ) : null}\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n};\n\nexport default UploadImage;\n","import React, { createContext, useEffect, useState } from \"react\";\nimport { HubConnectionBuilder, LogLevel } from \"@microsoft/signalr\";\nimport { useRecoilValue } from \"recoil\";\n\nimport { userDeviceListState } from \"common/store\";\n\nconst functionKey = process.env.REACT_APP_FUNCTION_ASGAPI_KEY;\nconst SignalContext = createContext();\n\nconst SignalProvider = (props) => {\n  const [ values, setValues ] = useState({\n    isLoaded: false,\n    eventData: null\n  });\n  const [ connectionState, setConnectionState ] = useState(false);\n\n  const userDeviceList = useRecoilValue(userDeviceListState);\n\n  const connection = new HubConnectionBuilder()\n    .withUrl(`${process.env.REACT_APP_FUNCTION_ASGAPI}?code=${functionKey}`)\n    .withAutomaticReconnect()\n    .configureLogging(\n      process.env.NODE_ENV === \"development\" ? LogLevel.Debug : LogLevel.Warning\n    )\n    .build();\n\n  useEffect(\n    () => {\n      async function start() {\n        try {\n          await connection.start();\n          console.info(\"SignalR Connected.\");\n          setConnectionState(true);\n        } catch (err) {\n          setConnectionState(false);\n          console.error(err);\n          setTimeout(start, 5000);\n        }\n      }\n\n      connection.onclose((error) => {\n        console.log(\"SignalR onclose:\", error);\n        setConnectionState(false);\n        start();\n      });\n\n      // Start the connection.\n      if (!connectionState) {\n        console.log(\"@@ Start the connection\");\n        start();\n      }\n\n      try {\n        connection.on(\"ReceiveMessage\", (messages) => {\n          const dataArray = JSON.parse(messages);\n          if (process.env.NODE_ENV === \"development\") {\n            console.log(`SignalR received [${dataArray.length}] message.`);\n            // console.log(\"Messages=>\", dataArray);\n          }\n\n          for (const message of dataArray) {\n            setValues({\n              isLoaded: true,\n              eventData: message\n              // eventData: JSON.parse(message)\n            });\n\n            // Filter log\n            if (userDeviceList.length > 0) {\n              const deviceIdList = userDeviceList.map((device) => device.deviceId);\n\n              if (deviceIdList.includes(message.deviceId)) {\n                console.info(\"Received message:\", message);\n              }\n            }\n          }\n        });\n      } catch (error) {\n        console.log(\"error\");\n      }\n    },\n    [ values.isLoaded ]\n  );\n\n  return <SignalContext.Provider value={values}>{props.children}</SignalContext.Provider>;\n};\n\nexport { SignalContext, SignalProvider };\n","import React, { useState, useEffect } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { lighten, makeStyles } from \"@material-ui/core/styles\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  TableSortLabel,\n  Toolbar,\n  Typography,\n  Paper,\n  Checkbox,\n  Button,\n  CircularProgress,\n  colors\n} from \"@material-ui/core\";\n// import { ToastContainer, toast } from \"react-toastify\";\n// import \"react-toastify/dist/ReactToastify.css\";\n\nimport { invokeMethod } from \"common/apiConfig\";\nimport { deviceIdState, snackbarState } from \"common/store\";\n\nconst headCells = [\n  { id: \"mac\", disablePadding: true, label: \"Mac address\" },\n  { id: \"name\", disablePadding: true, label: \"Name\" },\n  { id: \"ver\", disablePadding: true, label: \"Current Version\" },\n  { id: \"available\", disablePadding: true, label: \"Available Version\" },\n  { id: \"status\", disablePadding: true, label: \"Status\" }\n];\n\nfunction descendingComparator(a, b, orderBy) {\n  if (b[orderBy] < a[orderBy]) {\n    return -1;\n  }\n  if (b[orderBy] > a[orderBy]) {\n    return 1;\n  }\n  return 0;\n}\n\nfunction getComparator(order, orderBy) {\n  return order === \"desc\"\n    ? (a, b) => descendingComparator(a, b, orderBy)\n    : (a, b) => -descendingComparator(a, b, orderBy);\n}\n\nfunction stableSort(array, comparator) {\n  const stabilizedThis = array.map((el, index) => [ el, index ]);\n  stabilizedThis.sort((a, b) => {\n    const order = comparator(a[0], b[0]);\n    if (order !== 0) return order;\n    return a[1] - b[1];\n  });\n  return stabilizedThis.map((el) => el[0]);\n}\n\nfunction NodeTableHead(props) {\n  const {\n    classes,\n    onSelectAllClick,\n    order,\n    orderBy,\n    numSelected,\n    rowCount,\n    onRequestSort\n  } = props;\n\n  const createSortHandler = (property) => (event) => {\n    onRequestSort(event, property);\n  };\n\n  return (\n    <TableHead align=\"center\">\n      <TableRow align=\"center\">\n        <TableCell padding=\"checkbox\">\n          <Checkbox\n            indeterminate={numSelected > 0 && numSelected < rowCount}\n            checked={rowCount > 0 && numSelected === rowCount}\n            onChange={onSelectAllClick}\n            inputProps={{ \"aria-label\": \"select all desserts\" }}\n          />\n        </TableCell>\n        {headCells.map((headCell) => (\n          <TableCell\n            key={headCell.id}\n            align=\"center\"\n            padding=\"none\"\n            sortDirection={orderBy === headCell.id ? order : false}\n          >\n            <TableSortLabel\n              active={orderBy === headCell.id}\n              direction={orderBy === headCell.id ? order : \"asc\"}\n              onClick={createSortHandler(headCell.id)}\n            >\n              {headCell.label}\n              {orderBy === headCell.id ? (\n                <span className={classes.visuallyHidden}>\n                  {order === \"desc\" ? \"sorted descending\" : \"sorted ascending\"}\n                </span>\n              ) : null}\n            </TableSortLabel>\n          </TableCell>\n        ))}\n      </TableRow>\n    </TableHead>\n  );\n}\n\nNodeTableHead.propTypes = {\n  classes: PropTypes.object.isRequired,\n  numSelected: PropTypes.number.isRequired,\n  onRequestSort: PropTypes.func.isRequired,\n  onSelectAllClick: PropTypes.func.isRequired,\n  order: PropTypes.oneOf([ \"asc\", \"desc\" ]).isRequired,\n  orderBy: PropTypes.string.isRequired,\n  rowCount: PropTypes.number.isRequired\n};\n\nconst useToolbarStyles = makeStyles((theme) => ({\n  root: {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(1)\n  },\n  highlight:\n    theme.palette.type === \"light\"\n      ? {\n          color: theme.palette.secondary.main,\n          backgroundColor: lighten(theme.palette.secondary.light, 0.85)\n        }\n      : {\n          color: theme.palette.text.primary,\n          backgroundColor: theme.palette.secondary.dark\n        },\n  title: {\n    flex: \"1 1 100%\"\n  },\n  wrapper: {\n    position: \"relative\",\n    display: \"flex\"\n  },\n  buttonProgress: {\n    color: colors.blueGrey[500],\n    position: \"absolute\",\n    top: \"50%\",\n    left: \"50%\",\n    marginTop: -12,\n    marginLeft: -12\n  }\n}));\n\nconst NodeTableToolbar = (props) => {\n  const classes = useToolbarStyles();\n  const { numSelected, handleUpdate, handleRefresh, loading } = props;\n\n  return (\n    <Toolbar\n      className={clsx(classes.root, {\n        [classes.highlight]: numSelected > 0\n      })}\n    >\n      {numSelected > 0 ? (\n        <Typography\n          className={classes.title}\n          color=\"inherit\"\n          variant=\"subtitle1\"\n          component=\"span\"\n        >\n          {numSelected} selected\n        </Typography>\n      ) : (\n        <Typography\n          className={classes.title}\n          variant=\"h5\"\n          id=\"tableTitle\"\n          component=\"span\"\n        >\n          Node devices\n        </Typography>\n      )}\n\n      {numSelected > 0 ? (\n        <div className={classes.wrapper}>\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            disabled={loading}\n            onClick={handleUpdate}\n          >\n            Update\n          </Button>\n\n          {loading && <CircularProgress size={24} className={classes.buttonProgress} />}\n        </div>\n      ) : (\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          disabled={loading}\n          onClick={handleRefresh}\n        >\n          Refresh\n        </Button>\n      )}\n    </Toolbar>\n  );\n};\n\nNodeTableToolbar.propTypes = {\n  numSelected: PropTypes.number.isRequired\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \"100%\",\n    maxWidth: 850,\n    padding: theme.spacing(3)\n  },\n  paper: {\n    width: \"100%\",\n    marginBottom: theme.spacing(2)\n  },\n  table: {\n    minWidth: 750\n  },\n  visuallyHidden: {\n    border: 0,\n    clip: \"rect(0 0 0 0)\",\n    height: 1,\n    margin: -1,\n    overflow: \"hidden\",\n    padding: 0,\n    position: \"absolute\",\n    top: 20,\n    width: 1\n  }\n}));\n\nexport default function NodeTable(props) {\n  const classes = useStyles();\n  const { nodeDevices, nodeFW, updateResult, handleRefresh } = props;\n\n  const [ order, setOrder ] = useState(\"asc\");\n  const [ orderBy, setOrderBy ] = useState(\"calories\");\n  const [ selected, setSelected ] = useState([]);\n  const [ page, setPage ] = useState(0);\n  const [ rowsPerPage, setRowsPerPage ] = useState(3);\n\n  const [ loading, setLoading ] = useState(false);\n  const [ updateStatus, setUpdateStatus ] = useState([]);\n\n  const deviceId = useRecoilValue(deviceIdState);\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  useEffect(\n    () => {\n      if (nodeDevices.length > 0 && updateStatus.length === 0) {\n        setUpdateStatus(new Array(nodeDevices.length).fill(\"READY\"));\n      }\n    },\n    [ nodeDevices.length ]\n  );\n\n  useEffect(\n    () => {\n      try {\n        if (updateResult.length > 0) {\n          // console.log(\"Updated Result 1:\", updateResult);\n          let newStatus = updateStatus.slice();\n          let result = JSON.parse(updateResult);\n\n          nodeDevices.map(\n            (node, index) =>\n              node.mac.split(\":\").join(\"\") === result.updatedMac\n                ? (newStatus[index] =\n                    result.updatedResult === \"1\" ? \"UPDATING..2\" : \"READY\")\n                : null\n          );\n\n          if (result.updatedResult === \"2\") {\n            setLoading(false);\n            setSnackbar({\n              ...snackbar,\n              open: true,\n              message: `${result.updatedMac} update complete!`,\n              autoHideDuration: 3000,\n              severity: \"success\"\n            });\n          }\n\n          console.log(\"Updated Result new status:\", newStatus);\n          setUpdateStatus(newStatus);\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ updateResult ]\n  );\n\n  const handleRequestSort = (event, property) => {\n    const isAsc = orderBy === property && order === \"asc\";\n    setOrder(isAsc ? \"desc\" : \"asc\");\n    setOrderBy(property);\n  };\n\n  const handleSelectAllClick = (event) => {\n    if (event.target.checked) {\n      const newSelecteds = nodeDevices.map((n) => n.mac);\n      setSelected(newSelecteds);\n      return;\n    }\n    setSelected([]);\n  };\n\n  const handleClick = (event, name) => {\n    // console.log(\"handleClick:\", name);\n\n    const selectedIndex = selected.indexOf(name);\n    let newSelected = [];\n\n    if (selectedIndex === -1) {\n      newSelected = newSelected.concat(selected, name);\n    } else if (selectedIndex === 0) {\n      newSelected = newSelected.concat(selected.slice(1));\n    } else if (selectedIndex === selected.length - 1) {\n      newSelected = newSelected.concat(selected.slice(0, -1));\n    } else if (selectedIndex > 0) {\n      newSelected = newSelected.concat(\n        selected.slice(0, selectedIndex),\n        selected.slice(selectedIndex + 1)\n      );\n    }\n\n    setSelected(newSelected);\n  };\n\n  const handleChangePage = (event, newPage) => {\n    setPage(newPage);\n  };\n\n  const handleChangeRowsPerPage = (event) => {\n    setRowsPerPage(parseInt(event.target.value, 10));\n    setPage(0);\n  };\n\n  const isSelected = (macaddr) => selected.indexOf(macaddr) !== -1;\n\n  const handleUpdate = async () => {\n    console.log(\"Start Update\", selected, updateStatus);\n    setLoading(true);\n\n    // Update status\n    let newStatus = updateStatus.slice();\n    selected.map((selectedMac) =>\n      nodeDevices.forEach((dev, index) => {\n        if (dev.mac === selectedMac) {\n          newStatus[index] = \"UPDATING..1\";\n        }\n      })\n    );\n    // console.log(\"newStatus:\", newStatus);\n    setUpdateStatus(newStatus);\n\n    // Remove colon\n    let maclist = selected.map((mac) => mac.split(\":\").join(\"\"));\n    console.log(\"maclist:\", maclist);\n\n    // Update payload message\n    const message = maclist.join(\",\");\n\n    try {\n      let result = await invokeMethod(deviceId, \"Update\", message);\n      if (result) {\n        // setLoading(false);\n        if (result.hasOwnProperty(\"ExceptionMessage\")) {\n          console.log(\"result:\", result);\n          let errorMsg = JSON.parse(result.Message).message;\n          setSnackbar({\n            ...snackbar,\n            open: true,\n            message: errorMsg,\n            autoHideDuration: 8000,\n            severity: \"error\"\n          });\n        } else {\n          console.log(\"Sent update command\", message);\n          setSnackbar({\n            ...snackbar,\n            open: true,\n            message: \"Sent update request successfully\",\n            autoHideDuration: 5000,\n            severity: \"info\"\n          });\n        }\n\n        // 개별 상태 업데이트 필요\n        // setUpdateStatus(new Array(nodeDevices.length).fill(\"READY\"));\n      }\n    } catch (error) {\n      setLoading(false);\n      console.log(error);\n    }\n    // setLoading(false);\n  };\n\n  if (nodeDevices.length === 0) {\n    return (\n      <Typography variant=\"subtitle2\">There is no connected node device.</Typography>\n    );\n  } else {\n    return (\n      <div>\n        <div className={classes.root}>\n          <Paper className={classes.paper}>\n            <NodeTableToolbar\n              numSelected={selected.length}\n              handleUpdate={handleUpdate}\n              handleRefresh={handleRefresh}\n              loading={loading}\n            />\n            <TableContainer>\n              <Table\n                className={classes.table}\n                aria-labelledby=\"tableTitle\"\n                size=\"medium\"\n                aria-label=\"enhanced table\"\n                align=\"center\"\n              >\n                <NodeTableHead\n                  classes={classes}\n                  numSelected={selected.length}\n                  order={order}\n                  orderBy={orderBy}\n                  onSelectAllClick={handleSelectAllClick}\n                  onRequestSort={handleRequestSort}\n                  rowCount={nodeDevices.length}\n                />\n                <TableBody>\n                  {stableSort(nodeDevices, getComparator(order, orderBy))\n                    .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n                    .map((row, index) => {\n                      const isItemSelected = isSelected(row.mac);\n                      const labelId = `enhanced-table-checkbox-${index}`;\n\n                      return (\n                        <TableRow\n                          hover\n                          onClick={(event) => handleClick(event, row.mac)}\n                          role=\"checkbox\"\n                          aria-checked={isItemSelected}\n                          tabIndex={-1}\n                          key={row.mac}\n                          selected={isItemSelected}\n                        >\n                          <TableCell padding=\"checkbox\">\n                            <Checkbox\n                              checked={isItemSelected}\n                              inputProps={{ \"aria-labelledby\": labelId }}\n                            />\n                          </TableCell>\n                          <TableCell\n                            align=\"center\"\n                            component=\"th\"\n                            id={labelId}\n                            scope=\"row\"\n                            padding=\"none\"\n                          >\n                            {row.mac}\n                          </TableCell>\n                          <TableCell align=\"center\">{row.name}</TableCell>\n                          <TableCell align=\"center\">\n                            <div style={{ color: row.ver === nodeFW ? \"green\" : \"red\" }}>\n                              {row.ver}\n                            </div>\n                          </TableCell>\n                          <TableCell align=\"center\">\n                            <div style={{ color: row.ver === nodeFW ? \"green\" : \"red\" }}>\n                              {nodeFW}\n                            </div>\n                          </TableCell>\n                          <TableCell align=\"center\">\n                            {updateStatus[index] === \"READY\" ? (\n                              updateStatus[index]\n                            ) : (\n                              <div style={{ fontWeight: \"bold\", color: \"darkBlue\" }}>\n                                {updateStatus[index]}\n                              </div>\n                            )}\n                          </TableCell>\n                        </TableRow>\n                      );\n                    })}\n                </TableBody>\n              </Table>\n            </TableContainer>\n            <TablePagination\n              rowsPerPageOptions={[ 3, 5, 10 ]}\n              component=\"div\"\n              count={nodeDevices.length}\n              rowsPerPage={rowsPerPage}\n              page={page}\n              onChangePage={handleChangePage}\n              onChangeRowsPerPage={handleChangeRowsPerPage}\n            />\n          </Paper>\n        </div>\n        {/* <ToastContainer\n          position=\"top-right\"\n          autoClose={5000}\n          hideProgressBar={false}\n          newestOnTop={false}\n          closeOnClick\n          rtl={false}\n          pauseOnFocusLoss\n          draggable\n          pauseOnHover\n        /> */}\n      </div>\n    );\n  }\n}\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { Typography, Grid, CircularProgress } from \"@material-ui/core\";\n\nimport { SignalContext } from \"contexts/signalContext\";\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\nimport { queryUserDevice } from \"common/apiConfig\";\n\nimport { deviceIdState, userDeviceListState, isDeviceLoadedState } from \"common/store\";\nimport NodeTable from \"./NodeTable\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1)\n  },\n  button: {\n    marginLeft: theme.spacing(3)\n  }\n}));\n\nconst NodeFotaView = () => {\n  const classes = useStyles();\n  const signalState = useContext(SignalContext);\n  const authState = useContext(MsalAuthContext);\n\n  const [ isLoaded, setIsLoaded ] = useRecoilState(isDeviceLoadedState);\n  const [ userDevices, setUserDevices ] = useRecoilState(userDeviceListState);\n  // const userDevices = useRecoilValue(userDeviceListState);\n  // const isLoaded = useRecoilValue(isDeviceLoadedState);\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ nodeDevices, setNodeDevices ] = useState([]);\n  const [ nodeFW, setNodeFW ] = useState(\"\");\n\n  const [ updateResult, setUpdateResult ] = useState(\"\");\n\n  useEffect(\n    () => {\n      try {\n        // Initial value\n        const selectedDevice = userDevices.filter((device) => device.id === deviceId)[0];\n        if (selectedDevice !== undefined) {\n          console.log(\"@Init node devices\");\n          getNodeInfo(selectedDevice);\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ userDevices, deviceId ]\n  );\n\n  useEffect(\n    () => {\n      const getSignalData = async () => {\n        try {\n          const signalData = signalState.eventData;\n          if (signalData !== null) {\n            // Check message source: Telemetry / twinChangeEvents\n            if (signalData.messageSource === \"twinChangeEvents\") {\n              console.log(\"Twin change event:\", signalData);\n\n              if (signalData[\"deviceId\"] === deviceId) {\n                console.log(\"@Update node devices\");\n                getNodeInfo(signalData.message);\n\n                //? Update device document\n              }\n            } else if (signalData.messageSource === \"Telemetry\") {\n              // node update event check\n              if (signalData.message.hasOwnProperty(\"updatedMac\")) {\n                setUpdateResult(JSON.stringify(signalData.message));\n              }\n            }\n          }\n        } catch (err) {\n          console.log(err);\n        }\n      };\n\n      // start subscribe signal\n      getSignalData();\n    },\n    [ signalState.eventData ]\n  );\n\n  const getNodeInfo = (data) => {\n    // Get node device information from reported properties\n    try {\n      if (data.hasOwnProperty(\"properties\")) {\n        if (data.properties.hasOwnProperty(\"reported\")) {\n          if (data.properties.reported.hasOwnProperty(\"NodeDevices\")) {\n            // Node device list\n            let newNodeDevices = data.properties.reported.NodeDevices;\n            // console.log(\"=> NodeDevices:\", newNodeDevices);\n            setNodeDevices(newNodeDevices);\n          }\n          if (data.properties.reported.hasOwnProperty(\"ASG_INFO\")) {\n            // get available NodeFW\n            if (data.properties.reported[\"ASG_INFO\"].hasOwnProperty(\"NodeFW\")) {\n              let newNodeFW = data.properties.reported[\"ASG_INFO\"].NodeFW;\n              // console.log(\"=> NodeFW:\", newNodeFW);\n              setNodeFW(newNodeFW);\n            } else {\n              setNodeFW(\"-\");\n            }\n          }\n        }\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleRefresh = async () => {\n    try {\n      if (authState.account.username.length > 0) {\n        const deviceList = await queryUserDevice(authState.account.username);\n        console.debug(\"queryUserDevice\", deviceList);\n\n        setUserDevices(deviceList);\n        setIsLoaded(true);\n\n        localStorage.setItem(\"userdevice_list\", JSON.stringify(deviceList));\n        console.info(\"Save user devices to web storage\");\n      }\n    } catch (error) {\n      console.error(error);\n      setIsLoaded(true);\n      setUserDevices([]);\n    }\n  };\n\n  if (!isLoaded) {\n    return (\n      <div className={classes.progressWrapper}>\n        <CircularProgress />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.root}>\n        {/* <Button\n          color=\"primary\"\n          variant=\"outlined\"\n          className={classes.button}\n          onClick={handleRefresh}\n        >\n          Refresh\n        </Button> */}\n        <Grid container>\n          {/* node device table */}\n          {deviceId.length > 0 ? (\n            <NodeTable\n              nodeDevices={nodeDevices}\n              nodeFW={nodeFW}\n              updateResult={updateResult}\n              handleRefresh={handleRefresh}\n            />\n          ) : (\n            <Typography variant=\"subtitle2\">\n              Device not selected. Select a target device.\n            </Typography>\n          )}\n        </Grid>\n      </div>\n    );\n  }\n};\n\nexport default NodeFotaView;\n","import React, { useState } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Typography,\n  Grid,\n  TextField,\n  MenuItem,\n  CircularProgress,\n  Stepper,\n  Step,\n  StepLabel,\n  StepContent,\n  Button,\n  Paper,\n  Switch,\n  FormControlLabel\n} from \"@material-ui/core\";\n\nimport { AlertSnackbar } from \"components\";\nimport {\n  snackbarState,\n  targetGroupIdState,\n  groupListState,\n  groupListLoadedState\n} from \"common/store\";\n\nimport {\n  // DeployFirmware,\n  CreateDeployment,\n  DeploymentList,\n  UploadImage,\n  UpdateDevice,\n  NodeFotaView\n} from \"./components\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  contents: {\n    paddingTop: theme.spacing(2),\n    paddingLeft: theme.spacing(1)\n  },\n  button: {\n    marginTop: theme.spacing(2),\n    marginRight: theme.spacing(1)\n  },\n  actionsContainer: {\n    marginBottom: theme.spacing(2)\n  },\n  resetContainer: {\n    padding: theme.spacing(3)\n  }\n}));\n\nconst DeviceFotaView = () => {\n  const classes = useStyles();\n\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  const groupList = useRecoilValue(groupListState);\n  const groupLoaded = useRecoilValue(groupListLoadedState);\n  // const [ groupList, setGroupList ] = useRecoilState(groupListState);\n  // const [ groupLoaded, setGroupLoaded ] = useRecoilState(groupListLoadedState);\n\n  const [ groupId, setGroupId ] = useRecoilState(targetGroupIdState);\n\n  const [ activeStep, setActiveStep ] = useState(0);\n  const [ isExpanded, setIsExpanded ] = useState(false);\n\n  const handleChange = (event) => {\n    // console.log(name, event.target.value);\n    setGroupId(event.target.value);\n  };\n\n  function getSteps() {\n    return [\n      \"Select Device Group\",\n      \"Upload Imagepackage\",\n      \"Create a Deployment\",\n      \"Check the Deployment\",\n      \"Update ASG Device\",\n      \"Update Node Device\"\n    ];\n  }\n\n  function getStepContent(step) {\n    switch (step) {\n      case 0:\n        return (\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <Typography variant=\"body1\">\n                Select a device group to deploy firmware.\n              </Typography>\n            </Grid>\n            <Grid item xs={12} sm={3}>\n              {!groupLoaded ? (\n                <CircularProgress />\n              ) : (\n                <TextField\n                  InputLabelProps={{ shrink: true }}\n                  select\n                  fullWidth\n                  value={groupId}\n                  onChange={handleChange}\n                  size=\"small\"\n                  variant=\"outlined\"\n                >\n                  {groupList.map((group, index) => (\n                    <MenuItem key={index} value={group.Id}>\n                      {group.Name}\n                    </MenuItem>\n                  ))}\n                </TextField>\n              )}\n            </Grid>\n          </Grid>\n        );\n      case 1:\n        return <UploadImage />;\n      case 2:\n        // return <DeployFirmware groupId={groupId} />;\n        return <CreateDeployment groupId={groupId} />;\n      case 3:\n        return <DeploymentList groupId={groupId} />;\n      case 4:\n        return <UpdateDevice groupId={groupId} />;\n      case 5:\n        return <NodeFotaView />;\n      default:\n        return \"Unknown step\";\n    }\n  }\n\n  const steps = getSteps();\n\n  return (\n    <div className={classes.root}>\n      {/* <Typography variant=\"h5\" style={{ marginBottom: 20 }}>\n        FOTA\n      </Typography> */}\n\n      <AlertSnackbar\n        message={snackbar.message}\n        handleClose={() => setSnackbar({ ...snackbar, open: false })}\n        open={snackbar.open}\n        autoHideDuration={snackbar.autoHideDuration}\n        severity={snackbar.severity}\n      />\n\n      <div className={classes.contents}>\n        <FormControlLabel\n          control={\n            <Switch\n              checked={isExpanded}\n              onChange={() => setIsExpanded(!isExpanded)}\n              name=\"expand\"\n              inputProps={{ \"aria-label\": \"secondary checkbox\" }}\n            />\n          }\n          label=\"Expand All Steps\"\n          style={{ marginBottom: 10 }}\n        />\n\n        {/* <Button\n          color=\"primary\"\n          variant=\"outlined\"\n          size=\"small\"\n          onClick={() => setActiveStep(0)}\n          className={classes.button}\n        >\n          Reset Step\n        </Button> */}\n\n        <Stepper activeStep={activeStep} orientation=\"vertical\">\n          {steps.map((label, index) => (\n            <Step\n              key={label}\n              expanded={isExpanded ? true : index === 4 || index === 5 ? true : false}\n            >\n              <StepLabel>\n                <Typography component=\"span\" variant=\"h5\">\n                  {label}\n                </Typography>\n              </StepLabel>\n              <StepContent>\n                <Typography component=\"span\">{getStepContent(index)}</Typography>\n                {isExpanded ? null : (\n                  <div className={classes.actionsContainer}>\n                    <div>\n                      <Button\n                        disabled={activeStep === 0}\n                        onClick={() =>\n                          setActiveStep((prevActiveStep) => prevActiveStep - 1)}\n                        className={classes.button}\n                      >\n                        Back\n                      </Button>\n                      <Button\n                        variant=\"contained\"\n                        color=\"primary\"\n                        onClick={() =>\n                          setActiveStep((prevActiveStep) => prevActiveStep + 1)}\n                        className={classes.button}\n                        disabled={groupId.length > 0 ? false : true}\n                      >\n                        {activeStep === steps.length - 1 ? \"Finish\" : \"Next\"}\n                      </Button>\n                    </div>\n                  </div>\n                )}\n              </StepContent>\n            </Step>\n          ))}\n        </Stepper>\n        {activeStep === steps.length && (\n          <Paper square elevation={0} className={classes.resetContainer}>\n            <Typography component=\"span\">All steps completed!</Typography>\n            <div>\n              <Button\n                color=\"primary\"\n                variant=\"outlined\"\n                onClick={() => setActiveStep(0)}\n                className={classes.button}\n              >\n                Reset\n              </Button>\n            </div>\n          </Paper>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default DeviceFotaView;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useRecoilState } from \"recoil\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport { TextField, MenuItem, Grid, CircularProgress, Chip } from \"@material-ui/core\";\nimport { MsalAuthContext } from \"contexts/msalAuthContext\";\nimport { deviceIdState, deviceGroupState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3),\n    width: \"100%\"\n  },\n  select: {\n    minWidth: 150\n  },\n  progressWrapper: {\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  chip: {\n    display: \"flex\"\n    // justifyContent: \"center\"\n  }\n}));\n\nconst SelectUserDevice = (props) => {\n  const classes = useStyles();\n  const { userDevices, handleSelect } = props;\n  const authState = useContext(MsalAuthContext);\n\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n  const [ deviceGroup, setDeviceGroup ] = useRecoilState(deviceGroupState);\n\n  const [ userGroupList, setUserGroupList ] = useState([]);\n  const [ userDevicesInGroup, setUserDevicesInGroup ] = useState([]);\n\n  const [ values, setValues ] = useState({\n    productId: authState.product.id,\n    productName: authState.product.name\n  });\n\n  useEffect(\n    () => {\n      try {\n        if (authState.product !== \"\") {\n          setValues({\n            productId: authState.product.id,\n            productName: authState.product.name\n          });\n        } else {\n          setValues({\n            productId: null,\n            productName: null\n          });\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ authState ]\n  );\n\n  useEffect(\n    () => {\n      try {\n        const groups = userDevices.map((dev) => dev.azureSphere.deviceGroup);\n        // console.log(\"groups\", groups);\n\n        // Filter valid values\n        let availableGroups = groups.filter((group) => group !== null);\n\n        // remove duplicate\n        const uniqueGroups = Array.from(\n          new Set(availableGroups.map((g) => g.id))\n        ).map((id) => {\n          return availableGroups.find((group) => group.id === id);\n        });\n        // console.log(\"uniqueGroups\", uniqueGroups);\n\n        setUserGroupList(uniqueGroups);\n\n        if (uniqueGroups.length === 1) {\n          setDeviceGroup({ ...deviceGroup, id: uniqueGroups[0].id });\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ userDevices ]\n  );\n\n  useEffect(\n    () => {\n      try {\n        // console.log(\"deviceGroup\", deviceGroup);\n        if (deviceGroup.id.length > 0) {\n          // console.log(\"userDevices\", userDevices);\n\n          // Filter valid devices\n          const availableDevices = userDevices.filter(\n            (device) => device.azureSphere.deviceGroup !== null\n          );\n\n          const devicesInGroup = availableDevices.filter(\n            (dev) => dev.azureSphere.deviceGroup.id === deviceGroup.id\n          );\n          // console.log(\"devicesInGroup\", devicesInGroup);\n\n          setUserDevicesInGroup(devicesInGroup);\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ deviceGroup.id, userDevices ]\n  );\n\n  useEffect(\n    () => {\n      if (deviceId !== \"\") {\n        handleSelect(deviceId);\n\n        try {\n          // If device is selected from other pages, group will be selected automatically\n          userDevices.map(\n            (device) =>\n              device.id === deviceId\n                ? setDeviceGroup(device.azureSphere.deviceGroup)\n                : null\n          );\n        } catch (error) {}\n      }\n    },\n    [ deviceId, handleSelect ]\n  );\n\n  return (\n    <div className={classes.root}>\n      <Grid container spacing={3}>\n        <Grid item sm={4} xs={12}>\n          <TextField\n            // InputLabelProps={{ shrink: true }}\n            InputProps={{\n              readOnly: true\n            }}\n            className={classes.select}\n            fullWidth\n            value={values.productName || \"\"}\n            // onChange={handleChange(\"deviceId\")}\n            variant=\"outlined\"\n            helperText=\"Product(Company)\"\n            size=\"small\"\n          />\n        </Grid>\n        <Grid item sm={4} xs={12}>\n          {userGroupList.length === 0 ? (\n            <div className={classes.progressWrapper}>\n              <CircularProgress />\n            </div>\n          ) : (\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              select\n              className={classes.select}\n              fullWidth\n              defaultValue={\"\"}\n              value={\n                userGroupList.length === 1 ? userGroupList[0].id : deviceGroup.id || \"\"\n              }\n              // onChange={handleChange(\"groupId\")}\n              onChange={(e) => setDeviceGroup({ ...deviceGroup, id: e.target.value })}\n              variant=\"outlined\"\n              helperText=\"Device Group (Site)\"\n              size=\"small\"\n              disabled={userGroupList.length > 0 ? false : true}\n            >\n              {userGroupList.map((group, index) => (\n                <MenuItem key={index} value={group.id}>\n                  {group.name}\n                </MenuItem>\n              ))}\n            </TextField>\n          )}\n        </Grid>\n        <Grid item sm={4} xs={12}>\n          {userDevicesInGroup.length === 0 ? (\n            <div className={classes.chip}>\n              <Chip size=\"small\" label=\"Select a Device Group\" />\n            </div>\n          ) : (\n            <TextField\n              InputLabelProps={{ shrink: true }}\n              select\n              className={classes.select}\n              fullWidth\n              value={deviceId}\n              onChange={(e) => setDeviceId(e.target.value)}\n              variant=\"outlined\"\n              helperText=\"Select a device\"\n              size=\"small\"\n              disabled={deviceGroup.id.length > 0 ? false : true}\n            >\n              {userDevicesInGroup.map((userDevice, index) => (\n                <MenuItem key={index} value={userDevice.id}>\n                  {userDevice.displayName}\n                </MenuItem>\n              ))}\n            </TextField>\n          )}\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n\nexport default SelectUserDevice;\n","import React, { useCallback } from \"react\";\nimport { useRecoilValue, useRecoilState } from \"recoil\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport { Button } from \"@material-ui/core\";\nimport SearchIcon from \"@material-ui/icons/Search\";\nimport { sendC2dMessage } from \"common/apiConfig\";\nimport { deviceIdState, snackbarState, deviceIndexState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  divider: {\n    margin: theme.spacing(1)\n  }\n}));\n\nconst SearchDevice = (props) => {\n  const { buttonDisable } = props;\n  const classes = useStyles();\n\n  const deviceId = useRecoilValue(deviceIdState);\n  const deviceIndex = useRecoilValue(deviceIndexState);\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  const handleSearch = useCallback(\n    async () => {\n      console.log(\"handleSearch\");\n\n      if (await sendC2dMessage(deviceId, `${deviceIndex},0,`)) {\n        console.log(\"Send search command\");\n        setSnackbar({\n          ...snackbar,\n          open: true,\n          message: \"Sent search request.\\nWaiting for a response from device...\",\n          autoHideDuration: 5000,\n          severity: \"success\"\n        });\n      }\n    },\n    [ deviceId, deviceIndex ]\n  );\n\n  return (\n    <div className={classes.root}>\n      {buttonDisable ? null : (\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={handleSearch}\n          className={classes.searchButton}\n          startIcon={<SearchIcon />}\n          disabled={buttonDisable}\n        >\n          <b>Search Device</b>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nexport default SearchDevice;\n","import React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { TextField, MenuItem, Grid, Typography, Paper, Button } from \"@material-ui/core\";\nimport { sendC2dMessage } from \"common/apiConfig\";\n\nimport { useSetRecoilState, useRecoilValue } from \"recoil\";\nimport { snackbarState, deviceIndexState, deviceIdState } from \"common/store\";\n\nconst serialConfigName = [\n  \"Baud rate\",\n  \"Data bit\",\n  \"Parity bit\",\n  \"Stop bit\",\n  \"Flow control\"\n];\nconst serialConfigValues = [\n  [\n    300,\n    600,\n    1200,\n    1800,\n    2400,\n    4800,\n    9600,\n    14400,\n    19200,\n    28800,\n    38400,\n    57600,\n    115200,\n    230400,\n    460800\n  ],\n  [ \"7 Bit\", \"8 Bit\" ],\n  [ \"NONE\", \"ODD\", \"EVEN\" ],\n  [ \"1 Bit\", \"2 Bit\" ],\n  [ \"NONE\", \"XON/XOFF\", \"RTS/CTS\", \"RTS on TX\", \"RTS on TX (invert)\" ]\n];\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1),\n    width: \"100%\"\n  },\n  paper: {\n    padding: theme.spacing(2)\n    // height: theme.spacing(15)\n  },\n  select: {\n    minWidth: 110\n  },\n  subject: {\n    marginBottom: 30\n  }\n}));\n\nconst SerialConfig = (props) => {\n  const { macaddr, getData, setData } = props;\n  const classes = useStyles();\n\n  const setSnackbar = useSetRecoilState(snackbarState);\n  const deviceIndex = useRecoilValue(deviceIndexState);\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ serialValues, setSerialValues ] = useState([ \"\", \"\", \"\", \"\", \"\" ]);\n\n  useEffect(\n    () => {\n      if (setData !== undefined) {\n        const params = setData.split(\",\");\n        console.log(\"serial params\", params);\n        const data = params.splice(3);\n        console.log(\"serial data\", data);\n\n        // [12,1,0,0,0]\n        setSerialValues(data);\n      }\n    },\n    [ setData ]\n  );\n\n  useEffect(\n    () => {\n      if (getData !== undefined) {\n        const params = getData.split(\",\");\n        console.log(\"serial params\", params);\n        const data = params.splice(3);\n        console.log(\"serial data\", data);\n\n        setSerialValues(data);\n      }\n    },\n    [ getData ]\n  );\n\n  const handleValueChange = (index) => (event) => {\n    let newValues = serialValues.slice();\n    newValues[index] = event.target.value;\n    setSerialValues(newValues);\n  };\n\n  const handleGet = async () => {\n    const serialGetCmd = [ deviceIndex, \"4\", macaddr ].join(\",\");\n    if (await sendC2dMessage(deviceId, serialGetCmd)) {\n      console.log(\"Send get serial command:\", serialGetCmd);\n      openAlert(`[${macaddr}] Sent 'Get UART' message`);\n    }\n  };\n\n  const handleSet = async () => {\n    // console.log(\"handleSet\", serialValues);\n    const serialSetCmd = [ deviceIndex, \"5\", macaddr, serialValues.join(\",\") ].join(\",\");\n    if (await sendC2dMessage(deviceId, serialSetCmd)) {\n      console.log(\"Send set serial command:\", serialSetCmd);\n      openAlert(`[${macaddr}] Sent 'Set UART' message`);\n    }\n  };\n\n  const openAlert = (message) => {\n    setSnackbar({\n      open: true,\n      message: message,\n      severity: \"success\",\n      autoHideDuration: 3000\n    });\n  };\n\n  return (\n    <div className={classes.root}>\n      <Paper className={classes.paper}>\n        <Typography variant=\"h5\" color=\"primary\" className={classes.subject}>\n          Serial Configuration\n        </Typography>\n        <Grid container spacing={2}>\n          {serialValues.map((serialValue, idx) => (\n            <Grid item sm={2} xs={12} key={idx}>\n              <TextField\n                InputLabelProps={{ shrink: true }}\n                select\n                className={classes.select}\n                fullWidth\n                label={serialConfigName[idx]}\n                value={serialValue}\n                onChange={handleValueChange(idx)}\n                variant=\"outlined\"\n                size=\"small\"\n              >\n                {serialConfigValues[idx].map((item, index) => (\n                  <MenuItem key={index} value={index.toString()}>\n                    {item}\n                  </MenuItem>\n                ))}\n              </TextField>\n            </Grid>\n          ))}\n        </Grid>\n        <Grid container spacing={2}>\n          <Grid item sm={8} xs={12} />\n          <Grid item sm={2} xs={12}>\n            <Button color=\"primary\" variant=\"outlined\" onClick={handleGet} fullWidth>\n              Get\n            </Button>\n          </Grid>\n          <Grid item sm={2} xs={12}>\n            <Button color=\"primary\" variant=\"contained\" onClick={handleSet} fullWidth>\n              Setting\n            </Button>\n          </Grid>\n        </Grid>\n      </Paper>\n    </div>\n  );\n};\n\nexport default SerialConfig;\n","import React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { TextField, Grid, Typography, Paper, Button } from \"@material-ui/core\";\nimport { sendC2dMessage } from \"common/apiConfig\";\n\nimport { useSetRecoilState, useRecoilValue } from \"recoil\";\nimport { snackbarState, deviceIndexState, deviceIdState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1),\n    width: \"100%\"\n  },\n  paper: {\n    padding: theme.spacing(2)\n    // height: theme.spacing(15)\n  },\n  input: {\n    minWidth: 110\n  },\n  subject: {\n    marginBottom: 30\n  }\n}));\n\nconst deviceConfigName = [\n  \"MAC address\",\n  \"F/W version\",\n  \"Product name\",\n  \"Operation status\"\n  // \"UART interface\"\n];\n\nconst DeviceConfig = (props) => {\n  const { macaddr, getData, searchData } = props;\n  const classes = useStyles();\n\n  const setSnackbar = useSetRecoilState(snackbarState);\n  const deviceIndex = useRecoilValue(deviceIndexState);\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ deviceValues, setDeviceValues ] = useState([ \"\", \"\", \"\", \"\", \"\" ]);\n  // const [ result, setResult ] = useState(\"\");\n\n  const handleGet = async () => {\n    const devInfoGetCmd = [ deviceIndex, \"1\", macaddr ].join(\",\");\n    if (await sendC2dMessage(deviceId, devInfoGetCmd)) {\n      console.log(\"Send get device info command:\", devInfoGetCmd);\n      setSnackbar({\n        open: true,\n        message: `[${macaddr}] Sent Get Device Info OK`,\n        severity: \"success\",\n        autoHideDuration: 3000\n      });\n    }\n  };\n\n  useEffect(\n    () => {\n      if (getData !== undefined) {\n        const params = getData.split(\",\");\n        // console.log(\"device info params\", params);\n\n        // Get data part\n        const data = params.splice(3);\n        // console.log(\"device info data\", data);\n\n        setDeviceValues(data);\n      }\n    },\n    [ getData ]\n  );\n\n  useEffect(\n    () => {\n      if (searchData !== undefined) {\n        // \"00:08:DC:53:AE:8F,00:08:DC:53:AE:8F,1.3.3,WIZ750SR,OPEN,1,1,192.168.50.227,255.255.255.0,192.168.50.1\"\n        // index 1~4: 00:08:DC:53:AE:8F,1.3.3,WIZ750SR,OPEN\n        const params = searchData.split(\",\");\n        const deviceConfigParams = params.slice(1, 5);\n        console.log(\"deviceConfigParams\", deviceConfigParams);\n\n        setDeviceValues(deviceConfigParams);\n      }\n    },\n    [ searchData ]\n  );\n\n  return (\n    <div className={classes.root}>\n      <Paper className={classes.paper}>\n        <Grid container spacing={2}>\n          <Grid item sm={10} xs={12}>\n            <Typography variant=\"h5\" color=\"primary\" className={classes.subject}>\n              Device Info\n            </Typography>\n          </Grid>\n          {/* <Grid item sm={2} xs={12}>\n            {result}\n          </Grid> */}\n        </Grid>\n        <Grid container spacing={2}>\n          {deviceConfigName.map((name, index) => (\n            <Grid item sm={2} xs={12} key={index}>\n              <TextField\n                InputProps={{\n                  readOnly: true\n                }}\n                variant=\"filled\"\n                InputLabelProps={{ shrink: true }}\n                className={classes.input}\n                fullWidth\n                label={name}\n                value={deviceValues[index]}\n                size=\"small\"\n              />\n            </Grid>\n          ))}\n          <Grid item sm={2} xs={12}>\n            <Button color=\"primary\" variant=\"outlined\" onClick={handleGet} fullWidth>\n              Get\n            </Button>\n          </Grid>\n        </Grid>\n      </Paper>\n    </div>\n  );\n};\n\nexport default DeviceConfig;\n","import React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { TextField, Grid, Typography, Paper, Button } from \"@material-ui/core\";\nimport Radio from \"@material-ui/core/Radio\";\nimport RadioGroup from \"@material-ui/core/RadioGroup\";\nimport FormControlLabel from \"@material-ui/core/FormControlLabel\";\nimport FormControl from \"@material-ui/core/FormControl\";\nimport { sendC2dMessage } from \"common/apiConfig\";\n\nimport { useSetRecoilState, useRecoilValue } from \"recoil\";\nimport { snackbarState, deviceIndexState, deviceIdState } from \"common/store\";\n\nconst operationMode = [ \"TCP Client\", \"TCP Server\", \"TCP Mixed\", \"UDP\" ];\nconst allocationMode = [ \"Static IP\", \"DHCP\" ];\nconst netConfig = [ \"Local IP\", \"Subnet mask\", \"Gateway\", \"DNS server\" ];\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1),\n    width: \"100%\"\n  },\n  paper: {\n    padding: theme.spacing(2)\n    // height: theme.spacing(40)\n  },\n  input: {\n    minWidth: 110\n  },\n  lineSpace: {\n    marginBottom: 10\n  },\n  subject: {\n    marginBottom: 20\n  },\n  radio: {\n    minWidth: 130\n  }\n}));\n\nconst NetworkConfig = (props) => {\n  const { macaddr, getData, setData } = props;\n  const classes = useStyles();\n\n  const deviceIndex = useRecoilValue(deviceIndexState);\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const setSnackbar = useSetRecoilState(snackbarState);\n  const [ networkValues, setNetworkValues ] = useState([\n    \"\",\n    \"\",\n    \"\",\n    \"\",\n    \"\",\n    \"\",\n    \"\",\n    \"\",\n    \"\"\n  ]);\n\n  useEffect(\n    () => {\n      if (setData !== undefined) {\n        const params = setData.split(\",\");\n        console.log(\"network set params\", params);\n        const data = params.splice(3);\n        // console.log(\"network set data\", data);\n\n        // 1,0,192.168.11.2,255.255.255.0,192.168.11.1,8.8.8.8,5000,192.168.11.3,5000\n        setNetworkValues(data);\n      }\n    },\n    [ setData ]\n  );\n\n  useEffect(\n    () => {\n      if (getData !== undefined) {\n        const params = getData.split(\",\");\n        console.log(\"network get params\", params);\n        const data = params.splice(3);\n        // console.log(\"network get data\", data);\n\n        setNetworkValues(data);\n      }\n    },\n    [ getData ]\n  );\n\n  const handleValueChange = (index) => (event) => {\n    let newValues = networkValues.slice();\n    newValues[index] = event.target.value;\n    setNetworkValues(newValues);\n  };\n\n  const handleGet = async () => {\n    const networkGetCmd = [ deviceIndex, \"2\", macaddr ].join(\",\");\n    // const networkGetCmd = `${deviceIndex},2,${macaddr}`;\n    if (await sendC2dMessage(deviceId, networkGetCmd)) {\n      console.log(\"Send get network command:\", networkGetCmd);\n      openAlert(`[${macaddr}] Sent 'Get Network' message`);\n    }\n  };\n\n  const handleSet = async () => {\n    try {\n      const params = [ deviceIndex, \"3\", macaddr, networkValues.join(\",\") ];\n      console.log(\"handleSet\", networkValues);\n      const netSetCmd = params.join(\",\");\n      console.log(\"netSetCmd:\", netSetCmd);\n      if (await sendC2dMessage(deviceId, netSetCmd)) {\n        console.log(\"Sent set network command:\", netSetCmd);\n        openAlert(`[${macaddr}] Sent 'Set Network' message`);\n      }\n    } catch (error) {\n      console.log(\"handleSet error\", error);\n    }\n  };\n\n  const openAlert = (message) => {\n    setSnackbar({\n      open: true,\n      message: message,\n      severity: \"success\",\n      autoHideDuration: 3000\n    });\n  };\n\n  return (\n    <div className={classes.root}>\n      <Paper className={classes.paper}>\n        <Typography variant=\"h5\" color=\"primary\" className={classes.subject}>\n          Network Configuration\n        </Typography>\n\n        <Grid container spacing={2}>\n          <Grid item sm={9} xs={12}>\n            <FormControl component=\"fieldset\">\n              <RadioGroup\n                aria-label=\"dhcp\"\n                name=\"dhcp\"\n                value={networkValues[1]}\n                onChange={handleValueChange(1)}\n                row\n                className={classes.lineSpace}\n              >\n                {allocationMode.map((mode, index) => (\n                  <FormControlLabel\n                    key={index}\n                    value={index.toString()}\n                    control={<Radio />}\n                    label={mode}\n                    labelPlacement=\"end\"\n                    className={classes.radio}\n                  />\n                ))}\n              </RadioGroup>\n            </FormControl>\n          </Grid>\n        </Grid>\n        <Grid container spacing={2}>\n          {netConfig.map((configName, index) => (\n            <Grid key={index} item sm={2} xs={12} className={classes.lineSpace}>\n              <TextField\n                className={classes.input}\n                fullWidth\n                label={configName}\n                value={networkValues[2 + index]}\n                onChange={handleValueChange(2 + index)}\n                variant=\"outlined\"\n                size=\"small\"\n                disabled={networkValues[1] === \"1\" ? true : false}\n              />\n            </Grid>\n          ))}\n        </Grid>\n\n        <Grid container spacing={2}>\n          <Grid item sm={8} xs={12}>\n            <FormControl component=\"fieldset\">\n              <RadioGroup\n                aria-label=\"sock\"\n                name=\"sock\"\n                value={networkValues[0]}\n                onChange={handleValueChange(0)}\n                row\n                className={classes.lineSpace}\n              >\n                {operationMode.map((mode, index) => (\n                  <FormControlLabel\n                    key={index}\n                    value={index.toString()}\n                    control={<Radio />}\n                    label={mode}\n                    labelPlacement=\"end\"\n                    className={classes.radio}\n                  />\n                ))}\n              </RadioGroup>\n            </FormControl>\n          </Grid>\n          <Grid item sm={2} xs={12}>\n            <TextField\n              className={classes.input}\n              fullWidth\n              label=\"Local port\"\n              value={networkValues[6]}\n              onChange={handleValueChange(6)}\n              variant=\"outlined\"\n              size=\"small\"\n            />\n          </Grid>\n        </Grid>\n\n        <Grid container spacing={2}>\n          <Grid item sm={2} xs={12}>\n            <TextField\n              className={classes.input}\n              fullWidth\n              label=\"Remote IP\"\n              value={networkValues[7]}\n              onChange={handleValueChange(7)}\n              variant=\"outlined\"\n              size=\"small\"\n            />\n          </Grid>\n          <Grid item sm={2} xs={12}>\n            <TextField\n              className={classes.input}\n              fullWidth\n              label=\"Remote port\"\n              value={networkValues[8]}\n              onChange={handleValueChange(8)}\n              variant=\"outlined\"\n              size=\"small\"\n            />\n          </Grid>\n          <Grid item sm={4} xs={12} />\n          <Grid item sm={2} xs={12}>\n            <Button\n              color=\"primary\"\n              variant=\"outlined\"\n              onClick={handleGet}\n              // startIcon={<SearchIcon />}\n              fullWidth\n            >\n              Get\n            </Button>\n          </Grid>\n          <Grid item sm={2} xs={12}>\n            <Button\n              color=\"primary\"\n              variant=\"contained\"\n              onClick={handleSet}\n              // startIcon={<SearchIcon />}\n              fullWidth\n            >\n              Setting\n            </Button>\n          </Grid>\n        </Grid>\n      </Paper>\n    </div>\n  );\n};\n\nexport default NetworkConfig;\n","import React, { useState, useEffect } from \"react\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { TextField, Grid, Typography, Paper, Button } from \"@material-ui/core\";\nimport { sendC2dMessage } from \"common/apiConfig\";\n\nimport { useSetRecoilState, useRecoilValue } from \"recoil\";\nimport { snackbarState, deviceIndexState, deviceIdState } from \"common/store\";\n\nconst serialPackingConfigName = [\n  \"Time delimiter(ms)\",\n  \"Size delimiter\",\n  \"Char delimiter\"\n];\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(1),\n    width: \"100%\"\n  },\n  paper: {\n    padding: theme.spacing(2)\n  },\n  select: {\n    minWidth: 110\n  },\n  subject: {\n    marginBottom: 30\n  }\n}));\n\nconst SerialPackingConfig = (props) => {\n  const { macaddr, getData, setData } = props;\n  const classes = useStyles();\n\n  const setSnackbar = useSetRecoilState(snackbarState);\n  const deviceIndex = useRecoilValue(deviceIndexState);\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ serialPackingValues, setSerialPackingValues ] = useState([ \"\", \"\", \"\" ]);\n\n  useEffect(\n    () => {\n      if (setData !== undefined) {\n        const params = setData.split(\",\");\n        console.log(\"serial params\", params);\n        const data = params.splice(3);\n        console.log(\"serial data\", data);\n\n        setSerialPackingValues(data);\n      }\n    },\n    [ setData ]\n  );\n\n  useEffect(\n    () => {\n      if (getData !== undefined) {\n        const params = getData.split(\",\");\n        console.log(\"serial params\", params);\n        const data = params.splice(3);\n        console.log(\"serial data\", data);\n\n        setSerialPackingValues(data);\n      }\n    },\n    [ getData ]\n  );\n\n  const handleValueChange = (index) => (event) => {\n    let newValues = serialPackingValues.slice();\n    newValues[index] = event.target.value;\n    setSerialPackingValues(newValues);\n  };\n\n  const handleGet = async () => {\n    const serialPackingGetCmd = [ deviceIndex, \"6\", macaddr ].join(\",\");\n    if (await sendC2dMessage(deviceId, serialPackingGetCmd)) {\n      console.log(\"Send get serialPacking command:\", serialPackingGetCmd);\n      openAlert(`[${macaddr}] Sent 'Get Serial Packing Option' message`);\n    }\n  };\n\n  const handleSet = async () => {\n    // console.log(\"handleSet\", serialPackingValues);\n    const serialPackingSetCmd = [\n      deviceIndex,\n      \"7\",\n      macaddr,\n      serialPackingValues.join(\",\")\n    ].join(\",\");\n\n    if (await sendC2dMessage(deviceId, serialPackingSetCmd)) {\n      console.log(\"Send set serialPacking command:\", serialPackingSetCmd);\n      openAlert(`[${macaddr}] Sent 'Set Serial Packing Option' message`);\n    }\n  };\n\n  const openAlert = (message) => {\n    setSnackbar({\n      open: true,\n      message: message,\n      severity: \"success\",\n      autoHideDuration: 3000\n    });\n  };\n\n  return (\n    <div className={classes.root}>\n      <Paper className={classes.paper}>\n        <Typography variant=\"h5\" color=\"primary\" className={classes.subject}>\n          Serial Data Packing Options\n        </Typography>\n        <Grid container spacing={2}>\n          {serialPackingValues.map((option, idx) => (\n            <Grid item sm={2} xs={12} key={idx}>\n              <TextField\n                InputLabelProps={{ shrink: true }}\n                className={classes.select}\n                fullWidth\n                label={serialPackingConfigName[idx]}\n                value={option}\n                onChange={handleValueChange(idx)}\n                variant=\"outlined\"\n                size=\"small\"\n              />\n            </Grid>\n          ))}\n          <Grid item sm={2} xs={12} />\n          <Grid item sm={2} xs={12}>\n            <Button color=\"primary\" variant=\"outlined\" onClick={handleGet} fullWidth>\n              Get\n            </Button>\n          </Grid>\n          <Grid item sm={2} xs={12}>\n            <Button color=\"primary\" variant=\"contained\" onClick={handleSet} fullWidth>\n              Setting\n            </Button>\n          </Grid>\n        </Grid>\n      </Paper>\n    </div>\n  );\n};\n\nexport default SerialPackingConfig;\n","import React from \"react\";\nimport { useRecoilValue } from \"recoil\";\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle\n} from \"@material-ui/core\";\nimport SerialConfig from \"./configuration/SerialConfig\";\nimport DeviceConfig from \"./configuration/DeviceConfig\";\nimport NetworkConfig from \"./configuration/NetworkConfig\";\nimport SerialPackingConfig from \"./configuration/SerialPackingConfig\";\n// import WatonConfig from \"./configuration/WatonConfig\";\n\nimport { deviceIndexState } from \"common/store\";\n\nconst NodeConfigDialog = (props) => {\n  const { open, handleClose, macaddr, devName, devData } = props;\n\n  const devIdx = useRecoilValue(deviceIndexState);\n\n  return (\n    <div>\n      <Dialog open={open} onClose={handleClose} fullWidth maxWidth=\"md\">\n        <DialogTitle>{\"Configuration\"}</DialogTitle>\n        {devData === undefined ? null : (\n          <DialogContent>\n            <DeviceConfig\n              macaddr={macaddr}\n              getData={devData[`${devIdx},1`]}\n              searchData={devData[`${devIdx},0`]}\n            />\n            <NetworkConfig\n              macaddr={macaddr}\n              getData={devData[`${devIdx},2`]}\n              setData={devData[`${devIdx},3`]}\n            />\n            <SerialConfig\n              macaddr={macaddr}\n              getData={devData[`${devIdx},4`]}\n              setData={devData[`${devIdx},5`]}\n            />\n            <SerialPackingConfig\n              macaddr={macaddr}\n              getData={devData[`${devIdx},6`]}\n              setData={devData[`${devIdx},7`]}\n            />\n            {/* Waton cutomized F/W configuration */}\n            {/* {devName.includes(\"WATON\") ? (\n              <WatonConfig\n                macaddr={macaddr}\n                getData={devData[`${devIdx},6`]}\n                setData={devData[`${devIdx},7`]}\n              />\n            ) : null} */}\n          </DialogContent>\n        )}\n        <DialogActions>\n          <Button onClick={handleClose} color=\"primary\">\n            <b>OK</b>\n          </Button>\n          <Button onClick={handleClose} color=\"primary\" autoFocus>\n            <b>CANCEL</b>\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default NodeConfigDialog;\n","export default __webpack_public_path__ + \"static/media/wiz750sr.856bb9ea.png\";","export default __webpack_public_path__ + \"static/media/wiz750sr110.4dd19014.png\";","import React, { useState } from \"react\";\nimport { useRecoilValue } from \"recoil\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Card from \"@material-ui/core/Card\";\nimport CardContent from \"@material-ui/core/CardContent\";\nimport Typography from \"@material-ui/core/Typography\";\nimport { CardActionArea, CardMedia } from \"@material-ui/core\";\n\nimport NodeConfigDialog from \"./NodeConfigDialog\";\nimport Wiz750srImg from \"image/wiz750sr.png\";\nimport Wiz750sr110Img from \"image/wiz750sr110.png\";\nimport { s2eConfigState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    minWidth: 240,\n    width: 280,\n    padding: theme.spacing(1)\n  },\n  card: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    width: \"100%\"\n  },\n  media: {\n    height: 170\n  }\n}));\n\nconst NodeCard = (props) => {\n  const { nodeInfo } = props;\n  const classes = useStyles();\n\n  const s2eConfig = useRecoilValue(s2eConfigState);\n\n  // console.log(\"s2eConfig\", s2eConfig);\n\n  const [ open, setOpen ] = useState(false);\n\n  const handleClickOpen = () => {\n    // console.log(\"clicked\");\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  // if (Object.keys(s2eConfig).length === 0) {\n  //   return <div>No data</div>;\n  // }\n\n  return (\n    <div className={classes.root}>\n      <Card className={classes.card}>\n        <CardActionArea onClick={handleClickOpen}>\n          {nodeInfo.name === \"WIZ750SR\" ? (\n            <CardMedia className={classes.media} image={Wiz750srImg} title=\"WIZ750SR\" />\n          ) : (\n            <CardMedia\n              className={classes.media}\n              image={Wiz750sr110Img}\n              title=\"WIZ750SR-1xx\"\n            />\n          )}\n          <CardContent>\n            <Typography variant=\"h5\" component=\"h2\">\n              {nodeInfo.name}\n            </Typography>\n            <Typography color=\"textSecondary\">\n              MAC: {nodeInfo.mac} {\"   / FW: \"} {nodeInfo.ver}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n      </Card>\n      <NodeConfigDialog\n        open={open}\n        macaddr={nodeInfo.mac}\n        devName={nodeInfo.name}\n        devData={s2eConfig[nodeInfo.mac]}\n        handleClose={handleClose}\n      />\n    </div>\n  );\n};\n\nexport default NodeCard;\n","import React, { useState, useEffect, useContext, useCallback } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport { Grid } from \"@material-ui/core\";\n\nimport { SignalContext } from \"contexts/signalContext\";\nimport NodeCard from \"./NodeCard\";\nimport {\n  deviceIdState,\n  s2eConfigState,\n  searchDataState,\n  snackbarState,\n  deviceIndexState,\n  userDeviceListState\n} from \"common/store\";\nimport { queryDeviceUpdate } from \"common/apiConfig\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  divider: {\n    margin: theme.spacing(1)\n  }\n}));\n\nconst BrownfieldDevice = () => {\n  const classes = useStyles();\n  const signalState = useContext(SignalContext);\n\n  const [ configData, setConfigData ] = useRecoilState(s2eConfigState);\n  const [ searchData, setSearchdata ] = useRecoilState(searchDataState);\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  const deviceId = useRecoilValue(deviceIdState);\n  const deviceIndex = useRecoilValue(deviceIndexState);\n  const userDevices = useRecoilValue(userDeviceListState);\n\n  const [ nodes, setNodes ] = useState([]);\n\n  useEffect(\n    () => {\n      try {\n        const selectedDevice = userDevices.filter((device) => device.id === deviceId)[0];\n\n        if (selectedDevice !== undefined) {\n          if (selectedDevice.hasOwnProperty(\"properties\")) {\n            if (selectedDevice.properties.hasOwnProperty(\"reported\")) {\n              if (selectedDevice.properties.reported.hasOwnProperty(\"NodeDevices\")) {\n                // Node device list\n                let newNodes = selectedDevice.properties.reported.NodeDevices;\n                // console.log(\"=> Load Nodes:\", newNodes);\n                setNodes(newNodes);\n\n                // update info to configData\n                let newConfigData = { ...configData };\n\n                newNodes.map(\n                  (node) =>\n                    newConfigData[node.mac] !== undefined\n                      ? (newConfigData[node.mac] = {\n                          ...newConfigData[node.mac],\n                          info: node\n                        })\n                      : (newConfigData[node.mac] = { info: node })\n                );\n\n                // console.log(\"@newConfigData: \", newConfigData);\n                setConfigData(newConfigData);\n              } else {\n                setNodes([]);\n              }\n            } else {\n              setNodes([]);\n            }\n          } else {\n            setNodes([]);\n          }\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ deviceId ]\n  );\n\n  const parseSearchMessage = useCallback(\n    () => {\n      /* Search */\n      if (searchData.length > 0) {\n        if (process.env.NODE_ENV === \"development\") {\n          console.log(\"searchDataState =>\", searchData);\n        }\n        // remove index\n        const payload = searchData.replace(`${deviceIndex},0,`, \"\");\n        const messages = payload.split(\";\");\n\n        const newConfigData = { ...configData };\n\n        setSnackbar({\n          ...snackbar,\n          open: true,\n          message: `${messages.length} device(s) searched`,\n          severity: \"info\"\n          // horizontal: \"center\"\n        });\n\n        for (var i = 0; i < messages.length; i++) {\n          const message = messages[i];\n          // console.log(\"search message =>\", message);\n\n          // update configData\n          const macaddr = message.split(\",\")[0];\n          if (newConfigData[macaddr] !== undefined) {\n            newConfigData[macaddr] = {\n              ...newConfigData[macaddr],\n              [`${deviceIndex},0`]: message\n            };\n          } else {\n            newConfigData[macaddr] = {\n              [`${deviceIndex},0`]: message\n            };\n          }\n        }\n        setConfigData(newConfigData);\n        // console.log(\"newConfigData for search =>\", JSON.stringify(newConfigData, null, 2));\n\n        // Update node device info in device document\n        updateNodeDeviceInfo(messages);\n      }\n    },\n    [ searchData ]\n  );\n\n  const updateNodeDeviceInfo = async (messages) => {\n    console.log(\"update Nodes:\", messages);\n    // [\"00:08:DC:55:CC:78,00:08:DC:55:CC:78,1.2.8,WIZ750SR…x,OPEN,0,1,192.168.0.61,255.255.255.0,192.168.0.1\",]\n\n    const nodeDevicesInfo = messages.map((message) => ({\n      mac: message.split(\",\")[0],\n      name: message.split(\",\")[3],\n      ver: message.split(\",\")[2]\n    }));\n\n    // console.log(\"nodeDevicesInfo\", nodeDevicesInfo);\n\n    setNodes(nodeDevicesInfo);\n\n    const data = {\n      nodeDevices: nodeDevicesInfo\n    };\n    try {\n      const resp = await queryDeviceUpdate(deviceId, data);\n      if (resp.includes(\"OK\")) {\n        console.log(\"Device update:\", resp);\n      }\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const parseMessage = (message) => {\n    const messageDevIndex = message.split(\",\")[0];\n    const cmdIndex = message.split(\",\")[1];\n\n    if (messageDevIndex === deviceIndex) {\n      if (cmdIndex === \"0\") {\n        setSearchdata(message);\n      } else if (cmdIndex === \"254\") {\n        // node data\n        // console.log(\"\");\n      } else {\n        // Get index and node's mac address\n        const index = message.slice(0, 4); // xx,x\n        const macaddr = message.split(\",\")[2];\n\n        const newConfigData = {\n          ...configData,\n          [macaddr]: {\n            ...configData[macaddr],\n            [index]: message\n          }\n        };\n        console.log(`new message received: [${index}] [${macaddr}] [${message}]`);\n        setConfigData(newConfigData);\n        // console.log(\"newConfigData =>\", JSON.stringify(newConfigData, null, 2));\n\n        messageAlert(index, macaddr);\n      }\n    }\n  };\n\n  const messageAlert = (index, macaddr) => {\n    const cmdIndex = index.split(\",\")[1];\n    let message = \"\";\n    switch (cmdIndex) {\n      case \"1\":\n        message = \"Received [Get Device] message\";\n        break;\n      case \"2\":\n        message = \"Received [Get Network] message\";\n        break;\n      case \"3\":\n        message = \"Received [Set Network] message\";\n        break;\n      case \"4\":\n        message = \"Received [Get UART] message\";\n        break;\n      case \"5\":\n        message = \"Received [Set UART] message\";\n        break;\n      case \"6\":\n        message = \"Received [Get Serial Packing Option] message\";\n        break;\n      case \"7\":\n        message = \"Received [Get Serial Packing Option] message\";\n        break;\n      default:\n        break;\n    }\n\n    setSnackbar({\n      open: true,\n      message: message,\n      severity: \"info\",\n      autoHideDuration: 3000\n    });\n  };\n\n  useEffect(\n    () => {\n      const getSignalData = async () => {\n        try {\n          const signalData = signalState.eventData;\n          if (signalData !== null) {\n            // Check message source: Telemetry / twinChangeEvents\n            if (signalData.messageSource === \"Telemetry\") {\n              const jsonstr = JSON.stringify(signalData);\n              // console.log(\"Received event:\", jsonstr);\n\n              const jsondata = JSON.parse(jsonstr);\n              // console.log(jsondata);\n\n              if (jsondata[\"deviceId\"] === deviceId) {\n                // ! parsing message\n                parseMessage(jsondata[\"message\"]);\n              }\n            }\n          }\n        } catch (err) {\n          console.log(err);\n        }\n      };\n\n      // start subscribe signal\n      getSignalData();\n    },\n    [ signalState.eventData ]\n  );\n\n  useEffect(\n    () => {\n      parseSearchMessage();\n    },\n    [ parseSearchMessage ]\n  );\n\n  return (\n    <div className={classes.root}>\n      <Grid container spacing={3} alignItems=\"center\">\n        {nodes.map((node, index) => (\n          <Grid item key={index}>\n            <NodeCard nodeInfo={node} />\n          </Grid>\n        ))}\n      </Grid>\n    </div>\n  );\n};\n\nexport default BrownfieldDevice;\n","import React, { useState } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport { Typography, Grid, CircularProgress } from \"@material-ui/core\";\n\nimport SelectUserDevice from \"./SelectUserDevice\";\nimport SearchDevice from \"./SearchDevice\";\nimport BrownfieldDevice from \"./BrownfieldDevice\";\n// import SelectDeviceType from \"./SelectDeviceType\";\n\nimport { deviceIdState, userDeviceListState, isDeviceLoadedState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  progressWrapper: {\n    paddingTop: \"48px\",\n    paddingBottom: \"24px\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  }\n}));\n\nconst DeviceDashboard = () => {\n  const classes = useStyles();\n\n  const [ buttonDisable, setButtonDisable ] = useState(true);\n\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n  const userDevices = useRecoilValue(userDeviceListState);\n  const isLoaded = useRecoilValue(isDeviceLoadedState);\n\n  const handleSelect = (value) => {\n    setDeviceId(value);\n    setButtonDisable(false);\n  };\n\n  if (!isLoaded) {\n    return (\n      <div className={classes.progressWrapper}>\n        <CircularProgress />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.root}>\n        {/* <Typography variant=\"h5\" style={{ marginBottom: 20 }}>\n          Linked Nodes Dashboard\n        </Typography> */}\n        <Grid container>\n          <Grid item sm={8} xs={12}>\n            {userDevices.length > 0 ? (\n              <SelectUserDevice\n                handleSelect={handleSelect}\n                userDevices={userDevices}\n                isLoaded={isLoaded}\n              />\n            ) : (\n              <Typography variant=\"h6\" color=\"secondary\">\n                There is no registered device.\n              </Typography>\n            )}\n          </Grid>\n          <Grid item sm={3} xs={12}>\n            {/* <SelectDeviceType /> */}\n            <SearchDevice buttonDisable={buttonDisable} />\n          </Grid>\n          <Grid item xs={12}>\n            {/* <Typography varient=\"caption\">\n              Legacy device sample message: <br />\n            </Typography> */}\n            {deviceId.length > 0 ? <BrownfieldDevice /> : null}\n          </Grid>\n        </Grid>\n      </div>\n    );\n  }\n};\n\nexport default DeviceDashboard;\n","import React from \"react\";\nimport DeviceDashboard from \"./DeviceDashboard\";\nimport { AlertSnackbar } from \"components\";\nimport { useRecoilState } from \"recoil\";\nimport { snackbarState } from \"common/store\";\n\nconst LinkedNodeView = () => {\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n\n  return (\n    <div>\n      <DeviceDashboard />\n\n      <AlertSnackbar\n        message={snackbar.message}\n        handleClose={() => setSnackbar({ ...snackbar, open: false })}\n        open={snackbar.open}\n        autoHideDuration={snackbar.autoHideDuration}\n        severity={snackbar.severity}\n      />\n    </div>\n  );\n};\n\nexport default LinkedNodeView;\n","import React, { useState } from \"react\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TableContainer,\n  Typography,\n  TablePagination,\n  Paper,\n  Collapse,\n  Box\n} from \"@material-ui/core\";\n\nconst columns = [\n  { id: \"deviceId\", label: \"Device Id\", style: { minWidth: 130, maxWidth: 130 } },\n  { id: \"message\", label: \"Message\", style: { minWidth: 500, maxWidth: 800 } },\n  {\n    id: \"EnqueuedTimeUtc\",\n    label: \"Enqueued Time(UTC)\",\n    style: { minWidth: 160, maxWidth: 200 }\n  }\n];\n\nconst NodeLogTable = (props) => {\n  const { eventList } = props;\n\n  const classes = useStyles();\n\n  const [ rowsPerPage, setRowsPerPage ] = useState(20);\n  const [ page, setPage ] = useState(0);\n\n  const handlePageChange = (event, page) => {\n    setPage(page);\n  };\n\n  const handleRowsPerPageChange = (event) => {\n    setRowsPerPage(event.target.value);\n  };\n\n  return (\n    <div className={classes.root}>\n      <Paper>\n        <TableContainer className={classes.container}>\n          <Table className={classes.table} size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>\n                  <Typography variant=\"h6\" align=\"center\">\n                    No.\n                  </Typography>\n                </TableCell>\n                {columns.map((column, index) => (\n                  <TableCell\n                    key={index}\n                    align={column.align}\n                    style={{ minWidth: column.minWidth, maxWidth: column.maxWidth }}\n                  >\n                    <Typography variant=\"h6\" noWrap>\n                      {column.label}\n                    </Typography>\n                  </TableCell>\n                ))}\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {eventList\n                .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n                .map((eventData, index) => {\n                  return (\n                    <NodeLogRow\n                      classes={classes}\n                      key={index}\n                      eventData={eventData}\n                      index={index}\n                    />\n                  );\n                })}\n            </TableBody>\n          </Table>\n        </TableContainer>\n        <TablePagination\n          rowsPerPageOptions={[ 20, 50, 100 ]}\n          component=\"div\"\n          count={eventList.length}\n          rowsPerPage={rowsPerPage}\n          page={page}\n          onChangePage={handlePageChange}\n          onChangeRowsPerPage={handleRowsPerPageChange}\n        />\n      </Paper>\n    </div>\n  );\n};\n\nconst NodeLogRow = (props) => {\n  const { eventData, index, classes } = props;\n\n  const [ collapseOpen, setCollapseOpen ] = useState(false);\n\n  return (\n    <React.Fragment>\n      <TableRow\n        hover\n        role=\"checkbox\"\n        tabIndex={-1}\n        key={eventData.deviceId}\n        onClick={\n          collapseOpen ? () => setCollapseOpen(false) : () => setCollapseOpen(true)\n        }\n      >\n        <TableCell>\n          <Typography variant=\"body1\" align=\"center\">\n            {index + 1}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[0].style}>\n          <Typography variant=\"body1\" noWrap>\n            {eventData.deviceId}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[1].style}>\n          <Typography variant=\"body1\" noWrap>\n            {typeof eventData.message === \"string\" ? (\n              eventData.message\n            ) : (\n              JSON.stringify(eventData.message)\n            )}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[2].style}>\n          <Typography variant=\"body1\" noWrap>\n            {/* {eventData.EnqueuedTimeUtc} */}\n            {new Date(eventData.EnqueuedTimeUtc).toLocaleString(\"en\", {\n              timeZone: \"Asia/Seoul\"\n            })}\n          </Typography>\n        </TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell className={classes.collapseCell}>{}</TableCell>\n        <TableCell className={classes.collapseCell} colSpan={3} style={{ maxWidth: 750 }}>\n          <Collapse in={collapseOpen} unmountOnExit>\n            <Box margin={1}>\n              <Typography\n                variant=\"body2\"\n                style={{ display: \"inline\", wordWrap: \"break-word\" }}\n              >\n                {typeof eventData.message === \"string\" ? (\n                  eventData.message\n                ) : (\n                  JSON.stringify(eventData.message)\n                )}\n              </Typography>\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </React.Fragment>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \"100%\",\n    padding: theme.spacing(2)\n  },\n  container: {\n    maxHeight: 800,\n    width: \"100%\"\n    // maxWidth: 1400\n  },\n  table: {\n    overflowX: \"auto\"\n  },\n  collapseCell: {\n    paddingBottom: 0,\n    paddingTop: 0\n  }\n}));\n\nexport default NodeLogTable;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useRecoilValue } from \"recoil\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport { CircularProgress, Typography, Button, Grid } from \"@material-ui/core\";\nimport SearchIcon from \"@material-ui/icons/Search\";\n\nimport {\n  // queryEventsContinue,\n  queryEvents\n} from \"common/apiConfig\";\nimport {\n  // continuationTokenState,\n  userDeviceListState,\n  isDeviceLoadedState\n} from \"common/store\";\n\n// import { EventsTable } from \"./components\";\nimport NodeLogTable from \"./components/NodeLogTable\";\nimport SelectUserDevice from \"views/LinkedNode/SelectUserDevice\";\n\nconst NodeData = () => {\n  const classes = useStyles();\n\n  const [ deviceId, setDeviceId ] = useState(\"\");\n  const [ buttonDisable, setButtonDisable ] = useState(true);\n\n  const userDevices = useRecoilValue(userDeviceListState);\n  const isDeviceLoaded = useRecoilValue(isDeviceLoadedState);\n\n  const [ isEventLoaded, setIsEventLoaded ] = useState(false);\n  const [ eventList, setEventList ] = useState([]);\n\n  // const [ continuationToken, setContinuationToken ] = useRecoilState(\n  //   continuationTokenState\n  // );\n\n  /* Get events */\n  const getEventList = useCallback(\n    async () => {\n      try {\n        // Continuation query\n        // const resp = await queryEventsContinue(deviceId, continuationToken, 20);\n        // console.log(\"@ resp\", resp);\n        // if (resp) {\n        //   // console.debug(\"resp.nextPageToken:\", resp.nextPageToken);\n        //   console.debug(\"events[0]:\", resp.events[0]);\n\n        //   setContinuationToken(resp.nextPageToken);\n\n        //   setIsEventLoaded(true);\n        //   setEventList(resp.events);\n        // }\n\n        // Simple query\n        const eventData = await queryEvents(deviceId, 50);\n        // console.log(\"@ eventData\", eventData);\n        if (eventData) {\n          // console.debug(\"resp.nextPageToken:\", resp.nextPageToken);\n          // console.debug(\"events[0]:\", eventData[0]);\n\n          setIsEventLoaded(true);\n          setEventList(eventData);\n        }\n      } catch (err) {\n        console.log(\"getEventList err\", err);\n      }\n    },\n    [ deviceId ]\n    // [ deviceId, continuationToken, setContinuationToken ]\n  );\n\n  useEffect(\n    () => {\n      // if (deviceId.length > 0 && continuationToken === \"\") {\n      if (deviceId.length > 0) {\n        // initial eventdata\n        getEventList();\n      }\n    },\n    // [ deviceId, getEventList, continuationToken ]\n    [ deviceId, getEventList ]\n  );\n\n  const handleSelect = (value) => {\n    setDeviceId(value);\n    setButtonDisable(false);\n  };\n\n  const handleSearch = async () => {\n    await getEventList();\n  };\n\n  if (!isDeviceLoaded) {\n    return (\n      <div className={classes.progressWrapper}>\n        <CircularProgress />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.root}>\n        {/* <Typography variant=\"h5\" style={{ marginBottom: 20 }}>\n          Node's Log\n        </Typography> */}\n        <Grid container>\n          <Grid item sm={8} xs={12}>\n            {userDevices.length > 0 ? (\n              <SelectUserDevice\n                handleSelect={handleSelect}\n                userDevices={userDevices}\n                isLoaded={isDeviceLoaded}\n              />\n            ) : (\n              <Typography variant=\"h6\" color=\"secondary\">\n                There is no registered device.\n              </Typography>\n            )}\n          </Grid>\n          <Grid item sm={3} xs={12}>\n            {deviceId.length > 0 ? (\n              <Button\n                color=\"primary\"\n                variant=\"contained\"\n                onClick={handleSearch}\n                className={classes.button}\n                startIcon={<SearchIcon />}\n                disabled={buttonDisable}\n              >\n                <b>Search Log</b>\n              </Button>\n            ) : null}\n          </Grid>\n        </Grid>\n\n        {deviceId.length > 0 ? (\n          <div className={classes.content}>\n            {isEventLoaded ? (\n              <div>\n                {eventList.length > 0 ? (\n                  <NodeLogTable eventList={eventList} />\n                ) : (\n                  <Typography variant=\"h6\">No log from selected device</Typography>\n                )}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  content: {\n    padding: theme.spacing(1)\n  },\n  text: {\n    paddingTop: 135,\n    paddingBottom: 70,\n    textAlign: \"center\",\n    color: theme.palette.primary.main\n  },\n  progressWrapper: {\n    paddingTop: \"48px\",\n    paddingBottom: \"24px\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  button: {\n    margin: theme.spacing(3),\n    paddingTop: \"6.9px\",\n    paddingBottom: \"6.9px\",\n    paddingLeft: \"15px\",\n    paddingRight: \"15px\"\n  }\n}));\n\nexport default NodeData;\n","import React, { useState } from \"react\";\nimport { makeStyles } from \"@material-ui/styles\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableRow,\n  TableContainer,\n  Typography,\n  TablePagination,\n  Paper,\n  Collapse,\n  Box\n} from \"@material-ui/core\";\n\nconst columns = [\n  // { id: \"deviceId\", label: \"Device Id\", style: { minWidth: 110, maxWidth: 110 } },\n  { id: \"displayName\", label: \"Device Name\", style: { minWidth: 160, maxWidth: 180 } },\n  { id: \"nodeMac\", label: \"Node's Mac\", style: { minWidth: 100, maxWidth: 150 } },\n  { id: \"message\", label: \"Message\", style: { minWidth: 400, maxWidth: 700 } },\n  {\n    id: \"EnqueuedTimeUtc\",\n    label: \"Enqueued Time\",\n    style: { minWidth: 160, maxWidth: 200 }\n  }\n];\n\nconst NodeDataTable = (props) => {\n  const { eventList } = props;\n\n  const classes = useStyles();\n\n  const [ rowsPerPage, setRowsPerPage ] = useState(20);\n  const [ page, setPage ] = useState(0);\n\n  const handlePageChange = (event, page) => {\n    setPage(page);\n  };\n\n  const handleRowsPerPageChange = (event) => {\n    setRowsPerPage(event.target.value);\n  };\n\n  return (\n    <div className={classes.root}>\n      <Paper>\n        <TableContainer className={classes.container}>\n          <Table className={classes.table} size=\"small\">\n            <TableHead>\n              <TableRow>\n                <TableCell>\n                  <Typography variant=\"h6\" noWrap align=\"center\">\n                    No.\n                  </Typography>\n                </TableCell>\n                {columns.map((column, index) => (\n                  <TableCell\n                    key={index}\n                    align={column.align}\n                    style={{ minWidth: column.minWidth, maxWidth: column.maxWidth }}\n                  >\n                    <Typography variant=\"h6\" noWrap>\n                      {column.label}\n                    </Typography>\n                  </TableCell>\n                ))}\n              </TableRow>\n            </TableHead>\n            <TableBody>\n              {eventList\n                .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)\n                .map((eventData, index) => {\n                  return (\n                    <NodeDataRow\n                      classes={classes}\n                      key={index}\n                      eventData={eventData}\n                      index={index}\n                    />\n                  );\n                })}\n            </TableBody>\n          </Table>\n        </TableContainer>\n        <TablePagination\n          rowsPerPageOptions={[ 20, 50, 100 ]}\n          component=\"div\"\n          count={eventList.length}\n          rowsPerPage={rowsPerPage}\n          page={page}\n          onChangePage={handlePageChange}\n          onChangeRowsPerPage={handleRowsPerPageChange}\n        />\n      </Paper>\n    </div>\n  );\n};\n\nconst NodeDataRow = (props) => {\n  const { eventData, index, classes } = props;\n  const [ collapseOpen, setCollapseOpen ] = useState(false);\n\n  return (\n    <React.Fragment>\n      <TableRow\n        hover\n        role=\"checkbox\"\n        tabIndex={-1}\n        key={index}\n        onClick={\n          collapseOpen ? () => setCollapseOpen(false) : () => setCollapseOpen(true)\n        }\n      >\n        <TableCell>\n          <Typography variant=\"body1\" noWrap align=\"center\">\n            {index + 1}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[0].style}>\n          <Typography variant=\"body1\" noWrap>\n            {eventData.hasOwnProperty(\"displayName\") ? (\n              eventData.displayName\n            ) : (\n              eventData.deviceId\n            )}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[1].style}>\n          <Typography variant=\"body1\" noWrap>\n            {eventData.message.split(\",\")[2]}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[2].style}>\n          <Typography variant=\"body1\" noWrap>\n            {eventData.message.replace(\n              eventData.message.split(\",\", 3).join(\",\") + \",\",\n              \"\"\n            )}\n          </Typography>\n        </TableCell>\n        <TableCell style={columns[3].style}>\n          <Typography variant=\"body1\" noWrap>\n            {/* {eventData.EnqueuedTimeUtc} */}\n            {new Date(eventData.EnqueuedTimeUtc).toLocaleString(\"en\", {\n              timeZone: \"Asia/Seoul\"\n              // timeZoneName: \"short\"\n            })}\n          </Typography>\n        </TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell className={classes.collapseCell}>{}</TableCell>\n        <TableCell className={classes.collapseCell} colSpan={3} style={{ maxWidth: 750 }}>\n          <Collapse in={collapseOpen} unmountOnExit>\n            <Box margin={1}>\n              <Typography\n                variant=\"body2\"\n                style={{ display: \"inline\", wordWrap: \"break-word\" }}\n              >\n                {eventData.message}\n              </Typography>\n            </Box>\n          </Collapse>\n        </TableCell>\n      </TableRow>\n    </React.Fragment>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: \"100%\",\n    padding: theme.spacing(2)\n  },\n  container: {\n    maxHeight: 800,\n    width: \"100%\"\n    // maxWidth: 1400\n  },\n  table: {\n    overflowX: \"auto\"\n  },\n  collapseCell: {\n    paddingBottom: 0,\n    paddingTop: 0\n  }\n}));\n\nexport default NodeDataTable;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\n\nimport { makeStyles } from \"@material-ui/styles\";\nimport { CircularProgress, Typography, Button, Grid } from \"@material-ui/core\";\nimport SearchIcon from \"@material-ui/icons/Search\";\n\nimport { queryEvents } from \"common/apiConfig\";\n\n// import { EventsTable } from \"./components\";\nimport NodeDataTable from \"./components/NodeDataTable\";\nimport SelectUserDevice from \"views/LinkedNode/SelectUserDevice\";\n\nimport { deviceIdState, userDeviceListState, isDeviceLoadedState } from \"common/store\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  content: {\n    padding: theme.spacing(1)\n  },\n  text: {\n    paddingTop: 135,\n    paddingBottom: 70,\n    textAlign: \"center\",\n    color: theme.palette.primary.main\n  },\n  progressWrapper: {\n    paddingTop: \"48px\",\n    paddingBottom: \"24px\",\n    display: \"flex\",\n    justifyContent: \"center\"\n  },\n  button: {\n    margin: theme.spacing(3),\n    paddingTop: \"6.9px\",\n    paddingBottom: \"6.9px\",\n    paddingLeft: \"15px\",\n    paddingRight: \"15px\"\n  }\n}));\n\nconst NodeData = () => {\n  const classes = useStyles();\n\n  // const [ deviceId, setDeviceId ] = useState(\"\");\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n\n  // const [ userDevices, setUserDeivces ] = useState([]);\n  // const [ isDeviceLoaded, setIsDeviceLoaded ] = useState(false);\n  const userDevices = useRecoilValue(userDeviceListState);\n  const isDeviceLoaded = useRecoilValue(isDeviceLoadedState);\n\n  const [ buttonDisable, setButtonDisable ] = useState(true);\n\n  const [ isEventLoaded, setIsEventLoaded ] = useState(false);\n  const [ eventList, setEventList ] = useState([]);\n\n  const handleSelect = (value) => {\n    setDeviceId(value);\n    setButtonDisable(false);\n  };\n\n  const handleSearch = async () => {\n    await getEventList();\n  };\n\n  /* data table */\n  const getEventList = useCallback(\n    async () => {\n      try {\n        let eventData = [];\n        let filteredData = [];\n\n        eventData = await queryEvents(deviceId, 50);\n        // console.log(\"@ eventData\", eventData);\n\n        // Filter data\n        if (eventData.length > 0) {\n          filteredData = eventData.filter(\n            (data) => typeof data.message === \"string\" && data.message.includes(\"17,254\")\n          );\n          // console.log(\"@ filteredData\", filteredData);\n\n          // Add displayName property\n          const selectedDevice = userDevices.filter(\n            (device) => device.id === deviceId\n          )[0];\n\n          if (selectedDevice.hasOwnProperty(\"displayName\")) {\n            filteredData.map(\n              (data) => (data[\"displayName\"] = selectedDevice.displayName)\n            );\n          }\n\n          if (filteredData.length > 0) {\n            // Add nodeMac property\n            filteredData.map((data) => (data[\"nodeMac\"] = data.message.split(\",\")[2]));\n            // console.log(\"@ filteredData 22\", filteredData);\n          }\n        }\n\n        setIsEventLoaded(true);\n        setEventList(filteredData);\n      } catch (err) {\n        console.log(\"getEventList err\", err);\n      }\n    },\n    [ deviceId ]\n  );\n\n  useEffect(\n    () => {\n      if (deviceId.length > 0) {\n        getEventList();\n      }\n    },\n    [ deviceId, getEventList ]\n  );\n\n  if (!isDeviceLoaded) {\n    return (\n      <div className={classes.progressWrapper}>\n        <CircularProgress />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.root}>\n        {/* <Typography variant=\"h5\" style={{ marginBottom: 20 }}>\n          Node's Data\n        </Typography> */}\n        <Grid container>\n          <Grid item sm={8} xs={12}>\n            {userDevices.length > 0 ? (\n              <SelectUserDevice\n                handleSelect={handleSelect}\n                userDevices={userDevices}\n                isDeviceLoaded={isDeviceLoaded}\n              />\n            ) : (\n              <Typography variant=\"h6\" color=\"secondary\">\n                There is no registered device.\n              </Typography>\n            )}\n          </Grid>\n          <Grid item sm={3} xs={12}>\n            {deviceId.length > 0 ? (\n              <Button\n                color=\"primary\"\n                variant=\"contained\"\n                onClick={handleSearch}\n                className={classes.button}\n                startIcon={<SearchIcon />}\n                disabled={buttonDisable}\n              >\n                <b>Search Data</b>\n              </Button>\n            ) : null}\n          </Grid>\n        </Grid>\n\n        {deviceId.length > 0 ? (\n          <div className={classes.content}>\n            {isEventLoaded ? (\n              <div>\n                {eventList.length > 0 ? (\n                  <NodeDataTable eventList={eventList} />\n                ) : (\n                  <Typography variant=\"h6\">\n                    Not found node's data from selected device\n                  </Typography>\n                )}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n};\n\nexport default NodeData;\n","import React, { useEffect, useRef } from \"react\";\n\nfunction useInterval(callback, delay) {\n  const savedCallback = useRef();\n\n  // Remember the latest function.\n  useEffect(\n    () => {\n      savedCallback.current = callback;\n    },\n    [ callback ]\n  );\n\n  // Set up the interval.\n  useEffect(\n    () => {\n      function tick() {\n        savedCallback.current();\n      }\n      if (delay !== null) {\n        let id = setInterval(tick, delay);\n        return () => clearInterval(id);\n      }\n    },\n    [ delay ]\n  );\n}\n\nexport default useInterval;\n","import React from \"react\";\n\nimport { Typography, makeStyles } from \"@material-ui/core\";\n// import isJson from \"helpers/isJson\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    // display: \"flex\",\n    // minWidth: 200\n    // padding: 10\n  },\n  title: { fontSize: 16 },\n  subTitle: {\n    fontSize: 14\n  },\n  typo: {\n    // backgroundColor: \"#f2f2f2\",\n    padding: 5,\n    width: \"100%\",\n    textAlign: \"center\",\n    color: \"#1f2737\"\n  },\n  unit: {\n    fontSize: 16\n    // color: \"#1f2737\"\n  }\n}));\n\nconst TextWidget = (props) => {\n  const classes = useStyles();\n  const { data, title, variant, subTitle, dataColor, unit } = props;\n\n  // console.log(\"<TextWidget>\", data, title);\n\n  return (\n    <div className={classes.root}>\n      <Typography\n        className={classes.title}\n        align=\"center\"\n        color=\"textSecondary\"\n        gutterBottom\n      >\n        {title}\n      </Typography>\n      <Typography\n        className={classes.subTitle}\n        align=\"center\"\n        color=\"textSecondary\"\n        gutterBottom\n      >\n        {subTitle}\n      </Typography>\n      <Typography\n        className={classes.typo}\n        align=\"center\"\n        variant={variant}\n        style={{ color: dataColor }}\n      >\n        <span>{data}</span>\n        {data === \"\" ||\n        data === \"-\" ||\n        data === undefined ||\n        data === \"\\u0005\\u0000\" ? null : (\n          <span className={classes.unit}>{\" \" + unit}</span>\n        )}\n      </Typography>\n    </div>\n  );\n};\n\nTextWidget.defaultProps = {\n  variant: \"h2\",\n  subTitle: \"\",\n  unit: \"\"\n};\n\nexport default TextWidget;\n","import React from \"react\";\n\nimport { Typography, makeStyles } from \"@material-ui/core\";\n// import isJson from \"helpers/isJson\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    // display: \"flex\",\n    // minWidth: 200\n    // padding: 10\n  },\n  title: { fontSize: 16 },\n  subTitle: {\n    fontSize: 14\n  },\n  typo: {\n    // backgroundColor: \"#f2f2f2\",\n    padding: 5,\n    width: \"100%\",\n    textAlign: \"center\",\n    color: \"#1f2737\"\n  },\n  unit: {\n    fontSize: 14,\n    color: \"#1f2737\"\n  }\n}));\n\nconst TextArrayWidget = (props) => {\n  const classes = useStyles();\n  const { dataArray, title, variant, subTitle, dataColor, unitArray } = props;\n\n  // console.log(\"<TextArrayWidget>\", data, title);\n\n  return (\n    <div className={classes.root}>\n      <Typography\n        className={classes.title}\n        align=\"center\"\n        color=\"textSecondary\"\n        gutterBottom\n      >\n        {title}\n      </Typography>\n      <Typography\n        className={classes.subTitle}\n        align=\"center\"\n        color=\"textSecondary\"\n        gutterBottom\n      >\n        {subTitle}\n      </Typography>\n      {dataArray.map((data, index) => (\n        <Typography\n          className={classes.typo}\n          align=\"center\"\n          variant={variant}\n          style={{ color: dataColor }}\n        >\n          <span>{data}</span>\n          {data !== \"\" && data !== \"-\" ? (\n            <span className={classes.unit}>{\" \" + unitArray[index]}</span>\n          ) : null}\n        </Typography>\n      ))}\n    </div>\n  );\n};\n\nTextArrayWidget.defaultProps = {\n  variant: \"h2\",\n  subTitle: \"\",\n  unit: \"\"\n};\n\nexport default TextArrayWidget;\n","import React, { useEffect, useState } from \"react\";\n\nimport { Typography, makeStyles } from \"@material-ui/core\";\n// component and styles\nimport BillboardChart from \"react-billboardjs\";\nimport { line, zoom } from \"billboard.js\";\n// import \"react-billboardjs/lib/billboard.css\";\nimport \"helpers/bbtheme-graph.css\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    // display: \"flex\",\n    // minWidth: 200\n  },\n  title: { fontSize: 14 },\n  typo: {\n    backgroundColor: theme.palette.common.white,\n    padding: theme.spacing(1) * 1,\n    width: \"100%\",\n    textAlign: \"center\"\n  }\n}));\n\nconst BBChart = (props) => {\n  const classes = useStyles();\n  const { xAxis, values, color } = props;\n  const [ chartInstance, setChartInstance ] = useState(null);\n\n  useEffect(\n    () => {\n      // console.log(\"chartInstance\", chartInstance);\n      if (chartInstance !== null) {\n        chartInstance.loadData({\n          columns: xAxis !== undefined ? [ xAxis, values ] : [ values ]\n        });\n\n        // chartInstance.redraw();\n      }\n    },\n    [ xAxis, values ]\n  );\n\n  // console.log(\"<BBChart>\", xAxis, values);\n  return (\n    <div>\n      <Typography\n        className={classes.title}\n        align=\"center\"\n        color=\"textSecondary\"\n        gutterBottom\n      >\n        {values[0]}\n      </Typography>\n      {values.length > 0 ? (\n        <BillboardChart\n          size={{\n            height: 250\n          }}\n          ref={(chartInstance) => setChartInstance(chartInstance)}\n          data={{\n            x: \"EnqueuedTimeUtc\",\n            // xFormat: \"%Y-%m-%d %H:%M:%S\",\n            columns: xAxis !== undefined ? [ xAxis, values ] : [ values ],\n            type: line(),\n            colors: {\n              [values[0]]: color\n            }\n          }}\n          axis={{\n            x: {\n              type: \"timeseries\",\n              tick: {\n                count: 10,\n                fit: true,\n                format: \"%Y-%m-%d %H:%M:%S\",\n                culling: false\n              }\n            },\n            y: {\n              min: 0,\n              max: values[0].includes(\"String\") ? 500 : 40\n            }\n          }}\n          padding={{\n            top: 20,\n            right: 20,\n            bottom: 20,\n            left: 30\n          }}\n          point={{\n            // show: false,\n            // focus: {\n            //   only: true\n            // }\n          }}\n          zoom={{\n            enabled: zoom()\n            // type: \"drag\"\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nBBChart.defaultProps = {\n  type: \"line\"\n};\n\nexport default BBChart;\n","import React, { useEffect, useState } from \"react\";\n\n// import { makeStyles } from \"@material-ui/core\";\n// component and styles\nimport BillboardChart from \"react-billboardjs\";\nimport { line, zoom } from \"billboard.js\";\n// import \"react-billboardjs/lib/billboard.css\";\nimport \"helpers/bbtheme-graph.css\";\n\n// const useStyles = makeStyles((theme) => ({\n//   root: {\n//     // display: \"flex\",\n//     // minWidth: 200\n//   },\n//   title: { fontSize: 14 },\n//   typo: {\n//     backgroundColor: theme.palette.common.white,\n//     padding: theme.spacing(1) * 1,\n//     width: \"100%\",\n//     textAlign: \"center\"\n//   }\n// }));\n\nconst BBMultiChart = (props) => {\n  // const classes = useStyles();\n  const { xAxis, values, min, max } = props;\n  const [ chartInstance, setChartInstance ] = useState(null);\n\n  // console.log(\"BBMultiChart()\", values.length);\n\n  useEffect(\n    () => {\n      // console.log(\"chartInstance\", chartInstance);\n      if (chartInstance !== null) {\n        try {\n          chartInstance.loadData({\n            columns: xAxis !== undefined ? [ xAxis, values ] : values\n          });\n\n          // chartInstance.redraw();\n        } catch (error) {\n          console.log(error);\n        }\n        // console.log(\"Chart load data\");\n      }\n    },\n    [ xAxis, values ]\n  );\n\n  return (\n    <div>\n      {values.length > 0 ? (\n        <BillboardChart\n          size={{\n            height: 250\n          }}\n          ref={(chartInstance) => setChartInstance(chartInstance)}\n          data={{\n            x: \"EnqueuedTimeUtc\",\n            // xFormat: \"%Y-%m-%d %H:%M:%S\",\n            columns: values,\n            type: line()\n            // colors: {\n            // [values[0]]: color\n            // }\n          }}\n          axis={{\n            x: {\n              type: \"timeseries\",\n              tick: {\n                count: 10,\n                fit: true,\n                format: \"%Y-%m-%d %H:%M:%S\",\n                culling: false\n              }\n            },\n            y: {\n              min: min,\n              // max: values[0].includes(\"String\") ? 500 : 40\n              max: max\n            }\n          }}\n          padding={{\n            top: 20,\n            right: 20,\n            bottom: 20,\n            left: 30\n          }}\n          point={{\n            // show: false,\n            // focus: {\n            //   only: true\n            // }\n          }}\n          zoom={{\n            enabled: zoom()\n            // type: \"drag\"\n          }}\n        />\n      ) : null}\n    </div>\n  );\n};\n\nBBMultiChart.defaultProps = {\n  type: \"line\",\n  min: 0,\n  max: 50\n};\n\nexport default BBMultiChart;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useRecoilValue } from \"recoil\";\nimport {\n  makeStyles,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n  CircularProgress,\n  Paper\n} from \"@material-ui/core\";\nimport { SignalContext } from \"contexts/signalContext\";\nimport { deviceIdState } from \"common/store\";\nimport { queryWithSql } from \"common/apiConfig\";\nimport { useInterval } from \"helpers\";\n\nimport { TextWidget, BBMultiChart } from \"./widgets\";\n\nconst colors = [ \"#9500ae\", \"#3f51b5\", \"#015f92\" ];\nconst CellKeys = [ \"Voltage\", \"Internal Resistance\", \"Temperature\" ];\nconst CellUnits = [ \"V\", \"mΩ\", \"℃\" ];\n\nconst DATA_LIMIT = 100;\nconst BANKDATA_LENGTH = 4;\n\nconst defaultQuery =\n  \"SELECT c.EnqueuedTimeUtc, c.message, c.deviceId, c.snmpData FROM c WHERE c.messageSource = 'Telemetry' AND IS_DEFINED(c.snmpData)\";\n\nconst BankDetail = (props) => {\n  const { bankIndex, selectedMac, tree } = props;\n  const classes = useStyles();\n  const signalState = useContext(SignalContext);\n\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ isLoaded, setIsLoaded ] = useState(false);\n  const [ isCellDataLoaded, setIsCellDataLoaded ] = useState(false);\n\n  const [ bbValueArray, setBbValueArray ] = useState(null);\n  const [ latestCellData, setLatestCellData ] = useState([]);\n\n  const [ bankEventList, setBankEventList ] = useState([]);\n\n  const [ refreshTime, setRefreshTime ] = useState(3000);\n\n  if (process.env.NODE_ENV === \"development\") {\n    // console.log(\"<BankDetail>\", selectedMac, bankIndex);\n  }\n\n  useInterval(() => {\n    // update bbchart data\n    if (bankEventList.length > 0) {\n      // console.log(\n      //   \"Compare timestamp\",\n      //   Date.parse(bankEventList[0].EnqueuedTimeUtc),\n      //   bbValueArray[0][1]\n      // );\n      if (bbValueArray.length > 0) {\n        try {\n          // Compare timestamp value=\n          if (Date.parse(bankEventList[0].EnqueuedTimeUtc) !== bbValueArray[0][1]) {\n            // if timestamp is different, bbValueArray not updated yet\n            getBBChartValuesWithTime(bankEventList);\n          }\n        } catch (error) {\n          console.log(error);\n        }\n      } else {\n        getBBChartValuesWithTime(bankEventList);\n      }\n    } else {\n      setBbValueArray([]);\n    }\n  }, refreshTime);\n\n  useEffect(\n    () => {\n      const getSignalEvent = async () => {\n        try {\n          const signalData = signalState.eventData;\n          // console.log(\"signalData:\", signalData);\n          if (signalData !== null) {\n            if (signalData.messageSource === \"Telemetry\") {\n              // node update event check\n              if (signalData.hasOwnProperty(\"snmpData\")) {\n                // console.log(\"getSignalEvent snmpData:\", signalData.snmpData);\n                if (signalData.snmpData.object.cell === \"String\") {\n                  if (signalData.snmpData.value.length === BANKDATA_LENGTH) {\n                    let newEventList = bankEventList.slice();\n                    newEventList.unshift(signalData);\n                    // chart data limit\n                    if (newEventList.length > DATA_LIMIT) {\n                      newEventList.pop();\n                    }\n                    // console.log(\"Bank newEventList:\", newEventList.length);\n                    setBankEventList(newEventList);\n\n                    // // update bbchart data\n                    // if (newEventList.length > 0) {\n                    //   getBBChartValuesWithTime(newEventList);\n                    // } else {\n                    //   setBbValueArray([]);\n                    // }\n                  }\n                }\n              }\n            }\n          }\n        } catch (err) {\n          console.log(err);\n        }\n      };\n\n      // start subscribe signal\n      getSignalEvent();\n    },\n    [ signalState.eventData ]\n  );\n\n  const getBBChartValuesWithTime = (events) => {\n    // console.log(\"getBBChartValuesWithTime()\", events[0]);\n\n    const names = [\n      \"EnqueuedTimeUtc\",\n      \"String Voltage(V)\",\n      \"String Current(A)\",\n      \"Ripple Current(p-pA)\",\n      \"Temperature(C)\"\n    ];\n\n    let bbChartValues = [];\n    try {\n      names.forEach((keyName, i) => {\n        let array = [];\n        array.push(keyName);\n\n        events.forEach((event, j) => {\n          if (i === 0) {\n            // time\n            // array.push(event[keyName].replace(/T/, \" \").replace(/\\..+/, \"\"));\n            array.push(Date.parse(event[keyName]));\n          } else {\n            // array.push(event.snmpData.value[i - 1]);\n            // 20210419 check unavailable value\n            if (event.snmpData.value.length < 3) {\n              if (process.env.NODE_ENV === \"development\") {\n                console.log(\"unavailable value:\", event.snmpData.value);\n                // console.log(\"unavailable value:\", event.snmpData.value, event);\n              }\n            } else {\n              array.push(event.snmpData.value[i - 1]);\n            }\n          }\n        });\n\n        bbChartValues.push(array);\n      });\n      // console.log(\"@@ Bank bb values:\", bbChartValues);\n      setBbValueArray(bbChartValues);\n    } catch (error) {\n      console.log(error);\n      setBbValueArray([]);\n    }\n  };\n\n  useEffect(\n    () => {\n      const queryBankData = async () => {\n        try {\n          setIsLoaded(false);\n          let dataList = [];\n          let container = \"EventContainer\";\n          // console.log(\"selectedMac:\", selectedMac);\n\n          let and1 = ` AND c.deviceId = \"${deviceId}\"`;\n          let and2 = ` AND c.snmpData.object.cell = \"String\"`;\n          let and3 = ` AND c.snmpData.info.mac = \"${selectedMac}\"`;\n          // let order = \" ORDER BY c._ts DESC OFFSET 0 LIMIT 50\";\n          let order = ` ORDER BY c._ts DESC OFFSET 0 LIMIT ${DATA_LIMIT}`;\n\n          const query = defaultQuery + and1 + and2 + and3 + order;\n          // console.log(\"query:\", query);\n\n          dataList = await queryWithSql(container, query);\n          // console.log(\"@ dataList length\", dataList.length);\n          // console.log(\"@ dataList\", dataList);\n          setBankEventList(dataList);\n\n          if (dataList.length > 0) {\n            getBBChartValuesWithTime(dataList);\n          } else {\n            setBbValueArray([]);\n          }\n          setIsLoaded(true);\n        } catch (error) {\n          console.log(error);\n        }\n      };\n\n      const queryEachCellData = async () => {\n        try {\n          setIsCellDataLoaded(false);\n          // console.log(\"queryEachCellData()\");\n          let container = \"EventContainer\";\n\n          // cell index list\n          let cellIndexArray = [];\n          for (let i = 1; i <= tree.cell; i++) {\n            let numStr = i.toString(16).padStart(2, \"0\");\n            cellIndexArray.push(numStr);\n          }\n          // console.log(\"cellIndexArray\", cellIndexArray);\n\n          let and1 = ` AND c.deviceId = \"${deviceId}\"`;\n          let order = \" ORDER BY c._ts DESC OFFSET 0 LIMIT 1\";\n\n          const promiseArray = cellIndexArray.map((cellIndex) => {\n            let and2 = ` AND c.snmpData.info.mac = \"${selectedMac}\" AND c.snmpData.object.cell = \"${cellIndex}\"`;\n            const query = defaultQuery + and1 + and2 + order;\n            // console.log(\"query \", cellIndex, query);\n            return new Promise((resolve) => resolve(queryWithSql(container, query)));\n          });\n\n          let resultArray = await Promise.all(promiseArray);\n          if (process.env.NODE_ENV === \"development\") {\n            console.log(\"query each cell data result:\", resultArray);\n          }\n\n          setLatestCellData(resultArray);\n          setIsCellDataLoaded(true);\n        } catch (error) {\n          console.log(error);\n        }\n      };\n\n      if (deviceId.length > 0) {\n        // getEvents();\n        queryBankData();\n\n        queryEachCellData();\n      }\n    },\n    [ deviceId, selectedMac ]\n  );\n\n  if (!isLoaded || !isCellDataLoaded || bbValueArray === null) {\n    return <CircularProgress />;\n  }\n\n  return (\n    <div className={classes.root}>\n      {bbValueArray.length === 0 ? (\n        <NoData bankIndex={bankIndex} />\n      ) : (\n        <div>\n          {/* <Typography className={classes.title} align=\"center\">\n            Bank Information\n          </Typography> */}\n          <Grid container spacing={2} style={{ marginBottom: 5 }}>\n            <Grid item xs={2}>\n              <Card className={classes.card} raised={true}>\n                <CardContent>\n                  <TextWidget\n                    title={\"Number of Cell\"}\n                    data={tree.cell + \" Cell\"}\n                    dataColor=\"#002984\"\n                  />\n                </CardContent>\n              </Card>\n            </Grid>\n            <Grid item xs={10}>\n              <Grid container spacing={2}>\n                {bbValueArray.slice(1).map((bbValue, index) => (\n                  <Grid item xs={3} key={index}>\n                    <Card className={classes.card} raised={true}>\n                      <CardContent className={classes.cardContents}>\n                        <TextWidget title={bbValue[0]} data={bbValue[1]} />\n                      </CardContent>\n                    </Card>\n                  </Grid>\n                ))}\n              </Grid>\n            </Grid>\n          </Grid>\n          <Grid container spacing={2}>\n            <Grid item xs={12}>\n              <Card className={classes.card} raised={true}>\n                <CardContent className={classes.cardContents}>\n                  <BBMultiChart\n                    // xAxis={multiBbValueArray[0]}\n                    values={bbValueArray}\n                    color={colors[0]}\n                    min={0}\n                    max={500}\n                    // type=\"area-spline\"\n                  />\n                </CardContent>\n              </Card>\n            </Grid>\n          </Grid>\n\n          {/* <Grid container spacing={2}>\n            {bbValueArray\n              .filter(\n                (value) => value[0].includes(\"String\") || value[0].includes(\"Ripple\")\n              )\n              .map((bbValue, index) => (\n                <Grid item xs={12} key={index}>\n                  <Card className={classes.card} raised={true}>\n                    <CardContent className={classes.cardContents}>\n                      <BBChart\n                        xAxis={bbValueArray[0]}\n                        values={bbValue}\n                        color={colors[index]}\n                      />\n                    </CardContent>\n                  </Card>\n                </Grid>\n              ))}\n          </Grid> */}\n          {/* Total cell data */}\n          <Typography className={classes.title} align=\"center\">\n            Cell Overview\n          </Typography>\n          <Grid container spacing={3}>\n            {CellKeys.map((cellKey, index) => (\n              <Grid item xs={12} key={cellKey}>\n                {/* <Typography className={classes.subTitle} align=\"center\">\n                  {cellKey}\n                </Typography> */}\n                <Grid container spacing={2} style={{ marginBottom: 10 }}>\n                  {latestCellData.map((data, cellIndex) => (\n                    <Grid item xs={2} key={cellIndex}>\n                      {data.length === 0 ? null : (\n                        <Paper\n                          className={classes.paper}\n                          style={{\n                            backgroundColor:\n                              index === 0 && data[0].snmpData.value[index] > 14.2\n                                ? \"#ffcccb\"\n                                : \"\"\n                          }}\n                        >\n                          <TextWidget\n                            title={\"Cell \" + (cellIndex + 1).toString()}\n                            data={\n                              data[0].snmpData.value.length !== 3 ? (\n                                \"-\"\n                              ) : (\n                                data[0].snmpData.value[index]\n                              )\n                            }\n                            // subTitle={cellKey}\n                            variant=\"h4\"\n                            unit={CellUnits[index]}\n                            dataColor={\n                              index === 0 && data[0].snmpData.value[index] > 14.2 ? (\n                                \"#ba000d\"\n                              ) : (\n                                \"\"\n                              )\n                            }\n                          />\n                        </Paper>\n                      )}\n                    </Grid>\n                  ))}\n                </Grid>\n              </Grid>\n            ))}\n          </Grid>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst NoData = ({ bankIndex }) => {\n  return (\n    <div>\n      <Typography variant=\"subtitle1\">Not found data from Bank {bankIndex}</Typography>\n    </div>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    margin: theme.spacing(1)\n  },\n  title: {\n    marginTop: 32,\n    marginBottom: 16,\n    fontSize: 24,\n    fontWeight: 500\n  },\n  subTitle: {\n    marginTop: 10,\n    marginBottom: 16,\n    fontSize: 20,\n    color: \"#141b29\"\n  },\n  cardRoot: {\n    padding: 5,\n    marginTop: 10\n    // backgroundColor: \"#f2f2f2\"\n  },\n  cardContentRoot: {\n    padding: 5,\n    \"&:last-child\": {\n      paddingBottom: 10\n    }\n  },\n  paper: {\n    border: \"solid 1px #bac3d5\",\n    // boxShadow: \"0 0 5px 0 rgba(0, 0, 0, 0.3)\",\n    borderRadius: \"10px\",\n    padding: 10\n  }\n}));\n\nexport default BankDetail;\n","import React, { useState, useEffect, useContext } from \"react\";\nimport { useRecoilValue } from \"recoil\";\nimport {\n  makeStyles,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n  CircularProgress\n} from \"@material-ui/core\";\n\nimport { SignalContext } from \"contexts/signalContext\";\nimport { BBChart, TextWidget } from \"./widgets\";\nimport { deviceIdState } from \"common/store\";\nimport { queryWithSql } from \"common/apiConfig\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    margin: theme.spacing(1)\n  },\n  card: {\n    display: \"block\",\n    width: \"100%\",\n    height: \"100%\"\n  },\n  cardContents: {\n    padding: \"15px 15px\"\n  }\n}));\n\n// bb chart color\nconst colors = [ \"#1769aa\", \"#009688\", \"#9c27b0\" ];\n\nconst CellDetail = (props) => {\n  const { cellIndex, selectedMac } = props;\n  const classes = useStyles();\n  const signalState = useContext(SignalContext);\n\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ cellEventList, setCellEventList ] = useState([]);\n  const [ isLoaded, setIsLoaded ] = useState(false);\n\n  const [ bbValueArray, setBbValueArray ] = useState([]);\n\n  useEffect(\n    () => {\n      const getSignalEvent = async () => {\n        try {\n          // console.log(\"cellEventList 1:\", cellEventList.length, cellEventList[0]);\n          const signalData = signalState.eventData;\n          if (signalData !== null) {\n            if (signalData.messageSource === \"Telemetry\") {\n              // node update event check\n              if (signalData.hasOwnProperty(\"snmpData\")) {\n                let cellIndexHex = Number(cellIndex).toString(16).padStart(2, \"0\");\n                if (signalData.snmpData.object.cell === cellIndexHex) {\n                  // console.log(\"signalData ==>\", signalData.snmpData);\n                  if (signalData.snmpData.value.length === 3) {\n                    let newEventList = cellEventList.slice();\n                    newEventList.unshift(signalData);\n                    // chart data limit\n                    if (newEventList.length > 50) {\n                      newEventList.pop();\n                    }\n                    // console.log(\"Cell newEventList:\", newEventList);\n                    setCellEventList(newEventList);\n\n                    // update bbchart data\n                    if (newEventList.length > 0) {\n                      getBBChartValuesWithTime(newEventList);\n                    } else {\n                      setBbValueArray([]);\n                    }\n                  }\n                }\n              }\n            }\n          }\n        } catch (err) {\n          console.log(err);\n        }\n      };\n\n      // start subscribe signal\n      getSignalEvent();\n    },\n    [ signalState.eventData ]\n  );\n\n  useEffect(\n    () => {\n      const queryCellData = async () => {\n        try {\n          setIsLoaded(false);\n          let dataList = [];\n          let container = \"EventContainer\";\n          let cellIndexHex = Number(cellIndex).toString(16).padStart(2, \"0\");\n\n          let defaultQeury =\n            'SELECT c.EnqueuedTimeUtc, c.message, c.deviceId, c.snmpData FROM c WHERE c.messageSource = \"Telemetry\" AND IS_DEFINED(c.snmpData)';\n          let and1 = ` AND c.deviceId = \"${deviceId}\"`;\n          let and2 = ` AND c.snmpData.info.mac = \"${selectedMac}\" AND c.snmpData.object.bank = \"01\" AND c.snmpData.object.cell = \"${cellIndexHex}\"`;\n          let order = \" ORDER BY c._ts DESC OFFSET 0 LIMIT 100\";\n\n          const query = defaultQeury + and1 + and2 + order;\n          // console.log(\"query =>\", query);\n\n          dataList = await queryWithSql(container, query);\n          // console.log(\"[Check] Query complete\");\n          // console.log(\"@ dataList\", dataList);\n\n          // filtering data\n          if (dataList.length > 0) {\n            if (selectedMac.length > 0) {\n              let filteredEvents = [];\n              dataList.forEach((event) => {\n                filteredEvents.push(event);\n              });\n\n              // console.log(\"@ filteredEvents\", selectedMac, filteredEvents);\n              if (filteredEvents.length > 0) {\n                // getVisChartvalueSingle(filteredEvents);\n                getBBChartValuesWithTime(filteredEvents);\n              } else {\n                setBbValueArray([]);\n                // setVisValueArray([]);\n              }\n            }\n          }\n\n          setCellEventList(dataList);\n          setIsLoaded(true);\n        } catch (error) {\n          console.log(error);\n        }\n      };\n      if (deviceId.length > 0) {\n        queryCellData();\n      }\n    },\n    [ deviceId, cellIndex, selectedMac ]\n  );\n\n  const getBBChartValuesWithTime = (events) => {\n    // console.log(\"getBBChartValuesWithTime\", events);\n\n    const names = [\n      \"EnqueuedTimeUtc\",\n      \"Cell Voltage(V)\",\n      \"Cell Internal Resistance(mohm)\",\n      \"Cell Temperature(C)\"\n    ];\n\n    let bbChartValues = [];\n    try {\n      names.forEach((keyName, i) => {\n        let array = [];\n        array.push(keyName);\n\n        events.forEach((event, j) => {\n          if (i === 0) {\n            // time data\n            array.push(Date.parse(event[keyName]));\n          } else {\n            // snmp values\n            // array.push(event.snmpData.value[i - 1]);\n\n            // 20210419 check unavailable value\n            if (event.snmpData.value.length < 3) {\n              // if (event.snmpData.value.includes(undefined)) {\n              // console.log(\"unavailable value:\", event.snmpData.value, event);\n            } else {\n              array.push(event.snmpData.value[i - 1]);\n            }\n          }\n        });\n\n        bbChartValues.push(array);\n      });\n      // console.log(\"@@ bbChartValues >\", bbChartValues);\n      // console.log(\"@@ bbChartValue length:\", bbChartValues.length);\n      setBbValueArray(bbChartValues);\n    } catch (error) {\n      console.log(error);\n      setBbValueArray([]);\n    }\n  };\n\n  if (!isLoaded) {\n    return <CircularProgress />;\n  }\n\n  return (\n    <div className={classes.root}>\n      {isLoaded && bbValueArray.length === 0 ? (\n        <NoData cellIndex={cellIndex} />\n      ) : (\n        <div>\n          <Grid container spacing={2}>\n            {bbValueArray\n              .filter((value) => value[0].includes(\"Cell\"))\n              .map((bbValue, index) => (\n                <Grid item xs={4} key={index}>\n                  <Card className={classes.card} raised={true}>\n                    <CardContent className={classes.cardContents}>\n                      <TextWidget title={bbValue[0]} data={bbValue[1]} />\n                    </CardContent>\n                  </Card>\n                </Grid>\n              ))}\n          </Grid>\n\n          <Grid container spacing={2}>\n            {bbValueArray\n              .filter(\n                (value) =>\n                  value[0].includes(\"Voltage\") ||\n                  value[0].includes(\"Temperature\") ||\n                  value[0].includes(\"Resistance\")\n              )\n              .map((bbValue, index) => (\n                <Grid item xs={12} key={index}>\n                  <Card className={classes.card} raised={true}>\n                    <CardContent className={classes.cardContents}>\n                      <BBChart\n                        xAxis={bbValueArray[0]}\n                        values={bbValue}\n                        color={colors[index]}\n                        // type=\"area-spline\"\n                      />\n                    </CardContent>\n                  </Card>\n                </Grid>\n              ))}\n          </Grid>\n          {/* react-vis */}\n          {/* <Grid container spacing={2}>\n            {visValueArray.map((visValue, index) => (\n              <Grid item xs={12} key={index}>\n                <Card className={classes.card} raised={true}>\n                  <CardContent className={classes.cardContents}>\n                    <ChartVis data={visValue} />\n                  </CardContent>\n                </Card>\n              </Grid>\n            ))}\n          </Grid> */}\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst NoData = ({ cellIndex }) => {\n  return (\n    <div>\n      <Typography variant=\"subtitle1\">Not found data from Cell {cellIndex}</Typography>\n    </div>\n  );\n};\n\nexport default CellDetail;\n","import React, { useState, useEffect } from \"react\";\nimport { useRecoilValue } from \"recoil\";\nimport {\n  makeStyles,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n  CircularProgress\n} from \"@material-ui/core\";\nimport { deviceIdState } from \"common/store\";\nimport { queryWithSql } from \"common/apiConfig\";\n\nimport { TextWidget } from \"./widgets\";\n\n// const colors = [ \"#1769aa\", \"#009688\", \"#9c27b0\" ];\n\nconst TopDetail = (props) => {\n  const { selectedMac } = props;\n  const classes = useStyles();\n\n  const deviceId = useRecoilValue(deviceIdState);\n\n  const [ isLoaded, setIsLoaded ] = useState(false);\n  const [ bbValueArray, setBbValueArray ] = useState(null);\n\n  // console.log(\"TopDetail:\", selectedMac);\n\n  const getBBChartValuesWithTime = (events) => {\n    // console.log(\"getBBChartValuesWithTime\", events);\n\n    const names = [\n      \"EnqueuedTimeUtc\",\n      \"String Voltage(V)\",\n      \"String Current(A)\",\n      \"Ripple Current(p-pA)\"\n    ];\n\n    let bbChartValues = [];\n    try {\n      names.forEach((keyName, i) => {\n        let array = [];\n        array.push(keyName);\n\n        events.forEach((event, j) => {\n          if (i === 0) {\n            // time\n            // array.push(event[keyName].replace(/T/, \" \").replace(/\\..+/, \"\"));\n            array.push(Date.parse(event[keyName]));\n          } else {\n            // array.push(event.snmpData.value[i - 1]);\n            if (event.snmpData.value.length < 3) {\n              // if (event.snmpData.value.includes(undefined)) {\n              console.log(\"unavailable value:\", event.snmpData.value, event);\n            } else {\n              array.push(event.snmpData.value[i - 1]);\n            }\n          }\n        });\n\n        bbChartValues.push(array);\n      });\n      // console.log(\"@@ Top bb values:\", bbChartValues);\n      setBbValueArray(bbChartValues);\n    } catch (error) {\n      console.log(error);\n      setBbValueArray([]);\n    }\n  };\n\n  useEffect(\n    () => {\n      const queryBankData = async () => {\n        try {\n          setIsLoaded(false);\n          let dataList = [];\n          let container = \"EventContainer\";\n          let cellIndex = \"String\";\n\n          let defaultQeury =\n            'SELECT c.EnqueuedTimeUtc, c.message, c.messageSource, c.deviceId, c.snmpData FROM c WHERE c.messageSource = \"Telemetry\" AND IS_DEFINED(c.snmpData)';\n          let and1 = ` AND c.deviceId = \"${deviceId}\"`;\n          let and2 = ` AND c.snmpData.object.cell = \"${cellIndex}\"`;\n          let order = \" ORDER BY c._ts DESC OFFSET 0 LIMIT 50\";\n\n          const query = defaultQeury + and1 + and2 + order;\n          // console.log(\"query:\", query);\n\n          let filtered = [];\n          dataList = await queryWithSql(container, query);\n          dataList.forEach((event) => {\n            if (event.snmpData.info.mac === selectedMac) {\n              filtered.push(event);\n            }\n          });\n          // console.log(\"@ dataList\", dataList);\n\n          if (filtered.length > 0) {\n            getBBChartValuesWithTime(filtered);\n          } else {\n            setBbValueArray([]);\n          }\n          // console.log(\"@ filtered\", filtered);\n          setIsLoaded(true);\n        } catch (error) {\n          console.log(error);\n        }\n      };\n\n      if (deviceId.length > 0) {\n        queryBankData();\n      }\n    },\n    [ deviceId, selectedMac ]\n  );\n\n  if (!isLoaded || bbValueArray === null) {\n    return <CircularProgress />;\n  }\n\n  return (\n    <div className={classes.root}>\n      {/* Bank {selectedMac} dashboard */}\n      {bbValueArray.length === 0 ? (\n        <NoData selectedMac={selectedMac} />\n      ) : (\n        <div>\n          <Typography className={classes.title} align=\"center\">\n            Node [{selectedMac}] Overview\n          </Typography>\n          <Grid container spacing={2}>\n            <Grid item xs={12}>\n              <Typography variant=\"h5\">Bank 01</Typography>\n            </Grid>\n            {bbValueArray.slice(1).map((bbValue, index) => (\n              <Grid item xs={4} key={index}>\n                <Card className={classes.card} raised={true}>\n                  <CardContent className={classes.cardContents}>\n                    <TextWidget title={bbValue[0]} data={bbValue[1]} />\n                  </CardContent>\n                </Card>\n              </Grid>\n            ))}\n          </Grid>\n        </div>\n      )}\n    </div>\n  );\n};\n\nconst NoData = ({ selectedMac }) => {\n  return (\n    <div>\n      <Typography variant=\"subtitle1\">Not found data from {selectedMac}</Typography>\n    </div>\n  );\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    margin: theme.spacing(1)\n  },\n  title: {\n    marginTop: 20,\n    marginBottom: 20,\n    fontSize: 18\n  }\n}));\n\nexport default TopDetail;\n","import React, { useState } from \"react\";\nimport { useRecoilState } from \"recoil\";\n\nimport {\n  makeStyles,\n  Typography,\n  Button,\n  Dialog,\n  TextField,\n  DialogContent,\n  DialogActions\n} from \"@material-ui/core\";\nimport { queryDeviceUpdate } from \"common/apiConfig\";\n\nimport { snackbarState } from \"common/store\";\n// import { ProgressButton } from \"components\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    margin: theme.spacing(2)\n  },\n  text: {\n    marginBottom: theme.spacing(2)\n  },\n  textField: {\n    margin: theme.spacing(1),\n    width: 140\n  },\n  button: {\n    backgroundColor: \"#3d516d\"\n  }\n}));\n\nconst DashboardConfigForm = (props) => {\n  const classes = useStyles();\n  const { open, handleClose, device, handleTree, treeConfig } = props;\n\n  const [ snackbar, setSnackbar ] = useRecoilState(snackbarState);\n  const [ tree, setTree ] = useState(treeConfig);\n  // const [ tree, setTree ] = useRecoilState(treeState);\n  // const [ loading, setLoading ] = useState(false);\n\n  const handleSave = async () => {\n    // setLoading(true);\n    // document update\n    const data = {\n      tree: tree\n    };\n\n    // console.log(\"handleSave data:\", data);\n\n    try {\n      const resp = await queryDeviceUpdate(device.id, data);\n      if (resp.includes(\"OK\")) {\n        console.log(\"resp\", resp);\n      }\n      // setLoading(false);\n      // alarm\n      setSnackbar({\n        ...snackbar,\n        open: true,\n        message: \"Dashboard configuration updated!\",\n        autoHideDuration: 3000,\n        severity: \"info\"\n      });\n\n      handleTree(tree);\n    } catch (error) {\n      console.log(error);\n      // setLoading(false);\n    }\n\n    handleClose();\n  };\n\n  const handleChange = (name) => (event) => {\n    console.log(\"handleChange()\", name, event.target.value);\n    setTree({ ...tree, [name]: parseInt(event.target.value) });\n  };\n\n  return (\n    <div className={classes.root}>\n      <Dialog\n        onClose={handleClose}\n        open={open}\n        PaperProps={{\n          classes: {\n            root: classes.paper\n          }\n        }}\n      >\n        <DialogContent>\n          <Typography variant=\"body1\" className={classes.text}>\n            시스템 설정 정보를 입력하세요.\n          </Typography>\n          <TextField\n            id=\"text\"\n            label=\"Number of Bank\"\n            margin=\"normal\"\n            defaultValue={treeConfig.bank}\n            onChange={handleChange(\"bank\")}\n            // size=\"small\"\n            className={classes.textField}\n          />\n          <TextField\n            id=\"text\"\n            label=\"Number of Cell\"\n            margin=\"normal\"\n            defaultValue={treeConfig.cell}\n            onChange={handleChange(\"cell\")}\n            // size=\"small\"\n            className={classes.textField}\n          />\n        </DialogContent>\n        <DialogActions style={{ marginBottom: 10, marginRight: 10 }}>\n          <Button size=\"small\" variant=\"outlined\" onClick={handleClose}>\n            CANCLE\n          </Button>\n          <Button size=\"small\" variant=\"outlined\" onClick={handleSave}>\n            SAVE\n          </Button>\n          {/* <ProgressButton onClick={handleSave} loading={loading} align=\"right\">\n          Save and apply\n        </ProgressButton> */}\n        </DialogActions>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default DashboardConfigForm;\n","import React, { useState, useEffect } from \"react\";\nimport { Switch, Route, useRouteMatch, useHistory } from \"react-router-dom\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport { makeStyles, Typography, Grid, Button } from \"@material-ui/core\";\nimport { withStyles } from \"@material-ui/styles\";\nimport { TreeView } from \"@material-ui/lab\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport ChevronRightIcon from \"@material-ui/icons/ChevronRight\";\nimport MuiTreeItem from \"@material-ui/lab/TreeItem\";\n\nimport { deviceIdState, userDeviceListState, isDeviceLoadedState } from \"common/store\";\nimport SelectUserDevice from \"views/LinkedNode/SelectUserDevice\";\n\nimport BankDetail from \"./BankDetail\";\nimport CellDetail from \"./CellDetail\";\nimport TopDetail from \"./TopDetail\";\nimport DashboardConfigForm from \"./DashboardConfigForm\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: theme.spacing(3)\n  },\n  treeView: {\n    margin: theme.spacing(1)\n  }\n}));\n\nconst TreeItem = withStyles({\n  root: {\n    \"&.MuiTreeItem-root.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label\": {\n      backgroundColor: \"#e8eaf6\",\n      color: \"#3f51b5\"\n    }\n  },\n  label: { fontSize: 17 }\n})(MuiTreeItem);\n\nconst makeTreeArray = (name, number) => {\n  let array = [];\n  for (let i = 1; i <= number; i++) {\n    let numStr = String(i).padStart(2, \"0\");\n    let obj = {\n      name: `${name}-${numStr}`,\n      key: `${numStr}`\n    };\n    array.push(obj);\n  }\n  // console.log(\"array ==>\", array);\n  return array;\n};\n\nconst NodeDashboardView = () => {\n  const classes = useStyles();\n  const history = useHistory();\n  const { path, url } = useRouteMatch();\n\n  const [ deviceId, setDeviceId ] = useRecoilState(deviceIdState);\n  const userDevices = useRecoilValue(userDeviceListState);\n  const isDeviceLoaded = useRecoilValue(isDeviceLoadedState);\n\n  const [ tree, setTree ] = useState({\n    bank: 1,\n    cell: 10\n  });\n  const [ bankArray, setBankArray ] = useState(makeTreeArray(\"Bank\", 1));\n  const [ cellArray, setCellArray ] = useState(makeTreeArray(\"Cell\", 10));\n\n  const [ selectedMac, setSelectedMac ] = useState(\"\");\n  const [ bankIndex, setBankIndex ] = useState(\"00\");\n  const [ cellIndex, setCellIndex ] = useState(\"00\");\n\n  // const [ nodes, setNodes ] = useState(tempNodeDevices);\n  const [ nodes, setNodes ] = useState([]);\n  const [ openDialog, setOpenDialog ] = useState(false);\n\n  const selectedDevice = userDevices.filter((device) => device.id === deviceId)[0];\n\n  // console.log(\"<NodeDashboardView>\", selectedDevice);\n\n  useEffect(\n    () => {\n      try {\n        const getNodes = () => {\n          if (selectedDevice !== undefined) {\n            if (selectedDevice.hasOwnProperty(\"properties\")) {\n              if (selectedDevice.properties.hasOwnProperty(\"reported\")) {\n                if (selectedDevice.properties.reported.hasOwnProperty(\"NodeDevices\")) {\n                  // Node device list\n                  let newNodes = selectedDevice.properties.reported.NodeDevices;\n                  // console.log(\"=> Load Nodes:\", newNodes);\n                  setNodes(newNodes);\n                } else {\n                  setNodes([]);\n                }\n              } else {\n                setNodes([]);\n              }\n            } else {\n              setNodes([]);\n            }\n          }\n        };\n\n        const getTreeInfo = () => {\n          if (selectedDevice !== undefined) {\n            if (selectedDevice.hasOwnProperty(\"tree\")) {\n              console.log(\"Load tree config\", selectedDevice.tree);\n              handleTree(selectedDevice.tree);\n              setTree(selectedDevice.tree);\n            }\n          }\n        };\n\n        // Call function\n        getNodes();\n        getTreeInfo();\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    [ deviceId ]\n  );\n\n  const handleLabelClick = (name) => (event) => {\n    event.preventDefault();\n\n    // console.log(\"handleLabelClick:\", name);\n    let targetUrl = \"\";\n\n    let addr = name.split(\"-\");\n\n    if (addr.length === 3) {\n      // name includes cell number\n      setSelectedMac(addr[0]);\n      setBankIndex(addr[1]);\n      setCellIndex(addr[2]);\n    } else if (addr.length === 2) {\n      setSelectedMac(addr[0]);\n      setBankIndex(addr[1]);\n      setCellIndex(\"00\");\n    } else {\n      setSelectedMac(addr[0]);\n      setBankIndex(\"00\");\n      setCellIndex(\"00\");\n    }\n\n    targetUrl = `${url}/${name}`;\n\n    // console.log(\"handleLabelClick() targetUrl:\", targetUrl);\n    history.push(targetUrl);\n  };\n\n  const handleSelect = (value) => {\n    setDeviceId(value);\n  };\n\n  useEffect(\n    () => {\n      // Init url\n      history.push(`${url}`);\n      // history.push(\"/nodedashboard\");\n      return () => {};\n    },\n    [ deviceId ]\n  );\n\n  const handleTree = (tree) => {\n    try {\n      // console.log(\"handleTree()\", tree);\n      setTree(tree);\n\n      setBankArray(makeTreeArray(\"Bank\", tree.bank));\n      setCellArray(makeTreeArray(\"Cell\", tree.cell));\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  return (\n    <div className={classes.root}>\n      {/* <Typography variant=\"h5\" style={{ marginBottom: 20 }}>\n        Node's Dashboard\n      </Typography> */}\n      <Grid container>\n        <Grid item sm={8} xs={12}>\n          {userDevices.length > 0 ? (\n            <SelectUserDevice\n              handleSelect={handleSelect}\n              userDevices={userDevices}\n              isDeviceLoaded={isDeviceLoaded}\n            />\n          ) : (\n            <Typography variant=\"h6\" color=\"secondary\">\n              There is no registered device.\n            </Typography>\n          )}\n        </Grid>\n      </Grid>\n\n      {selectedDevice !== undefined ? (\n        <div>\n          <Button variant=\"outlined\" color=\"primary\" onClick={() => setOpenDialog(true)}>\n            Config\n          </Button>\n          {nodes.length > 0 ? (\n            <Grid container spacing={2}>\n              <Grid item sm={2} xs={12}>\n                <TreeView\n                  className={classes.treeView}\n                  defaultCollapseIcon={<ExpandMoreIcon />}\n                  // defaultExpanded={[ \"root\" ]}\n                  defaultExpandIcon={<ChevronRightIcon />}\n                >\n                  {/* ====================> Device list for test */}\n                  {/* {selectedDevice.nodeDevices.map(({ mac }) => ( */}\n                  {nodes.map(({ mac }) => (\n                    <TreeItem\n                      key={mac}\n                      nodeId={mac}\n                      label={mac}\n                      onLabelClick={handleLabelClick(mac)}\n                    >\n                      {bankArray.map((bank) => (\n                        <TreeItem\n                          key={mac + \"-\" + bank.key}\n                          nodeId={mac + \"-\" + bank.key}\n                          label={bank.name}\n                          onLabelClick={handleLabelClick(mac + \"-\" + bank.key)}\n                        >\n                          {cellArray.map((cell) => (\n                            <TreeItem\n                              key={mac + \"-\" + bank.key + \"-\" + cell.key}\n                              nodeId={mac + \"-\" + bank.key + \"-\" + cell.key}\n                              label={cell.name}\n                              onLabelClick={handleLabelClick(\n                                mac + \"-\" + bank.key + \"-\" + cell.key\n                              )}\n                            />\n                          ))}\n                        </TreeItem>\n                      ))}\n                    </TreeItem>\n                  ))}\n                  {/* </TreeItem> */}\n                </TreeView>\n              </Grid>\n              <Grid item sm={10} xs={12}>\n                <Switch>\n                  <Route exact path={`${path}/:name`}>\n                    {cellIndex !== \"00\" ? (\n                      <CellDetail selectedMac={selectedMac} cellIndex={cellIndex} />\n                    ) : (\n                      <div>\n                        {cellIndex === \"00\" && bankIndex === \"00\" ? (\n                          <TopDetail selectedMac={selectedMac} />\n                        ) : (\n                          <BankDetail\n                            cellArray={cellArray}\n                            selectedMac={selectedMac}\n                            bankIndex={bankIndex}\n                            tree={tree}\n                          />\n                        )}\n                      </div>\n                    )}\n                  </Route>\n                </Switch>\n              </Grid>\n            </Grid>\n          ) : (\n            <Typography variant=\"h5\" style={{ padding: 25 }}>\n              Can't found Node device.\n            </Typography>\n          )}\n\n          <DashboardConfigForm\n            device={selectedDevice}\n            handleClose={() => setOpenDialog(false)}\n            open={openDialog}\n            handleTree={handleTree}\n            treeConfig={tree}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default NodeDashboardView;\n","import React, { useEffect } from \"react\";\n// import Iframe from \"react-iframe\";\n\nimport { docsUrl } from \"common/webConfig\";\n\nconst DocumentView = () => {\n  useEffect(() => {}, []);\n\n  return (\n    <iframe\n      src={docsUrl}\n      id=\"docs\"\n      title=\"docs\"\n      style={{ border: \"none\", display: \"block\", width: \"87.5vw\", height: \"89.6vh\" }}\n    />\n    // <Iframe\n    //   url=\"https://wiznet-azure-sphere.github.io/WIZnet-ASG-DM-Docs/\"\n    //   height=\"100%\"\n    //   width=\"100%\"\n    //   id=\"docs\"\n    //   // className=\"myClassname\"\n    //   display=\"initial\"\n    //   position=\"relative\"\n    //   styles={{ border: \"none\" }}\n    // />\n  );\n};\n\nexport default DocumentView;\n","import React from \"react\";\nimport { Switch, Redirect } from \"react-router-dom\";\n\nimport { RouteWithLayout } from \"./components\";\nimport { Main as MainLayout, Minimal as MinimalLayout } from \"./layouts\";\n\nimport {\n  // NotFound as NotFoundView,\n  UserDevice as UserDeviceView,\n  TestPage as TestView,\n  DeviceFOTA as DeviceFotaView,\n  LinkedNode as LinkedNodeView,\n  NodeLog as NodeLogView,\n  NodeData as NodeDataView,\n  NodeDashboard as NodeDashboardView,\n  Document as DocumentView\n} from \"./views\";\n\nconst Routes = () => {\n  return (\n    <Switch>\n      {/* <RouteWithLayout component={LoginView} exact layout={MinimalLayout} path=\"/\" /> */}\n      <Redirect exact from=\"/\" to=\"/mydevices\" />\n\n      <RouteWithLayout\n        component={LinkedNodeView}\n        exact\n        layout={MainLayout}\n        path=\"/linkednodes\"\n      />\n      <RouteWithLayout\n        component={NodeLogView}\n        exact\n        layout={MainLayout}\n        path=\"/nodelog\"\n      />\n      <RouteWithLayout\n        component={NodeDataView}\n        exact\n        layout={MainLayout}\n        path=\"/nodesdata\"\n      />\n      <RouteWithLayout\n        component={NodeDashboardView}\n        // exact\n        layout={MainLayout}\n        path=\"/nodedashboard\"\n      />\n      <RouteWithLayout\n        component={UserDeviceView}\n        exact\n        layout={MainLayout}\n        path=\"/mydevices\"\n      />\n      <RouteWithLayout\n        component={DeviceFotaView}\n        exact\n        layout={MainLayout}\n        path=\"/fota\"\n      />\n\n      <RouteWithLayout component={DocumentView} exact layout={MainLayout} path=\"/docs\" />\n\n      {/* <RouteWithLayout\n        component={DashboardMultiView}\n        exact\n        layout={MainLayout}\n        path=\"/multiboard\"\n      /> */}\n\n      <RouteWithLayout component={TestView} exact layout={MinimalLayout} path=\"/test\" />\n\n      {/* <RouteWithLayout\n        component={NotFoundView}\n        exact\n        layout={MinimalLayout}\n        path=\"/not-found\"\n      /> */}\n      {/* <Redirect to=\"/notfound\" /> */}\n    </Switch>\n  );\n};\n\nexport default Routes;\n","import React from \"react\";\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport { RecoilRoot } from \"recoil\";\n\nimport { createBrowserHistory } from \"history\";\nimport { ThemeProvider } from \"@material-ui/styles\";\n\nimport theme from \"./theme\";\nimport \"react-perfect-scrollbar/dist/css/styles.css\";\n// import \"./assets/scss/index.scss\";\nimport Routes from \"./Routes\";\nimport { SignalProvider } from \"contexts/signalContext\";\nimport { MsalAuthProvider } from \"contexts/msalAuthContext\";\n\n// MSAL imports\nimport { InteractionType } from \"@azure/msal-browser\";\nimport { MsalProvider, MsalAuthenticationTemplate } from \"@azure/msal-react\";\nimport { loginRequest } from \"common/authConfig\";\n\nconst browserHistory = createBrowserHistory();\n\nconst App = ({ pca }) => {\n  const authRequest = {\n    ...loginRequest\n  };\n\n  return (\n    <Router basename={process.env.PUBLIC_URL} history={browserHistory}>\n      <ThemeProvider theme={theme}>\n        <MsalProvider instance={pca}>\n          <RecoilRoot>\n            <MsalAuthenticationTemplate\n              authenticationRequest={authRequest}\n              interactionType={InteractionType.Redirect}\n            >\n              <MsalAuthProvider>\n                <SignalProvider>\n                  <Routes />\n                </SignalProvider>\n              </MsalAuthProvider>\n            </MsalAuthenticationTemplate>\n          </RecoilRoot>\n        </MsalProvider>\n      </ThemeProvider>\n    </Router>\n  );\n};\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\n\nimport * as serviceWorker from \"./serviceWorker\";\nimport App from \"./App\";\n\nimport { PublicClientApplication } from \"@azure/msal-browser\";\nimport { msalConfig } from \"common/authConfig\";\n\nconst msalInstance = new PublicClientApplication(msalConfig);\n\nReactDOM.render(<App pca={msalInstance} />, document.getElementById(\"root\"));\n\nserviceWorker.unregister();\n"],"sourceRoot":""}