{"version":3,"sources":["_metronic/layout/core/LayoutSetup.ts","_metronic/layout/components/header/Topbar.tsx","_metronic/layout/components/header/HeaderWrapper.tsx","app/ui/sensor/config/SensorArea.jsx","app/ui/sensor/config/display.jsx","_metronic/layout/core/MetronicSplashScreen.tsx","app/ui/dashboard/MyPlace.jsx","_metronic/helpers/AssetHelpers.ts","_metronic/helpers/RouterHelpers.ts","_metronic/helpers/components/KTSVG.tsx","_metronic/helpers/dataExamples.ts","_metronic/layout/core/DefaultLayoutConfig.ts","_metronic/layout/core/LayoutProvider.tsx","_metronic/layout/core/PageData.tsx","_metronic/partials/content/dropdown/Dropdown2.tsx","app/ui/sensor/config/my_great_place_styles.js","app/ui/sensor/config/Map.jsx","_metronic/partials/content/dropdown/Dropdown1.tsx","_metronic/layout/components/header/page-title/DefaultTitle.tsx","app/ui/sensor/config/DisplayGroup.jsx","_metronic/partials/layout/explore/Toggle.tsx","app/ui/sensor/config/chart/Chartj.jsx","_metronic/partials/widgets/mixed/MixedWidget1.tsx","_metronic/partials/widgets/mixed/MixedWidget7.tsx","_metronic/partials/widgets/mixed/MixedWidget10.tsx","_metronic/partials/widgets/mixed/MixedWidget49.tsx","_metronic/partials/widgets/mixed/MixedWidget20_1.tsx","_metronic/partials/widgets/mixed/SmartTile.tsx","_metronic/partials/widgets/mixed/SmartGasHealth.tsx","app/ui/dashboard/SensorView.jsx","DataLayer.jsx","app/ui/dashboard/SensorView2.jsx","app/ui/dashboard/SensorView3.jsx","app/ui/sensor/config/my_great_place.jsx","app/ui/sensor/config/Test.jsx","_metronic/assets/ts/_utils/_ElementStyleUtil.ts","_metronic/assets/ts/_utils/_DataUtil.ts","_metronic/assets/ts/_utils/_TypesHelpers.ts","_metronic/assets/ts/_utils/_DOMEventHandlerUtil.ts","_metronic/assets/ts/_utils/ElementAnimateUtil.ts","_metronic/assets/ts/_utils/DomHelpers.ts","_metronic/assets/ts/_utils/EventHandlerUtil.ts","_metronic/assets/ts/components/_CookieComponent.ts","_metronic/assets/ts/components/_DrawerComponent.ts","_metronic/assets/ts/components/_FeedbackComponent.ts","_metronic/assets/ts/components/_ImageInputComponent.ts","_metronic/assets/ts/components/_ScrollComponent.ts","_metronic/assets/ts/components/_ScrollTopComponent.ts","_metronic/assets/ts/components/_StepperComponent.ts","_metronic/assets/ts/components/_StickyComponent.ts","_metronic/assets/ts/components/_ToggleComponent.ts","_metronic/assets/ts/components/_PasswordMeterComponent.ts","_metronic/assets/ts/components/_PlaceComponent.ts","_metronic/assets/ts/components/MenuComponent.ts","_metronic/assets/ts/components/SearchComponent.ts","app/ui/common/commonResource2.jsx","app/ui/helpers/Dictionary.jsx","app/ui/sensor/helpers/calc_markers_visibility.js","app/ui/helpers/WindowDimension.jsx","app/ui/common/commonResource.jsx","app/modules/auth/components/Registration.tsx","app/modules/auth/components/ForgotPassword.tsx","app/modules/auth/redux/AuthCRUD.ts","app/modules/auth/redux/AuthRedux.ts","app/modules/auth/components/Login.jsx","app/modules/auth/AuthPage.tsx","app/modules/auth/__mocks__/usersTableMock.ts","app/modules/auth/Logout.tsx","app/modules/auth/redux/AuthInit.tsx","setup/redux/RootReducer.ts","setup/redux/Store.ts","reducer.js","_metronic/i18n/Metronici18n.tsx","_metronic/i18n/i18nProvider.tsx","_metronic/layout/components/toolbar/Toolbar1.tsx","_metronic/layout/components/toolbar/Toolbar.tsx","_metronic/layout/components/ScrollTop.tsx","_metronic/layout/MasterInit.tsx","_metronic/layout/MasterLayout.tsx","app/ui/helpers/commonResource.jsx","app/ui/layout/AllLayouts.jsx","app/ui/layout/AllAlerts.jsx","app/ui/dashboard/Dashboard.tsx","app/ui/sensor/config/TagConfig.jsx","app/ui/sensor/config/index.jsx","app/ui/layout/Alert.jsx","app/ui/layout/AllGroups.jsx","app/ui/layout/NewLayout.jsx","app/ui/layout/Design.jsx","app/ui/sensor/config/ObjectViewer.jsx","app/ui/helpers/LoadingSentrum.jsx","app/ui/dashboard/SubSectorManager.jsx","app/ui/dashboard/FacilityManager.jsx","app/ui/dashboard/FactoriesManager.jsx","app/ui/dashboard/BusinessUnitManager.jsx","app/ui/dashboard/BusinessUnitDetailManager.jsx","app/ui/dashboard/BusinessUnitDetailManager2.jsx","app/ui/dashboard/Smartgas1.jsx","app/routing/PrivateRoutes.tsx","app/modules/errors/components/Error500.tsx","app/modules/errors/components/Error404.tsx","app/modules/errors/ErrorsPage.tsx","app/ui/sensor/config/MainDashboard.jsx","app/ui/sensor/config/FactoryDashboard.jsx","app/ui/sensor/config/DetailDashboard.jsx","app/ui/sensor/config/ViewAll.jsx","app/routing/Routes.tsx","app/App.tsx","index.tsx","app/ui/sensor/helpers/marker_styles.js","app/ui/sensor/config/marker_example.jsx","app/ui/sensor/helpers/balloon_pos.js","app/ui/helpers/loading.jsx","_metronic/layout/components/aside/AsideMenuItemWithSub.tsx","_metronic/layout/components/aside/AsideMenuItem.tsx","_metronic/layout/components/aside/AsideMenuMain.jsx","_metronic/layout/components/aside/AsideMenu.tsx","_metronic/layout/components/aside/AsideDefault.tsx","app/ui/helpers/message.jsx","_metronic/partials/layout/header-menus/HeaderUserMenu.tsx","_metronic/partials/chat/ChatInner.tsx","_metronic/partials/modals/create-app/Main.tsx","_metronic/layout/components/Footer.tsx","_metronic/layout/components/Content.tsx"],"names":["LAYOUT_CONFIG_KEY","getEmptyCssClasses","header","headerContainer","headerMobile","headerMenu","aside","asideMenu","asideToggle","toolbar","toolbarContainer","content","contentContainer","footerContainer","sidebar","pageTitle","getEmptyHTMLAttributes","Map","getEmptyCSSVariables","body","LayoutSetup","classes","attributes","Object","assign","cssVariables","config","Array","from","document","forEach","attr","removeAttribute","name","setAttribute","main","backgroundImage","style","class","classList","add","push","width","fixed","desktop","tabletAndMobile","display","tabletAndMobileMode","type","layout","typeOptions","layouts","bodyStyles","height","heightAndTabletMobileMode","direction","this","responsive","set","responsiveBreakpoint","responsiveTarget","theme","minimized","hoverable","darkSkinEnabled","initLayout","initHeader","initPageTitle","initToolbar","initContent","initAside","initFooter","footer","initAsideMenu","fieldsToUpdate","updatedConfig","initCSSClasses","initCSSVariables","initHTMLAttributes","isLoaded","initConfig","localStorage","setItem","JSON","stringify","er","console","error","setLayout","ls","getItem","parse","DefaultLayoutConfig","getLayout","bootstrap","updatePartialConfig","Topbar","useLayout","useDataLayerValue","user","className","clsx","id","fontSize","firstName","left","title","path","HeaderWrapper","pathname","useLocation","useEffect","MenuComponent","reinitialization","window","location","hostname","toLowerCase","join","to","alt","src","toAbsoluteUrl","DefaultTitle","require","SensorArea","props","RADIAN","Math","PI","Gradients","item","lines","undefined","length","index","element","dataKey","x1","y1","x2","y2","offset","stopColor","stroke","stopOpacity","fillTopOpacity","fillBottomOpacity","Article","LineCode","Line","strokeWidth","dot","activeDot","r","fillOpacity","fill","stackId","renderCustomizedLabel","cx","cy","midAngle","innerRadius","outerRadius","percent","radius","x","cos","y","sin","textAnchor","dominantBaseline","toFixed","state","SensorList","map","note","defaultPosition","defaultPos","onStart","fontFamily","zIndex","position","href","url","target","displayName","color","captionWidth","float","valueWidth","textAlign","right","marginTop","value","icon","backgroundColor","isNotify","marginLeft","trigger","cursor","modal","close","onClick","borderBottom","dangerouslySetInnerHTML","__html","paddingTop","paddingLeft","padding","cellpadding","cellspacing","transform","transformOrigin","role","data","isEnableCartesianGrid","strokeDasharray","dy","xAxis","minTickGap","axisLine","interval","angle","dx","label","yAxis","tickLine","domain","isLegend","legend","verticalAlign","align","margin","top","isTooltip","labelLine","bottom","randomColor","Display","useState","connection","setConnection","reconnectRef","useRef","urlParams","URLSearchParams","search","isloading","setLoading","setsensorList","sensors","useFabricJSEditor","defaultStrokeColor","selection","selectedObjects","setSelectedObject","editor","onReady","text","setText","strokeColor","setStrokeColor","fillColor","setFillColor","isload","setisload","match","params","layoutName","imageData","devices","isZoom","globalJs","category","designObject","breadCrumbs","Data","DashboardStat","setState","hubService","process","start","then","result","current","onreconnecting","log","onclose","e","on","message","String","key","dataPacket","TimeStamp","round","Date","Packet","replace","newElements","entries","machineNo","lastUpdate","toString","object","packetType","Plant","notification","toastId","autoClose","hideProgressBar","closeOnClick","draggable","progress","transition","Bounce","eval","formula","catch","axios","method","headers","response","setTimeout","tempFeild1","newConnection","HubConnectionBuilder","withUrl","hub","withAutomaticReconnect","build","desginObject","version","objects","ds","lockMovementX","lockMovementY","lockScalingX","lockScalingY","lockRotation","hasControls","hasBorders","canvas","loadFromJSON","bodyCss","overflowX","hideAllNotification","toast","dismissAll","hideNotification","dismiss","getTransactionType","Flip","Slide","Zoom","getType","TYPE","INFO","ERROR","SUCCESS","WARNING","showNotification","isActive","render","update","info","warn","success","Notification","Type","Message","Position","Autoclose","pauseOnHover","backcss","sensorcss","getFullYear","code","breadcrumbs","overflow","MetronicSplashScreenContext","createContext","LayoutSplashScreen","visible","setCount","useContext","prev","MyPlace","shouldComponentUpdate","shouldPureComponentUpdate","Value","Link","greatPlaceStyle2","long_text","Component","defaultProps","checkIsActive","split","getCurrentUrl","indexOf","KTSVG","svgClassName","defaultMessages","time","template","defaultUserInfos","avatar","email","online","initials","messageFromClient","defaultAlerts","description","defaultLogs","settings_config","primaryColor","loader","scrolltop","menuIcon","megaMenu","menu","minimize","toolbar1","toolbar2","toolbar3","toolbar4","toolbar5","LayoutContext","disableSplashScreen","splashScreen","getElementById","setProperty","LayoutProvider","children","setConfig","setClasses","setAttributes","setCSSVariables","_themeConfig","enableSplashScreen","cl","remove","Provider","PageDataContext","setPageTitle","_title","setPageBreadcrumbs","_breadcrumbs","setPageDescription","_description","setPageCode","_code","PageDataProvider","pageDescription","pageBreadcrumbs","pageCode","usePageData","PageTitle","Dropdown2","K_HEIGHT","greatPlaceStyle","border","borderRadius","fontWeight","AnyReactComponent","center","lat","lng","zoom","K_MARGIN_TOP","K_MARGIN_RIGHT","K_MARGIN_BOTTOM","K_MARGIN_LEFT","K_HOVER_DISTANCE","loc","setLoc","locax","newState","obj","Lat","Lng","link","allSensors","bootstrapURLKeys","defaultCenter","defaultZoom","marker","Dropdown1","defaultValue","defaultChecked","isSeparator","DisplayGroup","Notifications","Toggle","ChartJS","register","CategoryScale","LinearScale","PointElement","LineElement","Title","Tooltip","Legend","Chartj","chartReference","React","createRef","refersh","sort","find","project","option","plugins","elements","line","tension","min","max","ticks","stepSize","labels","datasets","borderColor","RefreshData","datafield","status","labelsx","datax","chart","setInterval","ref","routeChange","MixedWidget1","factoryName","critical","warning","connected","alert","alldevice","val","parseFloat","MixedWidget7","chartColor","chartHeight","chartRef","ApexCharts","chartOptions","destroy","baseColor","getCSSVariableValue","lightColor","series","plotOptions","radialBar","hollow","size","dataLabels","show","offsetY","formatter","track","background","colors","lineCap","MixedWidget10","extra","Description","Name","Note","transformString","str","MixedWidget49","objList","ncu_fw_ver","filter","FieldName","imei","BAT_VOL","GAS_METER","F_DATETIME","RSSI","TANK_SIZE","pr","colurx","boxSizing","animation","Pg","MixedWidget20_1","timestamp","normal","parseInt","disable","SmartTile","funcsetGasInfo","t_NCU_FW_VER","deviceName","GateWay","t_IMEI","t_BAT_VOL","t_GAS_METER","t_F_DATETIME","t_RSSI","t_TANK_SIZE","GAS_PERCENT","t_GAS_PERCENT","d","E","SmartGasHealth","getSensorList","objectFit","SensorView","containerRef","isSubmitting","setSubmitting","token","dispatch","isChartLoading","setChartLoading","loadingMap","setLoadingMap","setdefaultProps","DeviceType","setDeviceType","InitialLoading2","setInitialLoading2","objBrowser","gpsData","PlayCount","setPlayCount","PlayUpToCount","setPlayUpToCount","setdata","gps_data","setgps_data","isPlaying","borderWidth","chartData","setChartData","factories","subSectorName","subSectorCode","sectorName","sectorCode","factroyName","factroyCode","unitName","unitCode","Sensor","Field","Live","Min","Max","Status","NormalRange","WarningRange","CriticalRange","DisableRange","live","setLive","annotation","annotations","line1","yMin","yMax","bezierCurve","lineTension","TablesWidget10","columns","useMemo","Header","accessor","useTable","initialState","pageIndex","pageSize","globalFilter","useGlobalFilter","usePagination","getTableProps","getTableBodyProps","prepareRow","headerGroups","page","canPreviousPage","canNextPage","pageOptions","pageCount","gotoPage","nextPage","previousPage","setPageSize","preGlobalFilteredRows","setGlobalFilter","colSpan","row","i","getRowProps","values","formatCode","priority","facilityName","createdOn","remain","disabled","onChange","Number","countdown","setCountdown","countdown2","setCountdown2","axioDefaultConfig","Authorization","_labels","_data","_gps_data","list","gps","Ignition","Bruno","person","ignition","endDate","waiting","dateConverter","currrent","date","normalRange","warningRange","criticalRange","disableRange","countdownInterval","prevCountdown","clearInterval","unitModels","automationChannel","startDate","timeEnd","newStartDate","newEndDate","ceil","getTime","floor","OnReset","Play","countdownInterval2","scrollTop","scrollHeight","handleWheel","event","clientHeight","deltaY","preventDefault","onClearFilter","onSelect","index2","onStop","onPlay","statusColorClass","initialValues","datex","Ftype","onSubmit","handleChange","errors","touched","handleBlur","handleSubmit","onBlur","substring","onWheel","DataLayerContext","DataLayer","reducer","useReducer","SensorView2","Bat","bat","Bluethooth","bluethooth","Version","TankSize","tanksize","SensorView3","package","MyGreatPlace","uv","pv","amt","ElementStyleUtil","property","important","attributeName","getPropertyValue","attibuteName","removeProperty","DataUtil","instance","instanceData","store","get","newMap","delete","has","v","k","getObjectPropertyValueByKey","hasOwnProperty","getUniqueIdWithPrefix","prefix","random","stringSnakeToCamel","m","toUpperCase","DOMEventHandlerUtil","selector","eventName","callBack","eventId","targets","querySelectorAll","call","parentElement","addEventListener","funcFromStore","removeEventListener","calee","currentTarget","ElementAnimateUtil","duration","complete","easings","t","b","c","change","performance","now","requestAnimationFrame","loop","animationName","animateClasses","cssClass","one","targetPos","getElementOffset","scrollPos","pageYOffset","documentElement","animate","scrollTo","getCSS","el","styleProp","defaultView","ownerDocument","getComputedStyle","variableName","hex","trim","getElementActualCss","prop","cache","css","getAttribute","cssText","offsetWidth","offsetHeight","attributeValue","getElementIndex","parentNode","getElementMatches","p","Element","prototype","f","matches","webkitMatchesSelector","tagName","getClientRects","rect","getBoundingClientRect","win","pageXOffset","getElementParents","s","parents","getHighestZindex","bufferNode","buffer","isNaN","getScrollTop","scrollingElement","getViewPort","innerWidth","innerHeight","insertAfterElement","referenceNode","insertBefore","nextSibling","isVisibleElement","throttle","timer","func","delay","getElementChild","childNodes","child","nodeType","getElementChildren","slide","dir","speed","callback","calcHeight","getElementActualHeight","calcPaddingTop","calcPaddingBottom","paddingBottom","slideUp","slideDown","getBreakpoint","breakpoint","getAttributeValueByBreakpoint","incomingAttr","jsonStr","matched","toJSON","resultKey","resultBreakpoint","EventHandlerUtil","metas","handlerId","meta","getEventMetasByName","setEventMetasByName","handerId","fired","getEventsMetaByHandlerId","setEventMetaByNameAndHandlerId","handler","setFiredByNameAndHandlerId","addEvent","removeEvent","CookieComponent","cookie","RegExp","decodeURIComponent","cookieOptions","options","expires","toUTCString","updatedCookie","encodeURIComponent","optionKey","optionValue","DrawerStore","instanceId","drawerComponentObj","defaultDrawerOptions","overlay","baseClass","overlayClass","DrawerComponent","_element","overlayElement","toggleElement","instanceUid","shown","lastWidth","closeElement","_handlers","togglers","_getOption","closers","_toggle","_hide","_update","hasBaseClass","contains","bodyCanvasAttr","optionName","_show","_deleteOverlay","_createOverlay","createElement","elementZIndex","overlayZindex","append","overlayClassOption","removeChild","_getDirection","_getWidth","toggle","hide","isShown","goElement","off","drawer","getInstance","hasInstace","elementId","hideAll","getAllInstances","dr","updateAll","handleDismiss","closest","createInstances","initGlobalHandlers","defaultImageInputOptions","defaultImageInputQueires","componentName","instanseQuery","inputQuery","wrapperQuery","cancelQuery","removeQuery","hiddenQuery","ImageInputComponent","_options","_queries","inputElement","wrapperElement","cancelElement","removeElement","hiddenElement","queries","uid","_change","files","reader","FileReader","onload","readAsDataURL","_cancel","_remove","querySelector","handlers","ImageInput","createInsance","defaultScrollOptions","saveState","ScrollComponent","getOption","hasAttribute","getHeightType","getAutoHeight","dependencies","wrappers","len","borderTop","setupHeight","getHeight","heightType","setupState","pos","setupScrollHandler","scrollHandler","cookieId","destroyScrollHandler","resetHeight","heghtType","Function","getElement","scroll","resize","createInstance","defaultScrollTopOptions","ScrollTopComponent","_scroll","_go","go","goTop","defaultStepperOptions","startIndex","animationSpeed","animationNextClass","animationPreviousClass","StepperComponent","steps","btnNext","btnPrev","btnSubmit","totatStepsNumber","passedStepIndex","currentStepIndex","_goTo","refreshUI","initHandlers","stepDirection","_getStepDirection","getStepContent","getLastStepIndex","getTotalStepsNumber","isLastStep","isFirstStep","animateClass","isBetweenStep","goto","goNext","getNextStepIndex","goPrev","getPrevStepIndex","goFirst","goLast","getCurrentStepIndex","getPassedStepIndex","stepper","defaultStickyOptions","reverse","animationClass","StickyComponent","instanceName","eventTriggerState","lastScrollTop","offsetNum","st","enable","dataStickyAttr","attrValueInStr","attrValue","zindex","widthTarget","targetElement","offsetLeft","sticky","defaultToggleOptions","ToggleComponent","attribute","_isEnabled","_disable","_enable","isEnabled","elementTargetAttr","elementToggleAttr","defaultPasswordMeterOptions","minLength","checkUppercase","checkLowercase","checkDigit","checkChar","scoreHighlightClass","defaultPasswordMeterQueires","visibilityQuery","highlightQuery","PasswordMeterComponent","visibilityElement","highlightElement","score","checkSteps","reset","highlight","check","visitbility","visibleIcon","hiddenIcon","focus","test","count","items","slice","total","checkScore","getCheckScore","getScore","checkLength","checkLowerCase","passwordMeter","defaultPlaceOptions","mode","defaultPlaceQueires","attrQuery","PlaceComponent","parentSelector","prepend","place","defaultMenuOptions","dropdown","hoverTimeout","accordion","slideSpeed","expand","triggerElement","_setTriggerElement","_isTriggerElement","_getItemOption","_getItemElement","itemElement","sub","subItem","_getItemParentElement","parentItem","_getItemParentElements","parent","unshift","_getDropdownPopperConfig","placementOption","placement","flipValue","flip","offsetValue","strategy","modifiers","rootBoundary","altBoundary","fallbackPlacements","_getItemChildElement","_getItemChildElements","_getItemSubElement","_getCss","_getItemSubType","_isItemSubShown","_isItemDropdownPermanent","_isItemParentShown","_isItemSubElement","_hasItemSub","_getItemLinkElement","_getItemToggleElement","_showDropdown","hideDropdowns","parentZindex","initDropdownPopper","appendChild","reference","attach","popper","createPopper","_hideDropdown","destroyDropdownPopper","_showAccordion","_hideAccordions","subElement","_hideAccordion","itemsToHide","itemToHide","_reset","removeClass","_destroy","_mouseout","timeout","_mouseover","clearTimeout","_dismiss","itemSubType","_link","_click","click","mouseover","mouseout","getItemTriggerType","getItemSubType","getItemLinkElement","getItemToggleElement","getItemSubElement","getItemParentElements","isItemSubShown","isItemParentShown","getTriggerElement","isItemDropdownPermanent","hideAccordions","elementMenu","menuData","subMenu","skip","updateDropdowns","forceUpdate","menuItem","menuInstance","menuItems","menuObj","stopPropagation","defaultSearchOptions","keypress","enter","showOnFocus","defaultSearchQueires","SearchComponent","contentElement","formElement","spinnerElement","clearElement","submitElement","toolbarElement","resultsElement","suggestionElement","emptyElement","processing","menuObject","_getElement","getResponsiveFormMode","blur","charCode","keyCode","input","clear","responsiveFormMode","isProcessing","getQuery","getMenu","getFormElement","Search","validateStatus","Dictionary","param","getIndex","keys","getItems","K_BEFORE_AFTER_SCALES","l","scale","reduce","sum","getWindowDimensions","useWindowDimensions","windowDimensions","setWindowDimensions","handleResize","ApiKey","RACT_APP_API_KEY","password","changepassword","registrationSchema","Yup","shape","required","when","is","oneOf","Registration","loading","setTempToken","Passwordaccesstoken","showPassword","setShowPassword","togglePasswordVisibility","formik","useFormik","validationSchema","setStatus","noValidate","placeholder","autoComplete","getFieldProps","forgotPasswordSchema","ForgotPassword","hasErrors","setHasErrors","isValid","API_URL","getUserByToken","firstname","saga","actionTypes","initialAuthState","accessToken","persistReducer","storage","whitelist","action","payload","actions","login","logout","requestUser","fulfillUser","setUser","takeLatest","loginSaga","put","registerSaga","userRequested","loginSchema","_token","Login","history","useHistory","isEndNode","facility","AuthPage","root","setBackgroundImage","backgroundImages","randomIndex","component","exact","UsersTableMock","Logout","useDispatch","auth","reload","table","username","refreshToken","roles","pic","fullname","lastname","occupation","companyName","phone","language","timeZone","website","emailSettings","emailNotification","sendCopyToPersonalEmail","activityRelatesEmail","youHaveNewNotifications","youAreSentADirectMessage","someoneAddsYouAsAsAConnection","uponNewOrder","newMembershipApproval","memberRegistration","updatesFromKeenthemes","newsAboutKeenthemesProductsAndFeatureUpdates","tipsOnGettingMoreOutOfKeen","thingsYouMissedSindeYouLastLoggedIntoKeen","newsAboutStartOnPartnerProductsAndOtherServices","tipsOnStartBusinessProducts","communication","sms","address","addressLine","city","postCode","socialNetworks","linkedIn","facebook","twitter","instagram","connect","connector","didRequest","showSplashScreen","setShowSplashScreen","useSelector","shallowEqual","a","rootSaga","rootReducer","combineReducers","all","sagaMiddleware","createSagaMiddleware","middleware","getDefaultMiddleware","immutableCheck","serializableCheck","thunk","configureStore","devTools","enhancers","reduxBatch","persistor","persistStore","run","serializedState","isLogged","loadState","I18N_CONFIG_KEY","REACT_APP_I18N_CONFIG_KEY","selectedLang","I18nContext","MetronicI18nProvider","lang","getConfig","allMessages","de","en","es","fr","ja","zh","I18nProvider","locale","messages","Toolbar1","Toolbar","ScrollTop","isFirstRun","reInitialization","stickyHeader","updateHeaderSticky","MasterInit","MasterLayout","AsideDefault","Content","Footer","validcoderegex","breadCrumb","GlobalFilter","setValue","setError","InitialLoading","setInitialLoading","handleErros","groupCode","pakages","AllLayout","sector","fK_SectorCode","AllAlerts","Dashboard","TagConfig","inputReference","useQuill","quill","quillRef","clipboard","dangerouslyPasteHTML","delta","oldDelta","source","hm","innerHTML","onkeyPress","fontStyle","rows","cols","Index","seX","setY","setItems","inputRef","currEditObject","setcurrEditObject","setFile","uploading","setUploading","isLoading","commentBox","setCommentBox","setFileName","isImageChanged","group","packages","newitem","uuidv4","luminosity","duplicate","copyItem","onSave","layoutTemp","editorData","onKeyPress","which","file","cb","onerror","getBase64","addCircle","addRectangle","addLine","fromx","fromy","tox","toy","atan2","points","pline","fabric","Polyline","opacity","originX","originY","selectable","renderAll","drawArrow","accept","FormData","onUploadProgress","loaded","Image","fromURL","oImg","hidden","for","updateText","addText","deleteSelected","borderStyle","newArr","updatePos","openOp","vl","Alert","setNotification","job","setJobs","setFacility","comment","validationRules","getNotificationType","getSheduleJobs","getfacility","getFormDetails","spread","getFormDetailsResponse","getnotifications","getJobs","fK_Layout","fK_NotificationCode","fK_SheduleJobCode","createdBy","resolvedBy","resolvedOn","closedBy","closedOn","AllGroups","NewLayout","setCode","copy","setCopy","copyMessage","setCopyMessage","copyMessageStatus","setCopyMessageStatus","orginalPacket","setOrginalPacket","clonePacket","setClonePacket","globalCss","onCopied","orginal","handleChange2","handleChangeOrginalPacket","handleChangeClonePacket","checked","Design","ObjectViewer","DisplayName","setDisplayName","Hub","setHub","filterList","setfilterList","pk","includes","HubFilter","Filter","LoadingSentrum","SectorManager","subSectors","IsRefesh","isExpired","newObjectArray","FacilityManager","detail","facilities","itemCount","FactoriesManager","CICL_Critical","CICL_Warning","CICL_Alert","CICL_AllConnect","CICL_Connect","BusinessUnitManager","factoryCode","businessUnits","factory","businessUnitModels","fK_SubSectorCode","fK_Factory","subsector","BusinessUnitDetailManager","units","packet","IsDataReceived","datapacket","Code","BusinessUnitDetailManager2","Smartgas1","GasInfo","setGasInfo","selected","setSelected","GasData","high","createBrowserHistory","PrivateRoutes","FactoryDetail","FactoryDetail2","SmartGas1","AlertMgt","Factory","Factories","Sector","Error500","Error404","ErrorsPage","DetailDashboard","ViewAll","Routes","App","basename","fallback","Chart","registerables","ReactDOM","textStyle_","K_SCALE_NORMAL","MapMarker","_onShowBallonStateChange","alive","onShowBallonStateChange","_onHoverStateChange","onHoverStateChange","_onMouseEnterContent","$onMouseAllow","_onMouseLeaveContent","_onCloseClick","onCloseClick","$hover","showBallon","hoveredAtTable","markerWidth","markerOffset","markerHolderStyle","origin","getMarkerHolderStyle","markerStyle","sizeOriginX","sizeOriginY","willChange","backgroundSize","backgroundRepeat","WebkitTransition","WebkitTransformOrigin","getMarkerStyle","zIndexStyle","textStyle","markerTextStyle","colorHex","colorHTML","calcMarkerTextStyle","showHint","hoverState","showBallonState","mapWidth","$geoService","getWidth","markerDim","$getDimensions","$dimensionKey","hintBaloonHorizontalPosStyle","K_BALLOON_WIDTH","leftX","rightX","mapOffset","getHintBaloonHorizontalPosStyle","hintBaloonVerticalPosClass","hintBalloonBottomOffsetClass","K_HINT_ARROW_WIDTH","noTransClass","noTransBalloonClass","imageClass","image","styleMarkerMarker","imageStyle","contrast","WebkitTransform","WebkitFilter","calcMarkerMarkerStyle","hintType","withText","onMouseEnter","onMouseLeave","prevProps","Loading","marginRight","AsideMenuItemWithSub","fontIcon","hasBullet","AsideMenuItem","active","AsideMenuMain","useIntl","index3","itm1","AsideMenu","asideMenuCSSClasses","scrollRef","ErrorMessage","HeaderUserMenu","lastName","appName","framework","dbName","dbType","nameOnCard","cardNumber","cardExpiryMonth","cardExpiryYear","cardCvv"],"mappings":"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","file":"static/js/main.ddcb2692.chunk.js","sourcesContent":["import {\r\n  IAside,\r\n  IContent,\r\n  IFooter,\r\n  IHeader,\r\n  IToolbar,\r\n  ILayout,\r\n  ILayoutCSSClasses,\r\n  ILayoutHTMLAttributes,\r\n  ILayoutCSSVariables,\r\n  IPageTitle,\r\n} from './LayoutModels'\r\nimport {DefaultLayoutConfig} from './DefaultLayoutConfig'\r\n\r\nconst LAYOUT_CONFIG_KEY = process.env.REACT_APP_BASE_LAYOUT_CONFIG_KEY || 'LayoutConfig'\r\n\r\nexport function getLayout(): ILayout {\r\n  const ls = localStorage.getItem(LAYOUT_CONFIG_KEY)\r\n  if (ls) {\r\n    try {\r\n      return JSON.parse(ls) as ILayout\r\n    } catch (er) {\r\n      console.error(er)\r\n    }\r\n  }\r\n  return DefaultLayoutConfig\r\n}\r\n\r\nfunction setLayout(config: ILayout): void {\r\n  try {\r\n    localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config))\r\n  } catch (er) {\r\n    console.error(er)\r\n  }\r\n}\r\n\r\nexport function getEmptyCssClasses() {\r\n  return {\r\n    header: [],\r\n    headerContainer: [],\r\n    headerMobile: [],\r\n    headerMenu: [],\r\n    aside: [],\r\n    asideMenu: [],\r\n    asideToggle: [],\r\n    toolbar: [],\r\n    toolbarContainer: [],\r\n    content: [],\r\n    contentContainer: [],\r\n    footerContainer: [],\r\n    sidebar: [],\r\n    pageTitle: [],\r\n  }\r\n}\r\n\r\nexport function getEmptyHTMLAttributes() {\r\n  return {\r\n    asideMenu: new Map(),\r\n    headerMobile: new Map(),\r\n    headerMenu: new Map(),\r\n    headerContainer: new Map(),\r\n    pageTitle: new Map(),\r\n  }\r\n}\r\n\r\nexport function getEmptyCSSVariables() {\r\n  return {\r\n    body: new Map(),\r\n  }\r\n}\r\n\r\nexport class LayoutSetup {\r\n  public static isLoaded: boolean = false\r\n  public static config: ILayout = getLayout()\r\n  public static classes: ILayoutCSSClasses = getEmptyCssClasses()\r\n  public static attributes: ILayoutHTMLAttributes = getEmptyHTMLAttributes()\r\n  public static cssVariables: ILayoutCSSVariables = getEmptyCSSVariables()\r\n\r\n  private static initCSSClasses(): void {\r\n    LayoutSetup.classes = getEmptyCssClasses()\r\n  }\r\n\r\n  private static initHTMLAttributes(): void {\r\n    LayoutSetup.attributes = Object.assign({}, getEmptyHTMLAttributes())\r\n  }\r\n\r\n  private static initCSSVariables(): void {\r\n    LayoutSetup.cssVariables = getEmptyCSSVariables()\r\n  }\r\n\r\n  private static initLayout(config: ILayout): void {\r\n    Array.from(document.body.attributes).forEach((attr) => {\r\n      document.body.removeAttribute(attr.name)\r\n    })\r\n    document.body.setAttribute('style', '')\r\n    document.body.setAttribute('id', 'kt_body')\r\n    if (config.main?.body?.backgroundImage) {\r\n      document.body.style.backgroundImage = `url('${config.main.body.backgroundImage}')`\r\n    }\r\n\r\n    if (config.main?.body?.class) {\r\n      document.body.classList.add(config.main.body.class)\r\n    }\r\n\r\n    // if (config.loader.display) {\r\n    //   document.body.classList.add('page-loading')\r\n    //   document.body.classList.add('page-loading-enabled')\r\n    // }\r\n  }\r\n\r\n  private static initHeader(config: IHeader): void {\r\n    LayoutSetup.classes.headerContainer.push(\r\n      config.width === 'fluid' ? 'container-fluid' : 'container'\r\n    )\r\n\r\n    if (config.fixed.desktop) {\r\n      document.body.classList.add('header-fixed')\r\n    }\r\n\r\n    if (config.fixed.tabletAndMobile) {\r\n      document.body.classList.add('header-tablet-and-mobile-fixed')\r\n    }\r\n  }\r\n\r\n  private static initToolbar(config: IToolbar): void {\r\n    if (!config.display) {\r\n      return\r\n    }\r\n\r\n    document.body.classList.add('toolbar-enabled')\r\n    LayoutSetup.classes.toolbarContainer.push(\r\n      config.width === 'fluid' ? 'container-fluid' : 'container'\r\n    )\r\n\r\n    if (config.fixed.desktop) {\r\n      document.body.classList.add('toolbar-fixed')\r\n    }\r\n\r\n    if (config.fixed.tabletAndMobileMode) {\r\n      document.body.classList.add('toolbar-tablet-and-mobile-fixed')\r\n    }\r\n\r\n    // Height setup\r\n    const type = config.layout\r\n    const typeOptions = config.layouts[type]\r\n    if (typeOptions) {\r\n      let bodyStyles: string = ''\r\n      if (typeOptions.height) {\r\n        bodyStyles += ` --kt-toolbar-height: ${typeOptions.height};`\r\n      }\r\n\r\n      if (typeOptions.heightAndTabletMobileMode) {\r\n        bodyStyles += ` --kt-toolbar-height-tablet-and-mobile: ${typeOptions.heightAndTabletMobileMode};`\r\n      }\r\n      document.body.setAttribute('style', bodyStyles)\r\n    }\r\n  }\r\n\r\n  private static initPageTitle(config: IPageTitle): void {\r\n    if (!config.display) {\r\n      return\r\n    }\r\n\r\n    if (config.direction === 'column') {\r\n      this.classes.pageTitle.push('flex-column')\r\n      this.classes.pageTitle.push('align-items-start')\r\n    } else {\r\n      this.classes.pageTitle.push('align-items-center')\r\n      this.classes.pageTitle.push('flex-wrap')\r\n    }\r\n    this.classes.pageTitle.push('me-3')\r\n\r\n    if (config.responsive) {\r\n      this.classes.pageTitle.push('mb-5')\r\n      this.classes.pageTitle.push('mb-lg-0')\r\n\r\n      LayoutSetup.attributes.pageTitle.set('data-kt-swapper', true)\r\n      LayoutSetup.attributes.pageTitle.set('data-kt-swapper-mode', 'prepend')\r\n      LayoutSetup.attributes.pageTitle.set(\r\n        'data-kt-swapper-parent',\r\n        `{ default: '#kt_content_container', '${config.responsiveBreakpoint}': '${config.responsiveTarget}'}`\r\n      )\r\n    }\r\n  }\r\n\r\n  private static initContent(config: IContent): void {\r\n    LayoutSetup.classes.contentContainer.push(\r\n      config.width === 'fluid' ? 'container-fluid' : 'container'\r\n    )\r\n    // if (Theme::getOption('layout', 'content/container-class')) {\r\n    // \tTheme::addHtmlClass('content-container', Theme::getOption('layout', 'content/container-class'));\r\n    // }\r\n  }\r\n\r\n  private static initAside(config: IAside): void {\r\n    // Check if aside is displayed\r\n    if (!config.display) {\r\n      return\r\n    }\r\n\r\n    // Enable Aside\r\n    document.body.classList.add('aside-enabled')\r\n    LayoutSetup.classes.aside.push(`aside-${config.theme}`)\r\n\r\n    // Fixed Aside\r\n    if (config.fixed) {\r\n      document.body.classList.add('aside-fixed')\r\n    }\r\n\r\n    // Default minimized\r\n    if (config.minimized) {\r\n      document.body.setAttribute('data-kt-aside-minimize', 'on')\r\n    }\r\n\r\n    // Hoverable on minimize\r\n    if (config.hoverable) {\r\n      LayoutSetup.classes.aside.push('aside-hoverable')\r\n    }\r\n  }\r\n\r\n  private static initAsideMenu(config: IAside): void {\r\n    // if (Theme::getOption('layout', 'aside/menu') === 'documentation') {\r\n    // \tself::$menu = new Menu( Theme::getOption('menu', 'documentation'), Theme::getPagePath() );\r\n    // } else {\r\n    // \tself::$menu = new Menu( Theme::getOption('menu', 'main'), Theme::getPagePath() );\r\n    // }\r\n    // if (Theme::getOption('layout', 'aside/menu-icons-display') === false) {\r\n    // \tself::$menu->displayIcons(false);\r\n    // }\r\n    // self::$menu->setIconType(Theme::getOption('layout', 'aside/menu-icon'));\r\n  }\r\n\r\n  // private static initSidebar(sidebarConfig: ISidebarConfig): void {\r\n  //   // / Set Sidebar enabled class\r\n  //   if (sidebarConfig.display) {\r\n  //     document.body.classList.add('sidebar-enabled')\r\n  //   } else {\r\n  //     return\r\n  //   }\r\n\r\n  //   // Set Sidebar shown status\r\n  //   if (sidebarConfig.shown) {\r\n  //     document.body.setAttribute('data-sidebar', 'on')\r\n  //   }\r\n\r\n  //   // Set Sidebar background color class\r\n  //   ThemeSetup.classes.sidebar.push(sidebarConfig.bgColor)\r\n  // }\r\n\r\n  private static initFooter(config: IFooter): void {\r\n    LayoutSetup.classes.footerContainer.push(`container${config.width === 'fluid' ? '-fluid' : ''}`)\r\n  }\r\n\r\n  private static initConfig(config: ILayout): void {\r\n    if (config.main?.darkSkinEnabled) {\r\n      document.body.classList.add('dark-skin')\r\n    }\r\n\r\n    // Init layout\r\n    LayoutSetup.initLayout(config)\r\n    if (config.main?.type !== 'default') {\r\n      return\r\n    }\r\n\r\n    LayoutSetup.initHeader(config.header)\r\n    LayoutSetup.initPageTitle(config.pageTitle as IPageTitle)\r\n    LayoutSetup.initToolbar(config.toolbar)\r\n    LayoutSetup.initContent(config.content)\r\n    LayoutSetup.initAside(config.aside)\r\n    LayoutSetup.initFooter(config.footer)\r\n    LayoutSetup.initAsideMenu(config.aside)\r\n  }\r\n\r\n  public static updatePartialConfig(fieldsToUpdate: Partial<ILayout>): ILayout {\r\n    const config = LayoutSetup.config\r\n    const updatedConfig = {...config, ...fieldsToUpdate}\r\n    LayoutSetup.initCSSClasses()\r\n    LayoutSetup.initCSSVariables()\r\n    LayoutSetup.initHTMLAttributes()\r\n    LayoutSetup.isLoaded = false\r\n    LayoutSetup.config = updatedConfig\r\n    LayoutSetup.initConfig(Object.assign({}, updatedConfig))\r\n    LayoutSetup.isLoaded = true // remove loading there\r\n    return updatedConfig\r\n  }\r\n\r\n  public static setConfig(config: ILayout): void {\r\n    setLayout(config)\r\n  }\r\n\r\n  public static bootstrap = (() => {\r\n    LayoutSetup.updatePartialConfig(LayoutSetup.config)\r\n  })()\r\n}\r\n","import clsx from 'clsx'\r\nimport React, { FC } from 'react'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../helpers'\r\nimport { HeaderNotificationsMenu, HeaderUserMenu, QuickLinks } from '../../../partials'\r\nimport { useLayout } from '../../core'\r\nimport { useDataLayerValue } from '../../../../DataLayer'\r\n\r\nconst toolbarButtonMarginClass = 'ms-1 ms-lg-3',\r\n  toolbarButtonHeightClass = 'w-30px h-30px w-md-40px h-md-40px',\r\n  toolbarUserAvatarHeightClass = 'symbol-30px symbol-md-40px',\r\n  toolbarButtonIconSizeClass = 'svg-icon-1'\r\n\r\nconst Topbar: FC = () => {\r\n  const { config } = useLayout()\r\n  const [{ user }, dispatch] = useDataLayerValue()\r\n\r\n  return (\r\n    <div className='d-flex align-items-stretch flex-shrink-0'>\r\n      {/* Search\r\n      <div className={clsx('d-flex align-items-stretch', toolbarButtonMarginClass)}>\r\n        <Search />\r\n      </div>*/}\r\n      {/* Activities\r\n        <div style={{ display: 'none' }} className={clsx('d-flex align-items-center', toolbarButtonMarginClass)}>\r\n          <div\r\n            className={clsx('btn btn-icon btn-active-light-primary', toolbarButtonHeightClass)}\r\n            id='kt_activities_toggle'\r\n          >\r\n            <KTSVG\r\n              path='/media/icons/duotune/general/gen032.svg'\r\n              className={toolbarButtonIconSizeClass}\r\n            />\r\n          </div>\r\n        </div>\r\n   */}\r\n      {/* Quick links\r\n        <div style={{ display: 'none' }} className={clsx('d-flex align-items-center', toolbarButtonMarginClass)}>\r\n          <div\r\n            className={clsx('btn btn-icon btn-active-light-primary', toolbarButtonHeightClass)}\r\n            data-kt-menu-trigger='click'\r\n            data-kt-menu-attach='parent'\r\n            data-kt-menu-placement='bottom-end'\r\n            data-kt-menu-flip='bottom'\r\n          >\r\n            <KTSVG\r\n              path='/media/icons/duotune/general/gen025.svg'\r\n              className={toolbarButtonIconSizeClass}\r\n            />\r\n          </div>\r\n          <QuickLinks />\r\n        </div> */}\r\n\r\n      {/* CHAT \r\n        <div className={clsx('d-flex align-items-center', toolbarButtonMarginClass)}>\r\n  \r\n          <div\r\n            className={clsx(\r\n              'btn btn-icon btn-active-light-primary position-relative',\r\n              toolbarButtonHeightClass\r\n            )}\r\n            id='kt_drawer_chat_toggle'\r\n          >\r\n            <KTSVG\r\n              path='/media/icons/duotune/communication/com012.svg'\r\n              className={toolbarButtonIconSizeClass}\r\n            />\r\n  \r\n            <span className='bullet bullet-dot bg-success h-6px w-6px position-absolute translate-middle top-0 start-50 animation-blink'></span>\r\n          </div>\r\n  \r\n        </div>\r\n  */}\r\n      {/* NOTIFICATIONS \r\n        <div className={clsx('d-flex align-items-center', toolbarButtonMarginClass)}>\r\n          <div\r\n            className={clsx(\r\n              'btn btn-icon btn-active-light-primary position-relative',\r\n              toolbarButtonHeightClass\r\n            )}\r\n            data-kt-menu-trigger='click'\r\n            data-kt-menu-attach='parent'\r\n            data-kt-menu-placement='bottom-end'\r\n            data-kt-menu-flip='bottom'\r\n          >\r\n            <KTSVG\r\n              path='/media/icons/duotune/general/gen022.svg'\r\n              className={toolbarButtonIconSizeClass}\r\n            />\r\n          </div>\r\n          <HeaderNotificationsMenu />\r\n        </div>*/}\r\n\r\n      {/* begin::User */}\r\n      <div\r\n        className={clsx('d-flex align-items-center', toolbarButtonMarginClass)}\r\n        id='kt_header_user_menu_toggle'\r\n      >\r\n        <div\r\n          className={clsx('cursor-pointer symbol', toolbarUserAvatarHeightClass)}\r\n          data-kt-menu-trigger='click'\r\n          data-kt-menu-attach='parent'\r\n          data-kt-menu-placement='bottom-end'\r\n          data-kt-menu-flip='bottom'\r\n        >\r\n          <span style={{ fontSize: \"30px\" }} className='badge badge-light-success fw-bolder  px-2 py-1 ms-2'>{user?.firstName[0] ?? \"T\"}</span>\r\n        </div>\r\n        <HeaderUserMenu />\r\n\r\n      </div>\r\n\r\n      {/* end::User */}\r\n\r\n      {/* begin::Aside Toggler */}\r\n      {config.header.left === 'menu' && (\r\n        <div className='d-flex align-items-center d-lg-none ms-2 me-n3' title='Show header menu'>\r\n          <div\r\n            className='btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px'\r\n            id='kt_header_menu_mobile_toggle'\r\n          >\r\n            <KTSVG path='/media/icons/duotune/text/txt001.svg' className='svg-icon-1' />\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\nexport { Topbar }\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport clsx from 'clsx'\r\nimport React, { useEffect } from 'react'\r\nimport { Link, useLocation } from 'react-router-dom'\r\nimport { MenuComponent } from '../../../assets/ts/components'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../helpers'\r\nimport { useLayout } from '../../core'\r\nimport { Header } from './Header'\r\nimport { DefaultTitle } from './page-title/DefaultTitle'\r\nimport { Topbar } from './Topbar'\r\n\r\nexport function HeaderWrapper() {\r\n  const { pathname } = useLocation()\r\n  const { config, classes, attributes } = useLayout()\r\n  const { header, aside } = config\r\n\r\n  useEffect(() => {\r\n    MenuComponent.reinitialization()\r\n  }, [pathname])\r\n\r\n  var content = 'INDUSTRYX'\r\n  if (window.location.hostname.toLowerCase() === 'e2eq.lk') {\r\n    content = 'E2EQ'\r\n  }\r\n  if (window.location.hostname.toLowerCase() === 'portal.smartgas.biz') {\r\n    content = 'SMARTGAS'\r\n  }\r\n\r\n\r\n\r\n  return (\r\n    <div\r\n      id='kt_header'\r\n      className={clsx('header', classes.header.join(' '), 'align-items-stretch')}\r\n      {...attributes.headerMenu}\r\n    >\r\n      <div\r\n        className={clsx(\r\n          classes.headerContainer.join(' '),\r\n          'd-flex align-items-stretch justify-content-between'\r\n        )}\r\n      >\r\n        {/* begin::Aside mobile toggle */}\r\n        {aside.display && (\r\n          <div className='d-flex align-items-center d-lg-none ms-n3 me-1' title='Show aside menu'>\r\n            <div\r\n              className='btn btn-icon btn-active-light-primary w-30px h-30px w-md-40px h-md-40px'\r\n              id='kt_aside_mobile_toggle'\r\n            >\r\n              <KTSVG path='/media/icons/duotune/abstract/abs015.svg' className='svg-icon-2x mt-1' />\r\n            </div>\r\n          </div>\r\n        )}\r\n        {/* end::Aside mobile toggle */}\r\n        {/* begin::Logo */}\r\n        {!aside.display && (\r\n          <div className='d-flex align-items-center flex-grow-1 flex-lg-grow-0'>\r\n            <Link to='/dashboard' className='d-lg-none'>\r\n              <img alt='Logo' src={toAbsoluteUrl('/media/logos/logo-big.png')} className='h-30px' />\r\n            </Link>\r\n          </div>\r\n        )}\r\n        {/* end::Logo */}\r\n\r\n\r\n        <div className='d-flex align-items-center flex-grow-1 flex-lg-grow-0'>\r\n          {content === 'INDUSTRYX' && (\r\n            <img width={130} src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png' />\r\n          )}\r\n\r\n          {content === 'E2EQ' && (\r\n\r\n            <img src={toAbsoluteUrl('/media/logos/e2eq/E2E_Q_logo2.png')} alt='header' width={80} />\r\n          )}\r\n          {content === 'SMARTGAS' && (\r\n\r\n            <img src={toAbsoluteUrl('/media/logos/smartgas/E2E_Q_logo2.png')} alt='header' width={130} />\r\n          )}\r\n\r\n        </div>\r\n\r\n\r\n        {/* begin::Wrapper */}\r\n        <div className='d-flex align-items-stretch justify-content-between flex-lg-grow-1'>\r\n\r\n          {header.left === 'menu' && (\r\n            <div className='d-flex align-items-stretch' id='kt_header_nav'>\r\n              {/* <Header />*/}\r\n            </div>\r\n          )}\r\n\r\n\r\n          {header.left === 'page-title' && (\r\n            <div className='d-flex align-items-center' id='kt_header_nav'>\r\n              <DefaultTitle />\r\n            </div>\r\n          )}\r\n\r\n          <div className='d-flex align-items-stretch flex-shrink-0'>\r\n            <Topbar />\r\n          </div>\r\n        </div>\r\n        {/* end::Wrapper */}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n","import React, {useState, useEffect, useRef, PureComponent} from 'react'\r\nimport {\r\n  PieChart,\r\n  Pie,\r\n  LineChart,\r\n  BarChart,\r\n  Bar,\r\n  AreaChart,\r\n  Label,\r\n  Area,\r\n  Line,\r\n  XAxis,\r\n  YAxis,\r\n  CartesianGrid,\r\n  Tooltip,\r\n  Legend,\r\n  Cell,\r\n  ResponsiveContainer,\r\n} from 'recharts'\r\nimport parse from 'html-react-parser'\r\nimport ChartJ from './chart/Chartj'\r\n\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport Draggable from 'react-draggable'\r\nimport Popup from 'reactjs-popup'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport Chart from './chart/Chart'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction SensorArea(props) {\r\n  const RADIAN = Math.PI / 180\r\n  const Gradients = (item) => {\r\n    var lines = []\r\n    if (item.lines !== undefined && item.lines.length > 0) {\r\n      for (let index = 0; index < item.lines.length; index++) {\r\n        const element = item.lines[index]\r\n        lines.push(\r\n          <linearGradient id={element.dataKey} x1='0' y1='0' x2='0' y2='1'>\r\n            <stop\r\n              offset='5%'\r\n              stopColor={element?.stroke ?? '#8884d8'}\r\n              stopOpacity={element?.fillTopOpacity ?? 0.8}\r\n            />\r\n            <stop\r\n              offset='95%'\r\n              stopColor={element?.stroke ?? '#8884d8'}\r\n              stopOpacity={element?.fillBottomOpacity ?? 0}\r\n            />\r\n          </linearGradient>\r\n        )\r\n      }\r\n    }\r\n    return lines\r\n  }\r\n\r\n  const Article = (item, LineCode) => {\r\n    var lines = []\r\n    if (item.lines !== undefined && item.lines.length > 0) {\r\n      for (let index = 0; index < item.lines.length; index++) {\r\n        const element = item.lines[index]\r\n        switch (element?.Line ?? LineCode) {\r\n          case 'Line':\r\n            lines.push(\r\n              <Line\r\n                name={element?.name ?? element.dataKey}\r\n                strokeWidth={element?.strokeWidth ?? 2}\r\n                type={element?.type ?? 'monotone'}\r\n                dot={element?.dot ?? true}\r\n                dataKey={element.dataKey}\r\n                stroke={element?.stroke ?? '#8884d8'}\r\n                activeDot={{r: 8}}\r\n              />\r\n            )\r\n            break\r\n          case 'Area':\r\n            lines.push(\r\n              <Area\r\n                name={element?.name ?? element.dataKey}\r\n                strokeWidth={element?.strokeWidth ?? 2}\r\n                type={element?.type ?? 'monotone'}\r\n                dataKey={element.dataKey}\r\n                fillOpacity={element?.fillOpacity ?? 1}\r\n                stroke={element?.stroke ?? '#8884d8'}\r\n                fill={'url(#' + element.dataKey + ')'}\r\n              />\r\n            )\r\n            break\r\n          case 'Bar':\r\n            lines.push(\r\n              <Bar\r\n                name={element?.name ?? element.dataKey}\r\n                dataKey={element.dataKey}\r\n                fill={element?.fill ?? '#8884d8'}\r\n                stackId={element?.stackId ?? ''}\r\n                type={element?.type ?? ''}\r\n                fillOpacity={element?.fillOpacity ?? 1}\r\n                stroke={element?.stroke ?? '#8884d8'}\r\n              />\r\n            )\r\n            break\r\n          case 'Pie':\r\n            lines.push(\r\n              <Cell\r\n                name={element?.name ?? element.dataKey}\r\n                dataKey={element.dataKey}\r\n                fill={element?.fill ?? '#8884d8'}\r\n              />\r\n            )\r\n            break\r\n          default:\r\n            lines.push(\r\n              <Line\r\n                name={element?.name ?? element.dataKey}\r\n                type={element?.type ?? 'monotone'}\r\n                dot={element?.dot ?? true}\r\n                dataKey={element.dataKey}\r\n                fill={element?.fill ?? '#8884d8'}\r\n                activeDot={{r: 8}}\r\n              />\r\n            )\r\n            break\r\n        }\r\n      }\r\n    }\r\n    return lines\r\n  }\r\n\r\n  const htmlDecode = (input) => {\r\n    var e = document.createElement('div')\r\n    e.innerHTML = input\r\n    return e.childNodes.length === 0 ? '' : e.childNodes[0].nodeValue\r\n  }\r\n\r\n  const renderCustomizedLabel = ({cx, cy, midAngle, innerRadius, outerRadius, percent, index}) => {\r\n    const radius = innerRadius + (outerRadius - innerRadius) * 0.5\r\n    const x = cx + radius * Math.cos(-midAngle * RADIAN)\r\n    const y = cy + radius * Math.sin(-midAngle * RADIAN)\r\n\r\n    return (\r\n      <text\r\n        x={x}\r\n        y={y}\r\n        fill='white'\r\n        textAnchor={x > cx ? 'start' : 'end'}\r\n        dominantBaseline='central'\r\n      >\r\n        {`${(percent * 100).toFixed(0)}%`}\r\n      </text>\r\n    )\r\n  }\r\n\r\n  /*try {\r\n   // console.log(\"CODE\"+props.layout.globalJs)\r\n    eval(props.layout.globalJs)\r\n  } catch (error) {\r\n    // console.log(\"E\"+error);\r\n  }*/\r\n\r\n  return (\r\n    <>\r\n      {props.state.SensorList.map((item, index) => {\r\n        if (item.note === '<p><br></p>') {\r\n          item.note = ''\r\n        }\r\n\r\n        return (\r\n          <>\r\n            <Draggable key={item.id} defaultPosition={item.defaultPos} onStart={() => false}>\r\n              <div style={{fontFamily: 'Roboto Mono, monospace', zIndex: 10, position: 'absolute'}}>\r\n                <a href={item?.url ?? '#'} target={item?.url ? '_blank' : '_self'}>\r\n                  {(item.type == 11 || item.type == 12) && item.displayName !== '' && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <table\r\n                        style={{\r\n                          fontSize: item?.fontSize ?? '13px',\r\n                          width: item?.width ?? '150px',\r\n                        }}\r\n                      >\r\n                        <tr>\r\n                          <td\r\n                            style={{\r\n                              width: item?.captionWidth ?? '30%',\r\n                              left: '0px',\r\n                              float: 'left',\r\n                            }}\r\n                          >\r\n                            <b style={{position: 'absolute', fontSize: item?.fontSize ?? '13px'}}>\r\n                              {'' + item.displayName}\r\n                            </b>\r\n                          </td>\r\n                          <td\r\n                            style={{\r\n                              width: item?.valueWidth ?? '60%',\r\n                              textAlign: item?.textAlign ?? 'right',\r\n                              right: '0px',\r\n                              float: 'right',\r\n                            }}\r\n                          >\r\n                            <b style={{marginTop: '-0px', fontSize: item?.fontSize ?? '13px'}}>\r\n                              {' '}\r\n                              {'' + item.value}\r\n                            </b>\r\n                          </td>\r\n                          <td style={{width: '10%'}}>\r\n                            {item.note === '' && (\r\n                              <>\r\n                                {item.icon === 'dot' && (\r\n                                  <>\r\n                                    <span\r\n                                      style={{\r\n                                        fontSize: item?.fontSize ?? '13px',\r\n                                        backgroundColor: item.color,\r\n                                        marginTop: '-7px',\r\n                                        position: 'absolute',\r\n                                      }}\r\n                                      className='dot'\r\n                                    ></span>\r\n                                    {item.isNotify === true && (\r\n                                      <span\r\n                                        style={{\r\n                                          fontSize: item?.fontSize ?? '13px',\r\n                                          backgroundColor: item.color,\r\n                                          marginTop: '-20px',\r\n                                          marginLeft: '-12px',\r\n                                        }}\r\n                                        className='pulse-ring'\r\n                                      >\r\n                                        {' '}\r\n                                      </span>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n\r\n                                {item.icon !== '' && item.icon !== 'dot' && (\r\n                                  <>\r\n                                    <i\r\n                                      style={{\r\n                                        fontSize: item?.fontSize ?? '13px',\r\n                                        color: item.color,\r\n                                        marginTop: '-7px',\r\n                                        position: 'absolute',\r\n                                      }}\r\n                                      className={item.icon}\r\n                                    ></i>\r\n                                    {item.isNotify === true && (\r\n                                      <span\r\n                                        style={{\r\n                                          fontSize: item?.fontSize ?? '13px',\r\n                                          backgroundColor: item.color,\r\n                                          marginTop: '-8px',\r\n                                          marginLeft: '15px',\r\n                                        }}\r\n                                        className='pulse-ring'\r\n                                      >\r\n                                        {' '}\r\n                                      </span>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n                              </>\r\n                            )}\r\n                            {item.note !== '' && (\r\n                              <>\r\n                                {item.isNotify === true && (\r\n                                  <span\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '-9px',\r\n                                      marginLeft: '-12px',\r\n                                    }}\r\n                                    className='pulse-ring'\r\n                                  >\r\n                                    {' '}\r\n                                  </span>\r\n                                )}\r\n                                {item.icon === 'dot' && (\r\n                                  <span\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className='dot'\r\n                                  ></span>\r\n                                )}\r\n                                {item.icon !== '' && item.icon !== 'dot' && (\r\n                                  <i\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      color: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className={item.icon}\r\n                                  ></i>\r\n                                )}\r\n                                <Popup\r\n                                  trigger={\r\n                                    <i\r\n                                      className='fas fa-info-circle'\r\n                                      style={{\r\n                                        fontSize: item?.fontSize ?? '13px',\r\n                                        marginLeft: '20px',\r\n                                        color: '#6495ed',\r\n                                        cursor: 'pointer',\r\n                                      }}\r\n                                    ></i>\r\n                                  }\r\n                                  position='top left'\r\n                                  modal\r\n                                >\r\n                                  {(close) => (\r\n                                    <div>\r\n                                      Documentation\r\n                                      <a\r\n                                        className='close'\r\n                                        style={{\r\n                                          float: 'right',\r\n                                          fontSize: '35px',\r\n                                          marginTop: '-15px',\r\n                                        }}\r\n                                        onClick={close}\r\n                                      >\r\n                                        &times;\r\n                                      </a>\r\n                                      <div className='card mb-5 mb-xl-12'>\r\n                                        <div\r\n                                          className='card-body pt-3 pb-0'\r\n                                          style={{borderBottom: '1px solid'}}\r\n                                        >\r\n                                          {' '}\r\n                                        </div>\r\n                                        <div className='d-flex flex-wrap '>\r\n                                          <div dangerouslySetInnerHTML={{__html: item.note}}></div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  )}\r\n                                </Popup>\r\n                              </>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                    </div>\r\n                  )}\r\n\r\n                  {(item.type == 11 || item.type == 12) && item.displayName === '' && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <table\r\n                        style={{\r\n                          fontSize: item?.fontSize ?? '13px',\r\n                          width: item?.width ?? '150px',\r\n                        }}\r\n                      >\r\n                        <tr>\r\n                          <td\r\n                            style={{\r\n                              width: item?.valueWidth ?? '90%',\r\n                              textAlign: item?.textAlign ?? 'right',\r\n                            }}\r\n                          >\r\n                            <b style={{fontSize: item?.fontSize ?? '13px', marginTop: '-0px'}}>\r\n                              {' '}\r\n                              {item.value}\r\n                            </b>\r\n                            {item.note === '' && (\r\n                              <>\r\n                                {item.icon === 'dot' && (\r\n                                  <span\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className='dot'\r\n                                  ></span>\r\n                                )}\r\n                                {item.icon !== '' && item.icon !== 'dot' && (\r\n                                  <i\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      color: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className={item.icon}\r\n                                  ></i>\r\n                                )}\r\n                                {item.isNotify === true && (\r\n                                  <span\r\n                                    style={{\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '-8px',\r\n                                      marginLeft: '15px',\r\n                                    }}\r\n                                    className='pulse-ring'\r\n                                  >\r\n                                    {' '}\r\n                                  </span>\r\n                                )}\r\n                              </>\r\n                            )}\r\n\r\n                            {item.note !== '' && (\r\n                              <>\r\n                                {item.icon === 'dot' && (\r\n                                  <span\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className='dot'\r\n                                  ></span>\r\n                                )}\r\n                                {item.icon !== '' && item.icon !== 'dot' && (\r\n                                  <i\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      color: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className={item.icon}\r\n                                  ></i>\r\n                                )}\r\n                                {item.isNotify === true && (\r\n                                  <span\r\n                                    style={{\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '-8px',\r\n                                      marginLeft: '15px',\r\n                                    }}\r\n                                    className='pulse-ring'\r\n                                  >\r\n                                    {' '}\r\n                                  </span>\r\n                                )}\r\n                                <Popup\r\n                                  trigger={\r\n                                    <i\r\n                                      className='fas fa-info-circle'\r\n                                      style={{\r\n                                        marginLeft: '20px',\r\n                                        color: '#6495ed',\r\n                                        cursor: 'pointer',\r\n                                      }}\r\n                                    ></i>\r\n                                  }\r\n                                  position='top left'\r\n                                  modal\r\n                                >\r\n                                  {(close) => (\r\n                                    <div>\r\n                                      Documentation\r\n                                      <a\r\n                                        className='close'\r\n                                        style={{\r\n                                          float: 'right',\r\n                                          fontSize: '35px',\r\n                                          marginTop: '-15px',\r\n                                        }}\r\n                                        onClick={close}\r\n                                      >\r\n                                        &times;\r\n                                      </a>\r\n                                      <div className='card mb-5 mb-xl-12'>\r\n                                        <div\r\n                                          className='card-body pt-3 pb-0'\r\n                                          style={{borderBottom: '1px solid'}}\r\n                                        >\r\n                                          {' '}\r\n                                        </div>\r\n                                        <div\r\n                                          className='d-flex flex-wrap '\r\n                                          style={{display: 'inline-block'}}\r\n                                        >\r\n                                          <div dangerouslySetInnerHTML={{__html: item.note}}></div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  )}\r\n                                </Popup>\r\n                              </>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 20 && (\r\n                    <div\r\n                      style={{\r\n                        color: item.color,\r\n                        paddingTop: '0px',\r\n                        paddingLeft: '0px',\r\n                        padding: '0px',\r\n                      }}\r\n                      className='sensor'\r\n                      key={item.id}\r\n                    >\r\n                      <table\r\n                        style={{\r\n                          width: item?.width ?? '150px',\r\n                          cellpadding: '0',\r\n                          cellspacing: '0',\r\n                        }}\r\n                      >\r\n                        <tr>\r\n                          <td\r\n                            style={{\r\n                              width: item?.captionWidth ?? '30%',\r\n                              left: '0px',\r\n                              float: 'left',\r\n                              cellpadding: '0',\r\n                              cellspacing: '0',\r\n                            }}\r\n                          >\r\n                            <b style={{fontSize: item?.fontSize ?? '13px', position: 'absolute'}}>\r\n                              {'' + item.displayName}\r\n                            </b>\r\n                          </td>\r\n                          <td\r\n                            style={{\r\n                              width: item?.valueWidth ?? '60%',\r\n                              textAlign: item?.textAlign ?? 'right',\r\n                              right: '0px',\r\n                              float: 'right',\r\n                            }}\r\n                          >\r\n                            <b style={{fontSize: item?.fontSize ?? '13px', marginTop: '-0px'}}>\r\n                              {' '}\r\n                              {'' + item.value}\r\n                            </b>\r\n                          </td>\r\n                          <td style={{width: '10%'}}>\r\n                            {item.note === '' && (\r\n                              <>\r\n                                {item.icon === 'dot' && (\r\n                                  <>\r\n                                    <span\r\n                                      style={{\r\n                                        fontSize: item?.fontSize ?? '13px',\r\n                                        backgroundColor: item.color,\r\n                                        marginTop: '-7px',\r\n                                        position: 'absolute',\r\n                                      }}\r\n                                      className='dot'\r\n                                    ></span>\r\n                                    {item.isNotify === true && (\r\n                                      <span\r\n                                        style={{\r\n                                          fontSize: item?.fontSize ?? '13px',\r\n                                          backgroundColor: item.color,\r\n                                          marginTop: '-20px',\r\n                                          marginLeft: '-12px',\r\n                                        }}\r\n                                        className='pulse-ring'\r\n                                      >\r\n                                        {' '}\r\n                                      </span>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n\r\n                                {item.icon !== '' && item.icon !== 'dot' && (\r\n                                  <>\r\n                                    <i\r\n                                      style={{\r\n                                        fontSize: item?.fontSize ?? '13px',\r\n                                        color: item.color,\r\n                                        marginTop: '-7px',\r\n                                        position: 'absolute',\r\n                                      }}\r\n                                      className={item.icon}\r\n                                    ></i>\r\n                                    {item.isNotify === true && (\r\n                                      <span\r\n                                        style={{\r\n                                          fontSize: item?.fontSize ?? '13px',\r\n                                          backgroundColor: item.color,\r\n                                          marginTop: '-8px',\r\n                                          marginLeft: '15px',\r\n                                        }}\r\n                                        className='pulse-ring'\r\n                                      >\r\n                                        {' '}\r\n                                      </span>\r\n                                    )}\r\n                                  </>\r\n                                )}\r\n                              </>\r\n                            )}\r\n                            {item.note !== '' && (\r\n                              <>\r\n                                {item.isNotify === true && (\r\n                                  <span\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '-9px',\r\n                                      marginLeft: '-12px',\r\n                                    }}\r\n                                    className='pulse-ring'\r\n                                  >\r\n                                    {' '}\r\n                                  </span>\r\n                                )}\r\n                                {item.icon === 'dot' && (\r\n                                  <span\r\n                                    style={{\r\n                                      fontSize: item?.fontSize ?? '13px',\r\n                                      backgroundColor: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className='dot'\r\n                                  ></span>\r\n                                )}\r\n                                {item.icon !== '' && item.icon !== 'dot' && (\r\n                                  <i\r\n                                    style={{\r\n                                      color: item.color,\r\n                                      marginTop: '2px',\r\n                                      position: 'absolute',\r\n                                    }}\r\n                                    className={item.icon}\r\n                                  ></i>\r\n                                )}\r\n                                <Popup\r\n                                  trigger={\r\n                                    <i\r\n                                      className='fas fa-info-circle'\r\n                                      style={{\r\n                                        marginLeft: '20px',\r\n                                        color: '#6495ed',\r\n                                        cursor: 'pointer',\r\n                                      }}\r\n                                    ></i>\r\n                                  }\r\n                                  position='top left'\r\n                                  modal\r\n                                >\r\n                                  {(close) => (\r\n                                    <div>\r\n                                      Documentation\r\n                                      <a\r\n                                        className='close'\r\n                                        style={{\r\n                                          float: 'right',\r\n                                          fontSize: '35px',\r\n                                          marginTop: '-15px',\r\n                                        }}\r\n                                        onClick={close}\r\n                                      >\r\n                                        &times;\r\n                                      </a>\r\n                                      <div className='card mb-5 mb-xl-12'>\r\n                                        <div\r\n                                          className='card-body pt-3 pb-0'\r\n                                          style={{borderBottom: '1px solid'}}\r\n                                        >\r\n                                          {' '}\r\n                                        </div>\r\n                                        <div\r\n                                          className='d-flex flex-wrap '\r\n                                          style={{display: 'inline-block'}}\r\n                                        >\r\n                                          <div dangerouslySetInnerHTML={{__html: item.note}}></div>\r\n                                        </div>\r\n                                      </div>\r\n                                    </div>\r\n                                  )}\r\n                                </Popup>\r\n                              </>\r\n                            )}\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 19 && (\r\n                    <div\r\n                      style={{\r\n                        color: item.color,\r\n                        width: item.height,\r\n                        paddingTop: '0px',\r\n                        paddingLeft: '0px',\r\n                        padding: '0px',\r\n                      }}\r\n                      className='sensor2'\r\n                      key={item.id}\r\n                    >\r\n                      <div\r\n                        className={'h-' + (item.width ?? '10px') + ' mx-3 w-100 bg-light mb-3'}\r\n                        style={{transform: 'rotate(270deg)', transformOrigin: '10px 15px'}}\r\n                      >\r\n                        <div\r\n                          className={'rounded h-' + (item.width ?? '10px')}\r\n                          role='progressbar'\r\n                          style={{\r\n                            width: item.value ?? '10%',\r\n                            transform: 'rotate(0deg)',\r\n                            backgroundColor: item.color ?? 'black',\r\n                          }}\r\n                        ></div>\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 10 && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <b\r\n                        style={{\r\n                          fontSize: item?.fontSize ?? '13px',\r\n                          marginTop: '-5px',\r\n                          marginLeft: '5px',\r\n                          position: 'absolute',\r\n                        }}\r\n                      >\r\n                        {' '}\r\n                        {item.displayName}{' '}\r\n                      </b>\r\n                      {item.icon === 'dot' && (\r\n                        <>\r\n                          <span\r\n                            style={{\r\n                              fontSize: item?.fontSize ?? '13px',\r\n                              backgroundColor: item.color,\r\n                              marginTop: '-7px',\r\n                              position: 'absolute',\r\n                            }}\r\n                            className='dot'\r\n                          ></span>\r\n                          {item.isNotify === true && (\r\n                            <span\r\n                              style={{\r\n                                fontSize: item?.fontSize ?? '13px',\r\n                                backgroundColor: item.color,\r\n                                marginTop: '-20px',\r\n                                marginLeft: '-12px',\r\n                              }}\r\n                              className='pulse-ring'\r\n                            >\r\n                              {' '}\r\n                            </span>\r\n                          )}\r\n                        </>\r\n                      )}\r\n\r\n                      {item.icon !== '' && item.icon !== 'dot' && (\r\n                        <>\r\n                          <i\r\n                            style={{\r\n                              fontSize: item?.fontSize ?? '13px',\r\n                              color: item.color,\r\n                              marginTop: '-7px',\r\n                              position: 'absolute',\r\n                            }}\r\n                            className={item.icon}\r\n                          ></i>\r\n                          {item.isNotify === true && (\r\n                            <span\r\n                              style={{\r\n                                fontSize: item?.fontSize ?? '13px',\r\n                                backgroundColor: item.color,\r\n                                marginTop: '-8px',\r\n                                marginLeft: '15px',\r\n                              }}\r\n                              className='pulse-ring'\r\n                            >\r\n                              {' '}\r\n                            </span>\r\n                          )}\r\n                        </>\r\n                      )}\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 14 && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <AreaChart\r\n                        width={item.width ?? 500}\r\n                        height={item.height ?? 300}\r\n                        data={item.value}\r\n                      >\r\n                        <defs>{Gradients(item)}</defs>\r\n                        {item.isEnableCartesianGrid && <CartesianGrid strokeDasharray='3 3' />}\r\n                        <XAxis\r\n                          dy={item?.xAxis?.dy ?? 20}\r\n                          minTickGap={item?.xAxis?.minTickGap ?? 5}\r\n                          axisLine={item?.xAxis?.axisLine ?? true}\r\n                          dataKey={item?.xAxis?.dataKey ?? 'name'}\r\n                          interval={item?.xAxis?.interval ?? 5}\r\n                          angle={item?.xAxis?.angle ?? 0}\r\n                          dx={item?.xAxis?.dx ?? 0}\r\n                          label={item?.xAxis?.label ?? ''}\r\n                          textAnchor={item?.xAxis?.textAnchor ?? 'end'}\r\n                        />\r\n                        <YAxis\r\n                          minTickGap={item?.yAxis?.minTickGap ?? 5}\r\n                          axisLine={item?.yAxis?.axisLine ?? true}\r\n                          tickLine={false}\r\n                          dy={item?.yAxis?.dy ?? 20}\r\n                          dx={item?.yAxis?.dx ?? 0}\r\n                          position='insideLeft'\r\n                          style={{textAnchor: 'middle'}}\r\n                          domain={item?.yAxis?.domain ?? [175, 250]}\r\n                        >\r\n                          <Label\r\n                            angle={-90}\r\n                            value={item?.yAxis?.label ?? ''}\r\n                            position='insideLeft'\r\n                            style={{textAnchor: 'middle'}}\r\n                          />\r\n                        </YAxis>\r\n\r\n                        {Article(item, 'Area')}\r\n                        {item.isLegend && (\r\n                          <Legend\r\n                            layout={item?.legend?.layout ?? 'horizontal'}\r\n                            verticalAlign={item?.legend?.verticalAlign ?? 'bottom'}\r\n                            align={item?.legend?.align ?? 'middle'}\r\n                            margin={item?.legend?.margin ?? {top: 0}}\r\n                          />\r\n                        )}\r\n                        {item.isTooltip && <Tooltip />}\r\n                      </AreaChart>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 13 && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <LineChart\r\n                        width={item.width ?? 500}\r\n                        height={item.height ?? 300}\r\n                        data={item.value}\r\n                      >\r\n                        {item.isEnableCartesianGrid && <CartesianGrid strokeDasharray='3 3' />}\r\n                        <XAxis\r\n                          dy={item?.xAxis?.dy ?? 20}\r\n                          minTickGap={item?.xAxis?.minTickGap ?? 5}\r\n                          axisLine={item?.xAxis?.axisLine ?? true}\r\n                          dataKey={item?.xAxis?.dataKey ?? 'name'}\r\n                          interval={item?.xAxis?.interval ?? 5}\r\n                          angle={item?.xAxis?.angle ?? 0}\r\n                          dx={item?.xAxis?.dx ?? 0}\r\n                          label={item?.xAxis?.label ?? ''}\r\n                          textAnchor={item?.xAxis?.textAnchor ?? 'end'}\r\n                        />\r\n                        <YAxis\r\n                          minTickGap={item?.yAxis?.minTickGap ?? 5}\r\n                          axisLine={item?.yAxis?.axisLine ?? true}\r\n                          dy={item?.yAxis?.dy ?? 20}\r\n                          dx={item?.yAxis?.dx ?? 0}\r\n                          position='insideLeft'\r\n                          style={{textAnchor: 'middle'}}\r\n                          domain={item?.yAxis?.domain ?? [175, 250]}\r\n                        >\r\n                          <Label\r\n                            angle={-90}\r\n                            value={item?.yAxis?.label ?? ''}\r\n                            position='insideLeft'\r\n                            style={{textAnchor: 'middle'}}\r\n                          />\r\n                        </YAxis>\r\n                        {item.isLegend && (\r\n                          <Legend\r\n                            layout={item?.legend?.layout ?? 'horizontal'}\r\n                            verticalAlign={item?.legend?.verticalAlign ?? 'bottom'}\r\n                            align={item?.legend?.align ?? 'middle'}\r\n                            margin={item?.legend?.margin ?? {top: 0}}\r\n                          />\r\n                        )}\r\n\r\n                        {item.isTooltip && <Tooltip />}\r\n                        {Article(item, 'Line')}\r\n                      </LineChart>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 26 && (\r\n                    <div style={{color: item.color}} key={item.id}>\r\n                      <>\r\n                        <ChartJ item={item} />\r\n                      </>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 17 && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <PieChart\r\n                        width={item?.width ?? 200}\r\n                        height={item?.height ?? 200}\r\n                        margin={{\r\n                          top: -120,\r\n                          left: -120,\r\n                        }}\r\n                      >\r\n                        <Pie\r\n                          data={item?.value}\r\n                          cx={200}\r\n                          cy={200}\r\n                          labelLine={false}\r\n                          label={renderCustomizedLabel}\r\n                          outerRadius={80}\r\n                          fill='#8884d8'\r\n                          dataKey='value'\r\n                        >\r\n                          {Article(item, 'Pie')}\r\n                        </Pie>\r\n                        {item.isLegend && (\r\n                          <Legend\r\n                            layout={item?.legend?.layout ?? 'horizontal'}\r\n                            verticalAlign={item?.legend?.verticalAlign ?? 'bottom'}\r\n                            align={item?.legend?.align ?? 'middle'}\r\n                            margin={item?.legend?.margin ?? {top: 0}}\r\n                          />\r\n                        )}\r\n                      </PieChart>\r\n                    </div>\r\n                  )}\r\n\r\n                  {item.type == 15 && (\r\n                    <div style={{color: item.color}} className='sensor' key={item.id}>\r\n                      <BarChart\r\n                        width={item.width ?? 500}\r\n                        height={item.height ?? 300}\r\n                        data={item.value}\r\n                        margin={{\r\n                          top: 5,\r\n                          right: 30,\r\n                          left: 20,\r\n                          bottom: 5,\r\n                        }}\r\n                      >\r\n                        {item.isEnableCartesianGrid && <CartesianGrid strokeDasharray='3 3' />}\r\n                        <XAxis\r\n                          dy={item?.xAxis?.dy ?? 20}\r\n                          minTickGap={item?.xAxis?.minTickGap ?? 5}\r\n                          axisLine={item?.xAxis?.axisLine ?? true}\r\n                          dataKey={item?.xAxis?.dataKey ?? 'name'}\r\n                          interval={item?.xAxis?.interval ?? 5}\r\n                          angle={item?.xAxis?.angle ?? 0}\r\n                          dx={item?.xAxis?.dx ?? 0}\r\n                          label={item?.xAxis?.label ?? ''}\r\n                          textAnchor={item?.xAxis?.textAnchor ?? 'end'}\r\n                        />\r\n                        <YAxis\r\n                          minTickGap={item?.yAxis?.minTickGap ?? 5}\r\n                          axisLine={item?.yAxis?.axisLine ?? true}\r\n                          dy={item?.yAxis?.dy ?? 20}\r\n                          dx={item?.yAxis?.dx ?? 0}\r\n                          position='insideLeft'\r\n                          style={{textAnchor: 'middle'}}\r\n                          domain={item?.yAxis?.domain ?? [175, 250]}\r\n                        >\r\n                          <Label\r\n                            angle={-90}\r\n                            value={item?.yAxis?.label ?? ''}\r\n                            position='insideLeft'\r\n                            style={{textAnchor: 'middle'}}\r\n                          />\r\n                        </YAxis>\r\n\r\n                        {item.isLegend && (\r\n                          <Legend\r\n                            layout={item?.legend?.layout ?? 'horizontal'}\r\n                            verticalAlign={item?.legend?.verticalAlign ?? 'bottom'}\r\n                            align={item?.legend?.align ?? 'middle'}\r\n                            margin={item?.legend?.margin ?? {top: 0}}\r\n                          />\r\n                        )}\r\n                        {item.isTooltip && <Tooltip />}\r\n                        {Article(item, 'Bar')}\r\n                      </BarChart>\r\n                    </div>\r\n                  )}\r\n                </a>\r\n              </div>\r\n            </Draggable>\r\n          </>\r\n        )\r\n      })}\r\n    </>\r\n  )\r\n}\r\nexport default SensorArea\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport {PageLink, PageTitle} from '../../../../_metronic/layout/core'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  ChartsWidget1,\r\n  TablesWidget1,\r\n  ListsWidget5,\r\n  TablesWidget5,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport Chart from './chart/Chart'\r\nimport SensorArea from './SensorArea'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {auto, hide, right} from '@popperjs/core'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport ChartJ from './chart/Chartj'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {fabric} from 'fabric'\r\nimport Map from './Map'\r\n\r\nimport 'react-toastify/dist/ReactToastify.css'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction Display(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  //editor?.addRectangle({ fill: \"red\", stroke: \"blue\" });\r\n  /*selectedObjects[0]?.set({\r\n    fill: \"red\",\r\n    stroke: \"blue\",\r\n   /* //Movement:\r\n    lockMovementX : true,\r\n    lockMovementY : true,\r\n    \r\n    //Scaling:\r\n    lockScalingX : true,\r\n    lockScalingY : true,\r\n    \r\n   // Rotation:\r\n    lockRotation : true,\r\n    \r\n    // Object's frame/bounidngBox:\r\n    hasControls : false,\r\n    hasBorders : false,\r\n    //left:  selectedObjects[0].left +  100,\r\n  });\r\n  \r\n  setTimeout(() => {\r\n   if(isload){\r\n      const data = JSON.parse(\r\n        '{\"version\":\"4.3.1\",\"objects\":[{\"type\":\"circle\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":100,\"top\":100,\"width\":40,\"height\":40,\"fill\":\"rgba(255, 255, 255, 0.0)\",\"stroke\":\"#000000\",\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"radius\":20,\"startAngle\":0,\"endAngle\":6.283185307179586},{\"type\":\"text\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":253,\"top\":102,\"width\":95.55,\"height\":18.08,\"fill\":\"#000000\",\"stroke\":null,\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":2.43,\"scaleY\":2.43,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"text\":\"Some text\",\"fontSize\":16,\"fontWeight\":\"normal\",\"fontFamily\":\"Arial\",\"fontStyle\":\"normal\",\"lineHeight\":1.16,\"underline\":false,\"overline\":false,\"linethrough\":false,\"textAlign\":\"left\",\"textBackgroundColor\":\"\",\"charSpacing\":0,\"minWidth\":20,\"splitByGrapheme\":false,\"styles\":{}},{\"type\":\"rect\",\"lockMovementX\":\"True\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":109,\"top\":212,\"width\":40,\"height\":40,\"fill\":\"rgba(255, 255, 255, 0.0)\",\"stroke\":\"#000000\",\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"rx\":0,\"ry\":0},{\"type\":\"image\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":499,\"top\":86,\"width\":1200,\"height\":900,\"fill\":\"rgb(0,0,0)\",\"stroke\":null,\"strokeWidth\":0,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":0.2,\"scaleY\":0.2,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"cropX\":0,\"cropY\":0,\"src\":\"https://miro.medium.com/max/1200/1*mk1-6aYaf_Bes1E3Imhc0A.jpeg\",\"crossOrigin\":null,\"filters\":[]},{\"type\":\"polyline\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":483.78,\"top\":339.22,\"width\":50.88,\"height\":50.88,\"fill\":\"white\",\"stroke\":\"black\",\"strokeWidth\":2,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":262.52,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"points\":[{\"x\":100,\"y\":100},{\"x\":99.11611652351681,\"y\":100.88388347648318},{\"x\":145.58058261758407,\"y\":147.34834957055045},{\"x\":142.92893218813452,\"y\":150},{\"x\":150,\"y\":150},{\"x\":150,\"y\":142.92893218813452},{\"x\":147.34834957055045,\"y\":145.58058261758407},{\"x\":100.88388347648318,\"y\":99.11611652351681},{\"x\":100,\"y\":100}]},{\"type\":\"image\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":197,\"top\":132,\"width\":1200,\"height\":900,\"fill\":\"rgb(0,0,0)\",\"stroke\":null,\"strokeWidth\":0,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":0.2,\"scaleY\":0.2,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"cropX\":0,\"cropY\":0,\"src\":\"https://miro.medium.com/max/1200/1*mk1-6aYaf_Bes1E3Imhc0A.jpeg\",\"crossOrigin\":null,\"filters\":[]}]}'\r\n      );\r\n      editor?.canvas.loadFromJSON(data);\r\n      console.log(JSON.stringify(editor?.canvas))\r\n      setisload(false);\r\n   }\r\n  }, 5000);\r\n  \r\n  */\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: props.match?.params?.id ?? props.layout, //urlParams.get('id')??props.layout,\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    category: '',\r\n    designObject: [],\r\n    breadCrumbs: [],\r\n  })\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB //\"https://signalr.midassit.com\";\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          //console.log('Connected!');\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n            //console.log(message)\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            if (\r\n              dataPacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n            ) {\r\n              return\r\n            } else {\r\n              if (dataPacket.Packet !== layout.id.replace('ly', '')) {\r\n                return\r\n              }\r\n\r\n              console.log(message.data)\r\n              let newElements = {}\r\n              Object.entries(dataPacket).map(([key, value]) => {\r\n                newElements[key] = value\r\n              })\r\n\r\n              Object.entries(dataPacket).map(([key, value]) => {\r\n                for (let index = 0; index < sensors.current.length; index++) {\r\n                  const element = sensors.current[index]\r\n\r\n                  if (element.machineNo === '') continue\r\n\r\n                  if (element.displayName === '') element.displayName = ' '\r\n\r\n                  if (element.icon === undefined) element.icon = 'dot'\r\n\r\n                  if (\r\n                    element.isNotify === undefined ||\r\n                    element.isNotify === '' ||\r\n                    element.isNotify === null\r\n                  )\r\n                    element.isNotify = false\r\n\r\n                  if (!element.lastUpdate) {\r\n                    element.lastUpdate = new Date()\r\n                  } else if (Math.round((new Date() - new Date(element.lastUpdate)) / 1000) > 60) {\r\n                    if (\r\n                      element.type == 14 ||\r\n                      element.type == 13 ||\r\n                      element.type == 17 ||\r\n                      element.type == 15\r\n                    ) {\r\n                      console.log(\r\n                        '[chart data cleared ' + element.machineNo.toString().toLowerCase() + ']'\r\n                      )\r\n                      element.value = []\r\n                    } else {\r\n                      element.value = '---'\r\n                      element.color = 'black'\r\n                    }\r\n                  }\r\n\r\n                  let object = element.object.toString().toLowerCase()\r\n                  let packetType = dataPacket.Plant + '.' + dataPacket.Packet\r\n                  if (props?.object !== undefined && props?.object !== '') {\r\n                    object = props?.object.toString().toLowerCase()\r\n                  }\r\n                  console.log(element.machineNo + '==' + key + ' ---' + packetType + '==' + object)\r\n                  if (\r\n                    element.machineNo.toString().toLowerCase() === key.toString().toLowerCase() &&\r\n                    packetType.toString().toLowerCase() === object\r\n                  ) {\r\n                    element.lastUpdate = new Date()\r\n                    element.value = value\r\n                    element.color = 'black'\r\n                    element.notification = {\r\n                      toastId: key.toString().toLowerCase(),\r\n                      position: 'top-right',\r\n                      type: 'info',\r\n                      autoClose: false, // or set time\r\n                      hideProgressBar: false,\r\n                      closeOnClick: true,\r\n                      //  pauseOnHover: true,\r\n                      draggable: false,\r\n                      progress: undefined,\r\n                      transition: Bounce,\r\n                    }\r\n                    console.log(element.machineNo + ' ---------Y-------> ' + value)\r\n                    try {\r\n                      // alert(layout.globalJs)\r\n                      eval(layout.globalJs + ';' + element.formula)\r\n                      //   eval(element.formula)\r\n                    } catch (error) {\r\n                      element.value = '---'\r\n                      element.color = 'black'\r\n                      // console.log(element.formula)\r\n                      console.log(error)\r\n                    }\r\n                  }\r\n                }\r\n              })\r\n              setState({\r\n                ...state,\r\n                SensorList: sensors.current,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layout?layout=' + layout.id,\r\n      headers: {},\r\n    }).then((response) => {\r\n      setLayout({\r\n        ...layout,\r\n        category: response.data?.result?.category ?? 'MAP',\r\n        layoutName: response.data.result.layoutName,\r\n        imageData: 'data:image/png;base64,' + response.data.result.imageData,\r\n        isZoom: response.data.result.isZoom,\r\n        globalJs: response.data.result.globalJs,\r\n        designObject: response.data.result.designObject,\r\n        breadCrumbs: response.data.result.breadCrumbs,\r\n      })\r\n      //   alert(response.data.result.imageData)\r\n\r\n      try {\r\n        //console.log(response.data.result.globalJs)\r\n        eval(response.data.result.globalJs)\r\n      } catch (error) {\r\n        console.log(error)\r\n      }\r\n\r\n      setState({\r\n        ...state,\r\n        SensorList: response.data.result.devices,\r\n      })\r\n\r\n      sensors.current = response.data.result.devices\r\n\r\n      setTimeout(() => {\r\n        for (let index = 0; index < sensors.current.length; index++) {\r\n          const element = sensors.current[index]\r\n          try {\r\n            eval(layout.globalJs + ';' + element.tempFeild1)\r\n          } catch (error) {\r\n            console.log(error)\r\n          }\r\n        }\r\n        setState({\r\n          ...state,\r\n          SensorList: sensors.current,\r\n          DashboardStat: 'INITIALIZATION',\r\n        })\r\n        setTimeout(() => {\r\n          const newConnection = new HubConnectionBuilder()\r\n            .withUrl(hubService + '/' + response.data.result.hub + '/Hub')\r\n            .withAutomaticReconnect()\r\n            .build()\r\n          setConnection(newConnection)\r\n        }, 100)\r\n      }, 500)\r\n    })\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    var desginObject = {\r\n      version: '4.3.1',\r\n      objects: [],\r\n    }\r\n    for (let index = 0; index < layout.designObject.length; index++) {\r\n      const element = layout.designObject[index]\r\n      var ds = JSON.parse(element.tempFeild1)\r\n      //Movement:\r\n      ds.lockMovementX = true\r\n      ds.lockMovementY = true\r\n\r\n      //Scaling:\r\n      ds.lockScalingX = true\r\n      ds.lockScalingY = true\r\n\r\n      // Rotation:\r\n      ds.lockRotation = true\r\n\r\n      // Object's frame/bounidngBox:\r\n      ds.hasControls = false\r\n      ds.hasBorders = false\r\n      desginObject.objects.push(ds)\r\n    }\r\n    editor?.canvas.loadFromJSON(desginObject)\r\n\r\n    setisload(false)\r\n  }\r\n\r\n  let bodyCss = {\r\n    overflowX: 'hidden',\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  let backcss = {\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    margin: 'auto',\r\n    width: '1200px',\r\n  }\r\n\r\n  let sensorcss = {\r\n    position: 'absolute',\r\n    width: '1200px',\r\n  }\r\n\r\n  if (!layout.isZoom) {\r\n    backcss = {\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n    }\r\n\r\n    sensorcss = {\r\n      position: 'absolute',\r\n    }\r\n\r\n    bodyCss = {}\r\n  }\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <div\r\n          className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n          style={{\r\n            backgroundImage: `url(${toAbsoluteUrl('/media/illustrations/sketchy-1/14.png')})`,\r\n          }}\r\n        >\r\n          {/* begin::Content */}\r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            {/* begin::Logo */}\r\n            <h1>industryX Automation</h1>\r\n\r\n            {/* end::Logo */}\r\n            {/* begin::Wrapper */}\r\n            <div className='w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto'>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    {' '}\r\n                    {state.DashboardStat}{' '}\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n            {/* end::Wrapper */}\r\n          </div>\r\n          {/* end::Content */}\r\n          {/* begin::Footer */}\r\n          <div className='d-flex flex-center flex-column-auto p-10'>\r\n            <div className='d-flex align-items-center fw-bold fs-6'>\r\n              <a href='#' className='text-muted text-hover-primary px-2'>\r\n                {new Date().getFullYear()} &copy;{' '}\r\n                <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n                  <img\r\n                    width={80}\r\n                    src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png'\r\n                  />\r\n                </a>\r\n              </a>\r\n            </div>\r\n          </div>\r\n          {/* end::Footer */}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  if (layout.category === 'MAP') {\r\n    return (\r\n      <>\r\n        <PageTitle code={''} breadcrumbs={layout.breadCrumbs}>\r\n          {layout.layoutName}\r\n        </PageTitle>\r\n        <Map layout={layout.id} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle code={''} breadcrumbs={layout.breadCrumbs}>\r\n        {layout.layoutName}\r\n      </PageTitle>\r\n      <PageDataProvider>\r\n        <ToastContainer />\r\n\r\n        {/*    <body style={bodyCss}>      </body>  */}\r\n        <div\r\n          className='grid'\r\n          style={{\r\n            height: '1500px',\r\n            margin: 'auto',\r\n            width: '100%',\r\n            padding: '10px',\r\n            overflow: 'hide',\r\n          }}\r\n        >\r\n          <div style={backcss}>\r\n            {/*  <a href='#' className='text-gray-800 text-hover-primary fs-2 fw-bolder me-1'></a>\r\n          {state.DashboardStat === 'DISABLED' && (\r\n            <a\r\n              href='#'\r\n              className='btn btn-sm btn-light-dark fw-bolder ms-2 fs-8 py-1 px-3'\r\n              data-bs-toggle='modal'\r\n              data-bs-target='#kt_modal_upgrade_plan'\r\n            >\r\n              {state.DashboardStat}\r\n            </a>\r\n          )}\r\n          {state.DashboardStat === 'ACTIVE' && (\r\n            <a\r\n              href='#'\r\n              className='btn btn-sm btn-light-success fw-bolder ms-2 fs-8 py-1 px-3'\r\n              data-bs-toggle='modal'\r\n              data-bs-target='#kt_modal_upgrade_plan'\r\n            >\r\n              {state.DashboardStat}\r\n            </a>\r\n          )}\r\n          {state.DashboardStat === 'CONNECTED' && (\r\n            <a\r\n              href='#'\r\n              className='btn btn-sm btn-light-info fw-bolder ms-2 fs-8 py-1 px-3'\r\n              data-bs-toggle='modal'\r\n              data-bs-target='#kt_modal_upgrade_plan'\r\n            >\r\n              {state.DashboardStat}\r\n            </a>\r\n          )}\r\n          {state.DashboardStat === 'CONNECTING' && (\r\n            <a\r\n              href='#'\r\n              className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-8 py-1 px-3'\r\n              data-bs-toggle='modal'\r\n              data-bs-target='#kt_modal_upgrade_plan'\r\n            >\r\n              {state.DashboardStat}\r\n            </a>\r\n          )}\r\n\r\n            */}\r\n\r\n            <img style={sensorcss} src={layout.imageData}></img>\r\n            <FabricJSCanvas className='sample-canvas' onReady={onReady} />\r\n            <div style={{width: '100%', height: '1000px', zIndex: 5, position: 'absolute'}}></div>\r\n            <SensorArea state={state} layout={layout} sensorcss={sensorcss} />\r\n          </div>\r\n        </div>\r\n      </PageDataProvider>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Display\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","import React, {\r\n  FC,\r\n  createContext,\r\n  useContext,\r\n  useState,\r\n  useEffect,\r\n  SetStateAction,\r\n  Dispatch,\r\n} from 'react'\r\n\r\nconst MetronicSplashScreenContext = createContext<Dispatch<SetStateAction<number>> | undefined>(\r\n  undefined\r\n)\r\n\r\nconst MetronicSplashScreenProvider: FC = ({children}) => {\r\n  const [count, setCount] = useState(0)\r\n  let visible = count > 0\r\n\r\n  useEffect(() => {\r\n    const splashScreen = document.getElementById('splash-screen')\r\n\r\n    // Show SplashScreen\r\n    if (splashScreen && visible) {\r\n      splashScreen.classList.remove('hidden')\r\n\r\n      return () => {\r\n        splashScreen.classList.add('hidden')\r\n      }\r\n    }\r\n\r\n    // Hide SplashScreen\r\n    let timeout: number\r\n    if (splashScreen && !visible) {\r\n      timeout = window.setTimeout(() => {\r\n        splashScreen.classList.add('hidden')\r\n      }, 3000)\r\n    }\r\n\r\n    return () => {\r\n      clearTimeout(timeout)\r\n    }\r\n  }, [visible])\r\n\r\n  return (\r\n    <MetronicSplashScreenContext.Provider value={setCount}>\r\n      {children}\r\n    </MetronicSplashScreenContext.Provider>\r\n  )\r\n}\r\n\r\nconst LayoutSplashScreen: FC<{visible?: boolean}> = ({visible = true}) => {\r\n  // Everything are ready - remove splashscreen\r\n  const setCount = useContext(MetronicSplashScreenContext)\r\n\r\n  useEffect(() => {\r\n    if (!visible) {\r\n      return\r\n    }\r\n\r\n    if (setCount) {\r\n      setCount((prev) => {\r\n        return prev + 1\r\n      })\r\n    }\r\n\r\n    return () => {\r\n      if (setCount) {\r\n        setCount((prev) => {\r\n          return prev - 1\r\n        })\r\n      }\r\n    }\r\n  }, [setCount, visible])\r\n\r\n  return null\r\n}\r\n\r\nexport {MetronicSplashScreenProvider, LayoutSplashScreen}\r\n","import React, {Component} from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport shouldPureComponentUpdate from 'react-pure-render/function'\r\nimport Popup from 'reactjs-popup'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {greatPlaceStyle2} from '../sensor/config/my_great_place_styles.js'\r\n\r\nexport default class MyPlace extends Component {\r\n  static propTypes = {\r\n    text: PropTypes.string,\r\n    long_text: PropTypes.string,\r\n    isNotify: PropTypes.bool,\r\n    Link: PropTypes.string,\r\n  }\r\n\r\n  static defaultProps = {}\r\n\r\n  shouldComponentUpdate = shouldPureComponentUpdate\r\n\r\n  render() {\r\n    if (this.props.Type == 'Car') {\r\n      return (\r\n        <>\r\n          <Popup\r\n            trigger={\r\n              <div>\r\n                <img\r\n                  style={{position: 'absolute', left: -18, top: -10}}\r\n                  //  onClick={() => alert('')}\r\n                  width={'70px'}\r\n                  src='https://cdn4.iconfinder.com/data/icons/VISTA/accounting/png/256/truck.png'\r\n                />\r\n              </div>\r\n            }\r\n            position='right center'\r\n          >\r\n            <div>\r\n              temp : <b> {this.props.Value}°C</b> <br />\r\n              <a target={'_blank'} href={this.props.Link}>\r\n                View More Details\r\n              </a>\r\n            </div>\r\n          </Popup>\r\n        </>\r\n      )\r\n    } else {\r\n      if (!this.props.isNotify) {\r\n        return (\r\n          <>\r\n            <Popup\r\n              trigger={\r\n                <div style={greatPlaceStyle2}>\r\n                  {this.props.text}\r\n                  {/* <span style={{fontSize: '13px'}} className={`dot bg-info`}></span> */}\r\n                  {/* {this.props.isNotify && (\r\n                    <span style={{fontSize: '13px'}} className={`pulse-ring bg-info`}>\r\n                      {' '}\r\n                    </span>\r\n                  )}{' '} */}\r\n                </div>\r\n              }\r\n              position='right center'\r\n            >\r\n              <div>\r\n                {this.props.long_text}\r\n                {/* <a target={'_blank'} href={this.props.Link}>\r\n                  View More Details\r\n                </a> */}\r\n              </div>\r\n            </Popup>\r\n          </>\r\n        )\r\n      } else {\r\n        return (\r\n          <>\r\n            <Popup\r\n              trigger={\r\n                <div style={greatPlaceStyle2}>\r\n                  {this.props.text}\r\n                  <span\r\n                    style={{position: 'absolute', left: -18, top: -10}}\r\n                    className={`pulse-ring bg-danger`}\r\n                  ></span>\r\n                </div>\r\n              }\r\n              position='right center'\r\n            >\r\n              <div>\r\n                {this.props.long_text}\r\n                {/* <a target={'_blank'} href={this.props.Link}>\r\n                  View More Details\r\n                </a> */}\r\n              </div>\r\n            </Popup>\r\n          </>\r\n        )\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nconst PopupExample = () => (\r\n  <Popup trigger={<button> Trigger</button>} position='right center'>\r\n    <div>Popup content here !!</div>\r\n  </Popup>\r\n)\r\n","export const toAbsoluteUrl = (pathname: string) => process.env.PUBLIC_URL + pathname\r\n","export function getCurrentUrl(pathname: string) {\r\n  return pathname.split(/[?#]/)[0]\r\n}\r\n\r\nexport function checkIsActive(pathname: string, url: string) {\r\n  const current = getCurrentUrl(pathname)\r\n  if (!current || !url) {\r\n    return false\r\n  }\r\n\r\n  if (current === url) {\r\n    return true\r\n  }\r\n\r\n  if (current.indexOf(url) > -1) {\r\n    return true\r\n  }\r\n\r\n  return false\r\n}\r\n","import React from 'react'\r\nimport SVG from 'react-inlinesvg'\r\nimport {toAbsoluteUrl} from '../AssetHelpers'\r\ntype Props = {\r\n  className?: string\r\n  path: string\r\n  svgClassName?: string\r\n}\r\n\r\nconst KTSVG: React.FC<Props> = ({className = '', path, svgClassName = 'mh-50px'}) => {\r\n  return (\r\n    <span className={`svg-icon ${className}`}>\r\n      <SVG src={toAbsoluteUrl(path)} className={svgClassName} />\r\n    </span>\r\n  )\r\n}\r\n\r\nexport {KTSVG}\r\n","export interface MessageModel {\r\n  user: number\r\n  type: 'in' | 'out'\r\n  text: string\r\n  time: string\r\n  template?: boolean\r\n}\r\n\r\nconst defaultMessages: Array<MessageModel> = [\r\n  {\r\n    user: 4,\r\n    type: 'in',\r\n    text: 'How likely are you to recommend our company to your friends and family ?',\r\n    time: '2 mins',\r\n  },\r\n  {\r\n    user: 2,\r\n    type: 'out',\r\n    text: 'Hey there, we’re just writing to let you know that you’ve been subscribed to a repository on GitHub.',\r\n    time: '5 mins',\r\n  },\r\n  {\r\n    user: 4,\r\n    type: 'in',\r\n    text: 'Ok, Understood!',\r\n    time: '1 Hour',\r\n  },\r\n  {\r\n    user: 2,\r\n    type: 'out',\r\n    text: 'You’ll receive notifications for all issues, pull requests!',\r\n    time: '2 Hours',\r\n  },\r\n  {\r\n    user: 4,\r\n    type: 'in',\r\n    text: 'You can unwatch this repository immediately by clicking here: <a href=\"https://keenthemes.com\">Keenthemes.com</a>',\r\n    time: '3 Hours',\r\n  },\r\n  {\r\n    user: 2,\r\n    type: 'out',\r\n    text: 'Most purchased Business courses during this sale!',\r\n    time: '4 Hours',\r\n  },\r\n  {\r\n    user: 4,\r\n    type: 'in',\r\n    text: 'Company BBQ to celebrate the last quater achievements and goals. Food and drinks provided',\r\n    time: '5 Hours',\r\n  },\r\n  {\r\n    template: true,\r\n    user: 2,\r\n    type: 'out',\r\n    text: '',\r\n    time: 'Just now',\r\n  },\r\n  {\r\n    template: true,\r\n    user: 4,\r\n    type: 'in',\r\n    text: 'Right before vacation season we have the next Big Deal for you.',\r\n    time: 'Just now',\r\n  },\r\n]\r\n\r\nexport interface UserInfoModel {\r\n  initials?: {label: string; state: 'warning' | 'danger' | 'primary' | 'success' | 'info'}\r\n  name: string\r\n  avatar?: string\r\n  email: string\r\n  position: string\r\n  online: boolean\r\n}\r\n\r\nconst defaultUserInfos: Array<UserInfoModel> = [\r\n  {\r\n    name: 'Emma Smith',\r\n    avatar: 'avatars/150-1.jpg',\r\n    email: 'e.smith@kpmg.com.au',\r\n    position: 'Art Director',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Melody Macy',\r\n    initials: {label: 'M', state: 'danger'},\r\n    email: 'melody@altbox.com',\r\n    position: 'Marketing Analytic',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'Max Smith',\r\n    avatar: 'avatars/150-2.jpg',\r\n    email: 'max@kt.com',\r\n    position: 'Software Enginer',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Sean Bean',\r\n    avatar: 'avatars/150-4.jpg',\r\n    email: 'sean@dellito.com',\r\n    position: 'Web Developer',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Brian Cox',\r\n    avatar: 'avatars/150-15.jpg',\r\n    email: 'brian@exchange.com',\r\n    position: 'UI/UX Designer',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Mikaela Collins',\r\n    initials: {label: 'M', state: 'warning'},\r\n    email: 'mikaela@pexcom.com',\r\n    position: 'Head Of Marketing',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'Francis Mitcham',\r\n    avatar: 'avatars/150-8.jpg',\r\n    email: 'f.mitcham@kpmg.com.au',\r\n    position: 'Software Arcitect',\r\n    online: false,\r\n  },\r\n\r\n  {\r\n    name: 'Olivia Wild',\r\n    initials: {label: 'O', state: 'danger'},\r\n    email: 'olivia@corpmail.com',\r\n    position: 'System Admin',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'Neil Owen',\r\n    initials: {label: 'N', state: 'primary'},\r\n    email: 'owen.neil@gmail.com',\r\n    position: 'Account Manager',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'Dan Wilson',\r\n    avatar: 'avatars/150-6.jpg',\r\n    email: 'dam@consilting.com',\r\n    position: 'Web Desinger',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Emma Bold',\r\n    initials: {label: 'E', state: 'danger'},\r\n    email: 'emma@intenso.com',\r\n    position: 'Corporate Finance',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'Ana Crown',\r\n    avatar: 'avatars/150-7.jpg',\r\n    email: 'ana.cf@limtel.com',\r\n    position: 'Customer Relationship',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Robert Doe',\r\n    initials: {label: 'A', state: 'info'},\r\n    email: 'robert@benko.com',\r\n    position: 'Marketing Executive',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'John Miller',\r\n    avatar: 'avatars/150-17.jpg',\r\n    email: 'miller@mapple.com',\r\n    position: 'Project Manager',\r\n    online: false,\r\n  },\r\n  {\r\n    name: 'Lucy Kunic',\r\n    initials: {label: 'L', state: 'success'},\r\n    email: 'lucy.m@fentech.com',\r\n    position: 'SEO Master',\r\n    online: true,\r\n  },\r\n  {\r\n    name: 'Ethan Wilder',\r\n    avatar: 'avatars/150-10.jpg',\r\n    email: 'ethan@loop.com.au',\r\n    position: 'Accountant',\r\n    online: true,\r\n  },\r\n]\r\n\r\nconst messageFromClient: MessageModel = {\r\n  user: 4,\r\n  type: 'in',\r\n  text: 'Thank you for your awesome support!',\r\n  time: 'Just now',\r\n}\r\n\r\nexport interface AlertModel {\r\n  title: string\r\n  description: string\r\n  time: string\r\n  icon: string\r\n  state: 'primary' | 'danger' | 'warning' | 'success' | 'info'\r\n}\r\n\r\nconst defaultAlerts: Array<AlertModel> = [\r\n  {\r\n    title: 'Project Alice',\r\n    description: 'Phase 1 development',\r\n    time: '1 hr',\r\n    icon: 'icons/duotune/technology/teh008.svg',\r\n    state: 'primary',\r\n  },\r\n  {\r\n    title: 'HR Confidential',\r\n    description: 'Confidential staff documents',\r\n    time: '2 hrs',\r\n    icon: 'icons/duotune/general/gen044.svg',\r\n    state: 'danger',\r\n  },\r\n  {\r\n    title: 'Company HR',\r\n    description: 'Corporeate staff profiles',\r\n    time: '5 hrs',\r\n    icon: 'icons/duotune/finance/fin006.svg',\r\n    state: 'warning',\r\n  },\r\n  {\r\n    title: 'Project Redux',\r\n    description: 'New frontend admin theme',\r\n    time: '2 days',\r\n    icon: 'icons/duotune/files/fil023.svg',\r\n    state: 'success',\r\n  },\r\n  {\r\n    title: 'Project Breafing',\r\n    description: 'Product launch status update',\r\n    time: '21 Jan',\r\n    icon: 'icons/duotune/maps/map001.svg',\r\n    state: 'primary',\r\n  },\r\n  {\r\n    title: 'Banner Assets',\r\n    description: 'Collection of banner images',\r\n    time: '21 Jan',\r\n    icon: 'icons/duotune/general/gen006.svg',\r\n    state: 'info',\r\n  },\r\n  {\r\n    title: 'Icon Assets',\r\n    description: 'Collection of SVG icons',\r\n    time: '20 March',\r\n    icon: 'icons/duotune/art/art002.svg',\r\n    state: 'warning',\r\n  },\r\n]\r\nexport interface LogModel {\r\n  code: string\r\n  state: 'success' | 'danger' | 'warning'\r\n  message: string\r\n  time: string\r\n}\r\n\r\nconst defaultLogs: Array<LogModel> = [\r\n  {code: '200 OK', state: 'success', message: 'New order', time: 'Just now'},\r\n  {code: '500 ERR', state: 'danger', message: 'New customer', time: '2 hrs'},\r\n  {code: '200 OK', state: 'success', message: 'Payment process', time: '5 hrs'},\r\n  {code: '300 WRN', state: 'warning', message: 'Search query', time: '2 days'},\r\n  {code: '200 OK', state: 'success', message: 'API connection', time: '1 week'},\r\n  {code: '200 OK', state: 'success', message: 'Database restore', time: 'Mar 5'},\r\n  {code: '300 WRN', state: 'warning', message: 'System update', time: 'May 15'},\r\n  {code: '300 WRN', state: 'warning', message: 'Server OS update', time: 'Apr 3'},\r\n  {code: '300 WRN', state: 'warning', message: 'API rollback', time: 'Jun 30'},\r\n  {code: '500 ERR', state: 'danger', message: 'Refund process', time: 'Jul 10'},\r\n  {code: '500 ERR', state: 'danger', message: 'Withdrawal process', time: 'Sep 10'},\r\n  {code: '500 ERR', state: 'danger', message: 'Mail tasks', time: 'Dec 10'},\r\n]\r\n\r\nexport {defaultMessages, defaultUserInfos, defaultAlerts, defaultLogs, messageFromClient}\r\n","import {ILayout} from './LayoutModels'\r\n\r\nvar settings_config : ILayout = {\r\n  main: {\r\n    type: 'default',\r\n    primaryColor: '#009EF7',\r\n    darkSkinEnabled: true,\r\n  },\r\n  loader: {\r\n    display: true,\r\n    type: 'default', // Set default|spinner-message|spinner-logo to hide or show page loader\r\n  },\r\n  scrolltop: {\r\n    display: true,\r\n  },\r\n  header: {\r\n    display: true, // Set true|false to show or hide Header\r\n    width: 'fluid', // Set fixed|fluid to change width type\r\n    left: 'menu',\r\n    fixed: {\r\n      desktop: true, // Set true|false to set fixed Header for desktop mode\r\n      tabletAndMobile: true, // Set true|false to set fixed Header for tablet and mobile modes\r\n    },\r\n    menuIcon: 'svg',\r\n  },\r\n  megaMenu: {\r\n    display: true, // Set true|false to show or hide Mega Menu\r\n  },\r\n  aside: {\r\n    display: true,\r\n    theme: 'dark',\r\n    menu: 'main',\r\n    fixed: true,\r\n    minimized: true,\r\n    minimize: true,\r\n    hoverable: true,\r\n    menuIcon: 'svg',\r\n  },\r\n  content: {\r\n    width: 'fixed', // Set fixed|fluid to change width\r\n    layout: 'default',\r\n  },\r\n  toolbar: {\r\n    display: true, // Display toolbar\r\n    width: 'fluid', // Set fixed|fluid to change width type,\r\n    fixed: {\r\n      desktop: true,\r\n      tabletAndMobileMode: true,\r\n    },\r\n    layout: 'toolbar1',\r\n    layouts: {\r\n      toolbar1: {\r\n        height: '55px',\r\n        heightAndTabletMobileMode: '55px',\r\n      },\r\n      toolbar2: {\r\n        height: '75px',\r\n        heightAndTabletMobileMode: '65px',\r\n      },\r\n      toolbar3: {\r\n        height: '55px',\r\n        heightAndTabletMobileMode: '55px',\r\n      },\r\n      toolbar4: {\r\n        height: '65px',\r\n        heightAndTabletMobileMode: '65px',\r\n      },\r\n      toolbar5: {\r\n        height: '75px',\r\n        heightAndTabletMobileMode: '65px',\r\n      },\r\n    },\r\n  },\r\n  footer: {\r\n    width: 'fluid', // Set fixed|fluid to change width type\r\n  },\r\n  pageTitle: {\r\n    display: true,\r\n    breadCrumbs: true,\r\n    description: false,\r\n    layout: 'default',\r\n    direction: 'row',\r\n    responsive: true,\r\n    responsiveBreakpoint: 'lg',\r\n    responsiveTarget: '#kt_toolbar_container',\r\n  },\r\n}\r\n\r\n\r\n\r\nif (window.location.hostname.toLowerCase() === 'e2eq.lk') {\r\n\r\n}\r\nif (window.location.hostname.toLowerCase() === 'portal.smartgas.biz') {\r\n settings_config.aside =  {\r\n  display: true,\r\n  theme: 'light',\r\n  menu: 'main',\r\n  fixed: true,\r\n  minimized: false,\r\n  minimize: true,\r\n  hoverable: true,\r\n  menuIcon: 'svg',\r\n}\r\n}\r\n\r\n\r\nexport const DefaultLayoutConfig : ILayout = settings_config\r\n \r\n\r\n// export const DefaultLayoutConfig: ILayout = {\r\n//   main: {\r\n//     type: 'default',\r\n//     primaryColor: '#009EF7',\r\n//     darkSkinEnabled: true,\r\n//   },\r\n//   loader: {\r\n//     display: true,\r\n//     type: 'default', // Set default|spinner-message|spinner-logo to hide or show page loader\r\n//   },\r\n//   scrolltop: {\r\n//     display: true,\r\n//   },\r\n//   header: {\r\n//     display: true, // Set true|false to show or hide Header\r\n//     width: 'fluid', // Set fixed|fluid to change width type\r\n//     left: 'menu',\r\n//     fixed: {\r\n//       desktop: true, // Set true|false to set fixed Header for desktop mode\r\n//       tabletAndMobile: true, // Set true|false to set fixed Header for tablet and mobile modes\r\n//     },\r\n//     menuIcon: 'svg',\r\n//   },\r\n//   megaMenu: {\r\n//     display: true, // Set true|false to show or hide Mega Menu\r\n//   },\r\n//   aside: {\r\n//     display: true,\r\n//     theme: 'dark',\r\n//     menu: 'main',\r\n//     fixed: true,\r\n//     minimized: true,\r\n//     minimize: true,\r\n//     hoverable: true,\r\n//     menuIcon: 'svg',\r\n//   },\r\n//   content: {\r\n//     width: 'fixed', // Set fixed|fluid to change width\r\n//     layout: 'default',\r\n//   },\r\n//   toolbar: {\r\n//     display: true, // Display toolbar\r\n//     width: 'fluid', // Set fixed|fluid to change width type,\r\n//     fixed: {\r\n//       desktop: true,\r\n//       tabletAndMobileMode: true,\r\n//     },\r\n//     layout: 'toolbar1',\r\n//     layouts: {\r\n//       toolbar1: {\r\n//         height: '55px',\r\n//         heightAndTabletMobileMode: '55px',\r\n//       },\r\n//       toolbar2: {\r\n//         height: '75px',\r\n//         heightAndTabletMobileMode: '65px',\r\n//       },\r\n//       toolbar3: {\r\n//         height: '55px',\r\n//         heightAndTabletMobileMode: '55px',\r\n//       },\r\n//       toolbar4: {\r\n//         height: '65px',\r\n//         heightAndTabletMobileMode: '65px',\r\n//       },\r\n//       toolbar5: {\r\n//         height: '75px',\r\n//         heightAndTabletMobileMode: '65px',\r\n//       },\r\n//     },\r\n//   },\r\n//   footer: {\r\n//     width: 'fluid', // Set fixed|fluid to change width type\r\n//   },\r\n//   pageTitle: {\r\n//     display: true,\r\n//     breadCrumbs: true,\r\n//     description: false,\r\n//     layout: 'default',\r\n//     direction: 'row',\r\n//     responsive: true,\r\n//     responsiveBreakpoint: 'lg',\r\n//     responsiveTarget: '#kt_toolbar_container',\r\n//   },\r\n// }\r\n","import React, {createContext, useContext, useState, useEffect} from 'react'\r\nimport {DefaultLayoutConfig} from './DefaultLayoutConfig'\r\nimport {\r\n  getEmptyCssClasses,\r\n  getEmptyCSSVariables,\r\n  getEmptyHTMLAttributes,\r\n  LayoutSetup,\r\n} from './LayoutSetup'\r\nimport {\r\n  ILayout,\r\n  ILayoutCSSVariables,\r\n  ILayoutCSSClasses,\r\n  ILayoutHTMLAttributes,\r\n} from './LayoutModels'\r\n\r\nexport interface LayoutContextModel {\r\n  config: ILayout\r\n  classes: ILayoutCSSClasses\r\n  attributes: ILayoutHTMLAttributes\r\n  cssVariables: ILayoutCSSVariables\r\n  setLayout: (config: LayoutSetup) => void\r\n}\r\n\r\nconst LayoutContext = createContext<LayoutContextModel>({\r\n  config: DefaultLayoutConfig,\r\n  classes: getEmptyCssClasses(),\r\n  attributes: getEmptyHTMLAttributes(),\r\n  cssVariables: getEmptyCSSVariables(),\r\n  setLayout: (config: LayoutSetup) => {},\r\n})\r\n\r\nconst enableSplashScreen = () => {\r\n  const splashScreen = document.getElementById('splash-screen')\r\n  if (splashScreen) {\r\n    splashScreen.style.setProperty('display', 'flex')\r\n  }\r\n}\r\n\r\nconst disableSplashScreen = () => {\r\n  const splashScreen = document.getElementById('splash-screen')\r\n  if (splashScreen) {\r\n    splashScreen.style.setProperty('display', 'none')\r\n  }\r\n}\r\n\r\nconst LayoutProvider: React.FC = ({children}) => {\r\n  const [config, setConfig] = useState(LayoutSetup.config)\r\n  const [classes, setClasses] = useState(LayoutSetup.classes)\r\n  const [attributes, setAttributes] = useState(LayoutSetup.attributes)\r\n  const [cssVariables, setCSSVariables] = useState(LayoutSetup.cssVariables)\r\n  const setLayout = (_themeConfig: Partial<ILayout>) => {\r\n    enableSplashScreen()\r\n    const bodyClasses = Array.from(document.body.classList)\r\n    bodyClasses.forEach((cl) => document.body.classList.remove(cl))\r\n    LayoutSetup.updatePartialConfig(_themeConfig)\r\n    setConfig(Object.assign({}, LayoutSetup.config))\r\n    setClasses(LayoutSetup.classes)\r\n    setAttributes(LayoutSetup.attributes)\r\n    setCSSVariables(LayoutSetup.cssVariables)\r\n    setTimeout(() => {\r\n      disableSplashScreen()\r\n    }, 500)\r\n  }\r\n  const value: LayoutContextModel = {\r\n    config,\r\n    classes,\r\n    attributes,\r\n    cssVariables,\r\n    setLayout,\r\n  }\r\n\r\n  useEffect(() => {\r\n    disableSplashScreen()\r\n  }, [])\r\n\r\n  return <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>\r\n}\r\n\r\nexport {LayoutContext, LayoutProvider}\r\n\r\nexport function useLayout() {\r\n  return useContext(LayoutContext)\r\n}\r\n","/* eslint-disable react-hooks/exhaustive-deps */\r\nimport React, { FC, createContext, useContext, useEffect, useState } from 'react'\r\n\r\nexport interface PageLink {\r\n  title: string\r\n  path: string\r\n  isActive: boolean\r\n  isSeparator?: boolean\r\n}\r\n\r\nexport interface PageDataContextModel {\r\n  pageTitle?: string\r\n  setPageTitle: (_title: string) => void\r\n  pageDescription?: string\r\n  setPageDescription: (_description: string) => void\r\n  pageBreadcrumbs?: Array<PageLink>\r\n  setPageBreadcrumbs: (_breadcrumbs: Array<PageLink>) => void\r\n  pageCode?: string\r\n  setPageCode: (_code: string) => void\r\n}\r\n\r\nconst PageDataContext = createContext<PageDataContextModel>({\r\n  setPageTitle: (_title: string) => { },\r\n  setPageBreadcrumbs: (_breadcrumbs: Array<PageLink>) => { },\r\n  setPageDescription: (_description: string) => { },\r\n  setPageCode: (_code: string) => { },\r\n})\r\n\r\nconst PageDataProvider: React.FC = ({ children }) => {\r\n  const [pageTitle, setPageTitle] = useState<string>('')\r\n  const [pageDescription, setPageDescription] = useState<string>('')\r\n  const [pageBreadcrumbs, setPageBreadcrumbs] = useState<Array<PageLink>>([])\r\n  const [pageCode, setPageCode] = useState<string>('')\r\n  const value: PageDataContextModel = {\r\n    pageTitle,\r\n    setPageTitle,\r\n    pageDescription,\r\n    setPageDescription,\r\n    pageBreadcrumbs,\r\n    setPageBreadcrumbs,\r\n    pageCode,\r\n    setPageCode,\r\n  }\r\n  return <PageDataContext.Provider value={value}>{children}</PageDataContext.Provider>\r\n}\r\n\r\nfunction usePageData() {\r\n  return useContext(PageDataContext)\r\n}\r\n\r\ntype Props = {\r\n  description?: string\r\n  breadcrumbs?: Array<PageLink>\r\n  code?: string\r\n}\r\n\r\nconst PageTitle: FC<Props> = ({ children, description, breadcrumbs, code = '' }) => {\r\n  const { setPageTitle, setPageDescription, setPageBreadcrumbs, setPageCode } = usePageData()\r\n  useEffect(() => {\r\n    if (children) {\r\n      setPageTitle(children.toString())\r\n    }\r\n    return () => {\r\n      setPageTitle('')\r\n    }\r\n  }, [children])\r\n\r\n  useEffect(() => {\r\n    if (description) {\r\n      setPageDescription(description)\r\n    }\r\n    return () => {\r\n      setPageDescription('')\r\n    }\r\n  }, [description])\r\n\r\n  useEffect(() => {\r\n    if (code) {\r\n      setPageCode(code)\r\n    }\r\n    return () => {\r\n      setPageCode('')\r\n    }\r\n  }, [code])\r\n\r\n\r\n  useEffect(() => {\r\n    if (breadcrumbs) {\r\n      setPageBreadcrumbs(breadcrumbs)\r\n    }\r\n    return () => {\r\n      setPageBreadcrumbs([])\r\n    }\r\n  }, [breadcrumbs])\r\n\r\n  return <></>\r\n}\r\n\r\nconst PageDescription: React.FC = ({ children }) => {\r\n  const { setPageDescription } = usePageData()\r\n  useEffect(() => {\r\n    if (children) {\r\n      setPageDescription(children.toString())\r\n    }\r\n    return () => {\r\n      setPageDescription('')\r\n    }\r\n  }, [children])\r\n  return <></>\r\n}\r\n\r\nexport { PageDescription, PageTitle, PageDataProvider, usePageData }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {FC} from 'react'\r\n\r\nconst Dropdown2: FC = () => {\r\n  return (\r\n    <div\r\n      className='menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold w-200px'\r\n      data-kt-menu='true'\r\n    >\r\n      <div className='menu-item px-3'>\r\n        <div className='menu-content fs-6 text-dark fw-bolder px-3 py-4'>Quick Actions</div>\r\n      </div>\r\n\r\n      <div className='separator mb-3 opacity-75'></div>\r\n\r\n      <div className='menu-item px-3'>\r\n        <a href='#' className='menu-link px-3'>\r\n          New Ticket\r\n        </a>\r\n      </div>\r\n\r\n      <div className='menu-item px-3'>\r\n        <a href='#' className='menu-link px-3'>\r\n          New Customer\r\n        </a>\r\n      </div>\r\n\r\n      <div\r\n        className='menu-item px-3'\r\n        data-kt-menu-trigger='hover'\r\n        data-kt-menu-placement='right-start'\r\n        data-kt-menu-flip='left-start, top'\r\n      >\r\n        <a href='#' className='menu-link px-3'>\r\n          <span className='menu-title'>New Group</span>\r\n          <span className='menu-arrow'></span>\r\n        </a>\r\n\r\n        <div className='menu-sub menu-sub-dropdown w-175px py-4'>\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link px-3'>\r\n              Admin Group\r\n            </a>\r\n          </div>\r\n\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link px-3'>\r\n              Staff Group\r\n            </a>\r\n          </div>\r\n\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link px-3'>\r\n              Member Group\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='menu-item px-3'>\r\n        <a href='#' className='menu-link px-3'>\r\n          New Contact\r\n        </a>\r\n      </div>\r\n\r\n      <div className='separator mt-3 opacity-75'></div>\r\n\r\n      <div className='menu-item px-3'>\r\n        <div className='menu-content px-3 py-3'>\r\n          <a className='btn btn-primary  btn-sm px-4' href='#'>\r\n            Generate Reports\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {Dropdown2}\r\n","const K_WIDTH = 40\r\nconst K_HEIGHT = 40\r\n\r\nconst greatPlaceStyle = {\r\n  // initially any map object has left top corner at lat lng coordinates\r\n  // it's on you to set object origin to 0,0 coordinates\r\n  position: 'absolute',\r\n  width: K_WIDTH,\r\n  height: K_HEIGHT,\r\n  left: -K_WIDTH / 2,\r\n  top: -K_HEIGHT / 2,\r\n  border: '5px solid #f44336',\r\n  borderRadius: K_HEIGHT,\r\n  backgroundColor: 'white',\r\n  textAlign: 'center',\r\n  color: '#3f51b5',\r\n  fontSize: 16,\r\n  fontWeight: 'bold',\r\n  padding: 4,\r\n}\r\n\r\nconst greatPlaceStyle2 = {\r\n  // initially any map object has left top corner at lat lng coordinates\r\n  // it's on you to set object origin to 0,0 coordinates\r\n  position: 'absolute',\r\n  width: 60,\r\n  height: K_HEIGHT,\r\n  left: -60 / 2,\r\n  top: -K_HEIGHT / 2,\r\n  border: '5px solid #f44336',\r\n  borderRadius: K_HEIGHT,\r\n  backgroundColor: 'white',\r\n  textAlign: 'center',\r\n  color: '#3f51b5',\r\n  fontSize: 16,\r\n  fontWeight: 'bold',\r\n  padding: 4,\r\n}\r\n\r\nexport {greatPlaceStyle, greatPlaceStyle2}\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\n// import useWindowDimensions from '../../helpers/WindowDimension'\r\n// import Dictionary from '../../helpers/Dictionary'\r\n// import {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\n// import {Dropdown1} from '../../../../_metronic/partials'\r\n// import {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\n// import {Footer} from '../../../../_metronic/layout/components/Footer'\r\n// import {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\n// import {Content} from '../../../../_metronic/layout/components/Content'\r\n// import {\r\n//   ChartsWidget1,\r\n//   TablesWidget1,\r\n//   ListsWidget5,\r\n//   TablesWidget5,\r\n// } from '../../../../_metronic/partials/widgets'\r\n// import {stat} from 'fs'\r\n// import Confetti from 'react-confetti'\r\n// import ImageMapper from 'react-image-mapper'\r\n// import Draggable from 'react-draggable'\r\n// import {v4 as uuidv4} from 'uuid'\r\n// import Popup from 'reactjs-popup'\r\n// import SensorArea from './SensorArea'\r\nimport 'reactjs-popup/dist/index.css'\r\n// import {auto, hide, right} from '@popperjs/core'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport GoogleMapReact from 'google-map-react'\r\nimport MyGreatPlace from './my_great_place.jsx'\r\n\r\nimport shouldPureComponentUpdate from 'react-pure-render/function'\r\n\r\nimport MarkerExample, {K_SCALE_NORMAL} from './marker_example.jsx'\r\n\r\nimport {getScale, getRealFromTo} from '../helpers/calc_markers_visibility.js'\r\nimport markerDescriptions from '../constants/marker_descriptions.js'\r\nimport {customDistanceToMouse} from '../helpers/custom_distance.js'\r\n\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {fabric} from 'fabric'\r\n\r\nimport 'react-toastify/dist/ReactToastify.css'\r\nimport {List} from 'immutable'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction Map(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const AnyReactComponent = ({text}) => <div>{text}</div>\r\n  const defaultProps = {\r\n    center: {\r\n      lat: 6.911979146490742,\r\n      lng: 79.92597226721936,\r\n    },\r\n    zoom: 8,\r\n  }\r\n\r\n  const K_MARGIN_TOP = 30\r\n  const K_MARGIN_RIGHT = 30\r\n  const K_MARGIN_BOTTOM = 30\r\n  const K_MARGIN_LEFT = 30\r\n\r\n  const K_HOVER_DISTANCE = 30\r\n  /*\r\n  const initialStatex = [\r\n    {\r\n      name: 'KF',\r\n      lat: 6.911979146490742,\r\n      lng: 79.92597226721936,\r\n      value: '',\r\n      isNotify: false,\r\n      link: '',\r\n      type: '',\r\n    },\r\n    {\r\n      name: 'EH',\r\n      lat: 6.7064889452596015,\r\n      lng: 79.94520235609559,\r\n      value: '',\r\n      isNotify: false,\r\n      link: '',\r\n      type: '',\r\n    },\r\n  ]*/\r\n\r\n  //const initialStatex = []\r\n  const [loc, setLoc] = useState([])\r\n  const locax = useRef(loc)\r\n\r\n  //editor?.addRectangle({ fill: \"red\", stroke: \"blue\" });\r\n  /*selectedObjects[0]?.set({\r\n    fill: \"red\",\r\n    stroke: \"blue\",\r\n   /* //Movement:\r\n    lockMovementX : true,\r\n    lockMovementY : true,\r\n    \r\n    //Scaling:\r\n    lockScalingX : true,\r\n    lockScalingY : true,\r\n    \r\n   // Rotation:\r\n    lockRotation : true,\r\n    \r\n    // Object's frame/bounidngBox:\r\n    hasControls : false,\r\n    hasBorders : false,\r\n    //left:  selectedObjects[0].left +  100,\r\n  });\r\n  \r\n  setTimeout(() => {\r\n   if(isload){\r\n      const data = JSON.parse(\r\n        '{\"version\":\"4.3.1\",\"objects\":[{\"type\":\"circle\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":100,\"top\":100,\"width\":40,\"height\":40,\"fill\":\"rgba(255, 255, 255, 0.0)\",\"stroke\":\"#000000\",\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"radius\":20,\"startAngle\":0,\"endAngle\":6.283185307179586},{\"type\":\"text\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":253,\"top\":102,\"width\":95.55,\"height\":18.08,\"fill\":\"#000000\",\"stroke\":null,\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":2.43,\"scaleY\":2.43,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"text\":\"Some text\",\"fontSize\":16,\"fontWeight\":\"normal\",\"fontFamily\":\"Arial\",\"fontStyle\":\"normal\",\"lineHeight\":1.16,\"underline\":false,\"overline\":false,\"linethrough\":false,\"textAlign\":\"left\",\"textBackgroundColor\":\"\",\"charSpacing\":0,\"minWidth\":20,\"splitByGrapheme\":false,\"styles\":{}},{\"type\":\"rect\",\"lockMovementX\":\"True\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":109,\"top\":212,\"width\":40,\"height\":40,\"fill\":\"rgba(255, 255, 255, 0.0)\",\"stroke\":\"#000000\",\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"rx\":0,\"ry\":0},{\"type\":\"image\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":499,\"top\":86,\"width\":1200,\"height\":900,\"fill\":\"rgb(0,0,0)\",\"stroke\":null,\"strokeWidth\":0,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":0.2,\"scaleY\":0.2,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"cropX\":0,\"cropY\":0,\"src\":\"https://miro.medium.com/max/1200/1*mk1-6aYaf_Bes1E3Imhc0A.jpeg\",\"crossOrigin\":null,\"filters\":[]},{\"type\":\"polyline\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":483.78,\"top\":339.22,\"width\":50.88,\"height\":50.88,\"fill\":\"white\",\"stroke\":\"black\",\"strokeWidth\":2,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":262.52,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"points\":[{\"x\":100,\"y\":100},{\"x\":99.11611652351681,\"y\":100.88388347648318},{\"x\":145.58058261758407,\"y\":147.34834957055045},{\"x\":142.92893218813452,\"y\":150},{\"x\":150,\"y\":150},{\"x\":150,\"y\":142.92893218813452},{\"x\":147.34834957055045,\"y\":145.58058261758407},{\"x\":100.88388347648318,\"y\":99.11611652351681},{\"x\":100,\"y\":100}]},{\"type\":\"image\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":197,\"top\":132,\"width\":1200,\"height\":900,\"fill\":\"rgb(0,0,0)\",\"stroke\":null,\"strokeWidth\":0,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":0.2,\"scaleY\":0.2,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"cropX\":0,\"cropY\":0,\"src\":\"https://miro.medium.com/max/1200/1*mk1-6aYaf_Bes1E3Imhc0A.jpeg\",\"crossOrigin\":null,\"filters\":[]}]}'\r\n      );\r\n      editor?.canvas.loadFromJSON(data);\r\n      console.log(JSON.stringify(editor?.canvas))\r\n      setisload(false);\r\n   }\r\n  }, 5000);\r\n  \r\n  */\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: props.layout, //urlParams.get('id')??props.layout,\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n  })\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    loc: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB //\"https://signalr.midassit.com\";\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          //console.log('Connected!');\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            //console.log(message)\r\n\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            /* */ if (\r\n              dataPacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n            ) {\r\n              return\r\n            } else {\r\n              /*if (dataPacket.IsNotify) {\r\n                toast.error(dataPacket.Message, {\r\n                  position: 'top-right',\r\n                  autoClose: 5000,\r\n                  hideProgressBar: true,\r\n                  closeOnClick: true,\r\n                  pauseOnHover: true,\r\n                  draggable: true,\r\n                  progress: undefined,\r\n                })\r\n              }*/\r\n\r\n              if (dataPacket.Packet === layout.id.replace('ly', '')) {\r\n                console.log(dataPacket)\r\n\r\n                //console.log(JSON.stringify(loc))\r\n                //console.log(testx)\r\n                //console.log(dataPacket.Name)\r\n                const newState = locax.current.map((obj) => {\r\n                  // 👇️ if id equals 2, update country property.\r\n\r\n                  if (\r\n                    dataPacket[obj.name] === undefined ||\r\n                    dataPacket[obj.name + '_gps'] === undefined\r\n                  )\r\n                    return obj\r\n\r\n                  // console.log(obj.name)\r\n                  // console.log(dataPacket[obj.name] + ' ' + dataPacket[obj.name + '_gps'])\r\n\r\n                  //console.log('XX' + dataPacket.Name)\r\n                  return {\r\n                    ...obj,\r\n                    value: dataPacket[obj.name],\r\n                    lat: dataPacket[obj.name + '_gps'].Lat, //6.7064889452596015, //,\r\n                    lng: dataPacket[obj.name + '_gps'].Lng, //79.94520235609559, //dataPacket[obj.name + '_gps'].Lat,\r\n                    isNotify: false,\r\n                    link: '/facility-detail-item/' + obj.code,\r\n                    type: 'Car',\r\n                  }\r\n\r\n                  // 👇️ otherwise return the object as is\r\n                  // return obj\r\n                })\r\n\r\n                locax.current = newState\r\n                setLoc(newState)\r\n\r\n                /* data.push({\r\n                  value: '17',\r\n                  lat: 6.7064889452596015,\r\n                  lng: 79.94520235609559,\r\n                  isNotify: false,\r\n                  link: '',\r\n                  type: 'Car',\r\n                  //}\r\n                })*/\r\n                //locax.current = newState\r\n                //setLoc(newState)\r\n              }\r\n\r\n              //\r\n              //console.log(dataPacket)\r\n              //console.log(dataPacket.SensorValue)\r\n              //let newElements = {}\r\n              //   Object.entries(dataPacket).map(([key, value]) => {\r\n              //    newElements[key] = value\r\n              //  })\r\n\r\n              setState({\r\n                ...state,\r\n                SensorList: sensors.current,\r\n                DashboardStat: 'CONNECTED',\r\n                //loc: newState,\r\n              })\r\n              //console.log(JSON.stringify(state.loc))\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layout?layout=' + layout.id,\r\n      headers: {},\r\n    }).then((response) => {\r\n      setLayout({\r\n        ...layout,\r\n        layoutName: response.data.result.layoutName,\r\n        imageData: 'data:image/png;base64,' + response.data.result.imageData,\r\n        isZoom: response.data.result.isZoom,\r\n        globalJs: response.data.result.globalJs,\r\n        designObject: response.data.result.designObject,\r\n      })\r\n\r\n      var allSensors = []\r\n      for (let index = 0; index < response.data.result.devices.length; index++) {\r\n        const element = response.data.result.devices[index]\r\n        allSensors.push({\r\n          code: element.id,\r\n          name: element.machineNo,\r\n          value: '',\r\n          lat: '',\r\n          lng: '',\r\n          isNotify: false,\r\n          link: '',\r\n          type: 'Car',\r\n          //}\r\n        })\r\n      }\r\n      //console.log('sssssssssssssssss' + JSON.stringify(allSensors))\r\n      locax.current = allSensors\r\n\r\n      setState({\r\n        ...state,\r\n        SensorList: response.data.result.devices,\r\n      })\r\n\r\n      sensors.current = response.data.result.devices\r\n\r\n      setTimeout(() => {\r\n        for (let index = 0; index < sensors.current.length; index++) {\r\n          const element = sensors.current[index]\r\n          try {\r\n            eval(layout.globalJs + ';' + element.tempFeild1)\r\n          } catch (error) {\r\n            console.log(error)\r\n          }\r\n        }\r\n        setState({\r\n          ...state,\r\n          SensorList: sensors.current,\r\n          DashboardStat: 'INITIALIZATION',\r\n        })\r\n        setTimeout(() => {\r\n          const newConnection = new HubConnectionBuilder()\r\n            .withUrl(hubService + '/' + response.data.result.hub + '/Hub')\r\n            .withAutomaticReconnect()\r\n            .build()\r\n          setConnection(newConnection)\r\n        }, 100)\r\n      }, 500)\r\n    })\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    var desginObject = {\r\n      version: '4.3.1',\r\n      objects: [],\r\n    }\r\n    for (let index = 0; index < layout.designObject.length; index++) {\r\n      const element = layout.designObject[index]\r\n      var ds = JSON.parse(element.tempFeild1)\r\n      //Movement:\r\n      ds.lockMovementX = true\r\n      ds.lockMovementY = true\r\n\r\n      //Scaling:\r\n      ds.lockScalingX = true\r\n      ds.lockScalingY = true\r\n\r\n      // Rotation:\r\n      ds.lockRotation = true\r\n\r\n      // Object's frame/bounidngBox:\r\n      ds.hasControls = false\r\n      ds.hasBorders = false\r\n      desginObject.objects.push(ds)\r\n    }\r\n    editor?.canvas.loadFromJSON(desginObject)\r\n\r\n    setisload(false)\r\n  }\r\n\r\n  let bodyCss = {\r\n    overflowX: 'hidden',\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  let backcss = {\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    margin: 'auto',\r\n    width: '1200px',\r\n  }\r\n\r\n  let sensorcss = {\r\n    position: 'absolute',\r\n    width: '1200px',\r\n  }\r\n\r\n  if (!layout.isZoom) {\r\n    backcss = {\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n    }\r\n\r\n    sensorcss = {\r\n      position: 'absolute',\r\n    }\r\n\r\n    bodyCss = {}\r\n  }\r\n  {\r\n    /*\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <div\r\n          className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n          style={{\r\n            backgroundImage: `url(${toAbsoluteUrl('/media/illustrations/sketchy-1/14.png')})`,\r\n          }}\r\n        >\r\n          \r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            <h1>Elysium Automation</h1>\r\n            <div className='w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto'>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className='d-flex flex-center flex-column-auto p-10'>\r\n            <div className='d-flex align-items-center fw-bold fs-6'>\r\n              <a href='#' className='text-muted text-hover-primary px-2'>\r\n                {new Date().getFullYear()} &copy; Overleap\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n */\r\n  }\r\n  return (\r\n    <PageDataProvider>\r\n      <ToastContainer />\r\n      {/*    <body style={bodyCss}>      </body>  */}\r\n      <div\r\n        className='grid'\r\n        style={{\r\n          height: '100%',\r\n          margin: 'auto',\r\n          width: '100%',\r\n          padding: '10px',\r\n          overflow: 'hide',\r\n        }}\r\n      >\r\n        <div style={backcss}>\r\n          {/*<h1>\r\n            {layout.layoutName} <br />\r\n            <small style={{fontSize: '15px'}}>Elysium IOT</small>\r\n            <a href='#' className='text-gray-800 text-hover-primary fs-2 fw-bolder me-1'></a>\r\n            {state.DashboardStat === 'DISABLED' && (\r\n              <a\r\n                href='#'\r\n                className='btn btn-sm btn-light-dark fw-bolder ms-2 fs-8 py-1 px-3'\r\n                data-bs-toggle='modal'\r\n                data-bs-target='#kt_modal_upgrade_plan'\r\n              >\r\n                {state.DashboardStat}\r\n              </a>\r\n            )}\r\n            {state.DashboardStat === 'ACTIVE' && (\r\n              <a\r\n                href='#'\r\n                className='btn btn-sm btn-light-success fw-bolder ms-2 fs-8 py-1 px-3'\r\n                data-bs-toggle='modal'\r\n                data-bs-target='#kt_modal_upgrade_plan'\r\n              >\r\n                {state.DashboardStat}\r\n              </a>\r\n            )}\r\n            {state.DashboardStat === 'CONNECTED' && (\r\n              <a\r\n                href='#'\r\n                className='btn btn-sm btn-light-info fw-bolder ms-2 fs-8 py-1 px-3'\r\n                data-bs-toggle='modal'\r\n                data-bs-target='#kt_modal_upgrade_plan'\r\n              >\r\n                {state.DashboardStat}\r\n              </a>\r\n            )}\r\n            {state.DashboardStat === 'CONNECTING' && (\r\n              <a\r\n                href='#'\r\n                className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-8 py-1 px-3'\r\n                data-bs-toggle='modal'\r\n                data-bs-target='#kt_modal_upgrade_plan'\r\n              >\r\n                {state.DashboardStat}\r\n              </a>\r\n            )}\r\n          </h1>/*}\r\n          {/*   <div style={{ marginTop: \"-8px\", fontSize: '11px' }} className='text-dark order-2 order-md-1'>\r\n            <span className='text-muted fw-bold me-2'>{new Date().getFullYear()} &copy;</span>\r\n            <a href='#' className='text-gray-800 text-hover-primary'>\r\n              overleap | Elysium\r\n            </a>\r\n          </div> */}\r\n          <div style={{height: '100vh', width: '100%'}}>\r\n            <GoogleMapReact\r\n              bootstrapURLKeys={{key: 'AIzaSyC0Nh39yAtFIg-x83gBbRCIfOOE_N8Qdl0'}}\r\n              defaultCenter={defaultProps.center}\r\n              defaultZoom={defaultProps.zoom}\r\n            >\r\n              {loc.map(\r\n                (marker, index) =>\r\n                  marker.lat != '' && (\r\n                    <MyGreatPlace\r\n                      key={index}\r\n                      lat={marker.lat}\r\n                      lng={marker.lng}\r\n                      text={marker.name}\r\n                      isNotify={marker.isNotify} /* Kreyser Avrora */\r\n                      Link={marker.link}\r\n                      Type={marker.type}\r\n                      Value={marker.value}\r\n                    ></MyGreatPlace>\r\n                  )\r\n              )}\r\n            </GoogleMapReact>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </PageDataProvider>\r\n  )\r\n}\r\n\r\nexport default Map\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\n\r\nexport function Dropdown1() {\r\n  return (\r\n    <div className='menu menu-sub menu-sub-dropdown w-250px w-md-300px' data-kt-menu='true'>\r\n      <div className='px-7 py-5'>\r\n        <div className='fs-5 text-dark fw-bolder'>Filter Options</div>\r\n      </div>\r\n\r\n      <div className='separator border-gray-200'></div>\r\n\r\n      <div className='px-7 py-5'>\r\n        <div className='mb-10'>\r\n          <label className='form-label fw-bold'>Status:</label>\r\n\r\n          <div>\r\n            <select\r\n              className='form-select form-select-solid'\r\n              data-kt-select2='true'\r\n              data-placeholder='Select option'\r\n              data-allow-clear='true'\r\n              defaultValue={'1'}\r\n            >\r\n              <option></option>\r\n              <option value='1'>Approved</option>\r\n              <option value='2'>Pending</option>\r\n              <option value='3'>In Process</option>\r\n              <option value='4'>Rejected</option>\r\n            </select>\r\n          </div>\r\n        </div>\r\n\r\n        <div className='mb-10'>\r\n          <label className='form-label fw-bold'>Member Type:</label>\r\n\r\n          <div className='d-flex'>\r\n            <label className='form-check form-check-sm form-check-custom form-check-solid me-5'>\r\n              <input className='form-check-input' type='checkbox' value='1' />\r\n              <span className='form-check-label'>Author</span>\r\n            </label>\r\n\r\n            <label className='form-check form-check-sm form-check-custom form-check-solid'>\r\n              <input className='form-check-input' type='checkbox' value='2' defaultChecked={true} />\r\n              <span className='form-check-label'>Customer</span>\r\n            </label>\r\n          </div>\r\n        </div>\r\n\r\n        <div className='mb-10'>\r\n          <label className='form-label fw-bold'>Notifications:</label>\r\n\r\n          <div className='form-check form-switch form-switch-sm form-check-custom form-check-solid'>\r\n            <input\r\n              className='form-check-input'\r\n              type='checkbox'\r\n              value=''\r\n              name='notifications'\r\n              defaultChecked={true}\r\n            />\r\n            <label className='form-check-label'>Enabled</label>\r\n          </div>\r\n        </div>\r\n\r\n        <div className='d-flex justify-content-end'>\r\n          <button\r\n            type='reset'\r\n            className='btn btn-sm btn-white btn-active-light-primary me-2'\r\n            data-kt-menu-dismiss='true'\r\n          >\r\n            Reset\r\n          </button>\r\n\r\n          <button type='submit' className='btn btn-sm btn-primary' data-kt-menu-dismiss='true'>\r\n            Apply\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n","import clsx from 'clsx'\r\nimport React, { FC } from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { useLayout } from '../../../core/LayoutProvider'\r\nimport { usePageData } from '../../../core/PageData'\r\n\r\nconst DefaultTitle: FC = () => {\r\n  const { pageTitle, pageDescription, pageBreadcrumbs } = usePageData()\r\n  const { config, attributes, classes } = useLayout()\r\n  return (\r\n    <div\r\n      {...attributes.pageTitle}\r\n      className={clsx('page-title d-flex', classes.pageTitle.join(' '))}\r\n    >\r\n\r\n      {/* begin::Title */}\r\n      {pageTitle && (\r\n        <h1 className='d-flex align-items-center text-dark fw-bolder my-1 fs-3'>\r\n          {pageTitle}\r\n          {pageDescription && config.pageTitle && config.pageTitle.description && (\r\n            <>\r\n              <span className='h-20px border-gray-200 border-start ms-3 mx-2'></span>\r\n              <small className='text-muted fs-7 fw-bold my-1 ms-1'>{pageDescription}</small>\r\n            </>\r\n          )}\r\n        </h1>\r\n      )}\r\n      {/* end::Title */}\r\n\r\n      {pageBreadcrumbs &&\r\n        pageBreadcrumbs.length > 0 &&\r\n        config.pageTitle &&\r\n        config.pageTitle.breadCrumbs && (\r\n          <>\r\n            {config.pageTitle.direction === 'row' && (\r\n              <span className='h-20px border-gray-200 border-start mx-4'></span>\r\n            )}\r\n            <ul className='breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1'>\r\n              {Array.from(pageBreadcrumbs).map((item, index) => (\r\n                <li\r\n                  className={clsx('breadcrumb-item', {\r\n                    'text-dark': !item.isSeparator && item.isActive,\r\n                    'text-muted': !item.isSeparator && !item.isActive,\r\n                  })}\r\n                  key={`${item.path}${index}`}\r\n                >\r\n                  {!item.isSeparator ? (\r\n                    <a className='text-muted text-hover-primary' href={item.path}>\r\n                      {item.title}\r\n                    </a>\r\n                  ) : (\r\n                    <span className='bullet bg-gray-200 w-5px h-2px'></span>\r\n                  )}\r\n                </li>\r\n              ))}\r\n              <li className='breadcrumb-item text-dark'>{pageTitle}</li>\r\n            </ul>\r\n          </>\r\n        )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { DefaultTitle }\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  ChartsWidget1,\r\n  TablesWidget1,\r\n  ListsWidget5,\r\n  TablesWidget5,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport SensorArea from './SensorArea'\r\nimport {auto, hide, right} from '@popperjs/core'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\n\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {fabric} from 'fabric'\r\n\r\nimport 'react-toastify/dist/ReactToastify.css'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction DisplayGroup(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n  })\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: props.match?.params?.id ?? props.layout, //urlParams.get('id')??props.layout,\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    hub: '',\r\n    designObject: [],\r\n  })\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB // \"https://signalr.midassit.com\";\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          //// console.log('Connected!');\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            // // console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //// console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            // if (message.key !== \"SensorData\")\r\n            // return;\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            if (\r\n              dataPacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n            ) {\r\n              return\r\n            } else {\r\n              if (dataPacket?.Notifications !== undefined && dataPacket?.Notifications.length > 0) {\r\n                toast.dismiss()\r\n                for (let index = 0; index < dataPacket?.Notifications.length; index++) {\r\n                  const notification = dataPacket?.Notifications[index]\r\n                  switch (notification.Type) {\r\n                    case 'error':\r\n                      toast.error(notification.Message, {\r\n                        position: notification?.Position ?? 'top-right',\r\n                        autoClose: notification?.Autoclose ?? 5000,\r\n                        hideProgressBar: true,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                        draggable: true,\r\n                        progress: undefined,\r\n                      })\r\n                      break\r\n\r\n                    case 'info':\r\n                      toast.info(notification.Message, {\r\n                        position: notification?.Position ?? 'top-right',\r\n                        autoClose: notification?.Autoclose ?? 5000,\r\n                        hideProgressBar: false,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                        draggable: true,\r\n                        progress: undefined,\r\n                      })\r\n                      break\r\n                    case 'warning':\r\n                      toast.warn(notification.Message, {\r\n                        position: notification?.Position ?? 'top-right',\r\n                        autoClose: notification?.Autoclose ?? 5000,\r\n                        hideProgressBar: false,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                        draggable: true,\r\n                        progress: undefined,\r\n                      })\r\n                      break\r\n                    case 'success':\r\n                      toast.success(notification.Message, {\r\n                        position: notification?.Position ?? 'top-right',\r\n                        autoClose: notification?.Autoclose ?? 5000,\r\n                        hideProgressBar: false,\r\n                        closeOnClick: true,\r\n                        pauseOnHover: true,\r\n                        draggable: true,\r\n                        progress: undefined,\r\n                      })\r\n                      break\r\n                    default:\r\n                      toast('Wow so easy!')\r\n                      break\r\n                  }\r\n                }\r\n              }\r\n\r\n              let newElements = {}\r\n              Object.entries(dataPacket).map(([key, value]) => {\r\n                newElements[key] = value\r\n              })\r\n\r\n              Object.entries(dataPacket).map(([key, value]) => {\r\n                for (let index = 0; index < sensors.current.length; index++) {\r\n                  const element = sensors.current[index]\r\n                  if (element.machineNo === '') continue\r\n\r\n                  if (element.icon === undefined) element.icon = 'dot'\r\n\r\n                  if (\r\n                    element.isNotify === undefined ||\r\n                    element.isNotify === '' ||\r\n                    element.isNotify === null\r\n                  )\r\n                    element.isNotify = false\r\n\r\n                  if (!element.lastUpdate) {\r\n                    element.lastUpdate = new Date()\r\n                  } else if (Math.round((new Date() - new Date(element.lastUpdate)) / 1000) > 60) {\r\n                    //element.value = \"---\";\r\n                    //element.color = 'black';\r\n                    if (\r\n                      element.type == 14 ||\r\n                      element.type == 13 ||\r\n                      element.type == 17 ||\r\n                      element.type == 15\r\n                    ) {\r\n                      //// console.log(\"[chart data cleared \"+element.machineNo.toString().toLowerCase()+\"]\");\r\n                      element.value = []\r\n                    } else {\r\n                      element.value = '---'\r\n                      element.color = 'black'\r\n                    }\r\n                  }\r\n\r\n                  let object = element.object.toString().toLowerCase()\r\n                  if (props?.object !== undefined && props?.object !== '') {\r\n                    object = props?.object.toString().toLowerCase()\r\n                  }\r\n\r\n                  //console.log(\"\"+message.packetType.toString().toLowerCase()+\" === \"+object)\r\n\r\n                  if (\r\n                    element.machineNo.toString().toLowerCase() === key.toString().toLowerCase() &&\r\n                    message.packetType.toString().toLowerCase() === object\r\n                  ) {\r\n                    console.log(message)\r\n                    // console.log(\"[DB PACKET \"+element.machineNo.toString().toLowerCase()+\"]\"+JSON.stringify(value));\r\n                    element.lastUpdate = new Date()\r\n                    element.value = value\r\n                    element.color = 'black'\r\n                    element.notification = {\r\n                      toastId: key.toString().toLowerCase(),\r\n                      position: 'top-right',\r\n                      type: 'info',\r\n                      autoClose: false, // or set time\r\n                      hideProgressBar: false,\r\n                      closeOnClick: true,\r\n                      //  pauseOnHover: true,\r\n                      draggable: false,\r\n                      progress: undefined,\r\n                      transition: Bounce,\r\n                    }\r\n                    try {\r\n                      // alert(layout.globalJs)\r\n                      eval(layout.globalJs + ';' + element.formula)\r\n                      //   eval(element.formula)\r\n                    } catch (error) {\r\n                      element.value = '---'\r\n                      element.color = 'black'\r\n                      // // console.log(element.formula)\r\n                      // console.log(error);\r\n                    }\r\n                  }\r\n                }\r\n              })\r\n              setState({\r\n                ...state,\r\n                SensorList: sensors.current,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e);\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layout?layout=' + layout.id,\r\n      headers: {},\r\n    }).then((response) => {\r\n      setLayout({\r\n        ...layout,\r\n        layoutName: response.data.result.layoutName,\r\n        imageData: 'data:image/png;base64,' + response.data.result.imageData,\r\n        isZoom: response.data.result.isZoom,\r\n        globalJs: response.data.result.globalJs,\r\n        hub: response.data.result.hub,\r\n        designObject: response.data.result.designObject,\r\n      })\r\n\r\n      /*  try {\r\n           //// console.log(response.data.result.globalJs)\r\n           eval(response.data.result.globalJs)\r\n         } catch (error) {\r\n           // console.log(error);\r\n         }*/\r\n\r\n      setState({\r\n        ...state,\r\n        SensorList: response.data.result.devices,\r\n      })\r\n\r\n      sensors.current = response.data.result.devices\r\n\r\n      setTimeout(() => {\r\n        for (let index = 0; index < sensors.current.length; index++) {\r\n          const element = sensors.current[index]\r\n          try {\r\n            eval(layout.globalJs + ';' + element.tempFeild1)\r\n          } catch (error) {\r\n            // console.log(error);\r\n          }\r\n        }\r\n        setState({\r\n          ...state,\r\n          SensorList: sensors.current,\r\n          DashboardStat: 'INITIALIZATION',\r\n        })\r\n        setTimeout(() => {\r\n          const newConnection = new HubConnectionBuilder()\r\n            .withUrl(hubService + '/' + response.data.result.hub + '/Hub') //\r\n            .withAutomaticReconnect()\r\n            .build()\r\n          setConnection(newConnection)\r\n        }, 100)\r\n      }, 500)\r\n    })\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    var desginObject = {\r\n      version: '4.3.1',\r\n      objects: [],\r\n    }\r\n    for (let index = 0; index < layout.designObject.length; index++) {\r\n      const element = layout.designObject[index]\r\n      var ds = JSON.parse(element.tempFeild1)\r\n      //Movement:\r\n      ds.lockMovementX = true\r\n      ds.lockMovementY = true\r\n\r\n      //Scaling:\r\n      ds.lockScalingX = true\r\n      ds.lockScalingY = true\r\n\r\n      // Rotation:\r\n      ds.lockRotation = true\r\n\r\n      // Object's frame/bounidngBox:\r\n      ds.hasControls = false\r\n      ds.hasBorders = false\r\n      desginObject.objects.push(ds)\r\n    }\r\n    editor?.canvas.loadFromJSON(desginObject)\r\n    setisload(false)\r\n  }\r\n\r\n  let bodyCss = {\r\n    overflowX: 'hidden',\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  let backcss = {\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    margin: 'auto',\r\n    width: '1200px',\r\n  }\r\n\r\n  let sensorcss = {\r\n    position: 'absolute',\r\n    width: '1200px',\r\n  }\r\n\r\n  if (!layout.isZoom) {\r\n    backcss = {\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n    }\r\n\r\n    sensorcss = {\r\n      position: 'absolute',\r\n    }\r\n\r\n    bodyCss = {}\r\n  }\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <div className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'>\r\n          {/* begin::Content */}\r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            <div className='w-lg-500px '>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    {' '}\r\n                    {state.DashboardStat}{' '}\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n  return (\r\n    <PageDataProvider>\r\n      {/*    <body style={bodyCss}>      </body>  */}\r\n      <div\r\n        className='grid'\r\n        style={{\r\n          height: '100%',\r\n          margin: 'auto',\r\n          width: '100%',\r\n          padding: '10px',\r\n          overflow: 'hide',\r\n        }}\r\n      >\r\n        <div style={backcss}>\r\n          <img style={sensorcss} src={layout.imageData}></img>\r\n          <FabricJSCanvas className='sample-canvas' onReady={onReady} />\r\n          <SensorArea state={state} layout={layout} sensorcss={sensorcss} />\r\n        </div>\r\n      </div>\r\n    </PageDataProvider>\r\n  )\r\n}\r\n\r\nexport default DisplayGroup\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","import React, {FC} from 'react'\r\n\r\nconst Toggle: FC = () => (\r\n  <button\r\n    id='kt_explore_toggle'\r\n    className='btn btn-sm btn-white btn-active-primary shadow-sm position-fixed px-5 fw-bolder zindex-2 top-50 mt-10 end-0 transform-90 fs-6 rounded-top-0'\r\n    title={`Explore ${process.env.REACT_APP_THEME_NAME}`}\r\n    data-bs-toggle='tooltip'\r\n    data-bs-placement='right'\r\n    data-bs-trigger='hover'\r\n  >\r\n    <span id='kt_explore_toggle_label'>Explore</span>\r\n  </button>\r\n)\r\n\r\nexport {Toggle}\r\n","import React, {useState, useEffect, useRef, PureComponent, useMemo} from 'react'\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  PointElement,\r\n  LineElement,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n} from 'chart.js'\r\nimport {Line} from 'react-chartjs-2'\r\nimport parse from 'html-react-parser'\r\nimport axios from 'axios'\r\nimport {stat} from 'fs'\r\n\r\nChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend)\r\n\r\nfunction Chartj(props) {\r\n  // console.log(JSON.stringify(props?.item?.datasets))\r\n  const labels = []\r\n  const chartReference = React.createRef()\r\n  const [state, setState] = useState({\r\n     config: props?.item?.config ?? {\r\n      label: props?.item?.config?.label ?? 'TimeStamp',\r\n      data: props?.item?.config?.data ?? 'C_value',\r\n      url: props?.item?.config?.url ?? '/api/sensor/getall',\r\n      refersh: props?.item?.config?.refersh ?? 5000,\r\n      sort: props?.item?.config?.sort ?? 'TimeStamp: -1',\r\n      find: props?.item?.config?.find ?? 'TimeStamp : today',\r\n      project: props?.item?.config?.project ?? 'TimeStamp: 1, C_value: 1',\r\n    },\r\n    name: 'React',\r\n    option: props?.item?.option ?? {\r\n      responsive: props?.item?.responsive ?? true,\r\n      plugins: props?.item?.plugins ?? {\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n        title: props?.item?.title ?? {\r\n          display: true,\r\n          text: 'chart name',\r\n        },\r\n        elements: {line: {tension: 0.4}},\r\n      },\r\n      y: props?.item?.y ?? {\r\n        min: props?.item?.y?.min ?? -30,\r\n        max: props?.item?.y?.max ?? 10,\r\n        ticks: props?.item?.y?.ticks ?? {\r\n          min: 0,\r\n          max: 150,\r\n          stepSize: 20,\r\n        },\r\n      },\r\n      x: props?.item?.y ?? {},\r\n    },\r\n    data: props?.item?.data ?? {\r\n      labels,\r\n      datasets: props?.item?.datasets ?? [\r\n        {\r\n          label: '',\r\n          data: [],\r\n          tension: 0.4,\r\n          borderColor: 'rgb(255, 99, 132)',\r\n          backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n        },\r\n      ],\r\n    },\r\n  })\r\n\r\n  useEffect(() => {\r\n    RefreshData()\r\n    setInterval(() => {\r\n      RefreshData()\r\n    }, state.config?.refersh)\r\n  }, [])\r\n\r\n  function RefreshData() {\r\n    var datafield = {}\r\n    datafield['sort'] = state.config.sort\r\n    datafield['find'] = state.config.find\r\n    datafield['project'] = state.config.project\r\n    axios({\r\n      method: 'post',\r\n      url: process.env.REACT_APP_BACKEND_API + state.config.url,\r\n      headers: {},\r\n      data: datafield,\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        const labelsx = []\r\n        const datax = []\r\n        for (let index = 0; index < response.data.result.length; index++) {\r\n          const element = response.data.result[index]\r\n          labelsx.push(element[state.config.label])\r\n          datax.push(element[state.config.data])\r\n        }\r\n        const chart = chartReference.current\r\n        chart.data.labels = labelsx\r\n        state.data.datasets[0].data = datax\r\n        chart.data.datasets[0] = state.data.datasets[0]\r\n        chart.update('none')\r\n      }\r\n    })\r\n  }\r\n\r\n  return (\r\n    <div\r\n      style={{fontFamily: 'Roboto Mono, monospace', zIndex: 10, position: 'absolute', width: 1000}}\r\n    >\r\n      <>\r\n        {state.option.plugins.title.text}\r\n        <Line height={80} option={state.option} ref={chartReference} data={state.data} />\r\n      </>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Chartj\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\nimport { Dropdown1 } from '../../content/dropdown/Dropdown1'\r\nimport { KTSVG } from '../../../helpers'\r\n\r\ntype Props = {\r\n  className: string\r\n  color: string\r\n  factoryName: string\r\n  critical: string\r\n  warning: string\r\n  connected: number\r\n  alldevice: number\r\n  alert: string\r\n  link: string\r\n}\r\n\r\n\r\n\r\nconst routeChange = (link: any) => {\r\n  window.location.href = link;\r\n  // alert('asa' + link)\r\n}\r\n\r\nconst MixedWidget1: React.FC<Props> = ({ className, color, factoryName, critical, warning, connected, alert, alldevice, link }) => {\r\n\r\n  let val = '';\r\n  color = 'success'\r\n\r\n  if (alldevice === 0 || alldevice == undefined) {\r\n    color = 'dark'\r\n    val = '0%'\r\n  } else {\r\n    val = Math.round((connected / alldevice) * 100) + \"%\";\r\n  }\r\n\r\n  if (parseFloat(critical ?? 0) > 0) {\r\n    color = 'danger'\r\n  }\r\n\r\n  if (connected === 0) {\r\n    color = 'dark'\r\n  }\r\n\r\n\r\n  return (\r\n    <div className={`card ${className}`} style={{ cursor: 'pointer' }} onClick={(e) => routeChange(link)}>\r\n      {/* begin::Body */}\r\n      <div className='card-body p-0'>\r\n        {/* begin::Header */}\r\n        <div className={`px-9 pt-7 card-rounded h-275px w-100 bg-${color}`}>\r\n          {/* begin::Heading */}\r\n          <div className='d-flex flex-stack'>\r\n            <h3 className='m-0 text-white fw-bolder fs-3'>{factoryName}</h3>\r\n            <div className='ms-1'>\r\n\r\n              {!(val == '0%' || alldevice == undefined) && (<>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-info`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-info`}> </span>\r\n              </>)}\r\n\r\n              {/*\r\n              <button\r\n                type='button'\r\n                className={`btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color-${color} border-0 me-n3`}\r\n                data-kt-menu-trigger='click'\r\n                data-kt-menu-placement='bottom-end'\r\n                data-kt-menu-flip='top-end'\r\n              >\r\n                <KTSVG path='/media/icons/duotune/general/gen001.svg' className='svg-icon-2' />\r\n              </button>\r\n              <Dropdown1 /> begin::Menu */}\r\n              {/* end::Menu */}\r\n            </div>\r\n          </div>\r\n          {/* end::Heading */}\r\n          {/* begin::Balance */}\r\n          <div className='d-flex text-center flex-column text-white pt-8'>\r\n            <span className='fw-bold fs-7'>Crtical </span>\r\n            <span className='fw-bolder fs-5x pt-1 '>\r\n              {critical}\r\n            </span>\r\n          </div>\r\n          {/* end::Balance */}\r\n        </div>\r\n        {/* end::Header */}\r\n        {/* begin::Items */}\r\n        <div\r\n          className='shadow-xs card-rounded mx-9 mb-9 px-6 py-9 position-relative z-index-1 bg-white'\r\n          style={{ marginTop: '-100px' }}\r\n        >\r\n\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Warrnings\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>\r\n                  <a href='#'></a>\r\n                </div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{warning}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/general/gen024.svg'\r\n                  className='svg-icon-5 svg-icon-danger ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Connections\r\n                </a>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{val}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr066.svg'\r\n                  className='svg-icon-5 svg-icon-success ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          <div className='d-flex align-items-center mb-6'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  All Tags\r\n                </a>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{alldevice}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr066.svg'\r\n                  className='svg-icon-5 svg-icon-success ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n\r\n\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Alerts\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>Past 24 hours</div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{alert}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr089.svg'\r\n                  className='svg-icon-5 svg-icon-danger ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n        </div>\r\n        {/* end::Items */}\r\n\r\n      </div>\r\n\r\n      {/* end::Body */}\r\n    </div>\r\n  )\r\n\r\n  return (\r\n    <div className={`card ${className}`} onClick={(e) => routeChange(link)} style={{ cursor: 'pointer' }}>\r\n      {/* begin::Body */}\r\n      <div className='card-body p-0'>\r\n        {/* begin::Header */}\r\n        <div className={`px-9 pt-7 card-rounded h-275px w-100 bg-${color}`}>\r\n          {/* begin::Heading */}\r\n          <div className='d-flex flex-stack'>\r\n            <h3 className='m-0 text-white fw-bolder fs-3'>{factoryName}</h3>\r\n            <div className='ms-1'>\r\n              {!(val == '0%' || alldevice == undefined) && (<>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-info`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-info`}> </span>\r\n              </>)}\r\n\r\n              {/*\r\n              <button\r\n                type='button'\r\n                className={`btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color-${color} border-0 me-n3`}\r\n                data-kt-menu-trigger='click'\r\n                data-kt-menu-placement='bottom-end'\r\n                data-kt-menu-flip='top-end'\r\n              >\r\n                <KTSVG path='/media/icons/duotune/general/gen001.svg' className='svg-icon-2' />\r\n              </button>\r\n              <Dropdown1 /> begin::Menu */}\r\n              {/* end::Menu */}\r\n            </div>\r\n          </div>\r\n          {/* end::Heading */}\r\n          {/* begin::Balance */}\r\n          <div className='d-flex text-center flex-column text-white pt-8'>\r\n            <span className='fw-bold fs-7'>Crtical</span>\r\n\r\n            <span className='fw-bolder fs-5x pt-1'>\r\n              {critical}\r\n            </span>\r\n          </div>\r\n          {/* end::Balance */}\r\n        </div>\r\n        {/* end::Header */}\r\n        {/* begin::Items */}\r\n        <div\r\n          className='shadow-xs card-rounded mx-9 mb-9 px-6 py-9 position-relative z-index-1 bg-white'\r\n          style={{ marginTop: '-100px' }}\r\n        >\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Total\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'></div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{alldevice}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr066.svg'\r\n                  className='svg-icon-5 svg-icon-success ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Warrnings\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>\r\n                  <a href='#'></a>\r\n                </div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{warning}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/general/gen024.svg'\r\n                  className='svg-icon-5 svg-icon-danger ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Connections\r\n                </a>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{val}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr066.svg'\r\n                  className='svg-icon-5 svg-icon-success ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Alerts\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>Past 24 hours</div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{alert}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr089.svg'\r\n                  className='svg-icon-5 svg-icon-danger ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n        </div>\r\n        {/* end::Items */}\r\n      </div>\r\n      {/* end::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { MixedWidget1 }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useRef } from 'react'\r\nimport ApexCharts, { ApexOptions } from 'apexcharts'\r\nimport { KTSVG } from '../../../helpers'\r\nimport { getCSSVariableValue } from '../../../assets/ts/_utils'\r\nimport { Dropdown1 } from '../../content/dropdown/Dropdown1'\r\n\r\ntype Props = {\r\n  className: string\r\n  chartColor: string\r\n  chartHeight: string\r\n}\r\n\r\nconst MixedWidget7: React.FC<Props> = ({ className, chartColor, chartHeight }) => {\r\n  const chartRef = useRef<HTMLDivElement | null>(null)\r\n\r\n  useEffect(() => {\r\n    if (!chartRef.current) {\r\n      return\r\n    }\r\n\r\n    const chart = new ApexCharts(chartRef.current, chartOptions(chartColor, chartHeight))\r\n    if (chart) {\r\n      chart.render()\r\n    }\r\n\r\n    return () => {\r\n      if (chart) {\r\n        chart.destroy()\r\n      }\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [chartRef])\r\n\r\n  return (\r\n    <div className={`card ${className}`}>\r\n      {/* begin::Beader */}\r\n      <div className='card-header border-0 py-5'>\r\n        <h3 className='card-title align-items-start flex-column'>\r\n          <span className='card-label fw-bolder fs-3 mb-1'>Action Needed</span>\r\n          <span className='text-muted fw-bold fs-7'>Check and Verified following Attempts</span>\r\n        </h3>\r\n\r\n        <div className='card-toolbar'>\r\n          {/* begin::Menu */}\r\n          <button\r\n            type='button'\r\n            className='btn btn-sm btn-icon btn-color-primary btn-active-light-primary'\r\n            data-kt-menu-trigger='click'\r\n            data-kt-menu-placement='bottom-end'\r\n            data-kt-menu-flip='top-end'\r\n          >\r\n            <KTSVG path='/media/icons/duotune/general/gen024.svg' className='svg-icon-2' />\r\n          </button>\r\n          <Dropdown1 />\r\n          {/* end::Menu */}\r\n        </div>\r\n      </div>\r\n      {/* end::Header */}\r\n\r\n      {/* begin::Body */}\r\n      <div className='card-body d-flex flex-column'>\r\n        <div className='flex-grow-1'>\r\n          <div ref={chartRef} className='mixed-widget-4-chart'></div>\r\n        </div>\r\n\r\n        <div className='pt-5'>\r\n          <p className='text-center fs-6 pb-5 '>\r\n            <span className='badge badge-light-danger fs-8'>Notes:</span>&nbsp; make sure\r\n            to verify all alerts\r\n            <br />\r\n            & warnings\r\n          </p>\r\n\r\n          <a href='#' className={`btn btn-${chartColor} w-100 py-3`}>\r\n            Take Action\r\n          </a>\r\n        </div>\r\n      </div>\r\n      {/* end::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\nconst chartOptions = (chartColor: string, chartHeight: string): ApexOptions => {\r\n  const baseColor = getCSSVariableValue('--bs-' + chartColor)\r\n  const lightColor = getCSSVariableValue('--bs-light-' + chartColor)\r\n  const labelColor = getCSSVariableValue('--bs-gray-700')\r\n\r\n  return {\r\n    series: [74],\r\n    chart: {\r\n      fontFamily: 'inherit',\r\n      height: chartHeight,\r\n      type: 'radialBar',\r\n    },\r\n    plotOptions: {\r\n      radialBar: {\r\n        hollow: {\r\n          margin: 0,\r\n          size: '65%',\r\n        },\r\n        dataLabels: {\r\n          name: {\r\n            show: false,\r\n            fontWeight: '700',\r\n          },\r\n          value: {\r\n            color: labelColor,\r\n            fontSize: '30px',\r\n            fontWeight: '700',\r\n            offsetY: 12,\r\n            show: true,\r\n            formatter: function (val) {\r\n              return val + '%'\r\n            },\r\n          },\r\n        },\r\n        track: {\r\n          background: lightColor,\r\n          strokeWidth: '100%',\r\n        },\r\n      },\r\n    },\r\n    colors: [baseColor],\r\n    stroke: {\r\n      lineCap: 'round',\r\n    },\r\n    labels: ['Progress'],\r\n  }\r\n}\r\n\r\nexport { MixedWidget7 }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useRef } from 'react'\r\nimport ApexCharts, { ApexOptions } from 'apexcharts'\r\nimport { getCSSVariableValue } from '../../../assets/ts/_utils'\r\nimport { link } from 'fs'\r\nimport { config } from 'process'\r\n\r\ntype Props = {\r\n  className: string\r\n  chartColor: string\r\n  chartHeight: string\r\n  name: string\r\n  min: string\r\n  max: string\r\n  val: number\r\n  Link: string\r\n  extra: string,\r\n  type: string,\r\n\r\n}\r\n\r\nconst routeChange = (link: any) => {\r\n  window.location.href = link;\r\n  // alert('asa' + link)\r\n}\r\n\r\nconst MixedWidget10: React.FC<Props> = ({ className, chartColor, chartHeight, name, min, max, val, Link, extra, type }) => {\r\n\r\n  const chartRef = useRef<HTMLDivElement | null>(null)\r\n  let obj = JSON.parse(extra)\r\n\r\n  var color = ''\r\n  if (type === \"OFFLINE\") {\r\n    color = 'dark'\r\n    return (\r\n      <div className={`card ${className}`} onClick={(e) => routeChange(Link)} style={{ cursor: 'pointer' }}>\r\n        {/* begin::Body */}\r\n        <div className='card-body d-flex flex-column p-0'>\r\n          {/* begin::Stats */}\r\n          <div className={`flex-grow-1 card-p pb-0 bg-${color}`}>\r\n            <div className='d-flex flex-stack flex-wrap'>\r\n              <div className='me-2'>\r\n                <a href='#' className='text-live text-hover-primary fw-bolder fs-3'>\r\n                  {obj?.Description}\r\n                </a>\r\n                <div style={{ color: 'white' }} className='fs-7 '>{obj?.Name}</div>\r\n                <div className='fs-7 '>{obj?.Note}</div>\r\n              </div>\r\n              <div className={`fw-bolder fs-3 text-${chartColor}`}> ---</div>\r\n            </div>\r\n          </div>\r\n          {/* end::Stats */}\r\n\r\n\r\n        </div>\r\n        {/* end::Body */}\r\n      </div>\r\n    )\r\n  }\r\n\r\n\r\n\r\n  return (\r\n    <div className={`card ${className}`} onClick={(e) => routeChange(Link)} style={{ cursor: 'pointer' }}>\r\n      {/* begin::Body */}\r\n      <div className='card-body d-flex flex-column p-0'>\r\n        {/* begin::Stats */}\r\n        <div className={`flex-grow-1 card-p pb-0 bg-${color}`}>\r\n          <div className='d-flex flex-stack flex-wrap'>\r\n            <div className='me-2'>\r\n              <a href='#' className='text-dark text-hover-primary fw-bolder fs-3'>\r\n                {obj?.Description}\r\n              </a>\r\n              <div className='text-muted fs-7 fw-bold'>{obj?.Name}</div>\r\n              <div className='fs-7 '>{obj?.Note}</div>\r\n            </div>\r\n            <div className={`fw-bolder fs-3 text-${chartColor}`}>{val}°C</div>\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', right: '20px', top: '15px' }}>\r\n              <>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-info`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-info`}> </span>\r\n              </>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {/* end::Stats */}\r\n\r\n\r\n      </div>\r\n      {/* end::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\nexport { MixedWidget10 }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useRef } from 'react'\r\nimport ApexCharts, { ApexOptions } from 'apexcharts'\r\nimport { getCSSVariableValue } from '../../../assets/ts/_utils'\r\nimport { link } from 'fs'\r\nimport { config } from 'process'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../../_metronic/helpers'\r\n\r\ntype Props = {\r\n  className: string\r\n  chartColor: string\r\n  chartHeight: string\r\n  name: string\r\n  min: string\r\n  max: string\r\n  val: number\r\n  Link: string\r\n  type: string,\r\n  data: string\r\n}\r\n\r\nconst transformString = (str: any) => {\r\n  // Remove \"smartgas.\" part and split by ':'\r\n  const parts = str.replace('smartgas.', '').split(':');\r\n\r\n  // Join parts with '_', prefix first part with 'c'\r\n  return str;// `c_${parts.join('_')}`;\r\n};\r\n\r\nconst routeChange = (link: any) => {\r\n  window.location.href = link;\r\n  // alert('asa' + link)\r\n}\r\n\r\nconst MixedWidget49: React.FC<Props> = ({ className, chartColor, chartHeight, name, min, max, val, Link, type, data }) => {\r\n\r\n\r\n\r\n  const chartRef = useRef<HTMLDivElement | null>(null)\r\n\r\n  var color = ''\r\n  // if (type === \"OFFLINE\") {\r\n  //   color = 'dark'\r\n  //   return (\r\n  //     <div className={`card ${className}`} onClick={(e) => routeChange(Link)} style={{ cursor: 'pointer' }}>\r\n  //       {/* begin::Body */}\r\n  //       <div className='card-body d-flex flex-column p-0'>\r\n  //         {/* begin::Stats */}\r\n  //         <div className={`flex-grow-1 card-p pb-0 bg-${color}`}>\r\n  //           <div className='d-flex flex-stack flex-wrap'>\r\n  //             <div className='me-2'>\r\n  //               <a href='#' className='text-live text-hover-primary fw-bolder fs-3'>\r\n  //                 ssssss\r\n  //               </a>\r\n  //               <div style={{ color: 'white' }} className='fs-7 '>fffff</div>\r\n  //               <div className='fs-7 '>ereeee</div>\r\n  //             </div>\r\n  //             <div className={`fw-bolder fs-3 text-${chartColor}`}> ---</div>\r\n  //           </div>\r\n  //         </div>\r\n  //         {/* end::Stats */}\r\n\r\n\r\n  //       </div>\r\n  //       {/* end::Body */}\r\n  //     </div>\r\n  //   )\r\n  // }\r\n  //console.log(data)\r\n  var objList = JSON.parse(data);\r\n\r\n  //\"Pg\":\"smartgas.a4:c1:38:fa:92:a9\"}\r\n  //var Pg = objList.filter((item: any) => item.FieldName == \"PG\")[0]\r\n  ////var obj = objList.filter((item: any) => item.FieldName == \"MCU_TEMP\")[0]\r\n  var ncu_fw_ver = objList.filter((item: any) => item.FieldName == \"NCU_FW_VER\")[0]\r\n  var imei = objList.filter((item: any) => item.FieldName == \"IMEI\")[0]\r\n  var BAT_VOL = objList.filter((item: any) => item.FieldName == \"BAT_VOL\")[0]\r\n  ////var DATETIME = objList.filter((item: any) => item.FieldName == \"DATETIME\")[0]\r\n  var GAS_METER = objList.filter((item: any) => item.FieldName == \"GAS_METER\")[0]\r\n\r\n  //var pr = ((GAS_METER.Value / 400.0) * 100); //\r\n  var F_DATETIME = objList.filter((item: any) => item.FieldName == \"F_DATETIME\")[0]\r\n  //var CSQ = objList.filter((item: any) => item.FieldName == \"CSQ\")[0]\r\n  var RSSI = objList.filter((item: any) => item.FieldName == \"RSSI\")[0] ?? \"\"\r\n\r\n  var TANK_SIZE = objList.filter((item: any) => item.FieldName == \"TANK_SIZE\")[0]\r\n  var GAS_PERCENT = objList.filter((item: any) => item.FieldName == \"GAS_PERCENT\")[0] ?? 0\r\n  var pr = GAS_PERCENT.Value ?? 0\r\n  var colurx = '#900C3F';\r\n  if (pr > 70) {\r\n    colurx = '#09932c';\r\n  }\r\n  else if (pr > 45) {\r\n    colurx = '#FFC300'\r\n  }\r\n  else {\r\n    colurx = '#900C3F';\r\n  }\r\n\r\n  return (\r\n    <div className={`card ${className}`} onClick={(e) => routeChange(Link)} style={{ cursor: 'pointer' }}>\r\n\r\n\r\n\r\n      {/* begin::Body */}\r\n      <div className='card-body d-flex flex-column p-0'>\r\n        {/* begin::Stats */}\r\n        <div className={`flex-grow-1 card-p pb-0 bg-${color}`}>\r\n          <div className='d-flex flex-stack flex-wrap'>\r\n            <table style={{ width: '100%' }} >\r\n              <tr>\r\n                <td>\r\n                  <div className='me-1'>\r\n                    <div style={{\r\n                      backgroundColor: colurx,\r\n                      width: '55px',\r\n                      height: '80px',\r\n                      float: 'left',\r\n                      top: 0\r\n                    }}>\r\n                      <div style={{\r\n                        backgroundColor: 'grey',\r\n\r\n                        bottom: 0,\r\n                        width: '100%',\r\n                        height: (100 - pr) + '%',\r\n                        //border-top: 6px solid #FFF;\r\n                        boxSizing: 'border-box',\r\n                        animation: 'grow 1.5s ease-out forwards',\r\n                        transformOrigin: 'bottom'\r\n                      }}></div>\r\n                    </div>\r\n                    <img style={{ width: \"64px\", position: 'absolute', left: '25px', top: '5px' }} src={toAbsoluteUrl('/media/img/gas.png')} alt='Footer' />\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div className='me-2'>\r\n\r\n                    <a href='#' className='text-dark text-hover-primary fw-bolder fs-3'>\r\n                      <a href={'/facility-detail-item2/' + transformString((imei?.Pg ?? ''))}> {imei?.Value ?? \"--\"} {/*JSON.stringify(objList)} */}</a>\r\n                    </a>\r\n                    <div className='text-muted fs-7 fw-bold'>Tank Level: <b>{GAS_METER?.Value} cm</b> | Size: <b>{TANK_SIZE?.Value ?? \"--- lb\"}</b></div>\r\n\r\n                  </div>\r\n                </td>\r\n                <td  >\r\n                  <div style={{ float: 'right', right: '0px', color: colurx }} className={`fw-bolder fs-3 `} >{pr}%</div>\r\n                </td>\r\n              </tr>\r\n            </table>\r\n\r\n\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', right: '20px', top: '15px' }}>\r\n              <>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-info`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-info`}> </span>\r\n              </>\r\n            </div>\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', fontSize: '12px', right: '20px', bottom: '5px' }}>\r\n              <>\r\n                <div className=' '>{F_DATETIME?.Value}</div>\r\n                V {ncu_fw_ver?.Value ?? \"--\"} <i className=\"fa fa-cog\" aria-hidden=\"true\"></i> Battery {BAT_VOL?.Value} <i className='fas fa-battery-half'></i> <i className=\"fa fa-signal\"></i> {RSSI?.Value}\r\n              </>\r\n            </div>\r\n          </div>\r\n\r\n\r\n        </div>\r\n        {/* end::Stats */}\r\n\r\n\r\n      </div>\r\n      {/* end::Body */}\r\n    </div >\r\n  )\r\n}\r\n\r\n\r\nexport { MixedWidget49 }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\nimport { Dropdown1 } from '../../content/dropdown/Dropdown1'\r\nimport { KTSVG } from '../../../helpers'\r\n\r\n\r\n\r\ntype Props = {\r\n  className: string\r\n  color: string\r\n  factoryName: string\r\n  critical: string\r\n  warning: string\r\n  connected: number\r\n  alldevice: number\r\n  alert: string\r\n  link: string,\r\n  key: string,\r\n  timestamp: string\r\n  code: string,\r\n  user: any\r\n}\r\n\r\n\r\nconst routeChange = (link: any) => {\r\n  window.location.href = link;\r\n}\r\n\r\nconst MixedWidget20_1: React.FC<Props> = ({ className, color, factoryName, critical, warning, connected, alert, alldevice, link, key, timestamp, code, user }) => {\r\n  let val = '';\r\n  color = 'success'\r\n\r\n  if (alldevice === 0 || alldevice == undefined) {\r\n    color = 'dark'\r\n    val = '0%'\r\n  } else {\r\n    val = Math.round((connected / alldevice) * 100) + \"%\";\r\n  }\r\n\r\n  if (parseFloat(critical ?? 0) > 0) {\r\n    color = 'danger'\r\n  }\r\n  if (connected === 0) {\r\n    color = 'dark'\r\n  }\r\n\r\n  var normal = (connected ?? 0) - parseInt(critical ?? 0) - parseInt(warning ?? 0);\r\n  var disable = (alldevice ?? 0) - (connected ?? 0);\r\n  return (\r\n    <div className={`card ${className}`} style={{ cursor: 'pointer' }}>\r\n      {/* begin::Body */}\r\n      <div className='card-body p-0'>\r\n        {/* begin::Header */}\r\n        <div className={`px-9 pt-7 card-rounded h-275px w-100 bg-${color}`} onClick={(e) => routeChange(link)} >\r\n          {/* begin::Heading */}\r\n          <div className='d-flex flex-stack'>\r\n            <h3 className='m-0 text-white fw-bolder fs-3'>{factoryName}</h3>\r\n            <div className='ms-1'>\r\n\r\n              {!(val == '0%' || alldevice == undefined) && (<>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-info`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-info`}> </span>\r\n              </>)}\r\n\r\n              {/*\r\n              <button\r\n                type='button'\r\n                className={`btn btn-sm btn-icon btn-color-white btn-active-white btn-active-color-${color} border-0 me-n3`}\r\n                data-kt-menu-trigger='click'\r\n                data-kt-menu-placement='bottom-end'\r\n                data-kt-menu-flip='top-end'\r\n              >\r\n                <KTSVG path='/media/icons/duotune/general/gen001.svg' className='svg-icon-2' />\r\n              </button>\r\n              <Dropdown1 /> begin::Menu */}\r\n              {/* end::Menu */}\r\n            </div>\r\n          </div>\r\n          {/* end::Heading */}\r\n          {/* begin::Balance */}\r\n          <div className='d-flex text-center flex-column text-white pt-8'>\r\n            <span className='fw-bold fs-7'>Critical </span>\r\n            <span className='fw-bolder fs-5x pt-1 '>\r\n              {critical}\r\n            </span>\r\n          </div>\r\n          {/* end::Balance */}\r\n        </div>\r\n        {/* end::Header */}\r\n        {/* begin::Items */}\r\n        <div\r\n          className='shadow-xs card-rounded mx-9 mb-9 px-6 py-9 position-relative z-index-1 bg-white'\r\n          style={{ marginTop: '-100px' }}\r\n        >\r\n\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Warnings\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>\r\n                  Normal {normal}\r\n                </div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{warning}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/general/gen024.svg'\r\n                  className='svg-icon-5 svg-icon-danger ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center mb-6'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  Connections\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>\r\n                  Disable {disable}\r\n                </div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{val}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr066.svg'\r\n                  className='svg-icon-5 svg-icon-success ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          <div className='d-flex align-items-center mb-6'>\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title  */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  All Tags\r\n                </a>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>{alldevice}</div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr066.svg'\r\n                  className='svg-icon-5 svg-icon-success ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* end::Item */}\r\n          {/* begin::Item */}\r\n          <div className='d-flex align-items-center'>\r\n\r\n            <div className='d-flex align-items-center flex-wrap w-100'>\r\n              {/* begin::Title */}\r\n              <div className='mb-1 pe-3 flex-grow-1'>\r\n                <a href='#' className='fs-5 text-gray-800 text-hover-primary fw-bolder'>\r\n                  <a href={'/alerts/open/' + code}>Alerts</a>\r\n                </a>\r\n                <div className='text-gray-400 fw-bold fs-7'>Past 24 hours</div>\r\n              </div>\r\n              {/* end::Title */}\r\n              {/* begin::Label */}\r\n              <div className='d-flex align-items-center'>\r\n                <div className='fw-bolder fs-5 text-gray-800 pe-1'>\r\n                  <a href={'/alerts/open/' + code}>{alert}</a>\r\n\r\n                </div>\r\n                <KTSVG\r\n                  path='/media/icons/duotune/arrows/arr089.svg'\r\n                  className='svg-icon-5 svg-icon-danger ms-1'\r\n                />\r\n              </div>\r\n              {/* end::Label */}\r\n            </div>\r\n            {/* end::Description */}\r\n          </div>\r\n          {/* begin::Title */}\r\n          <div style={{ fontSize: '10px', textAlign: 'center' }} >\r\n            <div className=''>{timestamp}</div> {(user == 'Administrator' || user == 'Content_Admin') && <a target='_blank' href={'https://elysium-backend.overleap.lk/apps/facility/all?id=' + code}> edit facility info</a>}\r\n          </div>\r\n          {/* end::Description */}\r\n\r\n          {/* end::Item */}\r\n        </div>\r\n        {/* end::Items */}\r\n\r\n      </div>\r\n\r\n      {/* end::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\n\r\nexport { MixedWidget20_1 }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useRef } from 'react'\r\nimport ApexCharts, { ApexOptions } from 'apexcharts'\r\nimport { getCSSVariableValue } from '../../../assets/ts/_utils'\r\nimport { link } from 'fs'\r\nimport { config } from 'process'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../helpers'\r\n\r\ntype Props = {\r\n  className: string\r\n  chartColor: string\r\n  chartHeight: string\r\n  name: string\r\n  min: string\r\n  max: string\r\n  val: number\r\n  Link: string\r\n  type: string\r\n  data: string\r\n  funcsetGasInfo: any\r\n}\r\n\r\nconst transformString = (str: any) => {\r\n  // Remove \"smartgas.\" part and split by ':'\r\n  const parts = str.replace('smartgas.', '').split(':');\r\n\r\n  // Join parts with '_', prefix first part with 'c'\r\n  return str;// `c_${parts.join('_')}`;\r\n};\r\n\r\nconst routeChange = (link: any) => {\r\n  window.location.href = link;\r\n  // alert('asa' + link)\r\n}\r\n\r\nconst SmartTile: React.FC<Props> = ({ className, chartColor, chartHeight, name, min, max, val, Link, type, data, funcsetGasInfo }) => {\r\n\r\n\r\n\r\n  const chartRef = useRef<HTMLDivElement | null>(null)\r\n  var color = ''\r\n\r\n  var objList = JSON.parse(data);\r\n  //\"Pg\":\"smartgas.a4:c1:38:fa:92:a9\"}\r\n  //var Pg = objList.filter((item: any) => item.FieldName == \"PG\")[0]\r\n  ////var obj = objList.filter((item: any) => item.FieldName == \"MCU_TEMP\")[0]\r\n  var ncu_fw_ver = objList?.t_NCU_FW_VER\r\n  var deviceName = objList?.GateWay;\r\n  var imei = objList?.t_IMEI\r\n  var BAT_VOL = objList.t_BAT_VOL\r\n  ////var DATETIME = objList.filter((item: any) => item.FieldName == \"DATETIME\")[0]\r\n  var GAS_METER = objList?.t_GAS_METER\r\n\r\n  //var pr = ((GAS_METER.Value / 400.0) * 100); //\r\n  var F_DATETIME = objList?.t_F_DATETIME\r\n  //var CSQ = objList.filter((item: any) => item.FieldName == \"CSQ\")[0]\r\n  var RSSI = objList?.t_RSSI ?? \"\"\r\n\r\n  var TANK_SIZE = objList?.t_TANK_SIZE\r\n  var GAS_PERCENT = objList?.t_GAS_PERCENT ?? 0\r\n  var pr = GAS_PERCENT ?? 0\r\n  var colurx = '#900C3F';\r\n  if (pr > 70) {\r\n    colurx = '#09932c';\r\n  }\r\n  else if (pr > 45) {\r\n    colurx = '#FFC300'\r\n  }\r\n  else {\r\n    colurx = '#900C3F';\r\n  }\r\n\r\n  return (\r\n    <div className={`card ${className}`} onClick={(e) => routeChange(Link)} style={{ cursor: 'pointer' }}>\r\n\r\n\r\n\r\n      {/* begin::Body */}\r\n      <div className='card-body d-flex flex-column p-0'>\r\n        {/* begin::Stats */}\r\n        <div className={`flex-grow-1 card-p pb-0 bg-${color}`}>\r\n          <div className='d-flex flex-stack flex-wrap'>\r\n            <table style={{ width: '100%' }} >\r\n              <tr>\r\n                <td>\r\n                  <div className='me-1'>\r\n                    <div style={{\r\n                      backgroundColor: colurx,\r\n                      width: '55px',\r\n                      height: '80px',\r\n                      float: 'left',\r\n                      top: 0\r\n                    }}>\r\n                      <div style={{\r\n                        backgroundColor: 'grey',\r\n\r\n                        bottom: 0,\r\n                        width: '100%',\r\n                        height: (100 - pr) + '%',\r\n                        //border-top: 6px solid #FFF;\r\n                        boxSizing: 'border-box',\r\n                        animation: 'grow 1.5s ease-out forwards',\r\n                        transformOrigin: 'bottom'\r\n                      }}></div>\r\n                    </div>\r\n                    <img style={{ width: \"64px\", position: 'absolute', left: '25px', top: '5px' }} src={toAbsoluteUrl('/media/img/gas.png')} alt='Footer' />\r\n                  </div>\r\n                </td>\r\n                <td>\r\n                  <div className='me-2'>\r\n\r\n                    <a href='#' className='text-dark text-hover-primary fw-bolder fs-3'>\r\n                      <div onClick={d => funcsetGasInfo('smartgas.' + transformString(imei))} > {deviceName ?? imei}  {/*JSON.stringify(objList)} */}</div>\r\n                    </a>\r\n\r\n                    <div className='text-muted fs-7 fw-bold'>Tank Level: <b>{GAS_METER} cm</b> | Size: <b>{TANK_SIZE ?? \"--- lb\"}</b></div>\r\n\r\n                  </div>\r\n                </td>\r\n                <td  >\r\n                  <div style={{ float: 'right', right: '0px', color: colurx }} className={`fw-bolder fs-3 `} >{pr}%</div>\r\n                </td>\r\n              </tr>\r\n            </table>\r\n\r\n\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', right: '20px', top: '15px' }}>\r\n\r\n              {objList?.E == 'E' && <>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-danger`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-danger`}> </span>\r\n              </>}\r\n              {objList?.E == 'L' && <>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-success`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-success`}> </span>\r\n              </>}\r\n            </div>\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', fontSize: '12px', right: '20px', bottom: '5px' }}>\r\n              <>\r\n                <div className=' '>{objList?.Date}</div>\r\n                V {ncu_fw_ver ?? \"--\"} <i className=\"fa fa-cog\" aria-hidden=\"true\"></i> Battery {BAT_VOL} <i className='fas fa-battery-half'></i> <i className=\"fa fa-signal\"></i> {RSSI}\r\n              </>\r\n            </div>\r\n          </div>\r\n\r\n\r\n        </div>\r\n        {/* end::Stats */}\r\n\r\n\r\n      </div>\r\n      {/* end::Body */}\r\n    </div >\r\n  )\r\n}\r\n\r\n\r\nexport { SmartTile }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useRef } from 'react'\r\nimport ApexCharts, { ApexOptions } from 'apexcharts'\r\nimport { getCSSVariableValue } from '../../../assets/ts/_utils'\r\nimport { link } from 'fs'\r\nimport { config } from 'process'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../helpers'\r\n\r\ntype Props = {\r\n  className: string\r\n  chartColor: string\r\n  chartHeight: string\r\n  name: string\r\n  min: string\r\n  max: string\r\n  val: number\r\n  Link: string\r\n  type: string\r\n  data: string\r\n  getSensorList: any\r\n}\r\n\r\nconst transformString = (str: any) => {\r\n  // Remove \"smartgas.\" part and split by ':'\r\n  const parts = str.replace('smartgas.', '').split(':');\r\n\r\n  // Join parts with '_', prefix first part with 'c'\r\n  return str;// `c_${parts.join('_')}`;\r\n};\r\n\r\nconst routeChange = (link: any) => {\r\n  window.location.href = link;\r\n  // alert('asa' + link)\r\n}\r\n\r\nconst SmartGasHealth: React.FC<Props> = ({ className, chartColor, chartHeight, name, min, max, val, Link, type, data, getSensorList }) => {\r\n\r\n  function getSensorListData2() {\r\n    getSensorList(data)\r\n  }\r\n\r\n  var url = \"\"\r\n  var name = \"\"\r\n  if (data === \"H\") {\r\n    url = \"https://portal.smartgas.biz/media/bg/smartgas/normal.png\";\r\n    name = \"Healthy\"\r\n  } else if (data === \"W\") {\r\n    url = \"https://portal.smartgas.biz/media/bg/smartgas/warning.png\";\r\n    name = \"Caution\"\r\n  } else {\r\n    url = \"https://portal.smartgas.biz/media/bg/smartgas/error.png\";\r\n    name = \"Error\"\r\n  }\r\n\r\n  return <>\r\n    <div className=\"card mb-4\">\r\n      <div className=\"card-body small-card-padding rounded\">\r\n        <div className=\"d-flex align-items-center flex-w\">\r\n          <div className=\"bg-light-success rounded p-2 p-md-2 p-lg-3 small-card-img \">\r\n            <div className=\"symbol symbol-circle symbol-50px symbol-lg-75px\">\r\n\r\n              <img src={url} alt=\"\" className=\"rounded-circle\" style={{ objectFit: \"cover\" }} />\r\n            </div></div><div className=\"d-flex flex-column w-100 text-start align-items-center ms-5\">\r\n            <div className=\"d-flex justify-content-between mt-2 w-100\">\r\n              <h1 className=\"d-flex align-items-center card-titles\" style={{ fontWeight: 900 }}>{val}</h1>\r\n            </div><div className=\"d-flex flex-column flex-1 w-100 \">\r\n              <h1 className=\"card-title-sub fw-semibold text-gray-500 mb-2\">{name}</h1>\r\n            </div></div></div><div className=\"separator separator-dashed mt-4 mb-3\"></div>\r\n        <div className=\"d-flex justify-content-between align-items-center w-100\">\r\n          <div className=\"d-flex\"><span className=\"text-muted fw-semibold fs-7\">View Details</span></div>\r\n          <a href=\"#\" className=\"d-flex btn btn-icon  btn-active-color-primary btn-sm justify-content-end\">\r\n            <i onClick={(r) => getSensorListData2()} className=\"bi bi-arrow-right-circle text-mutes hover-text-danger\" style={{ fontSize: \"1.5rem\" }}></i></a>\r\n        </div></div></div>\r\n\r\n  </>\r\n\r\n\r\n  return (\r\n    <div className={`card ${className}`} onClick={(e) => routeChange(Link)} style={{ cursor: 'pointer' }}>\r\n\r\n\r\n\r\n      {/* begin::Body */}\r\n      <div className='card-body d-flex flex-column p-0'>\r\n        {/* begin::Stats */}\r\n        <div className={`flex-grow-1 card-p pb-0 `}>\r\n          <h1>dadasdadas</h1>\r\n          <div className='d-flex flex-stack flex-wrap'>\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', right: '20px', top: '15px' }}>\r\n              <>\r\n                <span style={{ fontSize: '13px', marginTop: \"-7px\", position: \"absolute\" }} className={`dot bg-info`}></span>\r\n                <span style={{ fontSize: '13px', marginTop: '-20px', marginLeft: '-12px' }} className={`pulse-ring bg-info`}> </span>\r\n              </>\r\n            </div>\r\n            <div className='ms-1' style={{ position: 'absolute', textAlign: 'right', fontSize: '12px', right: '20px', bottom: '5px' }}>\r\n              <>\r\n                <div className=' '></div>\r\n              </>\r\n            </div>\r\n          </div>\r\n\r\n\r\n        </div>\r\n        {/* end::Stats */}\r\n\r\n\r\n      </div>\r\n      {/* end::Body */}\r\n    </div >\r\n  )\r\n}\r\n\r\n\r\nexport { SmartGasHealth }\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport GoogleMapReact from 'google-map-react'\r\nimport MyGreatPlace from './MyPlace.jsx'\r\nimport Drive from './Drive.jsx'\r\nimport {Line} from 'react-chartjs-2'\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  PointElement,\r\n  LineElement,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n  Filler,\r\n} from 'chart.js'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {useTable, useFilters, useGlobalFilter, usePagination, useAsyncDebounce} from 'react-table'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {func, number} from 'prop-types'\r\nimport {auto, right} from '@popperjs/core'\r\n\r\nChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend)\r\n\r\nfunction SensorView(props) {\r\n  const containerRef = useRef(null) // Create a ref for the scroll container\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const labels = []\r\n  const chartReference = React.createRef()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [isChartLoading, setChartLoading] = useState(true)\r\n  const [loadingMap, setLoadingMap] = useState(false)\r\n  const [defaultProps, setdefaultProps] = useState({\r\n    center: {\r\n      lat: 6.911979146490742,\r\n      lng: 79.92597226721936,\r\n    },\r\n    zoom: 10,\r\n  })\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const [DeviceType, setDeviceType] = useState('24h')\r\n  const [InitialLoading2, setInitialLoading2] = useState(true)\r\n  const filter = useRef('0')\r\n  const objBrowser = useRef(null)\r\n  const gpsData = useRef([])\r\n  const [PlayCount, setPlayCount] = useState(0)\r\n  const [PlayUpToCount, setPlayUpToCount] = useState(-1)\r\n  //const PlayCount = useRef(0)\r\n  const [data, setdata] = useState([])\r\n  //const gps_data = useRef([])\r\n  const [gps_data, setgps_data] = useState([])\r\n  const isPlaying = useRef(false) //setIsPlaying] = useState(false)\r\n  const [chartData, setChartData] = useState({\r\n    labels: [],\r\n    datasets: [\r\n      {\r\n        label: '',\r\n        data: [],\r\n        backgroundColor: 'rgba(75,192,192,0.4)',\r\n        borderColor: 'rgba(75,192,192,1)',\r\n        borderWidth: 1,\r\n      },\r\n    ],\r\n  })\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factroyCode: '',\r\n    unitName: '',\r\n    unitCode: '',\r\n    Sensor: [],\r\n    Packet: '',\r\n    Field: '',\r\n    data: [],\r\n    //gpsdata: [],\r\n  })\r\n\r\n  const [live, setLive] = useState({\r\n    Live: '',\r\n    Min: '',\r\n    Max: '',\r\n    Status: '',\r\n    Note: '',\r\n    Description: '',\r\n    NormalRange: '',\r\n    WarningRange: '',\r\n    CriticalRange: '',\r\n    DisableRange: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    name: '',\r\n\r\n    option: {\r\n      responsive: true,\r\n      plugins: {\r\n        annotation: {\r\n          annotations: {\r\n            line1: {\r\n              type: 'line',\r\n              yMin: 60,\r\n              yMax: 60,\r\n              borderColor: 'rgb(255, 99, 132)',\r\n              borderWidth: 2,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n        title: {\r\n          display: true,\r\n          text: 'Line Chart',\r\n        },\r\n        bezierCurve: false,\r\n        elements: {\r\n          line: {\r\n            tension: 0,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    data: {\r\n      labels,\r\n      datasets: [\r\n        {\r\n          label: '',\r\n          data: [],\r\n          lineTension: 0,\r\n          borderColor: 'rgb(255, 99, 132)',\r\n          backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n        },\r\n      ],\r\n    },\r\n  })\r\n\r\n  function TablesWidget10() {\r\n    const columns = React.useMemo(\r\n      () => [\r\n        {\r\n          Header: ' ',\r\n          columns: [\r\n            {\r\n              accessor: 'code',\r\n            },\r\n            {\r\n              accessor: 'formatCode',\r\n            },\r\n            {\r\n              accessor: 'description',\r\n            },\r\n            {\r\n              accessor: 'createdOn',\r\n            },\r\n            {\r\n              accessor: 'status',\r\n            },\r\n            {\r\n              accessor: 'priority',\r\n            },\r\n            {\r\n              accessor: 'fK_SectorCode',\r\n            },\r\n            {\r\n              accessor: 'facilityName',\r\n            },\r\n            {\r\n              accessor: 'remain',\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n      []\r\n    )\r\n\r\n    const {\r\n      getTableProps,\r\n      getTableBodyProps,\r\n      headerGroups,\r\n      prepareRow,\r\n      page,\r\n      canPreviousPage,\r\n      canNextPage,\r\n      pageOptions,\r\n      pageCount,\r\n      gotoPage,\r\n      nextPage,\r\n      previousPage,\r\n      setPageSize,\r\n      state: {pageIndex, pageSize, globalFilter},\r\n      preGlobalFilteredRows,\r\n      setGlobalFilter,\r\n    } = useTable(\r\n      {\r\n        columns,\r\n        data,\r\n        initialState: {pageIndex: 0, pageSize: 20, globalFilter: ''},\r\n      },\r\n      useGlobalFilter,\r\n      usePagination\r\n    )\r\n    const [error, setError] = useState({status: 'E', text: ''})\r\n\r\n    const [{user, token}, dispatch] = useDataLayerValue()\r\n\r\n    if (InitialLoading2) return <Loading />\r\n\r\n    return (\r\n      <div className={`card`}>\r\n        {/* begin::Header */}\r\n        <div className='card-header border-0 pt-5'>\r\n          <h3 className='card-title align-items-start flex-column'>\r\n            <span className='card-label fw-bolder fs-3 mb-1'>Last 24h Alerts</span>\r\n            <span className='text-muted mt-1 fw-bold fs-7'> Alert Management</span>\r\n          </h3>\r\n          <ErrorMessage error={error} />\r\n          <div\r\n            className='card-toolbar'\r\n            data-bs-toggle='tooltip'\r\n            data-bs-placement='top'\r\n            data-bs-trigger='hover'\r\n            title='Click to add a user'\r\n          >\r\n            <div className='me-4'></div>\r\n          </div>\r\n        </div>\r\n        {/* end::Header */}\r\n        {/* begin::Body */}\r\n        <div className='card-body py-3'>\r\n          {/* begin::Table container */}\r\n          <div className='table-responsive'>\r\n            {/* begin::Table */}\r\n            <table\r\n              className='table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4'\r\n              {...getTableProps()}\r\n            >\r\n              <thead>\r\n                <td className='text-gray-600 text-gray-800 fw-bolder'>Ticket</td>\r\n                <td className='text-gray-600 text-gray-800 fw-bolder'>Description</td>\r\n              </thead>\r\n              <tbody {...getTableBodyProps()}>\r\n                {page.length === 0 && (\r\n                  <tr>\r\n                    <td colSpan={7}>\r\n                      <b>No Data Found!</b>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n                {page.map((row, i) => {\r\n                  prepareRow(row)\r\n                  return (\r\n                    <tr {...row.getRowProps()}>\r\n                      {/* {row.cells.map((cell) => {\r\n                      return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\r\n                    })}*/}\r\n                      <td style={{width: '120px'}}>\r\n                        {\r\n                          <a className='btn btn-sm  fw-bolder  fs-9 py-1'>\r\n                            {row.values.formatCode}\r\n                          </a>\r\n                        }\r\n                      </td>\r\n                      <td>\r\n                        <b>{row.values.description}</b>{' '}\r\n                        <span\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-info fw-bolder  fs-9 py-1'\r\n                        >\r\n                          {row.values.priority}\r\n                        </span>\r\n                        {\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-info fw-bolder  ms-2 fs-9 py-1'\r\n                          >\r\n                            {row.values.facilityName}\r\n                          </a>\r\n                        }\r\n                        <br />\r\n                        <span style={{fontSize: '10px'}}> {row.values.createdOn}</span>\r\n                        {row.values.status == 'Opened' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-danger fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            OPENED ({row.values.remain})\r\n                          </a>\r\n                        )}\r\n                        {row.values.status == 'Resolved' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            RESOLVED\r\n                          </a>\r\n                        )}\r\n                        {row.values.status == 'Closed' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-gray fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            CLOSED\r\n                          </a>\r\n                        )}\r\n                      </td>\r\n                    </tr>\r\n                  )\r\n                })}\r\n              </tbody>\r\n            </table>\r\n            {/* \r\n      Pagination can be built however you'd like. \r\n      This is just a very basic UI implementation:\r\n    */}\r\n            <ul className='pagination'>\r\n              <li className='page-item' onClick={() => gotoPage(0)} disabled={!canPreviousPage}>\r\n                <a className='page-link'>First</a>\r\n              </li>\r\n              <li className='page-item' onClick={() => previousPage()} disabled={!canPreviousPage}>\r\n                <a className='page-link'>{'<'}</a>\r\n              </li>\r\n              <li className='page-item' onClick={() => nextPage()} disabled={!canNextPage}>\r\n                <a className='page-link'>{'>'}</a>\r\n              </li>\r\n              <li\r\n                className='page-item'\r\n                onClick={() => gotoPage(pageCount - 1)}\r\n                disabled={!canNextPage}\r\n              >\r\n                <a className='page-link'>Last</a>\r\n              </li>\r\n              <li>\r\n                <a className='page-link'>\r\n                  Page{' '}\r\n                  <strong>\r\n                    {pageIndex + 1} of {pageOptions.length}\r\n                  </strong>{' '}\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a className='page-link'>\r\n                  <input\r\n                    className='page-link'\r\n                    type='number'\r\n                    defaultValue={pageIndex + 1}\r\n                    onChange={(e) => {\r\n                      const page = e.target.value ? Number(e.target.value) - 1 : 0\r\n                      gotoPage(page)\r\n                    }}\r\n                    style={{width: '100px', height: '20px'}}\r\n                  />\r\n                </a>\r\n              </li>{' '}\r\n              <select\r\n                className='page-link'\r\n                value={pageSize}\r\n                onChange={(e) => {\r\n                  setPageSize(Number(e.target.value))\r\n                }}\r\n                style={{width: '120px', height: '38px'}}\r\n              >\r\n                {[5, 10, 20, 30, 40, 50].map((pageSize) => (\r\n                  <option key={pageSize} value={pageSize}>\r\n                    Show {pageSize}\r\n                  </option>\r\n                ))}\r\n              </select>\r\n            </ul>\r\n          </div>\r\n          {/* end::Table container */}\r\n        </div>\r\n        {/* begin::Body */}\r\n      </div>\r\n    )\r\n  }\r\n  const [countdown, setCountdown] = useState(60)\r\n  const [countdown2, setCountdown2] = useState(0)\r\n  // useEffect(() => {\r\n  //   if (connection) {\r\n  //     connection\r\n  //       .start()\r\n  //       .then((result) => {\r\n  //         setState({\r\n  //           ...state,\r\n  //           DashboardStat: 'CONNECTED',\r\n  //         })\r\n  //         setLoading(false)\r\n  //         reconnectRef.current = 0\r\n  //         connection.onreconnecting((error) => {\r\n  //           setState({\r\n  //             ...state,\r\n  //             DashboardStat: 'RECONNECTING',\r\n  //           })\r\n  //           console.log('Connection lost due to error . Reconnecting.')\r\n  //         })\r\n\r\n  //         // Reconnect if hub disconnects\r\n  //         connection.onclose(function (e) {\r\n  //           setState({\r\n  //             ...state,\r\n  //             DashboardStat: 'DISCONNECTED',\r\n  //           })\r\n  //           //console.log('Disconnected');\r\n  //         })\r\n\r\n  //         connection.on('ReceiveMessage', (message) => {\r\n  //           if (typeof message === 'string' || message instanceof String) {\r\n  //             message = JSON.parse(message)\r\n  //           }\r\n  //           if (message.key !== 'SensorData') return\r\n\r\n  //           let dataPacket = JSON.parse(message.data)\r\n  //           if (\r\n  //             dataPacket.TimeStamp === undefined ||\r\n  //             Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n  //           ) {\r\n  //             return\r\n  //           }\r\n\r\n  //           console.log(message)\r\n  //           let newElements = {}\r\n  //           Object.entries(dataPacket).map(([key, value]) => {\r\n  //             newElements[key] = value\r\n  //           })\r\n\r\n  //           Object.entries(dataPacket).map(([key, value]) => {\r\n  //             for (let index = 0; index < sensors.current.length; index++) {\r\n  //               const element = sensors.current[index]\r\n  //               if (element.machineNo === '') continue\r\n\r\n  //               if (element.displayName === '') element.displayName = ' '\r\n\r\n  //               if (element.icon === undefined) element.icon = 'dot'\r\n\r\n  //               if (\r\n  //                 element.isNotify === undefined ||\r\n  //                 element.isNotify === '' ||\r\n  //                 element.isNotify === null\r\n  //               )\r\n  //                 element.isNotify = false\r\n\r\n  //               if (!element.lastUpdate) {\r\n  //                 element.lastUpdate = new Date()\r\n  //               } else if (Math.round((new Date() - new Date(element.lastUpdate)) / 1000) > 60) {\r\n  //                 // console.log('[DB PACKET ' + element.machineNo.toString().toLowerCase() + ']')\r\n  //                 if (\r\n  //                   element.type == 14 ||\r\n  //                   element.type == 13 ||\r\n  //                   element.type == 17 ||\r\n  //                   element.type == 15\r\n  //                 ) {\r\n  //                   //console.log(\"[chart data cleared \"+element.machineNo.toString().toLowerCase()+\"]\");\r\n  //                   element.value = []\r\n  //                 } else {\r\n  //                   element.value = '---'\r\n  //                   element.color = 'black'\r\n  //                 }\r\n  //               }\r\n\r\n  //               let object = element.object.toString().toLowerCase()\r\n  //               let packetType = dataPacket.Plant + '.' + dataPacket.Packet\r\n\r\n  //               if (\r\n  //                 element.object.toString().toLowerCase() === key.toString().toLowerCase() &&\r\n  //                 packetType.toString().toLowerCase() === element.pakages\r\n  //               ) {\r\n  //                 element.lastUpdate = new Date()\r\n  //                 element.value = value\r\n  //                 element.color = 'black'\r\n  //                 element.notification = {\r\n  //                   toastId: key.toString().toLowerCase(),\r\n  //                   position: 'top-right',\r\n  //                   type: 'info',\r\n  //                   autoClose: false, // or set time\r\n  //                   hideProgressBar: false,\r\n  //                   closeOnClick: true,\r\n  //                   //  pauseOnHover: true,\r\n  //                   draggable: false,\r\n  //                   progress: undefined,\r\n  //                   transition: Bounce,\r\n  //                 }\r\n  //                 try {\r\n  //                   // alert(layout.globalJs)\r\n  //                   eval(layout.globalJs + ';' + element.formula)\r\n  //                   //   eval(element.formula)\r\n  //                 } catch (error) {\r\n  //                   element.value = '---'\r\n  //                   element.color = 'black'\r\n  //                   // console.log(element.formula)\r\n  //                   console.log(error)\r\n  //                 }\r\n  //               }\r\n  //             }\r\n  //           })\r\n  //           setState({\r\n  //             ...state,\r\n  //             SensorList: sensors.current,\r\n  //             DashboardStat: 'CONNECTED',\r\n  //           })\r\n  //         })\r\n  //       })\r\n  //       .catch((e) => {})\r\n  //   }\r\n  // }, [connection])\r\n\r\n  useEffect(() => {\r\n    const countdownInterval = setInterval(() => {\r\n      // Decrease the countdown value every second\r\n      setCountdown((prevCountdown) => (prevCountdown - 1 < 0 ? 0 : prevCountdown - 1))\r\n    }, 1000)\r\n\r\n    // Cleanup function to clear the interval when the component unmounts\r\n    return () => clearInterval(countdownInterval)\r\n  }, []) // Empty dependency array ensures the effect runs only once\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/sensors/' +\r\n        (props.match?.params?.code ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      // alert(response.data.result.unitModels[0].object)\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          //subSectorName: response.data.result.subSectors[0].name,\r\n          //subSectorCode: response.data.result.subSectors[0].code,\r\n          //sectorName: response.data.result.name,\r\n          //sectorCode: response.data.result.code,\r\n          //factroyName: response.data.result.subSectors[0].factories[0].name,\r\n          //factroyCode: response.data.result.subSectors[0].factories[0].code,\r\n          //unitName: response.data.result.businessUnitModels[0].name,\r\n          //unitCode: response.data.result.businessUnitModels[0].code,\r\n          Sensor: response.data.result.unitModels[0],\r\n          breadCrumbs: response.data.result.breadCrumbs,\r\n        })\r\n        objBrowser.current = response.data.result.unitModels[0]\r\n        // setBreadCrum(response)\r\n\r\n        RefreshData(response.data.result.unitModels[0])\r\n        setInterval(() => {\r\n          RefreshData(response.data.result.unitModels[0])\r\n        }, 60000)\r\n\r\n        setState({\r\n          ...state,\r\n          SensorList: response.data.result.unitModels,\r\n        })\r\n        sensors.current = response.data.result.unitModels\r\n        setTimeout(() => {\r\n          for (let index = 0; index < sensors.current.length; index++) {\r\n            const element = sensors.current[index]\r\n            try {\r\n              eval(layout.globalJs + ';' + element.tempFeild1)\r\n            } catch (error) {\r\n              console.log(error)\r\n            }\r\n          }\r\n          setState({\r\n            ...state,\r\n            SensorList: sensors.current,\r\n            DashboardStat: 'INITIALIZATION',\r\n          })\r\n\r\n          setTimeout(() => {\r\n            const newConnection = new HubConnectionBuilder()\r\n              .withUrl(\r\n                process.env.REACT_APP_MIDAS_HUB +\r\n                  '/' +\r\n                  response.data.result.automationChannel +\r\n                  '/Hub'\r\n              )\r\n              .withAutomaticReconnect()\r\n              .build()\r\n            setConnection(newConnection)\r\n          }, 100)\r\n        }, 500)\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  // function RefreshData2() {\r\n  //   //alert('asdasd')\r\n  //   setChartLoading(true)\r\n  //   const chart = chartReference.current\r\n  //   setTimeout(() => {\r\n  //     setChartLoading(false)\r\n\r\n  //     chart.data.datasets[0] = [\r\n  //       {\r\n  //         label: '',\r\n  //         data: [],\r\n  //         lineTension: 0,\r\n  //         borderColor: 'rgb(53, 162, 235)',\r\n  //         backgroundColor: 'rgba(53, 162, 235, 0.5)',\r\n  //       },\r\n  //     ][0]\r\n  //     chart.update('none')\r\n  //   }, 10)\r\n  // }\r\n\r\n  function RefreshData(obj) {\r\n    if (filter.current === '1') return\r\n    //alert(filter.current)\r\n    if (obj?.name == undefined) return\r\n    const chart = chartReference.current\r\n    const sector = ''\r\n    axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/get-alerts-tag?tag=' + obj.code,\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n      .then(function (response) {\r\n        setInitialLoading2(false)\r\n        setdata(response?.data?.data)\r\n      })\r\n      .catch(function (error) {})\r\n\r\n    var datafield = {}\r\n    datafield['sensorCode'] = obj.code\r\n    datafield['sort'] = 'TimeStamp: 1'\r\n    datafield['find'] = 't_' + obj.object + ' : {$exists:true}, TimeStamp : ' + DeviceType\r\n    datafield['project'] =\r\n      'TimeStamp: 1, ' +\r\n      't_' +\r\n      obj.object +\r\n      ' : 1, t_' +\r\n      obj.object +\r\n      '_gps : 1, t_' +\r\n      obj.object +\r\n      '_Ignition : 1 '\r\n    axios({\r\n      method: 'post',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor/getall',\r\n      headers: {},\r\n      data: datafield,\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setChartLoading(false)\r\n        gpsData.current = response.data\r\n        // setLayout({\r\n        //   ...layout,\r\n        //   gpsdata: response.data,\r\n        // })\r\n        const _labels = []\r\n        const _data = []\r\n        const _gps_data = []\r\n        for (let index = 0; index < response.data.result.list.length; index++) {\r\n          const element = response.data.result.list[index]\r\n          _labels.push(element['TimeStamp'])\r\n          _data.push(element['t_' + obj.object])\r\n          // console.log(element['t_' + obj.object + '_gps'])\r\n\r\n          var gps = element['t_' + objBrowser.current.object + '_gps']\r\n          var Ignition = element['t_' + objBrowser.current.object + '_Ignition'] ?? 'NA'\r\n          if (gps?.Lat ?? 0 != 0) {\r\n            const Bruno = _gps_data.find(\r\n              (person) =>\r\n                person.lat === gps?.Lat && person.lng === gps?.Lng && person.ignition === Ignition\r\n            )\r\n            if (Bruno === undefined) {\r\n              _gps_data.push({\r\n                lat: gps?.Lat,\r\n                lng: gps?.Lng,\r\n                value: element['t_' + objBrowser.current.object],\r\n                text: element['TimeStamp'],\r\n                endDate: element['TimeStamp'],\r\n                waiting: 0,\r\n                ignition: Ignition,\r\n              })\r\n            } else {\r\n              Bruno.ignition = Ignition\r\n              Bruno.waiting = dateConverter(Bruno.endDate, element['TimeStamp'])\r\n              Bruno.text = `${element['TimeStamp']} /n waiting ${dateConverter(\r\n                Bruno.endDate,\r\n                element['TimeStamp']\r\n              )}`\r\n            }\r\n          }\r\n          // var gps = element['t_' + obj.object + '_gps']\r\n          // if (gps?.Lat ?? 0 != 0) {\r\n          //   _gps_data.push({\r\n          //     lat: gps?.Lat,\r\n          //     lng: gps?.Lng,\r\n          //     value: element['t_' + obj.object],\r\n          //     text: element['TimeStamp'],\r\n          //   })\r\n          // }\r\n        }\r\n        setCountdown(60)\r\n        setLive({\r\n          Live: response.data.result.currrent,\r\n          Min: response.data.result.min,\r\n          Max: response.data.result.max,\r\n          Date: response.data.result.date,\r\n          Status: response.data.result.status,\r\n          Note: response.data.result.note,\r\n          Description: response.data.result.description,\r\n          NormalRange: response.data.result.normalRange,\r\n          WarningRange: response.data.result.warningRange,\r\n          CriticalRange: response.data.result.criticalRange,\r\n          DisableRange: response.data.result.disableRange,\r\n          Lat: response.data.result?.Lat ?? '-',\r\n          Lng: response.data.result?.Lng ?? '-',\r\n          ignition: response.data.result?.ignition ?? '-',\r\n        })\r\n        setgps_data(_gps_data)\r\n        // gps_data.current = _gps_data\r\n        setChartData({\r\n          labels: _labels,\r\n          datasets: [\r\n            {\r\n              label: '',\r\n              data: _data,\r\n              lineTension: 0,\r\n              backgroundColor: 'rgba(75,192,192,0.4)',\r\n              borderColor: 'rgba(75,192,192,1)',\r\n              borderWidth: 1,\r\n            },\r\n          ],\r\n        })\r\n        setLoading(false)\r\n      }\r\n    })\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  const dateConverter = (startDate, timeEnd) => {\r\n    const newStartDate = new Date(startDate)\r\n    const newEndDate = new Date(timeEnd)\r\n    const one_day = 1000 * 60\r\n    let result\r\n    result = Math.ceil((newEndDate.getTime() - newStartDate.getTime()) / one_day)\r\n    console.log('date Converter result', result)\r\n    if (result < 0) {\r\n      return '0'\r\n    }\r\n\r\n    return `${Math.floor(result / 60)}h ${result % 60}min`\r\n  }\r\n\r\n  function OnReset() {\r\n    const _gps_data = []\r\n    for (let index = 0; index < gpsData.current.result.list.length; index++) {\r\n      const element = gpsData.current.result.list[index]\r\n      if (element == null) continue\r\n\r\n      var gps = element['t_' + objBrowser.current.object + '_gps']\r\n      var Ignition = element['t_' + objBrowser.current.object + '_Ignition'] ?? 'NA'\r\n      if (gps?.Lat ?? 0 != 0) {\r\n        const Bruno = _gps_data.find(\r\n          (person) =>\r\n            person.lat === gps?.Lat && person.lng === gps?.Lng && person.ignition === Ignition\r\n        )\r\n        if (Bruno === undefined) {\r\n          _gps_data.push({\r\n            lat: gps?.Lat,\r\n            lng: gps?.Lng,\r\n            value: element['t_' + objBrowser.current.object],\r\n            text: element['TimeStamp'],\r\n            endDate: element['TimeStamp'],\r\n            waiting: 0,\r\n            ignition: Ignition,\r\n          })\r\n        } else {\r\n          Bruno.ignition = Ignition\r\n          Bruno.waiting = dateConverter(Bruno.endDate, element['TimeStamp'])\r\n          Bruno.text = `${element['TimeStamp']} /n waiting ${dateConverter(\r\n            Bruno.endDate,\r\n            element['TimeStamp']\r\n          )}`\r\n        }\r\n      }\r\n    }\r\n    setgps_data(_gps_data)\r\n    isPlaying.current = false\r\n    filter.current = '0'\r\n    setPlayUpToCount(-1)\r\n    setPlayCount(0)\r\n    setdefaultProps({\r\n      ...defaultProps,\r\n      zoom: 10,\r\n    })\r\n  }\r\n\r\n  function Play() {\r\n    const countdownInterval2 = setInterval(() => {\r\n      //gps_data.current = _gps_data\r\n      setPlayCount((prevCountdown) => {\r\n        const _gps_data = []\r\n        for (\r\n          let index = 0;\r\n          index <\r\n          (gpsData.current.result.list.length > prevCountdown\r\n            ? prevCountdown\r\n            : gpsData.current.result.list.length);\r\n          index++\r\n        ) {\r\n          const element = gpsData.current.result.list[index]\r\n          if (element == null) continue\r\n\r\n          var gps = element['t_' + objBrowser.current.object + '_gps']\r\n          var Ignition = element['t_' + objBrowser.current.object + '_Ignition'] ?? 'NA'\r\n          if (gps?.Lat ?? 0 != 0) {\r\n            const Bruno = _gps_data.find(\r\n              (person) =>\r\n                person.lat === gps?.Lat && person.lng === gps?.Lng && person.ignition === Ignition\r\n            )\r\n            if (Bruno === undefined) {\r\n              _gps_data.push({\r\n                lat: gps?.Lat,\r\n                lng: gps?.Lng,\r\n                value: element['t_' + objBrowser.current.object],\r\n                text: element['TimeStamp'],\r\n                endDate: element['TimeStamp'],\r\n                waiting: 0,\r\n                ignition: Ignition,\r\n              })\r\n            } else {\r\n              Bruno.ignition = Ignition\r\n              Bruno.waiting = dateConverter(Bruno.endDate, element['TimeStamp'])\r\n              Bruno.text = `${element['TimeStamp']} /n waiting ${dateConverter(\r\n                Bruno.endDate,\r\n                element['TimeStamp']\r\n              )}`\r\n            }\r\n          }\r\n        }\r\n        // alert(prevCountdown)\r\n        // alert(gpsData.current.result.list.length)\r\n        // alert(_gps_data.length)\r\n        setgps_data(_gps_data)\r\n\r\n        if (gpsData.current.result.list.length < prevCountdown || !isPlaying.current) {\r\n          OnReset()\r\n\r\n          clearInterval(countdownInterval2)\r\n        }\r\n        return prevCountdown + 1\r\n      })\r\n    }, 500)\r\n  }\r\n\r\n  // useEffect(() => {\r\n  //   setdefaultProps({\r\n  //     center: {\r\n  //       lat: gps_data[PlayUpToCount].lat,\r\n  //       lng: gps_data[PlayUpToCount].lng,\r\n  //     },\r\n  //     zoom: 10,\r\n  //   })\r\n  // }, [PlayUpToCount])\r\n\r\n  useEffect(() => {\r\n    if (containerRef.current) {\r\n      containerRef.current.scrollTop = containerRef.current.scrollHeight\r\n    }\r\n  }, [gps_data])\r\n  // Prevent user from scrolling up (if needed)\r\n  const handleWheel = (event) => {\r\n    if (containerRef.current) {\r\n      const {scrollTop, scrollHeight, clientHeight} = containerRef.current\r\n      // Prevent scrolling up\r\n      if (scrollTop === 0 && event.deltaY < 0) {\r\n        event.preventDefault() // Prevent scrolling up\r\n      }\r\n    }\r\n  }\r\n\r\n  function onClearFilter() {\r\n    filter.current = '0'\r\n    setPlayUpToCount(-1)\r\n    setPlayCount(0)\r\n    RefreshData(objBrowser.current)\r\n  }\r\n\r\n  function onSelect(index2) {\r\n    setdefaultProps({\r\n      center: {\r\n        lat: Number(gps_data[index2].lat),\r\n        lng: Number(gps_data[index2].lng),\r\n      },\r\n      zoom: 15,\r\n    })\r\n    filter.current = '1'\r\n    setPlayUpToCount(index2)\r\n  }\r\n\r\n  function onStop() {\r\n    isPlaying.current = false\r\n    // setIsPlaying(false)\r\n  }\r\n\r\n  function onPlay() {\r\n    setgps_data([])\r\n    isPlaying.current = true\r\n    // setIsPlaying(true)\r\n    setPlayUpToCount(-1)\r\n    setPlayCount(0)\r\n    filter.current = '1'\r\n    setdefaultProps({\r\n      ...defaultProps,\r\n      zoom: 15,\r\n    })\r\n    setTimeout(() => {\r\n      Play()\r\n    }, 200)\r\n  }\r\n  // function timeonchange(e) {\r\n  //   setDeviceType(e.target.value)\r\n  //   setChartLoading(true)\r\n  //   setTimeout(() => {\r\n  //     RefreshData(layout.Sensor)\r\n  //   }, 100)\r\n  // }\r\n\r\n  var statusColorClass = 'btn btn-sm btn-light-dark'\r\n  if (live.Status == 'NORMAL') {\r\n    statusColorClass = 'btn btn-sm btn-light-success'\r\n  } else if (live.Status == 'WARNING') {\r\n    statusColorClass = 'btn btn-sm btn-light-warning'\r\n  } else if (live.Status == 'CRITICAL') {\r\n    statusColorClass = 'btn btn-sm btn-light-danger'\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={layout.breadCrumbs}>{layout?.Sensor?.name} </PageTitle>\r\n      <div className={`card`}>\r\n        <div className='form'>\r\n          <div className='card-body p-9'>\r\n            <div className='row'>\r\n              <div className=' col-lg-6'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized (24h)</span>{' '}\r\n                  <br />\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {layout?.Sensor?.description}\r\n                    {filter.current == '0' && (\r\n                      <>\r\n                        <b style={{color: 'darkblue'}}>\r\n                          &nbsp; Last Update at {live?.Date} <i class='bi bi-calendar'></i>\r\n                        </b>\r\n                      </>\r\n                    )}\r\n                    {filter.current == '1' && (\r\n                      <>\r\n                        <b style={{color: 'darkblue'}}> &nbsp; Filtered Apply</b>\r\n                        <a href='#' onClick={onClearFilter}>\r\n                          &nbsp;&nbsp; Clear Filers\r\n                        </a>\r\n                      </>\r\n                    )}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n\r\n              <div className=' col-lg-4'>\r\n                {countdown <= 10 && filter.current == '0' && (\r\n                  <>\r\n                    <b style={{color: 'red'}}>Auto refresh in {countdown} seconds</b>\r\n                  </>\r\n                )}\r\n                {countdown > 10 && filter.current == '0' && (\r\n                  <>\r\n                    <p>Auto refresh in {countdown} seconds</p>{' '}\r\n                  </>\r\n                )}\r\n              </div>\r\n              <div className='col-lg-2'>\r\n                <div style={{width: '100%'}} className={statusColorClass + ' col-lg-12'}>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                      width: '100%',\r\n                    }}\r\n                  >\r\n                    {live.Live}°C\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      <div className={`card`}>\r\n        <br />\r\n        <Formik\r\n          initialValues={{\r\n            datex: '',\r\n            Ftype: 1440,\r\n          }}\r\n          // validationSchema={}\r\n          onSubmit={(values, {}) => {\r\n            filter.current = '1'\r\n            // alert('HI EX' + values.datex)\r\n            var datafield = {}\r\n            datafield['sensorCode'] = layout.Sensor.code\r\n            datafield['sort'] = 'TimeStamp: 1'\r\n            datafield['date'] = values.datex\r\n            datafield['Ftype'] = values.Ftype\r\n            datafield['find'] = 't_' + layout.Sensor.object + ' : {$exists:true}, TimeStamp : DT'\r\n            datafield['project'] =\r\n              'TimeStamp: 1, ' +\r\n              't_' +\r\n              layout.Sensor.object +\r\n              ' : 1, t_' +\r\n              layout.Sensor.object +\r\n              '_gps : 1, t_' +\r\n              layout.Sensor.object +\r\n              '_Ignition : 1 '\r\n            axios({\r\n              method: 'post',\r\n              url: process.env.REACT_APP_BACKEND_API + '/api/sensor/getall',\r\n              headers: {},\r\n              data: datafield,\r\n            }).then((response) => {\r\n              const _labels = []\r\n              const _data = []\r\n              const _gps_data = []\r\n              if (response.data.status == 'S') {\r\n                setChartLoading(false)\r\n                gpsData.current = response.data\r\n                // setLayout({\r\n                //   ...layout,\r\n                //   gpsdata: response.data,\r\n                // })\r\n\r\n                for (let index = 0; index < response.data.result.list.length; index++) {\r\n                  const element = response.data.result.list[index]\r\n                  _labels.push(element['TimeStamp'])\r\n                  _data.push(element['t_' + layout.Sensor.object])\r\n                  // console.log(element['t_' + obj.object + '_gps'])\r\n\r\n                  var gps = element['t_' + objBrowser.current.object + '_gps']\r\n                  var Ignition = element['t_' + objBrowser.current.object + '_Ignition'] ?? 'NA'\r\n                  if (gps?.Lat ?? 0 != 0) {\r\n                    const Bruno = _gps_data.find(\r\n                      (person) =>\r\n                        person.lat === gps?.Lat &&\r\n                        person.lng === gps?.Lng &&\r\n                        person.ignition === Ignition\r\n                    )\r\n                    if (Bruno === undefined) {\r\n                      _gps_data.push({\r\n                        lat: gps?.Lat,\r\n                        lng: gps?.Lng,\r\n                        value: element['t_' + objBrowser.current.object],\r\n                        text: element['TimeStamp'],\r\n                        endDate: element['TimeStamp'],\r\n                        waiting: 0,\r\n                        ignition: Ignition,\r\n                      })\r\n                    } else {\r\n                      Bruno.ignition = Ignition\r\n                      Bruno.waiting = dateConverter(Bruno.endDate, element['TimeStamp'])\r\n                      Bruno.text = `${element['TimeStamp']} /n waiting ${dateConverter(\r\n                        Bruno.endDate,\r\n                        element['TimeStamp']\r\n                      )}`\r\n                    }\r\n                  }\r\n                  // var gps = element['t_' + obj.object + '_gps']\r\n                  // if (gps?.Lat ?? 0 != 0) {\r\n                  //   _gps_data.push({\r\n                  //     lat: gps?.Lat,\r\n                  //     lng: gps?.Lng,\r\n                  //     value: element['t_' + obj.object],\r\n                  //     text: element['TimeStamp'],\r\n                  //   })\r\n                  // }\r\n                }\r\n\r\n                setLive({\r\n                  Live: response.data.result.currrent,\r\n                  Min: response.data.result.min,\r\n                  Max: response.data.result.max,\r\n                  Date: response.data.result.date,\r\n                  Status: response.data.result.status,\r\n                  Note: response.data.result.note,\r\n                  Description: response.data.result.description,\r\n                  NormalRange: response.data.result.normalRange,\r\n                  WarningRange: response.data.result.warningRange,\r\n                  CriticalRange: response.data.result.criticalRange,\r\n                  DisableRange: response.data.result.disableRange,\r\n                  Lat: response.data.result?.Lat ?? '-',\r\n                  Lng: response.data.result?.Lng ?? '-',\r\n                  ignition: response.data.result?.ignition ?? '-',\r\n                })\r\n                setgps_data(_gps_data)\r\n                setChartData({\r\n                  labels: _labels,\r\n                  datasets: [\r\n                    {\r\n                      label: '',\r\n                      data: _data,\r\n                      lineTension: 0,\r\n                      backgroundColor: 'rgba(75,192,192,0.4)',\r\n                      borderColor: 'rgba(75,192,192,1)',\r\n                      borderWidth: 1,\r\n                    },\r\n                  ],\r\n                })\r\n                setLoading(false)\r\n              } else {\r\n                setgps_data([])\r\n                setChartData({\r\n                  labels: _labels,\r\n                  datasets: [\r\n                    {\r\n                      label: '',\r\n                      data: _data,\r\n                      lineTension: 0,\r\n                      backgroundColor: 'rgba(75,192,192,0.4)',\r\n                      borderColor: 'rgba(75,192,192,1)',\r\n                      borderWidth: 1,\r\n                    },\r\n                  ],\r\n                })\r\n                setLoading(false)\r\n              }\r\n              // const _labels = []\r\n              // const _data = []\r\n              // if (response.data.status == 'S') {\r\n              //   setChartLoading(false)\r\n\r\n              //   for (let index = 0; index < response.data.result.list.length; index++) {\r\n              //     const element = response.data.result.list[index]\r\n              //     _labels.push(element['TimeStamp'])\r\n              //     _data.push(element['t_' + layout.Sensor.object])\r\n              //   }\r\n\r\n              //   setChartData({\r\n              //     labels: _labels,\r\n              //     datasets: [\r\n              //       {\r\n              //         label: '',\r\n              //         data: _data,\r\n              //         lineTension: 0,\r\n              //         backgroundColor: 'rgba(75,192,192,0.4)',\r\n              //         borderColor: 'rgba(75,192,192,1)',\r\n              //         borderWidth: 1,\r\n              //       },\r\n              //     ],\r\n              //   })\r\n              //   setLoading(false)\r\n              // } else {\r\n              //   setChartData({\r\n              //     labels: _labels,\r\n              //     datasets: [\r\n              //       {\r\n              //         label: '',\r\n              //         data: _data,\r\n              //         lineTension: 0,\r\n              //         backgroundColor: 'rgba(75,192,192,0.4)',\r\n              //         borderColor: 'rgba(75,192,192,1)',\r\n              //         borderWidth: 1,\r\n              //       },\r\n              //     ],\r\n              //   })\r\n              //   setLoading(false)\r\n              // }\r\n            })\r\n            //()\r\n          }}\r\n        >\r\n          {({values, errors, touched, handleChange, handleBlur, handleSubmit}) => (\r\n            <Form onSubmit={handleSubmit}>\r\n              <div className='form'>\r\n                <div className='card-body p-9'>\r\n                  <div className='row'>\r\n                    <div className=' col-lg-6'>\r\n                      <input\r\n                        type='datetime-local'\r\n                        name='datex'\r\n                        onChange={handleChange}\r\n                        onBlur={handleBlur}\r\n                        value={values.datex}\r\n                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                      />\r\n                    </div>\r\n\r\n                    <div className=' col-lg-4'>\r\n                      <select\r\n                        className='form-select form-select-solid  mb-3 mb-lg-0 '\r\n                        data-kt-select2='true'\r\n                        data-placeholder='Select option'\r\n                        data-allow-clear='true'\r\n                        name='Ftype'\r\n                        onChange={handleChange}\r\n                        onBlur={handleBlur}\r\n                        value={values.Ftype}\r\n                        defaultValue={'1440'}\r\n                      >\r\n                        <option></option>\r\n                        <option value='30'>30 Min</option>\r\n                        <option value='60'>01 Hour</option>\r\n                        <option value='360'>06 Hours</option>\r\n                        <option value='1440'>24 Hours</option>\r\n                      </select>\r\n                    </div>\r\n                    <div className='col-lg-2'>\r\n                      <button\r\n                        type='submit'\r\n                        className='btn col-sm-12 btn-primary'\r\n                        disabled={isSubmitting}\r\n                        style={{display: 'block', width: '100%'}}\r\n                      >\r\n                        <span className='indicator-progress' style={{display: 'block'}}>\r\n                          {!isSubmitting && (\r\n                            <span className='indicator-label'>\r\n                              Filter &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                            </span>\r\n                          )}\r\n                          {isSubmitting && (\r\n                            <span className='indicator-progress' style={{display: 'block'}}>\r\n                              <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                            </span>\r\n                          )}\r\n                        </span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className='row'>\r\n                {isChartLoading && <>Loading</>}\r\n                <Line height={100} option={state.option} ref={chartReference} data={chartData} />\r\n                {/* <Line data={chartData} /> */}\r\n              </div>\r\n              <div className='card-footer d-flex justify-content-end py-6 px-9'></div>\r\n            </Form>\r\n          )}\r\n        </Formik>\r\n      </div>\r\n      {/*\r\n      <br />\r\n      <div className={`card`}>\r\n       \r\n        <div className='card-header border-0 '>\r\n          <h3 className='card-title align-items-start flex-column'>\r\n            <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized (24h)</span>\r\n            <span className='text-muted mt-1 fw-bold fs-7'>\r\n              {layout?.Sensor?.description} |\r\n              <b style={{color: 'darkblue'}}>\r\n                Last Update at {live?.Date} <i class='bi bi-calendar'></i>\r\n              </b>\r\n            </span>\r\n          </h3>\r\n        </div>\r\n        \r\n     \r\n        <div className='card-body py-3'></div>\r\n      </div>\r\n         */}\r\n      <br />\r\n      <div className='row'>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={\r\n              'notice d-flex gap-5   rounded  border border-dashed p-6   mb-1  ' +\r\n              (live.Status == 'CRITICAL' ? 'bg-light-danger border-danger' : ' border-dark')\r\n            }\r\n          >\r\n            <i\r\n              class={\r\n                'fas fa-exclamation-triangle fa-3x ' +\r\n                (live.Status == 'CRITICAL' ? 'text-danger' : ' text-dark')\r\n              }\r\n            ></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Critical Level</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.CriticalRange} Range</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={\r\n              'notice d-flex gap-5  rounded  border border-dashed p-6  mb-1 ' +\r\n              (live.Status == 'WARNING' ? 'bg-light-warning border-warning' : ' border-dark')\r\n            }\r\n          >\r\n            <i\r\n              class={\r\n                'fas fa-exclamation-circle  fa-3x ' +\r\n                (live.Status == 'WARNING' ? 'text-warning' : '  text-dark')\r\n              }\r\n            ></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Warning Level</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.WarningRange} Range</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={\r\n              'notice d-flex  gap-5  rounded  border border-dashed p-6   mb-1  ' +\r\n              (live.Status == 'NORMAL' ? 'bg-light-success border-success' : ' border-dark')\r\n            }\r\n          >\r\n            <i\r\n              class={\r\n                'fas fa-check-circle  fa-3x ' +\r\n                (live.Status == 'NORMAL' ? 'text-success' : ' text-dark')\r\n              }\r\n            ></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Normal Level</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.NormalRange} Range</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          <div\r\n            className={\r\n              'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  ' +\r\n              (live.Status == 'DISABLED' ? 'bg-light-dark' : '')\r\n            }\r\n          >\r\n            <i\r\n              class={\r\n                'fas fa-times-circle fa-3x ' +\r\n                (live.Status == 'DISABLED' ? 'text-dark' : 'text-dark')\r\n              }\r\n            ></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Disable Level</h4>\r\n                <div title={live?.DisableRange} className='fs-6 text-gray-600'>\r\n                  {live?.DisableRange.substring(0, 15) + '...'} Range\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      {gps_data.length > 0 && (\r\n        <>\r\n          <div className={`card`}>\r\n            {/* begin::Header */}\r\n            <div className='card-header border-0 pt-5'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Map View </span>\r\n                {/* {PlayCount} */}\r\n                <span className='text-muted mt-1 fw-bold fs-7'> </span>\r\n              </h3>\r\n\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n                title='Click to add a user'\r\n              >\r\n                <div className='me-4'>\r\n                  {!isPlaying.current && (\r\n                    <>\r\n                      {' '}\r\n                      <button type='button' onClick={onPlay} className='btn btn-primary'>\r\n                        <span className='indicator-progress' style={{display: 'block'}}>\r\n                          <span className='indicator-label'>\r\n                            Play &nbsp; <i class='fas fa-play fs-1x'></i>\r\n                          </span>\r\n                        </span>\r\n                      </button>\r\n                    </>\r\n                  )}\r\n                  {isPlaying.current && (\r\n                    <>\r\n                      {' '}\r\n                      <button type='button' onClick={onStop} className='btn btn-primary'>\r\n                        <span className='indicator-progress' style={{display: 'block'}}>\r\n                          <span className='indicator-label'>\r\n                            Stop &nbsp; <i class='fas fa-stop fs-1x'></i>\r\n                          </span>\r\n                        </span>\r\n                      </button>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className='card-body py-3'>\r\n              <div className='row'>\r\n                <div\r\n                  ref={containerRef}\r\n                  className='col-lg-3'\r\n                  style={{height: '50vh', overflow: 'auto'}}\r\n                  onWheel={handleWheel}\r\n                >\r\n                  {gps_data.map((marker, index) => (\r\n                    <>\r\n                      {PlayUpToCount == index && (\r\n                        <>\r\n                          <div\r\n                            style={{cursor: 'pointer'}}\r\n                            onClick={() => onSelect(index)}\r\n                            className={\r\n                              'col-lg-12 notice d-flex  rounded  border border-dashed mb-1 bg-light-danger border-danger  border-dark'\r\n                            }\r\n                          >\r\n                            <div style={{padding: '1px'}}>\r\n                              <i class='fas fa-map-marker-alt'></i> &nbsp;\r\n                              <b>{marker.endDate}</b>\r\n                              <br />\r\n                              <div style={{fontSize: '12px'}}>\r\n                                W Time {marker.waiting} | IG :{' '}\r\n                                {marker.ignition == 1 ? (\r\n                                  <p style={{color: 'darkgreen'}}>ON</p>\r\n                                ) : marker.ignition == 0 ? (\r\n                                  <p style={{color: 'red'}}>OFF</p>\r\n                                ) : (\r\n                                  '-'\r\n                                )}{' '}\r\n                                | {marker.value} °C\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </>\r\n                      )}\r\n                      {PlayUpToCount != index && (\r\n                        <>\r\n                          <div\r\n                            style={{cursor: 'pointer'}}\r\n                            onClick={() => onSelect(index)}\r\n                            className={\r\n                              'col-lg-12 notice d-flex  rounded  border border-dashed mb-1   border-dark'\r\n                            }\r\n                          >\r\n                            <div style={{padding: '5px', top: '2px'}}>\r\n                              {/* {gps_data?.length - 1 === index && (\r\n                                <>\r\n                                  <span className={`pulse-ring bg-danger`}></span>\r\n                                </>\r\n                              )} */}\r\n                              <i class='fas fa-map-marker-alt'></i> &nbsp;\r\n                              <b>{marker.endDate}</b>\r\n                              <div style={{fontSize: '12px'}}>\r\n                                W Time {marker.waiting} | IG :{' '}\r\n                                {marker.ignition == 1 ? (\r\n                                  <p style={{color: 'darkgreen'}}>ON</p>\r\n                                ) : marker.ignition == 0 ? (\r\n                                  <p style={{color: 'red'}}>OFF</p>\r\n                                ) : (\r\n                                  '-'\r\n                                )}{' '}\r\n                                | {marker.value} °C\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </>\r\n                      )}\r\n                    </>\r\n                  ))}\r\n                </div>\r\n                <div className='col-lg-9'>\r\n                  {PlayUpToCount > 0 && (\r\n                    <>\r\n                      <div style={{height: '50vh', width: '100%'}}>\r\n                        <GoogleMapReact\r\n                          bootstrapURLKeys={{key: 'AIzaSyDnw_D-TklrDIO31vLanvrC_R_NHhypnx0'}}\r\n                          // defaultCenter={defaultProps.center}\r\n                          //\r\n                          center={{\r\n                            lat: Number(gps_data[PlayUpToCount]?.lat),\r\n                            lng: Number(gps_data[PlayUpToCount]?.lng),\r\n                          }}\r\n                          //\r\n                          defaultZoom={defaultProps.zoom}\r\n                          zoom={defaultProps.zoom}\r\n                        >\r\n                          <MyGreatPlace\r\n                            key={1}\r\n                            lat={gps_data[PlayUpToCount].lat}\r\n                            lng={gps_data[PlayUpToCount].lng}\r\n                            text={gps_data[PlayUpToCount].value}\r\n                            long_text={gps_data[PlayUpToCount].text}\r\n                            isNotify={true}\r\n                            Link={''}\r\n                            Type={''}\r\n                            Value={''}\r\n                          ></MyGreatPlace>\r\n                        </GoogleMapReact>\r\n                      </div>\r\n                    </>\r\n                  )}\r\n                  {PlayUpToCount == -1 && (\r\n                    <>\r\n                      <div style={{height: '50vh', width: '100%'}}>\r\n                        <GoogleMapReact\r\n                          bootstrapURLKeys={{key: 'AIzaSyDnw_D-TklrDIO31vLanvrC_R_NHhypnx0'}}\r\n                          // defaultCenter={defaultProps.center}\r\n                          center={{\r\n                            lat: Number(\r\n                              gps_data[gps_data.length - 1]?.lat ?? defaultProps.center.lat\r\n                            ),\r\n                            lng: Number(\r\n                              gps_data[gps_data.length - 1]?.lng ?? defaultProps.center.lng\r\n                            ),\r\n                          }}\r\n                          //\r\n                          //defaultCenter={{lat: gps_data[0]?.lat, lng: gps_data[0]?.lng}}\r\n                          //\r\n                          defaultZoom={defaultProps.zoom}\r\n                          zoom={defaultProps.zoom}\r\n                        >\r\n                          {gps_data.map((marker, index) => (\r\n                            <MyGreatPlace\r\n                              key={index}\r\n                              lat={marker.lat}\r\n                              lng={marker.lng}\r\n                              text={marker.value}\r\n                              long_text={marker.text}\r\n                              isNotify={gps_data.length - 1 == index}\r\n                              Link={''}\r\n                              Type={''}\r\n                              Value={''}\r\n                            ></MyGreatPlace>\r\n                          ))}\r\n                          {/*\r\n                  { lat :6.9123483,\r\n                   lng:80.0322383,\r\n                    }\r\n                   key={index}\r\n                        lat={marker.lat}\r\n                        lng={marker.lng}\r\n                        text={''}\r\n                        isNotify={''} \r\n                        Link={''}\r\n                        Type={''}\r\n                        Value={''}\r\n                  \r\n                  {\r\n                    <MyGreatPlace\r\n                      key={1}\r\n                      lat={6.9123483}\r\n                      lng={}\r\n                      text={'gEVAN'}\r\n                      isNotify={''}\r\n                      Link={''}\r\n                      Type={''}\r\n                      Value={0}\r\n                    ></MyGreatPlace>\r\n                  } */}\r\n                        </GoogleMapReact>\r\n                      </div>\r\n                    </>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* begin::Body */}\r\n          </div>\r\n        </>\r\n      )}\r\n      {/* {gps_data.length > 0 && (\r\n        <>\r\n          <div className='row'>\r\n            <div\r\n              className={\r\n                'notice d-flex  rounded  border border-dashed p-6 col-lg-3  mb-1  ' +\r\n                (live.Status == 'CRITICAL' ? 'bg-light-danger border-danger' : ' border-dark')\r\n              }\r\n            >\r\n              <svg\r\n                width='24'\r\n                height='24'\r\n                viewBox='0 0 24 24'\r\n                fill='none'\r\n                xmlns='http://www.w3.org/2000/svg'\r\n                class='mh-50px'\r\n              >\r\n                <rect x='2' y='2' width='9' height='9' rx='2' fill='black'></rect>\r\n                <rect opacity='0.3' x='13' y='2' width='9' height='9' rx='2' fill='black'></rect>\r\n                <rect opacity='0.3' x='13' y='13' width='9' height='9' rx='2' fill='black'></rect>\r\n                <rect opacity='0.3' x='2' y='13' width='9' height='9' rx='2' fill='black'></rect>\r\n              </svg>\r\n              <div className='d-flex flex-solid flex-grow-1'>\r\n                <div className='fw-bold'>\r\n                  <h4 className='text-gray-800 fw-bolder'>Critical Level</h4>\r\n                  <div className='fs-6 text-gray-600'> {gps_data[gps_data.length - 1].text}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div\r\n              className={\r\n                'notice d-flex  rounded  border border-dashed p-6 col-lg-3  mb-1 ' +\r\n                (live.Status == 'WARNING' ? 'bg-light-warning border-warning' : ' border-dark')\r\n              }\r\n            >\r\n              <KTSVG\r\n                path='icons/duotune/general/gen044.svg'\r\n                className='svg-icon-2tx svg-icon-warning me-4'\r\n              />\r\n              <div className='d-flex flex-stack flex-grow-1'>\r\n                <div className='fw-bold'>\r\n                  <h4 className='text-gray-800 fw-bolder'>Warning Level</h4>\r\n                  <div className='fs-6 text-gray-600'>{live?.WarningRange} Range</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div\r\n              className={\r\n                'notice d-flex  rounded  border border-dashed p-6 col-lg-3  mb-1  ' +\r\n                (live.Status == 'NORMAL' ? 'bg-light-success border-success' : ' border-dark')\r\n              }\r\n            >\r\n              <KTSVG\r\n                path='icons/duotune/general/gen044.svg'\r\n                className='svg-icon-2tx svg-icon-success me-4'\r\n              />\r\n              <div className='d-flex flex-stack flex-grow-1'>\r\n                <div className='fw-bold'>\r\n                  <h4 className='text-gray-800 fw-bolder'>Normal Level</h4>\r\n                  <div className='fs-6 text-gray-600'>{live?.NormalRange} Range</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              className={\r\n                'notice d-flex  rounded border-dark border border-dashed p-6 col-lg-3  mb-1  ' +\r\n                (live.Status == 'DISABLED' ? 'bg-light-dark' : '')\r\n              }\r\n            >\r\n              <KTSVG\r\n                path='icons/duotune/general/gen044.svg'\r\n                className='svg-icon-2tx svg-icon-dark me-4'\r\n              />\r\n              <div className='d-flex flex-stack flex-grow-1'>\r\n                <div className='fw-bold'>\r\n                  <h4 className='text-gray-800 fw-bolder'>Disable Level</h4>\r\n                  <div className='fs-6 text-gray-600'>{live?.DisableRange} Range</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </>\r\n      )} */}\r\n      {/* {JSON.stringify(gps_data)} */}\r\n      <br />\r\n      <div className='row'>\r\n        <div className='col-sm-6'>\r\n          <div className={`card`}>\r\n            <div className='card-header border-0'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Minimum Temprature</span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'>Based On Last 24hours</span>\r\n              </h3>\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n              >\r\n                <div className='btn btn-sm btn-light-warning'>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                    }}\r\n                  >\r\n                    {live.Min}°C\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-sm-6'>\r\n          <div className={`card`}>\r\n            <div className='card-header border-0'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Maximum Temprature</span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'>Based On Last 24hours</span>\r\n              </h3>\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n                title='Click to add a user'\r\n              >\r\n                <div className='btn btn-sm btn-light-danger'>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                    }}\r\n                  >\r\n                    {live.Max}°C\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      <TablesWidget10 />\r\n    </>\r\n  )\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumbs.current}>{layout?.Sensor?.name} </PageTitle>\r\n      <>\r\n        <>\r\n          <div className='row g-5 g-xl-8'>\r\n            <div className='col-xl-12'>\r\n              <br />\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized </span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'></span>\r\n              </h3>\r\n            </div>\r\n          </div>\r\n          <div className='row g-5 g-xl-8'>\r\n            <Line height={100} option={state.option} ref={chartReference} data={state.data} />\r\n          </div>\r\n        </>\r\n      </>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default SensorView\r\n","import React, {createContext, useContext, useReducer} from 'react'\r\n\r\nexport const DataLayerContext = createContext()\r\n\r\nexport const DataLayer = ({initialState, reducer, children}) => (\r\n  <DataLayerContext.Provider value={useReducer(reducer, initialState)}>\r\n    {children}\r\n  </DataLayerContext.Provider>\r\n)\r\n\r\nexport const useDataLayerValue = () => useContext(DataLayerContext)\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport GoogleMapReact from 'google-map-react'\r\nimport MyGreatPlace from './MyPlace.jsx'\r\nimport Drive from './Drive.jsx'\r\nimport {Line} from 'react-chartjs-2'\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  PointElement,\r\n  LineElement,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n  Filler,\r\n} from 'chart.js'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {useTable, useFilters, useGlobalFilter, usePagination, useAsyncDebounce} from 'react-table'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {func, number} from 'prop-types'\r\nimport {auto, right} from '@popperjs/core'\r\n\r\nChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend)\r\n\r\nfunction SensorView2(props) {\r\n  const containerRef = useRef(null) // Create a ref for the scroll container\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const labels = []\r\n  const chartReference = React.createRef()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [isChartLoading, setChartLoading] = useState(true)\r\n  const [loadingMap, setLoadingMap] = useState(false)\r\n  const [defaultProps, setdefaultProps] = useState({\r\n    center: {\r\n      lat: 6.911979146490742,\r\n      lng: 79.92597226721936,\r\n    },\r\n    zoom: 18,\r\n  })\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const [DeviceType, setDeviceType] = useState('24h')\r\n  const [InitialLoading2, setInitialLoading2] = useState(true)\r\n  const filter = useRef('0')\r\n  const objBrowser = useRef(null)\r\n  const gpsData = useRef([])\r\n  const [PlayCount, setPlayCount] = useState(0)\r\n  const [PlayUpToCount, setPlayUpToCount] = useState(-1)\r\n  //const PlayCount = useRef(0)\r\n  const [data, setdata] = useState([])\r\n  //const gps_data = useRef([])\r\n  const [gps_data, setgps_data] = useState([])\r\n  const isPlaying = useRef(false) //setIsPlaying] = useState(false)\r\n  const [chartData, setChartData] = useState({\r\n    labels: [],\r\n    datasets: [\r\n      {\r\n        label: '',\r\n        data: [],\r\n        backgroundColor: 'rgba(75,192,192,0.4)',\r\n        borderColor: 'rgba(75,192,192,1)',\r\n        borderWidth: 1,\r\n      },\r\n    ],\r\n  })\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factroyCode: '',\r\n    unitName: '',\r\n    unitCode: '',\r\n    Sensor: [],\r\n    Packet: '',\r\n    Field: '',\r\n    data: [],\r\n    //gpsdata: [],\r\n  })\r\n\r\n  const [live, setLive] = useState({\r\n    Live: '',\r\n    Min: '',\r\n    Max: '',\r\n    Status: '',\r\n    Note: '',\r\n    Description: '',\r\n    NormalRange: '',\r\n    WarningRange: '',\r\n    CriticalRange: '',\r\n    DisableRange: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    name: '',\r\n\r\n    option: {\r\n      responsive: true,\r\n      plugins: {\r\n        annotation: {\r\n          annotations: {\r\n            line1: {\r\n              type: 'line',\r\n              yMin: 60,\r\n              yMax: 60,\r\n              borderColor: 'rgb(255, 99, 132)',\r\n              borderWidth: 2,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n        title: {\r\n          display: true,\r\n          text: 'Line Chart',\r\n        },\r\n        bezierCurve: false,\r\n        elements: {\r\n          line: {\r\n            tension: 0,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    data: {\r\n      labels,\r\n      datasets: [\r\n        {\r\n          label: '',\r\n          data: [],\r\n          lineTension: 0,\r\n          borderColor: 'rgb(255, 99, 132)',\r\n          backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n        },\r\n      ],\r\n    },\r\n  })\r\n\r\n  function TablesWidget10() {\r\n    const columns = React.useMemo(\r\n      () => [\r\n        {\r\n          Header: ' ',\r\n          columns: [\r\n            {\r\n              accessor: 'code',\r\n            },\r\n            {\r\n              accessor: 'formatCode',\r\n            },\r\n            {\r\n              accessor: 'description',\r\n            },\r\n            {\r\n              accessor: 'createdOn',\r\n            },\r\n            {\r\n              accessor: 'status',\r\n            },\r\n            {\r\n              accessor: 'priority',\r\n            },\r\n            {\r\n              accessor: 'fK_SectorCode',\r\n            },\r\n            {\r\n              accessor: 'facilityName',\r\n            },\r\n            {\r\n              accessor: 'remain',\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n      []\r\n    )\r\n\r\n    const {\r\n      getTableProps,\r\n      getTableBodyProps,\r\n      headerGroups,\r\n      prepareRow,\r\n      page,\r\n      canPreviousPage,\r\n      canNextPage,\r\n      pageOptions,\r\n      pageCount,\r\n      gotoPage,\r\n      nextPage,\r\n      previousPage,\r\n      setPageSize,\r\n      state: {pageIndex, pageSize, globalFilter},\r\n      preGlobalFilteredRows,\r\n      setGlobalFilter,\r\n    } = useTable(\r\n      {\r\n        columns,\r\n        data,\r\n        initialState: {pageIndex: 0, pageSize: 20, globalFilter: ''},\r\n      },\r\n      useGlobalFilter,\r\n      usePagination\r\n    )\r\n    const [error, setError] = useState({status: 'E', text: ''})\r\n\r\n    const [{user, token}, dispatch] = useDataLayerValue()\r\n\r\n    if (InitialLoading2) return <Loading />\r\n\r\n    return (\r\n      <div className={`card`}>\r\n        {/* begin::Header */}\r\n        <div className='card-header border-0 pt-5'>\r\n          <h3 className='card-title align-items-start flex-column'>\r\n            <span className='card-label fw-bolder fs-3 mb-1'>Last 24h Alerts</span>\r\n            <span className='text-muted mt-1 fw-bold fs-7'> Alert Management</span>\r\n          </h3>\r\n          <ErrorMessage error={error} />\r\n          <div\r\n            className='card-toolbar'\r\n            data-bs-toggle='tooltip'\r\n            data-bs-placement='top'\r\n            data-bs-trigger='hover'\r\n            title='Click to add a user'\r\n          >\r\n            <div className='me-4'></div>\r\n          </div>\r\n        </div>\r\n        {/* end::Header */}\r\n        {/* begin::Body */}\r\n        <div className='card-body py-3'>\r\n          {/* begin::Table container */}\r\n          <div className='table-responsive'>\r\n            {/* begin::Table */}\r\n            <table\r\n              className='table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4'\r\n              {...getTableProps()}\r\n            >\r\n              <thead>\r\n                <td className='text-gray-600 text-gray-800 fw-bolder'>Ticket</td>\r\n                <td className='text-gray-600 text-gray-800 fw-bolder'>Description</td>\r\n              </thead>\r\n              <tbody {...getTableBodyProps()}>\r\n                {page.length === 0 && (\r\n                  <tr>\r\n                    <td colSpan={7}>\r\n                      <b>No Data Found!</b>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n                {page.map((row, i) => {\r\n                  prepareRow(row)\r\n                  return (\r\n                    <tr {...row.getRowProps()}>\r\n                      {/* {row.cells.map((cell) => {\r\n                      return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\r\n                    })}*/}\r\n                      <td style={{width: '120px'}}>\r\n                        {\r\n                          <a className='btn btn-sm  fw-bolder  fs-9 py-1'>\r\n                            {row.values.formatCode}\r\n                          </a>\r\n                        }\r\n                      </td>\r\n                      <td>\r\n                        <b>{row.values.description}</b>{' '}\r\n                        <span\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-info fw-bolder  fs-9 py-1'\r\n                        >\r\n                          {row.values.priority}\r\n                        </span>\r\n                        {\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-info fw-bolder  ms-2 fs-9 py-1'\r\n                          >\r\n                            {row.values.facilityName}\r\n                          </a>\r\n                        }\r\n                        <br />\r\n                        <span style={{fontSize: '10px'}}> {row.values.createdOn}</span>\r\n                        {row.values.status == 'Opened' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-danger fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            OPENED ({row.values.remain})\r\n                          </a>\r\n                        )}\r\n                        {row.values.status == 'Resolved' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            RESOLVED\r\n                          </a>\r\n                        )}\r\n                        {row.values.status == 'Closed' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-gray fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            CLOSED\r\n                          </a>\r\n                        )}\r\n                      </td>\r\n                    </tr>\r\n                  )\r\n                })}\r\n              </tbody>\r\n            </table>\r\n            {/* \r\n      Pagination can be built however you'd like. \r\n      This is just a very basic UI implementation:\r\n    */}\r\n            <ul className='pagination'>\r\n              <li className='page-item' onClick={() => gotoPage(0)} disabled={!canPreviousPage}>\r\n                <a className='page-link'>First</a>\r\n              </li>\r\n              <li className='page-item' onClick={() => previousPage()} disabled={!canPreviousPage}>\r\n                <a className='page-link'>{'<'}</a>\r\n              </li>\r\n              <li className='page-item' onClick={() => nextPage()} disabled={!canNextPage}>\r\n                <a className='page-link'>{'>'}</a>\r\n              </li>\r\n              <li\r\n                className='page-item'\r\n                onClick={() => gotoPage(pageCount - 1)}\r\n                disabled={!canNextPage}\r\n              >\r\n                <a className='page-link'>Last</a>\r\n              </li>\r\n              <li>\r\n                <a className='page-link'>\r\n                  Page{' '}\r\n                  <strong>\r\n                    {pageIndex + 1} of {pageOptions.length}\r\n                  </strong>{' '}\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a className='page-link'>\r\n                  <input\r\n                    className='page-link'\r\n                    type='number'\r\n                    defaultValue={pageIndex + 1}\r\n                    onChange={(e) => {\r\n                      const page = e.target.value ? Number(e.target.value) - 1 : 0\r\n                      gotoPage(page)\r\n                    }}\r\n                    style={{width: '100px', height: '20px'}}\r\n                  />\r\n                </a>\r\n              </li>{' '}\r\n              <select\r\n                className='page-link'\r\n                value={pageSize}\r\n                onChange={(e) => {\r\n                  setPageSize(Number(e.target.value))\r\n                }}\r\n                style={{width: '120px', height: '38px'}}\r\n              >\r\n                {[5, 10, 20, 30, 40, 50].map((pageSize) => (\r\n                  <option key={pageSize} value={pageSize}>\r\n                    Show {pageSize}\r\n                  </option>\r\n                ))}\r\n              </select>\r\n            </ul>\r\n          </div>\r\n          {/* end::Table container */}\r\n        </div>\r\n        {/* begin::Body */}\r\n      </div>\r\n    )\r\n  }\r\n  const [countdown, setCountdown] = useState(60)\r\n  const [countdown2, setCountdown2] = useState(0)\r\n  // useEffect(() => {\r\n  //   if (connection) {\r\n  //     connection\r\n  //       .start()\r\n  //       .then((result) => {\r\n  //         setState({\r\n  //           ...state,\r\n  //           DashboardStat: 'CONNECTED',\r\n  //         })\r\n  //         setLoading(false)\r\n  //         reconnectRef.current = 0\r\n  //         connection.onreconnecting((error) => {\r\n  //           setState({\r\n  //             ...state,\r\n  //             DashboardStat: 'RECONNECTING',\r\n  //           })\r\n  //           console.log('Connection lost due to error . Reconnecting.')\r\n  //         })\r\n\r\n  //         // Reconnect if hub disconnects\r\n  //         connection.onclose(function (e) {\r\n  //           setState({\r\n  //             ...state,\r\n  //             DashboardStat: 'DISCONNECTED',\r\n  //           })\r\n  //           //console.log('Disconnected');\r\n  //         })\r\n\r\n  //         connection.on('ReceiveMessage', (message) => {\r\n  //           if (typeof message === 'string' || message instanceof String) {\r\n  //             message = JSON.parse(message)\r\n  //           }\r\n  //           if (message.key !== 'SensorData') return\r\n\r\n  //           let dataPacket = JSON.parse(message.data)\r\n  //           if (\r\n  //             dataPacket.TimeStamp === undefined ||\r\n  //             Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n  //           ) {\r\n  //             return\r\n  //           }\r\n\r\n  //           console.log(message)\r\n  //           let newElements = {}\r\n  //           Object.entries(dataPacket).map(([key, value]) => {\r\n  //             newElements[key] = value\r\n  //           })\r\n\r\n  //           Object.entries(dataPacket).map(([key, value]) => {\r\n  //             for (let index = 0; index < sensors.current.length; index++) {\r\n  //               const element = sensors.current[index]\r\n  //               if (element.machineNo === '') continue\r\n\r\n  //               if (element.displayName === '') element.displayName = ' '\r\n\r\n  //               if (element.icon === undefined) element.icon = 'dot'\r\n\r\n  //               if (\r\n  //                 element.isNotify === undefined ||\r\n  //                 element.isNotify === '' ||\r\n  //                 element.isNotify === null\r\n  //               )\r\n  //                 element.isNotify = false\r\n\r\n  //               if (!element.lastUpdate) {\r\n  //                 element.lastUpdate = new Date()\r\n  //               } else if (Math.round((new Date() - new Date(element.lastUpdate)) / 1000) > 60) {\r\n  //                 // console.log('[DB PACKET ' + element.machineNo.toString().toLowerCase() + ']')\r\n  //                 if (\r\n  //                   element.type == 14 ||\r\n  //                   element.type == 13 ||\r\n  //                   element.type == 17 ||\r\n  //                   element.type == 15\r\n  //                 ) {\r\n  //                   //console.log(\"[chart data cleared \"+element.machineNo.toString().toLowerCase()+\"]\");\r\n  //                   element.value = []\r\n  //                 } else {\r\n  //                   element.value = '---'\r\n  //                   element.color = 'black'\r\n  //                 }\r\n  //               }\r\n\r\n  //               let object = element.object.toString().toLowerCase()\r\n  //               let packetType = dataPacket.Plant + '.' + dataPacket.Packet\r\n\r\n  //               if (\r\n  //                 element.object.toString().toLowerCase() === key.toString().toLowerCase() &&\r\n  //                 packetType.toString().toLowerCase() === element.pakages\r\n  //               ) {\r\n  //                 element.lastUpdate = new Date()\r\n  //                 element.value = value\r\n  //                 element.color = 'black'\r\n  //                 element.notification = {\r\n  //                   toastId: key.toString().toLowerCase(),\r\n  //                   position: 'top-right',\r\n  //                   type: 'info',\r\n  //                   autoClose: false, // or set time\r\n  //                   hideProgressBar: false,\r\n  //                   closeOnClick: true,\r\n  //                   //  pauseOnHover: true,\r\n  //                   draggable: false,\r\n  //                   progress: undefined,\r\n  //                   transition: Bounce,\r\n  //                 }\r\n  //                 try {\r\n  //                   // alert(layout.globalJs)\r\n  //                   eval(layout.globalJs + ';' + element.formula)\r\n  //                   //   eval(element.formula)\r\n  //                 } catch (error) {\r\n  //                   element.value = '---'\r\n  //                   element.color = 'black'\r\n  //                   // console.log(element.formula)\r\n  //                   console.log(error)\r\n  //                 }\r\n  //               }\r\n  //             }\r\n  //           })\r\n  //           setState({\r\n  //             ...state,\r\n  //             SensorList: sensors.current,\r\n  //             DashboardStat: 'CONNECTED',\r\n  //           })\r\n  //         })\r\n  //       })\r\n  //       .catch((e) => {})\r\n  //   }\r\n  // }, [connection])\r\n\r\n  useEffect(() => {\r\n    const countdownInterval = setInterval(() => {\r\n      // Decrease the countdown value every second\r\n      setCountdown((prevCountdown) => (prevCountdown - 1 < 0 ? 0 : prevCountdown - 1))\r\n    }, 1000)\r\n\r\n    // Cleanup function to clear the interval when the component unmounts\r\n    return () => clearInterval(countdownInterval)\r\n  }, []) // Empty dependency array ensures the effect runs only once\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/v2/sensors/' +\r\n        (props.match?.params?.code ?? props.code),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      // alert(response.data.result.unitModels[0].object)\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          //subSectorName: response.data.result.subSectors[0].name,\r\n          //subSectorCode: response.data.result.subSectors[0].code,\r\n          //sectorName: response.data.result.name,\r\n          //sectorCode: response.data.result.code,\r\n          //factroyName: response.data.result.subSectors[0].factories[0].name,\r\n          //factroyCode: response.data.result.subSectors[0].factories[0].code,\r\n          //unitName: response.data.result.businessUnitModels[0].name,\r\n          //unitCode: response.data.result.businessUnitModels[0].code,\r\n          Sensor: response.data.result.unitModels[0],\r\n          breadCrumbs: response.data.result.breadCrumbs,\r\n        })\r\n        objBrowser.current = response.data.result.unitModels[0]\r\n        // setBreadCrum(response)\r\n\r\n        RefreshData(response.data.result.unitModels[0])\r\n        // setInterval(() => {\r\n        //   RefreshData(response.data.result.unitModels[0])\r\n        // }, 60000)\r\n\r\n        setState({\r\n          ...state,\r\n          SensorList: response.data.result.unitModels,\r\n        })\r\n        sensors.current = response.data.result.unitModels\r\n        setTimeout(() => {\r\n          for (let index = 0; index < sensors.current.length; index++) {\r\n            const element = sensors.current[index]\r\n            try {\r\n              eval(layout.globalJs + ';' + element.tempFeild1)\r\n            } catch (error) {\r\n              console.log(error)\r\n            }\r\n          }\r\n          setState({\r\n            ...state,\r\n            SensorList: sensors.current,\r\n            DashboardStat: 'INITIALIZATION',\r\n          })\r\n\r\n          setTimeout(() => {\r\n            const newConnection = new HubConnectionBuilder()\r\n              .withUrl(\r\n                process.env.REACT_APP_MIDAS_HUB +\r\n                  '/' +\r\n                  response.data.result.automationChannel +\r\n                  '/Hub'\r\n              )\r\n              .withAutomaticReconnect()\r\n              .build()\r\n            setConnection(newConnection)\r\n          }, 100)\r\n        }, 500)\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  // function RefreshData2() {\r\n  //   //alert('asdasd')\r\n  //   setChartLoading(true)\r\n  //   const chart = chartReference.current\r\n  //   setTimeout(() => {\r\n  //     setChartLoading(false)\r\n\r\n  //     chart.data.datasets[0] = [\r\n  //       {\r\n  //         label: '',\r\n  //         data: [],\r\n  //         lineTension: 0,\r\n  //         borderColor: 'rgb(53, 162, 235)',\r\n  //         backgroundColor: 'rgba(53, 162, 235, 0.5)',\r\n  //       },\r\n  //     ][0]\r\n  //     chart.update('none')\r\n  //   }, 10)\r\n  // }\r\n\r\n  function RefreshData(obj) {\r\n    if (filter.current === '1') return\r\n    //alert(filter.current)\r\n    if (obj?.name == undefined) return\r\n    const chart = chartReference.current\r\n    const sector = ''\r\n    // axios({\r\n    //   ...axioDefaultConfig,\r\n    //   method: 'get',\r\n    //   url: process.env.REACT_APP_BACKEND_API + '/api/get-alerts-tag?tag=' + obj.code,\r\n    //   headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    // })\r\n    //   .then(function (response) {\r\n    //     setInitialLoading2(false)\r\n    //     setdata(response?.data?.data)\r\n    //   })\r\n    //   .catch(function (error) {})\r\n\r\n    var datafield = {}\r\n    datafield['sensorCode'] = obj.code\r\n    datafield['sort'] = 'TimeStamp: 1'\r\n    datafield['find'] = 't_GAS_PERCENT : {$exists:true}, TimeStamp : ' + DeviceType\r\n    datafield['project'] =\r\n      'TimeStamp: 1, ' +\r\n      't_GAS_PERCENT : 1,' +\r\n      't_BAT_VOL : 1,' +\r\n      't_NCU_FW_VER : 1,' +\r\n      't_GW_NAME : 1,' +\r\n      't_RSSI : 1,' +\r\n      't_TANK_SIZE : 1,' +\r\n      't_LATITUDE : 1,' +\r\n      't_LONGITUDE : 1,' +\r\n      obj.object +\r\n      ' : 1, t_' +\r\n      obj.object +\r\n      '_gps : 1, t_' +\r\n      obj.object +\r\n      '_Ignition : 1 '\r\n    axios({\r\n      method: 'post',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/v1/sensor/getall',\r\n      headers: {},\r\n      data: datafield,\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setChartLoading(false)\r\n        gpsData.current = response.data\r\n        // setLayout({\r\n        //   ...layout,\r\n        //   gpsdata: response.data,\r\n        // })\r\n        const _labels = []\r\n        const _data = []\r\n        const _gps_data = []\r\n        for (let index = 0; index < response.data.result.list.length; index++) {\r\n          const element = response.data.result.list[index]\r\n          _labels.push(element['TimeStamp'])\r\n          _data.push(element['t_GAS_PERCENT'])\r\n        }\r\n\r\n        setCountdown(60)\r\n        setLive({\r\n          Live: response.data.result.currrent,\r\n          Min: response.data.result.min,\r\n          Max: response.data.result.max,\r\n          Date: response.data.result.date,\r\n          Status: response.data.result.status,\r\n          Note: response.data.result.note,\r\n          Description: response.data.result.description,\r\n          NormalRange: response.data.result.normalRange,\r\n          WarningRange: response.data.result.warningRange,\r\n          CriticalRange: response.data.result.criticalRange,\r\n          DisableRange: response.data.result.disableRange,\r\n          Lat: response.data.result?.Lat ?? '-',\r\n          Lng: response.data.result?.Lng ?? '-',\r\n          ignition: response.data.result?.ignition ?? '-',\r\n          Bat: response.data.result?.bat ?? '-',\r\n          Bluethooth: response.data.result?.bluethooth ?? '-',\r\n          Version: response.data.result?.version ?? '-',\r\n          TankSize: response.data.result?.tanksize ?? '-',\r\n        })\r\n\r\n        _gps_data.push({\r\n          lat: response.data.result?.lat,\r\n          lng: response.data.result?.lng,\r\n          value: response.data.result.currrent + '%',\r\n          text: response.data.result.currrent + '%',\r\n          endDate: '',\r\n          waiting: 0,\r\n          ignition: 'asdas',\r\n        })\r\n\r\n        setgps_data(_gps_data)\r\n        setChartData({\r\n          labels: _labels,\r\n          datasets: [\r\n            {\r\n              label: '',\r\n              data: _data,\r\n              lineTension: 0,\r\n              backgroundColor: 'rgba(75,192,192,0.4)',\r\n              borderColor: 'rgba(75,192,192,1)',\r\n              borderWidth: 1,\r\n            },\r\n          ],\r\n        })\r\n        setLoading(false)\r\n      }\r\n    })\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  const dateConverter = (startDate, timeEnd) => {\r\n    const newStartDate = new Date(startDate)\r\n    const newEndDate = new Date(timeEnd)\r\n    const one_day = 1000 * 60\r\n    let result\r\n    result = Math.ceil((newEndDate.getTime() - newStartDate.getTime()) / one_day)\r\n    console.log('date Converter result', result)\r\n    if (result < 0) {\r\n      return '0'\r\n    }\r\n\r\n    return `${Math.floor(result / 60)}h ${result % 60}min`\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (containerRef.current) {\r\n      containerRef.current.scrollTop = containerRef.current.scrollHeight\r\n    }\r\n  }, [gps_data])\r\n  // Prevent user from scrolling up (if needed)\r\n  const handleWheel = (event) => {\r\n    if (containerRef.current) {\r\n      const {scrollTop, scrollHeight, clientHeight} = containerRef.current\r\n      // Prevent scrolling up\r\n      if (scrollTop === 0 && event.deltaY < 0) {\r\n        event.preventDefault() // Prevent scrolling up\r\n      }\r\n    }\r\n  }\r\n\r\n  function onClearFilter() {\r\n    filter.current = '0'\r\n    setPlayUpToCount(-1)\r\n    setPlayCount(0)\r\n    RefreshData(objBrowser.current)\r\n  }\r\n\r\n  function onSelect(index2) {\r\n    setdefaultProps({\r\n      center: {\r\n        lat: Number(gps_data[index2].lat),\r\n        lng: Number(gps_data[index2].lng),\r\n      },\r\n      zoom: 15,\r\n    })\r\n    filter.current = '1'\r\n    setPlayUpToCount(index2)\r\n  }\r\n\r\n  var statusColorClass = 'btn btn-sm btn-light-dark'\r\n  if (live.Status == 'NORMAL') {\r\n    statusColorClass = 'btn btn-sm btn-light-success'\r\n  } else if (live.Status == 'WARNING') {\r\n    statusColorClass = 'btn btn-sm btn-light-warning'\r\n  } else if (live.Status == 'CRITICAL') {\r\n    statusColorClass = 'btn btn-sm btn-light-danger'\r\n  }\r\n\r\n  var pr = live.Live ?? 0\r\n  var colurx = '#900C3F'\r\n  if (pr > 70) {\r\n    colurx = '#09932c'\r\n  } else if (pr > 45) {\r\n    colurx = '#FFC300'\r\n  } else {\r\n    colurx = '#900C3F'\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={layout.breadCrumbs}>{layout?.Sensor?.name} </PageTitle>\r\n      <div className={`card`}>\r\n        <div className='form'>\r\n          <div className='card-body p-9'>\r\n            <div className='row'>\r\n              <div className=' col-lg-6'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized </span> <br />\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {layout?.Sensor?.description}\r\n                    {filter.current == '0' && (\r\n                      <>\r\n                        <b style={{color: 'darkblue'}}>\r\n                          &nbsp; Last Update at {live?.Date} <i class='bi bi-calendar'></i>\r\n                        </b>\r\n                      </>\r\n                    )}\r\n                    {filter.current == '1' && (\r\n                      <>\r\n                        <b style={{color: 'darkblue'}}> &nbsp; Filtered Apply</b>\r\n                        <a href='#' onClick={onClearFilter}>\r\n                          &nbsp;&nbsp; Clear Filers\r\n                        </a>\r\n                      </>\r\n                    )}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n              <div className='col-lg-1'></div>\r\n              {/* <div className=' col-lg-4'>\r\n                {countdown <= 10 && filter.current == '0' && (\r\n                  <>\r\n                    <b style={{color: 'red'}}>Auto refresh in {countdown} seconds</b>\r\n                  </>\r\n                )}\r\n                {countdown > 10 && filter.current == '0' && (\r\n                  <>\r\n                    <p>Auto refresh in {countdown} seconds</p>{' '}\r\n                  </>\r\n                )}\r\n              </div> */}\r\n              {live.Status == 'CRITICAL' && (\r\n                <div className='col-lg-3'>\r\n                  <div\r\n                    className={\r\n                      'notice d-flex gap-5   rounded  border border-dashed p-6   mb-1  ' +\r\n                      (live.Status == 'CRITICAL' ? 'bg-light-danger border-danger' : ' border-dark')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-exclamation-triangle fa-3x ' +\r\n                        (live.Status == 'CRITICAL' ? 'text-danger' : ' text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Critical Level</h4>\r\n                        <div className='fs-6 text-gray-600'>{live?.CriticalRange} Range</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Status == 'WARNING' && (\r\n                <div className='col-lg-3'>\r\n                  {' '}\r\n                  <div\r\n                    className={\r\n                      'notice d-flex gap-5  rounded  border border-dashed p-6  mb-1 ' +\r\n                      (live.Status == 'WARNING'\r\n                        ? 'bg-light-warning border-warning'\r\n                        : ' border-dark')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-exclamation-circle  fa-3x ' +\r\n                        (live.Status == 'WARNING' ? 'text-warning' : '  text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Warning Level</h4>\r\n                        <div className='fs-6 text-gray-600'>{live?.WarningRange} Range</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Status == 'NORMAL' && (\r\n                <div className='col-lg-3'>\r\n                  {' '}\r\n                  <div\r\n                    className={\r\n                      'notice d-flex  gap-5  rounded  border border-dashed p-6   mb-1  ' +\r\n                      (live.Status == 'NORMAL' ? 'bg-light-success border-success' : ' border-dark')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-check-circle  fa-3x ' +\r\n                        (live.Status == 'NORMAL' ? 'text-success' : ' text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Normal Level</h4>\r\n                        <div className='fs-6 text-gray-600'>{live?.NormalRange} Range</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Status == 'DISABLED' && (\r\n                <div className='col-lg-3'>\r\n                  <div\r\n                    className={\r\n                      'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  ' +\r\n                      (live.Status == 'DISABLED' ? 'bg-light-dark' : '')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-times-circle fa-3x ' +\r\n                        (live.Status == 'DISABLED' ? 'text-dark' : 'text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Disable Level</h4>\r\n                        <div title={live?.DisableRange} className='fs-6 text-gray-600'>\r\n                          {live?.DisableRange.substring(0, 15) + '...'} Range\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Live && (\r\n                <>\r\n                  <div className='col-lg-2'>\r\n                    <div\r\n                      className={\r\n                        'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  '\r\n                      }\r\n                    >\r\n                      <table style={{width: '100%'}}>\r\n                        <tr>\r\n                          <td>\r\n                            <div className='me-1'>\r\n                              <div\r\n                                style={{\r\n                                  backgroundColor: colurx,\r\n                                  width: '35px',\r\n                                  height: '45px',\r\n                                  float: 'left',\r\n                                  top: 0,\r\n                                }}\r\n                              >\r\n                                <div\r\n                                  style={{\r\n                                    backgroundColor: 'grey',\r\n\r\n                                    bottom: 0,\r\n                                    width: '100%',\r\n                                    height: 100 - pr + '%',\r\n                                    //border-top: 6px solid #FFF;\r\n                                    boxSizing: 'border-box',\r\n                                    animation: 'grow 1.5s ease-out forwards',\r\n                                    transformOrigin: 'bottom',\r\n                                  }}\r\n                                ></div>\r\n                              </div>\r\n                              <img\r\n                                style={{\r\n                                  width: '40px',\r\n                                  position: 'absolute',\r\n                                  marginLeft: '-38px',\r\n                                  top: '35px',\r\n                                }}\r\n                                src={toAbsoluteUrl('/media/img/gas.png')}\r\n                                alt='Footer'\r\n                              />\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                      <div\r\n                        style={{\r\n                          fontFamily: 'Roboto Mono, monospace',\r\n                          zIndex: 10,\r\n                          fontSize: '30px',\r\n                          width: '100%',\r\n                        }}\r\n                      >\r\n                        {live.Live}%\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      <div className={`card`}>\r\n        <br />\r\n        <Formik\r\n          initialValues={{\r\n            datex: '',\r\n            Ftype: 1440,\r\n          }}\r\n          // validationSchema={}\r\n          onSubmit={(values, {}) => {\r\n            filter.current = '1'\r\n            // alert('HI EX' + values.datex)\r\n            var datafield = {}\r\n            datafield['sensorCode'] = layout.Sensor.code\r\n\r\n            datafield['sort'] = 'TimeStamp: 1'\r\n            datafield['date'] = values.datex\r\n            datafield['Ftype'] = values.Ftype\r\n            datafield['find'] = 't_GAS_PERCENT : {$exists:true}, TimeStamp : DT'\r\n\r\n            datafield['project'] =\r\n              'TimeStamp: 1, ' +\r\n              't_GAS_PERCENT : 1,' +\r\n              't_BAT_VOL : 1,' +\r\n              't_NCU_FW_VER : 1,' +\r\n              't_GW_NAME : 1,' +\r\n              't_RSSI : 1,' +\r\n              't_TANK_SIZE : 1,' +\r\n              't_LATITUDE : 1,' +\r\n              't_LONGITUDE : 1,' +\r\n              layout.Sensor.object +\r\n              ' : 1, t_' +\r\n              layout.Sensor.object +\r\n              '_gps : 1, t_' +\r\n              layout.Sensor.object +\r\n              '_Ignition : 1 '\r\n            axios({\r\n              method: 'post',\r\n              url: process.env.REACT_APP_BACKEND_API + '/api/v1/sensor/getall',\r\n              headers: {},\r\n              data: datafield,\r\n            }).then((response) => {\r\n              const _labels = []\r\n              const _data = []\r\n              const _gps_data = []\r\n              if (response.data.status == 'S') {\r\n                setChartLoading(false)\r\n                gpsData.current = response.data\r\n                // setLayout({\r\n                //   ...layout,\r\n                //   gpsdata: response.data,\r\n                // })\r\n\r\n                for (let index = 0; index < response.data.result.list.length; index++) {\r\n                  const element = response.data.result.list[index]\r\n                  _labels.push(element['TimeStamp'])\r\n                  _data.push(element['t_GAS_PERCENT'])\r\n                  // console.log(element['t_' + obj.object + '_gps'])\r\n                }\r\n\r\n                setLive({\r\n                  Live: response.data.result.currrent,\r\n                  Min: response.data.result.min,\r\n                  Max: response.data.result.max,\r\n                  Date: response.data.result.date,\r\n                  Status: response.data.result.status,\r\n                  Note: response.data.result.note,\r\n                  Description: response.data.result.description,\r\n                  NormalRange: response.data.result.normalRange,\r\n                  WarningRange: response.data.result.warningRange,\r\n                  CriticalRange: response.data.result.criticalRange,\r\n                  DisableRange: response.data.result.disableRange,\r\n                  Lat: response.data.result?.Lat ?? '-',\r\n                  Lng: response.data.result?.Lng ?? '-',\r\n                  ignition: response.data.result?.ignition ?? '-',\r\n                  Bat: response.data.result?.bat ?? '-',\r\n                  Bluethooth: response.data.result?.bluethooth ?? '-',\r\n                  Version: response.data.result?.version ?? '-',\r\n                  TankSize: response.data.result?.tanksize ?? '-',\r\n                })\r\n\r\n                _gps_data.push({\r\n                  lat: response.data.result?.lat,\r\n                  lng: response.data.result?.lng,\r\n                  value: response.data.result.currrent + '%',\r\n                  text: response.data.result.currrent + '%',\r\n                  endDate: '',\r\n                  waiting: 0,\r\n                  ignition: '',\r\n                })\r\n\r\n                setgps_data(_gps_data)\r\n\r\n                setChartData({\r\n                  labels: _labels,\r\n                  datasets: [\r\n                    {\r\n                      label: '',\r\n                      data: _data,\r\n                      lineTension: 0,\r\n                      backgroundColor: 'rgba(75,192,192,0.4)',\r\n                      borderColor: 'rgba(75,192,192,1)',\r\n                      borderWidth: 1,\r\n                    },\r\n                  ],\r\n                })\r\n                setLoading(false)\r\n                console.log('response', response)\r\n              } else {\r\n                setgps_data([])\r\n                setChartData({\r\n                  labels: _labels,\r\n                  datasets: [\r\n                    {\r\n                      label: '',\r\n                      data: _data,\r\n                      lineTension: 0,\r\n                      backgroundColor: 'rgba(75,192,192,0.4)',\r\n                      borderColor: 'rgba(75,192,192,1)',\r\n                      borderWidth: 1,\r\n                    },\r\n                  ],\r\n                })\r\n                setLoading(false)\r\n              }\r\n              // const _labels = []\r\n              // const _data = []\r\n              // if (response.data.status == 'S') {\r\n              //   setChartLoading(false)\r\n\r\n              //   for (let index = 0; index < response.data.result.list.length; index++) {\r\n              //     const element = response.data.result.list[index]\r\n              //     _labels.push(element['TimeStamp'])\r\n              //     _data.push(element['t_' + layout.Sensor.object])\r\n              //   }\r\n\r\n              //   setChartData({\r\n              //     labels: _labels,\r\n              //     datasets: [\r\n              //       {\r\n              //         label: '',\r\n              //         data: _data,\r\n              //         lineTension: 0,\r\n              //         backgroundColor: 'rgba(75,192,192,0.4)',\r\n              //         borderColor: 'rgba(75,192,192,1)',\r\n              //         borderWidth: 1,\r\n              //       },\r\n              //     ],\r\n              //   })\r\n              //   setLoading(false)\r\n              // } else {\r\n              //   setChartData({\r\n              //     labels: _labels,\r\n              //     datasets: [\r\n              //       {\r\n              //         label: '',\r\n              //         data: _data,\r\n              //         lineTension: 0,\r\n              //         backgroundColor: 'rgba(75,192,192,0.4)',\r\n              //         borderColor: 'rgba(75,192,192,1)',\r\n              //         borderWidth: 1,\r\n              //       },\r\n              //     ],\r\n              //   })\r\n              //   setLoading(false)\r\n              // }\r\n            })\r\n            //()\r\n          }}\r\n        >\r\n          {({values, errors, touched, handleChange, handleBlur, handleSubmit}) => (\r\n            <Form onSubmit={handleSubmit}>\r\n              <div className='form'>\r\n                <div className='card-body p-9'>\r\n                  <div className='row'>\r\n                    <div className=' col-lg-6'>\r\n                      <input\r\n                        type='datetime-local'\r\n                        name='datex'\r\n                        onChange={handleChange}\r\n                        onBlur={handleBlur}\r\n                        value={values.datex}\r\n                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                      />\r\n                    </div>\r\n\r\n                    <div className=' col-lg-4'>\r\n                      <select\r\n                        className='form-select form-select-solid  mb-3 mb-lg-0 '\r\n                        data-kt-select2='true'\r\n                        data-placeholder='Select option'\r\n                        data-allow-clear='true'\r\n                        name='Ftype'\r\n                        onChange={handleChange}\r\n                        onBlur={handleBlur}\r\n                        value={values.Ftype}\r\n                        defaultValue={'1440'}\r\n                      >\r\n                        <option></option>\r\n                        <option value='30'>30 Min</option>\r\n                        <option value='60'>01 Hour</option>\r\n                        <option value='360'>06 Hours</option>\r\n                        <option value='1440'>24 Hours</option>\r\n                        <option value='10080'>1 Week</option>\r\n                        <option value='44640'>1 Month</option>\r\n                      </select>\r\n                    </div>\r\n                    <div className='col-lg-2'>\r\n                      <button\r\n                        type='submit'\r\n                        className='btn col-sm-12 btn-primary'\r\n                        disabled={isSubmitting}\r\n                        style={{display: 'block', width: '100%'}}\r\n                      >\r\n                        <span className='indicator-progress' style={{display: 'block'}}>\r\n                          {!isSubmitting && (\r\n                            <span className='indicator-label'>\r\n                              Filter &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                            </span>\r\n                          )}\r\n                          {isSubmitting && (\r\n                            <span className='indicator-progress' style={{display: 'block'}}>\r\n                              <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                            </span>\r\n                          )}\r\n                        </span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className='row'>\r\n                {isChartLoading && <>Loading</>}\r\n                <Line height={100} option={state.option} ref={chartReference} data={chartData} />\r\n                {/* <Line data={chartData} /> */}\r\n              </div>\r\n              <div className='card-footer d-flex justify-content-end py-6 px-9'></div>\r\n            </Form>\r\n          )}\r\n        </Formik>\r\n      </div>\r\n      {/*\r\n      <br />\r\n      <div className={`card`}>\r\n       \r\n        <div className='card-header border-0 '>\r\n          <h3 className='card-title align-items-start flex-column'>\r\n            <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized (24h)</span>\r\n            <span className='text-muted mt-1 fw-bold fs-7'>\r\n              {layout?.Sensor?.description} |\r\n              <b style={{color: 'darkblue'}}>\r\n                Last Update at {live?.Date} <i class='bi bi-calendar'></i>\r\n              </b>\r\n            </span>\r\n          </h3>\r\n        </div>\r\n        \r\n     \r\n        <div className='card-body py-3'></div>\r\n      </div>\r\n         */}\r\n      <br />\r\n\r\n      <div className='row'>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={\r\n              'notice d-flex gap-5   rounded  border border-dashed p-6   mb-1  border-dark '\r\n            }\r\n          >\r\n            <i class={'fas fa-battery fa-3x text-dark'}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Battey Level</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.Bat} </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={'notice d-flex gap-5  rounded  border border-dashed p-6  mb-1 border-dark'}\r\n          >\r\n            <i class={'fa fa-signal  fa-3x text-dark '}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Bluetooth Strength</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.Bluethooth}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={'notice d-flex  gap-5  rounded  border border-dashed p-6 mb-1  border-dark'}\r\n          >\r\n            <div className='me-1'>\r\n              <img src='/media/img/gas.png' alt='Footer' style={{width: '25px'}} />\r\n            </div>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Tank Size</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.TankSize} </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          <div\r\n            className={'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  '}\r\n          >\r\n            <i class={'fa fa-cog fa-3x text-dark '}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Version</h4>\r\n                <div title={live?.DisableRange} className='fs-6 text-gray-600'>\r\n                  {live?.Version}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      {gps_data.length > 0 && (\r\n        <>\r\n          <div className={`card`}>\r\n            {/* begin::Header */}\r\n            <div className='card-header border-0 pt-5'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Map View </span>\r\n                {/* {PlayCount} */}\r\n                <span className='text-muted mt-1 fw-bold fs-7'> </span>\r\n              </h3>\r\n            </div>\r\n            <div className='card-body py-3'>\r\n              <div className='row'>\r\n                <div className='col-lg-12'>\r\n                  <div style={{height: '50vh', width: '100%'}}>\r\n                    <GoogleMapReact\r\n                      bootstrapURLKeys={{key: 'AIzaSyDnw_D-TklrDIO31vLanvrC_R_NHhypnx0'}}\r\n                      // defaultCenter={defaultProps.center}\r\n                      center={{\r\n                        lat: Number(gps_data[gps_data.length - 1]?.lat ?? defaultProps.center.lat),\r\n                        lng: Number(gps_data[gps_data.length - 1]?.lng ?? defaultProps.center.lng),\r\n                      }}\r\n                      //\r\n                      //defaultCenter={{lat: gps_data[0]?.lat, lng: gps_data[0]?.lng}}\r\n                      //\r\n                      defaultZoom={defaultProps.zoom}\r\n                      zoom={defaultProps.zoom}\r\n                    >\r\n                      {gps_data.map((marker, index) => (\r\n                        <MyGreatPlace\r\n                          key={index}\r\n                          lat={marker.lat}\r\n                          lng={marker.lng}\r\n                          text={marker.value}\r\n                          long_text={marker.text}\r\n                          isNotify={gps_data.length - 1 == index}\r\n                          Link={''}\r\n                          Type={''}\r\n                          Value={''}\r\n                        ></MyGreatPlace>\r\n                      ))}\r\n                      {/*\r\n                  { lat :6.9123483,\r\n                   lng:80.0322383,\r\n                    }\r\n                   key={index}\r\n                        lat={marker.lat}\r\n                        lng={marker.lng}\r\n                        text={''}\r\n                        isNotify={''} \r\n                        Link={''}\r\n                        Type={''}\r\n                        Value={''}\r\n                  \r\n                  {\r\n                    <MyGreatPlace\r\n                      key={1}\r\n                      lat={6.9123483}\r\n                      lng={}\r\n                      text={'gEVAN'}\r\n                      isNotify={''}\r\n                      Link={''}\r\n                      Type={''}\r\n                      Value={0}\r\n                    ></MyGreatPlace>\r\n                  } */}\r\n                    </GoogleMapReact>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* begin::Body */}\r\n          </div>\r\n        </>\r\n      )}\r\n\r\n      {/* {JSON.stringify(gps_data)} */}\r\n      <br />\r\n      <div className='row'>\r\n        <div className='col-sm-6'>\r\n          <div className={`card`}>\r\n            <div className='card-header border-0'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Minimum Gas Level</span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'>Based On Last 24hours</span>\r\n              </h3>\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n              >\r\n                <div className='btn btn-sm btn-light-warning'>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                    }}\r\n                  >\r\n                    {live.Min}%\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-sm-6'>\r\n          <div className={`card`}>\r\n            <div className='card-header border-0'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Maximum Gas Level</span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'>Based On Last 24hours</span>\r\n              </h3>\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n                title='Click to add a user'\r\n              >\r\n                <div className='btn btn-sm btn-light-danger'>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                    }}\r\n                  >\r\n                    {live.Max}%\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumbs.current}>{layout?.Sensor?.name} </PageTitle>\r\n      <>\r\n        <>\r\n          <div className='row g-5 g-xl-8'>\r\n            <div className='col-xl-12'>\r\n              <br />\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized </span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'></span>\r\n              </h3>\r\n            </div>\r\n          </div>\r\n          <div className='row g-5 g-xl-8'>\r\n            <Line height={100} option={state.option} ref={chartReference} data={state.data} />\r\n          </div>\r\n        </>\r\n      </>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default SensorView2\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport GoogleMapReact from 'google-map-react'\r\nimport MyGreatPlace from './MyPlace.jsx'\r\nimport Drive from './Drive.jsx'\r\nimport {Line} from 'react-chartjs-2'\r\nimport {\r\n  Chart as ChartJS,\r\n  CategoryScale,\r\n  LinearScale,\r\n  PointElement,\r\n  LineElement,\r\n  Title,\r\n  Tooltip,\r\n  Legend,\r\n  Filler,\r\n} from 'chart.js'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {useTable, useFilters, useGlobalFilter, usePagination, useAsyncDebounce} from 'react-table'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {func, number} from 'prop-types'\r\nimport {auto, right} from '@popperjs/core'\r\n\r\nChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Title, Tooltip, Legend)\r\n\r\nfunction SensorView3(props) {\r\n  const containerRef = useRef(null) // Create a ref for the scroll container\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const labels = []\r\n  const chartReference = React.createRef()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [isChartLoading, setChartLoading] = useState(true)\r\n  const [loadingMap, setLoadingMap] = useState(false)\r\n  const [defaultProps, setdefaultProps] = useState({\r\n    center: {\r\n      lat: 6.911979146490742,\r\n      lng: 79.92597226721936,\r\n    },\r\n    zoom: 18,\r\n  })\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const [DeviceType, setDeviceType] = useState('24h')\r\n  const [InitialLoading2, setInitialLoading2] = useState(true)\r\n  const filter = useRef('0')\r\n  const objBrowser = useRef(null)\r\n  const gpsData = useRef([])\r\n  const [PlayCount, setPlayCount] = useState(0)\r\n  const [PlayUpToCount, setPlayUpToCount] = useState(-1)\r\n  //const PlayCount = useRef(0)\r\n  const [data, setdata] = useState([])\r\n  //const gps_data = useRef([])\r\n  const [gps_data, setgps_data] = useState([])\r\n  const isPlaying = useRef(false) //setIsPlaying] = useState(false)\r\n  const [chartData, setChartData] = useState({\r\n    labels: [],\r\n    datasets: [\r\n      {\r\n        label: '',\r\n        data: [],\r\n        backgroundColor: 'rgba(75,192,192,0.4)',\r\n        borderColor: 'rgba(75,192,192,1)',\r\n        borderWidth: 1,\r\n      },\r\n    ],\r\n  })\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factroyCode: '',\r\n    unitName: '',\r\n    unitCode: '',\r\n    Sensor: [],\r\n    Packet: '',\r\n    Field: '',\r\n    data: [],\r\n    //gpsdata: [],\r\n  })\r\n\r\n  const [live, setLive] = useState({\r\n    Live: '',\r\n    Min: '',\r\n    Max: '',\r\n    Status: '',\r\n    Note: '',\r\n    Description: '',\r\n    NormalRange: '',\r\n    WarningRange: '',\r\n    CriticalRange: '',\r\n    DisableRange: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    name: '',\r\n\r\n    option: {\r\n      responsive: true,\r\n      plugins: {\r\n        annotation: {\r\n          annotations: {\r\n            line1: {\r\n              type: 'line',\r\n              yMin: 60,\r\n              yMax: 60,\r\n              borderColor: 'rgb(255, 99, 132)',\r\n              borderWidth: 2,\r\n            },\r\n          },\r\n        },\r\n        legend: {\r\n          position: 'top',\r\n        },\r\n        title: {\r\n          display: true,\r\n          text: 'Line Chart',\r\n        },\r\n        bezierCurve: false,\r\n        elements: {\r\n          line: {\r\n            tension: 0,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    data: {\r\n      labels,\r\n      datasets: [\r\n        {\r\n          label: '',\r\n          data: [],\r\n          lineTension: 0,\r\n          borderColor: 'rgb(255, 99, 132)',\r\n          backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n        },\r\n      ],\r\n    },\r\n  })\r\n\r\n  function TablesWidget10() {\r\n    const columns = React.useMemo(\r\n      () => [\r\n        {\r\n          Header: ' ',\r\n          columns: [\r\n            {\r\n              accessor: 'code',\r\n            },\r\n            {\r\n              accessor: 'formatCode',\r\n            },\r\n            {\r\n              accessor: 'description',\r\n            },\r\n            {\r\n              accessor: 'createdOn',\r\n            },\r\n            {\r\n              accessor: 'status',\r\n            },\r\n            {\r\n              accessor: 'priority',\r\n            },\r\n            {\r\n              accessor: 'fK_SectorCode',\r\n            },\r\n            {\r\n              accessor: 'facilityName',\r\n            },\r\n            {\r\n              accessor: 'remain',\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n      []\r\n    )\r\n\r\n    const {\r\n      getTableProps,\r\n      getTableBodyProps,\r\n      headerGroups,\r\n      prepareRow,\r\n      page,\r\n      canPreviousPage,\r\n      canNextPage,\r\n      pageOptions,\r\n      pageCount,\r\n      gotoPage,\r\n      nextPage,\r\n      previousPage,\r\n      setPageSize,\r\n      state: {pageIndex, pageSize, globalFilter},\r\n      preGlobalFilteredRows,\r\n      setGlobalFilter,\r\n    } = useTable(\r\n      {\r\n        columns,\r\n        data,\r\n        initialState: {pageIndex: 0, pageSize: 20, globalFilter: ''},\r\n      },\r\n      useGlobalFilter,\r\n      usePagination\r\n    )\r\n    const [error, setError] = useState({status: 'E', text: ''})\r\n\r\n    const [{user, token}, dispatch] = useDataLayerValue()\r\n\r\n    if (InitialLoading2) return <Loading />\r\n\r\n    return (\r\n      <div className={`card`}>\r\n        {/* begin::Header */}\r\n        <div className='card-header border-0 pt-5'>\r\n          <h3 className='card-title align-items-start flex-column'>\r\n            <span className='card-label fw-bolder fs-3 mb-1'>Last 24h Alerts</span>\r\n            <span className='text-muted mt-1 fw-bold fs-7'> Alert Management</span>\r\n          </h3>\r\n          <ErrorMessage error={error} />\r\n          <div\r\n            className='card-toolbar'\r\n            data-bs-toggle='tooltip'\r\n            data-bs-placement='top'\r\n            data-bs-trigger='hover'\r\n            title='Click to add a user'\r\n          >\r\n            <div className='me-4'></div>\r\n          </div>\r\n        </div>\r\n        {/* end::Header */}\r\n        {/* begin::Body */}\r\n        <div className='card-body py-3'>\r\n          {/* begin::Table container */}\r\n          <div className='table-responsive'>\r\n            {/* begin::Table */}\r\n            <table\r\n              className='table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4'\r\n              {...getTableProps()}\r\n            >\r\n              <thead>\r\n                <td className='text-gray-600 text-gray-800 fw-bolder'>Ticket</td>\r\n                <td className='text-gray-600 text-gray-800 fw-bolder'>Description</td>\r\n              </thead>\r\n              <tbody {...getTableBodyProps()}>\r\n                {page.length === 0 && (\r\n                  <tr>\r\n                    <td colSpan={7}>\r\n                      <b>No Data Found!</b>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n                {page.map((row, i) => {\r\n                  prepareRow(row)\r\n                  return (\r\n                    <tr {...row.getRowProps()}>\r\n                      {/* {row.cells.map((cell) => {\r\n                      return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\r\n                    })}*/}\r\n                      <td style={{width: '120px'}}>\r\n                        {\r\n                          <a className='btn btn-sm  fw-bolder  fs-9 py-1'>\r\n                            {row.values.formatCode}\r\n                          </a>\r\n                        }\r\n                      </td>\r\n                      <td>\r\n                        <b>{row.values.description}</b>{' '}\r\n                        <span\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-info fw-bolder  fs-9 py-1'\r\n                        >\r\n                          {row.values.priority}\r\n                        </span>\r\n                        {\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-info fw-bolder  ms-2 fs-9 py-1'\r\n                          >\r\n                            {row.values.facilityName}\r\n                          </a>\r\n                        }\r\n                        <br />\r\n                        <span style={{fontSize: '10px'}}> {row.values.createdOn}</span>\r\n                        {row.values.status == 'Opened' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-danger fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            OPENED ({row.values.remain})\r\n                          </a>\r\n                        )}\r\n                        {row.values.status == 'Resolved' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            RESOLVED\r\n                          </a>\r\n                        )}\r\n                        {row.values.status == 'Closed' && (\r\n                          <a\r\n                            style={{fontSize: '10px'}}\r\n                            className='btn btn-sm btn-light-gray fw-bolder ms-2 fs-9 py-1 px-3'\r\n                          >\r\n                            {' '}\r\n                            CLOSED\r\n                          </a>\r\n                        )}\r\n                      </td>\r\n                    </tr>\r\n                  )\r\n                })}\r\n              </tbody>\r\n            </table>\r\n            {/* \r\n      Pagination can be built however you'd like. \r\n      This is just a very basic UI implementation:\r\n    */}\r\n            <ul className='pagination'>\r\n              <li className='page-item' onClick={() => gotoPage(0)} disabled={!canPreviousPage}>\r\n                <a className='page-link'>First</a>\r\n              </li>\r\n              <li className='page-item' onClick={() => previousPage()} disabled={!canPreviousPage}>\r\n                <a className='page-link'>{'<'}</a>\r\n              </li>\r\n              <li className='page-item' onClick={() => nextPage()} disabled={!canNextPage}>\r\n                <a className='page-link'>{'>'}</a>\r\n              </li>\r\n              <li\r\n                className='page-item'\r\n                onClick={() => gotoPage(pageCount - 1)}\r\n                disabled={!canNextPage}\r\n              >\r\n                <a className='page-link'>Last</a>\r\n              </li>\r\n              <li>\r\n                <a className='page-link'>\r\n                  Page{' '}\r\n                  <strong>\r\n                    {pageIndex + 1} of {pageOptions.length}\r\n                  </strong>{' '}\r\n                </a>\r\n              </li>\r\n              <li>\r\n                <a className='page-link'>\r\n                  <input\r\n                    className='page-link'\r\n                    type='number'\r\n                    defaultValue={pageIndex + 1}\r\n                    onChange={(e) => {\r\n                      const page = e.target.value ? Number(e.target.value) - 1 : 0\r\n                      gotoPage(page)\r\n                    }}\r\n                    style={{width: '100px', height: '20px'}}\r\n                  />\r\n                </a>\r\n              </li>{' '}\r\n              <select\r\n                className='page-link'\r\n                value={pageSize}\r\n                onChange={(e) => {\r\n                  setPageSize(Number(e.target.value))\r\n                }}\r\n                style={{width: '120px', height: '38px'}}\r\n              >\r\n                {[5, 10, 20, 30, 40, 50].map((pageSize) => (\r\n                  <option key={pageSize} value={pageSize}>\r\n                    Show {pageSize}\r\n                  </option>\r\n                ))}\r\n              </select>\r\n            </ul>\r\n          </div>\r\n          {/* end::Table container */}\r\n        </div>\r\n        {/* begin::Body */}\r\n      </div>\r\n    )\r\n  }\r\n  const [countdown, setCountdown] = useState(60)\r\n  const [countdown2, setCountdown2] = useState(0)\r\n  // useEffect(() => {\r\n  //   if (connection) {\r\n  //     connection\r\n  //       .start()\r\n  //       .then((result) => {\r\n  //         setState({\r\n  //           ...state,\r\n  //           DashboardStat: 'CONNECTED',\r\n  //         })\r\n  //         setLoading(false)\r\n  //         reconnectRef.current = 0\r\n  //         connection.onreconnecting((error) => {\r\n  //           setState({\r\n  //             ...state,\r\n  //             DashboardStat: 'RECONNECTING',\r\n  //           })\r\n  //           console.log('Connection lost due to error . Reconnecting.')\r\n  //         })\r\n\r\n  //         // Reconnect if hub disconnects\r\n  //         connection.onclose(function (e) {\r\n  //           setState({\r\n  //             ...state,\r\n  //             DashboardStat: 'DISCONNECTED',\r\n  //           })\r\n  //           //console.log('Disconnected');\r\n  //         })\r\n\r\n  //         connection.on('ReceiveMessage', (message) => {\r\n  //           if (typeof message === 'string' || message instanceof String) {\r\n  //             message = JSON.parse(message)\r\n  //           }\r\n  //           if (message.key !== 'SensorData') return\r\n\r\n  //           let dataPacket = JSON.parse(message.data)\r\n  //           if (\r\n  //             dataPacket.TimeStamp === undefined ||\r\n  //             Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n  //           ) {\r\n  //             return\r\n  //           }\r\n\r\n  //           console.log(message)\r\n  //           let newElements = {}\r\n  //           Object.entries(dataPacket).map(([key, value]) => {\r\n  //             newElements[key] = value\r\n  //           })\r\n\r\n  //           Object.entries(dataPacket).map(([key, value]) => {\r\n  //             for (let index = 0; index < sensors.current.length; index++) {\r\n  //               const element = sensors.current[index]\r\n  //               if (element.machineNo === '') continue\r\n\r\n  //               if (element.displayName === '') element.displayName = ' '\r\n\r\n  //               if (element.icon === undefined) element.icon = 'dot'\r\n\r\n  //               if (\r\n  //                 element.isNotify === undefined ||\r\n  //                 element.isNotify === '' ||\r\n  //                 element.isNotify === null\r\n  //               )\r\n  //                 element.isNotify = false\r\n\r\n  //               if (!element.lastUpdate) {\r\n  //                 element.lastUpdate = new Date()\r\n  //               } else if (Math.round((new Date() - new Date(element.lastUpdate)) / 1000) > 60) {\r\n  //                 // console.log('[DB PACKET ' + element.machineNo.toString().toLowerCase() + ']')\r\n  //                 if (\r\n  //                   element.type == 14 ||\r\n  //                   element.type == 13 ||\r\n  //                   element.type == 17 ||\r\n  //                   element.type == 15\r\n  //                 ) {\r\n  //                   //console.log(\"[chart data cleared \"+element.machineNo.toString().toLowerCase()+\"]\");\r\n  //                   element.value = []\r\n  //                 } else {\r\n  //                   element.value = '---'\r\n  //                   element.color = 'black'\r\n  //                 }\r\n  //               }\r\n\r\n  //               let object = element.object.toString().toLowerCase()\r\n  //               let packetType = dataPacket.Plant + '.' + dataPacket.Packet\r\n\r\n  //               if (\r\n  //                 element.object.toString().toLowerCase() === key.toString().toLowerCase() &&\r\n  //                 packetType.toString().toLowerCase() === element.pakages\r\n  //               ) {\r\n  //                 element.lastUpdate = new Date()\r\n  //                 element.value = value\r\n  //                 element.color = 'black'\r\n  //                 element.notification = {\r\n  //                   toastId: key.toString().toLowerCase(),\r\n  //                   position: 'top-right',\r\n  //                   type: 'info',\r\n  //                   autoClose: false, // or set time\r\n  //                   hideProgressBar: false,\r\n  //                   closeOnClick: true,\r\n  //                   //  pauseOnHover: true,\r\n  //                   draggable: false,\r\n  //                   progress: undefined,\r\n  //                   transition: Bounce,\r\n  //                 }\r\n  //                 try {\r\n  //                   // alert(layout.globalJs)\r\n  //                   eval(layout.globalJs + ';' + element.formula)\r\n  //                   //   eval(element.formula)\r\n  //                 } catch (error) {\r\n  //                   element.value = '---'\r\n  //                   element.color = 'black'\r\n  //                   // console.log(element.formula)\r\n  //                   console.log(error)\r\n  //                 }\r\n  //               }\r\n  //             }\r\n  //           })\r\n  //           setState({\r\n  //             ...state,\r\n  //             SensorList: sensors.current,\r\n  //             DashboardStat: 'CONNECTED',\r\n  //           })\r\n  //         })\r\n  //       })\r\n  //       .catch((e) => {})\r\n  //   }\r\n  // }, [connection])\r\n\r\n  useEffect(() => {\r\n    const countdownInterval = setInterval(() => {\r\n      // Decrease the countdown value every second\r\n      setCountdown((prevCountdown) => (prevCountdown - 1 < 0 ? 0 : prevCountdown - 1))\r\n    }, 1000)\r\n\r\n    // Cleanup function to clear the interval when the component unmounts\r\n    return () => clearInterval(countdownInterval)\r\n  }, []) // Empty dependency array ensures the effect runs only once\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/v2/sensors/' +\r\n        (props.match?.params?.code ?? props.code),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      // alert(response.data.result.unitModels[0].object)\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          //subSectorName: response.data.result.subSectors[0].name,\r\n          //subSectorCode: response.data.result.subSectors[0].code,\r\n          //sectorName: response.data.result.name,\r\n          //sectorCode: response.data.result.code,\r\n          //factroyName: response.data.result.subSectors[0].factories[0].name,\r\n          //factroyCode: response.data.result.subSectors[0].factories[0].code,\r\n          //unitName: response.data.result.businessUnitModels[0].name,\r\n          //unitCode: response.data.result.businessUnitModels[0].code,\r\n          Sensor: response.data.result.unitModels[0],\r\n          breadCrumbs: response.data.result.breadCrumbs,\r\n        })\r\n        objBrowser.current = response.data.result.unitModels[0]\r\n        // setBreadCrum(response)\r\n\r\n        RefreshData(response.data.result.unitModels[0])\r\n        // setInterval(() => {\r\n        //   RefreshData(response.data.result.unitModels[0])\r\n        // }, 60000)\r\n\r\n        setState({\r\n          ...state,\r\n          SensorList: response.data.result.unitModels,\r\n        })\r\n        sensors.current = response.data.result.unitModels\r\n        setTimeout(() => {\r\n          for (let index = 0; index < sensors.current.length; index++) {\r\n            const element = sensors.current[index]\r\n            try {\r\n              eval(layout.globalJs + ';' + element.tempFeild1)\r\n            } catch (error) {\r\n              console.log(error)\r\n            }\r\n          }\r\n          setState({\r\n            ...state,\r\n            SensorList: sensors.current,\r\n            DashboardStat: 'INITIALIZATION',\r\n          })\r\n\r\n          setTimeout(() => {\r\n            const newConnection = new HubConnectionBuilder()\r\n              .withUrl(\r\n                process.env.REACT_APP_MIDAS_HUB +\r\n                  '/' +\r\n                  response.data.result.automationChannel +\r\n                  '/Hub'\r\n              )\r\n              .withAutomaticReconnect()\r\n              .build()\r\n            setConnection(newConnection)\r\n          }, 100)\r\n        }, 500)\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  // function RefreshData2() {\r\n  //   //alert('asdasd')\r\n  //   setChartLoading(true)\r\n  //   const chart = chartReference.current\r\n  //   setTimeout(() => {\r\n  //     setChartLoading(false)\r\n\r\n  //     chart.data.datasets[0] = [\r\n  //       {\r\n  //         label: '',\r\n  //         data: [],\r\n  //         lineTension: 0,\r\n  //         borderColor: 'rgb(53, 162, 235)',\r\n  //         backgroundColor: 'rgba(53, 162, 235, 0.5)',\r\n  //       },\r\n  //     ][0]\r\n  //     chart.update('none')\r\n  //   }, 10)\r\n  // }\r\n\r\n  function RefreshData(obj) {\r\n    if (filter.current === '1') return\r\n    //alert(filter.current)\r\n    if (obj?.name == undefined) return\r\n    const chart = chartReference.current\r\n    const sector = ''\r\n    // axios({\r\n    //   ...axioDefaultConfig,\r\n    //   method: 'get',\r\n    //   url: process.env.REACT_APP_BACKEND_API + '/api/get-alerts-tag?tag=' + obj.code,\r\n    //   headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    // })\r\n    //   .then(function (response) {\r\n    //     setInitialLoading2(false)\r\n    //     setdata(response?.data?.data)\r\n    //   })\r\n    //   .catch(function (error) {})\r\n\r\n    var datafield = {}\r\n    datafield['sensorCode'] = obj.code\r\n    datafield['sort'] = 'TimeStamp: 1'\r\n    datafield['find'] = 't_GAS_PERCENT : {$exists:true}, TimeStamp : ' + DeviceType\r\n    datafield['project'] =\r\n      'TimeStamp: 1, ' +\r\n      't_GAS_PERCENT : 1,' +\r\n      't_BAT_VOL : 1,' +\r\n      't_NCU_FW_VER : 1,' +\r\n      't_GW_NAME : 1,' +\r\n      't_RSSI : 1,' +\r\n      't_TANK_SIZE : 1,' +\r\n      't_LATITUDE : 1,' +\r\n      't_LONGITUDE : 1,' +\r\n      obj.object +\r\n      ' : 1, t_' +\r\n      obj.object +\r\n      '_gps : 1, t_' +\r\n      obj.object +\r\n      '_Ignition : 1 '\r\n    axios({\r\n      method: 'post',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/v1/sensor/getall',\r\n      headers: {},\r\n      data: datafield,\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setChartLoading(false)\r\n        gpsData.current = response.data\r\n        // setLayout({\r\n        //   ...layout,\r\n        //   gpsdata: response.data,\r\n        // })\r\n        const _labels = []\r\n        const _data = []\r\n        const _gps_data = []\r\n        for (let index = 0; index < response.data.result.list.length; index++) {\r\n          const element = response.data.result.list[index]\r\n          _labels.push(element['TimeStamp'])\r\n          _data.push(element['t_GAS_PERCENT'])\r\n        }\r\n\r\n        setCountdown(60)\r\n        setLive({\r\n          Live: response.data.result.currrent,\r\n          Min: response.data.result.min,\r\n          Max: response.data.result.max,\r\n          Date: response.data.result.date,\r\n          Status: response.data.result.status,\r\n          Note: response.data.result.note,\r\n          Description: response.data.result.description,\r\n          NormalRange: response.data.result.normalRange,\r\n          WarningRange: response.data.result.warningRange,\r\n          CriticalRange: response.data.result.criticalRange,\r\n          DisableRange: response.data.result.disableRange,\r\n          Lat: response.data.result?.Lat ?? '-',\r\n          Lng: response.data.result?.Lng ?? '-',\r\n          ignition: response.data.result?.ignition ?? '-',\r\n          Bat: response.data.result?.bat ?? '-',\r\n          Bluethooth: response.data.result?.bluethooth ?? '-',\r\n          Version: response.data.result?.version ?? '-',\r\n          TankSize: response.data.result?.tanksize ?? '-',\r\n          package: response.data.result?.package ?? '-',\r\n        })\r\n\r\n        _gps_data.push({\r\n          lat: response.data.result?.lat,\r\n          lng: response.data.result?.lng,\r\n          value: response.data.result.currrent + '%',\r\n          text: response.data.result.currrent + '%',\r\n          endDate: '',\r\n          waiting: 0,\r\n          ignition: 'asdas',\r\n        })\r\n\r\n        setgps_data(_gps_data)\r\n        setChartData({\r\n          labels: _labels,\r\n          datasets: [\r\n            {\r\n              label: '',\r\n              data: _data,\r\n              lineTension: 0,\r\n              backgroundColor: 'rgba(75,192,192,0.4)',\r\n              borderColor: 'rgba(75,192,192,1)',\r\n              borderWidth: 1,\r\n            },\r\n          ],\r\n        })\r\n        setLoading(false)\r\n      }\r\n    })\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  const dateConverter = (startDate, timeEnd) => {\r\n    const newStartDate = new Date(startDate)\r\n    const newEndDate = new Date(timeEnd)\r\n    const one_day = 1000 * 60\r\n    let result\r\n    result = Math.ceil((newEndDate.getTime() - newStartDate.getTime()) / one_day)\r\n    console.log('date Converter result', result)\r\n    if (result < 0) {\r\n      return '0'\r\n    }\r\n\r\n    return `${Math.floor(result / 60)}h ${result % 60}min`\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (containerRef.current) {\r\n      containerRef.current.scrollTop = containerRef.current.scrollHeight\r\n    }\r\n  }, [gps_data])\r\n  // Prevent user from scrolling up (if needed)\r\n  const handleWheel = (event) => {\r\n    if (containerRef.current) {\r\n      const {scrollTop, scrollHeight, clientHeight} = containerRef.current\r\n      // Prevent scrolling up\r\n      if (scrollTop === 0 && event.deltaY < 0) {\r\n        event.preventDefault() // Prevent scrolling up\r\n      }\r\n    }\r\n  }\r\n\r\n  function onClearFilter() {\r\n    filter.current = '0'\r\n    setPlayUpToCount(-1)\r\n    setPlayCount(0)\r\n    RefreshData(objBrowser.current)\r\n  }\r\n\r\n  function onSelect(index2) {\r\n    setdefaultProps({\r\n      center: {\r\n        lat: Number(gps_data[index2].lat),\r\n        lng: Number(gps_data[index2].lng),\r\n      },\r\n      zoom: 15,\r\n    })\r\n    filter.current = '1'\r\n    setPlayUpToCount(index2)\r\n  }\r\n\r\n  var statusColorClass = 'btn btn-sm btn-light-dark'\r\n  if (live.Status == 'NORMAL') {\r\n    statusColorClass = 'btn btn-sm btn-light-success'\r\n  } else if (live.Status == 'WARNING') {\r\n    statusColorClass = 'btn btn-sm btn-light-warning'\r\n  } else if (live.Status == 'CRITICAL') {\r\n    statusColorClass = 'btn btn-sm btn-light-danger'\r\n  }\r\n\r\n  var pr = live.Live ?? 0\r\n  var colurx = '#900C3F'\r\n  if (pr > 70) {\r\n    colurx = '#09932c'\r\n  } else if (pr > 45) {\r\n    colurx = '#FFC300'\r\n  } else {\r\n    colurx = '#900C3F'\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <h3 onClick={(d) => props.funcsetGasInfo('')} style={{cursor: 'pointer'}}>\r\n        {' '}\r\n        <i class='fa fa-arrow-circle-left'></i> Go to Back\r\n      </h3>\r\n\r\n      <div className={`card`}>\r\n        <div className='form'>\r\n          <div className='card-body p-9'>\r\n            <div className='row'>\r\n              <div className=' col-lg-6'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized </span> <br />\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {layout?.Sensor?.description}\r\n                    {filter.current == '0' && (\r\n                      <>\r\n                        <b style={{color: 'darkblue'}}>\r\n                          &nbsp; Last Update at {live?.Date} <i class='bi bi-calendar'></i>\r\n                        </b>\r\n                      </>\r\n                    )}\r\n                    {filter.current == '1' && (\r\n                      <>\r\n                        <b style={{color: 'darkblue'}}> &nbsp; Filtered Apply</b>\r\n                        <a href='#' onClick={onClearFilter}>\r\n                          &nbsp;&nbsp; Clear Filers\r\n                        </a>\r\n                      </>\r\n                    )}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n              <div className='col-lg-1'></div>\r\n              {/* <div className=' col-lg-4'>\r\n                {countdown <= 10 && filter.current == '0' && (\r\n                  <>\r\n                    <b style={{color: 'red'}}>Auto refresh in {countdown} seconds</b>\r\n                  </>\r\n                )}\r\n                {countdown > 10 && filter.current == '0' && (\r\n                  <>\r\n                    <p>Auto refresh in {countdown} seconds</p>{' '}\r\n                  </>\r\n                )}\r\n              </div> */}\r\n              {live.Status == 'CRITICAL' && (\r\n                <div className='col-lg-3'>\r\n                  <div\r\n                    className={\r\n                      'notice d-flex gap-5   rounded  border border-dashed p-6 mb-1  ' +\r\n                      (live.Status == 'CRITICAL' ? 'bg-light-danger border-danger' : ' border-dark')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-exclamation-triangle fa-3x ' +\r\n                        (live.Status == 'CRITICAL' ? 'text-danger' : ' text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Critical Level</h4>\r\n                        <div className='fs-6 text-gray-600'>{live?.CriticalRange} Range</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Status == 'WARNING' && (\r\n                <div className='col-lg-3'>\r\n                  {' '}\r\n                  <div\r\n                    className={\r\n                      'notice d-flex gap-5  rounded  border border-dashed p-6  mb-1 ' +\r\n                      (live.Status == 'WARNING'\r\n                        ? 'bg-light-warning border-warning'\r\n                        : ' border-dark')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-exclamation-circle  fa-3x ' +\r\n                        (live.Status == 'WARNING' ? 'text-warning' : '  text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Warning Level</h4>\r\n                        <div className='fs-6 text-gray-600'>{live?.WarningRange} Range</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Status == 'NORMAL' && (\r\n                <div className='col-lg-3'>\r\n                  {' '}\r\n                  <div\r\n                    className={\r\n                      'notice d-flex  gap-5  rounded  border border-dashed p-6   mb-1  ' +\r\n                      (live.Status == 'NORMAL' ? 'bg-light-success border-success' : ' border-dark')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-check-circle  fa-3x ' +\r\n                        (live.Status == 'NORMAL' ? 'text-success' : ' text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Normal Level</h4>\r\n                        <div className='fs-6 text-gray-600'>{live?.NormalRange} Range</div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Status == 'DISABLED' && (\r\n                <div className='col-lg-3'>\r\n                  <div\r\n                    className={\r\n                      'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  ' +\r\n                      (live.Status == 'DISABLED' ? 'bg-light-dark' : '')\r\n                    }\r\n                  >\r\n                    <i\r\n                      class={\r\n                        'fas fa-times-circle fa-3x ' +\r\n                        (live.Status == 'DISABLED' ? 'text-dark' : 'text-dark')\r\n                      }\r\n                    ></i>\r\n                    <div className='d-flex flex-stack flex-grow-1'>\r\n                      <div className='fw-bold'>\r\n                        <h4 className='text-gray-800 fw-bolder'>Disable Level</h4>\r\n                        <div title={live?.DisableRange} className='fs-6 text-gray-600'>\r\n                          {live?.DisableRange.substring(0, 15) + '...'} Range\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n              {live.Live && (\r\n                <>\r\n                  <div className='col-lg-2'>\r\n                    <div\r\n                      className={\r\n                        'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  '\r\n                      }\r\n                    >\r\n                      <table style={{width: '100%'}}>\r\n                        <tr>\r\n                          <td>\r\n                            <div className='me-1'>\r\n                              <div\r\n                                style={{\r\n                                  backgroundColor: colurx,\r\n                                  width: '35px',\r\n                                  height: '45px',\r\n                                  float: 'left',\r\n                                  top: 0,\r\n                                }}\r\n                              >\r\n                                <div\r\n                                  style={{\r\n                                    backgroundColor: 'grey',\r\n\r\n                                    bottom: 0,\r\n                                    width: '100%',\r\n                                    height: 100 - pr + '%',\r\n                                    //border-top: 6px solid #FFF;\r\n                                    boxSizing: 'border-box',\r\n                                    animation: 'grow 1.5s ease-out forwards',\r\n                                    transformOrigin: 'bottom',\r\n                                  }}\r\n                                ></div>\r\n                              </div>\r\n                              <img\r\n                                style={{\r\n                                  width: '40px',\r\n                                  position: 'absolute',\r\n                                  marginLeft: '-38px',\r\n                                  top: '35px',\r\n                                }}\r\n                                src={toAbsoluteUrl('/media/img/gas.png')}\r\n                                alt='Footer'\r\n                              />\r\n                            </div>\r\n                          </td>\r\n                        </tr>\r\n                      </table>\r\n                      <div\r\n                        style={{\r\n                          fontFamily: 'Roboto Mono, monospace',\r\n                          zIndex: 10,\r\n                          fontSize: '30px',\r\n                          width: '100%',\r\n                        }}\r\n                      >\r\n                        {live.Live}%\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      <div className={`card`}>\r\n        <br />\r\n        <Formik\r\n          initialValues={{\r\n            datex: '',\r\n            Ftype: 1440,\r\n          }}\r\n          // validationSchema={}\r\n          onSubmit={(values, {}) => {\r\n            filter.current = '1'\r\n            // alert('HI EX' + values.datex)\r\n            var datafield = {}\r\n            datafield['sensorCode'] = layout.Sensor.code\r\n\r\n            datafield['sort'] = 'TimeStamp: 1'\r\n            datafield['date'] = values.datex\r\n            datafield['Ftype'] = values.Ftype\r\n            datafield['find'] = 't_GAS_PERCENT : {$exists:true}, TimeStamp : DT'\r\n\r\n            datafield['project'] =\r\n              'TimeStamp: 1, ' +\r\n              't_GAS_PERCENT : 1,' +\r\n              't_BAT_VOL : 1,' +\r\n              't_NCU_FW_VER : 1,' +\r\n              't_GW_NAME : 1,' +\r\n              't_RSSI : 1,' +\r\n              't_TANK_SIZE : 1,' +\r\n              't_LATITUDE : 1,' +\r\n              't_LONGITUDE : 1,' +\r\n              layout.Sensor.object +\r\n              ' : 1, t_' +\r\n              layout.Sensor.object +\r\n              '_gps : 1, t_' +\r\n              layout.Sensor.object +\r\n              '_Ignition : 1 '\r\n            axios({\r\n              method: 'post',\r\n              url: process.env.REACT_APP_BACKEND_API + '/api/v1/sensor/getall',\r\n              headers: {},\r\n              data: datafield,\r\n            }).then((response) => {\r\n              const _labels = []\r\n              const _data = []\r\n              const _gps_data = []\r\n              if (response.data.status == 'S') {\r\n                setChartLoading(false)\r\n                gpsData.current = response.data\r\n                // setLayout({\r\n                //   ...layout,\r\n                //   gpsdata: response.data,\r\n                // })\r\n\r\n                for (let index = 0; index < response.data.result.list.length; index++) {\r\n                  const element = response.data.result.list[index]\r\n                  _labels.push(element['TimeStamp'])\r\n                  _data.push(element['t_GAS_PERCENT'])\r\n                  // console.log(element['t_' + obj.object + '_gps'])\r\n                }\r\n\r\n                setLive({\r\n                  Live: response.data.result.currrent,\r\n                  Min: response.data.result.min,\r\n                  Max: response.data.result.max,\r\n                  Date: response.data.result.date,\r\n                  Status: response.data.result.status,\r\n                  Note: response.data.result.note,\r\n                  Description: response.data.result.description,\r\n                  NormalRange: response.data.result.normalRange,\r\n                  WarningRange: response.data.result.warningRange,\r\n                  CriticalRange: response.data.result.criticalRange,\r\n                  DisableRange: response.data.result.disableRange,\r\n                  Lat: response.data.result?.Lat ?? '-',\r\n                  Lng: response.data.result?.Lng ?? '-',\r\n                  ignition: response.data.result?.ignition ?? '-',\r\n                  Bat: response.data.result?.bat ?? '-',\r\n                  Bluethooth: response.data.result?.bluethooth ?? '-',\r\n                  Version: response.data.result?.version ?? '-',\r\n                  TankSize: response.data.result?.tanksize ?? '-',\r\n                  package: response.data.result?.package ?? '-',\r\n                })\r\n\r\n                _gps_data.push({\r\n                  lat: response.data.result?.lat,\r\n                  lng: response.data.result?.lng,\r\n                  value: response.data.result.currrent + '%',\r\n                  text: response.data.result.currrent + '%',\r\n                  endDate: '',\r\n                  waiting: 0,\r\n                  ignition: '',\r\n                })\r\n\r\n                setgps_data(_gps_data)\r\n\r\n                setChartData({\r\n                  labels: _labels,\r\n                  datasets: [\r\n                    {\r\n                      label: '',\r\n                      data: _data,\r\n                      lineTension: 0,\r\n                      backgroundColor: 'rgba(75,192,192,0.4)',\r\n                      borderColor: 'rgba(75,192,192,1)',\r\n                      borderWidth: 1,\r\n                    },\r\n                  ],\r\n                })\r\n                setLoading(false)\r\n                console.log('response', response)\r\n              } else {\r\n                setgps_data([])\r\n                setChartData({\r\n                  labels: _labels,\r\n                  datasets: [\r\n                    {\r\n                      label: '',\r\n                      data: _data,\r\n                      lineTension: 0,\r\n                      backgroundColor: 'rgba(75,192,192,0.4)',\r\n                      borderColor: 'rgba(75,192,192,1)',\r\n                      borderWidth: 1,\r\n                    },\r\n                  ],\r\n                })\r\n                setLoading(false)\r\n              }\r\n              // const _labels = []\r\n              // const _data = []\r\n              // if (response.data.status == 'S') {\r\n              //   setChartLoading(false)\r\n\r\n              //   for (let index = 0; index < response.data.result.list.length; index++) {\r\n              //     const element = response.data.result.list[index]\r\n              //     _labels.push(element['TimeStamp'])\r\n              //     _data.push(element['t_' + layout.Sensor.object])\r\n              //   }\r\n\r\n              //   setChartData({\r\n              //     labels: _labels,\r\n              //     datasets: [\r\n              //       {\r\n              //         label: '',\r\n              //         data: _data,\r\n              //         lineTension: 0,\r\n              //         backgroundColor: 'rgba(75,192,192,0.4)',\r\n              //         borderColor: 'rgba(75,192,192,1)',\r\n              //         borderWidth: 1,\r\n              //       },\r\n              //     ],\r\n              //   })\r\n              //   setLoading(false)\r\n              // } else {\r\n              //   setChartData({\r\n              //     labels: _labels,\r\n              //     datasets: [\r\n              //       {\r\n              //         label: '',\r\n              //         data: _data,\r\n              //         lineTension: 0,\r\n              //         backgroundColor: 'rgba(75,192,192,0.4)',\r\n              //         borderColor: 'rgba(75,192,192,1)',\r\n              //         borderWidth: 1,\r\n              //       },\r\n              //     ],\r\n              //   })\r\n              //   setLoading(false)\r\n              // }\r\n            })\r\n            //()\r\n          }}\r\n        >\r\n          {({values, errors, touched, handleChange, handleBlur, handleSubmit}) => (\r\n            <Form onSubmit={handleSubmit}>\r\n              <div className='form'>\r\n                <div className='card-body p-9'>\r\n                  <div className='row'>\r\n                    <div className=' col-lg-6'>\r\n                      <input\r\n                        type='datetime-local'\r\n                        name='datex'\r\n                        onChange={handleChange}\r\n                        onBlur={handleBlur}\r\n                        value={values.datex}\r\n                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                      />\r\n                    </div>\r\n\r\n                    <div className=' col-lg-4'>\r\n                      <select\r\n                        className='form-select form-select-solid  mb-3 mb-lg-0 '\r\n                        data-kt-select2='true'\r\n                        data-placeholder='Select option'\r\n                        data-allow-clear='true'\r\n                        name='Ftype'\r\n                        onChange={handleChange}\r\n                        onBlur={handleBlur}\r\n                        value={values.Ftype}\r\n                        defaultValue={'1440'}\r\n                      >\r\n                        <option></option>\r\n                        <option value='30'>30 Min</option>\r\n                        <option value='60'>01 Hour</option>\r\n                        <option value='360'>06 Hours</option>\r\n                        <option value='1440'>24 Hours</option>\r\n                        <option value='10080'>1 Week</option>\r\n                        <option value='44640'>1 Month</option>\r\n                      </select>\r\n                    </div>\r\n                    <div className='col-lg-2'>\r\n                      <button\r\n                        type='submit'\r\n                        className='btn col-sm-12 btn-primary'\r\n                        disabled={isSubmitting}\r\n                        style={{display: 'block', width: '100%'}}\r\n                      >\r\n                        <span className='indicator-progress' style={{display: 'block'}}>\r\n                          {!isSubmitting && (\r\n                            <span className='indicator-label'>\r\n                              Filter &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                            </span>\r\n                          )}\r\n                          {isSubmitting && (\r\n                            <span className='indicator-progress' style={{display: 'block'}}>\r\n                              <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                            </span>\r\n                          )}\r\n                        </span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div className='row'>\r\n                {isChartLoading && <>Loading</>}\r\n                <Line height={100} option={state.option} ref={chartReference} data={chartData} />\r\n                {/* <Line data={chartData} /> */}\r\n              </div>\r\n              <div className='card-footer d-flex justify-content-end py-6 px-9'></div>\r\n            </Form>\r\n          )}\r\n        </Formik>\r\n      </div>\r\n      {/*\r\n      <br />\r\n      <div className={`card`}>\r\n       \r\n        <div className='card-header border-0 '>\r\n          <h3 className='card-title align-items-start flex-column'>\r\n            <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized (24h)</span>\r\n            <span className='text-muted mt-1 fw-bold fs-7'>\r\n              {layout?.Sensor?.description} |\r\n              <b style={{color: 'darkblue'}}>\r\n                Last Update at {live?.Date} <i class='bi bi-calendar'></i>\r\n              </b>\r\n            </span>\r\n          </h3>\r\n        </div>\r\n        \r\n     \r\n        <div className='card-body py-3'></div>\r\n      </div>\r\n         */}\r\n      <br />\r\n\r\n      <div className='row'>\r\n        <div className='col-lg-12'>\r\n          {' '}\r\n          <div\r\n            className={\r\n              'notice d-flex gap-5   rounded  border border-dashed p-6   mb-1  border-dark '\r\n            }\r\n          >\r\n            <i class={'fas fa-key fa-3x text-dark'}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>MAC ADRC</h4>\r\n                <div className='fs-6 text-gray-600'>\r\n                  <h1>{live?.package}</h1>{' '}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={\r\n              'notice d-flex gap-5   rounded  border border-dashed p-6   mb-1  border-dark '\r\n            }\r\n          >\r\n            <i class={'fas fa-battery fa-3x text-dark'}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Battey Level</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.Bat} </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={'notice d-flex gap-5  rounded  border border-dashed p-6  mb-1 border-dark'}\r\n          >\r\n            <i class={'fa fa-signal  fa-3x text-dark '}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Bluetooth Strength</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.Bluethooth}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          {' '}\r\n          <div\r\n            className={'notice d-flex  gap-5  rounded  border border-dashed p-6 mb-1  border-dark'}\r\n          >\r\n            <div className='me-1'>\r\n              <img src='/media/img/gas.png' alt='Footer' style={{width: '25px'}} />\r\n            </div>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Tank Size</h4>\r\n                <div className='fs-6 text-gray-600'>{live?.TankSize} </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-lg-3'>\r\n          <div\r\n            className={'notice d-flex gap-5  rounded border-dark border border-dashed p-6   mb-1  '}\r\n          >\r\n            <i class={'fa fa-cog fa-3x text-dark '}></i>\r\n            <div className='d-flex flex-stack flex-grow-1'>\r\n              <div className='fw-bold'>\r\n                <h4 className='text-gray-800 fw-bolder'>Version</h4>\r\n                <div title={live?.DisableRange} className='fs-6 text-gray-600'>\r\n                  {live?.Version}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <br />\r\n      {gps_data.length > 0 && (\r\n        <>\r\n          <div className={`card`}>\r\n            {/* begin::Header */}\r\n            <div className='card-header border-0 pt-5'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Map View </span>\r\n                {/* {PlayCount} */}\r\n                <span className='text-muted mt-1 fw-bold fs-7'> </span>\r\n              </h3>\r\n            </div>\r\n            <div className='card-body py-3'>\r\n              <div className='row'>\r\n                <div className='col-lg-12'>\r\n                  <div style={{height: '50vh', width: '100%'}}>\r\n                    <GoogleMapReact\r\n                      bootstrapURLKeys={{key: 'AIzaSyDnw_D-TklrDIO31vLanvrC_R_NHhypnx0'}}\r\n                      // defaultCenter={defaultProps.center}\r\n                      center={{\r\n                        lat: Number(gps_data[gps_data.length - 1]?.lat ?? defaultProps.center.lat),\r\n                        lng: Number(gps_data[gps_data.length - 1]?.lng ?? defaultProps.center.lng),\r\n                      }}\r\n                      //\r\n                      //defaultCenter={{lat: gps_data[0]?.lat, lng: gps_data[0]?.lng}}\r\n                      //\r\n                      defaultZoom={defaultProps.zoom}\r\n                      zoom={defaultProps.zoom}\r\n                    >\r\n                      {gps_data.map((marker, index) => (\r\n                        <MyGreatPlace\r\n                          key={index}\r\n                          lat={marker.lat}\r\n                          lng={marker.lng}\r\n                          text={marker.value}\r\n                          long_text={marker.text}\r\n                          isNotify={gps_data.length - 1 == index}\r\n                          Link={''}\r\n                          Type={''}\r\n                          Value={''}\r\n                        ></MyGreatPlace>\r\n                      ))}\r\n                      {/*\r\n                  { lat :6.9123483,\r\n                   lng:80.0322383,\r\n                    }\r\n                   key={index}\r\n                        lat={marker.lat}\r\n                        lng={marker.lng}\r\n                        text={''}\r\n                        isNotify={''} \r\n                        Link={''}\r\n                        Type={''}\r\n                        Value={''}\r\n                  \r\n                  {\r\n                    <MyGreatPlace\r\n                      key={1}\r\n                      lat={6.9123483}\r\n                      lng={}\r\n                      text={'gEVAN'}\r\n                      isNotify={''}\r\n                      Link={''}\r\n                      Type={''}\r\n                      Value={0}\r\n                    ></MyGreatPlace>\r\n                  } */}\r\n                    </GoogleMapReact>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            {/* begin::Body */}\r\n          </div>\r\n        </>\r\n      )}\r\n\r\n      {/* {JSON.stringify(gps_data)} */}\r\n      <br />\r\n      <div className='row'>\r\n        <div className='col-sm-6'>\r\n          <div className={`card`}>\r\n            <div className='card-header border-0'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Minimum Gas Level</span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'>Based On Last 24hours</span>\r\n              </h3>\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n              >\r\n                <div className='btn btn-sm btn-light-warning'>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                    }}\r\n                  >\r\n                    {live.Min}%\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='col-sm-6'>\r\n          <div className={`card`}>\r\n            <div className='card-header border-0'>\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Maximum Gas Level</span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'>Based On Last 24hours</span>\r\n              </h3>\r\n              <div\r\n                className='card-toolbar'\r\n                data-bs-toggle='tooltip'\r\n                data-bs-placement='top'\r\n                data-bs-trigger='hover'\r\n                title='Click to add a user'\r\n              >\r\n                <div className='btn btn-sm btn-light-danger'>\r\n                  <div\r\n                    style={{\r\n                      fontFamily: 'Roboto Mono, monospace',\r\n                      zIndex: 10,\r\n                      fontSize: '30px',\r\n                    }}\r\n                  >\r\n                    {live.Max}%\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumbs.current}>{layout?.Sensor?.name} </PageTitle>\r\n      <>\r\n        <>\r\n          <div className='row g-5 g-xl-8'>\r\n            <div className='col-xl-12'>\r\n              <br />\r\n              <h3 className='card-title align-items-start flex-column'>\r\n                <span className='card-label fw-bolder fs-3 mb-1'>Data Visualized </span>\r\n                <span className='text-muted mt-1 fw-bold fs-7'></span>\r\n              </h3>\r\n            </div>\r\n          </div>\r\n          <div className='row g-5 g-xl-8'>\r\n            <Line height={100} option={state.option} ref={chartReference} data={state.data} />\r\n          </div>\r\n        </>\r\n      </>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default SensorView3\r\n","import React, {Component} from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport shouldPureComponentUpdate from 'react-pure-render/function'\r\nimport Popup from 'reactjs-popup'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {greatPlaceStyle} from './my_great_place_styles.js'\r\n\r\nexport default class MyGreatPlace extends Component {\r\n  static propTypes = {\r\n    text: PropTypes.string,\r\n    isNotify: PropTypes.bool,\r\n    Link: PropTypes.string,\r\n  }\r\n\r\n  static defaultProps = {}\r\n\r\n  shouldComponentUpdate = shouldPureComponentUpdate\r\n\r\n  render() {\r\n    if (this.props.Type == 'Car') {\r\n      return (\r\n        <>\r\n          <Popup\r\n            trigger={\r\n              <div>\r\n                <img\r\n                  style={{position: 'absolute', left: -18, top: -10}}\r\n                  //  onClick={() => alert('')}\r\n                  width={'50px'}\r\n                  src='https://cdn4.iconfinder.com/data/icons/VISTA/accounting/png/256/truck.png'\r\n                />\r\n              </div>\r\n            }\r\n            position='right center'\r\n          >\r\n            <div>\r\n              temp : <b> {this.props.Value}°C</b> <br />\r\n              <a target={'_blank'} href={this.props.Link}>\r\n                View More Details\r\n              </a>\r\n            </div>\r\n          </Popup>\r\n        </>\r\n      )\r\n    } else {\r\n      if (!this.props.isNotify) {\r\n        return (\r\n          <>\r\n            <Popup\r\n              trigger={<div style={greatPlaceStyle}>{this.props.text}</div>}\r\n              position='right center'\r\n            >\r\n              <div>\r\n                <a target={'_blank'} href={this.props.Link}>\r\n                  View More Details\r\n                </a>\r\n              </div>\r\n            </Popup>\r\n          </>\r\n        )\r\n      } else {\r\n        return (\r\n          <>\r\n            <Popup\r\n              trigger={\r\n                <div style={greatPlaceStyle}>\r\n                  {this.props.text}{' '}\r\n                  <img\r\n                    style={{position: 'absolute', left: -18, top: -10}}\r\n                    //  onClick={() => alert('')}\r\n                    width={'50px'}\r\n                    src='https://media.tenor.com/3mZe43RbInsAAAAi/alert-blink.gif'\r\n                  />\r\n                </div>\r\n              }\r\n              position='right center'\r\n            >\r\n              <div>\r\n                <a target={'_blank'} href={this.props.Link}>\r\n                  View More Details\r\n                </a>\r\n              </div>\r\n            </Popup>\r\n          </>\r\n        )\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nconst PopupExample = () => (\r\n  <Popup trigger={<button> Trigger</button>} position='right center'>\r\n    <div>Popup content here !!</div>\r\n  </Popup>\r\n)\r\n","import React, { useState, useEffect, useRef,PureComponent } from \"react\";\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport { HubConnectionBuilder, JsonHubProtocol } from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../../_metronic/helpers'\r\nimport { Dropdown1 } from '../../../../_metronic/partials'\r\nimport { AsideDefault } from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport { Footer } from '../../../../_metronic/layout/components/Footer'\r\nimport { HeaderWrapper } from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport { PageDataProvider } from '../../../../_metronic/layout/core'\r\nimport { Content } from '../../../../_metronic/layout/components/Content'\r\nimport { ChartsWidget1, TablesWidget1, ListsWidget5, TablesWidget5, } from '../../../../_metronic/partials/widgets'\r\nimport { stat } from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from \"react-image-mapper\";\r\nimport Draggable from \"react-draggable\";\r\nimport { v4 as uuidv4 } from \"uuid\";\r\nimport Popup from 'reactjs-popup';\r\nimport SensorArea from './SensorArea'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts';\r\n\r\nimport { auto, hide, right } from \"@popperjs/core\";\r\n\r\nvar randomColor = require(\"randomcolor\");\r\n\r\n\r\n\r\nfunction Display(props) {\r\n\r\n \r\n    const [connection, setConnection] = useState(null)\r\n    const reconnectRef = useRef(0);\r\n    const urlParams = new URLSearchParams(window.location.search);\r\n    const [isloading, setLoading] = useState(true);\r\n    const [item, setItem] = useState(\"\");\r\n    const [SensorList, setsensorList] = useState([]);\r\n    const sensors = useRef([]);\r\n  \r\n  \r\n    const [layout, setLayout] = useState(\r\n      {\r\n        id: props.match?.params?.id ?? props.layout, //urlParams.get('id')??props.layout,\r\n        layoutName: \"\",\r\n        imageData: null,\r\n        devices: [],\r\n        isZoom: false\r\n      });\r\n    const [state, setState] = useState({\r\n      Data: {},\r\n      DashboardStat: 'CONNECTING',\r\n      SensorList: []\r\n    })\r\n  \r\n    const hubService = process.env.REACT_APP_MIDAS_HUB ;//\"https://signalr.midassit.com\";\r\n  \r\n    useEffect(() => {\r\n      if (connection) {\r\n        connection\r\n          .start()\r\n          .then((result) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'CONNECTED',\r\n            })\r\n            setLoading(false)\r\n            reconnectRef.current = 0;\r\n            console.log('Connected!');\r\n            connection.onreconnecting((error) => {\r\n              setState({\r\n                ...state,\r\n                DashboardStat: 'RECONNECTING',\r\n              })\r\n              console.log('Connection lost due to error . Reconnecting.')\r\n            })\r\n  \r\n            // Reconnect if hub disconnects\r\n            connection.onclose(function (e) {\r\n              setState({\r\n                ...state,\r\n                DashboardStat: 'DISCONNECTED',\r\n              })\r\n              console.log('Disconnected');\r\n            })\r\n  \r\n            connection.on('ReceiveMessage', (message) => {\r\n  \r\n              if (typeof message === 'string' || message instanceof String)\r\n              {\r\n                message = JSON.parse(message);\r\n              }\r\n              \r\n              if (message.key !== \"SensorData\")\r\n                return;\r\n  \r\n              let dataPacket = JSON.parse(message.data)\r\n              //console.log(\"[DB PACKET]\"+JSON.stringify(dataPacket));\r\n              if (dataPacket.TimeStamp === undefined || Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10) {\r\n                return\r\n              } else {\r\n  \r\n                let newElements = {};\r\n                Object.entries(dataPacket).map(([key, value]) => {\r\n                  newElements[key] = value;\r\n                });\r\n  \r\n                Object.entries(dataPacket).map(([key, value]) => {\r\n                  for (let index = 0; index < sensors.current.length; index++) {\r\n                    const element = sensors.current[index];\r\n                    if (element.machineNo === '')\r\n                      continue;\r\n  \r\n                    if (element.icon === undefined)\r\n                      element.icon = 'dot';\r\n  \r\n                    if (element.isNotify === undefined || element.isNotify === '' || element.isNotify === null)\r\n                      element.isNotify = false;\r\n  \r\n                    if (!element.lastUpdate) {\r\n                      element.lastUpdate = new Date();\r\n                    }\r\n                    else if (Math.round((new Date() - new Date(element.lastUpdate)) / 1000) > 60) {\r\n                      element.value = \"---\";\r\n                      element.color = 'black';\r\n                    }\r\n  \r\n                    let object = element.object.toString().toLowerCase();\r\n                    if (props?.object !== undefined && props?.object !== '') {\r\n                      object = props?.object.toString().toLowerCase();\r\n                    }\r\n  \r\n  \r\n                    if (element.machineNo.toString().toLowerCase() === key.toString().toLowerCase() && message.packetType.toString().toLowerCase() === object) {\r\n                      element.lastUpdate = new Date();\r\n                      element.value = value;\r\n                      element.color = 'black';\r\n                      try {\r\n                        eval(element.formula)\r\n                      } catch (error) {\r\n                        element.value = '---'\r\n                        element.color = 'black';\r\n                        console.log(element.formula)\r\n                        console.log(error);\r\n                      }\r\n                    }\r\n                  }\r\n                });\r\n                setState({\r\n                  ...state,\r\n                  SensorList: sensors.current,\r\n                  DashboardStat: 'CONNECTED',\r\n                });\r\n              }\r\n            })\r\n          })\r\n          .catch((e) => {\r\n            console.log('Connection failed: ', e);\r\n          })\r\n      }\r\n    }, [connection])\r\n  \r\n    useEffect(() => {\r\n      axios({\r\n        method: 'get',\r\n        url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layout?layout=' + layout.id,\r\n        headers: {},\r\n      }).then((response) => {\r\n  \r\n        setLayout({\r\n          ...layout,\r\n          layoutName: response.data.result.layoutName,\r\n          imageData: \"data:image/png;base64,\" + response.data.result.imageData,\r\n          isZoom: response.data.result.isZoom\r\n        })\r\n  \r\n        setState({\r\n          ...state,\r\n          SensorList: response.data.result.devices\r\n        })\r\n  \r\n        setTimeout(() => {\r\n          const newConnection = new HubConnectionBuilder()\r\n            .withUrl(hubService + '/Automation/Hub')\r\n            .withAutomaticReconnect()\r\n            .build();\r\n          setConnection(newConnection);\r\n  \r\n        }, 100);\r\n        sensors.current = response.data.result.devices\r\n      })\r\n  \r\n    }, []);\r\n  \r\n    let bodyCss = {\r\n    overflowX: \"hidden\" \r\n    }\r\n  \r\n    let backcss = {\r\n      top: 0, left: 0, right: 0,\r\n      bottom: 0, margin: \"auto\", width: \"1200px\"\r\n    }\r\n  \r\n    let sensorcss = {\r\n      position: \"absolute\", width: \"1200px\"\r\n    }\r\n  \r\n    if (!layout.isZoom) {\r\n      backcss = {\r\n        top: 0, left: 0, right: 0,\r\n        bottom: 0, margin: \"auto\"\r\n      }\r\n  \r\n      sensorcss = {\r\n        position: \"absolute\"\r\n      }\r\n  \r\n      bodyCss = {\r\n        \r\n      }\r\n    }\r\n\r\n  const data = [\r\n    {\r\n      name: 'Page A',\r\n      uv: 4000,\r\n      pv: 2400,\r\n      amt: 2400,\r\n    },\r\n    {\r\n      name: 'Page B',\r\n      uv: 3000,\r\n      pv: 1398,\r\n      amt: 2210,\r\n    },\r\n    {\r\n      name: 'Page C',\r\n      uv: 2000,\r\n      pv: 9800,\r\n      amt: 2290,\r\n    },\r\n    {\r\n      name: 'Page D',\r\n      uv: 2780,\r\n      pv: 3908,\r\n      amt: 2000,\r\n    },\r\n    {\r\n      name: 'Page E',\r\n      uv: 1890,\r\n      pv: 4800,\r\n      amt: 2181,\r\n    },\r\n    {\r\n      name: 'Page F',\r\n      uv: 2390,\r\n      pv: 3800,\r\n      amt: 2500,\r\n    },\r\n    {\r\n      name: 'Page G',\r\n      uv: 3490,\r\n      pv: 4300,\r\n      amt: 2100,\r\n    },\r\n  ];\r\n\r\n  return (\r\n    <PageDataProvider >\r\n  <img width={\"500px\"} src=\"a2.gif\"></img>\r\n     \r\n    </PageDataProvider>\r\n  );\r\n  \r\n\r\n}\r\n\r\nexport default Display;\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","export class ElementStyleUtil {\r\n  public static set(element: HTMLElement, property: string, value?: any, important?: boolean) {\r\n    if (important) {\r\n      element.style.setProperty(property, value, 'important')\r\n    } else {\r\n      element.style.setProperty(property, value)\r\n    }\r\n  }\r\n\r\n  public static get(element: HTMLElement, attributeName: string) {\r\n    return element.style.getPropertyValue(attributeName)\r\n  }\r\n\r\n  public static remove(element: HTMLElement, attibuteName: string) {\r\n    element.style.removeProperty(attibuteName)\r\n  }\r\n}\r\n","export class DataUtil {\r\n  static store: Map<HTMLElement, Map<string, any>> = new Map()\r\n\r\n  public static set(instance: HTMLElement | undefined, key: string, data: any): void {\r\n    if (!instance) {\r\n      return\r\n    }\r\n\r\n    const instanceData = DataUtil.store.get(instance)\r\n    if (!instanceData) {\r\n      const newMap = new Map().set(key, data)\r\n      DataUtil.store.set(instance, newMap)\r\n      return\r\n    }\r\n\r\n    instanceData.set(key, data)\r\n  }\r\n\r\n  public static get(instance: HTMLElement, key: string): any | undefined {\r\n    const instanceData = DataUtil.store.get(instance)\r\n    if (!instanceData) {\r\n      return\r\n    }\r\n\r\n    return instanceData.get(key)\r\n  }\r\n\r\n  public static remove(instance: HTMLElement, key: string): void {\r\n    const instanceData = DataUtil.store.get(instance)\r\n    if (!instanceData) {\r\n      return\r\n    }\r\n\r\n    instanceData.delete(key)\r\n  }\r\n\r\n  public static has(instance: HTMLElement, key: string): boolean {\r\n    const instanceData = DataUtil.store.get(instance)\r\n    if (instanceData) {\r\n      return instanceData.has(key)\r\n    }\r\n\r\n    return false\r\n  }\r\n\r\n  public static getAllInstancesByKey(key: string) {\r\n    const result: any[] = []\r\n    DataUtil.store.forEach((val) => {\r\n      val.forEach((v, k) => {\r\n        if (k === key) {\r\n          result.push(v)\r\n        }\r\n      })\r\n    })\r\n    return result\r\n  }\r\n}\r\n","function getObjectPropertyValueByKey(obj: any, key: string): any | undefined {\r\n  const map = new Map(Object.entries(obj))\r\n  if (obj.hasOwnProperty(key) && map) {\r\n    return map.get(key)\r\n  }\r\n}\r\n\r\n/**\r\n * Generates unique ID for give prefix.\r\n * @param {string} prefix Prefix for generated ID\r\n * @returns {boolean}\r\n */\r\nfunction getUniqueIdWithPrefix(prefix: string | undefined): string {\r\n  const result = Math.floor(Math.random() * new Date().getTime()).toString()\r\n  if (!prefix) {\r\n    return result\r\n  }\r\n\r\n  return `${prefix}${result}`\r\n}\r\n\r\n/* eslint-disable no-useless-escape */\r\nfunction stringSnakeToCamel(str: string): string {\r\n  return str.replace(/(\\-\\w)/g, function (m) {\r\n    return m[1].toUpperCase()\r\n  })\r\n}\r\n\r\nfunction toJSON(value: string | JSON): JSON | undefined {\r\n  if (typeof value !== 'string') {\r\n    return value\r\n  }\r\n\r\n  if (!value) {\r\n    return undefined\r\n  }\r\n\r\n  // (\"'\" => \"\\\"\");\r\n  const result = value\r\n    .toString()\r\n    .split('')\r\n    .map((el) => (el !== \"'\" ? el : '\"'))\r\n    .join('')\r\n  var jsonStr = result.replace(/(\\w+:)|(\\w+ :)/g, function (matched) {\r\n    return '\"' + matched.substring(0, matched.length - 1) + '\":'\r\n  })\r\n  try {\r\n    return JSON.parse(jsonStr)\r\n  } catch {\r\n    return undefined\r\n  }\r\n}\r\n\r\nexport {getObjectPropertyValueByKey, getUniqueIdWithPrefix, stringSnakeToCamel, toJSON}\r\n","import {getUniqueIdWithPrefix} from './_TypesHelpers'\r\n\r\nexport class DOMEventHandlerUtil {\r\n  public static store = new Map()\r\n\r\n  public static on(\r\n    element: HTMLElement,\r\n    selector: string,\r\n    eventName: string,\r\n    callBack: any\r\n  ): string {\r\n    const eventId = getUniqueIdWithPrefix('DOMEvent')\r\n    DOMEventHandlerUtil.store.set(eventId, (e: Event) => {\r\n      const targets = element.querySelectorAll(selector)\r\n      let target: HTMLElement | null = e.target as HTMLElement\r\n      while (target && target !== element) {\r\n        for (let i = 0; i < targets.length; i++) {\r\n          if (target === targets[i]) {\r\n            callBack.call(target, e)\r\n          }\r\n        }\r\n\r\n        if (target.parentElement) {\r\n          target = target.parentElement\r\n        } else {\r\n          target = null\r\n        }\r\n      }\r\n    })\r\n    element.addEventListener(eventName, DOMEventHandlerUtil.store.get(eventId))\r\n    return eventId\r\n  }\r\n\r\n  public static off(element: HTMLElement, eventName: string, eventId: string): void {\r\n    const funcFromStore = DOMEventHandlerUtil.store.get(eventId)\r\n    if (!funcFromStore) {\r\n      return\r\n    }\r\n\r\n    element.removeEventListener(eventName, funcFromStore)\r\n    DOMEventHandlerUtil.store.delete(eventId)\r\n  }\r\n\r\n  public static one(element: HTMLElement, eventName: string, callBack: Function): void {\r\n    element.addEventListener(eventName, function calee(e) {\r\n      // remove event\r\n      if (e.target && e.target.removeEventListener) {\r\n        e.target.removeEventListener(e.type, calee)\r\n      }\r\n\r\n      if (element && e && e.currentTarget) {\r\n        // if (element && element.removeEventListener && e && e.currentTarget) {\r\n        e.currentTarget.removeEventListener(e.type, calee)\r\n      }\r\n\r\n      // call hander\r\n      return callBack(e)\r\n    })\r\n  }\r\n}\r\n","import {DOMEventHandlerUtil} from './_DOMEventHandlerUtil'\r\nimport {ElementStyleUtil} from './_ElementStyleUtil'\r\nimport {getElementOffset} from './DomHelpers'\r\n\r\nexport class ElementAnimateUtil {\r\n  public static animate(\r\n    from: number,\r\n    to: number,\r\n    duration: number,\r\n    update: Function,\r\n    complete?: Function\r\n  ) {\r\n    /**\r\n     * TinyAnimate.easings\r\n     *  Adapted from jQuery Easing\r\n     */\r\n    const easings = {\r\n      linear: function (t: number, b: number, c: number, d: number) {\r\n        return (c * t) / d + b\r\n      },\r\n    }\r\n\r\n    // Create mock done() function if necessary\r\n    if (!complete) {\r\n      complete = function () {}\r\n    }\r\n\r\n    // Animation loop\r\n    // let canceled = false;\r\n    const change = to - from\r\n\r\n    function loop(timestamp: number) {\r\n      var time = (timestamp || +new Date()) - start\r\n\r\n      if (time >= 0) {\r\n        update(easings.linear(time, from, change, duration))\r\n      }\r\n      if (time >= 0 && time >= duration) {\r\n        update(to)\r\n        if (complete) {\r\n          complete()\r\n        }\r\n      } else {\r\n        window.requestAnimationFrame(loop)\r\n      }\r\n    }\r\n\r\n    update(from)\r\n\r\n    // Start animation loop\r\n    const start =\r\n      window.performance && window.performance.now ? window.performance.now() : +new Date()\r\n\r\n    window.requestAnimationFrame(loop)\r\n  }\r\n\r\n  public static animateClass(\r\n    element: HTMLElement,\r\n    animationName: string,\r\n    callBack?: Function\r\n  ): void {\r\n    const animateClasses = animationName.split(' ')\r\n    animateClasses.forEach((cssClass) => element.classList.add(cssClass))\r\n    DOMEventHandlerUtil.one(element, 'animationend', function () {\r\n      animateClasses.forEach((cssClass) => element.classList.remove(cssClass))\r\n    })\r\n\r\n    if (callBack) {\r\n      DOMEventHandlerUtil.one(element, 'animationend', callBack)\r\n    }\r\n  }\r\n\r\n  public static transitionEnd(element: HTMLElement, callBack: Function) {\r\n    DOMEventHandlerUtil.one(element, 'transitionend', callBack)\r\n  }\r\n\r\n  public static animationEnd(element: HTMLElement, callBack: Function) {\r\n    DOMEventHandlerUtil.one(element, 'animationend', callBack)\r\n  }\r\n\r\n  public static animationDelay(element: HTMLElement, value: string) {\r\n    ElementStyleUtil.set(element, 'animation-delay', value)\r\n  }\r\n\r\n  public static animationDuration(element: HTMLElement, value: string) {\r\n    ElementStyleUtil.set(element, 'animation-duration', value)\r\n  }\r\n\r\n  public static scrollTo(element: HTMLElement | null, offset: number, duration: number = 500) {\r\n    let targetPos = element ? getElementOffset(element).top : 0\r\n    let scrollPos =\r\n      window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0\r\n\r\n    if (offset) {\r\n      scrollPos += offset\r\n      targetPos = targetPos - offset\r\n    }\r\n\r\n    const from = scrollPos\r\n    const to = targetPos\r\n\r\n    ElementAnimateUtil.animate(from, to, duration, function (value: number) {\r\n      document.documentElement.scrollTop = value\r\n      // document.body.parentNode.scrollTop = value;\r\n      document.body.scrollTop = value\r\n    }) //, easing, done\r\n  }\r\n  public static scrollTop(offset: number, duration: number) {\r\n    ElementAnimateUtil.scrollTo(null, offset, duration)\r\n  }\r\n}\r\n","import {OffsetModel} from './models/OffsetModel'\r\nimport {ViewPortModel} from './models/ViewPortModel'\r\nimport {ElementStyleUtil} from './_ElementStyleUtil'\r\nimport {DataUtil} from './_DataUtil'\r\nimport {ElementAnimateUtil} from './ElementAnimateUtil'\r\nimport {getObjectPropertyValueByKey, toJSON} from './_TypesHelpers'\r\n\r\nfunction getCSS(el: HTMLElement, styleProp: string) {\r\n  const defaultView = (el.ownerDocument || document).defaultView\r\n\r\n  if (!defaultView) {\r\n    return ''\r\n  }\r\n\r\n  // sanitize property name to css notation\r\n  // (hyphen separated words eg. font-Size)\r\n  styleProp = styleProp.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n\r\n  return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp)\r\n}\r\n\r\nfunction getCSSVariableValue(variableName: string) {\r\n  let hex = getComputedStyle(document.documentElement).getPropertyValue(variableName)\r\n  if (hex && hex.length > 0) {\r\n    hex = hex.trim()\r\n  }\r\n\r\n  return hex\r\n}\r\n\r\nfunction getElementActualCss(el: HTMLElement, prop: any, cache: boolean) {\r\n  let css = ''\r\n\r\n  if (!el.getAttribute('kt-hidden-' + prop) || cache === false) {\r\n    let value\r\n\r\n    // the element is hidden so:\r\n    // making the el block so we can meassure its height but still be hidden\r\n    css = el.style.cssText\r\n    el.style.cssText = 'position: absolute; visibility: hidden; display: block;'\r\n\r\n    if (prop === 'width') {\r\n      value = el.offsetWidth\r\n    } else if (prop === 'height') {\r\n      value = el.offsetHeight\r\n    }\r\n\r\n    el.style.cssText = css\r\n\r\n    // store it in cache\r\n    if (value !== undefined) {\r\n      el.setAttribute('kt-hidden-' + prop, value.toString())\r\n      return parseFloat(value.toString())\r\n    }\r\n    return 0\r\n  } else {\r\n    // store it in cache\r\n    const attributeValue = el.getAttribute('kt-hidden-' + prop)\r\n    if (attributeValue || attributeValue === '0') {\r\n      return parseFloat(attributeValue)\r\n    }\r\n  }\r\n}\r\n\r\nfunction getElementActualHeight(el: HTMLElement) {\r\n  return getElementActualCss(el, 'height', false)\r\n}\r\n\r\nfunction getElementActualWidth(el: HTMLElement, cache?: boolean) {\r\n  return getElementActualCss(el, 'width', false)\r\n}\r\n\r\nfunction getElementIndex(element: HTMLElement) {\r\n  if (element.parentNode) {\r\n    const c = element.parentNode.children\r\n    for (let i = 0; i < c.length; i++) {\r\n      if (c[i] === element) return i\r\n    }\r\n  }\r\n  return -1\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\r\nfunction getElementMatches(element: HTMLElement, selector: string) {\r\n  const p = Element.prototype\r\n  const f = p.matches || p.webkitMatchesSelector\r\n\r\n  if (element && element.tagName) {\r\n    return f.call(element, selector)\r\n  } else {\r\n    return false\r\n  }\r\n}\r\n\r\nfunction getElementOffset(el: HTMLElement): OffsetModel {\r\n  // Return zeros for disconnected and hidden (display: none) elements (gh-2310)\r\n  // Support: IE <=11 only\r\n  // Running getBoundingClientRect on a\r\n  // disconnected node in IE throws an error\r\n  if (!el.getClientRects().length) {\r\n    return {top: 0, left: 0}\r\n  }\r\n\r\n  // Get document-relative position by adding viewport scroll to viewport-relative gBCR\r\n  const rect = el.getBoundingClientRect()\r\n  const win = el.ownerDocument.defaultView\r\n  if (win) {\r\n    return {\r\n      top: rect.top + win.pageYOffset,\r\n      left: rect.left + win.pageXOffset,\r\n    }\r\n  }\r\n\r\n  return rect\r\n}\r\n\r\nfunction getElementParents(element: Element, selector: string) {\r\n  // Element.matches() polyfill\r\n  if (!Element.prototype.matches) {\r\n    Element.prototype.matches = function (s) {\r\n      const matches = (document || this.ownerDocument).querySelectorAll(s)\r\n      let i = matches.length\r\n      while (--i >= 0 && matches.item(i) !== this) {}\r\n      return i > -1\r\n    }\r\n  }\r\n\r\n  // Set up a parent array\r\n  const parents = []\r\n\r\n  let el: Element | null = element\r\n\r\n  // Push each parent element to the array\r\n  for (; el && el !== document.body; el = el.parentElement) {\r\n    if (selector) {\r\n      if (el.matches(selector)) {\r\n        parents.push(el)\r\n      }\r\n      continue\r\n    }\r\n    parents.push(el)\r\n  }\r\n\r\n  // Return our parent array\r\n  return parents\r\n}\r\n\r\nfunction getHighestZindex(el: HTMLElement) {\r\n  let bufferNode: Node | null = el as Node\r\n  let buffer = el\r\n  while (bufferNode && bufferNode !== document) {\r\n    // Ignore z-index if position is set to a value where z-index is ignored by the browser\r\n    // This makes behavior of this function consistent across browsers\r\n    // WebKit always returns auto if the element is positioned\r\n    const position = buffer.style.getPropertyValue('position')\r\n    if (position === 'absolute' || position === 'relative' || position === 'fixed') {\r\n      // IE returns 0 when zIndex is not specified\r\n      // other browsers return a string\r\n      // we ignore the case of nested elements with an explicit value of 0\r\n      // <div style=\"z-index: -10;\"><div style=\"z-index: 0;\"></div></div>\r\n      const value = parseInt(buffer.style.getPropertyValue('z-index'))\r\n      if (!isNaN(value) && value !== 0) {\r\n        return value\r\n      }\r\n    }\r\n\r\n    bufferNode = bufferNode.parentNode\r\n    buffer = bufferNode as HTMLElement\r\n  }\r\n  return null\r\n}\r\n\r\nfunction getScrollTop(): number {\r\n  return (document.scrollingElement || document.documentElement).scrollTop\r\n}\r\n\r\n// https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth\r\nfunction getViewPort(): ViewPortModel {\r\n  return {\r\n    width: window.innerWidth,\r\n    height: window.innerHeight,\r\n  }\r\n}\r\n\r\nfunction insertAfterElement(el: HTMLElement, referenceNode: HTMLElement) {\r\n  return referenceNode.parentNode?.insertBefore(el, referenceNode.nextSibling)\r\n}\r\n\r\nfunction isElementHasClasses(element: HTMLElement, classesStr: string): boolean {\r\n  const classes = classesStr.split(' ')\r\n  for (let i = 0; i < classes.length; i++) {\r\n    if (!element.classList.contains(classes[i])) {\r\n      return false\r\n    }\r\n  }\r\n\r\n  return true\r\n}\r\n\r\nfunction isVisibleElement(element: HTMLElement): boolean {\r\n  return !(element.offsetWidth === 0 && element.offsetHeight === 0)\r\n}\r\n\r\n// Throttle function: Input as function which needs to be throttled and delay is the time interval in milliseconds\r\nfunction throttle(timer: number | undefined, func: Function, delay?: number) {\r\n  // If setTimeout is already scheduled, no need to do anything\r\n  if (timer) {\r\n    return\r\n  }\r\n\r\n  // Schedule a setTimeout after delay seconds\r\n  timer = window.setTimeout(function () {\r\n    func()\r\n\r\n    // Once setTimeout function execution is finished, timerId = undefined so that in <br>\r\n    // the next scroll event function execution can be scheduled by the setTimeout\r\n    timer = undefined\r\n  }, delay)\r\n}\r\n\r\nfunction getElementChildren(element: HTMLElement, selector: string): Array<HTMLElement> | null {\r\n  if (!element || !element.childNodes) {\r\n    return null\r\n  }\r\n\r\n  const result: Array<HTMLElement> = []\r\n  for (let i = 0; i < element.childNodes.length; i++) {\r\n    const child = element.childNodes[i]\r\n    // child.nodeType == 1 => Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference\r\n    if (child.nodeType === 1 && getElementMatches(child as HTMLElement, selector)) {\r\n      result.push(child as HTMLElement)\r\n    }\r\n  }\r\n\r\n  return result\r\n}\r\n\r\nfunction getElementChild(element: HTMLElement, selector: string): HTMLElement | null {\r\n  const children = getElementChildren(element, selector)\r\n  return children ? children[0] : null\r\n}\r\n\r\nfunction isMobileDevice(): boolean {\r\n  let test = getViewPort().width < +getBreakpoint('lg') ? true : false\r\n\r\n  if (test === false) {\r\n    // For use within normal web clients\r\n    test = navigator.userAgent.match(/iPad/i) != null\r\n  }\r\n\r\n  return test\r\n}\r\n\r\nfunction slide(el: HTMLElement, dir: string, speed: number, callback: any) {\r\n  if (\r\n    !el ||\r\n    (dir === 'up' && isVisibleElement(el) === false) ||\r\n    (dir === 'down' && isVisibleElement(el) === true)\r\n  ) {\r\n    return\r\n  }\r\n\r\n  speed = speed ? speed : 600\r\n  let calcHeight = getElementActualHeight(el)\r\n  let calcPaddingTop: number = 0\r\n  let calcPaddingBottom: number = 0\r\n\r\n  if (ElementStyleUtil.get(el, 'padding-top') && DataUtil.get(el, 'slide-padding-top') !== true) {\r\n    DataUtil.set(el, 'slide-padding-top', ElementStyleUtil.get(el, 'padding-top'))\r\n  }\r\n\r\n  if (\r\n    ElementStyleUtil.get(el, 'padding-bottom') &&\r\n    DataUtil.has(el, 'slide-padding-bottom') !== true\r\n  ) {\r\n    DataUtil.set(el, 'slide-padding-bottom', ElementStyleUtil.get(el, 'padding-bottom'))\r\n  }\r\n\r\n  if (DataUtil.has(el, 'slide-padding-top')) {\r\n    calcPaddingTop = parseInt(DataUtil.get(el, 'slide-padding-top'))\r\n  }\r\n\r\n  if (DataUtil.has(el, 'slide-padding-bottom')) {\r\n    calcPaddingBottom = parseInt(DataUtil.get(el, 'slide-padding-bottom'))\r\n  }\r\n\r\n  if (dir === 'up') {\r\n    // up\r\n    el.style.cssText = 'display: block; overflow: hidden;'\r\n\r\n    if (calcPaddingTop) {\r\n      ElementAnimateUtil.animate(0, calcPaddingTop, speed, function (value: number) {\r\n        el.style.paddingTop = calcPaddingTop - value + 'px'\r\n      })\r\n    }\r\n\r\n    if (calcPaddingBottom) {\r\n      ElementAnimateUtil.animate(0, calcPaddingBottom, speed, function (value: number) {\r\n        el.style.paddingBottom = calcPaddingBottom - value + 'px'\r\n      })\r\n    }\r\n\r\n    ElementAnimateUtil.animate(\r\n      0,\r\n      calcHeight || 0,\r\n      speed,\r\n      function (value: number) {\r\n        el.style.height = (calcHeight || 0) - value + 'px'\r\n      },\r\n      function () {\r\n        el.style.height = ''\r\n        el.style.display = 'none'\r\n\r\n        if (typeof callback === 'function') {\r\n          callback()\r\n        }\r\n      }\r\n    )\r\n  } else if (dir === 'down') {\r\n    // down\r\n    el.style.cssText = 'display: block; overflow: hidden;'\r\n\r\n    if (calcPaddingTop) {\r\n      ElementAnimateUtil.animate(\r\n        0,\r\n        calcPaddingTop,\r\n        speed,\r\n        function (value: number) {\r\n          //\r\n          el.style.paddingTop = value + 'px'\r\n        },\r\n        function () {\r\n          el.style.paddingTop = ''\r\n        }\r\n      )\r\n    }\r\n\r\n    if (calcPaddingBottom) {\r\n      ElementAnimateUtil.animate(\r\n        0,\r\n        calcPaddingBottom,\r\n        speed,\r\n        function (value: number) {\r\n          el.style.paddingBottom = value + 'px'\r\n        },\r\n        function () {\r\n          el.style.paddingBottom = ''\r\n        }\r\n      )\r\n    }\r\n\r\n    ElementAnimateUtil.animate(\r\n      0,\r\n      calcHeight || 0,\r\n      speed,\r\n      function (value: number) {\r\n        el.style.height = value + 'px'\r\n      },\r\n      function () {\r\n        el.style.height = ''\r\n        el.style.display = ''\r\n        el.style.overflow = ''\r\n\r\n        if (typeof callback === 'function') {\r\n          callback()\r\n        }\r\n      }\r\n    )\r\n  }\r\n}\r\n\r\nfunction slideUp(el: HTMLElement, speed: number, callback: any) {\r\n  slide(el, 'up', speed, callback)\r\n}\r\n\r\nfunction slideDown(el: HTMLElement, speed: number, callback: any) {\r\n  slide(el, 'down', speed, callback)\r\n}\r\n\r\nfunction getBreakpoint(breakpoint: string) {\r\n  let value: number | string = getCSSVariableValue('--bs-' + breakpoint)\r\n  if (value) {\r\n    value = parseInt(value.trim())\r\n  }\r\n\r\n  return value\r\n}\r\n\r\nfunction getAttributeValueByBreakpoint(incomingAttr: string): string | JSON {\r\n  let value = toJSON(incomingAttr)\r\n  if (typeof value !== 'object') {\r\n    return incomingAttr\r\n  }\r\n\r\n  const width = getViewPort().width\r\n  let resultKey\r\n  let resultBreakpoint = -1\r\n  let breakpoint\r\n\r\n  for (let key in value) {\r\n    if (key === 'default') {\r\n      breakpoint = 0\r\n    } else {\r\n      breakpoint = getBreakpoint(key) ? +getBreakpoint(key) : parseInt(key)\r\n    }\r\n\r\n    if (breakpoint <= width && breakpoint > resultBreakpoint) {\r\n      resultKey = key\r\n      resultBreakpoint = breakpoint\r\n    }\r\n  }\r\n\r\n  return resultKey ? getObjectPropertyValueByKey(value, resultKey) : value\r\n}\r\n\r\nfunction colorLighten(color: string, amount: number) {\r\n  const addLight = (_color: string, _amount: number) => {\r\n    const cc = parseInt(_color, 16) + _amount\r\n    const cNum = cc > 255 ? 255 : cc\r\n    const c = cNum.toString(16).length > 1 ? cNum.toString(16) : `0${cNum.toString(16)}`\r\n    return c\r\n  }\r\n\r\n  color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color\r\n  amount = parseInt(((255 * amount) / 100).toString())\r\n  return (color = `#${addLight(color.substring(0, 2), amount)}${addLight(\r\n    color.substring(2, 4),\r\n    amount\r\n  )}${addLight(color.substring(4, 6), amount)}`)\r\n}\r\n\r\nfunction colorDarken(color: string, amount: number) {\r\n  const subtractLight = (_color: string, _amount: number) => {\r\n    const cc = parseInt(color, 16) - amount\r\n    const cNum = cc < 0 ? 0 : cc\r\n    const c = cNum.toString(16).length > 1 ? cNum.toString(16) : `0${cNum.toString(16)}`\r\n    return c\r\n  }\r\n\r\n  color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color\r\n  amount = parseInt(((255 * amount) / 100).toString())\r\n\r\n  return (color = `#${subtractLight(color.substring(0, 2), amount)}${subtractLight(\r\n    color.substring(2, 4),\r\n    amount\r\n  )}${subtractLight(color.substring(4, 6), amount)}`)\r\n}\r\n\r\nexport {\r\n  getBreakpoint,\r\n  getCSS,\r\n  getCSSVariableValue,\r\n  getElementActualCss,\r\n  getElementActualHeight,\r\n  getElementActualWidth,\r\n  getElementIndex,\r\n  getElementMatches,\r\n  getElementOffset,\r\n  getElementParents,\r\n  getHighestZindex,\r\n  getScrollTop,\r\n  getViewPort,\r\n  insertAfterElement,\r\n  isElementHasClasses,\r\n  isVisibleElement,\r\n  throttle,\r\n  getElementChildren,\r\n  getElementChild,\r\n  isMobileDevice,\r\n  slide,\r\n  slideUp,\r\n  slideDown,\r\n  getAttributeValueByBreakpoint,\r\n  colorLighten,\r\n  colorDarken,\r\n}\r\n","import {DataUtil} from './_DataUtil'\r\nimport {getUniqueIdWithPrefix} from './_TypesHelpers'\r\n\r\nexport interface EventMeta {\r\n  name: string\r\n  callback: Function\r\n  one: boolean\r\n  fired: boolean\r\n}\r\n\r\nexport class EventHandlerUtil {\r\n  static store: Map<string, Map<string, EventMeta>> = new Map()\r\n\r\n  private static setEventMetasByName(name: string, metas: Map<string, EventMeta>): void {\r\n    EventHandlerUtil.store.set(name, metas)\r\n  }\r\n\r\n  private static getEventMetasByName(name: string): Map<string, EventMeta> | undefined {\r\n    return EventHandlerUtil.store.get(name)\r\n  }\r\n\r\n  private static setEventMetaByNameAndHandlerId(\r\n    name: string,\r\n    handlerId: string,\r\n    meta: EventMeta\r\n  ): void {\r\n    let metas = EventHandlerUtil.getEventMetasByName(name)\r\n    if (!metas) {\r\n      metas = new Map()\r\n    }\r\n\r\n    metas.set(handlerId, meta)\r\n    EventHandlerUtil.setEventMetasByName(name, metas)\r\n  }\r\n\r\n  private static getEventsMetaByHandlerId(name: string, handlerId: string): EventMeta | undefined {\r\n    const metas = EventHandlerUtil.store.get(name)\r\n    if (!metas) {\r\n      return\r\n    }\r\n\r\n    return metas.get(handlerId)\r\n  }\r\n\r\n  private static setFiredByNameAndHandlerId(name: string, handerId: string, fired: boolean): void {\r\n    const meta = EventHandlerUtil.getEventsMetaByHandlerId(name, handerId)\r\n    if (!meta) {\r\n      return\r\n    }\r\n\r\n    meta.fired = fired\r\n    EventHandlerUtil.setEventMetaByNameAndHandlerId(name, handerId, meta)\r\n  }\r\n\r\n  private static addEvent(\r\n    element: HTMLElement,\r\n    name: string,\r\n    callback: Function,\r\n    one: boolean = false\r\n  ) {\r\n    const handlerId = getUniqueIdWithPrefix('event')\r\n    DataUtil.set(element, name, handlerId)\r\n    const meta: EventMeta = {\r\n      name: name,\r\n      callback: callback,\r\n      one: one,\r\n      fired: false,\r\n    }\r\n\r\n    EventHandlerUtil.setEventMetaByNameAndHandlerId(name, handlerId, meta)\r\n  }\r\n\r\n  private static removeEvent(element: HTMLElement, name: string) {\r\n    const handlerId = DataUtil.get(element, name)\r\n    if (!handlerId) {\r\n      return\r\n    }\r\n\r\n    const metas = EventHandlerUtil.getEventMetasByName(name)\r\n    if (!metas) {\r\n      return\r\n    }\r\n\r\n    metas.delete(handlerId)\r\n    EventHandlerUtil.setEventMetasByName(name, metas)\r\n  }\r\n\r\n  public static trigger(element: HTMLElement, name: string, e?: Event) {\r\n    if (DataUtil.has(element, name)) {\r\n      const handlerId = DataUtil.get(element, name)\r\n      if (!handlerId) {\r\n        return undefined\r\n      }\r\n\r\n      const handler = EventHandlerUtil.getEventsMetaByHandlerId(name, handlerId)\r\n      if (handler) {\r\n        if (handler.name === name) {\r\n          if (handler.one === true) {\r\n            if (handler.fired === false) {\r\n              EventHandlerUtil.setFiredByNameAndHandlerId(name, handlerId, true)\r\n              return handler.callback.call(this, e)\r\n            }\r\n          } else {\r\n            return handler.callback.call(this, e)\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static on = function (element: HTMLElement, name: string, callBack: Function): void {\r\n    EventHandlerUtil.addEvent(element, name, callBack, false)\r\n  }\r\n\r\n  public static one(element: HTMLElement, name: string, callBack: Function): void {\r\n    EventHandlerUtil.addEvent(element, name, callBack, true)\r\n  }\r\n\r\n  public static off(element: HTMLElement, name: string): void {\r\n    EventHandlerUtil.removeEvent(element, name)\r\n  }\r\n}\r\n","/* eslint-disable no-useless-escape */\r\n// DOCS: https://javascript.info/cookie\r\nexport class CookieComponent {\r\n  /**\r\n   * Returns the cookie with the given name, or undefined if not found\r\n   *\r\n   * @param  {string} name - cookie name\r\n   * @returns string | null\r\n   */\r\n  public static get(name: string): string | undefined {\r\n    let matches = document.cookie.match(\r\n      new RegExp('(?:^|; )' + name.replace(/([\\.$?*|{}\\(\\)\\[\\]\\\\\\/\\+^])/g, '\\\\$1') + '=([^;]*)')\r\n    )\r\n    return matches ? decodeURIComponent(matches[1]) : undefined\r\n  }\r\n\r\n  /**\r\n   * Please note that a cookie value is encoded,\r\n   * so getCookie uses a built-in decodeURIComponent function to decode it.\r\n   *\r\n   * @param  {string} name - cookie name\r\n   * @param  {string | number | boolean} value - cookie value\r\n   * @param  {any} cookieOptions - cookie options\r\n   * @returns void\r\n   */\r\n  public static set(name: string, value: string | number | boolean, cookieOptions: any): void {\r\n    const options = {\r\n      path: '/',\r\n      // add other defaults here if necessary\r\n      ...cookieOptions,\r\n    }\r\n\r\n    if (options.expires instanceof Date) {\r\n      options.expires = options.expires.toUTCString()\r\n    }\r\n\r\n    let updatedCookie = encodeURIComponent(name) + '=' + encodeURIComponent(value)\r\n\r\n    for (let optionKey in options) {\r\n      updatedCookie += '; ' + optionKey\r\n      let optionValue = options[optionKey]\r\n      if (optionValue !== true) {\r\n        updatedCookie += '=' + optionValue\r\n      }\r\n    }\r\n\r\n    document.cookie = updatedCookie\r\n  }\r\n\r\n  /**\r\n   * To delete a cookie, we can call it with a negative expiration date\r\n   *\r\n   * @param  {string} name\r\n   */\r\n  public static delete(name: string): void {\r\n    CookieComponent.set(name, '', {\r\n      'max-age': -1,\r\n    })\r\n  }\r\n}\r\n","import {\r\n  EventHandlerUtil,\r\n  getUniqueIdWithPrefix,\r\n  getObjectPropertyValueByKey,\r\n  stringSnakeToCamel,\r\n  getAttributeValueByBreakpoint,\r\n  throttle,\r\n  getCSS,\r\n  DOMEventHandlerUtil,\r\n  ElementStyleUtil,\r\n} from '../_utils'\r\n\r\nexport class DrawerStore {\r\n  static store: Map<string, DrawerComponent> = new Map()\r\n\r\n  public static set(instanceId: string, drawerComponentObj: DrawerComponent): void {\r\n    if (DrawerStore.has(instanceId)) {\r\n      return\r\n    }\r\n\r\n    DrawerStore.store.set(instanceId, drawerComponentObj)\r\n  }\r\n\r\n  public static get(instanceId: string): DrawerComponent | undefined {\r\n    if (!DrawerStore.has(instanceId)) {\r\n      return\r\n    }\r\n    return DrawerStore.store.get(instanceId)\r\n  }\r\n\r\n  public static remove(instanceId: string): void {\r\n    if (!DrawerStore.has(instanceId)) {\r\n      return\r\n    }\r\n\r\n    DrawerStore.store.delete(instanceId)\r\n  }\r\n\r\n  public static has(instanceId: string): boolean {\r\n    return DrawerStore.store.has(instanceId)\r\n  }\r\n\r\n  public static getAllInstances() {\r\n    return DrawerStore.store\r\n  }\r\n}\r\n\r\nexport interface DrawerOptions {\r\n  overlay: boolean\r\n  baseClass: string\r\n  overlayClass: string\r\n  direction: string\r\n}\r\n\r\nconst defaultDrawerOptions: DrawerOptions = {\r\n  overlay: true,\r\n  baseClass: 'drawer',\r\n  overlayClass: 'drawer-overlay',\r\n  direction: 'end',\r\n}\r\n\r\nclass DrawerComponent {\r\n  element: HTMLElement\r\n  overlayElement: HTMLElement | null = null\r\n  toggleElement: HTMLElement | null = null\r\n  options: DrawerOptions\r\n  instanceUid: string\r\n  name: string = ''\r\n  shown: boolean = false\r\n  lastWidth: number = 0\r\n  closeElement: HTMLElement | null = null\r\n\r\n  constructor(_element: HTMLElement, options: DrawerOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultDrawerOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('drawer')\r\n    this.overlayElement = null\r\n    this.name = this.element.getAttribute('data-kt-drawer-name') || ''\r\n    this.shown = false\r\n    this.toggleElement = null\r\n    // Event Handlers\r\n    this._handlers()\r\n    // Update Instance\r\n    this._update()\r\n    // Bind Instance\r\n    DrawerStore.set(this.element.id, this)\r\n  }\r\n\r\n  private _handlers = () => {\r\n    const togglers = this._getOption('toggle') as string\r\n    const closers = this._getOption('close') as string\r\n\r\n    if (togglers !== null && togglers.length > 0) {\r\n      DOMEventHandlerUtil.on(document.body, togglers, 'click', (e: Event) => {\r\n        e.preventDefault()\r\n        this.toggleElement = document.getElementById(togglers)\r\n        this._toggle()\r\n      })\r\n    }\r\n\r\n    if (closers !== null && closers.length > 0) {\r\n      DOMEventHandlerUtil.on(document.body, closers, 'click', (e: Event) => {\r\n        e.preventDefault()\r\n        this.closeElement = document.getElementById(closers)\r\n\r\n        this._hide()\r\n      })\r\n    }\r\n  }\r\n\r\n  private _update = () => {\r\n    const width = String(this._getOption('width'))\r\n    const direction = String(this._getOption('direction'))\r\n\r\n    // Reset state\r\n    const hasBaseClass = this.element.classList.contains(`${this.options.baseClass}-on`)\r\n    const bodyCanvasAttr = String(document.body.getAttribute(`data-kt-drawer-${this.name}-`))\r\n\r\n    if (hasBaseClass === true && bodyCanvasAttr === 'on') {\r\n      this.shown = true\r\n    } else {\r\n      this.shown = false\r\n    }\r\n\r\n    // Activate/deactivate\r\n    if (this._getOption('activate') === true) {\r\n      this.element.classList.add(this.options.baseClass)\r\n      this.element.classList.add(`${this.options.baseClass}-${direction}`)\r\n      ElementStyleUtil.set(this.element, 'width', width, true)\r\n\r\n      this.lastWidth = parseInt(width)\r\n    } else {\r\n      ElementStyleUtil.set(this.element, 'width', '')\r\n      this.element.classList.remove(this.options.baseClass)\r\n      this.element.classList.remove(`${this.options.baseClass}-${direction}`)\r\n      this._hide()\r\n    }\r\n  }\r\n\r\n  private _getOption = (name: string) => {\r\n    const attr = this.element.getAttribute(`data-kt-drawer-${name}`)\r\n    if (attr) {\r\n      let value = getAttributeValueByBreakpoint(attr)\r\n      if (value !== null && String(value) === 'true') {\r\n        return true\r\n      } else {\r\n        if (value !== null && String(value) === 'false') {\r\n          return false\r\n        }\r\n      }\r\n\r\n      return value\r\n    } else {\r\n      const optionName = stringSnakeToCamel(name)\r\n      const option = getObjectPropertyValueByKey(this.options, optionName)\r\n      if (option) {\r\n        return getAttributeValueByBreakpoint(option)\r\n      } else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  private _toggle = () => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.drawer.toggle') === false) {\r\n      return\r\n    }\r\n\r\n    if (this.shown) {\r\n      this._hide()\r\n    } else {\r\n      this._show()\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.drawer.toggled')\r\n  }\r\n\r\n  private _hide = () => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.drawer.hide') === false) {\r\n      return\r\n    }\r\n\r\n    this.shown = false\r\n    this._deleteOverlay()\r\n    document.body.removeAttribute(`data-kt-drawer-${this.name}`)\r\n    document.body.removeAttribute(`data-kt-drawer`)\r\n    this.element.classList.remove(`${this.options.baseClass}-on`)\r\n    if (this.toggleElement != null) {\r\n      this.toggleElement.classList.remove('active')\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.drawer.after.hidden')\r\n  }\r\n\r\n  private _show = () => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.drawer.show') === false) {\r\n      return\r\n    }\r\n\r\n    this.shown = true\r\n    this._createOverlay()\r\n    document.body.setAttribute(`data-kt-drawer-${this.name}`, 'on')\r\n    document.body.setAttribute('data-kt-drawer', 'on')\r\n    this.element.classList.add(`${this.options.baseClass}-on`)\r\n    if (this.toggleElement !== null) {\r\n      this.toggleElement.classList.add('active')\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.drawer.shown')\r\n  }\r\n\r\n  private _createOverlay = () => {\r\n    if (this._getOption('overlay') === true) {\r\n      this.overlayElement = document.createElement('DIV')\r\n      const elementZIndex = getCSS(this.element, 'z-index')\r\n      if (elementZIndex) {\r\n        const overlayZindex = parseInt(elementZIndex) - 1\r\n        ElementStyleUtil.set(this.overlayElement, 'z-index', overlayZindex) // update\r\n      }\r\n      document.body.append(this.overlayElement)\r\n      const overlayClassOption = this._getOption('overlay-class')\r\n      if (overlayClassOption) {\r\n        this.overlayElement.classList.add(overlayClassOption.toString())\r\n      }\r\n      this.overlayElement.addEventListener('click', (e) => {\r\n        e.preventDefault()\r\n        this._hide()\r\n      })\r\n    }\r\n  }\r\n\r\n  private _deleteOverlay = () => {\r\n    if (this.overlayElement !== null && this.overlayElement.parentNode) {\r\n      this.overlayElement.parentNode.removeChild(this.overlayElement)\r\n    }\r\n  }\r\n\r\n  private _getDirection = () => {\r\n    return String(this._getOption('direction')) === 'left' ? 'left' : 'right'\r\n  }\r\n\r\n  private _getWidth = () => {\r\n    let width = this._getOption('width')\r\n    if (width && width === 'auto') {\r\n      width = getCSS(this.element, 'width')\r\n    }\r\n\r\n    return width\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public toggle = () => {\r\n    this._toggle()\r\n  }\r\n\r\n  public show = () => {\r\n    this._show()\r\n  }\r\n\r\n  public hide = () => {\r\n    this._hide()\r\n  }\r\n\r\n  public isShown = () => {\r\n    return this.shown\r\n  }\r\n\r\n  public update = () => {\r\n    this._update()\r\n  }\r\n\r\n  public goElement = () => {\r\n    return this.element\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public trigger = (name: string, event: Event) => {\r\n    return EventHandlerUtil.trigger(this.element, name, event)\r\n  }\r\n\r\n  // Static methods\r\n  public static hasInstace = (elementId: string): boolean => {\r\n    return DrawerStore.has(elementId)\r\n  }\r\n\r\n  public static getInstance = (elementId: string) => {\r\n    return DrawerStore.get(elementId)\r\n  }\r\n\r\n  public static hideAll = () => {\r\n    const oldInstances = DrawerStore.getAllInstances()\r\n    oldInstances.forEach((dr) => {\r\n      dr.hide()\r\n    })\r\n  }\r\n\r\n  public static updateAll = () => {\r\n    const oldInstances = DrawerStore.getAllInstances()\r\n    oldInstances.forEach((dr) => {\r\n      dr.update()\r\n    })\r\n  }\r\n\r\n  // Create Instances\r\n  public static createInstances(selector: string): void {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((element) => {\r\n      const item = element as HTMLElement\r\n      let drawer = DrawerComponent.getInstance(item.id)\r\n      if (!drawer) {\r\n        drawer = new DrawerComponent(item, defaultDrawerOptions)\r\n      }\r\n      drawer.element = item\r\n      drawer.hide()\r\n    })\r\n  }\r\n\r\n  // Dismiss instances\r\n  public static handleDismiss = () => {\r\n    // External drawer toggle handler\r\n    DOMEventHandlerUtil.on(document.body, '[data-kt-drawer-dismiss=\"true\"]', 'click', () => {\r\n      /* @ts-ignore */\r\n      const element = this.closest('[data-kt-drawer=\"true\"]')\r\n      if (element) {\r\n        const drawer = DrawerComponent.getInstance(element)\r\n        if (drawer && drawer.isShown()) {\r\n          drawer.hide()\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  // Global Initialization\r\n  public static initGlobalHandlers(): void {\r\n    // Window Resize Handling\r\n    window.addEventListener('resize', function () {\r\n      let timer: number | undefined\r\n      throttle(\r\n        timer,\r\n        () => {\r\n          // Locate and update Drawer instances on window resize\r\n          const elements = document.body.querySelectorAll('[data-kt-drawer=\"true\"]')\r\n          elements.forEach((el) => {\r\n            const item = el as HTMLElement\r\n            const instance = DrawerComponent.getInstance(item.id)\r\n            if (instance) {\r\n              instance.element = item\r\n              instance.update()\r\n            }\r\n          })\r\n        },\r\n        200\r\n      )\r\n    })\r\n  }\r\n\r\n  public static bootstrap = () => {\r\n    DrawerComponent.createInstances('[data-kt-drawer=\"true\"]')\r\n    DrawerComponent.initGlobalHandlers()\r\n    DrawerComponent.handleDismiss()\r\n  }\r\n\r\n  public static reinitialization = () => {\r\n    DrawerComponent.createInstances('[data-kt-drawer=\"true\"]')\r\n    DrawerComponent.hideAll()\r\n    DrawerComponent.updateAll()\r\n    DrawerComponent.handleDismiss()\r\n  }\r\n}\r\n\r\nexport {DrawerComponent, defaultDrawerOptions}\r\n","import {\r\n  DataUtil,\r\n  ElementStyleUtil,\r\n  EventHandlerUtil,\r\n  getUniqueIdWithPrefix,\r\n  getAttributeValueByBreakpoint,\r\n} from '../_utils/index'\r\n\r\nexport interface FeedbackOptions {\r\n  width?: number\r\n  placement?: string\r\n  content?: string\r\n  type?: string\r\n}\r\n\r\nconst defaultFeedbackOptions: FeedbackOptions = {\r\n  width: 100,\r\n  placement: 'top-center',\r\n  content: '',\r\n  type: 'popup',\r\n}\r\n\r\nclass FeedbackComponent {\r\n  element: HTMLElement\r\n  options: FeedbackOptions\r\n  instanceUid: string\r\n  shown: boolean\r\n\r\n  constructor(_element: HTMLElement, options: FeedbackOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultFeedbackOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('feedback')\r\n    this.shown = false\r\n\r\n    // Event handlers\r\n    this._handlers() // will add in the show popup\r\n    DataUtil.set(this.element, 'feedback', this)\r\n  }\r\n\r\n  private _handlers = () => {\r\n    this.element.addEventListener('click', (e: Event) => {\r\n      e.preventDefault()\r\n      this._go()\r\n    })\r\n  }\r\n\r\n  private _go = () => {}\r\n\r\n  private showPopup = () => {\r\n    this.element = document.createElement('DIV')\r\n\r\n    this.element.classList.add('feedback feedback-popup')\r\n    this.element.innerHTML = this.options.content || ''\r\n\r\n    if (this.options.placement === 'top-center') {\r\n      this.setPopupTopCenterPosition()\r\n    }\r\n\r\n    document.body.appendChild(this.element)\r\n    this.element.classList.add('feedback-shown')\r\n    this.shown = true\r\n  }\r\n\r\n  private setPopupTopCenterPosition = () => {\r\n    const width = getAttributeValueByBreakpoint(this.options.width?.toString() || '0')\r\n    const height = ElementStyleUtil.get(this.element, 'height')\r\n    this.element.classList.add('feedback-top-center')\r\n    ElementStyleUtil.set(this.element, 'width', width)\r\n    ElementStyleUtil.set(this.element, 'left', '50%')\r\n    ElementStyleUtil.set(this.element, 'top', '-' + height)\r\n  }\r\n\r\n  private hidePopup = () => {\r\n    this.element.remove()\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public show = () => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.feedback.show') === false) {\r\n      return\r\n    }\r\n\r\n    if (this.options.type === 'popup') {\r\n      this.showPopup()\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.feedback.shown')\r\n\r\n    return this\r\n  }\r\n\r\n  public hide = () => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.feedback.hide') === false) {\r\n      return\r\n    }\r\n\r\n    if (this.options.type === 'popup') {\r\n      this.hidePopup()\r\n    }\r\n\r\n    this.shown = false\r\n    EventHandlerUtil.trigger(this.element, 'kt.feedback.hidden')\r\n    return this\r\n  }\r\n\r\n  public isShown = () => {\r\n    return this.isShown\r\n  }\r\n\r\n  public getElement = () => {\r\n    return this.element\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public trigger = (name: string, event: Event) => {\r\n    return EventHandlerUtil.trigger(this.element, name, event)\r\n  }\r\n\r\n  // Create Instances\r\n  public static createInstances(selector: string) {\r\n    throw new Error('not implemented')\r\n  }\r\n\r\n  // Static methods\r\n  public static hasInstace(element: HTMLElement) {\r\n    throw new Error('not implemented')\r\n  }\r\n\r\n  public static getInstance(element: HTMLElement) {\r\n    throw new Error('not implemented')\r\n  }\r\n\r\n  public static bootstrap(attr: string = '[data-Feedback]') {\r\n    throw new Error('not implemented')\r\n  }\r\n}\r\n\r\nexport {FeedbackComponent, defaultFeedbackOptions}\r\n","import {EventHandlerUtil, DataUtil, getUniqueIdWithPrefix, getCSS} from '../_utils/index'\r\n\r\nexport interface IImageInputOptions {}\r\n\r\nexport interface IImageInputQueries {\r\n  componentName: string\r\n  instanseQuery: string\r\n  inputQuery: string\r\n  wrapperQuery: string\r\n  cancelQuery: string\r\n  removeQuery: string\r\n  hiddenQuery: string\r\n}\r\n\r\nconst defaultImageInputOptions = {}\r\n\r\nconst defaultImageInputQueires: IImageInputQueries = {\r\n  componentName: 'image-input',\r\n  instanseQuery: '[data-kt-image-input]',\r\n  inputQuery: 'input[type=\"file\"]',\r\n  wrapperQuery: '.image-input-wrapper',\r\n  cancelQuery: '[data-kt-image-input-action=\"cancel\"]',\r\n  removeQuery: '[data-kt-image-input-action=\"remove\"]',\r\n  hiddenQuery: 'input[type=\"hidden\"]',\r\n}\r\n\r\nclass ImageInputComponent {\r\n  element: HTMLElement\r\n  inputElement: HTMLInputElement | null\r\n  wrapperElement: HTMLElement | null\r\n  cancelElement: HTMLElement | null\r\n  removeElement: HTMLElement | null\r\n  hiddenElement: HTMLInputElement | null\r\n  src: string = ''\r\n  options: IImageInputOptions\r\n  queries: IImageInputQueries\r\n  uid: string\r\n  value: string = ''\r\n\r\n  constructor(_element: HTMLElement, _options: IImageInputOptions, _queries: IImageInputQueries) {\r\n    // Variables\r\n    this.options = Object.assign(defaultImageInputOptions, _options)\r\n    this.queries = _queries\r\n    this.uid = getUniqueIdWithPrefix(this.queries.componentName)\r\n\r\n    // Elements\r\n    this.element = _element\r\n    this.inputElement = this.element.querySelector(this.queries.inputQuery)\r\n    this.wrapperElement = this.element.querySelector(this.queries.wrapperQuery)\r\n    this.cancelElement = this.element.querySelector(this.queries.cancelQuery)\r\n    this.removeElement = this.element.querySelector(this.queries.removeQuery)\r\n    this.hiddenElement = this.element.querySelector(this.queries.hiddenQuery)\r\n    if (this.wrapperElement) {\r\n      this.src = getCSS(this.wrapperElement, 'backgroundImage')\r\n    }\r\n\r\n    // Event Handlers\r\n    this.handlers()\r\n\r\n    DataUtil.set(this.element, this.queries.componentName, this)\r\n  }\r\n\r\n  private handlers(): void {\r\n    this.element.addEventListener('change', this._change)\r\n    if (this.cancelElement) {\r\n      this.cancelElement.addEventListener('click', this._cancel)\r\n    }\r\n\r\n    if (this.removeElement) {\r\n      this.removeElement.addEventListener('click', this._cancel)\r\n    }\r\n  }\r\n\r\n  // Event Handlers\r\n  private _change = (e: Event) => {\r\n    e.preventDefault()\r\n\r\n    if (this.inputElement !== null && this.inputElement.files && this.inputElement.files[0]) {\r\n      // Fire change event\r\n      if (EventHandlerUtil.trigger(this.element, 'kt.imageinput.change', e) === false) {\r\n        return\r\n      }\r\n\r\n      const reader = new FileReader()\r\n\r\n      reader.onload = (e: ProgressEvent<FileReader>) => {\r\n        if (this.wrapperElement && e.target) {\r\n          this.wrapperElement.style.setProperty('background-image', `url('${e.target.result}')`)\r\n        }\r\n      }\r\n\r\n      reader.readAsDataURL(this.inputElement.files[0])\r\n      this.element.classList.add('image-input-changed')\r\n      this.element.classList.remove('image-input-empty')\r\n\r\n      // Fire removed event\r\n      EventHandlerUtil.trigger(this.element, 'kt.imageinput.changed', e)\r\n    }\r\n  }\r\n\r\n  private _cancel = (e: Event) => {\r\n    e.preventDefault()\r\n\r\n    // Fire cancel event\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.imageinput.cancel', e) === false) {\r\n      return\r\n    }\r\n\r\n    this.element.classList.remove('image-input-changed')\r\n    this.element.classList.remove('image-input-empty')\r\n    this.element.style.setProperty('background-image', this.src)\r\n    if (this.inputElement) {\r\n      this.inputElement.value = ''\r\n    }\r\n\r\n    if (this.hiddenElement !== null) {\r\n      this.hiddenElement.value = '0'\r\n    }\r\n\r\n    // Fire canceled event\r\n    EventHandlerUtil.trigger(this.element, 'kt.imageinput.canceled', e)\r\n  }\r\n\r\n  private _remove = (e: Event) => {\r\n    e.preventDefault()\r\n\r\n    // Fire remove event\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.imageinput.remove', e) === false) {\r\n      return\r\n    }\r\n\r\n    this.element.classList.remove('image-input-changed')\r\n    this.element.classList.add('image-input-empty')\r\n    if (this.wrapperElement) {\r\n      this.wrapperElement.style.setProperty('background-image', 'none')\r\n    }\r\n\r\n    if (this.inputElement) {\r\n      this.inputElement.value = ''\r\n    }\r\n\r\n    if (this.hiddenElement !== null) {\r\n      this.hiddenElement.value = '1'\r\n    }\r\n\r\n    // Fire removed event\r\n    EventHandlerUtil.trigger(this.element, 'kt.imageinput.removed', e)\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public getInputElement(): HTMLInputElement | null {\r\n    return this.inputElement\r\n  }\r\n\r\n  public getElement(): HTMLElement {\r\n    return this.element\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public trigger = (name: string, event: Event) => {\r\n    return EventHandlerUtil.trigger(this.element, name, event)\r\n  }\r\n\r\n  // Static methods\r\n  public static getInstance = (\r\n    el: HTMLElement,\r\n    componentName: string = defaultImageInputQueires.componentName\r\n  ) => {\r\n    const ImageInput = DataUtil.get(el, componentName)\r\n    if (ImageInput) {\r\n      return ImageInput\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static createInstances = (\r\n    selector: string = defaultImageInputQueires.instanseQuery,\r\n    options: IImageInputOptions = defaultImageInputOptions,\r\n    queries: IImageInputQueries = defaultImageInputQueires\r\n  ) => {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((el) => {\r\n      const item = el as HTMLElement\r\n      let ImageInput = ImageInputComponent.getInstance(item)\r\n      if (!ImageInput) {\r\n        ImageInput = new ImageInputComponent(item, options, queries)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string = defaultImageInputQueires.instanseQuery,\r\n    options: IImageInputOptions = defaultImageInputOptions,\r\n    queries: IImageInputQueries = defaultImageInputQueires\r\n  ): ImageInputComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let ImageInput = ImageInputComponent.getInstance(item)\r\n    if (!ImageInput) {\r\n      ImageInput = new ImageInputComponent(item, options, queries)\r\n    }\r\n    return ImageInput\r\n  }\r\n\r\n  public static bootstrap = (selector: string = defaultImageInputQueires.instanseQuery) => {\r\n    ImageInputComponent.createInstances(selector)\r\n  }\r\n\r\n  public static reinitialization = (selector: string = defaultImageInputQueires.instanseQuery) => {\r\n    ImageInputComponent.createInstances(selector)\r\n  }\r\n}\r\nexport {ImageInputComponent, defaultImageInputOptions, defaultImageInputQueires}\r\n","import {\r\n  DataUtil,\r\n  getObjectPropertyValueByKey,\r\n  stringSnakeToCamel,\r\n  getAttributeValueByBreakpoint,\r\n  getViewPort,\r\n  isVisibleElement,\r\n  throttle,\r\n  getCSS,\r\n  ElementStyleUtil,\r\n} from '../_utils/index'\r\nimport {CookieComponent} from './_CookieComponent'\r\n\r\nexport interface ScrollOptions {\r\n  saveState?: boolean\r\n}\r\n\r\nconst defaultScrollOptions: ScrollOptions = {\r\n  saveState: true,\r\n}\r\n\r\nclass ScrollComponent {\r\n  element: HTMLElement\r\n  options: ScrollOptions\r\n  id: string\r\n\r\n  constructor(_element: HTMLElement, options: ScrollOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultScrollOptions, options)\r\n    this.id = this.element.getAttribute('id') || ''\r\n    this.update()\r\n    // this.element.setAttribute('data-kt-scrolltop', 'true')\r\n    DataUtil.set(this.element, 'scroll', this)\r\n  }\r\n\r\n  private getOption = (name: string) => {\r\n    if (this.element.hasAttribute('data-kt-scroll-' + name) === true) {\r\n      const attr = this.element.getAttribute('data-kt-scroll-' + name) || ''\r\n      let value: string | JSON | boolean = getAttributeValueByBreakpoint(attr)\r\n      if (value !== null && String(value) === 'true') {\r\n        value = true\r\n      } else if (value !== null && String(value) === 'false') {\r\n        value = false\r\n      }\r\n\r\n      return value\r\n    } else {\r\n      const optionName = stringSnakeToCamel(name)\r\n      const option = getObjectPropertyValueByKey(this.options, optionName)\r\n      if (option) {\r\n        return getAttributeValueByBreakpoint(option)\r\n      } else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  private getHeightType = () => {\r\n    if (this.getOption('height')) {\r\n      return 'height'\r\n    }\r\n    if (this.getOption('min-height')) {\r\n      return 'min-height'\r\n    }\r\n    if (this.getOption('max-height')) {\r\n      return 'max-height'\r\n    }\r\n  }\r\n\r\n  private getAutoHeight = () => {\r\n    let height: number | string = getViewPort().height\r\n    const dependencies = this.getOption('dependencies')\r\n    const wrappers = this.getOption('wrappers')\r\n    const offset = this.getOption('offset')\r\n\r\n    // Height dependencies\r\n    if (dependencies !== null) {\r\n      const elements = document.querySelectorAll(dependencies as string)\r\n      if (elements && elements.length > 0) {\r\n        for (let i = 0, len = elements.length; i < len; i++) {\r\n          const element = elements[i] as HTMLElement\r\n          if (isVisibleElement(element) === false) {\r\n            continue\r\n          }\r\n\r\n          height = height - parseInt(getCSS(element, 'height'))\r\n          height = height - parseInt(getCSS(element, 'margin-top'))\r\n          height = height - parseInt(getCSS(element, 'margin-bottom'))\r\n\r\n          const borderTop = getCSS(element, 'border-top')\r\n          if (borderTop) {\r\n            height = height - parseInt(borderTop)\r\n          }\r\n\r\n          const borderBottom = getCSS(element, 'border-bottom')\r\n          if (borderBottom) {\r\n            height = height - parseInt(borderBottom)\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Wrappers\r\n    if (wrappers !== null) {\r\n      var elements = document.querySelectorAll(wrappers as string)\r\n      if (elements && elements.length > 0) {\r\n        for (let i = 0, len = elements.length; i < len; i++) {\r\n          const element = elements[i] as HTMLElement\r\n\r\n          if (!isVisibleElement(element)) {\r\n            continue\r\n          }\r\n\r\n          height = height - parseInt(getCSS(element, 'margin-top'))\r\n          height = height - parseInt(getCSS(element, 'margin-bottom'))\r\n          height = height - parseInt(getCSS(element, 'padding-top'))\r\n          height = height - parseInt(getCSS(element, 'padding-bottom'))\r\n\r\n          const borderTop = getCSS(element, 'border-top')\r\n          if (borderTop) {\r\n            height = height - parseInt(borderTop)\r\n          }\r\n\r\n          const borderBottom = getCSS(element, 'border-bottom')\r\n          if (borderBottom) {\r\n            height = height - parseInt(borderBottom)\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Custom offset\r\n    if (offset !== null) {\r\n      height = height - parseInt(offset as string)\r\n    }\r\n\r\n    height = height - parseInt(getCSS(this.element, 'margin-top'))\r\n    height = height - parseInt(getCSS(this.element, 'margin-bottom'))\r\n\r\n    const borderTop = getCSS(this.element, 'border-top')\r\n    if (borderTop) {\r\n      height = height - parseInt(borderTop)\r\n    }\r\n\r\n    const borderBottom = getCSS(this.element, 'border-bottom')\r\n    if (borderBottom) {\r\n      height = height - parseInt(borderBottom)\r\n    }\r\n\r\n    height = String(height) + 'px'\r\n\r\n    return height\r\n  }\r\n\r\n  private setupHeight = () => {\r\n    let height = this.getHeight()\r\n    let heightType = this.getHeightType() as string\r\n\r\n    // Set height\r\n    if (height !== null && height.length > 0) {\r\n      ElementStyleUtil.set(this.element, heightType, height)\r\n    } else {\r\n      ElementStyleUtil.set(this.element, heightType, '')\r\n    }\r\n  }\r\n\r\n  private setupState = () => {\r\n    if (this.getOption('save-state') === true && this.id) {\r\n      const cookie = CookieComponent.get(this.id + 'st')\r\n      if (cookie) {\r\n        var pos = parseInt(cookie)\r\n\r\n        if (pos > 0) {\r\n          this.element.scrollTop = pos\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  private setupScrollHandler = () => {\r\n    if (this.getOption('save-state') === true && this.id) {\r\n      this.element.addEventListener('scroll', this.scrollHandler)\r\n    } else {\r\n      this.element.removeEventListener('scroll', this.scrollHandler)\r\n    }\r\n  }\r\n\r\n  private scrollHandler = () => {\r\n    const cookieId = this.id + 'st'\r\n    CookieComponent.set(cookieId, this.element.scrollTop, {})\r\n  }\r\n\r\n  private destroyScrollHandler = () => {\r\n    this.element.removeEventListener('scroll', this.scrollHandler)\r\n  }\r\n\r\n  private resetHeight = () => {\r\n    const heghtType = this.getHeightType()\r\n    if (heghtType) {\r\n      ElementStyleUtil.set(this.element, heghtType, '')\r\n    }\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public update = () => {\r\n    // Activate/deactivate\r\n    if (\r\n      this.getOption('activate') === true ||\r\n      !this.element.hasAttribute('data-kt-scroll-activate')\r\n    ) {\r\n      this.setupHeight()\r\n      this.setupScrollHandler()\r\n      this.setupState()\r\n    } else {\r\n      this.resetHeight()\r\n      this.destroyScrollHandler()\r\n    }\r\n  }\r\n\r\n  public getHeight = () => {\r\n    const heightType = this.getHeightType()\r\n    const height = this.getOption(heightType || '')\r\n    if (height instanceof Function) {\r\n      return height.call(height)\r\n    } else if (height !== null && typeof height === 'string' && height.toLowerCase() === 'auto') {\r\n      return this.getAutoHeight()\r\n    } else {\r\n      return height\r\n    }\r\n  }\r\n\r\n  public getElement = () => {\r\n    return this.element\r\n  }\r\n\r\n  // Static methods\r\n  public static hasInstace(element: HTMLElement) {\r\n    return DataUtil.has(element, 'scroll')\r\n  }\r\n\r\n  public static getInstance(element: HTMLElement) {\r\n    if (element !== null && ScrollComponent.hasInstace(element)) {\r\n      return DataUtil.get(element, 'scroll')\r\n    }\r\n  }\r\n\r\n  // Create Instances\r\n  public static createInstances(selector: string) {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((element: Element) => {\r\n      const item = element as HTMLElement\r\n      let scroll = ScrollComponent.getInstance(item)\r\n      if (!scroll) {\r\n        scroll = new ScrollComponent(item, defaultScrollOptions)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static destroyAll(attr: string = '[data-kt-scroll=\"true\"]') {}\r\n\r\n  public static bootstrap(attr: string = '[data-kt-scroll=\"true\"]') {\r\n    ScrollComponent.createInstances(attr)\r\n    ScrollComponent.resize()\r\n  }\r\n\r\n  public static createInstance = (\r\n    element: HTMLElement,\r\n    options: ScrollOptions = defaultScrollOptions\r\n  ): ScrollComponent | undefined => {\r\n    let scroll = ScrollComponent.getInstance(element)\r\n    if (!scroll) {\r\n      scroll = new ScrollComponent(element, options)\r\n    }\r\n    return scroll\r\n  }\r\n\r\n  public static reinitialization(attr: string = '[data-kt-scroll=\"true\"]') {\r\n    ScrollComponent.createInstances(attr)\r\n  }\r\n\r\n  public static resize() {\r\n    // Window Resize Handling\r\n    window.addEventListener('resize', function () {\r\n      let timer\r\n      throttle(\r\n        timer,\r\n        () => {\r\n          // Locate and update Drawer instances on window resize\r\n          const elements = document.body.querySelectorAll('[data-kt-scroll=\"true\"]')\r\n          elements.forEach((element: Element) => {\r\n            const instance = ScrollComponent.getInstance(element as HTMLElement)\r\n            if (instance) {\r\n              instance.update()\r\n            }\r\n          })\r\n        },\r\n        200\r\n      )\r\n    })\r\n  }\r\n}\r\n\r\nexport {ScrollComponent, defaultScrollOptions}\r\n","import {\r\n  getScrollTop,\r\n  getAttributeValueByBreakpoint,\r\n  throttle,\r\n  getObjectPropertyValueByKey,\r\n  stringSnakeToCamel,\r\n  getUniqueIdWithPrefix,\r\n  DataUtil,\r\n  ElementAnimateUtil,\r\n} from '../_utils/index'\r\n\r\nexport interface IScrollTopOptions {\r\n  offset: number\r\n  speed: number\r\n}\r\n\r\nconst defaultScrollTopOptions: IScrollTopOptions = {\r\n  offset: 200,\r\n  speed: 600,\r\n}\r\n\r\nclass ScrollTopComponent {\r\n  element: HTMLElement\r\n  options: IScrollTopOptions\r\n  instanceUid: string\r\n\r\n  constructor(_element: HTMLElement, options: IScrollTopOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultScrollTopOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('scrolltop')\r\n\r\n    // Event Handlers\r\n    this._handlers()\r\n\r\n    // Bind Instance\r\n    DataUtil.set(this.element, 'scrolltop', this)\r\n  }\r\n\r\n  private _handlers = () => {\r\n    let timer: number\r\n    window.addEventListener('scroll', () => {\r\n      throttle(timer, () => {\r\n        this._scroll()\r\n      })\r\n    })\r\n\r\n    this.element.addEventListener('click', (e: Event) => {\r\n      e.preventDefault()\r\n      this._go()\r\n    })\r\n  }\r\n\r\n  private _scroll = () => {\r\n    const offset = parseInt(this._getOption('offset') as string)\r\n    const pos = getScrollTop() // current vertical position\r\n    if (pos > offset) {\r\n      if (!document.body.hasAttribute('data-kt-scrolltop')) {\r\n        document.body.setAttribute('data-kt-scrolltop', 'on')\r\n      }\r\n    } else {\r\n      if (document.body.hasAttribute('data-kt-scrolltop')) {\r\n        document.body.removeAttribute('data-kt-scrolltop')\r\n      }\r\n    }\r\n  }\r\n\r\n  private _go = () => {\r\n    const speed = parseInt(this._getOption('speed') as string)\r\n    ElementAnimateUtil.scrollTop(0, speed)\r\n  }\r\n\r\n  private _getOption = (name: string) => {\r\n    const attr = this.element.getAttribute(`data-kt-scrolltop-${name}`)\r\n    if (attr) {\r\n      const value = getAttributeValueByBreakpoint(attr)\r\n      return value !== null && String(value) === 'true'\r\n    }\r\n\r\n    const optionName = stringSnakeToCamel(name)\r\n    const option = getObjectPropertyValueByKey(this.options, optionName)\r\n    if (option) {\r\n      return getAttributeValueByBreakpoint(option)\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n\r\n  // Plugin API\r\n  public go = () => {\r\n    return this._go()\r\n  }\r\n\r\n  public getElement = () => {\r\n    return this.element\r\n  }\r\n\r\n  // Static methods\r\n  public static getInstance = (el: HTMLElement) => {\r\n    const scrollTop = DataUtil.get(el, 'scrolltop')\r\n    if (scrollTop) {\r\n      return scrollTop\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static createInstances = (selector: string) => {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((el) => {\r\n      const item = el as HTMLElement\r\n      let scrollTop = ScrollTopComponent.getInstance(item)\r\n      if (!scrollTop) {\r\n        scrollTop = new ScrollTopComponent(item, defaultScrollTopOptions)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string,\r\n    options: IScrollTopOptions = defaultScrollTopOptions\r\n  ): ScrollTopComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let scrollTop = ScrollTopComponent.getInstance(item)\r\n    if (!scrollTop) {\r\n      scrollTop = new ScrollTopComponent(item, options)\r\n    }\r\n    return scrollTop\r\n  }\r\n\r\n  public static bootstrap = () => {\r\n    ScrollTopComponent.createInstances('[data-kt-scrolltop=\"true\"]')\r\n  }\r\n\r\n  public static reinitialization = () => {\r\n    ScrollTopComponent.createInstances('[data-kt-scrolltop=\"true\"]')\r\n  }\r\n\r\n  public static goTop = () => {\r\n    ElementAnimateUtil.scrollTop(0, defaultScrollTopOptions.speed)\r\n  }\r\n}\r\nexport {ScrollTopComponent, defaultScrollTopOptions}\r\n","import {\r\n  getElementIndex,\r\n  getUniqueIdWithPrefix,\r\n  ElementAnimateUtil,\r\n  EventHandlerUtil,\r\n  DataUtil,\r\n  DOMEventHandlerUtil,\r\n  ElementStyleUtil,\r\n} from '../_utils/index'\r\n\r\nexport interface IStepperOptions {\r\n  startIndex: number\r\n  animation: boolean\r\n  animationSpeed: string\r\n  animationNextClass: string\r\n  animationPreviousClass: string\r\n}\r\n\r\nconst defaultStepperOptions: IStepperOptions = {\r\n  startIndex: 1,\r\n  animation: false,\r\n  animationSpeed: '0.3s',\r\n  animationNextClass: 'animate__animated animate__slideInRight animate__fast',\r\n  animationPreviousClass: 'animate__animated animate__slideInLeft animate__fast',\r\n}\r\n\r\nclass StepperComponent {\r\n  element: HTMLElement\r\n  options: IStepperOptions\r\n  instanceUid: string\r\n  steps: NodeListOf<HTMLElement>\r\n  btnNext: HTMLElement | null\r\n  btnPrev: HTMLElement | null\r\n  btnSubmit: HTMLElement | null\r\n  totatStepsNumber: number = 0\r\n  passedStepIndex: number = 0\r\n  currentStepIndex: number = 1\r\n\r\n  constructor(_element: HTMLElement, options: IStepperOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultStepperOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('stepper')\r\n\r\n    // Elements\r\n    this.steps = this.element.querySelectorAll('[data-kt-stepper-element=\"nav\"]')\r\n    this.btnNext = this.element.querySelector('[data-kt-stepper-action=\"next\"]')\r\n    this.btnPrev = this.element.querySelector('[data-kt-stepper-action=\"previous\"]')\r\n    this.btnSubmit = this.element.querySelector('[data-kt-stepper-action=\"submit\"]')\r\n\r\n    // Variables\r\n    this.totatStepsNumber = this.steps?.length | 0\r\n    this.passedStepIndex = 0\r\n    this.currentStepIndex = 1\r\n\r\n    // Set Current Step\r\n    if (this.options.startIndex > 1) {\r\n      this._goTo(this.options.startIndex)\r\n    }\r\n\r\n    // Event Handlers\r\n    this.initHandlers()\r\n\r\n    // Bind Instance\r\n    DataUtil.set(this.element, 'stepper', this)\r\n  }\r\n\r\n  private _goTo = (index: number) => {\r\n    EventHandlerUtil.trigger(this.element, 'kt.stepper.change')\r\n    // Skip if this step is already shown\r\n    if (index === this.currentStepIndex || index > this.totatStepsNumber || index < 0) {\r\n      return\r\n    }\r\n\r\n    // Validate step number\r\n    index = parseInt(index.toString())\r\n    // Set current step\r\n    this.passedStepIndex = this.currentStepIndex\r\n    this.currentStepIndex = index\r\n\r\n    // Refresh elements\r\n    this.refreshUI()\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.stepper.changed')\r\n  }\r\n\r\n  private initHandlers = () => {\r\n    this.btnNext?.addEventListener('click', (e: Event) => {\r\n      e.preventDefault()\r\n\r\n      EventHandlerUtil.trigger(this.element, 'kt.stepper.next', e)\r\n    })\r\n\r\n    this.btnPrev?.addEventListener('click', (e: Event) => {\r\n      e.preventDefault()\r\n\r\n      EventHandlerUtil.trigger(this.element, 'kt.stepper.previous', e)\r\n    })\r\n\r\n    DOMEventHandlerUtil.on(this.element, '[data-kt-stepper-action=\"step\"]', 'click', (e: Event) => {\r\n      e.preventDefault()\r\n\r\n      if (this.steps && this.steps.length > 0) {\r\n        for (let i = 0; i < this.steps.length; i++) {\r\n          if ((this.steps[i] as HTMLElement) === this.element) {\r\n            let index = i + 1\r\n\r\n            const stepDirection = this._getStepDirection(index)\r\n            EventHandlerUtil.trigger(this.element, `stepper.${stepDirection}`, e)\r\n            return\r\n          }\r\n        }\r\n      }\r\n    })\r\n  }\r\n\r\n  private _getStepDirection = (index: number) => {\r\n    return index > this.currentStepIndex ? 'next' : 'previous'\r\n  }\r\n\r\n  private getStepContent = (index: number) => {\r\n    const content = this.element.querySelectorAll('[data-kt-stepper-element=\"content\"]')\r\n    if (!content) {\r\n      return false\r\n    }\r\n\r\n    if (content[index - 1]) {\r\n      return content[index - 1]\r\n    }\r\n\r\n    return false\r\n  }\r\n\r\n  private getLastStepIndex = () => {\r\n    return this.totatStepsNumber\r\n  }\r\n\r\n  private getTotalStepsNumber = () => {\r\n    return this.totatStepsNumber\r\n  }\r\n\r\n  private refreshUI = () => {\r\n    let state = ''\r\n\r\n    if (this.isLastStep()) {\r\n      state = 'last'\r\n    } else if (this.isFirstStep()) {\r\n      state = 'first'\r\n    } else {\r\n      state = 'between'\r\n    }\r\n\r\n    // Set state class\r\n    this.element.classList.remove('last')\r\n    this.element.classList.remove('first')\r\n    this.element.classList.remove('between')\r\n\r\n    this.element.classList.add(state)\r\n\r\n    // Step Items\r\n    const elements = this.element.querySelectorAll(\r\n      '[data-kt-stepper-element=\"nav\"], [data-kt-stepper-element=\"content\"], [data-kt-stepper-element=\"info\"]'\r\n    )\r\n\r\n    if (!elements || elements.length <= 0) {\r\n      return\r\n    }\r\n\r\n    for (var i = 0, len = elements.length; i < len; i++) {\r\n      var element = elements[i] as HTMLElement\r\n      var index = getElementIndex(element) + 1\r\n\r\n      element.classList.remove('current')\r\n      element.classList.remove('completed')\r\n      element.classList.remove('pending')\r\n\r\n      if (index === this.currentStepIndex) {\r\n        element.classList.add('current')\r\n\r\n        if (\r\n          this.options.animation !== false &&\r\n          element.getAttribute('data-kt-stepper-element') === 'content'\r\n        ) {\r\n          ElementStyleUtil.set(element, 'animationDuration', this.options.animationSpeed)\r\n\r\n          const animation =\r\n            this._getStepDirection(this.passedStepIndex) === 'previous'\r\n              ? this.options.animationPreviousClass\r\n              : this.options.animationNextClass\r\n          ElementAnimateUtil.animateClass(element, animation)\r\n        }\r\n      } else {\r\n        if (index < this.currentStepIndex) {\r\n          element.classList.add('completed')\r\n        } else {\r\n          element.classList.add('pending')\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  private isLastStep = () => {\r\n    return this.currentStepIndex === this.totatStepsNumber\r\n  }\r\n\r\n  private isFirstStep = () => {\r\n    return this.currentStepIndex === 1\r\n  }\r\n\r\n  private isBetweenStep = () => {\r\n    return this.isLastStep() === false && this.isFirstStep() === false\r\n  }\r\n\r\n  //   ///////////////////////\r\n  //   // ** Public API  ** //\r\n  //   ///////////////////////\r\n\r\n  //   // Plugin API\r\n  public goto = (index: number) => {\r\n    return this._goTo(index)\r\n  }\r\n\r\n  public goNext = () => {\r\n    return this.goto(this.getNextStepIndex())\r\n  }\r\n\r\n  public goPrev = () => {\r\n    return this.goto(this.getPrevStepIndex())\r\n  }\r\n\r\n  public goFirst = () => {\r\n    return this.goto(1)\r\n  }\r\n\r\n  public goLast = () => {\r\n    return this.goto(this.getLastStepIndex())\r\n  }\r\n\r\n  public getCurrentStepIndex = () => {\r\n    return this.currentStepIndex\r\n  }\r\n\r\n  public getNextStepIndex = () => {\r\n    if (this.totatStepsNumber >= this.currentStepIndex + 1) {\r\n      return this.currentStepIndex + 1\r\n    } else {\r\n      return this.totatStepsNumber\r\n    }\r\n  }\r\n\r\n  public getPassedStepIndex = () => {\r\n    return this.passedStepIndex\r\n  }\r\n\r\n  public getPrevStepIndex = () => {\r\n    if (this.currentStepIndex - 1 > 1) {\r\n      return this.currentStepIndex - 1\r\n    } else {\r\n      return 1\r\n    }\r\n  }\r\n\r\n  public getElement = (index: number) => {\r\n    return this.element\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public destroy = () => {\r\n    console.log('destroy stepper')\r\n  }\r\n\r\n  public trigger = (name: string, event: Event) => {\r\n    return EventHandlerUtil.trigger(this.element, name, event)\r\n  }\r\n\r\n  // Static methods\r\n  public static hasInstace(element: HTMLElement): boolean {\r\n    return DataUtil.has(element, 'stepper')\r\n  }\r\n\r\n  public static getInstance(element: HTMLElement): StepperComponent | null {\r\n    if (element !== null && StepperComponent.hasInstace(element)) {\r\n      return DataUtil.get(element, 'stepper')\r\n    }\r\n    return null\r\n  }\r\n\r\n  // Create Instances\r\n  public static createInstances(selector: string): void {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((element) => {\r\n      const item = element as HTMLElement\r\n      let stepper = StepperComponent.getInstance(item)\r\n      if (!stepper) {\r\n        stepper = new StepperComponent(item, defaultStepperOptions)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    element: HTMLElement,\r\n    options: IStepperOptions = defaultStepperOptions\r\n  ): StepperComponent | null => {\r\n    if (!element) {\r\n      return null\r\n    }\r\n    let stepper = StepperComponent.getInstance(element)\r\n    if (!stepper) {\r\n      stepper = new StepperComponent(element, options)\r\n    }\r\n    return stepper\r\n  }\r\n\r\n  public static bootstrap(attr: string = '[data-kt-stepper]') {\r\n    StepperComponent.createInstances(attr)\r\n  }\r\n}\r\n\r\nexport {StepperComponent, defaultStepperOptions}\r\n","import {\r\n  getElementOffset,\r\n  getScrollTop,\r\n  getAttributeValueByBreakpoint,\r\n  getUniqueIdWithPrefix,\r\n  getObjectPropertyValueByKey,\r\n  stringSnakeToCamel,\r\n  getCSS,\r\n  DataUtil,\r\n  ElementAnimateUtil,\r\n  ElementStyleUtil,\r\n  EventHandlerUtil,\r\n} from '../_utils/index'\r\n\r\nexport interface StickyOptions {\r\n  offset: number\r\n  reverse: boolean\r\n  animation: boolean\r\n  animationSpeed: string\r\n  animationClass: string\r\n}\r\n\r\nconst defaultStickyOptions: StickyOptions = {\r\n  offset: 200,\r\n  reverse: false,\r\n  animation: true,\r\n  animationSpeed: '0.3s',\r\n  animationClass: 'animation-slide-in-down',\r\n}\r\n\r\nclass StickyComponent {\r\n  element: HTMLElement\r\n  options: StickyOptions\r\n  instanceUid: string\r\n  instanceName: string | null = ''\r\n  attributeName: string\r\n  eventTriggerState: boolean\r\n  lastScrollTop: number\r\n\r\n  constructor(_element: HTMLElement, options: StickyOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultStickyOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('sticky')\r\n    this.instanceName = this.element.getAttribute('data-kt-sticky-name')\r\n    this.attributeName = 'data-kt-sticky-' + this.instanceName\r\n    this.eventTriggerState = true\r\n    this.lastScrollTop = 0\r\n\r\n    // Event Handlers\r\n    window.addEventListener('scroll', this.scroll)\r\n\r\n    // Initial Launch\r\n    this.scroll()\r\n\r\n    DataUtil.set(this.element, 'sticky', this)\r\n  }\r\n\r\n  private scroll = () => {\r\n    let offset = this.getOption('offset')\r\n    let reverse = this.getOption('reverse')\r\n\r\n    // Exit if false\r\n    if (offset === false) {\r\n      return\r\n    }\r\n\r\n    let offsetNum = 0\r\n    if (typeof offset === 'string') {\r\n      offsetNum = parseInt(offset)\r\n    }\r\n\r\n    const st = getScrollTop()\r\n\r\n    // Reverse scroll mode\r\n    if (reverse === true) {\r\n      // Release on reverse scroll mode\r\n      if (st > offsetNum && this.lastScrollTop < st) {\r\n        if (document.body.hasAttribute(this.attributeName) === false) {\r\n          this.enable()\r\n          document.body.setAttribute(this.attributeName, 'on')\r\n        }\r\n\r\n        if (this.eventTriggerState === true) {\r\n          EventHandlerUtil.trigger(this.element, 'kt.sticky.on')\r\n          EventHandlerUtil.trigger(this.element, 'kt.sticky.change')\r\n\r\n          this.eventTriggerState = false\r\n        }\r\n      } else {\r\n        // Back scroll mode\r\n        if (document.body.hasAttribute(this.attributeName)) {\r\n          this.disable()\r\n          document.body.removeAttribute(this.attributeName)\r\n        }\r\n\r\n        if (this.eventTriggerState === false) {\r\n          EventHandlerUtil.trigger(this.element, 'kt.sticky.off')\r\n          EventHandlerUtil.trigger(this.element, 'kt.sticky.change')\r\n\r\n          this.eventTriggerState = true\r\n        }\r\n      }\r\n\r\n      this.lastScrollTop = st\r\n      return\r\n    }\r\n\r\n    // Classic scroll mode\r\n    if (st > offsetNum) {\r\n      if (document.body.hasAttribute(this.attributeName) === false) {\r\n        this.enable()\r\n        document.body.setAttribute(this.attributeName, 'on')\r\n      }\r\n\r\n      if (this.eventTriggerState === true) {\r\n        EventHandlerUtil.trigger(this.element, 'kt.sticky.on')\r\n        EventHandlerUtil.trigger(this.element, 'kt.sticky.change')\r\n        this.eventTriggerState = false\r\n      }\r\n    } else {\r\n      // back scroll mode\r\n      if (document.body.hasAttribute(this.attributeName) === true) {\r\n        this.disable()\r\n        document.body.removeAttribute(this.attributeName)\r\n      }\r\n\r\n      if (this.eventTriggerState === false) {\r\n        EventHandlerUtil.trigger(this.element, 'kt.sticky.off')\r\n        EventHandlerUtil.trigger(this.element, 'kt.sticky.change')\r\n        this.eventTriggerState = true\r\n      }\r\n    }\r\n  }\r\n\r\n  private getOption = (name: string) => {\r\n    const dataStickyAttr = 'data-kt-sticky-' + name\r\n    if (this.element.hasAttribute(dataStickyAttr) === true) {\r\n      const attrValueInStr = this.element.getAttribute(dataStickyAttr)\r\n      const attrValue = getAttributeValueByBreakpoint(attrValueInStr || '')\r\n      if (attrValue !== null && String(attrValue) === 'true') {\r\n        return true\r\n      } else if (attrValue !== null && String(attrValue) === 'false') {\r\n        return false\r\n      }\r\n\r\n      return attrValue\r\n    } else {\r\n      const optionName = stringSnakeToCamel(name)\r\n      const option = getObjectPropertyValueByKey(this.options, optionName)\r\n      if (option) {\r\n        return getAttributeValueByBreakpoint(option)\r\n      }\r\n    }\r\n  }\r\n\r\n  private disable = () => {\r\n    ElementStyleUtil.remove(this.element, 'top')\r\n    ElementStyleUtil.remove(this.element, 'width')\r\n    ElementStyleUtil.remove(this.element, 'left')\r\n    ElementStyleUtil.remove(this.element, 'right')\r\n    ElementStyleUtil.remove(this.element, 'z-index')\r\n    ElementStyleUtil.remove(this.element, 'position')\r\n  }\r\n\r\n  private enable = (update: boolean = false) => {\r\n    const top = this.getOption('top')\r\n    const left = this.getOption('left')\r\n    // const right = this.getOption(\"right\");\r\n    let width = this.getOption('width')\r\n    const zindex = this.getOption('zindex')\r\n\r\n    if (update !== true && this.getOption('animation') === true) {\r\n      ElementStyleUtil.set(this.element, 'animationDuration', this.getOption('animationSpeed'))\r\n      ElementAnimateUtil.animateClass(this.element, 'animation ' + this.getOption('animationClass'))\r\n    }\r\n\r\n    if (zindex !== null) {\r\n      ElementStyleUtil.set(this.element, 'z-index', zindex)\r\n      ElementStyleUtil.set(this.element, 'position', 'fixed')\r\n    }\r\n\r\n    if (top !== null) {\r\n      ElementStyleUtil.set(this.element, 'top', top)\r\n    }\r\n\r\n    if (width !== null && width !== undefined) {\r\n      const widthTarget = getObjectPropertyValueByKey(width, 'target')\r\n      if (widthTarget) {\r\n        const targetElement = document.querySelector(widthTarget)\r\n        if (targetElement) {\r\n          width = getCSS(targetElement, 'width')\r\n        }\r\n      }\r\n      ElementStyleUtil.set(this.element, 'width', width)\r\n    }\r\n\r\n    if (left !== null) {\r\n      if (String(left).toLowerCase() === 'auto') {\r\n        var offsetLeft = getElementOffset(this.element).left\r\n\r\n        if (offsetLeft > 0) {\r\n          ElementStyleUtil.set(this.element, 'left', String(offsetLeft) + 'px')\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  public update = () => {\r\n    if (document.body.hasAttribute(this.attributeName) === true) {\r\n      this.disable()\r\n      document.body.removeAttribute(this.attributeName)\r\n      this.enable(true)\r\n      document.body.setAttribute(this.attributeName, 'on')\r\n    }\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, callBack: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, callBack)\r\n  }\r\n\r\n  public one = (name: string, callback: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, callback)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public trigger = (name: string) => {\r\n    return EventHandlerUtil.trigger(this.element, name)\r\n  }\r\n\r\n  // Static methods\r\n  public static hasInstace(element: HTMLElement) {\r\n    return DataUtil.has(element, 'sticky')\r\n  }\r\n\r\n  public static getInstance(element: HTMLElement) {\r\n    if (element !== null && StickyComponent.hasInstace(element)) {\r\n      return DataUtil.get(element, 'sticky')\r\n    }\r\n  }\r\n\r\n  // Create Instances\r\n  public static createInstances(selector: string) {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((element) => {\r\n      const item = element as HTMLElement\r\n      let sticky = StickyComponent.getInstance(item)\r\n      if (!sticky) {\r\n        sticky = new StickyComponent(item, defaultStickyOptions)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string,\r\n    options: StickyOptions = defaultStickyOptions\r\n  ): StickyComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let sticky = StickyComponent.getInstance(item)\r\n    if (!sticky) {\r\n      sticky = new StickyComponent(item, options)\r\n    }\r\n    return sticky\r\n  }\r\n\r\n  public static bootstrap(attr: string = '[data-kt-sticky=\"true\"]') {\r\n    StickyComponent.createInstances(attr)\r\n  }\r\n\r\n  public static reInitialization(attr: string = '[data-kt-sticky=\"true\"]') {\r\n    StickyComponent.createInstances(attr)\r\n  }\r\n}\r\n\r\nexport {StickyComponent, defaultStickyOptions}\r\n","import {DataUtil, getUniqueIdWithPrefix, EventHandlerUtil} from '../_utils/index'\r\n// Helpers\r\nimport {CookieComponent} from './_CookieComponent'\r\n\r\nexport interface ToggleOptions {\r\n  saveState: boolean\r\n  targetState?: string\r\n  toggleState?: string\r\n  targetToggleMode?: string\r\n}\r\n\r\nconst defaultToggleOptions: ToggleOptions = {\r\n  saveState: false,\r\n}\r\n\r\nclass ToggleComponent {\r\n  element: HTMLElement\r\n  instanceUid: string\r\n  options: ToggleOptions\r\n  state: string = ''\r\n  target: HTMLElement | null = null\r\n  attribute: string = ''\r\n\r\n  constructor(_element: HTMLElement, options: ToggleOptions) {\r\n    this.options = Object.assign(defaultToggleOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('toggle')\r\n    this.element = _element\r\n\r\n    const elementTargetAttr = this.element.getAttribute('data-kt-toggle-target')\r\n    if (elementTargetAttr) {\r\n      this.target = document.querySelector(elementTargetAttr)\r\n    }\r\n    const elementToggleAttr = this.element.getAttribute('data-kt-toggle-state')\r\n    this.state = elementToggleAttr || ''\r\n    this.attribute = 'data-kt-' + this.element.getAttribute('data-kt-toggle-name')\r\n\r\n    // Event Handlers\r\n    this._handlers()\r\n\r\n    // Update Instance\r\n    // Bind Instance\r\n    DataUtil.set(this.element, 'toggle', this)\r\n  }\r\n\r\n  private _handlers = () => {\r\n    this.element.addEventListener('click', (e: Event) => {\r\n      e.preventDefault()\r\n      this._toggle()\r\n    })\r\n  }\r\n\r\n  // Event handlers\r\n  private _toggle = () => {\r\n    // Trigger \"after.toggle\" event\r\n    EventHandlerUtil.trigger(this.element, 'kt.toggle.change')\r\n\r\n    if (this._isEnabled()) {\r\n      this._disable()\r\n    } else {\r\n      this._enable()\r\n    }\r\n\r\n    // Trigger \"before.toggle\" event\r\n    EventHandlerUtil.trigger(this.element, 'kt.toggle.changed')\r\n    return this\r\n  }\r\n\r\n  private _enable = () => {\r\n    if (this._isEnabled()) {\r\n      return\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.toggle.enable')\r\n    this.target?.setAttribute(this.attribute, 'on')\r\n    if (this.state.length > 0) {\r\n      this.element.classList.add(this.state)\r\n    }\r\n\r\n    if (this.options.saveState) {\r\n      CookieComponent.set(this.attribute, 'on', {})\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.toggle.enabled')\r\n    return this\r\n  }\r\n\r\n  private _disable = () => {\r\n    if (!this._isEnabled()) {\r\n      return false\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.toggle.disable')\r\n    this.target?.removeAttribute(this.attribute)\r\n\r\n    if (this.state.length > 0) {\r\n      this.element.classList.remove(this.state)\r\n    }\r\n\r\n    if (this.options.saveState) {\r\n      CookieComponent.delete(this.attribute)\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.toggle.disabled')\r\n    return this\r\n  }\r\n\r\n  private _isEnabled = () => {\r\n    if (!this.target) {\r\n      return false\r\n    }\r\n\r\n    return String(this.target.getAttribute(this.attribute)).toLowerCase() === 'on'\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n\r\n  // Plugin API\r\n  // Plugin API\r\n  public toggle = () => {\r\n    return this._toggle()\r\n  }\r\n\r\n  public enable = () => {\r\n    return this._enable()\r\n  }\r\n\r\n  public disable = () => {\r\n    return this._disable()\r\n  }\r\n\r\n  public isEnabled = () => {\r\n    return this._isEnabled()\r\n  }\r\n\r\n  public goElement = () => {\r\n    return this.element\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public trigger = (name: string, event?: Event) => {\r\n    return EventHandlerUtil.trigger(this.element, name, event)\r\n  }\r\n\r\n  // Static methods\r\n  public static getInstance = (el: HTMLElement) => {\r\n    const toggleElement = DataUtil.get(el, 'toggle')\r\n    if (toggleElement) {\r\n      return toggleElement\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static createInstances = (selector: string) => {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((el) => {\r\n      const item = el as HTMLElement\r\n      let toggleElement = ToggleComponent.getInstance(item)\r\n      if (!toggleElement) {\r\n        toggleElement = new ToggleComponent(item, defaultToggleOptions)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string,\r\n    options: ToggleOptions = defaultToggleOptions\r\n  ): ToggleComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let toggle = ToggleComponent.getInstance(item)\r\n    if (!toggle) {\r\n      toggle = new ToggleComponent(item, options)\r\n    }\r\n    return toggle\r\n  }\r\n\r\n  public static reinitialization = () => {\r\n    ToggleComponent.createInstances('[data-kt-toggle]')\r\n  }\r\n\r\n  public static bootstrap = () => {\r\n    ToggleComponent.createInstances('[data-kt-toggle]')\r\n  }\r\n}\r\n\r\nexport {ToggleComponent, defaultToggleOptions}\r\n","/* eslint-disable array-callback-return */\r\n/* eslint-disable no-useless-escape */\r\nimport {DataUtil} from '../_utils/index'\r\n\r\nexport interface IPasswordMeterOptions {\r\n  minLength: number\r\n  checkUppercase: boolean\r\n  checkLowercase: boolean\r\n  checkDigit: boolean\r\n  checkChar: boolean\r\n  scoreHighlightClass: string\r\n}\r\n\r\nexport interface IPasswordMeterQueries {\r\n  componentName: string\r\n  instanseQuery: string\r\n  inputQuery: string\r\n  visibilityQuery: string\r\n  highlightQuery: string\r\n}\r\n\r\nconst defaultPasswordMeterOptions = {\r\n  minLength: 8,\r\n  checkUppercase: true,\r\n  checkLowercase: true,\r\n  checkDigit: true,\r\n  checkChar: true,\r\n  scoreHighlightClass: 'active',\r\n}\r\n\r\nconst defaultPasswordMeterQueires: IPasswordMeterQueries = {\r\n  componentName: 'password-meter',\r\n  instanseQuery: '[data-kt-password-meter]',\r\n  inputQuery: 'input[type]',\r\n  visibilityQuery: '[data-kt-password-meter-control=\"visibility\"]',\r\n  highlightQuery: '[data-kt-password-meter-control=\"highlight\"]',\r\n}\r\n\r\nclass PasswordMeterComponent {\r\n  element: HTMLElement\r\n  inputElement: HTMLInputElement | null\r\n  visibilityElement: HTMLElement | null\r\n  highlightElement: HTMLElement | null\r\n  options: IPasswordMeterOptions\r\n  queries: IPasswordMeterQueries\r\n  score: number\r\n  checkSteps: number\r\n\r\n  constructor(\r\n    _element: HTMLElement,\r\n    _options: IPasswordMeterOptions,\r\n    _queries: IPasswordMeterQueries\r\n  ) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultPasswordMeterOptions, _options)\r\n    this.queries = _queries\r\n    this.score = 0\r\n    this.checkSteps = 5\r\n\r\n    // Elements\r\n    this.inputElement = this.element.querySelector(this.queries.inputQuery)\r\n    this.visibilityElement = this.element.querySelector(this.queries.visibilityQuery)\r\n    this.highlightElement = this.element.querySelector(this.queries.highlightQuery)\r\n\r\n    // Event Handlers\r\n    this.handlers()\r\n\r\n    DataUtil.set(this.element, this.queries.componentName, this)\r\n  }\r\n\r\n  private handlers(): void {\r\n    if (this.inputElement) {\r\n      this.inputElement.addEventListener('input', () => {\r\n        this.check()\r\n      })\r\n    }\r\n\r\n    if (this.visibilityElement) {\r\n      this.visibilityElement.addEventListener('click', () => {\r\n        this.visitbility()\r\n      })\r\n    }\r\n  }\r\n\r\n  private visitbility() {\r\n    if (this.visibilityElement && this.inputElement) {\r\n      const visibleIcon = this.visibilityElement.querySelector(\r\n        'i:not(.d-none), .svg-icon:not(.d-none)'\r\n      )\r\n\r\n      const hiddenIcon = this.visibilityElement.querySelector('i.d-none, .svg-icon.d-none')\r\n\r\n      const typeAttr = this.inputElement.getAttribute('type') || ''\r\n\r\n      if (typeAttr === 'password') {\r\n        this.inputElement.setAttribute('type', 'text')\r\n      } else {\r\n        this.inputElement.setAttribute('type', 'password')\r\n      }\r\n\r\n      visibleIcon?.classList.add('d-none')\r\n      hiddenIcon?.classList.remove('d-none')\r\n\r\n      this.inputElement.focus()\r\n    }\r\n  }\r\n\r\n  private checkScore(): number {\r\n    return 0\r\n  }\r\n\r\n  private checkLength(): boolean {\r\n    if (this.inputElement) {\r\n      return this.inputElement.value.length >= this.options.minLength // 20 score\r\n    }\r\n\r\n    return false\r\n  }\r\n\r\n  private checkLowerCase(): boolean {\r\n    const val = this.inputElement ? this.inputElement.value : ''\r\n    return /[a-z]/.test(val) // 20 score\r\n  }\r\n\r\n  private checkUppercase(): boolean {\r\n    const val = this.inputElement ? this.inputElement.value : ''\r\n    return /[A-Z]/.test(val) // 20 score\r\n  }\r\n\r\n  private checkDigit(): boolean {\r\n    const val = this.inputElement ? this.inputElement.value : ''\r\n    return /[0-9]/.test(val) // 20 score\r\n  }\r\n\r\n  private checkChar(): boolean {\r\n    const val = this.inputElement ? this.inputElement.value : ''\r\n    return /[~`!#$%\\^&*+=\\-\\[\\]\\\\';,/{}|\\\\\":<>\\?]/g.test(val) // 20 score\r\n  }\r\n\r\n  private getCheckScore(): number {\r\n    let count = 1\r\n    if (this.options.checkUppercase) {\r\n      count++\r\n    }\r\n\r\n    if (this.options.checkLowercase) {\r\n      count++\r\n    }\r\n\r\n    if (this.options.checkDigit) {\r\n      count++\r\n    }\r\n\r\n    if (this.options.checkChar) {\r\n      count++\r\n    }\r\n\r\n    this.checkSteps = count\r\n    return 100 / this.checkSteps\r\n  }\r\n\r\n  private highlight() {\r\n    const items = this.highlightElement\r\n      ? [].slice.call(this.highlightElement.querySelectorAll('div'))\r\n      : []\r\n    const total = items.length\r\n    let index = 0\r\n    const checkScore = this.getCheckScore()\r\n    const score = this.getScore()\r\n\r\n    items.map((item: HTMLElement) => {\r\n      index++\r\n      if (checkScore * index * (this.checkSteps / total) <= score) {\r\n        item.classList.add('active')\r\n      } else {\r\n        item.classList.remove('active')\r\n      }\r\n    })\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public reset = () => {\r\n    this.score = 0\r\n    this.highlight()\r\n  }\r\n\r\n  public getScore() {\r\n    return this.score\r\n  }\r\n\r\n  public check() {\r\n    let score = 0\r\n    const checkScore = this.checkScore()\r\n    if (this.checkLength()) {\r\n      score = score + checkScore\r\n    }\r\n\r\n    if (this.options.checkUppercase && this.checkLowerCase()) {\r\n      score = score + checkScore\r\n    }\r\n\r\n    if (this.options.checkLowercase && this.checkUppercase()) {\r\n      score = score + checkScore\r\n    }\r\n\r\n    if (this.options.checkDigit && this.checkDigit()) {\r\n      score = score + checkScore\r\n    }\r\n\r\n    if (this.options.checkChar && this.checkChar()) {\r\n      score = score + checkScore\r\n    }\r\n\r\n    this.score = score\r\n    this.highlight()\r\n  }\r\n\r\n  // Static methods\r\n  public static getInstance = (\r\n    el: HTMLElement,\r\n    componentName: string = defaultPasswordMeterQueires.componentName\r\n  ) => {\r\n    const passwordMeter = DataUtil.get(el, componentName)\r\n    if (passwordMeter) {\r\n      return passwordMeter\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static createInstances = (\r\n    selector: string = defaultPasswordMeterQueires.instanseQuery,\r\n    options: IPasswordMeterOptions = defaultPasswordMeterOptions,\r\n    queries: IPasswordMeterQueries = defaultPasswordMeterQueires\r\n  ) => {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((el) => {\r\n      const item = el as HTMLElement\r\n      let passwordMeter = PasswordMeterComponent.getInstance(item)\r\n      if (!passwordMeter) {\r\n        passwordMeter = new PasswordMeterComponent(item, options, queries)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string = defaultPasswordMeterQueires.instanseQuery,\r\n    options: IPasswordMeterOptions = defaultPasswordMeterOptions,\r\n    queries: IPasswordMeterQueries = defaultPasswordMeterQueires\r\n  ): PasswordMeterComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let passwordMeter = PasswordMeterComponent.getInstance(item)\r\n    if (!passwordMeter) {\r\n      passwordMeter = new PasswordMeterComponent(item, options, queries)\r\n    }\r\n    return passwordMeter\r\n  }\r\n\r\n  public static bootstrap = (selector: string = defaultPasswordMeterQueires.instanseQuery) => {\r\n    PasswordMeterComponent.createInstances(selector)\r\n  }\r\n\r\n  public static reinitialization = (\r\n    selector: string = defaultPasswordMeterQueires.instanseQuery\r\n  ) => {\r\n    PasswordMeterComponent.createInstances(selector)\r\n  }\r\n}\r\nexport {PasswordMeterComponent, defaultPasswordMeterOptions, defaultPasswordMeterQueires}\r\n","import {\r\n  DataUtil,\r\n  getAttributeValueByBreakpoint,\r\n  stringSnakeToCamel,\r\n  getObjectPropertyValueByKey,\r\n  EventHandlerUtil,\r\n  throttle,\r\n} from '../_utils/index'\r\n\r\nexport interface IPlaceOptions {\r\n  mode: string\r\n}\r\n\r\nexport interface IPlaceQueries {\r\n  componentName: string\r\n  instanseQuery: string\r\n  attrQuery: string\r\n}\r\n\r\nconst defaultPlaceOptions: IPlaceOptions = {\r\n  mode: 'append',\r\n}\r\n\r\nconst defaultPlaceQueires: IPlaceQueries = {\r\n  componentName: 'place',\r\n  instanseQuery: '[data-kt-place=\"true\"]',\r\n  attrQuery: 'data-kt-place-',\r\n}\r\n\r\nclass PlaceComponent {\r\n  element: HTMLElement\r\n  options: IPlaceOptions\r\n  queries: IPlaceQueries\r\n\r\n  constructor(_element: HTMLElement, _options: IPlaceOptions, _queries: IPlaceQueries) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultPlaceOptions, _options)\r\n    this.queries = _queries\r\n\r\n    // Initial update\r\n    this.update()\r\n\r\n    DataUtil.set(this.element, this.queries.componentName, this)\r\n  }\r\n\r\n  private getOption(name: string) {\r\n    const attr = this.element.getAttribute(`${this.queries.attrQuery}${name}`)\r\n    if (attr) {\r\n      let value = getAttributeValueByBreakpoint(attr)\r\n      if (attr != null && String(value) === 'true') {\r\n        return true\r\n      } else if (value !== null && String(value) === 'false') {\r\n        return false\r\n      }\r\n      return value\r\n    } else {\r\n      const optionName = stringSnakeToCamel(name)\r\n      const option = getObjectPropertyValueByKey(this.options, optionName)\r\n      if (option) {\r\n        return getAttributeValueByBreakpoint(option)\r\n      } else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public update = () => {\r\n    const parentSelector = this.getOption('parent')?.toString()\r\n    const mode = this.getOption('mode')\r\n    const parentElement = parentSelector ? document.querySelector(parentSelector) : null\r\n\r\n    if (parentElement && this.element.parentNode !== parentElement) {\r\n      if (mode === 'prepend') {\r\n        parentElement.prepend(this.element)\r\n      } else if (mode === 'append') {\r\n        parentElement.append(this.element)\r\n      }\r\n    }\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  public trigger = (name: string, event: Event) => {\r\n    return EventHandlerUtil.trigger(this.element, name, event)\r\n  }\r\n\r\n  // Static methods\r\n  public static getInstance = (\r\n    el: HTMLElement,\r\n    componentName: string = defaultPlaceQueires.componentName\r\n  ): PlaceComponent | null => {\r\n    const place = DataUtil.get(el, componentName)\r\n    if (place) {\r\n      return place as PlaceComponent\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static createInstances = (\r\n    selector: string = defaultPlaceQueires.instanseQuery,\r\n    options: IPlaceOptions = defaultPlaceOptions,\r\n    queries: IPlaceQueries = defaultPlaceQueires\r\n  ) => {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((el) => {\r\n      const item = el as HTMLElement\r\n      let place = PlaceComponent.getInstance(item)\r\n      if (!place) {\r\n        place = new PlaceComponent(item, options, queries)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string = defaultPlaceQueires.instanseQuery,\r\n    options: IPlaceOptions = defaultPlaceOptions,\r\n    queries: IPlaceQueries = defaultPlaceQueires\r\n  ): PlaceComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let place = PlaceComponent.getInstance(item)\r\n    if (!place) {\r\n      place = new PlaceComponent(item, options, queries)\r\n    }\r\n    return place\r\n  }\r\n\r\n  public static bootstrap = (selector: string = defaultPlaceQueires.instanseQuery) => {\r\n    PlaceComponent.createInstances(selector)\r\n  }\r\n\r\n  public static reinitialization = (selector: string = defaultPlaceQueires.instanseQuery) => {\r\n    PlaceComponent.createInstances(selector)\r\n  }\r\n}\r\n\r\n// Window resize handler\r\nwindow.addEventListener('resize', function () {\r\n  let timer\r\n\r\n  throttle(\r\n    timer,\r\n    () => {\r\n      // Locate and update Offcanvas instances on window resize\r\n      const elements = document.querySelectorAll(defaultPlaceQueires.instanseQuery)\r\n      elements.forEach((el) => {\r\n        const place = PlaceComponent.getInstance(el as HTMLElement)\r\n        if (place) {\r\n          place.update()\r\n        }\r\n      })\r\n    },\r\n    200\r\n  )\r\n})\r\n\r\nexport {PlaceComponent, defaultPlaceOptions, defaultPlaceQueires}\r\n","import {createPopper, VirtualElement} from '@popperjs/core'\r\nimport {\r\n  getElementChild,\r\n  getElementParents,\r\n  getAttributeValueByBreakpoint,\r\n  getUniqueIdWithPrefix,\r\n  DataUtil,\r\n  ElementStyleUtil,\r\n  EventHandlerUtil,\r\n  insertAfterElement,\r\n  slideUp,\r\n  slideDown,\r\n  DOMEventHandlerUtil,\r\n  throttle,\r\n  getHighestZindex,\r\n} from '../_utils/index'\r\n\r\nexport interface MenuOptions {\r\n  dropdown: {\r\n    hoverTimeout: number\r\n    zindex: number\r\n  }\r\n  accordion: {\r\n    slideSpeed: number\r\n    expand: boolean\r\n  }\r\n}\r\n\r\nconst defaultMenuOptions: MenuOptions = {\r\n  dropdown: {\r\n    hoverTimeout: 200,\r\n    zindex: 105,\r\n  },\r\n  accordion: {\r\n    slideSpeed: 250,\r\n    expand: false,\r\n  },\r\n}\r\n\r\ntype PopperPlacement =\r\n  | 'right'\r\n  | 'auto'\r\n  | 'auto-start'\r\n  | 'auto-end'\r\n  | 'top'\r\n  | 'bottom'\r\n  | 'left'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'right-start'\r\n  | 'right-end'\r\n  | 'left-start'\r\n  | 'left-end'\r\n  | undefined\r\n\r\nclass MenuComponent {\r\n  element: HTMLElement\r\n  options: MenuOptions\r\n  instanceUid: string\r\n  triggerElement: HTMLElement | null = null\r\n\r\n  constructor(_element: HTMLElement, options: MenuOptions) {\r\n    this.element = _element\r\n    this.options = Object.assign(defaultMenuOptions, options)\r\n    this.instanceUid = getUniqueIdWithPrefix('menu')\r\n    // this.element.setAttribute('data-kt-menu', 'true')\r\n    this._setTriggerElement()\r\n    this._update()\r\n    DataUtil.set(this.element, 'menu', this)\r\n    return this\r\n  }\r\n\r\n  // Set external trigger element\r\n  private _setTriggerElement = () => {\r\n    const target = document.querySelector(\r\n      `[data-kt-menu-target=\"#${this.element.getAttribute('id')}\"`\r\n    )\r\n\r\n    if (target) {\r\n      this.triggerElement = target as HTMLElement\r\n    } else if (this.element.closest('[data-kt-menu-trigger]')) {\r\n      this.triggerElement = this.element.closest('[data-kt-menu-trigger]') as HTMLElement\r\n    } else if (\r\n      this.element.parentNode &&\r\n      getElementChild(this.element.parentNode as HTMLElement, '[data-kt-menu-trigger]')\r\n    ) {\r\n      const child = getElementChild(\r\n        this.element.parentNode as HTMLElement,\r\n        '[data-kt-menu-trigger]'\r\n      )\r\n      if (child) {\r\n        this.triggerElement = child\r\n      }\r\n    }\r\n\r\n    if (this.triggerElement) {\r\n      DataUtil.set(this.triggerElement, 'menu', this)\r\n    }\r\n  }\r\n\r\n  // Test if menu has external trigger element\r\n  private _isTriggerElement = (item: HTMLElement) => {\r\n    return this.triggerElement === item\r\n  }\r\n\r\n  // Get item option(through html attributes)\r\n  private _getItemOption = (item: HTMLElement, name: string) => {\r\n    let value = null\r\n    if (item && item.hasAttribute('data-kt-menu-' + name)) {\r\n      const attr = item.getAttribute('data-kt-menu-' + name) || ''\r\n      value = getAttributeValueByBreakpoint(attr)\r\n      if (value !== null && String(value) === 'true') {\r\n        value = true\r\n      } else if (value !== null && String(value) === 'false') {\r\n        value = false\r\n      }\r\n    }\r\n    return value\r\n  }\r\n\r\n  // Get item element\r\n  private _getItemElement = (_element: HTMLElement) => {\r\n    // Element is the external trigger element\r\n    if (this._isTriggerElement(_element)) {\r\n      return _element\r\n    }\r\n\r\n    // Element has item toggler attribute\r\n    if (_element.hasAttribute('data-kt-menu-trigger')) {\r\n      return _element\r\n    }\r\n\r\n    // Element has item DOM reference in it's data storage\r\n    const itemElement = DataUtil.get(_element, 'item')\r\n    if (itemElement) {\r\n      return itemElement\r\n    }\r\n\r\n    // Item is parent of element\r\n    const item = _element.closest('.menu-item[data-kt-menu-trigger]')\r\n    if (item) {\r\n      return item\r\n    }\r\n\r\n    // Element's parent has item DOM reference in it's data storage\r\n    const sub = _element.closest('.menu-sub')\r\n    if (sub) {\r\n      const subItem = DataUtil.get(sub as HTMLElement, 'item')\r\n      if (subItem) {\r\n        return subItem\r\n      }\r\n    }\r\n  }\r\n\r\n  // Get item parent element\r\n  private _getItemParentElement = (item: HTMLElement) => {\r\n    const sub = item.closest('.menu-sub')\r\n    if (!sub) {\r\n      return null\r\n    }\r\n\r\n    const subItem = DataUtil.get(sub as HTMLElement, 'item')\r\n    if (subItem) {\r\n      return subItem\r\n    }\r\n\r\n    const parentItem = sub.closest('.menu-item[data-kt-menu-trigger]')\r\n    if (sub && parentItem) {\r\n      return parentItem\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  // Get item parent elements\r\n  private _getItemParentElements = (item: HTMLElement) => {\r\n    const parents = []\r\n    let parent\r\n    let i = 0\r\n    let buffer = item\r\n\r\n    do {\r\n      parent = this._getItemParentElement(buffer)\r\n      if (parent) {\r\n        parents.push(parent)\r\n        buffer = parent\r\n      }\r\n\r\n      i++\r\n    } while (parent !== null && i < 20)\r\n\r\n    if (this.triggerElement) {\r\n      parents.unshift(this.triggerElement)\r\n    }\r\n\r\n    return parents\r\n  }\r\n\r\n  // Prepare popper config for dropdown(see: https://popper.js.org/docs/v2/)\r\n  private _getDropdownPopperConfig = (item: HTMLElement) => {\r\n    // Placement\r\n    const placementOption = this._getItemOption(item, 'placement')\r\n    let placement: PopperPlacement = 'right'\r\n    if (placementOption) {\r\n      placement = placementOption as PopperPlacement\r\n    }\r\n\r\n    // Flip\r\n    const flipValue = this._getItemOption(item, 'flip')\r\n    const flip = flipValue ? flipValue.toString().split(',') : []\r\n\r\n    // Offset\r\n    const offsetValue = this._getItemOption(item, 'offset')\r\n    const offset = offsetValue ? offsetValue.toString().split(',') : []\r\n\r\n    // Strategy\r\n    const strategy: 'absolute' | 'fixed' | undefined =\r\n      this._getItemOption(item, 'overflow') === true ? 'absolute' : 'fixed'\r\n\r\n    return {\r\n      placement: placement,\r\n      strategy: strategy,\r\n      modifiers: [\r\n        {\r\n          name: 'offset',\r\n          options: {\r\n            offset: offset,\r\n          },\r\n        },\r\n        {\r\n          name: 'preventOverflow',\r\n          options: {\r\n            //altBoundary: true,\r\n            //altAxis: true,\r\n            rootBoundary: 'clippingParents',\r\n          },\r\n        },\r\n        {\r\n          name: 'flip',\r\n          options: {\r\n            altBoundary: true,\r\n            fallbackPlacements: flip,\r\n          },\r\n        },\r\n      ],\r\n    }\r\n  }\r\n\r\n  // Get item child element\r\n  private _getItemChildElement = (item: HTMLElement) => {\r\n    let selector = item\r\n\r\n    const subItem = DataUtil.get(item, 'sub')\r\n    if (subItem) {\r\n      selector = subItem\r\n    }\r\n\r\n    if (selector) {\r\n      //element = selector.querySelector('.show.menu-item[data-kt-menu-trigger]');\r\n      const element = selector.querySelector('.menu-item[data-kt-menu-trigger]')\r\n      if (element) {\r\n        return element\r\n      }\r\n    }\r\n    return null\r\n  }\r\n\r\n  // Get item child elements\r\n  private _getItemChildElements = (item: HTMLElement) => {\r\n    const children = []\r\n    let child\r\n    let i = 0\r\n    let buffer = item\r\n    do {\r\n      child = this._getItemChildElement(buffer)\r\n      if (child) {\r\n        children.push(child)\r\n        buffer = child as HTMLElement\r\n      }\r\n\r\n      i++\r\n    } while (child !== null && i < 20)\r\n\r\n    return children\r\n  }\r\n\r\n  // Get item sub element\r\n  private _getItemSubElement = (item: HTMLElement) => {\r\n    if (!item) {\r\n      return null\r\n    }\r\n\r\n    if (this._isTriggerElement(item)) {\r\n      return this.element\r\n    }\r\n\r\n    if (item.classList.contains('menu-sub')) {\r\n      return item\r\n    } else if (DataUtil.has(item, 'sub')) {\r\n      return DataUtil.get(item, 'sub')\r\n    } else {\r\n      return getElementChild(item, '.menu-sub')\r\n    }\r\n  }\r\n\r\n  private _getCss = (el: HTMLElement, styleProp: string) => {\r\n    const defaultView = (el.ownerDocument || document).defaultView\r\n    if (!defaultView) {\r\n      return ''\r\n    }\r\n\r\n    // sanitize property name to css notation\r\n    // (hyphen separated words eg. font-Size)\r\n    styleProp = styleProp.replace(/([A-Z])/g, '-$1').toLowerCase()\r\n\r\n    return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp)\r\n  }\r\n\r\n  // Get item sub type\r\n  private _getItemSubType = (element: HTMLElement) => {\r\n    const sub = this._getItemSubElement(element)\r\n    if (sub && parseInt(this._getCss(sub, 'z-index')) > 0) {\r\n      return 'dropdown'\r\n    } else {\r\n      return 'accordion'\r\n    }\r\n  }\r\n\r\n  // Test if item's sub is shown\r\n  private _isItemSubShown = (item: HTMLElement) => {\r\n    let sub = this._getItemSubElement(item)\r\n    if (sub) {\r\n      if (this._getItemSubType(item) === 'dropdown') {\r\n        return sub.classList.contains('show') && sub.hasAttribute('data-popper-placement')\r\n      } else {\r\n        return item.classList.contains('show')\r\n      }\r\n    }\r\n\r\n    return false\r\n  }\r\n\r\n  // Test if item dropdown is permanent\r\n  private _isItemDropdownPermanent = (item: HTMLElement) => {\r\n    return this._getItemOption(item, 'permanent') === true\r\n  }\r\n\r\n  // Test if item's parent is shown\r\n  private _isItemParentShown = (item: HTMLElement) => {\r\n    return getElementParents(item, '.menu-item.show').length > 0\r\n  }\r\n\r\n  // Test of it is item sub element\r\n  private _isItemSubElement = (item: HTMLElement) => {\r\n    return item.classList.contains('menu-sub')\r\n  }\r\n\r\n  // Test if item has sub\r\n  private _hasItemSub = (item: HTMLElement) => {\r\n    return item.classList.contains('menu-item') && item.hasAttribute('data-kt-menu-trigger')\r\n  }\r\n\r\n  // Get link element\r\n  private _getItemLinkElement = (item: HTMLElement) => {\r\n    return getElementChild(item, '.menu-link')\r\n  }\r\n\r\n  // Get toggle element\r\n  private _getItemToggleElement = (item: HTMLElement) => {\r\n    if (this.triggerElement) {\r\n      return this.triggerElement\r\n    }\r\n\r\n    return this._getItemLinkElement(item)\r\n  }\r\n\r\n  // Show item dropdown\r\n  private _showDropdown = (item: HTMLElement) => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.menu.dropdown.show') === false) {\r\n      return\r\n    }\r\n\r\n    // Hide all currently shown dropdowns except current one\r\n    MenuComponent.hideDropdowns(item)\r\n\r\n    // const toggle = this._isTriggerElement(item) ? item : this._getItemLinkElement(item);\r\n    const sub = this._getItemSubElement(item)\r\n    const width = this._getItemOption(item, 'width')\r\n    const height = this._getItemOption(item, 'height')\r\n\r\n    let zindex = this.options.dropdown.zindex\r\n    const parentZindex = getHighestZindex(item) // update\r\n    // Apply a new z-index if dropdown's toggle element or it's parent has greater z-index // update\r\n    if (parentZindex !== null && parentZindex >= zindex) {\r\n      zindex = parentZindex + 1\r\n    }\r\n\r\n    if (zindex) {\r\n      ElementStyleUtil.set(sub, 'z-index', zindex)\r\n    }\r\n\r\n    if (width) {\r\n      ElementStyleUtil.set(sub, 'width', width)\r\n    }\r\n\r\n    if (height) {\r\n      ElementStyleUtil.set(sub, 'height', height)\r\n    }\r\n\r\n    this.initDropdownPopper(item, sub)\r\n\r\n    item.classList.add('show')\r\n    item.classList.add('menu-dropdown')\r\n    sub.classList.add('show')\r\n\r\n    // Append the sub the the root of the menu\r\n    if (this._getItemOption(item, 'overflow') === true) {\r\n      document.body.appendChild(sub)\r\n      DataUtil.set(item, 'sub', sub)\r\n      DataUtil.set(sub, 'item', item)\r\n      DataUtil.set(sub, 'menu', this)\r\n    } else {\r\n      DataUtil.set(sub, 'item', item)\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.menu.dropdown.shown')\r\n  }\r\n\r\n  // Init dropdown popper(new)\r\n  private initDropdownPopper = (item: HTMLElement, sub: HTMLElement) => {\r\n    // Setup popper instance\r\n    let reference\r\n    const attach = this._getItemOption(item, 'attach') as string\r\n\r\n    if (attach) {\r\n      if (attach === 'parent') {\r\n        reference = item.parentNode\r\n      } else {\r\n        reference = document.querySelector(attach)\r\n      }\r\n    } else {\r\n      reference = item\r\n    }\r\n\r\n    if (reference) {\r\n      const popper = createPopper(\r\n        reference as Element | VirtualElement,\r\n        sub,\r\n        this._getDropdownPopperConfig(item)\r\n      )\r\n      DataUtil.set(item, 'popper', popper)\r\n    }\r\n  }\r\n\r\n  // Hide item dropdown\r\n  private _hideDropdown = (item: HTMLElement) => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.menu.dropdown.hide') === false) {\r\n      return\r\n    }\r\n\r\n    const sub = this._getItemSubElement(item)\r\n    ElementStyleUtil.set(sub, 'z-index', '')\r\n    ElementStyleUtil.set(sub, 'width', '')\r\n    ElementStyleUtil.set(sub, 'height', '')\r\n    item.classList.remove('show')\r\n    item.classList.remove('menu-dropdown')\r\n    sub.classList.remove('show')\r\n\r\n    // Append the sub back to it's parent\r\n    if (this._getItemOption(item, 'overflow') === true) {\r\n      if (item.classList.contains('menu-item')) {\r\n        item.appendChild(sub)\r\n      } else {\r\n        insertAfterElement(this.element, item)\r\n      }\r\n\r\n      DataUtil.remove(item, 'sub')\r\n      DataUtil.remove(sub, 'item')\r\n      DataUtil.remove(sub, 'menu')\r\n    }\r\n\r\n    if (DataUtil.has(item, 'popper') === true) {\r\n      DataUtil.get(item, 'popper').destroy()\r\n      DataUtil.remove(item, 'popper')\r\n    }\r\n\r\n    // Destroy popper(new)\r\n    this.destroyDropdownPopper(item)\r\n    EventHandlerUtil.trigger(this.element, 'kt.menu.dropdown.hidden')\r\n  }\r\n\r\n  // Destroy dropdown popper(new)\r\n  private destroyDropdownPopper = (item: HTMLElement) => {\r\n    if (DataUtil.has(item, 'popper') === true) {\r\n      DataUtil.get(item, 'popper').destroy()\r\n      DataUtil.remove(item, 'popper')\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.menu.dropdown.hidden')\r\n  }\r\n\r\n  private _showAccordion = (item: HTMLElement) => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.menu.accordion.show') === false) {\r\n      return\r\n    }\r\n\r\n    if (this.options.accordion.expand === false) {\r\n      this._hideAccordions(item)\r\n    }\r\n\r\n    if (DataUtil.has(item, 'popper') === true) {\r\n      this._hideDropdown(item)\r\n    }\r\n\r\n    item.classList.add('hover') // updateWW\r\n    item.classList.add('showing')\r\n\r\n    const subElement = this._getItemSubElement(item)\r\n    if (subElement) {\r\n      const sub = subElement as HTMLElement\r\n      slideDown(sub, this.options.accordion.slideSpeed, () => {\r\n        item.classList.remove('showing')\r\n        item.classList.add('show')\r\n        sub.classList.add('show')\r\n        EventHandlerUtil.trigger(this.element, 'kt.menu.accordion.shown')\r\n      })\r\n    }\r\n  }\r\n\r\n  private _hideAccordion = (item: HTMLElement) => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.menu.accordion.hide') === false) {\r\n      return\r\n    }\r\n\r\n    const sub = this._getItemSubElement(item)\r\n    item.classList.add('hiding')\r\n\r\n    if (sub) {\r\n      slideUp(sub, this.options.accordion.slideSpeed, () => {\r\n        item.classList.remove('hiding')\r\n        item.classList.remove('show')\r\n        sub.classList.remove('show')\r\n        item.classList.remove('hover') // update\r\n        EventHandlerUtil.trigger(this.element, 'kt.menu.accordion.hidden')\r\n      })\r\n    }\r\n  }\r\n\r\n  // Hide all shown accordions of item\r\n  private _hideAccordions = (item: HTMLElement) => {\r\n    const itemsToHide = this.element.querySelectorAll('.show[data-kt-menu-trigger]')\r\n    if (itemsToHide && itemsToHide.length > 0) {\r\n      for (var i = 0, len = itemsToHide.length; i < len; i++) {\r\n        const itemToHide = itemsToHide[i] as HTMLElement\r\n\r\n        if (\r\n          this._getItemSubType(itemToHide) === 'accordion' &&\r\n          itemToHide !== item &&\r\n          item.contains(itemToHide) === false &&\r\n          itemToHide.contains(item) === false\r\n        ) {\r\n          this._hideAccordion(itemToHide)\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Event Handlers\r\n  // Reset item state classes if item sub type changed\r\n  private _reset = (item: HTMLElement) => {\r\n    if (this._hasItemSub(item) === false) {\r\n      return\r\n    }\r\n\r\n    const sub = this._getItemSubElement(item)\r\n\r\n    // Reset sub state if sub type is changed during the window resize\r\n    if (DataUtil.has(item, 'type') && DataUtil.get(item, 'type') !== this._getItemSubType(item)) {\r\n      // updated\r\n      item.classList.remove('hover')\r\n      item.classList.remove('show')\r\n      item.classList.remove('show')\r\n      if (sub && sub.removeClass) {\r\n        sub.removeClass(sub, 'show')\r\n      }\r\n    } // updated\r\n  }\r\n\r\n  // TODO: not done\r\n  private _destroy = () => {}\r\n\r\n  // Update all item state classes if item sub type changed\r\n  private _update = () => {\r\n    const items = this.element.querySelectorAll('.menu-item[data-kt-menu-trigger]')\r\n    items.forEach((el) => this._reset(el as HTMLElement))\r\n  }\r\n\r\n  // Hide item sub\r\n  private _hide = (item: HTMLElement) => {\r\n    if (!item) {\r\n      return\r\n    }\r\n\r\n    if (this._isItemSubShown(item) === false) {\r\n      return\r\n    }\r\n\r\n    if (this._getItemSubType(item) === 'dropdown') {\r\n      this._hideDropdown(item)\r\n    } else if (this._getItemSubType(item) === 'accordion') {\r\n      this._hideAccordion(item)\r\n    }\r\n  }\r\n\r\n  // Show item sub\r\n  private _show = (item: HTMLElement) => {\r\n    if (!item) {\r\n      return\r\n    }\r\n\r\n    if (this._isItemSubShown(item) === true) {\r\n      return\r\n    }\r\n\r\n    if (this._getItemSubType(item) === 'dropdown') {\r\n      this._showDropdown(item) // // show current dropdown\r\n    } else if (this._getItemSubType(item) === 'accordion') {\r\n      this._showAccordion(item)\r\n    }\r\n\r\n    // Remember last submenu type\r\n\r\n    DataUtil.set(item, 'type', this._getItemSubType(item)) // updated\r\n  }\r\n\r\n  // Toggle item sub\r\n  private _toggle = (item: HTMLElement) => {\r\n    if (!item) {\r\n      return\r\n    }\r\n\r\n    if (this._isItemSubShown(item) === true) {\r\n      this._hide(item)\r\n    } else {\r\n      this._show(item)\r\n    }\r\n  }\r\n\r\n  // Mouseout handle\r\n  private _mouseout = (element: HTMLElement, e: MouseEvent) => {\r\n    const item = this._getItemElement(element)\r\n    if (!item) {\r\n      return\r\n    }\r\n\r\n    if (this._getItemOption(item, 'trigger') !== 'hover') {\r\n      return\r\n    }\r\n\r\n    const timeout = setTimeout(() => {\r\n      if (DataUtil.get(item, 'hover') === '1') {\r\n        this._hide(item)\r\n      }\r\n    }, this.options.dropdown.hoverTimeout)\r\n\r\n    DataUtil.set(item, 'hover', '1')\r\n    DataUtil.set(item, 'timeout', timeout)\r\n  }\r\n\r\n  // Mouseover handle\r\n  private _mouseover = (element: HTMLElement, e: MouseEvent) => {\r\n    const item = this._getItemElement(element)\r\n    if (!item) {\r\n      return\r\n    }\r\n\r\n    if (this._getItemOption(item, 'trigger') !== 'hover') {\r\n      return\r\n    }\r\n\r\n    if (DataUtil.get(item, 'hover') === '1') {\r\n      clearTimeout(DataUtil.get(item, 'timeout'))\r\n      DataUtil.remove(item, 'hover')\r\n      DataUtil.remove(item, 'timeout')\r\n    }\r\n\r\n    this._show(item)\r\n  }\r\n\r\n  // Dismiss handler\r\n  private _dismiss = (element: HTMLElement, e: Event) => {\r\n    const item = this._getItemElement(element)\r\n    const items = this._getItemChildElements(item)\r\n    //if ( item !== null && _getItemOption(item, 'trigger') === 'click' &&  _getItemSubType(item) === 'dropdown' ) {\r\n    const itemSubType = this._getItemSubType(item)\r\n    if (item !== null && itemSubType === 'dropdown') {\r\n      this._hide(item) // hide items dropdown\r\n\r\n      // Hide all child elements as well\r\n      if (items.length > 0) {\r\n        for (let i = 0, len = items.length; i < len; i++) {\r\n          //if ( _getItemOption(item, 'trigger') === 'click' &&  _getItemSubType(item) === 'dropdown' ) {\r\n          if (items[i] !== null && this._getItemSubType(items[i] as HTMLElement) === 'dropdown') {\r\n            this._hide(items[i] as HTMLElement)\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Link handler\r\n  private _link = (element: HTMLElement, e: Event) => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.menu.link.click') === false) {\r\n      return\r\n    }\r\n\r\n    // Dismiss all shown dropdowns\r\n    MenuComponent.hideDropdowns(undefined)\r\n    EventHandlerUtil.trigger(this.element, 'kt.menu.link.clicked')\r\n  }\r\n\r\n  private _click = (element: HTMLElement, e: Event) => {\r\n    e.preventDefault()\r\n    const item = this._getItemElement(element)\r\n    if (this._getItemOption(item, 'trigger') !== 'click') {\r\n      return\r\n    }\r\n\r\n    if (this._getItemOption(item, 'toggle') === false) {\r\n      this._show(item)\r\n    } else {\r\n      this._toggle(item)\r\n    }\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  public click = (element: HTMLElement, e: Event) => {\r\n    return this._click(element, e)\r\n  }\r\n\r\n  public link = (element: HTMLElement, e: Event) => {\r\n    return this._link(element, e)\r\n  }\r\n\r\n  public dismiss = (element: HTMLElement, e: Event) => {\r\n    return this._dismiss(element, e)\r\n  }\r\n\r\n  public mouseover = (element: HTMLElement, e: Event) => {\r\n    return this._mouseover(element, e as MouseEvent)\r\n  }\r\n\r\n  public mouseout = (element: HTMLElement, e: Event) => {\r\n    return this._mouseout(element, e as MouseEvent)\r\n  }\r\n\r\n  // General Methods\r\n  public getItemTriggerType = (item: HTMLElement) => {\r\n    return this._getItemOption(item, 'trigger')\r\n  }\r\n\r\n  public getItemSubType = (element: HTMLElement) => {\r\n    return this._getItemSubType(element)\r\n  }\r\n\r\n  public show = (item: HTMLElement) => {\r\n    return this._show(item)\r\n  }\r\n\r\n  public hide = (item: HTMLElement) => {\r\n    return this._hide(item)\r\n  }\r\n\r\n  public reset = (item: HTMLElement) => {\r\n    return this._reset(item)\r\n  }\r\n\r\n  public update = () => {\r\n    return this._update()\r\n  }\r\n\r\n  public getElement = () => {\r\n    return this.element\r\n  }\r\n\r\n  public getItemLinkElement = (item: HTMLElement) => {\r\n    return this._getItemLinkElement(item)\r\n  }\r\n\r\n  public getItemToggleElement = (item: HTMLElement) => {\r\n    return this._getItemToggleElement(item)\r\n  }\r\n\r\n  public getItemSubElement = (item: HTMLElement) => {\r\n    return this._getItemSubElement(item)\r\n  }\r\n\r\n  public getItemParentElements = (item: HTMLElement) => {\r\n    return this._getItemParentElements(item)\r\n  }\r\n\r\n  public isItemSubShown = (item: HTMLElement) => {\r\n    return this._isItemSubShown(item)\r\n  }\r\n\r\n  public isItemParentShown = (item: HTMLElement) => {\r\n    return this._isItemParentShown(item)\r\n  }\r\n\r\n  public getTriggerElement = () => {\r\n    return this.triggerElement\r\n  }\r\n\r\n  public isItemDropdownPermanent = (item: HTMLElement) => {\r\n    return this._isItemDropdownPermanent(item)\r\n  }\r\n\r\n  // Accordion Mode Methods\r\n  public hideAccordions = (item: HTMLElement) => {\r\n    return this._hideAccordions(item)\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: any) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: any) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  // public static methods\r\n  // Get KTMenu instance by element\r\n  public static getInstance = (element: HTMLElement) => {\r\n    // Element has menu DOM reference in it's DATA storage\r\n    const elementMenu = DataUtil.get(element, 'menu')\r\n    if (elementMenu) {\r\n      return elementMenu\r\n    }\r\n\r\n    // Element has .menu parent\r\n    const menu = element.closest('.menu')\r\n    if (menu) {\r\n      const menuData = DataUtil.get(menu as HTMLElement, 'menu')\r\n      if (menuData) {\r\n        return menuData\r\n      }\r\n    }\r\n\r\n    // Element has a parent with DOM reference to .menu in it's DATA storage\r\n    if (element.classList.contains('menu-link')) {\r\n      const sub = element.closest('.menu-sub')\r\n      if (sub) {\r\n        const subMenu = DataUtil.get(sub as HTMLElement, 'menu')\r\n        if (subMenu) {\r\n          return subMenu\r\n        }\r\n      }\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  // Hide all dropdowns and skip one if provided\r\n  public static hideDropdowns = (skip: HTMLElement | undefined) => {\r\n    const items = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]')\r\n\r\n    if (items && items.length > 0) {\r\n      for (let i = 0, len = items.length; i < len; i++) {\r\n        const item = items[i]\r\n        const menu = MenuComponent.getInstance(item as HTMLElement)\r\n\r\n        if (menu && menu.getItemSubType(item) === 'dropdown') {\r\n          if (skip) {\r\n            if (\r\n              menu.getItemSubElement(item).contains(skip) === false &&\r\n              item.contains(skip) === false &&\r\n              item !== skip\r\n            ) {\r\n              menu.hide(item)\r\n            }\r\n          } else {\r\n            menu.hide(item)\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  public static updateDropdowns = () => {\r\n    const items = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]')\r\n    if (items && items.length > 0) {\r\n      for (var i = 0, len = items.length; i < len; i++) {\r\n        var item = items[i]\r\n\r\n        if (DataUtil.has(item as HTMLElement, 'popper')) {\r\n          DataUtil.get(item as HTMLElement, 'popper').forceUpdate()\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Global handlers\r\n  public static createInstances = (selector: string) => {\r\n    // Initialize menus\r\n    document.querySelectorAll(selector).forEach((el) => {\r\n      const menuItem = el as HTMLElement\r\n      let menuInstance = MenuComponent.getInstance(menuItem)\r\n      if (!menuInstance) {\r\n        menuInstance = new MenuComponent(el as HTMLElement, defaultMenuOptions)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static initGlobalHandlers = () => {\r\n    // Dropdown handler\r\n    document.addEventListener('click', (e) => {\r\n      const menuItems = document.querySelectorAll('.show.menu-dropdown[data-kt-menu-trigger]')\r\n      if (menuItems && menuItems.length > 0) {\r\n        for (let i = 0; i < menuItems.length; i++) {\r\n          const item = menuItems[i] as HTMLElement\r\n          const menuObj = MenuComponent.getInstance(item) as MenuComponent\r\n          if (menuObj && menuObj.getItemSubType(item) === 'dropdown') {\r\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n            const menu = menuObj.getElement()\r\n            const sub = menuObj.getItemSubElement(item) as HTMLElement\r\n            if (item === e.target || item.contains(e.target as HTMLElement)) {\r\n              continue\r\n            }\r\n\r\n            if (sub && (sub === e.target || sub.contains(e.target as HTMLElement))) {\r\n              continue\r\n            }\r\n            menuObj.hide(item)\r\n          }\r\n        }\r\n      }\r\n    })\r\n\r\n    // Sub toggle handler\r\n    DOMEventHandlerUtil.on(\r\n      document.body,\r\n      '.menu-item[data-kt-menu-trigger] > .menu-link, [data-kt-menu-trigger]:not(.menu-item):not([data-kt-menu-trigger=\"auto\"])',\r\n      'click',\r\n      function (this: HTMLElement, e: Event) {\r\n        const menu = MenuComponent.getInstance(this) as MenuComponent\r\n        if (menu) {\r\n          return menu.click(this, e)\r\n        }\r\n      }\r\n    )\r\n\r\n    // // Link handler\r\n    DOMEventHandlerUtil.on(\r\n      document.body,\r\n      '.menu-item:not([data-kt-menu-trigger]) > .menu-link',\r\n      'click',\r\n      function (this: HTMLElement, e: Event) {\r\n        e.stopPropagation()\r\n        const menu = MenuComponent.getInstance(this)\r\n        if (menu && menu.link) {\r\n          return menu.link(this, e)\r\n        }\r\n      }\r\n    )\r\n\r\n    // Dismiss handler\r\n    DOMEventHandlerUtil.on(\r\n      document.body,\r\n      '[data-kt-menu-dismiss=\"true\"]',\r\n      'click',\r\n      function (this: HTMLElement, e: Event) {\r\n        const menu = MenuComponent.getInstance(this) as MenuComponent\r\n        if (menu) {\r\n          return menu.dismiss(this, e)\r\n        }\r\n      }\r\n    )\r\n\r\n    // Mouseover handler\r\n    DOMEventHandlerUtil.on(\r\n      document.body,\r\n      '[data-kt-menu-trigger], .menu-sub',\r\n      'mouseover',\r\n      function (this: HTMLElement, e: Event) {\r\n        const menu = MenuComponent.getInstance(this) as MenuComponent\r\n        if (menu && menu.getItemSubType(this) === 'dropdown') {\r\n          return menu.mouseover(this, e)\r\n        }\r\n      }\r\n    )\r\n\r\n    // Mouseout handler\r\n    DOMEventHandlerUtil.on(\r\n      document.body,\r\n      '[data-kt-menu-trigger], .menu-sub',\r\n      'mouseout',\r\n      function (this: HTMLElement, e: Event) {\r\n        const menu = MenuComponent.getInstance(this) as MenuComponent\r\n        if (menu && menu.getItemSubType(this) === 'dropdown') {\r\n          return menu.mouseout(this, e)\r\n        }\r\n      }\r\n    )\r\n\r\n    // Resize handler\r\n    window.addEventListener('resize', () => {\r\n      let timer\r\n      throttle(\r\n        timer,\r\n        () => {\r\n          // Locate and update Drawer instances on window resize\r\n          const elements = document.querySelectorAll('[data-kt-menu=\"true\"]')\r\n          elements.forEach((el) => {\r\n            const menu = MenuComponent.getInstance(el as HTMLElement)\r\n            if (menu) {\r\n              menu.update()\r\n            }\r\n          })\r\n        },\r\n        200\r\n      )\r\n    })\r\n  }\r\n\r\n  public static bootstrap = () => {\r\n    MenuComponent.initGlobalHandlers()\r\n    MenuComponent.createInstances('[data-kt-menu=\"true\"]')\r\n  }\r\n\r\n  public static reinitialization = () => {\r\n    MenuComponent.createInstances('[data-kt-menu=\"true\"]')\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string,\r\n    options: MenuOptions = defaultMenuOptions\r\n  ): MenuComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let menu = MenuComponent.getInstance(item)\r\n    if (!menu) {\r\n      menu = new MenuComponent(item, options)\r\n    }\r\n    return menu\r\n  }\r\n}\r\n\r\nexport {MenuComponent, defaultMenuOptions}\r\n","import {\r\n  EventHandlerUtil,\r\n  DataUtil,\r\n  getBreakpoint,\r\n  getAttributeValueByBreakpoint,\r\n  stringSnakeToCamel,\r\n  getObjectPropertyValueByKey,\r\n  getViewPort,\r\n  isVisibleElement,\r\n  throttle,\r\n} from '../_utils/index'\r\n\r\nimport {MenuComponent, defaultMenuOptions} from './MenuComponent'\r\n\r\nexport interface ISearchOptions {\r\n  minLength: number // Miniam text lenght to query search\r\n  keypress: boolean // Enable search on keypress\r\n  enter: boolean // Enable search on enter key press\r\n  layout: 'menu' | 'inline' // Use 'menu' or 'inline' layout options to display search results\r\n  responsive?: number // Pass integer value or bootstrap compatible breakpoint key(sm,md,lg,xl,xxl) to enable reponsive form mode for device width below the breakpoint value\r\n  showOnFocus: boolean // Always show menu on input focus\r\n}\r\n\r\nexport interface ISearchQueries {\r\n  componentName: string\r\n  instanseQuery: string\r\n  attrQuery: string\r\n}\r\n\r\nconst defaultSearchOptions: ISearchOptions = {\r\n  minLength: 2, // Miniam text lenght to query search\r\n  keypress: true, // Enable search on keypress\r\n  enter: true, // Enable search on enter key press\r\n  layout: 'menu', // Use 'menu' or 'inline' layout options to display search results\r\n  showOnFocus: true, // Always show menu on input focus\r\n}\r\n\r\nconst defaultSearchQueires: ISearchQueries = {\r\n  componentName: 'search',\r\n  instanseQuery: '[data-kt-search]',\r\n  attrQuery: 'data-kt-search-',\r\n}\r\n\r\nclass SearchComponent {\r\n  element: HTMLElement\r\n  contentElement: HTMLElement\r\n  formElement: HTMLFormElement\r\n  inputElement: HTMLInputElement\r\n  spinnerElement: HTMLElement\r\n  clearElement: HTMLElement\r\n  toggleElement: HTMLElement\r\n  submitElement: HTMLElement\r\n  toolbarElement: HTMLElement\r\n  resultsElement: HTMLElement\r\n  suggestionElement: HTMLElement\r\n  emptyElement: HTMLElement\r\n  layout: any\r\n\r\n  options: ISearchOptions\r\n  queries: ISearchQueries\r\n\r\n  processing: boolean = false\r\n  menuObject: MenuComponent | undefined\r\n\r\n  constructor(_element: HTMLElement, _options: ISearchOptions, _queries: ISearchQueries) {\r\n    // Variables\r\n    this.options = Object.assign(defaultSearchOptions, _options)\r\n    this.queries = _queries\r\n\r\n    // Elements\r\n    this.element = _element\r\n    this.contentElement = this._getElement('content') as HTMLElement\r\n    this.formElement = this._getElement('form') as HTMLFormElement\r\n    this.inputElement = this._getElement('input') as HTMLInputElement\r\n    this.spinnerElement = this._getElement('spinner') as HTMLElement\r\n    this.clearElement = this._getElement('clear') as HTMLElement\r\n    this.toggleElement = this._getElement('toggle') as HTMLElement\r\n    this.submitElement = this._getElement('submit') as HTMLElement\r\n    this.toolbarElement = this._getElement('toolbar') as HTMLElement\r\n\r\n    this.resultsElement = this._getElement('results') as HTMLElement\r\n    this.suggestionElement = this._getElement('suggestion') as HTMLElement\r\n    this.emptyElement = this._getElement('empty') as HTMLElement\r\n\r\n    // Layout\r\n    this.layout = this.getOption('layout')\r\n    if (this.layout === 'menu') {\r\n      this.menuObject = new MenuComponent(this.contentElement, defaultMenuOptions)\r\n    }\r\n\r\n    // Update\r\n    this.update()\r\n\r\n    // Event Handlers\r\n    this.handlers()\r\n\r\n    DataUtil.set(this.element, this.queries.componentName, this)\r\n  }\r\n\r\n  private _getElement = (name: string) => {\r\n    return this.element.querySelector('[data-kt-search-element=\"' + name + '\"]')\r\n  }\r\n\r\n  // Get option\r\n  private getOption = (name: string) => {\r\n    const attr = this.element.getAttribute(`${this.queries.attrQuery}${name}`)\r\n    if (attr) {\r\n      let value = getAttributeValueByBreakpoint(attr)\r\n\r\n      if (value !== null && String(value) === 'true') {\r\n        return true\r\n      } else if (value !== null && String(value) === 'false') {\r\n        return false\r\n      }\r\n\r\n      return value\r\n    } else {\r\n      const optionName = stringSnakeToCamel(name)\r\n\r\n      const option = getObjectPropertyValueByKey(this.options, optionName)\r\n      if (option) {\r\n        return getAttributeValueByBreakpoint(option)\r\n      } else {\r\n        return null\r\n      }\r\n    }\r\n  }\r\n\r\n  // Check if responsive form mode is enabled\r\n  private getResponsiveFormMode = () => {\r\n    const responsive = this.getOption('responsive') as string\r\n    const width = getViewPort().width\r\n\r\n    if (!responsive) {\r\n      return null\r\n    }\r\n\r\n    const breakpoint = getBreakpoint(responsive)\r\n    let breakPointNum = -1\r\n    if (!breakpoint) {\r\n      breakPointNum = parseInt(responsive)\r\n    } else {\r\n      breakPointNum = +breakpoint\r\n    }\r\n\r\n    if (width < breakPointNum) {\r\n      return 'on'\r\n    } else {\r\n      return 'off'\r\n    }\r\n  }\r\n\r\n  // Focus\r\n  private focus = () => {\r\n    this.element.classList.add('focus')\r\n\r\n    if (\r\n      this.getOption('show-on-focus') === true ||\r\n      this.inputElement.value.length >= this.options.minLength\r\n    ) {\r\n      this.show()\r\n    }\r\n  }\r\n\r\n  // Blur\r\n  private blur = () => {\r\n    this.element.classList.remove('focus')\r\n  }\r\n\r\n  // Enter\r\n  private enter = (e: KeyboardEvent) => {\r\n    const key = e.charCode || e.keyCode || 0\r\n\r\n    if (key === 13) {\r\n      e.preventDefault()\r\n\r\n      this.search()\r\n    }\r\n  }\r\n\r\n  // Input\r\n  private input = () => {\r\n    if (this.getOption('min-length')) {\r\n      const minLength = parseInt(this.getOption('min-length') as string)\r\n\r\n      if (this.inputElement.value.length >= minLength) {\r\n        this.search()\r\n      } else if (this.inputElement.value.length === 0) {\r\n        this.clear()\r\n      }\r\n    }\r\n  }\r\n\r\n  private handlers(): void {\r\n    // Focus\r\n    this.inputElement.addEventListener('focus', this.focus)\r\n\r\n    // Blur\r\n    this.inputElement.addEventListener('blur', this.blur)\r\n\r\n    // Keypress\r\n    if (this.getOption('keypress') === true) {\r\n      this.inputElement.addEventListener('input', this.input)\r\n    }\r\n\r\n    // Submit\r\n    if (this.submitElement) {\r\n      this.submitElement.addEventListener('click', this.search)\r\n    }\r\n\r\n    // Enter\r\n    if (this.getOption('enter') === true) {\r\n      this.inputElement.addEventListener('keypress', this.enter)\r\n    }\r\n\r\n    // Clear\r\n    if (this.clearElement) {\r\n      this.clearElement.addEventListener('click', this.clear)\r\n    }\r\n\r\n    // Menu\r\n    if (this.menuObject) {\r\n      // Toggle menu\r\n      if (this.toggleElement) {\r\n        this.toggleElement.addEventListener('click', this.show)\r\n\r\n        this.menuObject.on('kt.menu.dropdown.show', function () {\r\n          // @ts-ignore\r\n          if (isVisibleElement(this.toggleElement)) {\r\n            // @ts-ignore\r\n            this.toggleElement.classList.add('active')\r\n            // @ts-ignore\r\n            this.toggleElement.classList.add('show')\r\n          }\r\n        })\r\n\r\n        this.menuObject.on('kt.menu.dropdown.hide', function () {\r\n          // @ts-ignore\r\n          if (isVisibleElement(this.toggleElement)) {\r\n            // @ts-ignore\r\n            this.toggleElement.classList.remove('active')\r\n            // @ts-ignore\r\n            this.toggleElement.classList.remove('show')\r\n          }\r\n        })\r\n      }\r\n\r\n      this.menuObject.on('kt.menu.dropdown.shown', function () {\r\n        // @ts-ignore\r\n        this.inputElement.focus()\r\n      })\r\n    }\r\n\r\n    // Window resize handling\r\n    window.addEventListener('resize', () => {\r\n      let timer\r\n\r\n      throttle(\r\n        timer,\r\n        () => {\r\n          this.update()\r\n        },\r\n        200\r\n      )\r\n    })\r\n  }\r\n\r\n  ///////////////////////\r\n  // ** Public API  ** //\r\n  ///////////////////////\r\n  // Update\r\n  public update = () => {\r\n    // Handle responsive form\r\n    if (this.layout === 'menu') {\r\n      let responsiveFormMode = this.getResponsiveFormMode()\r\n\r\n      if (responsiveFormMode === 'on' && this.contentElement.contains(this.formElement) === false) {\r\n        this.contentElement.prepend(this.formElement)\r\n        this.formElement.classList.remove('d-none')\r\n      } else if (\r\n        responsiveFormMode === 'off' &&\r\n        this.contentElement.contains(this.formElement) === true\r\n      ) {\r\n        this.element.prepend(this.formElement)\r\n        this.formElement.classList.add('d-none')\r\n      }\r\n    }\r\n  }\r\n\r\n  // Show menu\r\n  public show = () => {\r\n    if (this.menuObject) {\r\n      this.update()\r\n\r\n      this.menuObject.show(this.element)\r\n    }\r\n  }\r\n\r\n  // Hide menu\r\n  public hide = () => {\r\n    if (this.menuObject) {\r\n      this.update()\r\n\r\n      this.menuObject.hide(this.element)\r\n    }\r\n  }\r\n\r\n  // Search\r\n  public search = () => {\r\n    if (this.processing === false) {\r\n      // Show search spinner\r\n      if (this.spinnerElement) {\r\n        this.spinnerElement.classList.remove('d-none')\r\n      }\r\n\r\n      // Hide search clear button\r\n      if (this.clearElement) {\r\n        this.clearElement.classList.add('d-none')\r\n      }\r\n\r\n      // Hide search toolbar\r\n      if (this.toolbarElement) {\r\n        this.toolbarElement.classList.add('d-none')\r\n      }\r\n\r\n      // Focus input\r\n      this.inputElement.focus()\r\n\r\n      this.processing = true\r\n      EventHandlerUtil.trigger(this.element, 'kt.search.process')\r\n    }\r\n  }\r\n\r\n  // Complete\r\n  public complete = () => {\r\n    if (this.spinnerElement) {\r\n      this.spinnerElement.classList.add('d-none')\r\n    }\r\n\r\n    // Show search toolbar\r\n    if (this.clearElement) {\r\n      this.clearElement.classList.remove('d-none')\r\n    }\r\n\r\n    if (this.inputElement.value.length === 0) {\r\n      this.clear()\r\n    }\r\n\r\n    // Focus input\r\n    this.inputElement.focus()\r\n\r\n    this.show()\r\n\r\n    this.processing = false\r\n  }\r\n\r\n  // Clear\r\n  public clear = () => {\r\n    if (EventHandlerUtil.trigger(this.element, 'kt.search.clear') === false) {\r\n      return\r\n    }\r\n\r\n    // Clear and focus input\r\n    this.inputElement.value = ''\r\n    this.inputElement.focus()\r\n\r\n    // Hide clear icon\r\n    if (this.clearElement) {\r\n      this.clearElement.classList.add('d-none')\r\n    }\r\n\r\n    // Show search toolbar\r\n    if (this.toolbarElement) {\r\n      this.toolbarElement.classList.remove('d-none')\r\n    }\r\n\r\n    // Hide menu\r\n    if (this.getOption('show-on-focus') === false) {\r\n      this.hide()\r\n    }\r\n\r\n    EventHandlerUtil.trigger(this.element, 'kt.search.cleared')\r\n  }\r\n\r\n  public isProcessing = () => {\r\n    return this.processing\r\n  }\r\n\r\n  public getQuery = () => {\r\n    return this.inputElement.value\r\n  }\r\n\r\n  public getMenu = () => {\r\n    return this.menuObject\r\n  }\r\n\r\n  public getFormElement = () => {\r\n    return this.formElement\r\n  }\r\n\r\n  public getInputElement(): HTMLInputElement {\r\n    return this.inputElement\r\n  }\r\n\r\n  public getContentElement(): HTMLElement {\r\n    return this.contentElement\r\n  }\r\n\r\n  public getElement(): HTMLElement {\r\n    return this.element\r\n  }\r\n\r\n  // Event API\r\n  public on = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.on(this.element, name, handler)\r\n  }\r\n\r\n  public one = (name: string, handler: Function) => {\r\n    return EventHandlerUtil.one(this.element, name, handler)\r\n  }\r\n\r\n  public off = (name: string) => {\r\n    return EventHandlerUtil.off(this.element, name)\r\n  }\r\n\r\n  // Static methods\r\n  public static getInstance = (\r\n    el: HTMLElement,\r\n    componentName: string = defaultSearchQueires.componentName\r\n  ) => {\r\n    const Search = DataUtil.get(el, componentName)\r\n    if (Search) {\r\n      return Search\r\n    }\r\n\r\n    return null\r\n  }\r\n\r\n  public static createInstances = (\r\n    selector: string = defaultSearchQueires.instanseQuery,\r\n    options: ISearchOptions = defaultSearchOptions,\r\n    queries: ISearchQueries = defaultSearchQueires\r\n  ) => {\r\n    const elements = document.body.querySelectorAll(selector)\r\n    elements.forEach((el) => {\r\n      const item = el as HTMLElement\r\n      let Search = SearchComponent.getInstance(item)\r\n      if (!Search) {\r\n        Search = new SearchComponent(item, options, queries)\r\n      }\r\n    })\r\n  }\r\n\r\n  public static createInsance = (\r\n    selector: string = defaultSearchQueires.instanseQuery,\r\n    options: ISearchOptions = defaultSearchOptions,\r\n    queries: ISearchQueries = defaultSearchQueires\r\n  ): SearchComponent | undefined => {\r\n    const element = document.body.querySelector(selector)\r\n    if (!element) {\r\n      return\r\n    }\r\n    const item = element as HTMLElement\r\n    let Search = SearchComponent.getInstance(item)\r\n    if (!Search) {\r\n      Search = new SearchComponent(item, options, queries)\r\n    }\r\n    return Search\r\n  }\r\n\r\n  public static bootstrap = (selector: string = defaultSearchQueires.instanseQuery) => {\r\n    SearchComponent.createInstances(selector)\r\n  }\r\n\r\n  public static reinitialization = (selector: string = defaultSearchQueires.instanseQuery) => {\r\n    SearchComponent.createInstances(selector)\r\n  }\r\n}\r\nexport {SearchComponent, defaultSearchOptions, defaultSearchQueires}\r\n","export const axioDefaultConfig = {\r\n    method: 'get',\r\n    url: 'https://localhost:44321/api/contractors',\r\n    data: {},\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n    },\r\n    validateStatus: function (status) {\r\n      return status >= 200 && status < 400 // default\r\n    },\r\n  }\r\n  export const phoneRegex =\r\n    /^(?:0|94|\\+94)?(?:(11|21|23|24|25|26|27|31|32|33|34|35|36|37|38|41|45|47|51|52|54|55|57|63|65|66|67|81|912)(0|2|3|4|5|7|9)|7(0|1|2|4|5|6|7|8)\\d)\\d{6}$/\r\n  \r\n  export const nicRegex =\r\n    /^(?:19|20)?\\d{2}(?:[0-35-8]\\d\\d(?<!(?:000|500|36[7-9]|3[7-9]\\d|86[7-9]|8[7-9]\\d)))\\d{4}(?:[vVxX])$/\r\n  \r\n  export const vehicleRegex = /^([0-9]{1,3}|[A-Z]{1,3})-[0-9]{1,4}$/\r\n\r\n\r\n  export const options = {\r\n    position: 'top-right',\r\n    autoClose: 5000,\r\n    hideProgressBar: false,\r\n    closeOnClick: true,\r\n    pauseOnHover: true,\r\n    draggable: true,\r\n    progress: undefined,\r\n    // and so on ...\r\n  }\r\n  ","function Dictionary(param) {\r\n\r\n\tvar items = param;\r\n\r\n\t//  add \r\n\tthis.set = function (key, value) {\r\n\t\titems[key] = value;\r\n\t};\r\n\r\n\t//  delete \r\n\tthis.delete = function (key) {\r\n\t\tif (this.has(key)) {\r\n\t\t\tdelete items[key];\r\n\t\t\treturn true;\r\n\t\t}\r\n\t\treturn false;\r\n\t};\r\n\r\n\t//  determine if there is a key value \r\n\tthis.has = function (key) {\r\n\t\treturn key in items;\r\n\t};\r\n\r\n\t//  get through some key value\r\n\tthis.get = function (key) {\r\n\t\treturn this.has(key) ? items[key] : undefined;\r\n\t};\r\n\r\n\tthis.getIndex = function (index) {\r\n\t\treturn  items[index] ;\r\n\t};\r\n\r\n\t//  clear \r\n\tthis.clear = function () {\r\n\t\titems = {};\r\n\t};\r\n\r\n\t//  the length of the \r\n\tthis.size = function () {\r\n\t\treturn Object.keys(items).length;\r\n\t};\r\n\r\n\t//  key \r\n\tthis.keys = function () {\r\n\t\treturn Object.keys(items);\r\n\t};\r\n\r\n\t//  value \r\n\tthis.values = function () {\r\n\t\treturn Object.values(items);\r\n\t};\r\n\r\n\t//  the dictionary \r\n\tthis.getItems = function () {\r\n\t\treturn items;\r\n\t}\r\n}\r\n\r\nexport default Dictionary;","// import {K_SCALE_NORMAL} from 'components/markers/map_marker.jsx';\r\n// import invariant from 'fixed-data-table-ice/internal/invariant.js';\r\n\r\n// {l: 10, scale: 0.3}, {l: 5, scale: 0.4} - означает\r\n// 10 элементов размера 0.3, потом 5 размера 0.4, потом те что видны в табличке обычного размера\r\n// потом снова потом 5 размера 0.4, и 10 элементов размера 0.3\r\n// если поставить пусто то на карте будут видны тока те что на экране\r\nconst K_SCALE_SMALL = 0.3\r\nconst K_SCALE_MEDIUM = 0.45\r\nconst K_BEFORE_AFTER_SCALES = [\r\n  {l: 15, scale: K_SCALE_SMALL},\r\n  {l: 10, scale: K_SCALE_MEDIUM},\r\n]\r\nconst K_SCALES_SUM = K_BEFORE_AFTER_SCALES.reduce((sum, el) => el.l + sum, 0)\r\n\r\nexport function getScale(rowIndex, rowFrom, rowTo, K_SCALE_NORMAL) {\r\n  if (rowIndex >= rowFrom && rowIndex <= rowTo) {\r\n    return K_SCALE_NORMAL\r\n  }\r\n\r\n  if (K_BEFORE_AFTER_SCALES.length) {\r\n    if (rowIndex < rowFrom) {\r\n      let deltaS = rowFrom\r\n      for (let index = K_BEFORE_AFTER_SCALES.length - 1; index >= 0; --index) {\r\n        deltaS -= K_BEFORE_AFTER_SCALES[index].l\r\n        if (rowIndex >= deltaS) {\r\n          return K_BEFORE_AFTER_SCALES[index].scale\r\n        }\r\n      }\r\n\r\n      // yes, the code can be here (dirty calculus)\r\n      return K_BEFORE_AFTER_SCALES[0].scale\r\n    }\r\n\r\n    if (rowIndex > rowTo) {\r\n      let deltaS = rowTo\r\n      for (let index = K_BEFORE_AFTER_SCALES.length - 1; index >= 0; --index) {\r\n        deltaS += K_BEFORE_AFTER_SCALES[index].l\r\n        if (rowIndex <= deltaS) {\r\n          return K_BEFORE_AFTER_SCALES[index].scale\r\n        }\r\n      }\r\n\r\n      // yes, the code can be here (dirty calculus)\r\n      return K_BEFORE_AFTER_SCALES[0].scale\r\n    }\r\n  }\r\n  return K_SCALE_NORMAL\r\n}\r\n\r\n// this calculations is not precise (dirty)\r\nfunction _getRealFromTo(rowFrom, rowTo, maxVisibleRows, totalSize) {\r\n  let addFrom =\r\n    rowFrom + maxVisibleRows + K_SCALES_SUM > totalSize - 1\r\n      ? rowFrom + maxVisibleRows + K_SCALES_SUM - (totalSize - 1)\r\n      : 0\r\n\r\n  const dadd = K_SCALES_SUM - rowFrom\r\n  let addTo = dadd >= 0 ? dadd : 0\r\n\r\n  return {\r\n    rowFrom: Math.max(0, rowFrom - K_SCALES_SUM - addFrom),\r\n    rowTo: Math.min(totalSize - 1, rowFrom + maxVisibleRows + K_SCALES_SUM + addTo),\r\n  }\r\n}\r\n\r\nexport function getRealFromTo(rowFrom, rowTo, maxVisibleRows, totalSize) {\r\n  const current = _getRealFromTo(rowFrom, rowTo, maxVisibleRows, totalSize)\r\n\r\n  const result = {\r\n    rowFrom: current.rowFrom,\r\n    rowTo: current.rowTo,\r\n  }\r\n\r\n  return result\r\n}\r\n","import React, {useState, useEffect, useRef} from 'react'\r\n\r\nfunction getWindowDimensions() {\r\n\tconst {innerWidth: width, innerHeight: height} = window\r\n\treturn {\r\n\t  width,\r\n\t  height,\r\n\t}\r\n  }\r\n  \r\n  function useWindowDimensions() {\r\n\tconst [windowDimensions, setWindowDimensions] = useState(getWindowDimensions())\r\n  \r\n\tuseEffect(() => {\r\n\t  function handleResize() {\r\n\t\tsetWindowDimensions(getWindowDimensions())\r\n\t  }\r\n  \r\n\t  window.addEventListener('resize', handleResize)\r\n\t  return () => window.removeEventListener('resize', handleResize)\r\n\t}, [])\r\n  \r\n\treturn windowDimensions\r\n  }\r\n\r\n  \r\nexport default useWindowDimensions;","import {env} from 'process'\r\n\r\nexport const axioDefaultConfig = {\r\n  method: 'get',\r\n  url: 'https://localhost:44321/api/contractors',\r\n  data: {},\r\n  headers: {\r\n    'Content-Type': 'application/json',\r\n    ApiKey: process.env.RACT_APP_API_KEY,\r\n  },\r\n  validateStatus: function (status) {\r\n    return status >= 200 && status < 400 // default\r\n  },\r\n}\r\n\r\nexport const phoneRegex =\r\n  /(^(?:0|94|\\+94)?(?:(11|21|23|24|25|26|27|31|32|33|34|35|36|37|38|41|45|47|51|52|54|55|57|63|65|66|67|81|912)(0|2|3|4|5|7|9)|7(0|1|2|4|5|6|7|8)\\d)\\d{6}$)/\r\n\r\nexport const nicRegex =\r\n  /(^(?:19|20)?\\d{2}((?:[0-35-8]\\d\\d(?<!(?:000|500|36[7-9]|3[7-9]\\d|86[7-9]|8[7-9]\\d)))\\d{4}(?:([vVxX]))|\\d{8})$)/\r\n\r\nexport const vehicleRegex = /(^([0-9]{1,3}|[A-Z]{1,3})-[0-9]{1,4}$)/\r\n\r\nexport const options = {\r\n  position: 'top-right',\r\n  autoClose: 5000,\r\n  hideProgressBar: false,\r\n  closeOnClick: true,\r\n  pauseOnHover: true,\r\n  draggable: true,\r\n  progress: undefined,\r\n  // and so on ...\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState } from 'react'\r\nimport { useDispatch } from 'react-redux'\r\nimport { useFormik } from 'formik'\r\nimport * as Yup from 'yup'\r\nimport clsx from 'clsx'\r\nimport * as auth from '../redux/AuthRedux'\r\nimport { register } from '../redux/AuthCRUD'\r\nimport { Link } from 'react-router-dom'\r\nimport { toAbsoluteUrl } from '../../../../_metronic/helpers'\r\nimport axios from 'axios'\r\nimport { useDataLayerValue } from \"../../../../DataLayer\";\r\nimport { axioDefaultConfig } from '../../../../app/ui/common/commonResource'\r\n\r\nconst initialValues = {\r\n  email: '',\r\n  password: '',\r\n  changepassword: '',\r\n  token: '',\r\n}\r\n\r\nconst registrationSchema = Yup.object().shape({\r\n\r\n  email: Yup.string()\r\n    .email('Wrong email format')\r\n    .min(3, 'Minimum 3 symbols')\r\n    .max(50, 'Maximum 50 symbols')\r\n    .required('Email is required'),\r\n  password: Yup.string()\r\n    // .min(3, 'Minimum 3 symbols')\r\n    // .max(50, 'Maximum 50 symbols')\r\n    .min(8, 'Password must be at least 8 characters')\r\n    .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])/, 'Password must contain at least one special character')\r\n    .required('Password is required'),\r\n  changepassword: Yup.string()\r\n    .required('Password confirmation is required')\r\n    .min(8, 'Password must be at least 8 characters')\r\n    .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*])/, 'Password must contain at least one special character')\r\n    .when('password', {\r\n      is: (val: string) => (val && val.length > 0 ? true : false),\r\n      then: Yup.string().oneOf([Yup.ref('password')], \"Password and Confirmed Password are not matched\"),\r\n    }),\r\n  // acceptTerms: Yup.bool().required('You must accept the terms and conditions'),\r\n})\r\n\r\nexport function Registration() {\r\n  const [loading, setLoading] = useState(false)\r\n  //const dispatch = useDispatch()\r\n  const [{ token }, dispatch] = useDataLayerValue();\r\n  const [tempToken, setTempToken] = useState('');\r\n\r\n  const urlParams = new URLSearchParams(window.location.search);\r\n  const Passwordaccesstoken = String(urlParams.get('token'));\r\n  const [password, setPassword] = useState('');\r\n  const [showPassword, setShowPassword] = useState(false);\r\n\r\n  const handlePasswordChange = (event: any) => {\r\n    setPassword(event.target.value);\r\n  };\r\n\r\n  const togglePasswordVisibility = () => {\r\n    setShowPassword(!showPassword);\r\n  };\r\n\r\n  const formik = useFormik({\r\n    initialValues,\r\n    validationSchema: registrationSchema,\r\n    onSubmit: (values, { setStatus, setSubmitting }) => {\r\n      values.token = Passwordaccesstoken; // Set the additional token value\r\n      console.log(values)\r\n      setLoading(true)\r\n      setTimeout(() => {\r\n        axios({\r\n          ...axioDefaultConfig,\r\n          method: 'post',\r\n          url: process.env.REACT_APP_BACKEND_API + '/api/accounts/ResetPasswordConfirm',\r\n          data: values,\r\n        })\r\n          .then(function (response) {\r\n            if (response?.data?.token !== '' && response?.data?.token !== null) {\r\n              setTempToken(response?.data?.token)\r\n              setTimeout(() => {\r\n                axios({\r\n                  ...axioDefaultConfig,\r\n                  method: 'post',\r\n                  url: process.env.REACT_APP_BACKEND_API + '/api/accounts/token',\r\n                  data: values,\r\n                }).then(function (response) {\r\n                  if (response?.data?.token !== '' && response?.data?.token !== null) {\r\n                    values.token = response?.data?.token\r\n                    setTempToken(response?.data?.token)\r\n                    dispatch({\r\n                      type: 'SET_USER',\r\n                      user: response?.data?.user,\r\n                    })\r\n                    dispatch({\r\n                      type: 'SET_TOKEN',\r\n                      token: values.token,\r\n                    })\r\n                    //history.push('/facility/' + response?.data?.user.facility)\r\n                    return\r\n                  } else {\r\n                    setLoading(false)\r\n                    setSubmitting(false)\r\n                    setStatus(response.data.message)\r\n                  }\r\n                })\r\n                  .catch(function (error) {\r\n                    setLoading(false)\r\n                    setSubmitting(false)\r\n                    setStatus('The login detail is incorrect')\r\n                  })\r\n              }, 1000)\r\n\r\n              // dispatch(auth.actions.login(response?.data?.token))\r\n              // dispatch(auth.actions.setUser(response?.data))\r\n            } else {\r\n              setLoading(false);\r\n              setSubmitting(false)\r\n              setStatus(response.data.message)\r\n            }\r\n          })\r\n          .catch(function (error) {\r\n            setLoading(false)\r\n            setSubmitting(false)\r\n            setStatus('The login detail is incorrect')\r\n          })\r\n      }, 1000)\r\n    },\r\n  })\r\n\r\n  return (\r\n    <form\r\n      className='form w-100 fv-plugins-bootstrap5 fv-plugins-framework'\r\n      noValidate\r\n      id='kt_login_signup_form'\r\n      onSubmit={formik.handleSubmit}\r\n    >\r\n      {/* begin::Heading */}\r\n      <div className='mb-10 text-center'>\r\n        {/* begin::Title */}\r\n        <h1 className='text-dark mb-3'>Confirm your registration</h1>\r\n\r\n      </div>\r\n\r\n      <div className='d-flex align-items-center mb-10'>\r\n        <div className='border-bottom border-gray-300 mw-50 w-100'></div>\r\n        <span className='fw-bold text-gray-400 fs-7 mx-2'></span>\r\n        <div className='border-bottom border-gray-300 mw-50 w-100'></div>\r\n      </div>\r\n\r\n      {formik.status && (\r\n        <div className='mb-lg-15 alert alert-danger'>\r\n          <div className='alert-text font-weight-bold'>{formik.status}</div>\r\n        </div>\r\n      )}\r\n\r\n      {/* begin::Form group Firstname */}\r\n\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group Email */}\r\n      <div className='fv-row mb-7'>\r\n        <label className='form-label fw-bolder text-dark fs-6'>Email</label>\r\n        <input\r\n          placeholder='Email'\r\n          type='email'\r\n          autoComplete='off'\r\n          {...formik.getFieldProps('email')}\r\n          className={clsx(\r\n            'form-control form-control-lg form-control-solid',\r\n            { 'is-invalid': formik.touched.email && formik.errors.email },\r\n            {\r\n              'is-valid': formik.touched.email && !formik.errors.email,\r\n            }\r\n          )}\r\n        />\r\n        {formik.touched.email && formik.errors.email && (\r\n          <div className='text-danger mt-2'>\r\n            <div className='fv-help-block'>\r\n              <span role='alert'>{formik.errors.email}</span>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group Password */}\r\n      <div className='mb-10 fv-row' data-kt-password-meter='true'>\r\n        <div className='mb-1'>\r\n          <label className='form-label fw-bolder text-dark fs-6'>Password</label>\r\n          <div className='position-relative mb-3'>\r\n            <div className=\"input-group\">\r\n              <input\r\n                type={showPassword ? 'text' : 'password'}\r\n                placeholder='Password'\r\n                autoComplete='off'\r\n                {...formik.getFieldProps('password')}\r\n                className={clsx(\r\n                  'form-control form-control-lg form-control-solid',\r\n                  {\r\n                    'is-invalid': formik.touched.password && formik.errors.password,\r\n                  },\r\n                  {\r\n                    'is-valid': formik.touched.password && !formik.errors.password,\r\n                  }\r\n                )}\r\n              />\r\n              <span\r\n                className=\"input-group-text\"\r\n                onClick={togglePasswordVisibility}\r\n                style={{ cursor: 'pointer' }}\r\n              >\r\n              </span>\r\n            </div>\r\n            {formik.touched.password && formik.errors.password && (\r\n              <div className='text-danger mt-2'>\r\n                <div className='fv-help-block'>\r\n                  <span role='alert'>{formik.errors.password}</span>\r\n                </div>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group Confirm password */}\r\n      <div className='fv-row mb-5'>\r\n        <label className='form-label fw-bolder text-dark fs-6'>Confirm Password</label>\r\n        <div className=\"input-group\">\r\n          <input\r\n            type={showPassword ? 'text' : 'password'}\r\n            placeholder='Password confirmation'\r\n            autoComplete='off'\r\n            {...formik.getFieldProps('changepassword')}\r\n            className={clsx(\r\n              'form-control form-control-lg form-control-solid',\r\n              {\r\n                'is-invalid': formik.touched.changepassword && formik.errors.changepassword,\r\n              },\r\n              {\r\n                'is-valid': formik.touched.changepassword && !formik.errors.changepassword,\r\n              }\r\n            )}\r\n          />\r\n          <span\r\n            className=\"input-group-text\"\r\n            onClick={togglePasswordVisibility}\r\n            style={{ cursor: 'pointer' }}\r\n          >\r\n          </span>\r\n        </div>\r\n        {formik.touched.changepassword && formik.errors.changepassword && (\r\n          <div className='text-danger mt-2'>\r\n            <div className='fv-help-block'>\r\n              <span role='alert'>{formik.errors.changepassword}</span>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group */}\r\n      {/* <div className='fv-row mb-10'>\r\n        <div className='form-check form-check-custom form-check-solid'>\r\n          <input\r\n            className='form-check-input'\r\n            type='checkbox'\r\n            id='kt_login_toc_agree'\r\n            {...formik.getFieldProps('acceptTerms')}\r\n          />\r\n          <label\r\n            className='form-check-label fw-bold text-gray-700 fs-6'\r\n            htmlFor='kt_login_toc_agree'\r\n          >\r\n            I Agree the{' '}\r\n            <Link to='/auth/terms' className='ms-1 link-primary'>\r\n              terms and conditions\r\n            </Link>\r\n            .\r\n          </label>\r\n          {formik.touched.acceptTerms && formik.errors.acceptTerms && (\r\n            <div className='fv-plugins-message-container'>\r\n              <div className='fv-help-block'>\r\n                <span role='alert'>{formik.errors.acceptTerms}</span>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div> */}\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group */}\r\n      <div className='text-center'>\r\n        <button\r\n          type='submit'\r\n          id='kt_sign_up_submit'\r\n          className='btn btn-lg btn-primary w-100 mb-5'\r\n          disabled={formik.isSubmitting}\r\n        >\r\n          {!loading && <span className='indicator-label'>Submit</span>}\r\n          {loading && (\r\n            <span className='indicator-progress' style={{ display: 'block' }}>\r\n              Please wait...{' '}\r\n              <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n            </span>\r\n          )}\r\n        </button>\r\n        {/* <Link to='/auth/registration'>\r\n          <button\r\n            type='button'\r\n            id='kt_login_signup_form_cancel_button'\r\n            className='btn btn-lg btn-light-primary w-100 mb-5'\r\n          >\r\n            Cancel\r\n          </button>\r\n        </Link> */}\r\n      </div>\r\n      {/* end::Form group */}\r\n    </form>\r\n  )\r\n}\r\n\r\n","import React, { useState } from 'react'\r\nimport * as Yup from 'yup'\r\nimport clsx from 'clsx'\r\nimport { Link } from 'react-router-dom'\r\nimport { useFormik } from 'formik'\r\nimport { requestPassword } from '../redux/AuthCRUD'\r\nimport { axioDefaultConfig } from '../../../../app/ui/common/commonResource'\r\nimport axios from 'axios'\r\n\r\nconst initialValues = {\r\n  email: '',\r\n}\r\n\r\nconst forgotPasswordSchema = Yup.object().shape({\r\n  email: Yup.string()\r\n    .email('Wrong email format')\r\n    .min(3, 'Minimum 3 symbols')\r\n    .max(50, 'Maximum 50 symbols')\r\n    .required('Email is required'),\r\n})\r\n\r\nexport function ForgotPassword() {\r\n\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [hasErrors, setHasErrors] = useState<boolean | undefined>(undefined)\r\n  const formik = useFormik({\r\n\r\n    initialValues,\r\n    validationSchema: forgotPasswordSchema,\r\n    onSubmit: (values, { setStatus }) => {\r\n      setSubmitting(true)\r\n      setHasErrors(undefined)\r\n      setTimeout(() => {\r\n\r\n\r\n        console.log(values)\r\n        axios({\r\n          ...axioDefaultConfig,\r\n          method: 'post',\r\n          url: process.env.REACT_APP_BACKEND_API + '/api/accounts/ForgetPassword',\r\n          data: values,\r\n        })\r\n          .then(function (response) {\r\n            console.log(response);\r\n\r\n            if (response?.data?.token !== '' && response?.data?.token !== null) {\r\n\r\n              // setTempToken(response?.data?.token)\r\n              setHasErrors(false)\r\n              // setLoading(false)\r\n              // setSubmitting(false)\r\n              setStatus(response?.data.text)\r\n              setSubmitting(false)\r\n\r\n              // dispatch(auth.actions.login(response?.data?.token))\r\n              // dispatch(auth.actions.setUser(response?.data))\r\n            } else {\r\n\r\n              setSubmitting(false)\r\n              setStatus(response.data.message)\r\n            }\r\n          })\r\n          .catch(() => {\r\n            setHasErrors(true)\r\n            setSubmitting(false)\r\n            setStatus('The login detail is incorrect')\r\n          })\r\n      }, 1000)\r\n\r\n    },\r\n  })\r\n\r\n\r\n  return (\r\n    <>\r\n      <form\r\n        className='form w-100 fv-plugins-bootstrap5 fv-plugins-framework'\r\n        noValidate\r\n        id='kt_login_password_reset_form'\r\n        onSubmit={formik.handleSubmit}\r\n      >\r\n        <div className='text-center mb-10'>\r\n          {/* begin::Title */}\r\n          <h1 className='text-dark mb-3'>Forgot Password ?</h1>\r\n          {/* end::Title */}\r\n\r\n          {/* begin::Link */}\r\n          <div className='text-gray-400 fw-bold fs-4'>Enter your email to reset your password.</div>\r\n          {/* end::Link */}\r\n        </div>\r\n\r\n        {/* begin::Title */}\r\n        {hasErrors === true && (\r\n          <div className='mb-lg-15 alert alert-danger'>\r\n            <div className='alert-text font-weight-bold'>\r\n              Sorry, looks like there are some errors detected, please try again.\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        {hasErrors === false && (\r\n          <div className='mb-10 bg-light-info p-8 rounded'>\r\n            <div className='text-info'>Password reset request was sent successfully.  Please check your email to reset your password</div>\r\n          </div>\r\n        )}\r\n        {/* end::Title */}\r\n\r\n        {/* begin::Form group */}\r\n        <div className='fv-row mb-10'>\r\n          <label className='form-label fw-bolder text-gray-900 fs-6'>Email</label>\r\n          <input\r\n            type='email'\r\n            placeholder=''\r\n            autoComplete='off'\r\n            {...formik.getFieldProps('email')}\r\n            className={clsx(\r\n              'form-control form-control-lg form-control-solid',\r\n              { 'is-invalid': formik.touched.email && formik.errors.email },\r\n              {\r\n                'is-valid': formik.touched.email && !formik.errors.email,\r\n              }\r\n            )}\r\n          />\r\n          {formik.touched.email && formik.errors.email && (\r\n            <div className='text-danger mt-2'>\r\n              <div className='fv-help-block'>\r\n                <span role='alert'>{formik.errors.email}</span>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {/* end::Form group */}\r\n\r\n        {/* begin::Form group */}\r\n        <div className='d-flex flex-wrap justify-content-center pb-lg-0'>\r\n          <button type='submit' className='btn btn-primary me-4' disabled={isSubmitting}>\r\n            <span className='indicator-progress' style={{ display: 'block' }}>\r\n              {!isSubmitting && (\r\n                <span className='indicator-label'>\r\n                  Save &nbsp;\r\n                </span>\r\n              )}\r\n              {isSubmitting && (\r\n                <span className='indicator-progress' style={{ display: 'block' }}>\r\n                  <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                </span>\r\n              )}\r\n            </span>\r\n          </button>\r\n          <Link to='/auth/login'>\r\n            <button\r\n              type='button'\r\n              id='kt_login_password_reset_form_cancel_button'\r\n              className='btn btn-lg btn-light-primary fw-bolder'\r\n              disabled={formik.isSubmitting || !formik.isValid}\r\n            >\r\n              Cancel\r\n            </button>\r\n          </Link>{' '}\r\n        </div>\r\n        {/* <div className='d-flex flex-wrap justify-content-center pb-lg-0'>\r\n          <button\r\n            type='submit'\r\n            id='kt_password_reset_submit'\r\n            className='btn btn-lg btn-primary fw-bolder me-4'\r\n          >\r\n            <span className='indicator-label'>Submit</span>\r\n            {isSubmitting && (\r\n              <span className='indicator-progress'>\r\n                Please wait...\r\n                <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n              </span>\r\n            )}\r\n          </button>\r\n          <Link to='/auth/login'>\r\n            <button\r\n              type='button'\r\n              id='kt_login_password_reset_form_cancel_button'\r\n              className='btn btn-lg btn-light-primary fw-bolder'\r\n              disabled={formik.isSubmitting || !formik.isValid}\r\n            >\r\n              Cancel\r\n            </button>\r\n          </Link>{' '}\r\n        </div> */}\r\n        {/* end::Form group */}\r\n      </form>\r\n    </>\r\n  )\r\n}\r\n","import axios from 'axios'\r\nimport {AuthModel} from '../models/AuthModel'\r\nimport {UserModel} from '../models/UserModel'\r\n\r\nconst API_URL = process.env.REACT_APP_API_URL || 'api'\r\n\r\nexport const GET_USER_BY_ACCESSTOKEN_URL = `${API_URL}/auth/get-user`\r\nexport const LOGIN_URL = `${API_URL}/auth/login`\r\nexport const REGISTER_URL = `${API_URL}/auth/register`\r\nexport const REQUEST_PASSWORD_URL = `${API_URL}/auth/forgot-password`\r\n\r\n// Server should return AuthModel\r\nexport function login(UserName: string, Password: string) {\r\n  return axios.post('http://13.233.53.129:5000/api/users/login/0', {\"UserName\":UserName, \"Password\":Password})\r\n}\r\n\r\n// Server should return AuthModel\r\nexport function register(email: string, firstname: string, lastname: string, password: string) {\r\n  return axios.post<AuthModel>(REGISTER_URL, {\r\n    email,\r\n    firstname,\r\n    lastname,\r\n    password,\r\n  })\r\n}\r\n\r\n// Server should return object => { result: boolean } (Is Email in DB)\r\nexport function requestPassword(email: string) {\r\n  return axios.post<{result: boolean}>(REQUEST_PASSWORD_URL, {email})\r\n}\r\n\r\nexport function getUserByToken() {\r\n  // Authorization head should be fulfilled in interceptor.\r\n  // Check common redux folder => setupAxios\r\n  console.log(\"Get User Infomations\")\r\n  return {data : <UserModel>({firstname:'gevan'}) }; //   axios.get<UserModel>(GET_USER_BY_ACCESSTOKEN_URL)\r\n}\r\n","import {Action} from '@reduxjs/toolkit'\r\nimport {persistReducer} from 'redux-persist'\r\nimport storage from 'redux-persist/lib/storage'\r\nimport {put, takeLatest} from 'redux-saga/effects'\r\nimport {UserModel} from '../models/UserModel'\r\nimport {getUserByToken} from './AuthCRUD'\r\n\r\nexport interface ActionWithPayload<T> extends Action {\r\n  payload?: T\r\n}\r\n\r\nexport const actionTypes = {\r\n  Login: '[Login] Action',\r\n  Logout: '[Logout] Action',\r\n  Register: '[Register] Action',\r\n  UserRequested: '[Request User] Action',\r\n  UserLoaded: '[Load User] Auth API',\r\n  SetUser: '[Set User] Action',\r\n}\r\n\r\nconst initialAuthState: IAuthState = {\r\n  user: undefined,\r\n  accessToken: undefined,\r\n}\r\n\r\nexport interface IAuthState {\r\n  user?: UserModel\r\n  accessToken?: string\r\n}\r\n\r\nexport const reducer = persistReducer(\r\n  {storage, key: 'v100-demo1-auth', whitelist: ['user', 'accessToken']},\r\n  (state: IAuthState = initialAuthState, action: ActionWithPayload<IAuthState>) => {\r\n    switch (action.type) {\r\n      case actionTypes.Login: {\r\n        const accessToken = action.payload?.accessToken\r\n        return {accessToken, user: undefined}\r\n      }\r\n\r\n      case actionTypes.Register: {\r\n        const accessToken = action.payload?.accessToken\r\n        return {accessToken, user: undefined}\r\n      }\r\n\r\n      case actionTypes.Logout: {\r\n        return initialAuthState\r\n      }\r\n\r\n      case actionTypes.UserRequested: {\r\n        return {...state, user: undefined}\r\n      }\r\n\r\n      case actionTypes.UserLoaded: {\r\n        const user = action.payload?.user\r\n        return {...state, user}\r\n      }\r\n\r\n      case actionTypes.SetUser: {\r\n        const user = action.payload?.user\r\n        return {...state, user}\r\n      }\r\n\r\n      default:\r\n        return state\r\n    }\r\n  }\r\n)\r\n\r\nexport const actions = {\r\n  login: (accessToken: string) => ({type: actionTypes.Login, payload: {accessToken}}),\r\n  register: (accessToken: string) => ({\r\n    type: actionTypes.Register,\r\n    payload: {accessToken},\r\n  }),\r\n  logout: () => ({type: actionTypes.Logout}),\r\n  requestUser: () => ({\r\n    type: actionTypes.UserRequested,\r\n  }),\r\n  fulfillUser: (user: UserModel) => ({type: actionTypes.UserLoaded, payload: {user}}),\r\n  setUser: (user: UserModel) => ({type: actionTypes.SetUser, payload: {user}}),\r\n}\r\n\r\nexport function* saga() {\r\n  yield takeLatest(actionTypes.Login, function* loginSaga() {\r\n    yield put(actions.requestUser())\r\n  })\r\n\r\n  yield takeLatest(actionTypes.Register, function* registerSaga() {\r\n    yield put(actions.requestUser())\r\n  })\r\n\r\n  yield takeLatest(actionTypes.UserRequested, function* userRequested() {\r\n\t  console.log(\"aaa\");\r\n    const {data: user} = yield getUserByToken()\r\n    yield put(actions.fulfillUser(user))\r\n  })\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, {useState} from 'react'\r\nimport {useHistory} from 'react-router-dom'\r\nimport {useDispatch} from 'react-redux'\r\nimport * as Yup from 'yup'\r\nimport clsx from 'clsx'\r\nimport {Link} from 'react-router-dom'\r\nimport {useFormik} from 'formik'\r\nimport * as auth from '../redux/AuthRedux'\r\nimport {login} from '../redux/AuthCRUD'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\n\r\nimport {useDataLayerValue} from '../../../../DataLayer'\r\nimport axios from 'axios'\r\nimport {axioDefaultConfig} from '../../../ui/common/commonResource2'\r\nimport {stat} from 'fs'\r\n\r\nconst loginSchema = Yup.object().shape({\r\n  email: Yup.string()\r\n    .email('Wrong email format')\r\n    .min(3, 'Minimum 3 symbols')\r\n    .max(50, 'Maximum 50 symbols')\r\n    .required('Email is required'),\r\n  password: Yup.string()\r\n    .min(3, 'Minimum 3 symbols')\r\n    .max(50, 'Maximum 50 symbols')\r\n    .required('Password is required'),\r\n})\r\n\r\nconst initialValues = {\r\n  email: '',\r\n  password: '',\r\n  _token: '',\r\n}\r\n\r\nexport function Login(props) {\r\n  console.log('test')\r\n  const history = useHistory()\r\n  const [loading, setLoading] = useState(false)\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const [tempToken, setTempToken] = useState('')\r\n  const formik = useFormik({\r\n    initialValues,\r\n    validationSchema: loginSchema,\r\n    onSubmit: (values, {setStatus, setSubmitting}) => {\r\n      setLoading(true)\r\n      //console.log('asaa')\r\n      //setTimeout(() => {\r\n      axios({\r\n        ...axioDefaultConfig,\r\n        method: 'post',\r\n        url: process.env.REACT_APP_BACKEND_API + '/api/accounts/token',\r\n        data: values,\r\n      })\r\n        .then(function (response) {\r\n          if (response?.data?.token !== '' && response?.data?.token !== null) {\r\n            values._token = response?.data?.token\r\n            setTempToken(response?.data?.token)\r\n            dispatch({\r\n              type: 'SET_USER',\r\n              user: response?.data?.user,\r\n            })\r\n            dispatch({\r\n              type: 'SET_TOKEN',\r\n              token: values._token,\r\n            })\r\n            if (response?.data?.user.isEndNode) {\r\n              if (window.location.hostname.toLowerCase() === 'portal.smartgas.biz') {\r\n                history.push('/facility-detail2/' + response?.data?.user.facility)\r\n              } else {\r\n                history.push('/facility-detail/' + response?.data?.user.facility)\r\n              }\r\n            } else {\r\n              history.push('/facility/' + response?.data?.user.facility)\r\n            }\r\n            // Redirect to new page\r\n            //history.push('/facility/' + response?.data?.user.facility)\r\n            return\r\n          } else {\r\n            setLoading(false)\r\n            setSubmitting(false)\r\n            setStatus(response.data.message)\r\n          }\r\n        })\r\n        .catch(function (error) {\r\n          console.log('asaa')\r\n          setLoading(false)\r\n          setSubmitting(false)\r\n          setStatus('The login detail is incorrect')\r\n        })\r\n      //   }, 5000)\r\n    },\r\n  })\r\n\r\n  var content = 'INDUSRTYX'\r\n  if (window.location.hostname.toLowerCase() === 'e2eq.lk') {\r\n    content = 'E2EQ'\r\n  }\r\n  if (window.location.hostname.toLowerCase() === 'portal.smartgas.biz') {\r\n    content = 'SMARTGAS'\r\n  }\r\n\r\n  return (\r\n    <form\r\n      className='form w-100'\r\n      onSubmit={formik.handleSubmit}\r\n      noValidate\r\n      id='kt_login_signin_form'\r\n    >\r\n      {content === 'INDUSRTYX' && (\r\n        <div className='text-center mb-11'>\r\n          <img width={250} src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png' />\r\n        </div>\r\n      )}\r\n\r\n      {content === 'E2EQ' && (\r\n        <div className='text-center mb-11'>\r\n          <img src={toAbsoluteUrl('/media/logos/e2eq/E2E_Q_logo.png')} alt='Footer' width={250} />\r\n        </div>\r\n      )}\r\n\r\n      {content === 'SMARTGAS' && (\r\n        <div className='text-center mb-11'>\r\n          <img\r\n            src={toAbsoluteUrl('/media/logos/smartgas/E2E_Q_logo.png')}\r\n            alt='Footer'\r\n            width={250}\r\n          />\r\n        </div>\r\n      )}\r\n\r\n      {/* begin::Form group */}\r\n      <div className='fv-row mb-8'>\r\n        <label className='form-label fs-6 fw-bolder text-dark'>Email</label>\r\n        <input\r\n          placeholder='Email'\r\n          {...formik.getFieldProps('email')}\r\n          className={clsx(\r\n            'form-control bg-transparent',\r\n            {'is-invalid': formik.touched.email && formik.errors.email},\r\n            {\r\n              'is-valid': formik.touched.email && !formik.errors.email,\r\n            }\r\n          )}\r\n          type='email'\r\n          name='email'\r\n          autoComplete='off'\r\n        />\r\n        {formik.touched.email && formik.errors.email && (\r\n          <div className='fv-plugins-message-container'>\r\n            <span role='alert'>{formik.errors.email}</span>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group */}\r\n      <div className='fv-row mb-3'>\r\n        <label className='form-label fw-bolder text-dark fs-6 mb-0'>Password</label>\r\n        <input\r\n          type='password'\r\n          autoComplete='off'\r\n          placeholder='Password'\r\n          {...formik.getFieldProps('password')}\r\n          className={clsx(\r\n            'form-control bg-transparent',\r\n            {\r\n              'is-invalid': formik.touched.password && formik.errors.password,\r\n            },\r\n            {\r\n              'is-valid': formik.touched.password && !formik.errors.password,\r\n            }\r\n          )}\r\n        />\r\n        {formik.touched.password && formik.errors.password && (\r\n          <div className='fv-plugins-message-container'>\r\n            <div className='fv-help-block'>\r\n              <span role='alert'>{formik.errors.password}</span>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Wrapper */}\r\n      <div className='d-flex flex-stack flex-wrap gap-3 fs-base fw-semibold mb-8'>\r\n        <div />\r\n\r\n        {/* begin::Link */}\r\n        <Link to='/auth/forgot-password' className='link-primary'>\r\n          Forgot Password ?\r\n        </Link>\r\n        {/* end::Link */}\r\n      </div>\r\n      {/* end::Wrapper */}\r\n\r\n      {/* begin::Action */}\r\n      <div className='d-grid mb-10'>\r\n        <button\r\n          type='submit'\r\n          id='kt_sign_in_submit'\r\n          className='btn btn-primary'\r\n          disabled={formik.isSubmitting || !formik.isValid}\r\n        >\r\n          {!loading && (\r\n            <span className='indicator-label'>\r\n              Continue &nbsp;&nbsp;\r\n              <KTSVG path='/media/icons/duotune/arrows/arr064.svg' className='svg-icon-2' />\r\n            </span>\r\n          )}\r\n          {loading && (\r\n            <span className='indicator-progress' style={{display: 'block'}}>\r\n              Please wait...\r\n              <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n      {/* end::Action \r\n\r\n      <div className='text-gray-500 text-center fw-semibold fs-6'>\r\n        Not a Member yet?{' '}\r\n        <Link to='#' className='link-primary'\r\n         to='/auth/registration'>\r\n          Sign up\r\n        </Link>\r\n      </div>*/}\r\n\r\n      {content === 'E2EQ' && (\r\n        <div className='text-center mb-11'>\r\n          <br />\r\n          <img src={toAbsoluteUrl('/media/logos/e2eq/kfe.png')} alt='Footer' width={120} />\r\n        </div>\r\n      )}\r\n      {/* {content === 'SMARTGAS' && (\r\n        <div className='text-center mb-11'>\r\n          <br />\r\n          <img src={toAbsoluteUrl('/media/logos/smartgas/kfe.png')} alt='Footer' width={120} />\r\n        </div>\r\n      )} */}\r\n\r\n      {content === 'INDUSTRYX' && (\r\n        <div className='text-center mb-11'>\r\n          <br />\r\n          <img src={toAbsoluteUrl('/media/logos/indusrtyx/kfe.png')} alt='Footer' width={120} />\r\n        </div>\r\n      )}\r\n    </form>\r\n  )\r\n\r\n  return (\r\n    <form className='form w-100' onSubmit={formik.handleSubmit} noValidate>\r\n      {/* begin::Heading */}\r\n\r\n      <div className='text-center mb-10'>\r\n        <h1 className='text-dark mb-3'>industryX IOT</h1>\r\n      </div>\r\n      {/* begin::Heading\r\n       */}\r\n      {formik.status ? (\r\n        <div className='mb-lg-15 alert alert-danger'>\r\n          <div className='alert-text font-weight-bold'>{formik.status}</div>\r\n        </div>\r\n      ) : (\r\n        <div></div>\r\n      )}\r\n\r\n      {/* begin::Form group */}\r\n      <div className='fv-row mb-10'>\r\n        <label className='form-label fs-6 fw-bolder text-dark'>Email</label>\r\n        <input\r\n          placeholder='Username'\r\n          {...formik.getFieldProps('email')}\r\n          className={clsx(\r\n            'form-control form-control-lg form-control-solid',\r\n            {'is-invalid': formik.touched.email && formik.errors.email},\r\n            {\r\n              'is-valid': formik.touched.email && !formik.errors.email,\r\n            }\r\n          )}\r\n          type='text'\r\n          name='email'\r\n          autoComplete='off'\r\n        />\r\n        {formik.touched.email && formik.errors.email && (\r\n          <div className='fv-plugins-message-container'>\r\n            <span role='alert'>{formik.errors.email}</span>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Form group */}\r\n      <div className='fv-row mb-10'>\r\n        <div className='d-flex justify-content-between mt-n5'>\r\n          <div className='d-flex flex-stack mb-2'>\r\n            {/* begin::Label */}\r\n            <label className='form-label fw-bolder text-dark fs-6 mb-0'>Password</label>\r\n            {/* end::Label */}\r\n            {/* begin::Link */}\r\n\r\n            {/* end::Link */}\r\n          </div>\r\n        </div>\r\n        <input\r\n          placeholder='Password'\r\n          type='password'\r\n          autoComplete='off'\r\n          {...formik.getFieldProps('password')}\r\n          className={clsx(\r\n            'form-control form-control-lg form-control-solid',\r\n            {\r\n              'is-invalid': formik.touched.password && formik.errors.password,\r\n            },\r\n            {\r\n              'is-valid': formik.touched.password && !formik.errors.password,\r\n            }\r\n          )}\r\n        />\r\n        {formik.touched.password && formik.errors.password && (\r\n          <div className='fv-plugins-message-container'>\r\n            <div className='fv-help-block'>\r\n              <span role='alert'>{formik.errors.password}</span>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      {/* end::Form group */}\r\n\r\n      {/* begin::Action */}\r\n      <div className='text-center'>\r\n        <button\r\n          type='submit'\r\n          id='kt_sign_in_submit'\r\n          className='btn btn-lg btn-primary w-100 mb-5'\r\n          disabled={formik.isSubmitting || !formik.isValid}\r\n        >\r\n          {!loading && <span className='indicator-label'>Continue</span>}\r\n          {loading && (\r\n            <span className='indicator-progress' style={{display: 'block'}}>\r\n              Please wait...\r\n              <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n            </span>\r\n          )}\r\n        </button>\r\n      </div>\r\n      {/* end::Action */}\r\n      <div className='d-flex flex-center flex-column-auto p-10'>\r\n        <div className='d-flex align-items-center fw-bold fs-6'>\r\n          <a href='#' className='text-muted text-hover-primary px-2'>\r\n            {new Date().getFullYear()} &copy;{' '}\r\n            <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n              <img width={80} src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png' />\r\n            </a>\r\n          </a>\r\n        </div>\r\n      </div>\r\n    </form>\r\n  )\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useState } from 'react'\r\nimport { Redirect, Route, Switch } from 'react-router-dom'\r\nimport { Registration } from './components/Registration'\r\nimport { ForgotPassword } from './components/ForgotPassword'\r\nimport { Login } from './components/Login'\r\nimport { toAbsoluteUrl } from '../../../_metronic/helpers'\r\n\r\n\r\nexport function AuthPage() {\r\n  useEffect(() => {\r\n    const root = document.getElementById('root')\r\n    if (root) {\r\n      root.style.height = '100%'\r\n    }\r\n    return () => {\r\n      if (root) {\r\n        root.style.height = 'auto'\r\n      }\r\n    }\r\n  }, [])\r\n\r\n  const [backgroundImage, setBackgroundImage] = useState('');\r\n\r\n  useEffect(() => {\r\n    // Array of background image URLs\r\n    var backgroundImages = [\r\n\r\n      toAbsoluteUrl('/media/bg/industryx/1.jpg'),\r\n      toAbsoluteUrl('/media/bg/industryx/2.jpg'),\r\n      toAbsoluteUrl('/media/bg/industryx/3.jpg'),\r\n      toAbsoluteUrl('/media/bg/industryx/4.jpg'),\r\n      toAbsoluteUrl('/media/bg/industryx/5.jpg'),\r\n      toAbsoluteUrl('/media/bg/industryx/6.jpg'),\r\n\r\n    ];\r\n\r\n    var content = 'INDUSRTYX'\r\n    if (window.location.hostname.toLowerCase() === 'e2eq.lk') {\r\n      backgroundImages = [\r\n\r\n        toAbsoluteUrl('/media/bg/e2eq/1.jpg'),\r\n        toAbsoluteUrl('/media/bg/e2eq/2.jpg'),\r\n        toAbsoluteUrl('/media/bg/e2eq/3.jpg'),\r\n        toAbsoluteUrl('/media/bg/e2eq/4.jpg'),\r\n        toAbsoluteUrl('/media/bg/e2eq/5.jpg'),\r\n        toAbsoluteUrl('/media/bg/e2eq/6.jpg'),\r\n\r\n      ];\r\n    }\r\n    if (window.location.hostname.toLowerCase() === 'portal.smartgas.biz') {\r\n      backgroundImages = [\r\n\r\n        toAbsoluteUrl('/media/bg/smartgas/1.jpg'),\r\n        toAbsoluteUrl('/media/bg/smartgas/2.jpg'),\r\n        toAbsoluteUrl('/media/bg/smartgas/3.jpg'),\r\n        toAbsoluteUrl('/media/bg/smartgas/4.jpg'),\r\n        toAbsoluteUrl('/media/bg/smartgas/5.jpg'),\r\n        toAbsoluteUrl('/media/bg/smartgas/6.jpg'),\r\n\r\n      ];\r\n    }\r\n    // Generate a random index to select a background image from the array\r\n    const randomIndex = Math.floor(Math.random() * backgroundImages.length);\r\n\r\n    // Set the selected background image URL\r\n    setBackgroundImage(backgroundImages[randomIndex]);\r\n  }, []);\r\n\r\n  return (\r\n\r\n    <div className='d-flex flex-column flex-lg-row flex-column-fluid h-100'>\r\n      {/* begin::Body */}\r\n      <div className='d-flex flex-column flex-lg-row-fluid w-lg-40 p-10 order-2 order-lg-1' style={{ overflow: 'auto' }}>\r\n        {/* begin::Form */}\r\n        <div className='d-flex flex-center flex-column flex-lg-row-fluid'>\r\n          {/* begin::Wrapper */}\r\n          <div className='w-lg-500px p-10'>\r\n            <Switch>\r\n              <Route path='/auth/login' component={Login} />\r\n              <Route path='/auth/registration' component={Registration} />\r\n              <Route path='/auth/forgot-password' component={ForgotPassword} />\r\n              <Redirect from='/auth' exact={true} to='/auth/login' />\r\n              <Redirect to='/auth/login' />\r\n            </Switch>\r\n          </div>\r\n          {/* end::Wrapper */}\r\n        </div>\r\n        {/* end::Form */}\r\n\r\n        {/* begin::Footer */}\r\n        <div className='d-flex flex-center flex-wrap px-5'>\r\n          {/* begin::Links */}\r\n          <div className='d-flex fw-semibold text-primary fs-base'>\r\n\r\n\r\n            <div style={{ fontSize: \"12px\" }} className='text-gray-500'>\r\n              {new Date().getFullYear()} &copy; <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n                <img width={80} src=\"https://industryx.io/wp-content/uploads/2024/08/logo-2.png\" />\r\n              </a>\r\n            </div>\r\n\r\n          </div>\r\n          {/* end::Links */}\r\n        </div>\r\n        {/* end::Footer */}\r\n      </div>\r\n      {/* end::Body */}\r\n\r\n      {/* begin::Aside */}\r\n      <div\r\n        className='d-flex flex-lg-row-fluid w-lg-50 bgi-size-cover bgi-position-center order-1 order-lg-2'\r\n        // style={{ backgroundImage: `url(${toAbsoluteUrl('/media/bg/bg.jpg')})` }}\r\n\r\n        style={{ backgroundImage: `url(${backgroundImage})` }}\r\n      >\r\n        {/* begin::Content */}\r\n\r\n        {/* end::Content */}\r\n      </div>\r\n      {/* end::Aside */}\r\n    </div>\r\n  )\r\n}\r\n\r\n","import {toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {UserModel} from '../models/UserModel'\r\n\r\nexport class UsersTableMock {\r\n  public static table: Array<UserModel> = [\r\n    {\r\n      id: 1,\r\n      username: 'admin',\r\n      password: 'demo',\r\n      email: 'admin@demo.com',\r\n      auth: {\r\n        accessToken: 'access-token-8f3ae836da744329a6f93bf20594b5cc',\r\n        refreshToken: 'access-token-f8c137a2c98743f48b643e71161d90aa',\r\n      },\r\n      roles: [1], // Administrator\r\n      pic: toAbsoluteUrl('/media/avatars/150-2.jpg'),\r\n      fullname: 'Sean S',\r\n      firstname: 'Sean',\r\n      lastname: 'Stark',\r\n      occupation: 'CEO',\r\n      companyName: 'Keenthemes',\r\n      phone: '456669067890',\r\n      language: 'en',\r\n      timeZone: 'International Date Line West',\r\n      website: 'https://keenthemes.com',\r\n      emailSettings: {\r\n        emailNotification: true,\r\n        sendCopyToPersonalEmail: false,\r\n        activityRelatesEmail: {\r\n          youHaveNewNotifications: false,\r\n          youAreSentADirectMessage: false,\r\n          someoneAddsYouAsAsAConnection: true,\r\n          uponNewOrder: false,\r\n          newMembershipApproval: false,\r\n          memberRegistration: true,\r\n        },\r\n        updatesFromKeenthemes: {\r\n          newsAboutKeenthemesProductsAndFeatureUpdates: false,\r\n          tipsOnGettingMoreOutOfKeen: false,\r\n          thingsYouMissedSindeYouLastLoggedIntoKeen: true,\r\n          newsAboutStartOnPartnerProductsAndOtherServices: true,\r\n          tipsOnStartBusinessProducts: true,\r\n        },\r\n      },\r\n      communication: {\r\n        email: true,\r\n        sms: true,\r\n        phone: false,\r\n      },\r\n      address: {\r\n        addressLine: 'L-12-20 Vertex, Cybersquare',\r\n        city: 'San Francisco',\r\n        state: 'California',\r\n        postCode: '45000',\r\n      },\r\n      socialNetworks: {\r\n        linkedIn: 'https://linkedin.com/admin',\r\n        facebook: 'https://facebook.com/admin',\r\n        twitter: 'https://twitter.com/admin',\r\n        instagram: 'https://instagram.com/admin',\r\n      },\r\n    },\r\n    {\r\n      id: 2,\r\n      username: 'user',\r\n      password: 'demo',\r\n      email: 'user@demo.com',\r\n      auth: {\r\n        accessToken: 'access-token-6829bba69dd3421d8762-991e9e806dbf',\r\n        refreshToken: 'access-token-f8e4c61a318e4d618b6c199ef96b9e55',\r\n      },\r\n      roles: [2], // Manager\r\n      pic: toAbsoluteUrl('/media/avatars/150-1.jpg'),\r\n      fullname: 'Megan F',\r\n      firstname: 'Megan',\r\n      lastname: 'Fox',\r\n      occupation: 'Deputy Head of Keenthemes in New York office',\r\n      companyName: 'Keenthemes',\r\n      phone: '456669067891',\r\n      language: 'en',\r\n      timeZone: 'International Date Line West',\r\n      communication: {\r\n        email: true,\r\n        sms: true,\r\n        phone: false,\r\n      },\r\n      emailSettings: {\r\n        emailNotification: true,\r\n        sendCopyToPersonalEmail: false,\r\n        activityRelatesEmail: {\r\n          youHaveNewNotifications: false,\r\n          youAreSentADirectMessage: false,\r\n          someoneAddsYouAsAsAConnection: true,\r\n          uponNewOrder: false,\r\n          newMembershipApproval: false,\r\n          memberRegistration: true,\r\n        },\r\n        updatesFromKeenthemes: {\r\n          newsAboutKeenthemesProductsAndFeatureUpdates: false,\r\n          tipsOnGettingMoreOutOfKeen: false,\r\n          thingsYouMissedSindeYouLastLoggedIntoKeen: true,\r\n          newsAboutStartOnPartnerProductsAndOtherServices: true,\r\n          tipsOnStartBusinessProducts: true,\r\n        },\r\n      },\r\n      address: {\r\n        addressLine: '3487  Ingram Road',\r\n        city: 'Greensboro',\r\n        state: 'North Carolina',\r\n        postCode: '27409',\r\n      },\r\n      socialNetworks: {\r\n        linkedIn: 'https://linkedin.com/user',\r\n        facebook: 'https://facebook.com/user',\r\n        twitter: 'https://twitter.com/user',\r\n        instagram: 'https://instagram.com/user',\r\n      },\r\n    },\r\n    {\r\n      id: 3,\r\n      username: 'guest',\r\n      password: 'demo',\r\n      email: 'guest@demo.com',\r\n      auth: {\r\n        accessToken: 'access-token-d2dff7b82f784de584b60964abbe45b9',\r\n        refreshToken: 'access-token-c999ccfe74aa40d0aa1a64c5e620c1a5',\r\n      },\r\n      roles: [3], // Guest\r\n      pic: toAbsoluteUrl('/media/avatars/150-5.jpg'),\r\n      fullname: 'Manu G',\r\n      firstname: 'Manu',\r\n      lastname: 'Ginobili',\r\n      occupation: 'CFO',\r\n      companyName: 'Keenthemes',\r\n      phone: '456669067892',\r\n      language: 'en',\r\n      timeZone: 'International Date Line West',\r\n      communication: {\r\n        email: true,\r\n        sms: true,\r\n        phone: false,\r\n      },\r\n      emailSettings: {\r\n        emailNotification: true,\r\n        sendCopyToPersonalEmail: false,\r\n        activityRelatesEmail: {\r\n          youHaveNewNotifications: false,\r\n          youAreSentADirectMessage: false,\r\n          someoneAddsYouAsAsAConnection: true,\r\n          uponNewOrder: false,\r\n          newMembershipApproval: false,\r\n          memberRegistration: true,\r\n        },\r\n        updatesFromKeenthemes: {\r\n          newsAboutKeenthemesProductsAndFeatureUpdates: false,\r\n          tipsOnGettingMoreOutOfKeen: false,\r\n          thingsYouMissedSindeYouLastLoggedIntoKeen: true,\r\n          newsAboutStartOnPartnerProductsAndOtherServices: true,\r\n          tipsOnStartBusinessProducts: true,\r\n        },\r\n      },\r\n      address: {\r\n        addressLine: '1467  Griffin Street',\r\n        city: 'Phoenix',\r\n        state: 'Arizona',\r\n        postCode: '85012',\r\n      },\r\n      socialNetworks: {\r\n        linkedIn: 'https://linkedin.com/guest',\r\n        facebook: 'https://facebook.com/guest',\r\n        twitter: 'https://twitter.com/guest',\r\n        instagram: 'https://instagram.com/guest',\r\n      },\r\n    },\r\n  ]\r\n}\r\n","import React, {useEffect} from 'react'\r\nimport {useDispatch} from 'react-redux'\r\nimport {Redirect, Switch} from 'react-router-dom'\r\nimport * as auth from './redux/AuthRedux'\r\n\r\nexport function Logout() {\r\n  const dispatch = useDispatch()\r\n  useEffect(() => {\r\n    dispatch(auth.actions.logout())\r\n    document.location.reload()\r\n  }, [dispatch])\r\n\r\n  return (\r\n    <Switch>\r\n      <Redirect to='/auth/login' />\r\n    </Switch>\r\n  )\r\n}\r\n","import {FC, useRef, useEffect, useState} from 'react'\r\nimport {shallowEqual, useSelector, connect, useDispatch, ConnectedProps} from 'react-redux'\r\nimport {LayoutSplashScreen} from '../../../../_metronic/layout/core'\r\nimport * as auth from './AuthRedux'\r\nimport {getUserByToken} from './AuthCRUD'\r\nimport {RootState} from '../../../../setup'\r\n\r\nconst mapState = (state: RootState) => ({auth: state.auth})\r\nconst connector = connect(mapState, auth.actions)\r\ntype PropsFromRedux = ConnectedProps<typeof connector>\r\n\r\nconst AuthInit: FC<PropsFromRedux> = (props) => {\r\n  const didRequest = useRef(false)\r\n  const dispatch = useDispatch()\r\n  const [showSplashScreen, setShowSplashScreen] = useState(true)\r\n  const accessToken = useSelector<RootState>(({auth}) => auth.accessToken, shallowEqual)\r\n\r\n  // We should request user by authToken before rendering the application\r\n  useEffect(() => {\r\n    const requestUser = async () => {\r\n      try {\r\n\t\tconsole.log(\"bbb\");\r\n        if (!didRequest.current) {\r\n          const {data: user} = await getUserByToken()\r\n          dispatch(props.fulfillUser(user))\r\n        }\r\n      } catch (error) {\r\n        console.error(error)\r\n        if (!didRequest.current) {\r\n          dispatch(props.logout())\r\n        }\r\n      } finally {\r\n        setShowSplashScreen(false)\r\n      }\r\n\r\n      return () => (didRequest.current = true)\r\n    }\r\n\r\n    if (accessToken) {\r\n      requestUser()\r\n    } else {\r\n      dispatch(props.logout())\r\n      setShowSplashScreen(false)\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [])\r\n\r\n  return showSplashScreen ? <LayoutSplashScreen /> : <>{props.children}</>\r\n}\r\n\r\nexport default connector(AuthInit)\r\n","import {all} from 'redux-saga/effects'\r\nimport {combineReducers} from 'redux'\r\n\r\nimport * as auth from '../../app/modules/auth'\r\n\r\nexport const rootReducer = combineReducers({\r\n  auth: auth.reducer,\r\n})\r\n\r\nexport type RootState = ReturnType<typeof rootReducer>\r\n\r\nexport function* rootSaga() {\r\n  yield all([auth.saga()])\r\n}\r\n","import {configureStore, getDefaultMiddleware} from '@reduxjs/toolkit'\r\nimport createSagaMiddleware from 'redux-saga'\r\nimport {reduxBatch} from '@manaflair/redux-batch'\r\nimport {persistStore} from 'redux-persist'\r\nimport {rootReducer, rootSaga} from './RootReducer'\r\n\r\nconst sagaMiddleware = createSagaMiddleware()\r\nconst middleware = [\r\n  ...getDefaultMiddleware({\r\n    immutableCheck: false,\r\n    serializableCheck: false,\r\n    thunk: true,\r\n  }),\r\n  sagaMiddleware,\r\n]\r\n\r\nconst store = configureStore({\r\n  reducer: rootReducer,\r\n  middleware,\r\n  devTools: process.env.NODE_ENV !== 'production',\r\n  enhancers: [reduxBatch],\r\n})\r\n\r\nexport type AppDispatch = typeof store.dispatch\r\n\r\n/**\r\n * @see https://github.com/rt2zz/redux-persist#persiststorestore-config-callback\r\n * @see https://github.com/rt2zz/redux-persist#persistor-object\r\n */\r\nexport const persistor = persistStore(store)\r\n\r\nsagaMiddleware.run(rootSaga)\r\n\r\nexport default store\r\n","const loadState = () => {\r\n  try {\r\n    const serializedState = localStorage.getItem('state')\r\n    if (serializedState === null) {\r\n      return {\r\n        user: null,\r\n        token: null,\r\n        isLogged: false,\r\n      }\r\n    }\r\n    return JSON.parse(serializedState)\r\n  } catch (e) {\r\n    return undefined\r\n  }\r\n}\r\n\r\nconst saveState = (state) => {\r\n  try {\r\n    const serializedState = JSON.stringify(state)\r\n    localStorage.setItem('state', serializedState)\r\n  } catch (e) {\r\n    // Ignore write errors;\r\n  }\r\n}\r\n\r\nexport const initialState = loadState()\r\n\r\nconst reducer = (state, action) => {\r\n  console.log(action)\r\n\r\n  switch (action.type) {\r\n    case 'SET_USER':\r\n      return {\r\n        ...state,\r\n        user: action.user,\r\n      }\r\n    case 'SET_TOKEN':\r\n      saveState({\r\n        ...state,\r\n        token: action.token,\r\n      })\r\n      return {\r\n        ...state,\r\n        token: action.token,\r\n      }\r\n    default:\r\n      return state\r\n  }\r\n}\r\n\r\nexport default reducer\r\n","import React, {FC, createContext, useContext} from 'react'\r\n\r\nconst I18N_CONFIG_KEY = process.env.REACT_APP_I18N_CONFIG_KEY || 'i18nConfig'\r\n\r\ntype Props = {\r\n  selectedLang: 'de' | 'en' | 'es' | 'fr' | 'ja' | 'zh'\r\n}\r\nconst initialState: Props = {\r\n  selectedLang: 'en',\r\n}\r\n\r\nfunction getConfig(): Props {\r\n  const ls = localStorage.getItem(I18N_CONFIG_KEY)\r\n  if (ls) {\r\n    try {\r\n      return JSON.parse(ls) as Props\r\n    } catch (er) {\r\n      console.error(er)\r\n    }\r\n  }\r\n  return initialState\r\n}\r\n\r\n// Side effect\r\nexport function setLanguage(lang: string) {\r\n  localStorage.setItem(I18N_CONFIG_KEY, JSON.stringify({selectedLang: lang}))\r\n  window.location.reload()\r\n}\r\n\r\nconst I18nContext = createContext<Props>(initialState)\r\n\r\nconst useLang = () => {\r\n  return useContext(I18nContext).selectedLang\r\n}\r\n\r\nconst MetronicI18nProvider: FC = ({children}) => {\r\n  const lang = getConfig()\r\n  return <I18nContext.Provider value={lang}>{children}</I18nContext.Provider>\r\n}\r\n\r\nexport {MetronicI18nProvider, useLang}\r\n","import {FC} from 'react'\r\nimport {useLang} from './Metronici18n'\r\nimport {IntlProvider} from 'react-intl'\r\nimport '@formatjs/intl-relativetimeformat/polyfill'\r\nimport '@formatjs/intl-relativetimeformat/locale-data/en'\r\nimport '@formatjs/intl-relativetimeformat/locale-data/de'\r\nimport '@formatjs/intl-relativetimeformat/locale-data/es'\r\nimport '@formatjs/intl-relativetimeformat/locale-data/fr'\r\nimport '@formatjs/intl-relativetimeformat/locale-data/ja'\r\nimport '@formatjs/intl-relativetimeformat/locale-data/zh'\r\n\r\nimport deMessages from './messages/de.json'\r\nimport enMessages from './messages/en.json'\r\nimport esMessages from './messages/es.json'\r\nimport frMessages from './messages/fr.json'\r\nimport jaMessages from './messages/ja.json'\r\nimport zhMessages from './messages/zh.json'\r\n\r\nconst allMessages = {\r\n  de: deMessages,\r\n  en: enMessages,\r\n  es: esMessages,\r\n  fr: frMessages,\r\n  ja: jaMessages,\r\n  zh: zhMessages,\r\n}\r\n\r\nconst I18nProvider: FC = ({children}) => {\r\n  const locale = useLang()\r\n  const messages = allMessages[locale]\r\n\r\n  return (\r\n    <IntlProvider locale={locale} messages={messages}>\r\n      {children}\r\n    </IntlProvider>\r\n  )\r\n}\r\n\r\nexport {I18nProvider}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport clsx from 'clsx'\r\nimport React, { FC } from 'react'\r\nimport { KTSVG } from '../../../helpers'\r\nimport { useLayout } from '../../core'\r\nimport { usePageData } from '../../core/PageData'\r\nimport { DefaultTitle } from '../header/page-title/DefaultTitle'\r\n\r\nconst Toolbar1: FC = () => {\r\n  const { pageTitle, pageDescription, pageBreadcrumbs, pageCode } = usePageData()\r\n  const { classes } = useLayout()\r\n\r\n  return (\r\n    <div className='toolbar' id='kt_toolbar'>\r\n      {/* begin::Container */}\r\n      <div\r\n        id='kt_toolbar_container'\r\n        className={clsx(classes.toolbarContainer.join(' '), 'd-flex flex-stack')}\r\n      >\r\n        <DefaultTitle />\r\n\r\n        {/* begin::Actions */}\r\n        <div className='d-flex align-items-center py-1'>\r\n          {/* begin::Wrapper */}\r\n          <div className='me-4'>\r\n            {/* begin::Menu */}\r\n            {/*  <a\r\n              href='#'\r\n              className='btn btn-sm btn-flex btn-light btn-active-primary fw-bolder'\r\n              data-kt-menu-trigger='click'\r\n              data-kt-menu-placement='bottom-end'\r\n              data-kt-menu-flip='top-end'\r\n            >\r\n              <KTSVG\r\n                path='/media/icons/duotune/general/gen031.svg'\r\n                className='svg-icon-5 svg-icon-gray-500 me-1'\r\n              />\r\n              Filter\r\n            </a>\r\n\r\n             end::Menu */}\r\n          </div>\r\n          {/*   end::Wrapper */}\r\n\r\n          {/* begin::Button */}\r\n          {(pageCode != '') &&\r\n            <a\r\n              href={'../layout/ly' + pageCode}\r\n              className='btn btn-sm btn-primary'\r\n\r\n            >\r\n              View Layout\r\n            </a>}\r\n          {/*  end::Button */}\r\n        </div>\r\n        {/* end::Actions */}\r\n      </div>\r\n      {/* end::Container */}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { Toolbar1 }\r\n","import React from 'react'\r\nimport {useLayout} from '../../core/LayoutProvider'\r\nimport {Toolbar1} from './Toolbar1'\r\n\r\nconst Toolbar = () => {\r\n  const {config} = useLayout()\r\n\r\n  switch (config.toolbar.layout) {\r\n    case 'toolbar1':\r\n      return <Toolbar1 />\r\n\r\n    default:\r\n      return <Toolbar1 />\r\n  }\r\n}\r\n\r\nexport {Toolbar}\r\n","import React, {useEffect, useRef} from 'react'\r\nimport {useLocation} from 'react-router-dom'\r\nimport {\r\n  // ScrollComponent,\r\n  ScrollTopComponent,\r\n  MenuComponent,\r\n  DrawerComponent,\r\n  ToggleComponent,\r\n  StickyComponent,\r\n} from '../../assets/ts/components'\r\nimport {KTSVG} from '../../helpers'\r\n\r\nexport function ScrollTop() {\r\n  const {pathname} = useLocation()\r\n  const isFirstRun = useRef(true)\r\n\r\n  const pluginsReinitialization = () => {\r\n    setTimeout(() => {\r\n      // ScrollTopComponent.reinitialization()\r\n      MenuComponent.reinitialization()\r\n      StickyComponent.reInitialization()\r\n      setTimeout(() => {\r\n        ToggleComponent.reinitialization()\r\n        DrawerComponent.reinitialization()\r\n        // ScrollComponent.reinitialization()\r\n      }, 70)\r\n    }, 140)\r\n  }\r\n\r\n  const scrollTop = () => {\r\n    ScrollTopComponent.goTop()\r\n  }\r\n\r\n  const updateHeaderSticky = () => {\r\n    const stickyHeader = document.body.querySelectorAll(`[data-kt-sticky-name=\"header\"]`)\r\n    if (stickyHeader && stickyHeader.length > 0) {\r\n      const sticky = StickyComponent.getInstance(stickyHeader[0] as HTMLElement)\r\n      if (sticky) {\r\n        sticky.update()\r\n      }\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (isFirstRun.current) {\r\n      isFirstRun.current = false\r\n    } else {\r\n      pluginsReinitialization()\r\n    }\r\n\r\n    updateHeaderSticky()\r\n    setTimeout(() => {\r\n      scrollTop()\r\n    }, 0)\r\n  }, [pathname])\r\n\r\n  return (\r\n    <div id='kt_scrolltop' className='scrolltop' data-kt-scrolltop='true'>\r\n      <KTSVG path='/media/icons/duotune/arrows/arr066.svg' />\r\n    </div>\r\n  )\r\n}\r\n","import {useEffect, useRef} from 'react'\r\nimport {\r\n  MenuComponent,\r\n  DrawerComponent,\r\n  ScrollComponent,\r\n  ScrollTopComponent,\r\n  StickyComponent,\r\n  ToggleComponent,\r\n} from '../assets/ts/components'\r\n\r\nimport {useLayout} from './core'\r\n\r\nexport function MasterInit() {\r\n  const {config} = useLayout()\r\n  const isFirstRun = useRef(true)\r\n  const pluginsInitialization = () => {\r\n    isFirstRun.current = false\r\n    setTimeout(() => {\r\n      ToggleComponent.bootstrap()\r\n      ScrollTopComponent.bootstrap()\r\n      DrawerComponent.bootstrap()\r\n      StickyComponent.bootstrap()\r\n      MenuComponent.bootstrap()\r\n      ScrollComponent.bootstrap()\r\n    }, 200)\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (isFirstRun.current) {\r\n      isFirstRun.current = false\r\n      pluginsInitialization()\r\n    }\r\n  }, [config])\r\n\r\n  return <></>\r\n}\r\n","import React from 'react'\r\nimport { AsideDefault } from './components/aside/AsideDefault'\r\nimport { Footer } from './components/Footer'\r\nimport { HeaderWrapper } from './components/header/HeaderWrapper'\r\nimport { Toolbar } from './components/toolbar/Toolbar'\r\nimport { ScrollTop } from './components/ScrollTop'\r\nimport { Content } from './components/Content'\r\nimport { MasterInit } from './MasterInit'\r\nimport { PageDataProvider } from './core'\r\nimport {\r\n  DrawerMessenger,\r\n  ExploreMain,\r\n  ActivityDrawer,\r\n  Main,\r\n  InviteUsers,\r\n  UpgradePlan,\r\n} from '../partials'\r\nimport { DefaultTitle } from './components/header/page-title/DefaultTitle'\r\nimport { MenuInnerWithSub } from './components/header/MenuInnerWithSub'\r\n\r\n\r\nconst MasterLayout: React.FC = ({ children }) => {\r\n  return (\r\n    <PageDataProvider>\r\n      <div className='page d-flex flex-row flex-column-fluid'>\r\n        <AsideDefault />\r\n        <div className='wrapper d-flex flex-column flex-row-fluid' id='kt_wrapper'>\r\n          <HeaderWrapper />\r\n          <Toolbar />\r\n          <div id='kt_content' className='content d-flex flex-column flex-column-fluid'>\r\n\r\n            <div className='post d-flex flex-column-fluid' id='kt_post'>\r\n\r\n              <Content>{children}</Content>\r\n            </div>\r\n          </div>\r\n          <Footer />\r\n        </div>\r\n\r\n      </div>\r\n\r\n\r\n      {/*\r\n\r\n      <ActivityDrawer />\r\n      <ExploreMain />\r\n      <DrawerMessenger />\r\n\r\n\r\n      <Main />\r\n      <InviteUsers />\r\n      <UpgradePlan />\r\n       */}\r\n\r\n      <MasterInit />\r\n      <ScrollTop />\r\n\r\n    </PageDataProvider>\r\n  )\r\n}\r\n\r\nexport { MasterLayout }\r\n","export const axioDefaultConfig = {\r\n  method: 'get',\r\n  url: 'https://localhost:44321/api/contractors',\r\n  data: {},\r\n  headers: {\r\n    'Content-Type': 'application/json',\r\n  },\r\n  validateStatus: function (status) {\r\n    return status >= 200 && status < 400 // default\r\n  },\r\n}\r\n  \r\nexport const validcoderegex = /^[a-z0-9]{1,15}$/;\r\nexport const vehicleRegex = /^([0-9]{1,3}|[A-Z]{1,3})-[0-9]{1,4}$/\r\n\r\nexport const options = {\r\n  position: 'top-right',\r\n  autoClose: 5000,\r\n  hideProgressBar: false,\r\n  closeOnClick: true,\r\n  pauseOnHover: true,\r\n  draggable: true,\r\n  progress: undefined,\r\n  // and so on ...\r\n}\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {useTable, useFilters, useGlobalFilter, usePagination, useAsyncDebounce} from 'react-table'\r\nimport axios from 'axios'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {axioDefaultConfig} from '../helpers/commonResource'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\n\r\nconst breadCrumb = [\r\n  {\r\n    title: 'Home',\r\n    path: '/dashboard',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: '',\r\n    path: '',\r\n    isSeparator: true,\r\n    isActive: false,\r\n  },\r\n]\r\n\r\nlet data = []\r\nfunction GlobalFilter({preGlobalFilteredRows, globalFilter, setGlobalFilter}) {\r\n  //const count = preGlobalFilteredRows.length\r\n  const [value, setValue] = React.useState(globalFilter)\r\n\r\n  const onChange = (value) => {\r\n    setGlobalFilter(value)\r\n  }\r\n\r\n  return (\r\n    <div className='w-100 position-relative' autoComplete='off'>\r\n      <KTSVG\r\n        path='/media/icons/duotune/general/gen021.svg'\r\n        className='svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 ms-5 translate-middle-y'\r\n      />\r\n\r\n      <input\r\n        type='text'\r\n        className='form-control form-control-solid px-15'\r\n        name='search'\r\n        placeholder='Search'\r\n        value={value || ''}\r\n        onChange={(e) => {\r\n          setValue(e.target.value)\r\n          onChange(e.target.value)\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction TablesWidget10() {\r\n  const columns = React.useMemo(\r\n    () => [\r\n      {\r\n        Header: ' ',\r\n        columns: [\r\n          {\r\n            accessor: 'code',\r\n          },\r\n          {\r\n            accessor: 'description',\r\n          },\r\n          {\r\n            accessor: 'category',\r\n          },\r\n          {\r\n            accessor: 'groupCode',\r\n          },\r\n          {\r\n            accessor: 'pakages',\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n    []\r\n  )\r\n\r\n  const {\r\n    getTableProps,\r\n    getTableBodyProps,\r\n    headerGroups,\r\n    prepareRow,\r\n    page,\r\n    canPreviousPage,\r\n    canNextPage,\r\n    pageOptions,\r\n    pageCount,\r\n    gotoPage,\r\n    nextPage,\r\n    previousPage,\r\n    setPageSize,\r\n    state: {pageIndex, pageSize, globalFilter},\r\n    preGlobalFilteredRows,\r\n    setGlobalFilter,\r\n  } = useTable(\r\n    {\r\n      columns,\r\n      data,\r\n      initialState: {pageIndex: 0, pageSize: 20, globalFilter: ''},\r\n    },\r\n    useGlobalFilter,\r\n    usePagination\r\n  )\r\n  const [error, setError] = useState({status: 'E', text: ''})\r\n  const [InitialLoading, setInitialLoading] = useState(true)\r\n  //const [{token, user}, dispatch] = useDataLayerValue()\r\n  const [{user}, dispatch] = useDataLayerValue()\r\n  function handleErros(error) {\r\n    if (error?.response?.status === 401) {\r\n      /*  dispatch({\r\n          type: 'SET_TOKEN',\r\n          token: null,\r\n        }) */\r\n      return\r\n    }\r\n\r\n    if (error?.response?.data?.status === 'E') {\r\n      setError(error?.response?.data)\r\n      return\r\n    }\r\n    const message = Object.entries(error?.response?.data?.errors)\r\n      .map(([key, value]) => value)\r\n      .join(',')\r\n    setError({status: 'E', text: message})\r\n  }\r\n\r\n  /// Loading\r\n  useEffect(() => {\r\n    console.log('asa')\r\n    axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layouts',\r\n      // headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n      .then(function (response) {\r\n        console.log('dd')\r\n        setInitialLoading(false)\r\n        if (response?.data?.status === 'S') {\r\n          console.log(response?.data?.result)\r\n          data = response?.data?.result\r\n          setGlobalFilter('')\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        handleErros(error)\r\n      })\r\n  }, [])\r\n\r\n  if (InitialLoading) return <Loading />\r\n\r\n  return (\r\n    <div className={`card`}>\r\n      {/* begin::Header */}\r\n      <div className='card-header border-0 pt-5'>\r\n        <h3 className='card-title align-items-start flex-column'>\r\n          <span className='card-label fw-bolder fs-3 mb-1'>All Layouts</span>\r\n          <span className='text-muted mt-1 fw-bold fs-7'> {data.length} Registered</span>\r\n        </h3>\r\n        <ErrorMessage error={error} />\r\n        <div\r\n          className='card-toolbar'\r\n          data-bs-toggle='tooltip'\r\n          data-bs-placement='top'\r\n          data-bs-trigger='hover'\r\n          title='Click to add a user'\r\n        >\r\n          <div className='me-4'>\r\n            <GlobalFilter\r\n              preGlobalFilteredRows={preGlobalFilteredRows}\r\n              globalFilter={''}\r\n              setGlobalFilter={setGlobalFilter}\r\n            />\r\n          </div>\r\n\r\n          {user.email === 'gevan@overleap.lk' && (\r\n            <a\r\n              href='/all-layouts/new'\r\n              className='btn btn-sm btn-light-primary'\r\n              // data-bs-toggle='modal'\r\n              // data-bs-target='#kt_modal_invite_friends'\r\n            >\r\n              <KTSVG path='/media/icons/duotune/arrows/arr075.svg' className='svg-icon-3' />\r\n              New Layout\r\n            </a>\r\n          )}\r\n        </div>\r\n      </div>\r\n      {/* end::Header */}\r\n      {/* begin::Body */}\r\n      <div className='card-body py-3'>\r\n        {/* begin::Table container */}\r\n        <div className='table-responsive'>\r\n          {/* begin::Table */}\r\n          <table\r\n            className='table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4'\r\n            {...getTableProps()}\r\n          >\r\n            <thead>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Code</td>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Description</td>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Category</td>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Group</td>\r\n              {/* {headerGroups.map((headerGroup) => (\r\n                <tr {...headerGroup.getHeaderGroupProps()}>\r\n                  {headerGroup.headers.map((column) => (\r\n                    <th {...column.getHeaderProps()}>{column.render('Header')}</th>\r\n                  ))}\r\n                </tr>\r\n              ))}*/}\r\n            </thead>\r\n            <tbody {...getTableBodyProps()}>\r\n              {page.length === 0 && (\r\n                <tr>\r\n                  <td colSpan={7}>\r\n                    <b>No Data Found!</b>\r\n                  </td>\r\n                </tr>\r\n              )}\r\n              {page.map((row, i) => {\r\n                prepareRow(row)\r\n                return (\r\n                  <tr {...row.getRowProps()}>\r\n                    {/* {row.cells.map((cell) => {\r\n                      return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\r\n                    })}*/}\r\n                    <td>{row.values.code}</td>\r\n                    <td>{row.values.description}</td>\r\n                    <td>{row.values.category}</td>\r\n                    <td>{row.values.groupCode}</td>\r\n                    <td>\r\n                      <div className='d-flex justify-content-end flex-shrink-0'>\r\n                        {(row.values.pakages === '' || row.values.pakages === null) && (\r\n                          <>\r\n                            <a\r\n                              target={'_blank'}\r\n                              href={'/layout/' + row.values.code}\r\n                              className='btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1'\r\n                            >\r\n                              <i class='bi bi-eye'></i>\r\n                            </a>\r\n                          </>\r\n                        )}\r\n\r\n                        {row.values.pakages !== '' && row.values.pakages !== null && (\r\n                          <>\r\n                            <a\r\n                              target={'_blank'}\r\n                              href={'/group-layout/' + row.values.code}\r\n                              className='btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1'\r\n                            >\r\n                              <i class='bi bi-eye'></i>\r\n                            </a>\r\n                          </>\r\n                        )}\r\n                        {user.email === 'gevan@overleap.lk' && (\r\n                          <>\r\n                            <a\r\n                              href={'/all-layouts/design/' + row.values.code}\r\n                              className='btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1'\r\n                            >\r\n                              <i class='bi bi-layout-wtf'></i>\r\n                            </a>\r\n                            <a\r\n                              href={'/all-layouts/edit/' + row.values.code}\r\n                              className='btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1'\r\n                            >\r\n                              <KTSVG\r\n                                path='/media/icons/duotune/art/art005.svg'\r\n                                className='svg-icon-3'\r\n                              />\r\n                            </a>\r\n                          </>\r\n                        )}\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                )\r\n              })}\r\n            </tbody>\r\n          </table>\r\n          {/* \r\n      Pagination can be built however you'd like. \r\n      This is just a very basic UI implementation:\r\n    */}\r\n          <ul className='pagination'>\r\n            <li className='page-item' onClick={() => gotoPage(0)} disabled={!canPreviousPage}>\r\n              <a className='page-link'>First</a>\r\n            </li>\r\n            <li className='page-item' onClick={() => previousPage()} disabled={!canPreviousPage}>\r\n              <a className='page-link'>{'<'}</a>\r\n            </li>\r\n            <li className='page-item' onClick={() => nextPage()} disabled={!canNextPage}>\r\n              <a className='page-link'>{'>'}</a>\r\n            </li>\r\n            <li\r\n              className='page-item'\r\n              onClick={() => gotoPage(pageCount - 1)}\r\n              disabled={!canNextPage}\r\n            >\r\n              <a className='page-link'>Last</a>\r\n            </li>\r\n            <li>\r\n              <a className='page-link'>\r\n                Page{' '}\r\n                <strong>\r\n                  {pageIndex + 1} of {pageOptions.length}\r\n                </strong>{' '}\r\n              </a>\r\n            </li>\r\n            <li>\r\n              <a className='page-link'>\r\n                <input\r\n                  className='page-link'\r\n                  type='number'\r\n                  defaultValue={pageIndex + 1}\r\n                  onChange={(e) => {\r\n                    const page = e.target.value ? Number(e.target.value) - 1 : 0\r\n                    gotoPage(page)\r\n                  }}\r\n                  style={{width: '100px', height: '20px'}}\r\n                />\r\n              </a>\r\n            </li>{' '}\r\n            <select\r\n              className='page-link'\r\n              value={pageSize}\r\n              onChange={(e) => {\r\n                setPageSize(Number(e.target.value))\r\n              }}\r\n              style={{width: '120px', height: '38px'}}\r\n            >\r\n              {[5, 10, 20, 30, 40, 50].map((pageSize) => (\r\n                <option key={pageSize} value={pageSize}>\r\n                  Show {pageSize}\r\n                </option>\r\n              ))}\r\n            </select>\r\n          </ul>\r\n        </div>\r\n        {/* end::Table container */}\r\n      </div>\r\n      {/* begin::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction AllLayout() {\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumb}>All Layout(s)</PageTitle>\r\n      <div className='row gy-5 g-xl-12'>\r\n        <TablesWidget10 />\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default AllLayout\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {useTable, useFilters, useGlobalFilter, usePagination, useAsyncDebounce} from 'react-table'\r\nimport axios from 'axios'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {axioDefaultConfig} from '../helpers/commonResource'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\n\r\nconst breadCrumb = [\r\n  {\r\n    title: 'Home',\r\n    path: '/dashboard',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: '',\r\n    path: '',\r\n    isSeparator: true,\r\n    isActive: false,\r\n  },\r\n]\r\n\r\nlet data = []\r\nfunction GlobalFilter({preGlobalFilteredRows, globalFilter, setGlobalFilter}) {\r\n  //const count = preGlobalFilteredRows.length\r\n  const [value, setValue] = React.useState(globalFilter)\r\n  const [{token, user}, dispatch] = useDataLayerValue()\r\n\r\n  const onChange = (value) => {\r\n    setGlobalFilter(value)\r\n  }\r\n\r\n  return (\r\n    <div className='w-100 position-relative' autoComplete='off'>\r\n      <KTSVG\r\n        path='/media/icons/duotune/general/gen021.svg'\r\n        className='svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 ms-5 translate-middle-y'\r\n      />\r\n\r\n      <input\r\n        type='text'\r\n        className='form-control form-control-solid px-15'\r\n        name='search'\r\n        placeholder='Search'\r\n        value={value || ''}\r\n        onChange={(e) => {\r\n          setValue(e.target.value)\r\n          onChange(e.target.value)\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction TablesWidget10(props) {\r\n  console.log(JSON.stringify(props))\r\n  const columns = React.useMemo(\r\n    () => [\r\n      {\r\n        Header: ' ',\r\n        columns: [\r\n          {\r\n            accessor: 'code',\r\n          },\r\n          {\r\n            accessor: 'formatCode',\r\n          },\r\n          {\r\n            accessor: 'description',\r\n          },\r\n          {\r\n            accessor: 'createdOn',\r\n          },\r\n          {\r\n            accessor: 'status',\r\n          },\r\n          {\r\n            accessor: 'priority',\r\n          },\r\n          {\r\n            accessor: 'fK_SectorCode',\r\n          },\r\n          {\r\n            accessor: 'facilityName',\r\n          },\r\n          {\r\n            accessor: 'remain',\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n    []\r\n  )\r\n\r\n  const {\r\n    getTableProps,\r\n    getTableBodyProps,\r\n    headerGroups,\r\n    prepareRow,\r\n    page,\r\n    canPreviousPage,\r\n    canNextPage,\r\n    pageOptions,\r\n    pageCount,\r\n    gotoPage,\r\n    nextPage,\r\n    previousPage,\r\n    setPageSize,\r\n    state: {pageIndex, pageSize, globalFilter},\r\n    preGlobalFilteredRows,\r\n    setGlobalFilter,\r\n  } = useTable(\r\n    {\r\n      columns,\r\n      data,\r\n      initialState: {pageIndex: 0, pageSize: 20, globalFilter: ''},\r\n    },\r\n    useGlobalFilter,\r\n    usePagination\r\n  )\r\n  const [error, setError] = useState({status: 'E', text: ''})\r\n  const [InitialLoading, setInitialLoading] = useState(true)\r\n  const [{user, token}, dispatch] = useDataLayerValue()\r\n  function handleErros(error) {\r\n    if (error?.response?.status === 401) {\r\n      dispatch({\r\n        type: 'SET_TOKEN',\r\n        token: null,\r\n      })\r\n      return\r\n    }\r\n\r\n    if (error?.response?.data?.status === 'E') {\r\n      setError(error?.response?.data)\r\n      return\r\n    }\r\n    const message = Object.entries(error?.response?.data?.errors)\r\n      .map(([key, value]) => value)\r\n      .join(',')\r\n    setError({status: 'E', text: message})\r\n  }\r\n\r\n  /// Loading\r\n  useEffect(() => {\r\n    const sector = props.props.match?.params?.sector ?? ''\r\n    axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/get-alerts?facility=' +\r\n        sector +\r\n        '&code=' +\r\n        user.facility,\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n      .then(function (response) {\r\n        setInitialLoading(false)\r\n        data = response?.data?.data\r\n        setGlobalFilter('')\r\n      })\r\n      .catch(function (error) {\r\n        handleErros(error)\r\n      })\r\n  }, [])\r\n\r\n  if (InitialLoading) return <Loading />\r\n\r\n  return (\r\n    <div className={`card`}>\r\n      {/* begin::Header */}\r\n      <div className='card-header border-0 pt-5'>\r\n        <h3 className='card-title align-items-start flex-column'>\r\n          <span className='card-label fw-bolder fs-3 mb-1'>All Alerts</span>\r\n          <span className='text-muted mt-1 fw-bold fs-7'> Alert Management</span>\r\n        </h3>\r\n        <ErrorMessage error={error} />\r\n        <div\r\n          className='card-toolbar'\r\n          data-bs-toggle='tooltip'\r\n          data-bs-placement='top'\r\n          data-bs-trigger='hover'\r\n          title='Click to add a user'\r\n        >\r\n          <div className='me-4'>\r\n            <GlobalFilter\r\n              preGlobalFilteredRows={preGlobalFilteredRows}\r\n              globalFilter={''}\r\n              setGlobalFilter={setGlobalFilter}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* end::Header */}\r\n      {/* begin::Body */}\r\n      <div className='card-body py-3'>\r\n        {/* begin::Table container */}\r\n        <div className='table-responsive'>\r\n          {/* begin::Table */}\r\n          <table\r\n            className='table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4'\r\n            {...getTableProps()}\r\n          >\r\n            <thead>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Ticket</td>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Description</td>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'></td>\r\n            </thead>\r\n            <tbody {...getTableBodyProps()}>\r\n              {page.length === 0 && (\r\n                <tr>\r\n                  <td colSpan={7}>\r\n                    <b>No Data Found!</b>\r\n                  </td>\r\n                </tr>\r\n              )}\r\n              {page.map((row, i) => {\r\n                prepareRow(row)\r\n                return (\r\n                  <tr {...row.getRowProps()}>\r\n                    {/* {row.cells.map((cell) => {\r\n                      return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\r\n                    })}*/}\r\n                    <td style={{width: '120px'}}>\r\n                      {<a className='btn btn-sm  fw-bolder  fs-9 py-1'>{row.values.formatCode}</a>}\r\n                    </td>\r\n                    <td>\r\n                      <b>{row.values.description}</b>{' '}\r\n                      <span\r\n                        style={{fontSize: '10px'}}\r\n                        className='btn btn-sm btn-light-info fw-bolder  fs-9 py-1'\r\n                      >\r\n                        {row.values.priority}\r\n                      </span>\r\n                      {\r\n                        <a\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-info fw-bolder  ms-2 fs-9 py-1'\r\n                        >\r\n                          {row.values.facilityName}\r\n                        </a>\r\n                      }\r\n                      <br />\r\n                      <span style={{fontSize: '10px'}}> {row.values.createdOn}</span>\r\n                      {row.values.status == 'Opened' && (\r\n                        <a\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-danger fw-bolder ms-2 fs-9 py-1 px-3'\r\n                        >\r\n                          {' '}\r\n                          OPENED ({row.values.remain})\r\n                        </a>\r\n                      )}\r\n                      {row.values.status == 'Resolved' && (\r\n                        <a\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-9 py-1 px-3'\r\n                        >\r\n                          {' '}\r\n                          RESOLVED\r\n                        </a>\r\n                      )}\r\n                      {row.values.status == 'Closed' && (\r\n                        <a\r\n                          style={{fontSize: '10px'}}\r\n                          className='btn btn-sm btn-light-gray fw-bolder ms-2 fs-9 py-1 px-3'\r\n                        >\r\n                          {' '}\r\n                          CLOSED\r\n                        </a>\r\n                      )}\r\n                    </td>\r\n\r\n                    <td>\r\n                      <div className='d-flex justify-content-end flex-shrink-0'>\r\n                        <>\r\n                          <a\r\n                            href={'/alert/view/' + row.values.fK_SectorCode + '/' + row.values.code}\r\n                            className='btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1'\r\n                          >\r\n                            <i class='bi bi-eye'></i>\r\n                          </a>\r\n                        </>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                )\r\n              })}\r\n            </tbody>\r\n          </table>\r\n          {/* \r\n      Pagination can be built however you'd like. \r\n      This is just a very basic UI implementation:\r\n    */}\r\n          <ul className='pagination'>\r\n            <li className='page-item' onClick={() => gotoPage(0)} disabled={!canPreviousPage}>\r\n              <a className='page-link'>First</a>\r\n            </li>\r\n            <li className='page-item' onClick={() => previousPage()} disabled={!canPreviousPage}>\r\n              <a className='page-link'>{'<'}</a>\r\n            </li>\r\n            <li className='page-item' onClick={() => nextPage()} disabled={!canNextPage}>\r\n              <a className='page-link'>{'>'}</a>\r\n            </li>\r\n            <li\r\n              className='page-item'\r\n              onClick={() => gotoPage(pageCount - 1)}\r\n              disabled={!canNextPage}\r\n            >\r\n              <a className='page-link'>Last</a>\r\n            </li>\r\n            <li>\r\n              <a className='page-link'>\r\n                Page{' '}\r\n                <strong>\r\n                  {pageIndex + 1} of {pageOptions.length}\r\n                </strong>{' '}\r\n              </a>\r\n            </li>\r\n            <li>\r\n              <a className='page-link'>\r\n                <input\r\n                  className='page-link'\r\n                  type='number'\r\n                  defaultValue={pageIndex + 1}\r\n                  onChange={(e) => {\r\n                    const page = e.target.value ? Number(e.target.value) - 1 : 0\r\n                    gotoPage(page)\r\n                  }}\r\n                  style={{width: '100px', height: '20px'}}\r\n                />\r\n              </a>\r\n            </li>{' '}\r\n            <select\r\n              className='page-link'\r\n              value={pageSize}\r\n              onChange={(e) => {\r\n                setPageSize(Number(e.target.value))\r\n              }}\r\n              style={{width: '120px', height: '38px'}}\r\n            >\r\n              {[5, 10, 20, 30, 40, 50].map((pageSize) => (\r\n                <option key={pageSize} value={pageSize}>\r\n                  Show {pageSize}\r\n                </option>\r\n              ))}\r\n            </select>\r\n          </ul>\r\n        </div>\r\n        {/* end::Table container */}\r\n      </div>\r\n      {/* begin::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction AllAlerts(props) {\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumb}>All Alerts(s)</PageTitle>\r\n      <div className='row gy-5 g-xl-12'>\r\n        <TablesWidget10 props={props} />\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default AllAlerts\r\n","import React from \"react\";\r\n//import ChromeDinoGame from 'react-chrome-dino';\r\n\r\nexport function Dashboard() {\r\n    return <div></div>\r\n   /* return <div>\r\n\r\n        <ChromeDinoGame />\r\n    </div>*/\r\n}\r\n\r\n\r\nexport default Dashboard\r\n","import React, {useState, useEffect, useRef, PureComponent, Component} from 'react'\r\nimport {useQuill} from 'react-quilljs'\r\n// or const { useQuill } = require('react-quilljs');\r\nimport 'quill/dist/quill.snow.css' // Add css for snow theme\r\n\r\nfunction TagConfig(props) {\r\n  const inputReference = useRef(null)\r\n  const {quill, quillRef} = useQuill('#editor', {\r\n    theme: 'snow',\r\n  })\r\n\r\n  React.useEffect(() => {\r\n    if (quill) {\r\n      quill.clipboard.dangerouslyPasteHTML(props?.item?.note ?? '')\r\n      if (inputReference) {\r\n        inputReference.current.focus()\r\n      }\r\n\r\n      quill.on('text-change', (delta, oldDelta, source) => {\r\n        var hm = quill.root.innerHTML\r\n        //  console.log('Text change!');\r\n        //  console.log(quill.getText()); // Get text only\r\n        //console.log(quill.getContents()); // Get delta contents\r\n        // console.log(quill.root.innerHTML); // Get innerHTML using quill\r\n        //console.log(quillRef.current.firstChild.innerHTML); // Get innerHTML using quillRef\r\n        /* if (quill.root.innerHTML && quill.root.innerHTML.substr(quill.root.innerHTML.length - 11) == \"<p><br></p>\") {\r\n                hm = quill.root.innerHTML.substr(0, quill.root.innerHTML.length - 11) + \"<p>&#8205;</p>\"\r\n            }*/\r\n        props.item.note = hm\r\n      })\r\n    }\r\n  }, [quill])\r\n\r\n  return (\r\n    <>\r\n      <div className='col-lg-12'>\r\n        <b className='required' style={{paddingBottom: '30px'}}>\r\n          Packet Name\r\n        </b>\r\n        <input\r\n          ref={inputReference}\r\n          onChange={(e) => props.onkeyPress(e, props.index, 'OBJECT')}\r\n          className='form-control  form-control-solid '\r\n          value={props.item.object}\r\n          placeholder='Packet Name'\r\n          type='text'\r\n        />\r\n        <span style={{color: 'gray', fontStyle: 'italic'}}>\r\n          [Plant] / [Plant.PacketType] / [PacketType]\r\n        </span>\r\n        <br /> <br />\r\n      </div>\r\n      <div className='col-lg-12'>\r\n        <b className='required'>Tag/Field Name</b>\r\n        <input\r\n          onChange={(e) => props.onkeyPress(e, props.index, 'NAME')}\r\n          className='form-control  form-control-solid '\r\n          value={props.item.machineNo}\r\n          placeholder='Tag Name'\r\n          type='text'\r\n        />\r\n        <a target={'_blank'} href='/object-browser'>\r\n          view object browser\r\n        </a>\r\n        <br /> <br />\r\n      </div>\r\n      <div className='col-lg-12'>\r\n        <table style={{width: '100%'}}>\r\n          <tr>\r\n            <td style={{width: 100}}>\r\n              <b className=''>Display Text</b>\r\n              <input\r\n                onChange={(e) => props.onkeyPress(e, props.index, 'DISPLAY_NAME')}\r\n                className='form-control  form-control-solid '\r\n                value={props.item?.displayName}\r\n                placeholder='Tag Name'\r\n                type='text'\r\n              />\r\n            </td>\r\n            <td style={{width: 100}}>\r\n              <b className='required'>Type</b>\r\n              <select\r\n                value={props.item.type}\r\n                onChange={(e) => props.handleChange(e, props.index, 'TYPE')}\r\n                className='form-control form-control-solid '\r\n              >\r\n                <option value='1'>Dongsung</option>\r\n                <option value='2'>Simaseki - NFG</option>\r\n                <option value='10'>Empty Block</option>\r\n                <option value='20'>Tag</option>\r\n                <option value='13'>Line Chart</option>\r\n                <option value='14'>Stacked Area Chart</option>\r\n                <option value='15'>Bar Chart</option>\r\n                {/*<option value=\"16\">Stacked Bar Chart</option>*/}\r\n                <option value='17'>Pie Chart</option>\r\n                <option value='19'>Fill Bar</option>\r\n                <option value='12'>Tag v1 (deprecated)</option>\r\n                <option value='25'>Design Component</option>\r\n                <option value='26'>Line Chart - Chartjs</option>\r\n                {/*<option value=\"18\">Percent Area Chart</option>*/}\r\n              </select>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n\r\n      <div className='col-lg-12'>\r\n        <br /> <br />\r\n        <table style={{width: '100%'}}>\r\n          <tr>\r\n            <td style={{width: 100}}>\r\n              <b className='required'> X coordinate</b>\r\n              <input\r\n                type='number'\r\n                onChange={(e) => props.onkeyPress(e, props.index, 'X')}\r\n                className='form-control  form-control-solid '\r\n                value={props.item?.defaultPos?.x}\r\n                placeholder='X'\r\n              />\r\n            </td>\r\n            <td style={{width: 100}}>\r\n              <b className='required'> Y coordinate</b>\r\n              <input\r\n                type='number'\r\n                onChange={(e) => props.onkeyPress(e, props.index, 'Y')}\r\n                className='form-control  form-control-solid '\r\n                value={props.item?.defaultPos?.y}\r\n                placeholder='Y'\r\n              />\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n      <div className='col-lg-12'>\r\n        <br /> <br />\r\n        <b className=''>[CODE - INITIAL]</b>\r\n        <textarea\r\n          rows='8'\r\n          cols='50'\r\n          onChange={(e) => props.onkeyPress(e, props.index, 'INIT')}\r\n          className='form-control  form-control-solid '\r\n          value={props.item.tempFeild1}\r\n          placeholder='Intial'\r\n          type='text'\r\n        />\r\n        <a target={'_blank'} href='/documentation.html'>\r\n          View Documentation\r\n        </a>\r\n      </div>\r\n      <div className='col-lg-12'>\r\n        <div className='col-lg-12 fv-row'>\r\n          <br /> <br />\r\n          <b className=''>[Code - RUNTIME/Data Manipulation]</b>\r\n          <textarea\r\n            rows='15'\r\n            cols='50'\r\n            onChange={(e) => props.onkeyPress(e, props.index, 'FORMULA')}\r\n            className='form-control  form-control-solid '\r\n            value={props.item.formula}\r\n            placeholder='Code here'\r\n            type='text'\r\n          />\r\n        </div>\r\n        <a target={'_blank'} href='/documentation.html'>\r\n          View Documentation\r\n        </a>\r\n        <hr />\r\n      </div>\r\n      <div className='col-lg-12'>\r\n        {' '}\r\n        <b className=''>Document/Instructions</b>\r\n        <div style={{width: 500, height: 300}}>\r\n          <div ref={quillRef}></div>\r\n        </div>\r\n        {/*  <textarea rows=\"8\" cols=\"50\" onChange={(e) => props.onkeyPress(e, props.index, \"DOCUMENT\")} \r\n                className='form-control  form-control-solid ' value={props.item.note} placeholder='Document' type=\"text\" />*/}\r\n      </div>\r\n    </>\r\n  )\r\n}\r\nexport default TagConfig\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport {PageLink, PageTitle} from '../../../../_metronic/layout/core'\r\n\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  ChartsWidget1,\r\n  TablesWidget1,\r\n  ListsWidget5,\r\n  TablesWidget5,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {auto, right} from '@popperjs/core'\r\nimport {Dashboard} from '../../dashboard/Dashboard'\r\nimport TagConfig from './TagConfig'\r\nimport {Toggle} from '../../../../_metronic/partials/layout/explore/Toggle'\r\nimport {reducer} from '../../../modules/auth'\r\nimport {fabric} from 'fabric'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {off} from 'process'\r\nimport reactCSS from 'reactcss'\r\nimport {SketchPicker} from 'react-color'\r\n\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction Index(props) {\r\n  const [canvas, setCanvas] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'green',\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  // const urlParams = new URLSearchParams(window.location.search);\r\n  const [isloading, setLoading] = useState(false)\r\n  const [item, setItem] = useState('')\r\n  const [x, seX] = useState(100)\r\n  const [y, setY] = useState(0)\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [items, setItems] = useState([])\r\n  const inputRef = React.useRef(null)\r\n  const [currEditObject, setcurrEditObject] = useState({\r\n    item: null,\r\n    index: 0,\r\n    loading: true,\r\n  })\r\n  const [file, setFile] = useState()\r\n  const [uploading, setUploading] = useState(0)\r\n  const [commentBox, setCommentBox] = useState({\r\n    isLoading: true,\r\n  })\r\n  const [fileName, setFileName] = useState()\r\n  const [layout, setLayout] = useState({\r\n    id: props.layout, //urlParams.get('id'),\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    draggable: false,\r\n    isImageChanged: false,\r\n    isZoom: false,\r\n    group: '',\r\n    packages: '',\r\n    width: '',\r\n    height: '',\r\n    designObject: [],\r\n  })\r\n\r\n  const newitem = () => {\r\n    if (item.trim() !== '') {\r\n      //if input is not blank, create a new item object\r\n      const newitem = {\r\n        id: uuidv4(),\r\n        item: item,\r\n        color: randomColor({luminosity: 'light'}),\r\n        defaultPos: {x: x, y: y},\r\n        value: '0',\r\n        min: 0,\r\n        max: 0,\r\n        type: 20,\r\n        object: '',\r\n        formula: '',\r\n        displayName: item,\r\n        machineNo: item,\r\n        tempFeild1: '',\r\n      }\r\n      //add this new item object to the items array\r\n      setItems((items) => [...items, newitem])\r\n      //reset item value to empty string\r\n      setItem('')\r\n      seX(100)\r\n      setY(0)\r\n    } else {\r\n      alert('Enter a item')\r\n      setItem('')\r\n    }\r\n  }\r\n\r\n  const keyPress = (event) => {\r\n    var code = event.keyCode || event.which\r\n    if (code === 13) {\r\n      newitem()\r\n    }\r\n  }\r\n\r\n  const updatePos = (data, index) => {\r\n    let newArr = [...items]\r\n    newArr[index].defaultPos = {x: data.x, y: data.y}\r\n    setItems(newArr)\r\n  }\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layout?layout=' + props.layout,\r\n      headers: {},\r\n    }).then((response) => {\r\n      console.log('ss -' + (response.data.result?.imageData === null))\r\n      setLayout({\r\n        ...layout,\r\n        layoutName: response.data.result.layoutName,\r\n        imageData:\r\n          response.data.result?.imageData === null\r\n            ? ''\r\n            : 'data:image/png;base64,' + response.data.result.imageData,\r\n        isZoom: response.data.result.isZoom,\r\n        group: response.data.result.group,\r\n        packages: response.data.result.packages,\r\n        width: response.data.result.width,\r\n        height: response.data.result.height,\r\n        designObject: response.data.result.designObject,\r\n      })\r\n      setItems(response.data.result.devices)\r\n\r\n      // code here\r\n    })\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    {\r\n      var desginObject = {\r\n        version: '4.3.1',\r\n        objects: [],\r\n      }\r\n      for (let index = 0; index < layout.designObject.length; index++) {\r\n        const element = layout.designObject[index]\r\n        desginObject.objects.push(JSON.parse(element.tempFeild1))\r\n      }\r\n      editor?.canvas.loadFromJSON(desginObject)\r\n      setisload(false)\r\n    }\r\n  }\r\n  /* setTimeout(() => {\r\n    if(isload)\r\n    {\r\n      const data = JSON.parse(\r\n        '{\"version\":\"4.3.1\",\"objects\":[{\"type\":\"circle\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":100,\"top\":100,\"width\":40,\"height\":40,\"fill\":\"rgba(255, 255, 255, 0.0)\",\"stroke\":\"#000000\",\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"radius\":20,\"startAngle\":0,\"endAngle\":6.283185307179586},{\"type\":\"text\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":253,\"top\":102,\"width\":95.55,\"height\":18.08,\"fill\":\"#000000\",\"stroke\":null,\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":2.43,\"scaleY\":2.43,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"text\":\"Some text\",\"fontSize\":16,\"fontWeight\":\"normal\",\"fontFamily\":\"Arial\",\"fontStyle\":\"normal\",\"lineHeight\":1.16,\"underline\":false,\"overline\":false,\"linethrough\":false,\"textAlign\":\"left\",\"textBackgroundColor\":\"\",\"charSpacing\":0,\"minWidth\":20,\"splitByGrapheme\":false,\"styles\":{}},{\"type\":\"rect\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":109,\"top\":212,\"width\":40,\"height\":40,\"fill\":\"rgba(255, 255, 255, 0.0)\",\"stroke\":\"#000000\",\"strokeWidth\":1,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"rx\":0,\"ry\":0},,{\"type\":\"polyline\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":483.78,\"top\":339.22,\"width\":50.88,\"height\":50.88,\"fill\":\"white\",\"stroke\":\"black\",\"strokeWidth\":2,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":1,\"scaleY\":1,\"angle\":262.52,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"points\":[{\"x\":100,\"y\":100},{\"x\":99.11611652351681,\"y\":100.88388347648318},{\"x\":145.58058261758407,\"y\":147.34834957055045},{\"x\":142.92893218813452,\"y\":150},{\"x\":150,\"y\":150},{\"x\":150,\"y\":142.92893218813452},{\"x\":147.34834957055045,\"y\":145.58058261758407},{\"x\":100.88388347648318,\"y\":99.11611652351681},{\"x\":100,\"y\":100}]},{\"type\":\"image\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":197,\"top\":132,\"width\":1200,\"height\":900,\"fill\":\"rgb(0,0,0)\",\"stroke\":null,\"strokeWidth\":0,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":0.2,\"scaleY\":0.2,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"cropX\":0,\"cropY\":0,\"src\":\"https://miro.medium.com/max/1200/1*mk1-6aYaf_Bes1E3Imhc0A.jpeg\",\"crossOrigin\":null,\"filters\":[]}]}'\r\n      );\r\n      editor?.canvas.loadFromJSON(data);\r\n      setisload(false)\r\n      {\"type\":\"image\",\"version\":\"4.3.1\",\"originX\":\"left\",\"originY\":\"top\",\"left\":499,\"top\":86,\"width\":1200,\"height\":900,\"fill\":\"rgb(0,0,0)\",\"stroke\":null,\"strokeWidth\":0,\"strokeDashArray\":null,\"strokeLineCap\":\"butt\",\"strokeDashOffset\":0,\"strokeLineJoin\":\"miter\",\"strokeUniform\":false,\"strokeMiterLimit\":4,\"scaleX\":0.2,\"scaleY\":0.2,\"angle\":0,\"flipX\":false,\"flipY\":false,\"opacity\":1,\"shadow\":null,\"visible\":true,\"backgroundColor\":\"\",\"fillRule\":\"nonzero\",\"paintFirst\":\"fill\",\"globalCompositeOperation\":\"source-over\",\"skewX\":0,\"skewY\":0,\"cropX\":0,\"cropY\":0,\"src\":\"https://miro.medium.com/max/1200/1*mk1-6aYaf_Bes1E3Imhc0A.jpeg\",\"crossOrigin\":null,\"filters\":[]}\r\n    }\r\n    \r\n  }, 100);\r\n  */\r\n\r\n  useEffect(() => {\r\n    //console.log('Local Storgare Updated');\r\n    localStorage.setItem('items', JSON.stringify(items))\r\n  }, [items])\r\n\r\n  const deleteNote = (id) => {\r\n    setItems(items.filter((item) => item.id !== id))\r\n  }\r\n\r\n  const duplicate = (id) => {\r\n    let copyItem = items.filter((item) => item.id === id)\r\n    if (copyItem.length > 0 && copyItem[0] !== undefined) {\r\n      // copyItem[0].defaultPos.y =  copyItem[0].defaultPos.y + 20;\r\n      // copyItem[0].displayName = copyItem[0].displayName + '_';\r\n      // copyItem[0].id = uuidv4();\r\n\r\n      const newitem = {\r\n        id: uuidv4(),\r\n        item: item,\r\n        color: randomColor({luminosity: 'light'}),\r\n        defaultPos: {x: copyItem[0].defaultPos.x, y: copyItem[0].defaultPos.y + 20},\r\n        value: '0',\r\n        min: 0,\r\n        max: 0,\r\n        type: copyItem[0].type,\r\n        object: copyItem[0].object,\r\n        formula: copyItem[0].formula,\r\n        displayName: copyItem[0].displayName,\r\n        machineNo: copyItem[0].machineNo,\r\n        tempFeild1: copyItem[0].tempFeild1,\r\n      }\r\n      setItems((items) => [...items, newitem])\r\n      setLoading(true)\r\n      setTimeout(() => {\r\n        setLoading(false)\r\n      }, 1)\r\n    }\r\n  }\r\n\r\n  function drawArrow(canvas, fromx, fromy, tox, toy) {\r\n    var angle = Math.atan2(toy - fromy, tox - fromx)\r\n\r\n    var headlen = 5 // arrow head size\r\n\r\n    // bring the line end back some to account for arrow head.\r\n    tox = tox - headlen * Math.cos(angle)\r\n    toy = toy - headlen * Math.sin(angle)\r\n\r\n    // calculate the points.\r\n    var points = [\r\n      {\r\n        x: fromx, // start point\r\n        y: fromy,\r\n      },\r\n      {\r\n        x: fromx - (headlen / 4) * Math.cos(angle - Math.PI / 2),\r\n        y: fromy - (headlen / 4) * Math.sin(angle - Math.PI / 2),\r\n      },\r\n      {\r\n        x: tox - (headlen / 4) * Math.cos(angle - Math.PI / 2),\r\n        y: toy - (headlen / 4) * Math.sin(angle - Math.PI / 2),\r\n      },\r\n      {\r\n        x: tox - headlen * Math.cos(angle - Math.PI / 2),\r\n        y: toy - headlen * Math.sin(angle - Math.PI / 2),\r\n      },\r\n      {\r\n        x: tox + headlen * Math.cos(angle), // tip\r\n        y: toy + headlen * Math.sin(angle),\r\n      },\r\n      {\r\n        x: tox - headlen * Math.cos(angle + Math.PI / 2),\r\n        y: toy - headlen * Math.sin(angle + Math.PI / 2),\r\n      },\r\n      {\r\n        x: tox - (headlen / 4) * Math.cos(angle + Math.PI / 2),\r\n        y: toy - (headlen / 4) * Math.sin(angle + Math.PI / 2),\r\n      },\r\n      {\r\n        x: fromx - (headlen / 4) * Math.cos(angle + Math.PI / 2),\r\n        y: fromy - (headlen / 4) * Math.sin(angle + Math.PI / 2),\r\n      },\r\n      {\r\n        x: fromx,\r\n        y: fromy,\r\n      },\r\n    ]\r\n\r\n    var pline = new fabric.Polyline(points, {\r\n      fill: 'white',\r\n      stroke: 'black',\r\n      opacity: 1,\r\n      strokeWidth: 2,\r\n      originX: 'left',\r\n      originY: 'top',\r\n      selectable: true,\r\n    })\r\n\r\n    canvas.add(pline)\r\n\r\n    canvas.renderAll()\r\n  }\r\n\r\n  const saveFile = (e) => {\r\n    console.log(e.target.files[0])\r\n    setUploading(1)\r\n    setFileName(e.target.files[0].name)\r\n    setFile(undefined)\r\n    const data = new FormData()\r\n    data.append('Files', e.target.files[0])\r\n    setTimeout(() => {\r\n      let config = {\r\n        method: 'post',\r\n        url: process.env.REACT_APP_BACKEND_API + '/api/images/upload',\r\n        data: data,\r\n        headers: {},\r\n        onUploadProgress: (data) => {\r\n          setUploading(Math.round((100 * data.loaded) / data.total))\r\n        },\r\n      }\r\n      axios(config)\r\n        .then(function (response) {\r\n          setFile(undefined)\r\n          setFileName('')\r\n          setUploading(0)\r\n          fabric.Image.fromURL(\r\n            process.env.REACT_APP_BACKEND_API + '/Uploads/' + response.data,\r\n            function (oImg) {\r\n              oImg.scale(0.2)\r\n              editor.canvas.add(oImg)\r\n            }\r\n          )\r\n        })\r\n        .catch(function (error) {})\r\n    }, 500)\r\n  }\r\n\r\n  const onkeyPress = (event, index, name) => {\r\n    // var code = event.keyCode || event.which;\r\n    let newArr = [...items]\r\n    var vl = event.target.value\r\n    switch (name) {\r\n      case 'OBJECT':\r\n        newArr[index].object = event.target.value\r\n        break\r\n      case 'DISPLAY_NAME':\r\n        newArr[index].displayName = event.target.value\r\n        break\r\n      case 'X':\r\n        if (event.target.value === '' || event.target.value == null) vl = 0\r\n\r\n        newArr[index].defaultPos = {x: parseInt(vl), y: newArr[index].defaultPos.y}\r\n        break\r\n      case 'Y':\r\n        if (event.target.value === '' || event.target.value == null) vl = 0\r\n\r\n        newArr[index].defaultPos = {x: newArr[index].defaultPos.x, y: parseInt(vl)}\r\n        break\r\n      case 'NAME':\r\n        newArr[index].machineNo = event.target.value\r\n        break\r\n      case 'MIN':\r\n        newArr[index].min = event.target.value\r\n        break\r\n      case 'MAX':\r\n        newArr[index].max = event.target.value\r\n        break\r\n      case 'DOCUMENT':\r\n        newArr[index].note = event.target.value\r\n        break\r\n      case 'FORMULA':\r\n        newArr[index].formula = event.target.value\r\n        break\r\n      case 'INIT':\r\n        newArr[index].tempFeild1 = event.target.value\r\n        console.log(newArr[index].tempFeild1)\r\n        break\r\n      default:\r\n        break\r\n    }\r\n    setItems(newArr)\r\n    setLoading(true)\r\n    setTimeout(() => {\r\n      setLoading(false)\r\n    }, 0.1)\r\n    console.log(JSON.stringify(newArr))\r\n  }\r\n\r\n  const onSave = () => {\r\n    /*let layoutTemp = {\r\n      id: props.layout, //urlParams.get('id'),\r\n      layoutName: layout.layoutName,\r\n      imageData: layout.imageData,\r\n      devices: layout.devices,\r\n      draggable: layout.draggable,\r\n      isImageChanged: layout.isImageChanged,\r\n      isZoom: layout.isZoom,\r\n      group: layout.group,\r\n      packages: layout.packages,\r\n      width: layout.width,\r\n      height: layout.height,\r\n      designObject:layout.designObject,\r\n    };*/\r\n    const layoutTemp = {...layout}\r\n    layoutTemp.devices = []\r\n    layoutTemp.devices = [...items]\r\n\r\n    var editorData = editor.canvas.toJSON()\r\n    for (let index = 0; index < editorData.objects.length; index++) {\r\n      const element = editorData.objects[index]\r\n      var id = uuidv4()\r\n      layoutTemp.devices.push({\r\n        id: id,\r\n        item: item,\r\n        color: '',\r\n        defaultPos: {x: 0, y: 0},\r\n        value: '0',\r\n        min: 0,\r\n        max: 0,\r\n        type: 25,\r\n        object: '',\r\n        formula: '',\r\n        displayName: '',\r\n        machineNo: id,\r\n        tempFeild1: JSON.stringify(element),\r\n      })\r\n    }\r\n\r\n    setTimeout(() => {\r\n      setSubmitting(true)\r\n      axios({\r\n        method: 'post',\r\n        url:\r\n          process.env.REACT_APP_BACKEND_API +\r\n          '/api/sensor-monitor/layout/tag?layout=' +\r\n          props.layout,\r\n        headers: {},\r\n        data: layoutTemp,\r\n      }).then((response) => {\r\n        setTimeout(() => {\r\n          setSubmitting(false)\r\n        }, 2000)\r\n      })\r\n    }, 100)\r\n  }\r\n\r\n  const handleChange = (event, index, name) => {\r\n    let newArr = [...items]\r\n    switch (name) {\r\n      case 'OBJECT':\r\n        newArr[index].object = event.target.value\r\n        break\r\n      case 'TYPE':\r\n        newArr[index].type = event.target.value\r\n        break\r\n      default:\r\n        break\r\n    }\r\n    setItems(newArr)\r\n  }\r\n\r\n  const getBase64 = (file, cb) => {\r\n    let reader = new FileReader()\r\n    reader.readAsDataURL(file)\r\n    reader.onload = function () {\r\n      cb(reader.result)\r\n    }\r\n    reader.onerror = function (error) {\r\n      console.log('Error: ', error)\r\n    }\r\n  }\r\n\r\n  const openOp = (item, index) => {\r\n    if (currEditObject.loading) {\r\n      inputRef.current.click()\r\n    }\r\n\r\n    setCommentBox({\r\n      isLoading: true,\r\n    })\r\n    setTimeout(() => {\r\n      setCommentBox({\r\n        isLoading: false,\r\n      })\r\n    }, 100)\r\n\r\n    setcurrEditObject({\r\n      item: item,\r\n      index: index,\r\n      loading: false,\r\n    })\r\n  }\r\n\r\n  const closeSide = () => {\r\n    setcurrEditObject({\r\n      loading: true,\r\n    })\r\n  }\r\n\r\n  const onImageChange = (event) => {\r\n    if (event.target.files && event.target.files[0]) {\r\n      let img = event.target.files[0]\r\n      getBase64(img, (result) => {\r\n        // console.log(result);\r\n        setLayout({...layout, imageData: result, isImageChanged: true})\r\n      })\r\n    }\r\n  }\r\n\r\n  const breadCrumb = [\r\n    {\r\n      title: 'Home',\r\n      path: '/dashboard',\r\n      isSeparator: false,\r\n      isActive: false,\r\n    },\r\n    {\r\n      title: 'All Layout',\r\n      path: '/all-layouts',\r\n      isSeparator: false,\r\n      isActive: false,\r\n    },\r\n    {\r\n      title: '',\r\n      path: '',\r\n      isSeparator: true,\r\n      isActive: false,\r\n    },\r\n  ]\r\n\r\n  const onAddCircle = () => {\r\n    editor?.addCircle()\r\n  }\r\n\r\n  const onAddRectangle = () => {\r\n    editor?.addRectangle()\r\n  }\r\n\r\n  const onAddLine = () => {\r\n    editor?.addLine()\r\n  }\r\n\r\n  const onAddText = () => {\r\n    if (selectedObjects?.length) {\r\n      return editor?.updateText(text)\r\n    }\r\n    editor?.addText(text)\r\n  }\r\n  const onSetStrokeColor = (val) => {\r\n    setStrokeColor(val)\r\n    editor?.setStrokeColor(val)\r\n  }\r\n  const onAddArrow = () => {\r\n    drawArrow(editor.canvas, 100, 100, 150, 150)\r\n  }\r\n  const onSetFillColor = (val) => {\r\n    setFillColor(val)\r\n    editor?.setFillColor(val)\r\n  }\r\n  const onDeleteAll = () => {\r\n    editor?.deleteAll()\r\n  }\r\n  const onDeleteSelected = () => {\r\n    editor?.deleteSelected()\r\n  }\r\n  const onZoomIn = () => {\r\n    editor?.zoomIn()\r\n  }\r\n  const onZoomOut = () => {\r\n    editor?.zoomOut()\r\n  }\r\n  const onChangeSettings = () => {\r\n    selectedObjects[0]?.set({\r\n      fill: 'red',\r\n    })\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumb}>Update Layout </PageTitle>\r\n\r\n      <div className='row g-xl-12'>\r\n        <div className=''>\r\n          {/* begin::Table container */}\r\n          <div className=''>\r\n            <div className='row gy-5 g-xl-12'>\r\n              <div className='card mb-5 mb-xl-10'>\r\n                <div id='kt_account_profile_details'>\r\n                  <div className='form\t'>\r\n                    <div className='card-body border-top p-9'>\r\n                      {/* {isSubmitting && (\r\n    <span className='indicator-progress' style={{  \r\n      top: 0,\r\n      left: 0,\r\n      zindex: 10,\r\n      width: \"100%\",\r\n      height: \"100%\",\r\n        display: 'block', textAlign:\"center\" }}>\r\n      <img width={\"800px\"} src=\"/a1.gif\"></img><br/>\r\n    <h1>UPLOADING</h1>\r\n    </span>\r\n  )} */}\r\n                      <>\r\n                        <span className='card-label fw-bolder fs-3 mb-1'>\r\n                          Design the Layout {editor ? 'ready' : 'loading'}{' '}\r\n                        </span>\r\n                        <br /> <br />\r\n                        <table style={{width: '100%'}}>\r\n                          <tr>\r\n                            <td>\r\n                              <span style={{position: 'absolute', marginTop: '-15px'}}>\r\n                                <b>New Tag</b>\r\n                              </span>\r\n                              <input\r\n                                style={{width: '150px', height: '35px'}}\r\n                                value={item}\r\n                                onChange={(e) => setItem(e.target.value)}\r\n                                placeholder='Add Tag'\r\n                                onKeyPress={(e) => keyPress(e)}\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              <span style={{position: 'absolute', marginTop: '-15px'}}>\r\n                                <b>X coordinate</b>\r\n                              </span>\r\n                              <input\r\n                                type='number'\r\n                                style={{width: '90px', height: '35px'}}\r\n                                value={x}\r\n                                onChange={(e) => seX(e.target.value)}\r\n                                placeholder='X'\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              <span style={{position: 'absolute', marginTop: '-15px'}}>\r\n                                <b>Y coordinate</b>\r\n                              </span>\r\n                              <input\r\n                                style={{width: '90px', height: '35px'}}\r\n                                type='number'\r\n                                value={y}\r\n                                onChange={(e) => setY(e.target.value)}\r\n                                placeholder='Y'\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              <button\r\n                                className='btn btn-primary'\r\n                                title='Add New Tag'\r\n                                style={{width: '100px'}}\r\n                                onClick={newitem}\r\n                              >\r\n                                Add <i class='fas fa-plus fs-1x'></i>\r\n                              </button>\r\n                            </td>\r\n                            <td>\r\n                              {layout.draggable && (\r\n                                <button\r\n                                  style={{width: '150px'}}\r\n                                  className='btn btn-warning'\r\n                                  onClick={(e) => {\r\n                                    setLayout({...layout, draggable: false})\r\n                                  }}\r\n                                >\r\n                                  Stop Drag <i class='fas fa-lock-open fs-1x'></i>\r\n                                </button>\r\n                              )}\r\n                              {layout.draggable === false && (\r\n                                <button\r\n                                  style={{width: '150px'}}\r\n                                  className='btn btn-danger'\r\n                                  onClick={(e) => {\r\n                                    setLayout({...layout, draggable: true})\r\n                                  }}\r\n                                >\r\n                                  Start Drag <i class='fas fa-lock fs-1x'></i>\r\n                                </button>\r\n                              )}\r\n                            </td>\r\n                            <td>\r\n                              <span style={{position: 'absolute', marginTop: '-15px'}}>\r\n                                <b>Upload a Diagram</b>\r\n                              </span>\r\n                              <input\r\n                                className='btn btn-gary'\r\n                                style={{marginLeft: '10px'}}\r\n                                type='file'\r\n                                name='myImage'\r\n                                onChange={onImageChange}\r\n                              />\r\n                            </td>\r\n                            <td style={{width: '100%'}}>\r\n                              <a\r\n                                style={{marginLeft: '10px', float: 'right'}}\r\n                                target={'_blank'}\r\n                                href={'/layout/' + layout.id}\r\n                                className='btn btn-icon btn-bg-light btn-active-color-primary btn-lg me-1'\r\n                              >\r\n                                <i class='bi bi-eye'></i>\r\n                              </a>\r\n                              <button\r\n                                className='btn btn-success'\r\n                                disabled={isSubmitting}\r\n                                style={{marginLeft: '10px', float: 'right'}}\r\n                                onClick={onSave}\r\n                              >\r\n                                <span className='indicator-progress' style={{display: 'block'}}>\r\n                                  {!isSubmitting && (\r\n                                    <span className='indicator-label'>\r\n                                      Save Layout&nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                                    </span>\r\n                                  )}\r\n                                  {isSubmitting && (\r\n                                    <span className='indicator-progress' style={{display: 'block'}}>\r\n                                      <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                                    </span>\r\n                                  )}\r\n                                </span>\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n                        </table>\r\n                        <hr />\r\n                        <button\r\n                          title='Add New Circle'\r\n                          className='btn btn-icon btn-bg-light btn-color-primary  me-1'\r\n                          onClick={onAddCircle}\r\n                        >\r\n                          <span class='bi bi-circle'></span>\r\n                        </button>\r\n                        <button\r\n                          title='Add New Rectangle'\r\n                          className='btn btn-icon btn-bg-light btn-color-primary  me-1'\r\n                          onClick={onAddRectangle}\r\n                        >\r\n                          {' '}\r\n                          <span class='bi bi-app'></span>\r\n                        </button>\r\n                        <button\r\n                          title='Add New Line'\r\n                          className='btn btn-icon btn-bg-light btn-color-primary  me-1'\r\n                          onClick={onAddLine}\r\n                        >\r\n                          -\r\n                        </button>\r\n                        <button\r\n                          title='Add New Arrow'\r\n                          className='btn btn-icon btn-bg-light btn-color-primary  me-1'\r\n                          onClick={onAddArrow}\r\n                        >\r\n                          <span class='bi bi-arrow-right-short'></span>\r\n                        </button>\r\n                        <input\r\n                          title='Add New Image'\r\n                          id='uploadImage'\r\n                          type='file'\r\n                          className='form-control-solid mb-3 mb-lg-0'\r\n                          name='file'\r\n                          accept='.jpg,.gif,.jpeg'\r\n                          onChange={saveFile}\r\n                          hidden\r\n                        />\r\n                        <label\r\n                          for='uploadImage'\r\n                          className='btn btn-icon btn-bg-light btn-color-primary  me-1'\r\n                        >\r\n                          <span class='bi bi-image'></span>\r\n                        </label>\r\n                        <input\r\n                          type='text'\r\n                          style={{height: '35px'}}\r\n                          value={text}\r\n                          onChange={(e) => setText(e.target.value)}\r\n                        />\r\n                        <button\r\n                          title='Add New Text'\r\n                          className='btn btn-icon btn-bg-light btn-color-primary  me-1'\r\n                          style={{width: '100px'}}\r\n                          onClick={onAddText}\r\n                        >\r\n                          Add Text\r\n                        </button>\r\n                        <select\r\n                          className=' me-1'\r\n                          style={{background: strokeColor, height: '35px'}}\r\n                          value={strokeColor}\r\n                          onChange={(e) => onSetStrokeColor(e.target.value)}\r\n                        >\r\n                          <option value=''>SET STROKE</option>\r\n                          <option value='red' style={{background: 'red'}}>\r\n                            Red\r\n                          </option>\r\n                          <option value='yellow' style={{background: 'yellow'}}>\r\n                            Yellow\r\n                          </option>\r\n                          <option value='purple' style={{background: 'purple'}}>\r\n                            Purple\r\n                          </option>\r\n                          <option value='green' style={{background: 'green'}}>\r\n                            Green\r\n                          </option>\r\n                          <option value='black' style={{background: 'black'}}>\r\n                            Black\r\n                          </option>\r\n                          <option value='white' style={{background: 'white'}}>\r\n                            White\r\n                          </option>\r\n                        </select>\r\n                        {/* <button className='btn  btn-icon btn-bg-light btn-color-primary  me-1' style={{ width: '120px',borderColor:\"black\" }}  > STROKE </button> */}\r\n                        <select\r\n                          style={{background: fillColor, width: '80px', height: '35px'}}\r\n                          value={fillColor}\r\n                          onChange={(e) => onSetFillColor(e.target.value)}\r\n                        >\r\n                          <option value=''>SET FILL</option>\r\n                          <option value='red' style={{background: 'red'}}>\r\n                            Red\r\n                          </option>\r\n                          <option value='yellow' style={{background: 'yellow'}}>\r\n                            Yellow\r\n                          </option>\r\n                          <option value='purple' style={{background: 'purple'}}>\r\n                            Purple\r\n                          </option>\r\n                          <option value='green' style={{background: 'green'}}>\r\n                            Green\r\n                          </option>\r\n                          <option value='black' style={{background: 'black'}}>\r\n                            Black\r\n                          </option>\r\n                          <option value='white' style={{background: 'white'}}>\r\n                            White\r\n                          </option>\r\n                        </select>\r\n                        {/*   <button className='btn btn-icon btn-bg-light btn-color-primary  me-1' style={{ width: '100px' }}  onClick={onSetFillColor}> Fill </button> */}\r\n                        <button\r\n                          className='btn btn-icon btn-bg-light btn-color-danger  me-1'\r\n                          onClick={onDeleteSelected}\r\n                        >\r\n                          <span class='bi bi-trash'></span>\r\n                        </button>\r\n                        {uploading > 0 && (\r\n                          <span className='indicator-progress' style={{display: 'block'}}>\r\n                            <span className='spinner-border spinner-border-lg align-middle ms-2'></span>{' '}\r\n                            Uploading..(<b>{uploading}%</b>)\r\n                            <br />\r\n                          </span>\r\n                        )}\r\n                        <pre>\r\n                          {/*   fillColor: {editor.fillColor}, strokeColor: {editor.strokeColor}\r\n           <b>[{selectedObjects.length > 0 && selectedObjects[0].fill}]</b>\r\n           <pre>{JSON.stringify(selectedObjects)} </pre> */}\r\n                        </pre>\r\n                      </>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div style={{cursor: 'move'}}>\r\n              <div\r\n                className='grid'\r\n                style={{\r\n                  height: '1800px',\r\n                  position: 'relative',\r\n                  margin: 'auto',\r\n                  width: '100%',\r\n                  padding: '10px',\r\n                }}\r\n              >\r\n                <div\r\n                  style={{\r\n                    top: 0,\r\n                    left: 0,\r\n                    right: 0,\r\n                    bottom: 0,\r\n                    margin: 'auto',\r\n                    width: layout.isZoom ? '1200px' : 'auto',\r\n                    border: '1px',\r\n                    borderStyle: 'dashed',\r\n                  }}\r\n                >\r\n                  {layout.imageData !== '' && (\r\n                    <img\r\n                      style={{position: 'absolute', width: layout.isZoom ? '1200px' : 'auto'}}\r\n                      src={layout.imageData}\r\n                    ></img>\r\n                  )}\r\n                  {layout.imageData === '' && (\r\n                    <h1>\r\n                      <i style={{fontSize: '32px'}} className='fas fa-upload'></i> Upload Layout\r\n                    </h1>\r\n                  )}\r\n\r\n                  <FabricJSCanvas className='sample-canvas' onReady={onReady} />\r\n                  {!isloading &&\r\n                    items !== [] &&\r\n                    items.map((item, index) => {\r\n                      return (\r\n                        <Draggable\r\n                          key={item.id}\r\n                          defaultPosition={item.defaultPos}\r\n                          onStop={(e, data) => {\r\n                            updatePos(data, index)\r\n                          }}\r\n                          onStart={() => layout.draggable}\r\n                        >\r\n                          <div\r\n                            key={item.id}\r\n                            style={{\r\n                              backgroundColor:\r\n                                currEditObject?.item?.id == item.id\r\n                                  ? 'red'\r\n                                  : layout.draggable\r\n                                  ? 'yellow'\r\n                                  : 'gray',\r\n                              width: '120px',\r\n                              position: 'absolute',\r\n                              cursor: layout.draggable === true ? 'move' : 'no-drop',\r\n                            }}\r\n                          >\r\n                            <b>\r\n                              {' '}\r\n                              {item.displayName !== '' &&\r\n                                (item.displayName.length > 10\r\n                                  ? item.displayName.substring(0, 10) + '...'\r\n                                  : item.displayName.substring(0, 10))}\r\n                            </b>\r\n                            <b>\r\n                              {' '}\r\n                              {item.displayName === '' &&\r\n                                (item.machineNo.length > 10\r\n                                  ? item.machineNo.substring(0, 10) + '...'\r\n                                  : item.machineNo.substring(0, 10))}\r\n                            </b>\r\n\r\n                            {!layout.draggable && (\r\n                              <>\r\n                                <button\r\n                                  style={{float: 'right', right: '0px', position: 'Absolute'}}\r\n                                  onClick={(e) => openOp(item, index)}\r\n                                >\r\n                                  <i className='fab fa-creative-commons-nd'></i>\r\n                                </button>\r\n                                <button\r\n                                  id='copy'\r\n                                  style={{float: 'right', right: '-29px', position: 'Absolute'}}\r\n                                  onClick={(e) => duplicate(item.id)}\r\n                                >\r\n                                  <i className='far fa-copy'></i>\r\n                                </button>\r\n                                <button\r\n                                  id='delete'\r\n                                  style={{float: 'right', right: '-55px', position: 'Absolute'}}\r\n                                  onClick={(e) => deleteNote(item.id)}\r\n                                >\r\n                                  X\r\n                                </button>\r\n                              </>\r\n                            )}\r\n                          </div>\r\n                        </Draggable>\r\n                      )\r\n                    })}\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <span\r\n              style={{left: '2000px', position: 'absolute'}}\r\n              id='kt_explore_toggle'\r\n              ref={inputRef}\r\n            >\r\n              .{' '}\r\n            </span>\r\n\r\n            <div\r\n              id='kt_explore'\r\n              className='bg-white'\r\n              data-kt-drawer='true'\r\n              data-kt-drawer-name='ObjectInspector'\r\n              data-kt-drawer-activate='true'\r\n              data-kt-drawer-overlay='false'\r\n              data-kt-drawer-width=\"{default:'500px', 'lg': '500px'}\"\r\n              data-kt-drawer-direction='end'\r\n              data-kt-drawer-toggle='#kt_explore_toggle'\r\n              data-kt-drawer-close='#kt_explore_close'\r\n            >\r\n              {/* begin::Card  */}\r\n\r\n              <div className='card shadow w-100'>\r\n                <div style={{backgroundColor: '#FBFFFC'}}>\r\n                  {' '}\r\n                  {/* begin::Header */}\r\n                  <div className='card-header' id='kt_explore_header'>\r\n                    <h5 className='card-title fw-bold '>Object Inspector</h5>\r\n\r\n                    <div className='card-toolbar'>\r\n                      <button\r\n                        type='button'\r\n                        className='btn btn-sm btn-icon explore-btn-dismiss me-n5'\r\n                        id='kt_explore_close'\r\n                        onClick={(e) => {\r\n                          closeSide()\r\n                        }}\r\n                      >\r\n                        <KTSVG\r\n                          path='/media/icons/duotune/arrows/arr061.svg'\r\n                          className='svg-icon-2'\r\n                        />\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                  {/* end::Header */}\r\n                  {/* begin::Body */}\r\n                  <div className='card-body' id='kt_explore_body'>\r\n                    {/* begin::Content */}\r\n                    <div\r\n                      id='kt_explore_scroll'\r\n                      className='scroll-y me-n5 pe-5'\r\n                      data-kt-scroll='true'\r\n                      data-kt-scroll-height='auto'\r\n                      data-kt-scroll-wrappers='#kt_explore_body'\r\n                      data-kt-scroll-dependencies='#kt_explore_header, #kt_explore_footer'\r\n                      data-kt-scroll-offset='5px'\r\n                    >\r\n                      {!currEditObject.loading && !commentBox.isLoading && (\r\n                        <TagConfig\r\n                          onkeyPress={onkeyPress}\r\n                          item={currEditObject?.item}\r\n                          handleChange={handleChange}\r\n                          index={currEditObject?.index}\r\n                        />\r\n                      )}\r\n                    </div>\r\n                    {/* end::Content */}\r\n                  </div>\r\n                  {/* end::Body */}\r\n                  {/* begin::Footer */}\r\n                  <div className='card-footer py-5 text-center' id='kt_explore_footer'>\r\n                    {layout.draggable && (\r\n                      <button\r\n                        style={{width: '150px'}}\r\n                        className='btn btn-warning'\r\n                        onClick={(e) => {\r\n                          setLayout({...layout, draggable: false})\r\n                        }}\r\n                      >\r\n                        Stop Drag <i class='fas fa-lock-open fs-1x'></i>\r\n                      </button>\r\n                    )}\r\n                    {layout.draggable === false && (\r\n                      <button\r\n                        style={{width: '150px'}}\r\n                        className='btn btn-danger'\r\n                        onClick={(e) => {\r\n                          setLayout({...layout, draggable: true})\r\n                        }}\r\n                      >\r\n                        Start Drag <i class='fas fa-lock fs-1x'></i>\r\n                      </button>\r\n                    )}\r\n\r\n                    <button\r\n                      className='btn btn-success'\r\n                      disabled={isSubmitting}\r\n                      style={{marginLeft: '10px', float: 'right'}}\r\n                      onClick={onSave}\r\n                    >\r\n                      <span className='indicator-progress' style={{display: 'block'}}>\r\n                        {!isSubmitting && (\r\n                          <span className='indicator-label'>\r\n                            Save Layout &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                          </span>\r\n                        )}\r\n                        {isSubmitting && (\r\n                          <span className='indicator-progress' style={{display: 'block'}}>\r\n                            <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                          </span>\r\n                        )}\r\n                      </span>\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n                {/* end::Footer */}\r\n              </div>\r\n              {/* begin::Card */}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Index\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","import {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport React, {useEffect, useState} from 'react'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport axios from 'axios'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport * as Yup from 'yup'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {axioDefaultConfig, options, phoneRegex, validcoderegex} from '../helpers/commonResource'\r\nimport {date} from 'yup/lib/locale'\r\nimport SensorIndex from '../sensor/config/index'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\n\r\nconst zoomCategory = [\r\n  {label: 'Zoom', value: true},\r\n  {label: '-', value: false},\r\n]\r\n\r\nconst breadCrumb = [\r\n  {\r\n    title: 'Home',\r\n    path: '/dashboard',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: 'All Alerts',\r\n    path: '/alerts/open',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: '',\r\n    path: '',\r\n    isSeparator: true,\r\n    isActive: false,\r\n  },\r\n]\r\n\r\nfunction Alert(props) {\r\n  const [InitialLoading, setInitialLoading] = useState(true)\r\n  const [error, setError] = useState({status: 'E', text: ''})\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [code, setCode] = useState(props.match?.params?.id ?? '')\r\n  const [copy, setCopy] = useState('')\r\n  const [copyMessage, setCopyMessage] = useState('')\r\n  const [copyMessageStatus, setCopyMessageStatus] = useState('')\r\n  const [{user, token}, dispatch] = useDataLayerValue()\r\n  const [orginalPacket, setOrginalPacket] = useState('')\r\n  const [clonePacket, setClonePacket] = useState('')\r\n  const [notification, setNotification] = useState([])\r\n  const [job, setJobs] = useState([])\r\n  const [facility, setFacility] = useState([])\r\n  //const [{token}, dispatch] = useDataLayerValue()\r\n\r\n  const [state, setState] = useState({\r\n    code: props.match?.params?.id ?? '',\r\n    comment: '',\r\n  })\r\n\r\n  const validationRules = Yup.object().shape({\r\n    comment: Yup.string().required('Required'),\r\n  })\r\n\r\n  useEffect(() => {\r\n    const id = props.match?.params?.id ?? ''\r\n    const sector = props.match?.params?.sector ?? ''\r\n    if (id === '') {\r\n      setInitialLoading(false)\r\n      return\r\n    }\r\n\r\n    const getNotificationType = axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: `${process.env.REACT_APP_BACKEND_API}/api/get-notification-type?sector=${sector}`,\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n\r\n    const getSheduleJobs = axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: `${process.env.REACT_APP_BACKEND_API}/api/get-notification-shedulejob?sector=${sector}`,\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n    const getfacility = axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: `${process.env.REACT_APP_BACKEND_API}/api/get-notification-facility?sector=${sector}`,\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n\r\n    const getFormDetails = axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/alerts/' + id,\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n\r\n    axios\r\n      .all([getFormDetails, getNotificationType, getSheduleJobs, getfacility])\r\n      .then(\r\n        axios.spread((...responses) => {\r\n          console.log(responses[0])\r\n          const getFormDetailsResponse = responses[0]\r\n          const getnotifications = responses[1]\r\n          const getJobs = responses[2]\r\n          const getfacility = responses[3]\r\n\r\n          setNotification(getnotifications?.data)\r\n          setJobs(getJobs?.data)\r\n          setFacility(getfacility.data)\r\n          setState(getFormDetailsResponse?.data.data)\r\n          setInitialLoading(false)\r\n        })\r\n      )\r\n      .catch(function (error) {\r\n        handleErros(error)\r\n      })\r\n  }, [])\r\n\r\n  if (InitialLoading) return <Loading />\r\n\r\n  function handleErros(error) {\r\n    if (error?.response?.status === 401) {\r\n      dispatch({\r\n        type: 'SET_TOKEN',\r\n        token: null,\r\n      })\r\n      return\r\n    }\r\n\r\n    setSubmitting(false)\r\n    if (error?.response?.data?.status === 'E') {\r\n      setError(error?.response?.data)\r\n      return\r\n    }\r\n    const message = Object.entries(error?.response?.data?.errors)\r\n      .map(([key, value]) => value)\r\n      .join(',')\r\n    setError({status: 'E', text: message})\r\n  }\r\n\r\n  function handleChange2(e) {\r\n    setCopy(e.target.value)\r\n  }\r\n\r\n  function handleChangeOrginalPacket(e) {\r\n    setOrginalPacket(e.target.value)\r\n  }\r\n\r\n  function handleChangeClonePacket(e) {\r\n    setClonePacket(e.target.value)\r\n  }\r\n\r\n  if (isSubmitting) return <Loading />\r\n\r\n  return (\r\n    <>\r\n      <Formik\r\n        initialValues={state}\r\n        validationSchema={validationRules}\r\n        onSubmit={(values, {}) => {\r\n          values.status = 'Closed'\r\n          setSubmitting(true)\r\n          setTimeout(() => {\r\n            let config = axioDefaultConfig\r\n            config = {\r\n              ...axioDefaultConfig,\r\n              method: 'post',\r\n              url: process.env.REACT_APP_BACKEND_API + '/api/update-alertx',\r\n              data: values,\r\n              headers: {\r\n                ...axioDefaultConfig.headers,\r\n                Authorization: 'Bearer ' + token,\r\n              },\r\n            }\r\n            axios(config)\r\n              .then(function (response) {\r\n                const getFormDetails = axios({\r\n                  ...axioDefaultConfig,\r\n                  method: 'get',\r\n                  url: process.env.REACT_APP_BACKEND_API + '/api/alerts/' + state.code,\r\n                  headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n                })\r\n                axios\r\n                  .all([getFormDetails])\r\n                  .then(\r\n                    axios.spread((...responses) => {\r\n                      const getFormDetailsResponse = responses[0]\r\n                      setState(getFormDetailsResponse?.data.data)\r\n                      setSubmitting(false)\r\n                    })\r\n                  )\r\n                  .catch(function (error) {\r\n                    handleErros(error)\r\n                  })\r\n              })\r\n              .catch(function (error) {\r\n                handleErros(error)\r\n              })\r\n          }, 200)\r\n        }}\r\n      >\r\n        {({values, errors, touched, handleChange, handleBlur, handleSubmit}) => (\r\n          <Form onSubmit={handleSubmit}>\r\n            <PageTitle breadcrumbs={breadCrumb}>Alert!!</PageTitle>\r\n            <div className='row gy-5 g-xl-12'>\r\n              <div className='card mb-5 mb-xl-10'>\r\n                <div\r\n                  className='card-header border-0 cursor-pointer'\r\n                  role='button'\r\n                  data-bs-toggle='collapse'\r\n                  data-bs-target='#kt_account_profile_details'\r\n                  aria-expanded='true'\r\n                  aria-controls='kt_account_profile_details'\r\n                >\r\n                  <div className='card-title m-0'>\r\n                    <h3 className='fw-bolder m-0'>Alert Information</h3>\r\n                  </div>\r\n                </div>\r\n\r\n                <div id='kt_account_profile_details' className='collapse show'>\r\n                  <div className='form'>\r\n                    <ErrorMessage error={error} />\r\n                    <div className='card-body border-top p-9'>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>Alert Code</label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='formatCode'\r\n                                value={values.formatCode}\r\n                                disabled={code !== '' ? true : false}\r\n                              />\r\n                              {/*    <span style={{color: 'gray', fontStyle: 'italic'}}>\r\n                                Code does not have space or special characters,all characters should\r\n                                be LowerCase\r\n                              </span>\r\n                              */}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label fw-bold fs-6'>Status</label>\r\n\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='status'\r\n                                value={values.status}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='priority'\r\n                                value={values.priority}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>Facility</label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <select\r\n                                className='form-select form-select-solid form-select-lg mb-3 mb-lg-0'\r\n                                name='fK_Layout'\r\n                                value={values.fK_Layout}\r\n                              >\r\n                                <option value=''>Facility</option>\r\n                                {facility.map((d, key) => (\r\n                                  <option value={d['code']}>{d['name']}</option>\r\n                                ))}\r\n                              </select>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>About Alert</label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <textarea\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='description'\r\n                                value={values.description}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>\r\n                          Notification Type\r\n                        </label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <select\r\n                                className='form-select form-select-solid form-select-lg mb-3 mb-lg-0'\r\n                                name='fK_NotificationCode'\r\n                                value={values.fK_NotificationCode}\r\n                              >\r\n                                <option value=''>Notifications</option>\r\n                                {notification.map((d, key) => (\r\n                                  <option value={d['code']}>{d['name']}</option>\r\n                                ))}\r\n                              </select>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>\r\n                          Trigger/Shedule\r\n                        </label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <select\r\n                                className='form-select form-select-solid form-select-lg mb-3 mb-lg-0'\r\n                                name='fK_SheduleJobCode'\r\n                                value={values.fK_SheduleJobCode}\r\n                              >\r\n                                <option value=''>Notifications</option>\r\n                                {job.map((d, key) => (\r\n                                  <option value={d['code']}>{d['name']}</option>\r\n                                ))}\r\n                              </select>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label fw-bold fs-6'>\r\n                          Created By & DateTime\r\n                        </label>\r\n\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='createdBy'\r\n                                value={values.createdBy}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='createdOn'\r\n                                value={values.createdOn}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label fw-bold fs-6'>\r\n                          Auto Resolved By & DateTime\r\n                        </label>\r\n\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='resolvedBy'\r\n                                value={values.resolvedBy}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='resolvedOn'\r\n                                value={values.resolvedOn}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>Remark</label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <textarea\r\n                                rows='8'\r\n                                cols='50'\r\n                                onChange={handleChange}\r\n                                onBlur={handleBlur}\r\n                                value={values.comment}\r\n                                name='comment'\r\n                                className='form-control  form-control-solid '\r\n                                placeholder='Remark'\r\n                                type='text'\r\n                              />\r\n                              {errors.comment && touched.comment ? (\r\n                                <div className='text-danger fs-7 fw-bolder'>{errors.comment}</div>\r\n                              ) : null}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label fw-bold fs-6'>\r\n                          Closed By/Checked & Verified\r\n                        </label>\r\n\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='closedBy'\r\n                                value={values.closedBy}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                        <div className='col-lg-4'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='closedOn'\r\n                                value={values.closedOn}\r\n                              />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className='card-footer d-flex justify-content-end py-6 px-9'>\r\n                      <a type='reset' className='btn btn-light me-3' href={'/alerts/open'}>\r\n                        Discard\r\n                      </a>\r\n                      {values.status !== 'Closed' && (\r\n                        <button type='submit' className='btn btn-primary' disabled={isSubmitting}>\r\n                          <span className='indicator-progress' style={{display: 'block'}}>\r\n                            {!isSubmitting && (\r\n                              <span className='indicator-label'>\r\n                                Closed &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                              </span>\r\n                            )}\r\n                            {isSubmitting && (\r\n                              <span className='indicator-progress' style={{display: 'block'}}>\r\n                                <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                              </span>\r\n                            )}\r\n                          </span>\r\n                        </button>\r\n                      )}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </Form>\r\n        )}\r\n      </Formik>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Alert\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {useTable, useFilters, useGlobalFilter, usePagination, useAsyncDebounce} from 'react-table'\r\nimport axios from 'axios'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {axioDefaultConfig} from '../helpers/commonResource'\r\n\r\nconst breadCrumb = [\r\n  {\r\n    title: 'Home',\r\n    path: '/dashboard',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: '',\r\n    path: '',\r\n    isSeparator: true,\r\n    isActive: false,\r\n  },\r\n]\r\n\r\nlet data = []\r\nfunction GlobalFilter({preGlobalFilteredRows, globalFilter, setGlobalFilter}) {\r\n  //const count = preGlobalFilteredRows.length\r\n  const [value, setValue] = React.useState(globalFilter)\r\n\r\n  const onChange = (value) => {\r\n    setGlobalFilter(value)\r\n  }\r\n\r\n  return (\r\n    <div className='w-100 position-relative' autoComplete='off'>\r\n      <KTSVG\r\n        path='/media/icons/duotune/general/gen021.svg'\r\n        className='svg-icon-2 svg-icon-lg-1 svg-icon-gray-500 position-absolute top-50 ms-5 translate-middle-y'\r\n      />\r\n\r\n      <input\r\n        type='text'\r\n        className='form-control form-control-solid px-15'\r\n        name='search'\r\n        placeholder='Search'\r\n        value={value || ''}\r\n        onChange={(e) => {\r\n          setValue(e.target.value)\r\n          onChange(e.target.value)\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction TablesWidget10() {\r\n  const columns = React.useMemo(\r\n    () => [\r\n      {\r\n        Header: ' ',\r\n        columns: [\r\n          {\r\n            accessor: 'code',\r\n          },\r\n          {\r\n            accessor: 'description',\r\n          },\r\n        ],\r\n      },\r\n    ],\r\n    []\r\n  )\r\n\r\n  const {\r\n    getTableProps,\r\n    getTableBodyProps,\r\n    headerGroups,\r\n    prepareRow,\r\n    page,\r\n    canPreviousPage,\r\n    canNextPage,\r\n    pageOptions,\r\n    pageCount,\r\n    gotoPage,\r\n    nextPage,\r\n    previousPage,\r\n    setPageSize,\r\n    state: {pageIndex, pageSize, globalFilter},\r\n    preGlobalFilteredRows,\r\n    setGlobalFilter,\r\n  } = useTable(\r\n    {\r\n      columns,\r\n      data,\r\n      initialState: {pageIndex: 0, pageSize: 20, globalFilter: ''},\r\n    },\r\n    useGlobalFilter,\r\n    usePagination\r\n  )\r\n  const [error, setError] = useState({status: 'E', text: ''})\r\n  const [InitialLoading, setInitialLoading] = useState(true)\r\n  //const [{token, user}, dispatch] = useDataLayerValue()\r\n\r\n  function handleErros(error) {\r\n    if (error?.response?.status === 401) {\r\n      /*  dispatch({\r\n        type: 'SET_TOKEN',\r\n        token: null,\r\n      }) */\r\n      return\r\n    }\r\n\r\n    if (error?.response?.data?.status === 'E') {\r\n      setError(error?.response?.data)\r\n      return\r\n    }\r\n    const message = Object.entries(error?.response?.data?.errors)\r\n      .map(([key, value]) => value)\r\n      .join(',')\r\n    setError({status: 'E', text: message})\r\n  }\r\n\r\n  /// Loading\r\n  useEffect(() => {\r\n    console.log('asa')\r\n    axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/groups',\r\n      // headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n      .then(function (response) {\r\n        setInitialLoading(false)\r\n        if (response?.data?.status === 'S') {\r\n          data = response?.data?.result\r\n          setGlobalFilter('')\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        handleErros(error)\r\n      })\r\n  }, [])\r\n\r\n  if (InitialLoading) return <Loading />\r\n\r\n  return (\r\n    <div className={`card`}>\r\n      {/* begin::Header */}\r\n      <div className='card-header border-0 pt-5'>\r\n        <h3 className='card-title align-items-start flex-column'>\r\n          <span className='card-label fw-bolder fs-3 mb-1'>All Groups</span>\r\n          <span className='text-muted mt-1 fw-bold fs-7'> {data.length} Registered</span>\r\n        </h3>\r\n        <ErrorMessage error={error} />\r\n        <div\r\n          className='card-toolbar'\r\n          data-bs-toggle='tooltip'\r\n          data-bs-placement='top'\r\n          data-bs-trigger='hover'\r\n          title='Click to add a user'\r\n        >\r\n          <div className='me-4'>\r\n            <GlobalFilter\r\n              preGlobalFilteredRows={preGlobalFilteredRows}\r\n              globalFilter={''}\r\n              setGlobalFilter={setGlobalFilter}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* end::Header */}\r\n      {/* begin::Body */}\r\n      <div className='card-body py-3'>\r\n        {/* begin::Table container */}\r\n        <div className='table-responsive'>\r\n          {/* begin::Table */}\r\n          <table\r\n            className='table table-row-dashed table-row-gray-300 align-middle gs-0 gy-4'\r\n            {...getTableProps()}\r\n          >\r\n            <thead>\r\n              <td className='text-gray-600 text-gray-800 fw-bolder'>Name</td>\r\n            </thead>\r\n            <tbody {...getTableBodyProps()}>\r\n              {page.length === 0 && (\r\n                <tr>\r\n                  <td colSpan={7}>\r\n                    <b>No Data Found!</b>\r\n                  </td>\r\n                </tr>\r\n              )}\r\n              {page.map((row, i) => {\r\n                prepareRow(row)\r\n                return (\r\n                  <tr {...row.getRowProps()}>\r\n                    {/* {row.cells.map((cell) => {\r\n                      return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>\r\n                    })}*/}\r\n                    <td>{row.values.code + ' ' + row.values.description}</td>\r\n                    <td>\r\n                      <div className='d-flex justify-content-end flex-shrink-0'>\r\n                        <a\r\n                          target={'_blank'}\r\n                          href={'/group-layout/' + row.values.code}\r\n                          className='btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1'\r\n                        >\r\n                          <i class='bi bi-eye'></i>\r\n                        </a>\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                )\r\n              })}\r\n            </tbody>\r\n          </table>\r\n          {/* \r\n      Pagination can be built however you'd like. \r\n      This is just a very basic UI implementation:\r\n    */}\r\n          <ul className='pagination'>\r\n            <li className='page-item' onClick={() => gotoPage(0)} disabled={!canPreviousPage}>\r\n              <a className='page-link'>First</a>\r\n            </li>\r\n            <li className='page-item' onClick={() => previousPage()} disabled={!canPreviousPage}>\r\n              <a className='page-link'>{'<'}</a>\r\n            </li>\r\n            <li className='page-item' onClick={() => nextPage()} disabled={!canNextPage}>\r\n              <a className='page-link'>{'>'}</a>\r\n            </li>\r\n            <li\r\n              className='page-item'\r\n              onClick={() => gotoPage(pageCount - 1)}\r\n              disabled={!canNextPage}\r\n            >\r\n              <a className='page-link'>Last</a>\r\n            </li>\r\n            <li>\r\n              <a className='page-link'>\r\n                Page{' '}\r\n                <strong>\r\n                  {pageIndex + 1} of {pageOptions.length}\r\n                </strong>{' '}\r\n              </a>\r\n            </li>\r\n            <li>\r\n              <a className='page-link'>\r\n                <input\r\n                  className='page-link'\r\n                  type='number'\r\n                  defaultValue={pageIndex + 1}\r\n                  onChange={(e) => {\r\n                    const page = e.target.value ? Number(e.target.value) - 1 : 0\r\n                    gotoPage(page)\r\n                  }}\r\n                  style={{width: '100px', height: '20px'}}\r\n                />\r\n              </a>\r\n            </li>{' '}\r\n            <select\r\n              className='page-link'\r\n              value={pageSize}\r\n              onChange={(e) => {\r\n                setPageSize(Number(e.target.value))\r\n              }}\r\n              style={{width: '120px', height: '38px'}}\r\n            >\r\n              {[5, 10, 20, 30, 40, 50].map((pageSize) => (\r\n                <option key={pageSize} value={pageSize}>\r\n                  Show {pageSize}\r\n                </option>\r\n              ))}\r\n            </select>\r\n          </ul>\r\n        </div>\r\n        {/* end::Table container */}\r\n      </div>\r\n      {/* begin::Body */}\r\n    </div>\r\n  )\r\n}\r\n\r\nfunction AllGroups() {\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumb}>All Group(s)</PageTitle>\r\n      <div className='row gy-5 g-xl-12'>\r\n        <TablesWidget10 />\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default AllGroups\r\n","import {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport React, {useEffect, useState} from 'react'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport axios from 'axios'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport * as Yup from 'yup'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {axioDefaultConfig, options, phoneRegex, validcoderegex} from '../helpers/commonResource'\r\nimport {date} from 'yup/lib/locale'\r\nimport SensorIndex from '../../ui/sensor/config/index'\r\n\r\nconst zoomCategory = [\r\n  {label: 'Zoom', value: true},\r\n  {label: '-', value: false},\r\n]\r\n\r\nconst breadCrumb = [\r\n  {\r\n    title: 'Home',\r\n    path: '/dashboard',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: 'All Layout',\r\n    path: '/all-layouts',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: '',\r\n    path: '',\r\n    isSeparator: true,\r\n    isActive: false,\r\n  },\r\n]\r\n\r\nfunction NewLayout(props) {\r\n  const [InitialLoading, setInitialLoading] = useState(true)\r\n  const [error, setError] = useState({status: 'E', text: ''})\r\n  const [isSubmitting, setSubmitting] = useState(false)\r\n  const [code, setCode] = useState(props.match?.params?.id ?? '')\r\n  const [copy, setCopy] = useState('')\r\n  const [copyMessage, setCopyMessage] = useState('')\r\n  const [copyMessageStatus, setCopyMessageStatus] = useState('')\r\n\r\n  const [orginalPacket, setOrginalPacket] = useState('')\r\n  const [clonePacket, setClonePacket] = useState('')\r\n\r\n  //const [{token}, dispatch] = useDataLayerValue()\r\n\r\n  const [state, setState] = useState({\r\n    code: props.match?.params?.id ?? '',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isImageChanged: false,\r\n    isZoom: false,\r\n    group: '',\r\n    packages: '',\r\n    width: '',\r\n    height: '',\r\n    globalJs: '',\r\n    globalCss: '',\r\n    hub: '',\r\n    isActive: false,\r\n  })\r\n\r\n  const validationRules = Yup.object().shape({\r\n    code: Yup.string()\r\n      .matches(validcoderegex, 'Code does not have space or special characters')\r\n      .min(2, 'Too Short!')\r\n      .max(100, 'Too Long!')\r\n      .required('Required'),\r\n    layoutName: Yup.string().min(2, 'Too Short!').max(100, 'Too Long!').required('Required'),\r\n    hub: Yup.string().required('Required'),\r\n  })\r\n\r\n  useEffect(() => {\r\n    const id = props.match?.params?.id ?? ''\r\n\r\n    if (id === '') {\r\n      setInitialLoading(false)\r\n      return\r\n    }\r\n\r\n    const getFormDetails = axios({\r\n      ...axioDefaultConfig,\r\n      method: 'get',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/sensor-monitor/layout?layout=' + id,\r\n      // headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n\r\n    axios\r\n      .all([getFormDetails])\r\n      .then(\r\n        axios.spread((...responses) => {\r\n          const getFormDetailsResponse = responses[0]\r\n          if (getFormDetailsResponse?.data.status == 'S') {\r\n            setState(getFormDetailsResponse?.data.result)\r\n            setInitialLoading(false)\r\n          }\r\n        })\r\n      )\r\n      .catch(function (error) {\r\n        handleErros(error)\r\n      })\r\n  }, [])\r\n\r\n  if (InitialLoading) return <Loading />\r\n\r\n  function handleErros(error) {\r\n    if (error?.response?.status === 401) {\r\n      /*dispatch({\r\n          type: 'SET_TOKEN',\r\n          token: null,\r\n        })*/\r\n      return\r\n    }\r\n\r\n    setSubmitting(false)\r\n    if (error?.response?.data?.status === 'E') {\r\n      setError(error?.response?.data)\r\n      return\r\n    }\r\n    const message = Object.entries(error?.response?.data?.errors)\r\n      .map(([key, value]) => value)\r\n      .join(',')\r\n    setError({status: 'E', text: message})\r\n  }\r\n\r\n  function onCopied() {\r\n    setSubmitting(true)\r\n    setCopyMessageStatus('')\r\n    setCopyMessage('')\r\n\r\n    setTimeout(() => {\r\n      let config = axioDefaultConfig\r\n      config = {\r\n        ...axioDefaultConfig,\r\n        method: 'post',\r\n        url:\r\n          process.env.REACT_APP_BACKEND_API +\r\n          '/api/sensor-monitor/Copy?layout=' +\r\n          code +\r\n          '&copy=' +\r\n          copy,\r\n        data: [{orginal: orginalPacket, replace: clonePacket}],\r\n        /*   headers: {\r\n                    ...axioDefaultConfig.headers,\r\n                    Authorization: 'Bearer ' + token,\r\n                  },*/\r\n      }\r\n      axios(config)\r\n        .then(function (response) {\r\n          setSubmitting(false)\r\n          setCopyMessage(response?.data?.text)\r\n          if (response?.data?.status === 'S') {\r\n            setCopyMessageStatus(copy)\r\n            setCopy('')\r\n            setOrginalPacket('')\r\n            setClonePacket('')\r\n          }\r\n        })\r\n        .catch(function (error) {\r\n          alert(error)\r\n          setSubmitting(false)\r\n        })\r\n    }, 200)\r\n  }\r\n\r\n  function handleChange2(e) {\r\n    setCopy(e.target.value)\r\n  }\r\n\r\n  function handleChangeOrginalPacket(e) {\r\n    setOrginalPacket(e.target.value)\r\n  }\r\n\r\n  function handleChangeClonePacket(e) {\r\n    setClonePacket(e.target.value)\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Formik\r\n        initialValues={state}\r\n        validationSchema={validationRules}\r\n        onSubmit={(values, {}) => {\r\n          values.isZoom = values.isZoom == 'true' ? true : false\r\n          setSubmitting(true)\r\n          setTimeout(() => {\r\n            let config = axioDefaultConfig\r\n            config = {\r\n              ...axioDefaultConfig,\r\n              method: 'post',\r\n              url:\r\n                process.env.REACT_APP_BACKEND_API +\r\n                '/api/sensor-monitor/layout?layout=' +\r\n                code,\r\n              data: values,\r\n              /*   headers: {\r\n                    ...axioDefaultConfig.headers,\r\n                    Authorization: 'Bearer ' + token,\r\n                  },*/\r\n            }\r\n            axios(config)\r\n              .then(function (response) {\r\n                setSubmitting(false)\r\n                setError(response?.data)\r\n                if (response?.data?.status === 'S') {\r\n                  values.code = response?.data?.result.code\r\n                  if (response?.data?.result.code !== '') {\r\n                    setCode(values.code)\r\n                  }\r\n                }\r\n              })\r\n              .catch(function (error) {\r\n                handleErros(error)\r\n              })\r\n          }, 200)\r\n        }}\r\n      >\r\n        {({values, errors, touched, handleChange, handleBlur, handleSubmit}) => (\r\n          <Form onSubmit={handleSubmit}>\r\n            {state.code !== '' && <PageTitle breadcrumbs={breadCrumb}>New Layout</PageTitle>}\r\n            {state.code === '' && <PageTitle breadcrumbs={breadCrumb}>Update Layout</PageTitle>}\r\n            <div className='row gy-5 g-xl-12'>\r\n              <div className='card mb-5 mb-xl-10'>\r\n                <div\r\n                  className='card-header border-0 cursor-pointer'\r\n                  role='button'\r\n                  data-bs-toggle='collapse'\r\n                  data-bs-target='#kt_account_profile_details'\r\n                  aria-expanded='true'\r\n                  aria-controls='kt_account_profile_details'\r\n                >\r\n                  <div className='card-title m-0'>\r\n                    {state.code !== '' && <h3 className='fw-bolder m-0'>New Layout</h3>}\r\n                    {state.code === '' && <h3 className='fw-bolder m-0'>Update Layout</h3>}\r\n                  </div>\r\n                </div>\r\n\r\n                <div id='kt_account_profile_details' className='collapse show'>\r\n                  <div className='form'>\r\n                    <ErrorMessage error={error} />\r\n                    <div className='card-body border-top p-9'>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label required fw-bold fs-6'>\r\n                          Code\r\n                        </label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='code'\r\n                                onChange={handleChange}\r\n                                onBlur={handleBlur}\r\n                                value={values.code}\r\n                                disabled={code !== '' ? true : false}\r\n                              />\r\n                              <span style={{color: 'gray', fontStyle: 'italic'}}>\r\n                                Code does not have space or special characters,all characters should\r\n                                be LowerCase\r\n                              </span>\r\n                              {errors.code && touched.code ? (\r\n                                <div className='text-danger fs-7 fw-bolder'>{errors.code}</div>\r\n                              ) : null}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label required fw-bold fs-6'>\r\n                          Description\r\n                        </label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                name='layoutName'\r\n                                onChange={handleChange}\r\n                                onBlur={handleBlur}\r\n                                value={values.layoutName}\r\n                              />\r\n                              {errors.layoutName && touched.layoutName ? (\r\n                                <div className='text-danger fs-7 fw-bolder'>\r\n                                  {errors.layoutName}\r\n                                </div>\r\n                              ) : null}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label required fw-bold fs-6'>Hub</label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <select\r\n                                className='form-select form-select-solid form-select-lg mb-3 mb-lg-0'\r\n                                name='hub'\r\n                                onChange={handleChange}\r\n                                onBlur={handleBlur}\r\n                                value={values.hub}\r\n                              >\r\n                                <option value=''>Please Select HUB</option>\r\n                                <option value='Automation/Hub'>General Hub</option>\r\n                              </select>\r\n                              {errors.hub && touched.hub ? (\r\n                                <div className='text-danger fs-7 fw-bolder'>{errors.hub}</div>\r\n                              ) : null}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label required fw-bold fs-6'>\r\n                          Zoom\r\n                        </label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <select\r\n                                className='form-select form-select-solid form-select-lg mb-3 mb-lg-0'\r\n                                name='isZoom'\r\n                                onChange={handleChange}\r\n                                onBlur={handleBlur}\r\n                                value={values.isZoom}\r\n                              >\r\n                                <option value='true'>Full Screen</option>\r\n                                <option value='false'>Normal Size</option>\r\n                              </select>\r\n                              {errors.isZoom && touched.isZoom ? (\r\n                                <div className='text-danger fs-7 fw-bolder'>{errors.isZoom}</div>\r\n                              ) : null}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      {(values.isZoom === 'false' || values.isZoom === false) && (\r\n                        <>\r\n                          {(values.packages === '' ||\r\n                            values.packages === undefined ||\r\n                            values.packages === null) && (\r\n                            <>\r\n                              <div className='row mb-6'>\r\n                                <label className='col-lg-4 col-form-label fw-bold fs-6'>\r\n                                  Group\r\n                                </label>\r\n\r\n                                <div className='col-lg-8'>\r\n                                  <div className='row'>\r\n                                    <div className='col-lg-12 fv-row'>\r\n                                      <input\r\n                                        type='text'\r\n                                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                        name='group'\r\n                                        onChange={handleChange}\r\n                                        onBlur={handleBlur}\r\n                                        value={values.group}\r\n                                      />\r\n                                      {errors.group && touched.group ? (\r\n                                        <div className='text-danger fs-7 fw-bolder'>\r\n                                          {errors.group}\r\n                                        </div>\r\n                                      ) : null}\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </>\r\n                          )}\r\n\r\n                          {(values.group === '' ||\r\n                            values.group === undefined ||\r\n                            values.group === null) && (\r\n                            <>\r\n                              <div className='row mb-6'>\r\n                                <label className='col-lg-4 col-form-label fw-bold fs-6'>\r\n                                  Packages\r\n                                </label>\r\n\r\n                                <div className='col-lg-8'>\r\n                                  <div className='row'>\r\n                                    <div className='col-lg-12 fv-row'>\r\n                                      <textarea\r\n                                        type='text'\r\n                                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                        name='packages'\r\n                                        onChange={handleChange}\r\n                                        onBlur={handleBlur}\r\n                                        value={values.packages}\r\n                                      />\r\n                                      <span className='fs-7 fw-bold text-muted'>\r\n                                        Add multiple packet names with comma seprator ex:\r\n                                        Boiler.power1,Boiler.power2,'Boiler.power3\r\n                                      </span>\r\n                                      {errors.packages && touched.packages ? (\r\n                                        <div className='text-danger fs-7 fw-bolder'>\r\n                                          {errors.packages}\r\n                                        </div>\r\n                                      ) : null}\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div className='row mb-6'>\r\n                                <label className='col-lg-4 col-form-label fw-bold fs-6'>\r\n                                  Dimension (Width X Height)\r\n                                  <br />\r\n                                  <span className='fs-7 fw-bold text-muted'>\r\n                                    300 X 400 all values need to mention in px\r\n                                  </span>\r\n                                </label>\r\n\r\n                                <div className='col-lg-4'>\r\n                                  <div className='row'>\r\n                                    <div className='col-lg-12 fv-row'>\r\n                                      <input\r\n                                        type='number'\r\n                                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                        name='width'\r\n                                        onChange={handleChange}\r\n                                        onBlur={handleBlur}\r\n                                        value={values.width}\r\n                                      />\r\n                                      {errors.width && touched.width ? (\r\n                                        <div className='text-danger fs-7 fw-bolder'>\r\n                                          {errors.width}\r\n                                        </div>\r\n                                      ) : null}\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                                <div className='col-lg-4'>\r\n                                  <div className='row'>\r\n                                    <div className='col-lg-12 fv-row'>\r\n                                      <input\r\n                                        type='number'\r\n                                        className='form-control form-control-lg form-control-solid mb-3 mb-lg-0'\r\n                                        name='height'\r\n                                        onChange={handleChange}\r\n                                        onBlur={handleBlur}\r\n                                        value={values.height}\r\n                                      />\r\n                                      {errors.height && touched.height ? (\r\n                                        <div className='text-danger fs-7 fw-bolder'>\r\n                                          {errors.height}\r\n                                        </div>\r\n                                      ) : null}\r\n                                    </div>\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </>\r\n                          )}\r\n                        </>\r\n                      )}\r\n\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>GLobal Code</label>\r\n\r\n                        <div className='col-lg-8'>\r\n                          <div className='row'>\r\n                            <div className='col-lg-12 fv-row'>\r\n                              <textarea\r\n                                rows='8'\r\n                                cols='50'\r\n                                onChange={handleChange}\r\n                                onBlur={handleBlur}\r\n                                value={values.globalJs}\r\n                                name='globalJs'\r\n                                className='form-control  form-control-solid '\r\n                                placeholder='JS'\r\n                                type='text'\r\n                              />\r\n                              {errors.globalJs && touched.globalJs ? (\r\n                                <div className='text-danger fs-7 fw-bolder'>{errors.globalJs}</div>\r\n                              ) : null}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className='row mb-6'>\r\n                        <label className='col-lg-4 col-form-label  fw-bold fs-6'>Active</label>\r\n\r\n                        <div className='col-lg-8 d-flex align-items-center'>\r\n                          <div className='form-check form-check-solid form-switch fv-row'>\r\n                            <input\r\n                              className='form-check-input w-45px h-30px'\r\n                              type='checkbox'\r\n                              name='isActive'\r\n                              onChange={handleChange}\r\n                              onBlur={handleBlur}\r\n                              checked={values.isActive}\r\n                            />\r\n                            <label className='form-check-label'></label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div className='card-footer d-flex justify-content-end py-6 px-9'>\r\n                      <button type='submit' className='btn btn-primary' disabled={isSubmitting}>\r\n                        <span className='indicator-progress' style={{display: 'block'}}>\r\n                          {!isSubmitting && (\r\n                            <span className='indicator-label'>\r\n                              Save &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                            </span>\r\n                          )}\r\n                          {isSubmitting && (\r\n                            <span className='indicator-progress' style={{display: 'block'}}>\r\n                              <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                            </span>\r\n                          )}\r\n                        </span>\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              {code !== '' && (\r\n                <div className='notice d-flex bg-light-warning rounded border-warning border border-dashed p-6'>\r\n                  <KTSVG\r\n                    path='icons/duotune/general/gen044.svg'\r\n                    className='svg-icon-2tx svg-icon-warning me-4'\r\n                  />\r\n                  <div className='d-flex flex-stack flex-grow-1'>\r\n                    <div className='fw-bold'>\r\n                      <h4 className='text-gray-800 fw-bolder'>Design Template</h4>\r\n                      <div className='fs-6 text-gray-600'>\r\n                        Using below link you can design the layout\r\n                        <a className='fw-bolder' href={'/all-layouts/design/' + code}>\r\n                          {' '}\r\n                          Go to Design\r\n                        </a>\r\n                        .\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              <div className='notice d-flex bg-light-info rounded border-info border border-dashed p-6'>\r\n                <KTSVG\r\n                  path='icons/duotune/general/gen044.svg'\r\n                  className='svg-icon-2tx svg-icon-warning me-4'\r\n                />\r\n                <div className='d-flex flex-stack flex-grow-1'>\r\n                  <div className='fw-bold'>\r\n                    <h4 className='text-gray-800 fw-bolder'>MQTT Monitoring Dashboard</h4>\r\n                    <div className='fs-6 text-gray-600'>\r\n                      Using below link you can monitor & manage the mqtt actions,\r\n                      {/*  <b>Username</b> : admin {' '}<b>Password</b> : admin1234*/}{' '}\r\n                      <a\r\n                        className='fw-bolder'\r\n                        target={'_blank'}\r\n                        href={'http://10.137.224.100:15672'}\r\n                      >\r\n                        Go to dashbaord\r\n                      </a>\r\n                      .\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <hr />\r\n              {code !== '' && (\r\n                <div className='notice d-flex bg-light rounded border-info border border-dashed p-6'>\r\n                  <KTSVG\r\n                    path='icons/duotune/general/gen044.svg'\r\n                    className='svg-icon-2tx svg-icon-warning me-4'\r\n                  />\r\n                  <div className='d-flex flex-stack flex-grow-1'>\r\n                    <div className='fw-bold'>\r\n                      <h4 className='text-gray-800 fw-bolder'>Copy Layout</h4>\r\n                      <div className='fs-6 text-gray-600'>\r\n                        Using below link you can copy the design the layout\r\n                        <table>\r\n                          <tr>\r\n                            <td>\r\n                              Layout Name\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg  mb-3 mb-lg-0'\r\n                                onChange={handleChange2}\r\n                                value={copy}\r\n                                name='layoutName'\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              Current Packet Name\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg  mb-3 mb-lg-0'\r\n                                onChange={handleChangeOrginalPacket}\r\n                                value={orginalPacket}\r\n                                name='orginalPacket'\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              Change Packet Name\r\n                              <input\r\n                                type='text'\r\n                                className='form-control form-control-lg  mb-3 mb-lg-0'\r\n                                onChange={handleChangeClonePacket}\r\n                                value={clonePacket}\r\n                                name='clonePacket'\r\n                              />\r\n                            </td>\r\n                            <td>\r\n                              <br />\r\n                              <button\r\n                                type='button'\r\n                                className='btn btn-primary'\r\n                                onClick={onCopied}\r\n                                disabled={isSubmitting}\r\n                              >\r\n                                <span className='indicator-progress' style={{display: 'block'}}>\r\n                                  {!isSubmitting && (\r\n                                    <span className='indicator-label'>\r\n                                      Copy &nbsp; <i class='fas fa-chevron-right fs-1x'></i>\r\n                                    </span>\r\n                                  )}\r\n                                  {isSubmitting && (\r\n                                    <span className='indicator-progress' style={{display: 'block'}}>\r\n                                      <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                                    </span>\r\n                                  )}\r\n                                </span>\r\n                              </button>\r\n                            </td>\r\n                          </tr>\r\n                        </table>\r\n                        <div className='text-info fs-7 fw-bolder'>{copyMessage}</div>\r\n                        {copyMessageStatus !== '' && (\r\n                          <a className='fw-bolder' href={'/all-layouts/edit/' + copyMessageStatus}>\r\n                            {' '}\r\n                            View Layout\r\n                          </a>\r\n                        )}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </Form>\r\n        )}\r\n      </Formik>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default NewLayout\r\n","import {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport React, {useEffect, useState} from 'react'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport axios from 'axios'\r\nimport {Formik, Form, Field} from 'formik'\r\nimport * as Yup from 'yup'\r\nimport ErrorMessage from '../helpers/message'\r\nimport Loading from '../helpers/loading'\r\nimport {axioDefaultConfig, options, phoneRegex} from '../helpers/commonResource'\r\nimport {date} from 'yup/lib/locale'\r\nimport SensorIndex from '../../ui/sensor/config/index'\r\n\r\nconst breadCrumb = [\r\n  {\r\n    title: 'Home',\r\n    path: '/dashboard',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: 'All Layout',\r\n    path: '/all-layouts',\r\n    isSeparator: false,\r\n    isActive: false,\r\n  },\r\n  {\r\n    title: '',\r\n    path: '',\r\n    isSeparator: true,\r\n    isActive: false,\r\n  },\r\n]\r\n\r\nfunction Design(props) {\r\n  return <SensorIndex layout={props.match?.params?.id ?? ''} />\r\n}\r\n\r\nexport default Design\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  ChartsWidget1,\r\n  TablesWidget1,\r\n  ListsWidget5,\r\n  TablesWidget5,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport ReactJson from 'react-json-view'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {auto, right} from '@popperjs/core'\r\nvar randomColor = require('randomcolor')\r\n//import styles from './DebugPrint.css'\r\n\r\nfunction ObjectViewer(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(false)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const [DisplayName, setDisplayName] = useState('')\r\n  const [Hub, setHub] = useState('')\r\n\r\n  const sensors = useRef([])\r\n  const [filterList, setfilterList] = useState([])\r\n\r\n  const Filter = (e) => {\r\n    setDisplayName(e.target.value)\r\n    setLoading(true)\r\n    if (e.target.value == '') {\r\n      setTimeout(() => {\r\n        setfilterList(state.SensorList)\r\n        setLoading(false)\r\n      }, 1000)\r\n    } else {\r\n      setTimeout(() => {\r\n        setfilterList(\r\n          state.SensorList.filter(\r\n            (pk) =>\r\n              pk.Packet.toLowerCase().includes(e.target.value.toLowerCase()) ||\r\n              pk.Plant.toLowerCase().includes(e.target.value.toLowerCase())\r\n          )\r\n        )\r\n        setLoading(false)\r\n      }, 1000)\r\n    }\r\n  }\r\n\r\n  const HubFilter = (e) => {\r\n    setHub(e.target.value)\r\n    setLoading(true)\r\n    setTimeout(() => {\r\n      setfilterList([])\r\n    }, 1000)\r\n  }\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB //\"https://signalr.midassit.com\";\r\n  useEffect(() => {\r\n    const newConnection = new HubConnectionBuilder()\r\n      .withUrl(hubService + '/' + Hub + '/Hub')\r\n      .withAutomaticReconnect()\r\n      .build()\r\n    setConnection(newConnection)\r\n  }, [Hub])\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          reconnectRef.current = 0\r\n          console.log('Connected!')\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            console.log('Disconnected')\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            //console.log(message.data)\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            const result = sensors.current.find(\r\n              ({Packet, Plant}) => Packet === dataPacket.Packet && Plant === dataPacket?.Plant\r\n            )\r\n            if (result === undefined) {\r\n              sensors.current.push(dataPacket)\r\n              setState({\r\n                ...state,\r\n                SensorList: sensors.current,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n\r\n              setLoading(true)\r\n\r\n              if (DisplayName === '' || DisplayName === undefined) {\r\n                setTimeout(() => {\r\n                  setfilterList(sensors.current)\r\n                  setLoading(false)\r\n                }, 10)\r\n              } else {\r\n                setTimeout(() => {\r\n                  setfilterList(\r\n                    sensors.current.filter(\r\n                      (pk) =>\r\n                        pk.Packet.toLowerCase().includes(DisplayName.toLowerCase()) ||\r\n                        pk.Plant.toLowerCase().includes(DisplayName.toLowerCase())\r\n                    )\r\n                  )\r\n                  setLoading(false)\r\n                }, 10)\r\n              }\r\n            } else {\r\n              //console.log(dataPacket)\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          //   console.log('Connection failed: ', e);\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  const breadCrumb = [\r\n    {\r\n      title: 'Home',\r\n      path: '/dashboard',\r\n      isSeparator: false,\r\n      isActive: false,\r\n    },\r\n    {\r\n      title: '',\r\n      path: '',\r\n      isSeparator: true,\r\n      isActive: false,\r\n    },\r\n  ]\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumb}>Data Explorer</PageTitle>\r\n      <div className='row gy-5 g-xl-12'>\r\n        <div className={`card`}>\r\n          {/* begin::Header */}\r\n          <div className='card-header border-0 pt-5'>\r\n            <h3 className='card-title align-items-start flex-column'>\r\n              <span className='card-label fw-bolder fs-3 mb-1'>Data Explorer</span>\r\n              <span className='text-muted mt-1 fw-bold fs-7'>\r\n                {' '}\r\n                {state.SensorList.length} Packets Type Received\r\n              </span>\r\n            </h3>\r\n            <div className='card-toolbar'>\r\n              <table>\r\n                <tr>\r\n                  <td>\r\n                    <select\r\n                      className='form-select form-select-solid form-select-lg mb-2 mb-lg-0'\r\n                      onChange={(e) => HubFilter(e)}\r\n                      value={Hub}\r\n                    >\r\n                      <option value=''>Please Select HUB</option>\r\n                      <option value='Automation/Hub'>General Hub</option>\r\n                      <option value='pmp-Automation/Hub'>PMP Hub</option>\r\n                      <option value='wwl-Automation/Hub'>WWL Hub</option>\r\n                      <option value='bel-Automation/Hub'>BEL Hub</option>\r\n                      <option value='wwl-plant13-Automation/Hub'>WWL Plant13 Hub</option>\r\n                      <option value='wwl-gnt-automation/hub'>WWL GNT Plant Hub</option>\r\n                      <option value='pmp-kntting-automation/Hub'>PMP Kntting Hub</option>\r\n                      <option value='wwl-gnt-automation/hub'>WWL GNT Hub</option>\r\n                      <option value='pmp-kntting-automation/Hub'>PMP kntting Hub</option>\r\n                      <option value='test'>Kiosk Hub</option>\r\n                    </select>\r\n                  </td>\r\n                  <td>\r\n                    <input\r\n                      placeholder='Search Object by Plant or Packet...'\r\n                      className='form-control form-control-lg form-control-solid mb-2 mb-lg-0'\r\n                      value={DisplayName}\r\n                      onChange={(e) => Filter(e)}\r\n                      name='macid'\r\n                      type='text'\r\n                    />\r\n                  </td>\r\n                </tr>\r\n              </table>\r\n            </div>\r\n          </div>\r\n          {/* end::Header */}\r\n          {/* begin::Body */}\r\n          <div className='card-body py-3'>\r\n            {/* begin::Table container */}\r\n            <div className='table-responsive'>\r\n              <hr />\r\n              {!isloading ? (\r\n                <ReactJson src={filterList} />\r\n              ) : (\r\n                <span className='indicator-progress' style={{display: 'block'}}>\r\n                  {' '}\r\n                  <b>\r\n                    Loading\r\n                    <span className='spinner-border spinner-border-lg align-middle ms-2'></span>\r\n                  </b>{' '}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default ObjectViewer\r\n//https://codesandbox.io/s/k2ds4?file=/src/App.js:128-4341\r\n","export default function LoadingSentrum(props) {\r\n  return (\r\n    <div className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'>\r\n      <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n        <h1>Connecting...</h1>\r\n        <div className='w-lg-500px  p-10 p-lg-15 mx-auto'>\r\n          <div>\r\n            <span className='indicator-progress' style={{display: 'block', textAlign: 'center'}}>\r\n              <>\r\n                {props.state.DashboardStat}{' '}\r\n                <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n              </>\r\n              <br />\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {MixedWidget20_1} from '../../../_metronic/partials/widgets'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\n\r\nconst breadCrumbs = []\r\nfunction SectorManager(props) {\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const hubService = process.env.REACT_APP_BACKEND_API\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n // alert('MKD -' + JSON.stringify(props))\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    subSectors: [],\r\n    name: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    IsRefesh: false,\r\n    SensorList: [],\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n\r\n          reconnectRef.current = 0\r\n\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            if (\r\n              message.key !== 'SensorData' ||\r\n              message.packetType !== (props.match?.params?.sector ?? 'dream')\r\n            ) {\r\n              return\r\n            }\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            /* if (dataPacket.Packet != 'jkhfood') {\r\n              return\r\n            }*/\r\n\r\n            // if (\r\n            //   dataPacket.TimeStamp === undefined ||\r\n            //   Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 60\r\n            // ) {\r\n            //   return\r\n            // }\r\n            console.log(message)\r\n            sensors.current[dataPacket.Packet] = dataPacket\r\n\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'CONNECTED',\r\n            })\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/sub-sectors/' +\r\n        (props.match?.params?.sector ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setLoading(false)\r\n        setLayout({\r\n          ...layout,\r\n          subSectors: response.data.result.subSectors,\r\n          name: response.data.result.name,\r\n        })\r\n\r\n        setTimeout(() => {\r\n          const newConnection = new HubConnectionBuilder()\r\n            .withUrl(process.env.REACT_APP_MIDAS_HUB + '/Automation/Hub')\r\n            .withAutomaticReconnect()\r\n            .build()\r\n          setConnection(newConnection)\r\n        }, 100)\r\n      }\r\n    })\r\n\r\n    setInterval(() => {\r\n      var isExpired = false\r\n      var newObjectArray = []\r\n      Object.entries(sensors.current).forEach(([key, value]) => {\r\n        if (\r\n          sensors.current[value]?.TimeStamp === undefined ||\r\n          Math.round((new Date() - new Date(sensors.current[value]?.TimeStamp)) / 1000) > 60\r\n        ) {\r\n          isExpired = true\r\n        } else {\r\n          newObjectArray[value] = sensors.current[value]\r\n        }\r\n      })\r\n\r\n      if (isExpired) {\r\n        sensors.current = newObjectArray\r\n        setState({\r\n          ...state,\r\n          IsRefesh: true,\r\n        })\r\n      }\r\n    }, 60000)\r\n  }, [])\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <LoadingSentrum state={state} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumbs}>{layout.name} </PageTitle>\r\n      <div>\r\n        <div className='row g-2 g-xl-12'>\r\n          {layout.subSectors.map((item, key) => (\r\n            <>\r\n              <div key={key} className='col-xl-3'>\r\n                <MixedWidget20_1\r\n                  factoryName={item.name}\r\n                  critical={sensors.current[item.fK_SectorCode]?.[item.code + '_critical']}\r\n                  warning={sensors.current[item.fK_SectorCode]?.[item.code + '_warning']}\r\n                  alert={sensors.current[item.fK_SectorCode]?.[item.code + '_alert']}\r\n                  alldevice={sensors.current[item.fK_SectorCode]?.[item.code + '_devices']}\r\n                  connected={sensors.current[item.fK_SectorCode]?.[item.code + '_connected']}\r\n                  link={'/' + (props.match?.params?.sector ?? 'dream') + '/' + item.code}\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  color={'dark'}\r\n                />\r\n              </div>\r\n            </>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default SectorManager\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {MixedWidget20_1} from '../../../_metronic/partials/widgets'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\n\r\nconst breadCrumbs = []\r\nfunction FacilityManager(props) {\r\n  const [{token, user}, dispatch] = useDataLayerValue()\r\n  const hubService = process.env.REACT_APP_BACKEND_API\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    subSectors: [],\r\n    detail: [],\r\n    name: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    IsRefesh: false,\r\n    SensorList: [],\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n\r\n          reconnectRef.current = 0\r\n\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n            //console.log(message)\r\n            /* if (\r\n              message.key !== 'SensorData' ||\r\n              message.packetType !== (props.match?.params?.sector ?? 'dream')\r\n            ) {\r\n              return\r\n            }*/\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n            if (dataPacket.Packet != (props.match?.params?.code ?? 'dream')) {\r\n              return\r\n            }\r\n\r\n            // if (\r\n            //   dataPacket.TimeStamp === undefined ||\r\n            //   Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 60\r\n            // ) {\r\n            //   return\r\n            // }\r\n            console.log(message)\r\n            sensors.current[dataPacket.Packet] = dataPacket\r\n\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'CONNECTED',\r\n            })\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    console.log(token)\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/facility/' +\r\n        (props.match?.params?.code ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    })\r\n      .then((response) => {\r\n        if (response.data.status == 'S') {\r\n          setLoading(false)\r\n          setLayout({\r\n            ...layout,\r\n            detail: response.data.result.facilities,\r\n            breadCrumbs: response.data.result.breadCrumbs,\r\n            name: response.data.result.name,\r\n            //   name: response.data.result.name,\r\n          })\r\n\r\n          setTimeout(() => {\r\n            const newConnection = new HubConnectionBuilder()\r\n              .withUrl(\r\n                process.env.REACT_APP_MIDAS_HUB +\r\n                  '/' +\r\n                  response.data.result.automationChannel +\r\n                  '/Hub'\r\n              )\r\n              .withAutomaticReconnect()\r\n              .build()\r\n            setConnection(newConnection)\r\n          }, 100)\r\n        }\r\n      })\r\n      .catch(function (error) {\r\n        dispatch({\r\n          type: 'SET_TOKEN',\r\n          token: null,\r\n        })\r\n        return\r\n      })\r\n  }, [])\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={layout.breadCrumbs}>{layout.name} </PageTitle>\r\n\r\n      <div>\r\n        <div className='row g-2 g-xl-12'>\r\n          {layout.detail.map((item, key) => (\r\n            <>\r\n              <div key={key} className='col-xl-3'>\r\n                <MixedWidget20_1\r\n                  factoryName={item.name}\r\n                  code={item.code}\r\n                  user={user?.role ?? ''}\r\n                  critical={\r\n                    sensors.current[props.match?.params?.code ?? 'dream']?.[item.code + '_critical']\r\n                  }\r\n                  warning={\r\n                    sensors.current[props.match?.params?.code ?? 'dream']?.[item.code + '_warning']\r\n                  }\r\n                  alert={\r\n                    sensors.current[props.match?.params?.code ?? 'dream']?.[item.code + '_alert']\r\n                  }\r\n                  alldevice={\r\n                    sensors.current[props.match?.params?.code ?? 'dream']?.[item.code + '_devices']\r\n                  }\r\n                  connected={\r\n                    sensors.current[props.match?.params?.code ?? 'dream']?.[\r\n                      item.code + '_connected'\r\n                    ]\r\n                  }\r\n                  link={\r\n                    item.itemCount > 0\r\n                      ? '/facility/' + item.code\r\n                      : window.location.hostname.toLowerCase() === 'portal.smartgas.biz'\r\n                      ? '/facility-detail2/' + item.code\r\n                      : '/facility-detail/' + item.code\r\n                  }\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  color={'dark'}\r\n                  timestamp={sensors.current[props.match?.params?.code ?? 'dream']?.['TimeStamp']}\r\n                />\r\n              </div>\r\n            </>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default FacilityManager\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../helpers/WindowDimension'\r\nimport Dictionary from '../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../_metronic/layout/components/aside/AsideDefault'\r\n\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {\r\n  MixedWidget1,\r\n  MixedWidget2,\r\n  MixedWidget3,\r\n  MixedWidget4,\r\n  MixedWidget20_1,\r\n  MixedWidget5_1,\r\n  MixedWidget5,\r\n  MixedWidget6,\r\n  MixedWidget7,\r\n  MixedWidget8,\r\n  MixedWidget9,\r\n  MixedWidget10,\r\n  MixedWidget11,\r\n} from '../../../_metronic/partials/widgets'\r\n\r\nfunction FactoriesManager(props) {\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(false)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef({})\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            // if (\r\n            //   dataPacket.TimeStamp === undefined ||\r\n            //   Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 60\r\n            // ) {\r\n            //   return\r\n            // }\r\n\r\n            {\r\n              console.log(message)\r\n              if (!(dataPacket.Plant === 'Main' && dataPacket.Packet === 'Dashboard')) {\r\n                return\r\n              }\r\n\r\n              sensors.current = dataPacket\r\n              console.log(message)\r\n              setState({\r\n                ...state,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    /* axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/factories/' +\r\n        (props.match?.params?.subsector ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          factories: response.data.result.subSectors[0].factories,\r\n          subSectorName: response.data.result.subSectors[0].name,\r\n          subSectorCode: response.data.result.subSectors[0].code,\r\n          sectorName: response.data.result.name,\r\n          sectorCode: response.data.result.code,\r\n        })\r\n\r\n        if (response.data.result.subSectors[0].factories.length === 1) {\r\n          window.location.href =\r\n            '/' +\r\n            (props.match?.params?.sector ?? 'dream') +\r\n            '/' +\r\n            (props.match?.params?.subsector ?? 'dream') +\r\n            '/' +\r\n            response.data.result.subSectors[0].factories[0].code\r\n          return\r\n        }\r\n\r\n        breadCrumbs.current = [\r\n          {\r\n            title: response.data.result.name,\r\n            path: '/' + response.data.result.code,\r\n            isSeparator: false,\r\n            isActive: false,\r\n          },\r\n          {\r\n            title: '/',\r\n            path: '#',\r\n            isSeparator: false,\r\n            isActive: false,\r\n          },\r\n        ]\r\n      }\r\n      setTimeout(() => {\r\n        const newConnection = new HubConnectionBuilder()\r\n          .withUrl(hubService + '/Automation/Hub')\r\n          .withAutomaticReconnect()\r\n          .build()\r\n        setConnection(newConnection)\r\n      }, 100)\r\n    })*/\r\n  }, [])\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <LoadingSentrum state={state} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumbs.current}>{layout.subSectorName} </PageTitle>\r\n\r\n      <div>\r\n        <div className='row g-2 g-xl-12'>\r\n          {layout.factories.map((item, key) => (\r\n            <>\r\n              <div className='col-xl-3' id={key}>\r\n                <MixedWidget20_1\r\n                  factoryName={item.name}\r\n                  critical={sensors.current?.CICL_Critical}\r\n                  warning={sensors.current?.CICL_Warning}\r\n                  alert={sensors.current?.CICL_Alert}\r\n                  alldevice={sensors.current?.CICL_AllConnect}\r\n                  connected={sensors.current?.CICL_Connect}\r\n                  link={'/factories/' + item.code}\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  color={sensors.current?.CICL_Critical > 0 ? 'danger' : 'success'}\r\n                />\r\n              </div>\r\n            </>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default FactoriesManager\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../helpers/WindowDimension'\r\nimport Dictionary from '../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {MixedWidget1, MixedWidget7} from '../../../_metronic/partials/widgets'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\n\r\nfunction BusinessUnitManager(props) {\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factoryCode: '',\r\n    businessUnits: [],\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            var packetType = layout.subSectorCode + '_' + layout.factoryCode\r\n            if (message.key !== 'SensorData' || message.packetType !== packetType) {\r\n              return\r\n            }\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            // if (\r\n            //   dataPacket.TimeStamp === undefined ||\r\n            //   Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 60\r\n            // ) {\r\n            //   return\r\n            // }\r\n\r\n            //  if (!(dataPacket.Packet === 'jkhfood_cicl_ciclfactory1_businessunit')) {\r\n            // return\r\n            //  }\r\n\r\n            console.log(message)\r\n            sensors.current[dataPacket.Packet] = dataPacket\r\n            /*var foundValue = sensors.current.filter((obj) => obj === dataPacket.Packet)\r\n              if (foundValue.length > 0) {\r\n                \r\n                // console.log('The pair exists.')\r\n              } else {\r\n                sensors.current.push(dataPacket.Packet, dataPacket)\r\n                //console.log('The pair does not exist.')\r\n              }*/\r\n\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'CONNECTED',\r\n            })\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/business-units/' +\r\n        (props.match?.params?.factory ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          factories: response.data.result.subSectors[0].factories,\r\n          subSectorName: response.data.result.subSectors[0].name,\r\n          subSectorCode: response.data.result.subSectors[0].code,\r\n          sectorName: response.data.result.name,\r\n          sectorCode: response.data.result.code,\r\n          factroyName: response.data.result.subSectors[0].factories[0].name,\r\n          factoryCode: response.data.result.subSectors[0].factories[0].code,\r\n          businessUnits: response.data.result.businessUnitModels,\r\n        })\r\n\r\n        breadCrumbs.current = [\r\n          {\r\n            title: response.data.result.name,\r\n            path: '/' + response.data.result.code,\r\n            isSeparator: false,\r\n            isActive: false,\r\n          },\r\n          {\r\n            title: '/',\r\n            path: '#',\r\n            isSeparator: false,\r\n            isActive: false,\r\n          },\r\n          {\r\n            title: response.data.result.subSectors[0].name,\r\n            path: '/' + response.data.result.code + '/' + response.data.result.subSectors[0].code,\r\n            isSeparator: false,\r\n            isActive: false,\r\n          },\r\n          {\r\n            title: '/',\r\n            path: '#',\r\n            isSeparator: false,\r\n            isActive: false,\r\n          },\r\n        ]\r\n      }\r\n      setTimeout(() => {\r\n        const newConnection = new HubConnectionBuilder()\r\n          .withUrl(hubService + '/Automation/Hub')\r\n          .withAutomaticReconnect()\r\n          .build()\r\n        setConnection(newConnection)\r\n      }, 100)\r\n    })\r\n    setInterval(() => {\r\n      var newObjectArray = []\r\n      Object.entries(sensors.current).forEach(([key, value]) => {\r\n        if (\r\n          sensors.current[value]?.TimeStamp === undefined ||\r\n          Math.round((new Date() - new Date(sensors.current[value]?.TimeStamp)) / 1000) > 30\r\n        ) {\r\n          newObjectArray[value] = null\r\n        } else {\r\n          newObjectArray[value] = sensors.current[value]\r\n        }\r\n      })\r\n\r\n      if (sensors.current.length != newObjectArray.length) {\r\n        sensors.current = newObjectArray\r\n        setState({\r\n          ...state,\r\n          IsRefesh: true,\r\n        })\r\n      }\r\n    }, 60000)\r\n  }, [])\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <LoadingSentrum state={state} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle breadcrumbs={breadCrumbs.current}>{layout.factroyName} </PageTitle>\r\n      <div>\r\n        <div className='row g-5 g-xl-8'>\r\n          {layout.businessUnits &&\r\n            layout.businessUnits.map((item, index) => (\r\n              <div className='col-xl-3'>\r\n                <MixedWidget1\r\n                  factoryName={item.name}\r\n                  critical={\r\n                    sensors.current[item.fK_SubSectorCode + '_' + item.fK_Factory]?.[\r\n                      item.fK_SectorCode +\r\n                        '_' +\r\n                        item.fK_SubSectorCode +\r\n                        '_' +\r\n                        item.fK_Factory +\r\n                        '_' +\r\n                        item.code +\r\n                        '_critical'\r\n                    ]\r\n                  }\r\n                  warning={\r\n                    sensors.current[item.fK_SubSectorCode + '_' + item.fK_Factory]?.[\r\n                      item.fK_SectorCode +\r\n                        '_' +\r\n                        item.fK_SubSectorCode +\r\n                        '_' +\r\n                        item.fK_Factory +\r\n                        '_' +\r\n                        item.code +\r\n                        '_warning'\r\n                    ]\r\n                  }\r\n                  alert={\r\n                    sensors.current[item.fK_SubSectorCode + '_' + item.fK_Factory]?.[\r\n                      item.fK_SectorCode +\r\n                        '_' +\r\n                        item.fK_SubSectorCode +\r\n                        '_' +\r\n                        item.fK_Factory +\r\n                        '_' +\r\n                        item.code +\r\n                        '_alert'\r\n                    ]\r\n                  }\r\n                  alldevice={\r\n                    sensors.current[item.fK_SubSectorCode + '_' + item.fK_Factory]?.[\r\n                      item.fK_SectorCode +\r\n                        '_' +\r\n                        item.fK_SubSectorCode +\r\n                        '_' +\r\n                        item.fK_Factory +\r\n                        '_' +\r\n                        item.code +\r\n                        '_devices'\r\n                    ]\r\n                  }\r\n                  connected={\r\n                    sensors.current[item.fK_SubSectorCode + '_' + item.fK_Factory]?.[\r\n                      item.fK_SectorCode +\r\n                        '_' +\r\n                        item.fK_SubSectorCode +\r\n                        '_' +\r\n                        item.fK_Factory +\r\n                        '_' +\r\n                        item.code +\r\n                        '_connected'\r\n                    ]\r\n                  }\r\n                  link={\r\n                    '/' +\r\n                    (props.match?.params?.sector ?? 'dream') +\r\n                    '/' +\r\n                    (props.match?.params?.subsector ?? 'dream') +\r\n                    '/' +\r\n                    (props.match?.params?.factory ?? 'dream') +\r\n                    '/' +\r\n                    item.code\r\n                  }\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  color={'dark'}\r\n                />\r\n              </div>\r\n            ))}\r\n\r\n          <div className='col-xl-4'>\r\n            <MixedWidget7\r\n              className='card-xl-stretch mb-xl-8'\r\n              chartColor='danger'\r\n              chartHeight='200px'\r\n            />\r\n          </div>\r\n          {/* end::Col */}\r\n        </div>\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default BusinessUnitManager\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../helpers/WindowDimension'\r\nimport Dictionary from '../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../_metronic/layout/components/aside/AsideDefault'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {stat} from 'fs'\r\nimport {MixedWidget10, MixedWidget5} from '../../../_metronic/partials/widgets'\r\n\r\nfunction BusinessUnitDetailManager(props) {\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    units: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factroyCode: '',\r\n    unitName: '',\r\n    unitCode: '',\r\n    packet: (props.match?.params?.code ?? 'dream') + '_group',\r\n    Field: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    IsDataReceived: false,\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            //if (message.key !== 'SensorData') return\r\n\r\n            let datapacket = JSON.parse(message.data)\r\n\r\n            if (\r\n              datapacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(datapacket.TimeStamp)) / 1000) > 160\r\n            ) {\r\n              return\r\n            }\r\n\r\n            var packetType = (props.match?.params?.code ?? 'dream') + '_group'\r\n            if (message.packetType !== packetType) {\r\n              return\r\n            }\r\n            //ciclpd_offline_list\r\n            console.log(message)\r\n            sensors.current[packetType] = datapacket\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'CONNECTED',\r\n              IsDataReceived: true,\r\n            })\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/facility-detail/' +\r\n        (props.match?.params?.code ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          units: response.data.result.unitModels,\r\n          breadCrumbs: response.data.result.breadCrumbs,\r\n          name: response.data.result.name,\r\n          //packet: props.match?.params?.code,\r\n        })\r\n      }\r\n      setTimeout(() => {\r\n        const newConnection = new HubConnectionBuilder()\r\n          .withUrl(hubService + '/' + response.data.result.automationChannel + '/Hub')\r\n          .withAutomaticReconnect()\r\n          .build()\r\n        setConnection(newConnection)\r\n      }, 100)\r\n    })\r\n  }, [])\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <LoadingSentrum state={state} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle code={props?.match?.params?.code} breadcrumbs={layout.breadCrumbs}>\r\n        {layout.name}\r\n      </PageTitle>\r\n      <>\r\n        {state.IsDataReceived == false && layout.units.length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>\r\n                    <span className='indicator-progress' style={{display: 'block'}}>\r\n                      Connecting...\r\n                      <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                    </span>\r\n                  </span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'></span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n            <div className='row g-5 g-xl-8'>\r\n              {/* begin::Col */}\r\n              {layout.units.map((item, index) => (\r\n                <div className='col-xl-4'>\r\n                  <a href={'/facility-detail-item/' + item.code}>\r\n                    <div className={`card danger`}>\r\n                      {/* begin::Body */}\r\n                      <div className='card-body d-flex flex-column p-0'>\r\n                        {/* begin::Stats */}\r\n                        <div className='flex-grow-1 card-p pb-0'>\r\n                          <div className='d-flex flex-stack flex-wrap'>\r\n                            <div className='me-2'>\r\n                              <div className='text-dark text-hover-primary fw-bolder fs-3'>\r\n                                {item.description}\r\n                              </div>\r\n                              <div className='text-muted fs-7 fw-bold'> {item.name}</div>\r\n                            </div>\r\n                            <div className={`fw-bolder fs-3`}>--</div>\r\n                          </div>\r\n                        </div>\r\n                        {/* end::Stats */}\r\n                      </div>\r\n                      {/* end::Body */}\r\n                    </div>\r\n                  </a>\r\n                </div>\r\n              ))}\r\n              {layout.units.length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_critical_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Critical </span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                        ].length +\r\n                        ' Records'}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n            <div className='row g-5 g-xl-8'>\r\n              {/* begin::Col */}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget10\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='danger'\r\n                      chartHeight='150px'\r\n                      type='CRITICAL'\r\n                      name={item.Description}\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={item.Value}\r\n                      Link={'/facility-detail-item/' + item.Code}\r\n                      extra={JSON.stringify(item)}\r\n                    />\r\n                  </div>\r\n                ))}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                ] == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_warning_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <br />\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Warning</span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                        ].length +\r\n                        ' Records'}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n\r\n            <div className='row g-5 g-xl-8'>\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget10\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={item.Description}\r\n                      type='WARNING'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={item.Value}\r\n                      Link={'/facility-detail-item/' + item.Code}\r\n                      extra={JSON.stringify(item)}\r\n                    />\r\n                  </div>\r\n                ))}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                ].length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* end::Row */}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_normal_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <br />\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Normal</span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                        ].length +\r\n                        ' Records'}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n\r\n            <div className='row g-5 g-xl-8'>\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget10\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='success'\r\n                      chartHeight='150px'\r\n                      name={item.Description}\r\n                      type='NORMAL'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={item.Value}\r\n                      Link={'/facility-detail-item/' + item.Code}\r\n                      extra={JSON.stringify(item)}\r\n                    />\r\n                  </div>\r\n                ))}\r\n\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                ].length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_offline_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <br />\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Offline</span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                        ].length +\r\n                        ' Records'}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n\r\n            <div className='row g-5 g-xl-8'>\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget10\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={item.Description}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={item.Value}\r\n                      Link={'/facility-detail-item/' + item.Code}\r\n                      extra={JSON.stringify(item)}\r\n                    />\r\n                  </div>\r\n                ))}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                ].length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        <br />\r\n        <br />\r\n        <div className='row g-5 g-xl-8'>\r\n          <p>\r\n            <b>Note :</b>Main Cold Room, Receiving Room, Freezers & Freezer Trucks &#60; -18°C |\r\n            Chillers, coolers & Ante Room &#60; -4°C\r\n          </p>\r\n        </div>\r\n      </>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default BusinessUnitDetailManager\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../helpers/WindowDimension'\r\nimport Dictionary from '../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../_metronic/layout/components/aside/AsideDefault'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {stat} from 'fs'\r\nimport {MixedWidget49, MixedWidget5} from '../../../_metronic/partials/widgets'\r\n\r\nfunction BusinessUnitDetailManager2(props) {\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    units: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factroyCode: '',\r\n    unitName: '',\r\n    unitCode: '',\r\n    packet: (props.match?.params?.code ?? 'dream') + '_group',\r\n    Field: '',\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    IsDataReceived: false,\r\n  })\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            //if (message.key !== 'SensorData') return\r\n\r\n            let datapacket = JSON.parse(message.data)\r\n\r\n            // if (\r\n            //   datapacket.TimeStamp === undefined ||\r\n            //   Math.round((new Date() - new Date(datapacket.TimeStamp)) / 1000) > 160\r\n            // ) {\r\n            //   return\r\n            // }\r\n\r\n            var packetType = (props.match?.params?.code ?? 'dream') + '_group'\r\n            if (message.packetType !== packetType) {\r\n              return\r\n            }\r\n            //ciclpd_offline_list\r\n            console.log(message)\r\n            sensors.current[packetType] = datapacket\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'CONNECTED',\r\n              IsDataReceived: true,\r\n            })\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/facility-detail/' +\r\n        (props.match?.params?.code ?? 'dream'),\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          //units: response.data.result.unitModels,\r\n          breadCrumbs: response.data.result.breadCrumbs,\r\n          name: response.data.result.name,\r\n          //packet: props.match?.params?.code,\r\n        })\r\n      }\r\n\r\n      setTimeout(() => {\r\n        const newConnection = new HubConnectionBuilder()\r\n          .withUrl(hubService + '/' + response.data.result.automationChannel + '/Hub')\r\n          .withAutomaticReconnect()\r\n          .build()\r\n        setConnection(newConnection)\r\n      }, 100)\r\n    })\r\n  }, [])\r\n\r\n  // // Get the browser timezone\r\n  // const browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone\r\n  // // Calculate SLST time if browser timezone is not SLST\r\n  // if (browserTimezone !== 'Asia/Colombo') {\r\n  //   const date = new Date() // Example UTC date\r\n  //   const options = {\r\n  //     timeZone: 'Asia/Colombo',\r\n  //     year: 'numeric',\r\n  //     month: '2-digit',\r\n  //     day: '2-digit',\r\n  //     hour: '2-digit',\r\n  //     minute: '2-digit',\r\n  //     second: '2-digit',\r\n  //     hour12: false,\r\n  //   }\r\n  //   const formatter = new Intl.DateTimeFormat('en-GB', options)\r\n  //   const slstFormattedDate = new Date(formatter.format(date))\r\n\r\n  //   console.log(`Formatted date in SLST: ${slstFormattedDate}`)\r\n  // } else {\r\n  //   console.log('Browser timezone is already SLST.')\r\n  // }\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <LoadingSentrum state={state} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle code={props?.match?.params?.code} breadcrumbs={layout.breadCrumbs}>\r\n        {layout.name}\r\n      </PageTitle>\r\n      <>\r\n        {/* <div className='row g-5 g-xl-8'>\r\n          <div className='col-xl-4'>\r\n            <MixedWidget49\r\n              className='card-xl-stretch mb-xl-8'\r\n              chartColor='warning'\r\n              chartHeight='150px'\r\n              name={'ddd'}\r\n              type='OFFLINE'\r\n              min='-19°C'\r\n              max='-25°C'\r\n              val={'11'}\r\n              Link={'#'}\r\n              data={'[{\"Code\":\"sgastag1\",\"Name\":\"MCU_TEMP\",\"Description\":\"Gas Tag 01\",\"Value\":30}]'}\r\n            />\r\n          </div>\r\n        </div> */}\r\n\r\n        {state.IsDataReceived == false && layout.units.length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>\r\n                    <span className='indicator-progress' style={{display: 'block'}}>\r\n                      Connecting...\r\n                      <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                    </span>\r\n                  </span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'></span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n            <div className='row g-5 g-xl-8'>\r\n              {/* begin::Col */}\r\n              {layout.units.map((item, index) => (\r\n                <div className='col-xl-4'>\r\n                  <a href={'/facility-detail-item/' + item.code}>\r\n                    <div className={`card danger`}>\r\n                      {/* begin::Body */}\r\n                      <div className='card-body d-flex flex-column p-0'>\r\n                        {/* begin::Stats */}\r\n                        <div className='flex-grow-1 card-p pb-0'>\r\n                          <div className='d-flex flex-stack flex-wrap'>\r\n                            <div className='me-2'>\r\n                              <div className='text-dark text-hover-primary fw-bolder fs-3'>\r\n                                {item.description}\r\n                              </div>\r\n                              <div className='text-muted fs-7 fw-bold'> {item.name}</div>\r\n                            </div>\r\n                            <div className={`fw-bolder fs-3`}>--</div>\r\n                          </div>\r\n                        </div>\r\n                        {/* end::Stats */}\r\n                      </div>\r\n                      {/* end::Body */}\r\n                    </div>\r\n                  </a>\r\n                </div>\r\n              ))}\r\n              {layout.units.length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_critical_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Online </span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {/* {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                        ].length +\r\n                        ' Records'} */}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n            <div className='row g-5 g-xl-8'>\r\n              {/* begin::Col */}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    {/* {JSON.stringify(item.Data)} */}\r\n                    <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={JSON.stringify(item.Data)}\r\n                    />\r\n                    {/*  <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={item.Data}\r\n                    />\r\n                \r\n                    /> */}\r\n                  </div>\r\n                ))}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_critical_list'\r\n                ] == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_warning_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <br />\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Warning</span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {/* {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                        ].length +\r\n                        ' Records'} */}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n\r\n            <div className='row g-5 g-xl-8'>\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    {/* {JSON.stringify(item.Data)} */}\r\n                    <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={JSON.stringify(item.Data)}\r\n                    />\r\n                    {/*  <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={item.Data}\r\n                    />\r\n                \r\n                    /> */}\r\n                    {/* <MixedWidget10\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={item.Description}\r\n                      type='WARNING'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={item.Value}\r\n                      Link={'/facility-detail-item/' + item.Code}\r\n                      extra={item?.Config}\r\n                    /> */}\r\n                  </div>\r\n                ))}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_warning_list'\r\n                ].length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {/* end::Row */}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_normal_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <br />\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Normal</span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {/* {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                        ].length +\r\n                        ' Records'} */}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n\r\n            <div className='row g-5 g-xl-8'>\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    {/* {JSON.stringify(item.Data)} */}\r\n                    <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={JSON.stringify(item.Data)}\r\n                    />\r\n                    {/*  <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={item.Data}\r\n                    />\r\n                \r\n                    /> */}\r\n                    {/* <MixedWidget10\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='success'\r\n                      chartHeight='150px'\r\n                      name={item.Description}\r\n                      type='NORMAL'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={item.Value}\r\n                      Link={'/facility-detail-item/' + item.Code}\r\n                      extra={item?.Config}\r\n                    /> */}\r\n                  </div>\r\n                ))}\r\n\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_normal_list'\r\n                ].length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        {sensors.current[layout.packet]?.[(props.match?.params?.code ?? 'dream') + '_offline_list']\r\n          .length > 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-12'>\r\n                <br />\r\n                <h3 className='card-title align-items-start flex-column'>\r\n                  <span className='card-label fw-bolder fs-3 mb-1'>Offline</span>\r\n                  <span className='text-muted mt-1 fw-bold fs-7'>\r\n                    {/* {sensors.current[layout.packet]?.[\r\n                      (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                    ] &&\r\n                      ' | ' +\r\n                        sensors.current[layout.packet]?.[\r\n                          (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                        ].length +\r\n                        ' Records'} */}\r\n                  </span>\r\n                </h3>\r\n              </div>\r\n            </div>\r\n\r\n            <div className='row g-5 g-xl-8'>\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                ].map((item, index) => (\r\n                  <div className='col-xl-4'>\r\n                    {/* {JSON.stringify(item.Data)} */}\r\n                    {/* {JSON.stringify(item.Data.find(({Name}) => Name === 'MCU_TEMP'))} */}\r\n                    <MixedWidget49\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='warning'\r\n                      chartHeight='150px'\r\n                      name={'ddd'}\r\n                      type='OFFLINE'\r\n                      min='-19°C'\r\n                      max='-25°C'\r\n                      val={'11'}\r\n                      Link={'#'}\r\n                      data={JSON.stringify(item.Data)}\r\n                    />\r\n                    {/*  \r\n                \r\n                    /> */}\r\n                  </div>\r\n                ))}\r\n              {sensors.current[layout.packet]?.[\r\n                (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n              ] &&\r\n                sensors.current[layout.packet]?.[\r\n                  (props.match?.params?.code ?? 'dream') + '_offline_list'\r\n                ].length == 0 && <div className='col-xl-12'>No Records Found</div>}\r\n            </div>\r\n          </>\r\n        )}\r\n        <br />\r\n        <br />\r\n        <div className='row g-5 g-xl-8'></div>\r\n      </>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default BusinessUnitDetailManager2\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport {PageLink, PageTitle} from '../../../_metronic/layout/core'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../helpers/WindowDimension'\r\nimport Dictionary from '../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../_metronic/layout/components/aside/AsideDefault'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport LoadingSentrum from '../helpers/LoadingSentrum'\r\nimport {axioDefaultConfig} from '../common/commonResource2'\r\nimport {useDataLayerValue} from '../../../DataLayer'\r\nimport {stat} from 'fs'\r\nimport {\r\n  MixedWidget49,\r\n  MixedWidget5,\r\n  SmartTile,\r\n  SmartGasHealth,\r\n} from '../../../_metronic/partials/widgets'\r\n\r\nimport SensorView3 from './SensorView3'\r\nimport {set} from 'immutable'\r\n\r\nfunction Smartgas1(props) {\r\n  const [{token}, dispatch] = useDataLayerValue()\r\n  const breadCrumbs = useRef([])\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [GasInfo, setGasInfo] = useState('')\r\n  const [selected, setSelected] = useState('')\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef([])\r\n\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard',\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n    factories: [],\r\n    units: [],\r\n    subSectorName: '',\r\n    subSectorCode: '',\r\n    sectorName: '',\r\n    sectorCode: '',\r\n    factroyName: '',\r\n    factroyCode: '',\r\n    unitName: '',\r\n    unitCode: '',\r\n    packet: (props.match?.params?.code ?? 'dream') + '_group',\r\n    Field: '',\r\n    GasData: [],\r\n  })\r\n\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n    IsDataReceived: false,\r\n  })\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'post',\r\n      url: process.env.REACT_APP_BACKEND_API + '/api/v1/sensor/dashbaord',\r\n      headers: {...axioDefaultConfig.headers, Authorization: 'Bearer ' + token},\r\n    }).then((response) => {\r\n      if (response.data.status == 'S') {\r\n        setLayout({\r\n          ...layout,\r\n          GasData: response.data.result,\r\n        })\r\n        setLoading(false)\r\n      }\r\n    })\r\n  }, [])\r\n\r\n  function funcsetGasInfo(obj) {\r\n    setGasInfo(obj)\r\n  }\r\n\r\n  function getSensorList(param) {\r\n    setSelected(param)\r\n  }\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <LoadingSentrum state={state} />\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <PageTitle code={props?.match?.params?.code} breadcrumbs={layout.breadCrumbs}>\r\n        Smart Gas Overview\r\n      </PageTitle>\r\n      <>\r\n        {GasInfo.length > 0 && (\r\n          <>\r\n            <SensorView3 funcsetGasInfo={funcsetGasInfo} code={GasInfo} />{' '}\r\n          </>\r\n        )}\r\n        {GasInfo.length == 0 && (\r\n          <>\r\n            <div className='row g-5 g-xl-8'>\r\n              <div className='col-xl-4'>\r\n                <SmartGasHealth\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  chartColor='warning'\r\n                  chartHeight='150px'\r\n                  name={'ddd'}\r\n                  type='OFFLINE'\r\n                  min='-19°C'\r\n                  max='-25°C'\r\n                  val={layout?.GasData?.normal?.length ?? 0}\r\n                  Link={'#'}\r\n                  data={'H'}\r\n                  getSensorList={getSensorList}\r\n                />\r\n              </div>\r\n              <div className='col-xl-4'>\r\n                <SmartGasHealth\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  chartColor='warning'\r\n                  chartHeight='150px'\r\n                  name={'ddd'}\r\n                  type='OFFLINE'\r\n                  min='-19°C'\r\n                  max='-25°C'\r\n                  val={layout?.GasData?.high?.length ?? 0}\r\n                  Link={'#'}\r\n                  data={'W'}\r\n                  getSensorList={getSensorList}\r\n                />\r\n              </div>\r\n              <div className='col-xl-4'>\r\n                <SmartGasHealth\r\n                  className='card-xl-stretch mb-xl-8'\r\n                  chartColor='warning'\r\n                  chartHeight='150px'\r\n                  name={'ddd'}\r\n                  type='OFFLINE'\r\n                  min='-19°C'\r\n                  max='-25°C'\r\n                  val={layout?.GasData?.disable?.length ?? 0}\r\n                  Link={'#'}\r\n                  data={'D'}\r\n                  getSensorList={getSensorList}\r\n                />\r\n              </div>\r\n            </div>\r\n            <br />\r\n            {selected == 'H' && (\r\n              <>\r\n                <div className='d-flex flex-stack flex-grow-1'>\r\n                  <div className='fw-bold'>\r\n                    <table>\r\n                      <tr>\r\n                        <td>\r\n                          <h2 className='text-gray-800 fw-bolder'>\r\n                            Healthy <div className='fs-6 text-gray-600'> Gas Tanks </div>\r\n                          </h2>\r\n                        </td>\r\n                        <td>\r\n                          <i\r\n                            className='bi bi-arrow-right-circle text-mutes hover-text-danger'\r\n                            style={{fontSize: '1.5rem', marginLeft: '10px'}}\r\n                          ></i>\r\n                        </td>\r\n                      </tr>\r\n                    </table>\r\n                  </div>\r\n                </div>{' '}\r\n                <hr />\r\n                <div className='row g-5 g-xl-8'>\r\n                  {layout.GasData?.normal &&\r\n                    layout.GasData?.normal.map((item, index) => (\r\n                      <div className='col-xl-4'>\r\n                        <SmartTile\r\n                          className='card-xl-stretch mb-xl-8'\r\n                          chartColor='warning'\r\n                          chartHeight='150px'\r\n                          name={'ddd'}\r\n                          type='OFFLINE'\r\n                          min='-19°C'\r\n                          max='-25°C'\r\n                          val={'11'}\r\n                          Link={'#'}\r\n                          data={JSON.stringify(item)}\r\n                          funcsetGasInfo={funcsetGasInfo}\r\n                        />\r\n                      </div>\r\n                    ))}\r\n                </div>\r\n              </>\r\n            )}\r\n            {selected == 'W' && (\r\n              <>\r\n                {' '}\r\n                <div className='d-flex flex-stack flex-grow-1'>\r\n                  <div className='fw-bold'>\r\n                    <table>\r\n                      <tr>\r\n                        <td>\r\n                          <h2 className='text-gray-800 fw-bolder'>\r\n                            Caution <div className='fs-6 text-gray-600'> Gas Tanks </div>\r\n                          </h2>\r\n                        </td>\r\n                        <td>\r\n                          <i\r\n                            className='bi bi-arrow-right-circle text-mutes hover-text-danger'\r\n                            style={{fontSize: '1.5rem', marginLeft: '10px'}}\r\n                          ></i>\r\n                        </td>\r\n                      </tr>\r\n                    </table>\r\n                  </div>\r\n                </div>{' '}\r\n                <hr />\r\n                <div className='row g-5 g-xl-8'>\r\n                  {layout.GasData?.high &&\r\n                    layout.GasData?.high.map((item, index) => (\r\n                      <div className='col-xl-4'>\r\n                        <SmartTile\r\n                          className='card-xl-stretch mb-xl-8'\r\n                          chartColor='warning'\r\n                          chartHeight='150px'\r\n                          name={'ddd'}\r\n                          type='OFFLINE'\r\n                          min='-19°C'\r\n                          max='-25°C'\r\n                          val={'11'}\r\n                          Link={'#'}\r\n                          data={JSON.stringify(item)}\r\n                          funcsetGasInfo={funcsetGasInfo}\r\n                        />\r\n                      </div>\r\n                    ))}\r\n                </div>\r\n              </>\r\n            )}\r\n            {selected == 'D' && (\r\n              <>\r\n                {' '}\r\n                <div className='d-flex flex-stack flex-grow-1'>\r\n                  <div className='fw-bold'>\r\n                    <table>\r\n                      <tr>\r\n                        <td>\r\n                          <h2 className='text-gray-800 fw-bolder'>\r\n                            Error <div className='fs-6 text-gray-600'> Gas Tanks </div>\r\n                          </h2>\r\n                        </td>\r\n                        <td>\r\n                          <i\r\n                            className='bi bi-arrow-right-circle text-mutes hover-text-danger'\r\n                            style={{fontSize: '1.5rem', marginLeft: '10px'}}\r\n                          ></i>\r\n                        </td>\r\n                      </tr>\r\n                    </table>\r\n                  </div>\r\n                </div>{' '}\r\n                <hr />\r\n                <div className='row g-5 g-xl-8'>\r\n                  {layout.GasData?.disable &&\r\n                    layout.GasData?.disable.map((item, index) => (\r\n                      <div className='col-xl-4'>\r\n                        <SmartTile\r\n                          className='card-xl-stretch mb-xl-8'\r\n                          chartColor='warning'\r\n                          chartHeight='150px'\r\n                          name={'ddd'}\r\n                          type='OFFLINE'\r\n                          min='-19°C'\r\n                          max='-25°C'\r\n                          val={'11'}\r\n                          Link={'#'}\r\n                          data={JSON.stringify(item)}\r\n                          funcsetGasInfo={funcsetGasInfo}\r\n                        />\r\n                      </div>\r\n                    ))}\r\n                </div>\r\n              </>\r\n            )}\r\n          </>\r\n        )}\r\n      </>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default Smartgas1\r\n","import React, { Suspense, lazy } from 'react'\r\nimport { Redirect, Route, Router, Switch } from 'react-router-dom'\r\nimport { FallbackView } from '../../_metronic/partials'\r\n\r\nimport AllLayout from '../ui/layout/AllLayouts'\r\nimport Alert from '../ui/layout/AllAlerts'\r\nimport AlertMgt from '../ui/layout/Alert'\r\nimport AllGroups from '../ui/layout/AllGroups'\r\nimport NewLayout from '../ui/layout/NewLayout'\r\n\r\nimport Design from '../ui/layout/Design'\r\nimport EditHome from '../ui/knitting/dashboard/EditHome'\r\nimport ObjectViewer from \"../ui/sensor/config/ObjectViewer\";\r\nimport { MainDashboard } from '../pages/dashboard/MainDashboard'\r\nimport Sector from \"../ui/dashboard/SubSectorManager\";\r\nimport Dashboard from \"../ui/dashboard/Dashboard\";\r\nimport facility from \"../ui/dashboard/FacilityManager\";\r\n\r\nimport Factories from \"../ui/dashboard/FactoriesManager\";\r\nimport SensorView from \"../ui/dashboard/SensorView\";\r\nimport SensorView2 from \"../ui/dashboard/SensorView2\";\r\nimport Factory from \"../ui/dashboard/BusinessUnitManager\";\r\nimport FactoryDetail from \"../ui/dashboard/BusinessUnitDetailManager\";\r\nimport FactoryDetail2 from \"../ui/dashboard/BusinessUnitDetailManager2\";\r\nimport SmartGas1 from \"../ui/dashboard/Smartgas1\";\r\n\r\nimport Display from \"../ui/sensor/config/display\";\r\nimport { createBrowserHistory } from 'history';\r\nexport const customHistory = createBrowserHistory();  //This maintains custom history\r\n\r\n\r\nexport function PrivateRoutes() {\r\n  /*const BuilderPageWrapper = lazy(() => import('../pages/layout-builder/BuilderPageWrapper'))\r\n  const ProfilePage = lazy(() => import('../modules/profile/ProfilePage'))\r\n  const WizardsPage = lazy(() => import('../modules/wizards/WizardsPage'))\r\n  const AccountPage = lazy(() => import('../modules/accounts/AccountPage'))\r\n  const WidgetsPage = lazy(() => import('../modules/widgets/WidgetsPage'))\r\n  const ChatPage = lazy(() => import('../modules/apps/chat/ChatPage'))\r\n*/\r\n  return (\r\n    /* <Router history={customHistory} > */\r\n    <Switch>\r\n      <Route path='/dashboard' component={Dashboard} />\r\n      <Route path='/layout/:id' component={Display} />\r\n      <Route path='/facility/:code' component={facility} />\r\n      <Route path='/facility-detail/:code' component={FactoryDetail} />\r\n      <Route path='/facility-detail2/:code' component={FactoryDetail2} />\r\n\r\n      <Route path='/smartgas/main' component={SmartGas1} />\r\n\r\n      <Route path='/facility-detail-item/:code' component={SensorView} />\r\n      <Route path='/facility-detail-item2/:code' component={SensorView2} />\r\n      <Route path='/alerts/open/:sector' component={Alert} />\r\n      <Route path='/alerts/open' component={Alert} />\r\n      <Route path='/alerts/closed' component={Alert} />\r\n      <Route path='/alert/view/:sector/:id' component={AlertMgt} />\r\n\r\n\r\n      <Route path='/all-layouts/new' component={NewLayout} />\r\n      <Route path='/object-browser' component={ObjectViewer} />\r\n      <Route path='/all-layouts/edit/:id' component={NewLayout} />\r\n      <Route path='/all-layouts/design/:id' component={Design} />\r\n      <Route path='/all-layouts' component={AllLayout} />\r\n      <Route path='/all-groups' component={AllGroups} />\r\n\r\n      <Route path='/:sector/:subsector/:factory/:unit/:code' component={SensorView} />\r\n      <Route path='/:sector/:subsector/:factory/:unit' component={FactoryDetail} />\r\n      <Route path='/:sector/:subsector/:factory' component={Factory} />\r\n      <Route path='/:sector/:subsector' component={Factories} />\r\n      <Route path='/:sector' component={Sector} />\r\n      <Route path='/' component={facility} />\r\n\r\n      {/*\r\n        <Route path='/test' component={SensorView} />\r\n        <Redirect from='/auth' to='/ ' />\r\n        <Route path='/detail-dashboard' component={DashboardDetailWrapper} />\r\n        <Route path='/main' component={MainDashboard} />\r\n        <Route path='/knt-pmp' component={EditHome} />\r\n        <Route path='/sub-sectors/:sector' component={Sector} />\r\n        <Route path='/factories/:subsector' component={Factories} />\r\n        <Route path='/business-unit/:code/:unit' component={FactoryDetail} />\r\n        <Route path='/business-units/:code' component={Factory} />\r\n        <Route path='/Sectors/:sector' component={Sector} />\r\n        <Route path='/subsectors/:subsector' component={Factories} />\r\n        <Route path='/factories/:code' component={Factory} />\r\n        <Route path='/factory-detail/:code/:unit' component={FactoryDetail} />\r\n        <Route path='/sensor-unit/:code' component={SensorView} />\r\n        <Route path='/test' component={SensorView} />\r\n        <Route path='/sensor/display/:id' component={SensorIndex} />\r\n  \t\t<Route path='/live' component={Dashboard} />\r\n\t\t <Route path='/home' component={Home} />\r\n        <Redirect from='/auth' to='/dashboard' />\r\n        <Redirect exact from='/' to='/dashboard' />\r\n        <Redirect to='error/404' />*/}\r\n    </Switch>\r\n    /* </Router> */\r\n  )\r\n}\r\n","import {FC} from 'react'\r\n\r\nconst Error500: FC = () => {\r\n  return (\r\n    <>\r\n      <h1 className='fw-bolder fs-4x text-gray-700 mb-10'>System Error</h1>\r\n\r\n      <div className='fw-bold fs-3 text-gray-400 mb-15'>\r\n        Something went wrong! <br /> Please try again later.\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport {Error500}\r\n","import {FC} from 'react'\r\n\r\nconst Error404: FC = () => {\r\n  return (\r\n    <>\r\n      <h1 className='fw-bolder fs-4x text-gray-700 mb-10'>Page Not Found</h1>\r\n\r\n      <div className='fw-bold fs-3 text-gray-400 mb-15'>\r\n        The page you looked not found! <br /> Plan your blog post by choosing a topic\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport {Error404}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React from 'react'\r\nimport {Redirect, Route, Switch, useHistory} from 'react-router-dom'\r\nimport {Error500} from './components/Error500'\r\nimport {Error404} from './components/Error404'\r\nimport {toAbsoluteUrl} from '../../../_metronic/helpers'\r\n\r\nconst ErrorsPage: React.FC = () => {\r\n  const history = useHistory()\r\n  const redirectToDashboard = () => {\r\n    history.push('/')\r\n  }\r\n\r\n  return (\r\n    <div className='d-flex flex-column flex-root'>\r\n      <div\r\n        className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n        style={{backgroundImage: `url('${toAbsoluteUrl('/media/illustrations/progress-hd.png')}')`}}\r\n      >\r\n        <div className='d-flex flex-column flex-column-fluid text-center p-10 py-lg-20'>\r\n          <a href='/dashboard' className='mb-10 pt-lg-20'>\r\n            <img\r\n              alt='Logo'\r\n              src={toAbsoluteUrl('/media/logos/logo-1.svg')}\r\n              className='h-50px mb-5'\r\n            />\r\n          </a>\r\n          <div className='pt-lg-10 mb-10'>\r\n            <Switch>\r\n              <Route path='/error/404' exact={true}>\r\n                <Error404 />\r\n              </Route>\r\n              <Route path='/error/500' exact={true}>\r\n                <Error500 />\r\n              </Route>\r\n              <Redirect from='/error' exact={true} to='/error/404' />\r\n              <Redirect to='/error/404' />\r\n            </Switch>\r\n\r\n            <div className='text-center'>\r\n              <a onClick={redirectToDashboard} className='btn btn-lg btn-primary fw-bolder'>\r\n                Go to homepage\r\n              </a>\r\n            </div>\r\n          </div>\r\n          <div\r\n            className='\r\n          d-flex\r\n          flex-row-auto\r\n          bgi-no-repeat\r\n          bgi-position-x-center\r\n          bgi-size-contain\r\n          bgi-position-y-bottom\r\n          min-h-100px min-h-lg-350px\r\n        '\r\n            style={{\r\n              backgroundImage: `url('${toAbsoluteUrl('/media/illustrations/sketchy-1/17.png')}')`,\r\n            }}\r\n          ></div>\r\n        </div>\r\n\r\n        <div className='d-flex flex-center flex-column-auto p-10'>\r\n          <div className='d-flex align-items-center fw-bold fs-6'>\r\n            <a href='https://keenthemes.com' className='text-muted text-hover-primary px-2'>\r\n              About\r\n            </a>\r\n            <a href='mailto:support@keenthemes.com' className='text-muted text-hover-primary px-2'>\r\n              Contact\r\n            </a>\r\n            <a href='https://1.envato.market/EA4JP' className='text-muted text-hover-primary px-2'>\r\n              Contact Us\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {ErrorsPage}\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  MixedWidget20_4,\r\n  MixedWidget20_1,\r\n  MixedWidget20_2,\r\n  MixedWidget20_3,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport SensorArea from './SensorArea'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {auto, hide, right} from '@popperjs/core'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\n\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {fabric} from 'fabric'\r\n\r\nimport 'react-toastify/dist/ReactToastify.css'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction MainDashboard(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef({})\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: 'dashboard', //urlParams.get('id')??props.layout,\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n  })\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB //\"https://signalr.midassit.com\";\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            if (\r\n              dataPacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n            ) {\r\n              return\r\n            } else {\r\n              console.log(message)\r\n              if (!(dataPacket.Plant === 'Main' && dataPacket.Packet === 'Dashboard')) {\r\n                return\r\n              }\r\n\r\n              sensors.current = dataPacket\r\n              console.log(message)\r\n              setState({\r\n                ...state,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    const newConnection = new HubConnectionBuilder()\r\n      .withUrl(hubService + '/Automation/Hub')\r\n      .withAutomaticReconnect()\r\n      .build()\r\n    setConnection(newConnection)\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    var desginObject = {\r\n      version: '4.3.1',\r\n      objects: [],\r\n    }\r\n    for (let index = 0; index < layout.designObject.length; index++) {\r\n      const element = layout.designObject[index]\r\n      var ds = JSON.parse(element.tempFeild1)\r\n      //Movement:\r\n      ds.lockMovementX = true\r\n      ds.lockMovementY = true\r\n\r\n      //Scaling:\r\n      ds.lockScalingX = true\r\n      ds.lockScalingY = true\r\n\r\n      // Rotation:\r\n      ds.lockRotation = true\r\n\r\n      // Object's frame/bounidngBox:\r\n      ds.hasControls = false\r\n      ds.hasBorders = false\r\n      desginObject.objects.push(ds)\r\n    }\r\n    editor?.canvas.loadFromJSON(desginObject)\r\n\r\n    setisload(false)\r\n  }\r\n\r\n  let bodyCss = {\r\n    overflowX: 'hidden',\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  let backcss = {\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    margin: 'auto',\r\n    width: '1200px',\r\n  }\r\n\r\n  let sensorcss = {\r\n    position: 'absolute',\r\n    width: '1200px',\r\n  }\r\n\r\n  if (!layout.isZoom) {\r\n    backcss = {\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n    }\r\n\r\n    sensorcss = {\r\n      position: 'absolute',\r\n    }\r\n\r\n    bodyCss = {}\r\n  }\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <div\r\n          className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n          style={{\r\n            backgroundImage: `url(${toAbsoluteUrl('/media/illustrations/sketchy-1/14.png')})`,\r\n          }}\r\n        >\r\n          {/* begin::Content */}\r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            {/* begin::Logo */}\r\n            <h1>Elysium Automation</h1>\r\n\r\n            {/* end::Logo */}\r\n            {/* begin::Wrapper */}\r\n            <div className='w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto'>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    {' '}\r\n                    {state.DashboardStat}{' '}\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n            {/* end::Wrapper */}\r\n          </div>\r\n          {/* end::Content */}\r\n          {/* begin::Footer */}\r\n          <div className='d-flex flex-center flex-column-auto p-10'>\r\n            <div className='d-flex align-items-center fw-bold fs-6'>\r\n              <a href='#' className='text-muted text-hover-primary px-2'>\r\n                {new Date().getFullYear()} &copy;{' '}\r\n                <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n                  <img\r\n                    width={80}\r\n                    src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png'\r\n                  />\r\n                </a>\r\n              </a>\r\n            </div>\r\n          </div>\r\n          {/* end::Footer */}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <PageDataProvider>\r\n      <div className='page d-flex flex-row flex-column-fluid'>\r\n        <div className='wrapper d-flex flex-column flex-row-fluid' id='kt_wrapper'>\r\n          <div\r\n            id='kt_content'\r\n            style={{marginTop: '-170px'}}\r\n            className='content d-flex flex-column flex-column-fluid'\r\n          >\r\n            <div className='post d-flex flex-column-fluid' id='kt_post'>\r\n              <Content>\r\n                <ToastContainer />\r\n                <h1>\r\n                  {layout.layoutName} <br />\r\n                  <small style={{fontSize: '15px'}}>IndustryX</small>\r\n                  <a href='#' className='text-gray-800 text-hover-primary fs-2 fw-bolder me-1'></a>\r\n                  {state.DashboardStat === 'DISABLED' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-dark fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'ACTIVE' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-success fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'CONNECTED' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-info fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'CONNECTING' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                </h1>\r\n                <div>\r\n                  <h3 className='card-title align-items-start flex-column'>\r\n                    <span className='card-label fw-bolder fs-3 mb-1'>\r\n                      Cold Chain Keells Food PLC\r\n                    </span>\r\n                  </h3>\r\n                </div>\r\n                <div className='row g-5 g-xl-8'>\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget20_1\r\n                      factoryName='Cold Chain CICL'\r\n                      critical={sensors.current?.CICL_Critical}\r\n                      warning={sensors.current?.CICL_Warning}\r\n                      alert={sensors.current?.CICL_Alert}\r\n                      alldevice={sensors.current?.CICL_AllConnect}\r\n                      connected={sensors.current?.CICL_Connect}\r\n                      link='Cold_Chain_CICL'\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.CICL_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  {/* end::Col */}\r\n\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget20_1\r\n                      factoryName='Cold Chain CCS'\r\n                      critical={sensors.current?.CCS_Critical}\r\n                      warning={sensors.current?.CCS_Warning}\r\n                      alert={sensors.current?.CCS_Alert}\r\n                      alldevice={sensors.current?.CCS_AllConnect}\r\n                      connected={sensors.current?.CCS_Connect}\r\n                      link='Cold_Chain_CCS'\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.CCS_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  {/* end::Col */}\r\n\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget20_1\r\n                      factoryName='Cold Chain KPF - JaEla'\r\n                      critical={sensors.current?.KPF_JAELA_Critical}\r\n                      warning={sensors.current?.KPF_JAELA_Warning}\r\n                      alert={sensors.current?.KPF_JAELA_Alert}\r\n                      alldevice={sensors.current?.KPF_JAELA_AllConnect}\r\n                      connected={sensors.current?.KPF_JAELA_Connect}\r\n                      link='Cold_Chain_KPF_JaEla'\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.KPF_JAELA_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  {/* end::Col */}\r\n                </div>\r\n                {/* end::Row */}\r\n\r\n                {/* begin::Row */}\r\n                <div className='row g-5 g-xl-8'>\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget20_1\r\n                      factoryName='Cold Chain KPF - Pannala'\r\n                      critical={sensors.current?.KPF_PANNALA_Critical}\r\n                      warning={sensors.current?.KPF_PANNALA_Warning}\r\n                      alert={sensors.current?.KPF_PANNALA_Alert}\r\n                      alldevice={sensors.current?.KPF_PANNALA_AllConnect}\r\n                      connected={sensors.current?.KPF_PANNALA_Connect}\r\n                      link='Cold_Chain_KPF_Pannala'\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.KPF_PANNALA_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </Content>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </PageDataProvider>\r\n  )\r\n}\r\n\r\nexport default MainDashboard\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  MixedWidget1,\r\n  MixedWidget20_1,\r\n  MixedWidget20_2,\r\n  MixedWidget20_3,\r\n  MixedWidget7,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport SensorArea from './SensorArea'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {auto, hide, right} from '@popperjs/core'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\n\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {fabric} from 'fabric'\r\n\r\nimport 'react-toastify/dist/ReactToastify.css'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction FactoryDashboard(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef({})\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: urlParams.get('id') ?? props.layout,\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n  })\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB //\"https://signalr.midassit.com\";\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            if (\r\n              dataPacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n            ) {\r\n              return\r\n            } else {\r\n              layout.id = layout.id.replace(/\\s\\s+/g, ' ')\r\n              layout.id = layout.id.replace('-', '')\r\n              layout.id = layout.id.replace(' ', '_')\r\n\r\n              if (!(dataPacket.Plant === layout.id && dataPacket.Packet === 'Dashboard')) {\r\n                return\r\n              }\r\n\r\n              sensors.current = dataPacket\r\n              console.log(message)\r\n              setState({\r\n                ...state,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    const newConnection = new HubConnectionBuilder()\r\n      .withUrl(hubService + '/Automation/Hub')\r\n      .withAutomaticReconnect()\r\n      .build()\r\n    setConnection(newConnection)\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    var desginObject = {\r\n      version: '4.3.1',\r\n      objects: [],\r\n    }\r\n    for (let index = 0; index < layout.designObject.length; index++) {\r\n      const element = layout.designObject[index]\r\n      var ds = JSON.parse(element.tempFeild1)\r\n      //Movement:\r\n      ds.lockMovementX = true\r\n      ds.lockMovementY = true\r\n\r\n      //Scaling:\r\n      ds.lockScalingX = true\r\n      ds.lockScalingY = true\r\n\r\n      // Rotation:\r\n      ds.lockRotation = true\r\n\r\n      // Object's frame/bounidngBox:\r\n      ds.hasControls = false\r\n      ds.hasBorders = false\r\n      desginObject.objects.push(ds)\r\n    }\r\n    editor?.canvas.loadFromJSON(desginObject)\r\n\r\n    setisload(false)\r\n  }\r\n\r\n  let bodyCss = {\r\n    overflowX: 'hidden',\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  let backcss = {\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    margin: 'auto',\r\n    width: '1200px',\r\n  }\r\n\r\n  let sensorcss = {\r\n    position: 'absolute',\r\n    width: '1200px',\r\n  }\r\n\r\n  if (!layout.isZoom) {\r\n    backcss = {\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n    }\r\n\r\n    sensorcss = {\r\n      position: 'absolute',\r\n    }\r\n\r\n    bodyCss = {}\r\n  }\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <div\r\n          className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n          style={{\r\n            backgroundImage: `url(${toAbsoluteUrl('/media/illustrations/sketchy-1/14.png')})`,\r\n          }}\r\n        >\r\n          {/* begin::Content */}\r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            {/* begin::Logo */}\r\n            <h1>Elysium Automation</h1>\r\n\r\n            {/* end::Logo */}\r\n            {/* begin::Wrapper */}\r\n            <div className='w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto'>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    {' '}\r\n                    {state.DashboardStat}{' '}\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n            {/* end::Wrapper */}\r\n          </div>\r\n          {/* end::Content */}\r\n          {/* begin::Footer */}\r\n          <div className='d-flex flex-center flex-column-auto p-10'>\r\n            <div className='d-flex align-items-center fw-bold fs-6'>\r\n              <a href='#' className='text-muted text-hover-primary px-2'>\r\n                {new Date().getFullYear()} &copy;{' '}\r\n                <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n                  <img\r\n                    width={80}\r\n                    src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png'\r\n                  />\r\n                </a>\r\n              </a>\r\n            </div>\r\n          </div>\r\n          {/* end::Footer */}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <PageDataProvider>\r\n      <div className='page d-flex flex-row flex-column-fluid'>\r\n        <div className='wrapper d-flex flex-column flex-row-fluid' id='kt_wrapper'>\r\n          <div\r\n            id='kt_content'\r\n            style={{marginTop: '-170px'}}\r\n            className='content d-flex flex-column flex-column-fluid'\r\n          >\r\n            <div className='post d-flex flex-column-fluid' id='kt_post'>\r\n              <Content>\r\n                <ToastContainer />\r\n                <h1>\r\n                  {layout.layoutName} <br />\r\n                  <small style={{fontSize: '15px'}}>IndustryX</small>\r\n                  <a href='#' className='text-gray-800 text-hover-primary fs-2 fw-bolder me-1'></a>\r\n                  {state.DashboardStat === 'DISABLED' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-dark fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'ACTIVE' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-success fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'CONNECTED' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-info fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'CONNECTING' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                </h1>\r\n                <div>\r\n                  <h3 className='card-title align-items-start flex-column'>\r\n                    <span className='card-label fw-bolder fs-3 mb-1'>\r\n                      {layout.id.replace(/_/g, ' ')} Overview\r\n                    </span>\r\n                  </h3>\r\n                </div>\r\n                <div className='row g-5 g-xl-8'>\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget1\r\n                      factoryName='Cool Room(s)'\r\n                      critical={sensors.current?.COLD_Critical}\r\n                      warning={sensors.current?.COLD_Warning}\r\n                      alert={sensors.current?.COLD_Alert}\r\n                      alldevice={sensors.current?.COLD_AllConnect}\r\n                      connected={sensors.current?.COLD_Connect}\r\n                      link={layout.id + '_Cool_Room'}\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.COLD_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  {/* end::Col */}\r\n\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget1\r\n                      factoryName='Primary Transportation'\r\n                      critical={sensors.current?.PD_Critical}\r\n                      warning={sensors.current?.PD_Warning}\r\n                      alert={sensors.current?.PD_Alert}\r\n                      alldevice={sensors.current?.PD_AllConnect}\r\n                      connected={sensors.current?.PD_Connect}\r\n                      link={layout.id + '_Primary_Distribution'}\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.PD_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  {/* end::Col */}\r\n\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget1\r\n                      factoryName='Distributors'\r\n                      critical={sensors.current?.D_Critical}\r\n                      warning={sensors.current?.D_Warning}\r\n                      alert={sensors.current?.D_Alert}\r\n                      alldevice={sensors.current?.DAllConnect}\r\n                      connected={sensors.current?.D_Connect}\r\n                      link='Cold Chain KPF - JaEla'\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.D_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  {/* end::Col */}\r\n                </div>\r\n                {/* end::Row */}\r\n\r\n                {/* begin::Row */}\r\n                <div className='row g-5 g-xl-8'>\r\n                  {/* begin::Col */}\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget1\r\n                      factoryName='Secondary Distribution'\r\n                      critical={sensors.current?.SD_Critical}\r\n                      warning={sensors.current?.SD_Warning}\r\n                      alert={sensors.current?.SD_Alert}\r\n                      alldevice={sensors.current?.SD_AllConnect}\r\n                      connected={sensors.current?.SD_Connect}\r\n                      link='Cold Chain KPF - Pannala'\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      color={sensors.current?.SD_Critical > 0 ? 'danger' : 'success'}\r\n                    />\r\n                  </div>\r\n                  <div className='col-xl-4'>\r\n                    <MixedWidget7\r\n                      className='card-xl-stretch mb-xl-8'\r\n                      chartColor='danger'\r\n                      chartHeight='200px'\r\n                    />\r\n                  </div>\r\n                </div>\r\n              </Content>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </PageDataProvider>\r\n  )\r\n}\r\n\r\nexport default FactoryDashboard\r\n","import React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport {HubConnectionBuilder, JsonHubProtocol} from '@microsoft/signalr'\r\nimport axios from 'axios'\r\nimport useWindowDimensions from '../../helpers/WindowDimension'\r\nimport Dictionary from '../../helpers/Dictionary'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nimport {Dropdown1} from '../../../../_metronic/partials'\r\nimport {AsideDefault} from '../../../../_metronic/layout/components/aside/AsideDefault'\r\nimport {Footer} from '../../../../_metronic/layout/components/Footer'\r\nimport {HeaderWrapper} from '../../../../_metronic/layout/components/header/HeaderWrapper'\r\nimport {PageDataProvider} from '../../../../_metronic/layout/core'\r\nimport {Content} from '../../../../_metronic/layout/components/Content'\r\nimport {\r\n  MixedWidget1,\r\n  MixedWidget20_1,\r\n  MixedWidget20_2,\r\n  MixedWidget20_3,\r\n  MixedWidget10_2,\r\n  MixedWidget10,\r\n  MixedWidget10_1,\r\n} from '../../../../_metronic/partials/widgets'\r\nimport {stat} from 'fs'\r\nimport Confetti from 'react-confetti'\r\nimport ImageMapper from 'react-image-mapper'\r\nimport Draggable from 'react-draggable'\r\nimport {v4 as uuidv4} from 'uuid'\r\nimport Popup from 'reactjs-popup'\r\nimport SensorArea from './SensorArea'\r\nimport 'reactjs-popup/dist/index.css'\r\nimport {auto, hide, right} from '@popperjs/core'\r\nimport {ToastContainer, toast, Slide, Zoom, Flip, Bounce} from 'react-toastify'\r\n\r\nimport {FabricJSCanvas, useFabricJSEditor} from 'fabricjs-react'\r\nimport {fabric} from 'fabric'\r\n\r\nimport 'react-toastify/dist/ReactToastify.css'\r\nvar randomColor = require('randomcolor')\r\n\r\nfunction DetailDashboard(props) {\r\n  const [connection, setConnection] = useState(null)\r\n  const reconnectRef = useRef(0)\r\n  const urlParams = new URLSearchParams(window.location.search)\r\n  const [isloading, setLoading] = useState(true)\r\n  const [item, setItem] = useState('')\r\n  const [SensorList, setsensorList] = useState([])\r\n  const sensors = useRef({})\r\n  const {selectedObjects, setSelectedObject, editor, onReady} = useFabricJSEditor({\r\n    defaultStrokeColor: 'red',\r\n    selection: false,\r\n  })\r\n  const [text, setText] = useState('')\r\n  const [strokeColor, setStrokeColor] = useState('')\r\n  const [fillColor, setFillColor] = useState('')\r\n  const [isload, setisload] = useState(true)\r\n\r\n  const [layout, setLayout] = useState({\r\n    id: urlParams.get('id') ?? props.layout,\r\n    layoutName: '',\r\n    imageData: null,\r\n    devices: [],\r\n    isZoom: false,\r\n    globalJs: '',\r\n    designObject: [],\r\n  })\r\n  const [state, setState] = useState({\r\n    Data: {},\r\n    DashboardStat: 'CONNECTING',\r\n    SensorList: [],\r\n  })\r\n\r\n  const hubService = process.env.REACT_APP_MIDAS_HUB //\"https://signalr.midassit.com\";\r\n\r\n  useEffect(() => {\r\n    if (connection) {\r\n      connection\r\n        .start()\r\n        .then((result) => {\r\n          setState({\r\n            ...state,\r\n            DashboardStat: 'CONNECTED',\r\n          })\r\n          setLoading(false)\r\n          reconnectRef.current = 0\r\n          connection.onreconnecting((error) => {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'RECONNECTING',\r\n            })\r\n            console.log('Connection lost due to error . Reconnecting.')\r\n          })\r\n\r\n          // Reconnect if hub disconnects\r\n          connection.onclose(function (e) {\r\n            setState({\r\n              ...state,\r\n              DashboardStat: 'DISCONNECTED',\r\n            })\r\n            //console.log('Disconnected');\r\n          })\r\n\r\n          connection.on('ReceiveMessage', (message) => {\r\n            if (typeof message === 'string' || message instanceof String) {\r\n              message = JSON.parse(message)\r\n            }\r\n\r\n            if (message.key !== 'SensorData') return\r\n\r\n            let dataPacket = JSON.parse(message.data)\r\n\r\n            if (\r\n              dataPacket.TimeStamp === undefined ||\r\n              Math.round((new Date() - new Date(dataPacket.TimeStamp)) / 1000) > 10\r\n            ) {\r\n              return\r\n            } else {\r\n              if (!(dataPacket.Plant === layout.id && dataPacket.Packet === 'Dashboard')) {\r\n                return\r\n              }\r\n\r\n              sensors.current = dataPacket\r\n              console.log(message)\r\n              setState({\r\n                ...state,\r\n                DashboardStat: 'CONNECTED',\r\n              })\r\n            }\r\n          })\r\n        })\r\n        .catch((e) => {\r\n          // console.log('Connection failed: ', e)\r\n        })\r\n    }\r\n  }, [connection])\r\n\r\n  useEffect(() => {\r\n    const newConnection = new HubConnectionBuilder()\r\n      .withUrl(hubService + '/Automation/Hub')\r\n      .withAutomaticReconnect()\r\n      .build()\r\n    setConnection(newConnection)\r\n  }, [])\r\n\r\n  if (editor != undefined && isload && layout.designObject.length > 0) {\r\n    var desginObject = {\r\n      version: '4.3.1',\r\n      objects: [],\r\n    }\r\n    for (let index = 0; index < layout.designObject.length; index++) {\r\n      const element = layout.designObject[index]\r\n      var ds = JSON.parse(element.tempFeild1)\r\n      //Movement:\r\n      ds.lockMovementX = true\r\n      ds.lockMovementY = true\r\n\r\n      //Scaling:\r\n      ds.lockScalingX = true\r\n      ds.lockScalingY = true\r\n\r\n      // Rotation:\r\n      ds.lockRotation = true\r\n\r\n      // Object's frame/bounidngBox:\r\n      ds.hasControls = false\r\n      ds.hasBorders = false\r\n      desginObject.objects.push(ds)\r\n    }\r\n    editor?.canvas.loadFromJSON(desginObject)\r\n\r\n    setisload(false)\r\n  }\r\n\r\n  let bodyCss = {\r\n    overflowX: 'hidden',\r\n  }\r\n\r\n  function hideAllNotification() {\r\n    toast.dismissAll()\r\n  }\r\n\r\n  function hideNotification(notification) {\r\n    toast.dismiss(notification.toastId)\r\n  }\r\n\r\n  function getTransactionType(transition) {\r\n    switch (transition.toLowerCase()) {\r\n      case 'flip':\r\n        return Flip\r\n      case 'slide':\r\n        return Slide\r\n      case 'zoom':\r\n        return Zoom\r\n\r\n      default:\r\n        return Bounce\r\n    }\r\n  }\r\n  function getType(type) {\r\n    switch (type.toLowerCase()) {\r\n      case 'info':\r\n        return toast.TYPE.INFO\r\n      case 'error':\r\n        return toast.TYPE.ERROR\r\n      case 'success':\r\n        return toast.TYPE.SUCCESS\r\n      case 'warning':\r\n        return toast.TYPE.WARNING\r\n      default:\r\n        return toast.TYPE.INFO\r\n    }\r\n  }\r\n\r\n  function showNotification(notification) {\r\n    notification.transition = getTransactionType(notification.transition)\r\n    if (toast.isActive(notification.toastId)) {\r\n      notification.render = notification.message\r\n      notification.type = getType(notification.type)\r\n      toast.update(notification.toastId, notification)\r\n      return\r\n    }\r\n\r\n    switch (notification.type) {\r\n      case 'error':\r\n        toast.error(notification.message, notification)\r\n        break\r\n      case 'info':\r\n        toast.info(notification.message, notification)\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.message, notification)\r\n        break\r\n      case 'success':\r\n        toast.success(notification.message, notification)\r\n        break\r\n      default:\r\n        toast(notification.message)\r\n        break\r\n    }\r\n  }\r\n\r\n  function Notification(notification) {\r\n    if (toast.isActive(notification.toastId)) {\r\n      toast.dismiss(notification.toastId)\r\n    }\r\n    switch (notification.Type) {\r\n      case 'error':\r\n        toast.error(notification.Message, {\r\n          toastId: notification?.toastId ?? 'default',\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          hideProgressBar: true,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n\r\n      case 'info':\r\n        toast.info(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'warning':\r\n        toast.warn(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      case 'success':\r\n        toast.success(notification.Message, {\r\n          position: notification?.Position ?? 'top-right',\r\n          autoClose: notification?.Autoclose ?? 5000,\r\n          toastId: notification?.toastId ?? 'default',\r\n          hideProgressBar: false,\r\n          closeOnClick: true,\r\n          pauseOnHover: true,\r\n          draggable: true,\r\n          progress: undefined,\r\n        })\r\n        break\r\n      default:\r\n        toast('Wow so easy!')\r\n        break\r\n    }\r\n  }\r\n\r\n  let backcss = {\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    bottom: 0,\r\n    margin: 'auto',\r\n    width: '1200px',\r\n  }\r\n\r\n  let sensorcss = {\r\n    position: 'absolute',\r\n    width: '1200px',\r\n  }\r\n\r\n  if (!layout.isZoom) {\r\n    backcss = {\r\n      top: 0,\r\n      left: 0,\r\n      right: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n    }\r\n\r\n    sensorcss = {\r\n      position: 'absolute',\r\n    }\r\n\r\n    bodyCss = {}\r\n  }\r\n\r\n  if (isloading) {\r\n    return (\r\n      <>\r\n        <div\r\n          className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n          style={{\r\n            backgroundImage: `url(${toAbsoluteUrl('/media/illustrations/sketchy-1/14.png')})`,\r\n          }}\r\n        >\r\n          {/* begin::Content */}\r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            {/* begin::Logo */}\r\n            <h1>Elysium Automation</h1>\r\n\r\n            {/* end::Logo */}\r\n            {/* begin::Wrapper */}\r\n            <div className='w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto'>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    {state.DashboardStat}{' '}\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n            {/* end::Wrapper */}\r\n          </div>\r\n          {/* end::Content */}\r\n          {/* begin::Footer */}\r\n          <div className='d-flex flex-center flex-column-auto p-10'>\r\n            <div className='d-flex align-items-center fw-bold fs-6'>\r\n              <a href='#' className='text-muted text-hover-primary px-2'>\r\n                {new Date().getFullYear()} &copy;{' '}\r\n                <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n                  <img\r\n                    width={80}\r\n                    src='https://industryx.io/wp-content/uploads/2024/08/logo-2.png'\r\n                  />\r\n                </a>\r\n              </a>\r\n            </div>\r\n          </div>\r\n          {/* end::Footer */}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <PageDataProvider>\r\n      <div className='page d-flex flex-row flex-column-fluid'>\r\n        <div className='wrapper d-flex flex-column flex-row-fluid' id='kt_wrapper'>\r\n          <div\r\n            id='kt_content'\r\n            style={{marginTop: '-170px'}}\r\n            className='content d-flex flex-column flex-column-fluid'\r\n          >\r\n            <div className='post d-flex flex-column-fluid' id='kt_post'>\r\n              <Content>\r\n                <ToastContainer />\r\n                <h1>\r\n                  {layout.layoutName} <br />\r\n                  <small style={{fontSize: '15px'}}>IndustryX</small>\r\n                  <a href='#' className='text-gray-800 text-hover-primary fs-2 fw-bolder me-1'></a>\r\n                  {state.DashboardStat === 'DISABLED' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-dark fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'ACTIVE' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-success fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'CONNECTED' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-info fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                  {state.DashboardStat === 'CONNECTING' && (\r\n                    <a\r\n                      href='#'\r\n                      className='btn btn-sm btn-light-warning fw-bolder ms-2 fs-8 py-1 px-3'\r\n                      data-bs-toggle='modal'\r\n                      data-bs-target='#kt_modal_upgrade_plan'\r\n                    >\r\n                      {state.DashboardStat}\r\n                    </a>\r\n                  )}\r\n                </h1>\r\n                <div>\r\n                  <h3 className='card-title align-items-start flex-column'>\r\n                    <span className='card-label fw-bolder fs-3 mb-1'>\r\n                      {layout.id.replace(/_/g, ' ')} Overview\r\n                    </span>\r\n                  </h3>\r\n                </div>\r\n                <>\r\n                  <div className='row g-5 g-xl-8'>\r\n                    <div className='col-xl-12'>\r\n                      <h3 className='card-title align-items-start flex-column'>\r\n                        <span className='card-label fw-bolder fs-3 mb-1'>Critial</span>\r\n                        <span className='text-muted mt-1 fw-bold fs-7'>\r\n                          {sensors.current.Critical &&\r\n                            ' | ' + sensors.current?.Critical.length + ' Records'}\r\n                        </span>\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n\r\n                  {/* begin::Row */}\r\n                  <div className='row g-5 g-xl-8'>\r\n                    {/* begin::Col */}\r\n                    {sensors.current.Critical &&\r\n                      sensors.current?.Critical.map((item, index) => (\r\n                        <div className='col-xl-4'>\r\n                          <MixedWidget10\r\n                            className='card-xl-stretch mb-xl-8'\r\n                            chartColor='danger'\r\n                            chartHeight='150px'\r\n                            name={item.name}\r\n                            min='-19°C'\r\n                            max='-25°C'\r\n                            val={item.Value}\r\n                            Link={item.Link}\r\n                          />\r\n                        </div>\r\n                      ))}\r\n                    {sensors.current.Critical && sensors.current.Critical.length == 0 && (\r\n                      <div className='col-xl-12'>No Records Found</div>\r\n                    )}\r\n                  </div>\r\n                  {/* end::Row */}\r\n\r\n                  <div className='row g-5 g-xl-8'>\r\n                    <div className='col-xl-12'>\r\n                      .\r\n                      <br />\r\n                      <h3 className='card-title align-items-start flex-column'>\r\n                        <span className='card-label fw-bolder fs-3 mb-1'>Warning</span>\r\n                        <span className='text-muted mt-1 fw-bold fs-7'>\r\n                          {sensors.current.Warning &&\r\n                            ' | ' + sensors.current?.Warning.length + ' Records'}\r\n                        </span>\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n\r\n                  {/* begin::Row */}\r\n                  <div className='row g-5 g-xl-8'>\r\n                    {sensors.current.Warning &&\r\n                      sensors.current?.Warning.map((item, index) => (\r\n                        <div className='col-xl-4'>\r\n                          <MixedWidget10\r\n                            className='card-xl-stretch mb-xl-8'\r\n                            chartColor='warning'\r\n                            chartHeight='150px'\r\n                            name={item.name}\r\n                            min='-19°C'\r\n                            max='-25°C'\r\n                            val={item.Value}\r\n                            Link={item.Link}\r\n                          />\r\n                        </div>\r\n                      ))}\r\n                    {sensors.current.Warning && sensors.current.Warning.length == 0 && (\r\n                      <div className='col-xl-12'>No Records Found</div>\r\n                    )}\r\n                  </div>\r\n                  {/* end::Row */}\r\n\r\n                  {/* end::Row */}\r\n\r\n                  <div className='row g-5 g-xl-8'>\r\n                    <div className='col-xl-12'>\r\n                      <br />\r\n                      <h3 className='card-title align-items-start flex-column'>\r\n                        <span className='card-label fw-bolder fs-3 mb-1'>Normal</span>\r\n                        <span className='text-muted mt-1 fw-bold fs-7'>\r\n                          {sensors.current.Normal &&\r\n                            ' | ' + sensors.current?.Normal.length + ' Records'}\r\n                        </span>\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n\r\n                  {/* begin::Row */}\r\n                  <div className='row g-5 g-xl-8'>\r\n                    {sensors.current.Normal &&\r\n                      sensors.current?.Normal.map((item, index) => (\r\n                        <div className='col-xl-4'>\r\n                          <MixedWidget10\r\n                            className='card-xl-stretch mb-xl-8'\r\n                            chartColor='success'\r\n                            chartHeight='150px'\r\n                            name={item.name}\r\n                            min='-19°C'\r\n                            max='-25°C'\r\n                            val={item.Value}\r\n                            Link={item.Link}\r\n                          />\r\n                        </div>\r\n                      ))}\r\n\r\n                    {sensors.current.Normal && sensors.current.Normal.length == 0 && (\r\n                      <div className='col-xl-12'>No Records Found</div>\r\n                    )}\r\n                  </div>\r\n                  {/* end::Row */}\r\n                </>\r\n              </Content>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Footer />\r\n    </PageDataProvider>\r\n  )\r\n}\r\n\r\nexport default DetailDashboard\r\n","import DisplayGroup from '../config/DisplayGroup'\r\nimport Display from '../config/display'\r\nimport React, {useState, useEffect, useRef} from 'react'\r\nimport './../../../../_metronic/assets/sass/kntdashbaord.css'\r\nimport axios from 'axios'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../../_metronic/helpers'\r\nconst urlParams = new URLSearchParams(window.location.search)\r\n\r\nfunction ViewAll(props) {\r\n  const [InitialLoading, setInitialLoading] = useState(true)\r\n  const [state, setstate] = useState([])\r\n  const [packages, setPackages] = useState([\r\n    'Boiler.Weight',\r\n    'Boiler.Weight',\r\n    'Boiler.Weight',\r\n    'Boiler.Weight',\r\n    'Boiler.Weight',\r\n  ])\r\n\r\n  useEffect(() => {\r\n    axios({\r\n      method: 'get',\r\n      url:\r\n        process.env.REACT_APP_BACKEND_API +\r\n        '/api/sensor-monitor/' +\r\n        props.match?.params?.id +\r\n        '/layouts',\r\n      headers: {},\r\n    }).then((response) => {\r\n      setstate(response.data)\r\n      setInitialLoading(false)\r\n    })\r\n  }, [])\r\n\r\n  if (InitialLoading) {\r\n    return (\r\n      <>\r\n        <div\r\n          className='d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed'\r\n          style={{\r\n            backgroundImage: `url(${toAbsoluteUrl('/media/illustrations/sketchy-1/14.png')})`,\r\n          }}\r\n        >\r\n          {/* begin::Content */}\r\n          <div className='d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20'>\r\n            {/* begin::Logo */}\r\n            <h1>Elysium Automation</h1>\r\n\r\n            {/* end::Logo */}\r\n            {/* begin::Wrapper */}\r\n            <div className='w-lg-500px bg-white rounded shadow-sm p-10 p-lg-15 mx-auto'>\r\n              <div>\r\n                <span\r\n                  className='indicator-progress'\r\n                  style={{display: 'block', textAlign: 'center'}}\r\n                >\r\n                  <>\r\n                    {' '}\r\n                    {state.DashboardStat}{' '}\r\n                    <span className='spinner-border spinner-border-sm align-middle ms-2'></span>\r\n                  </>\r\n                  <br />\r\n                </span>\r\n              </div>\r\n            </div>\r\n            {/* end::Wrapper */}\r\n          </div>\r\n          {/* end::Content */}\r\n          {/* begin::Footer */}\r\n          <div className='d-flex flex-center flex-column-auto p-10'>\r\n            <div className='d-flex align-items-center fw-bold fs-6'>\r\n              <a href='#' className='text-muted text-hover-primary px-2'>\r\n                {new Date().getFullYear()} &copy; Overleap\r\n              </a>\r\n            </div>\r\n          </div>\r\n          {/* end::Footer */}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  if (\r\n    urlParams.get('filter') !== null &&\r\n    urlParams.get('filter') !== undefined &&\r\n    urlParams.get('filter') !== ''\r\n  ) {\r\n    return (\r\n      <>\r\n        <div\r\n          style={{marginTop: '0px', marginLeft: '50px', fontSize: '11px'}}\r\n          className='text-dark '\r\n        >\r\n          <h1>{state.layoutName} by Elysium</h1>\r\n          <hr />\r\n        </div>\r\n        <div style={{marginTop: '-25px'}} className='row'>\r\n          <div\r\n            className='col-sm-3'\r\n            style={{width: state.width + 'px', height: state.height + 'px'}}\r\n          >\r\n            <DisplayGroup layout={state.code} object={urlParams.get('filter')} />\r\n          </div>\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  if (state.type === 'P') {\r\n    return (\r\n      <>\r\n        <div\r\n          style={{marginTop: '0px', marginLeft: '50px', fontSize: '11px'}}\r\n          className='text-dark '\r\n        >\r\n          <h1>{state.layoutName} by Elysium</h1>\r\n          {/*  <span className='text-muted fw-bold me-2'>{new Date().getFullYear()} &copy;</span>\r\n            <a href='#' className='text-gray-800 text-hover-primary'>\r\n              overleap | Elysium  \r\n            </a>*/}\r\n          <hr />\r\n        </div>\r\n        <div style={{marginTop: '-25px'}} className='row'>\r\n          {state.packets.map((item, index) => {\r\n            if (\r\n              urlParams.get('filter') !== null &&\r\n              urlParams.get('filter') !== undefined &&\r\n              urlParams.get('filter') !== ''\r\n            ) {\r\n              if (\r\n                urlParams.get('filter').toLocaleLowerCase() === item.toString().toLocaleLowerCase()\r\n              ) {\r\n                return (\r\n                  <div\r\n                    className='col-sm-3'\r\n                    style={{width: state.width + 'px', height: state.height + 'px'}}\r\n                  >\r\n                    <DisplayGroup layout={state.code} object={item} />\r\n                  </div>\r\n                )\r\n              }\r\n            } else {\r\n              return (\r\n                <div\r\n                  className='col-sm-3'\r\n                  style={{width: state.width + 'px', height: state.height + 'px'}}\r\n                >\r\n                  <DisplayGroup layout={state.code} object={item} />\r\n                </div>\r\n              )\r\n            }\r\n          })}\r\n        </div>\r\n      </>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <div className='row'>\r\n        {state.layouts.map((item, index) => {\r\n          return (\r\n            <div className='col-lg-6'>\r\n              <Display layout={item} />\r\n            </div>\r\n          )\r\n        })}\r\n      </div>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default ViewAll\r\n","/**\r\n * High level router.\r\n *\r\n * Note: It's recommended to compose related routes in internal router\r\n * components (e.g: `src/app/modules/Auth/pages/AuthPage`, `src/app/BasePage`).\r\n */\r\n\r\nimport React, { FC } from 'react'\r\nimport { Redirect, Switch, Route } from 'react-router-dom'\r\nimport { shallowEqual, useSelector } from 'react-redux'\r\nimport { MasterLayout } from '../../_metronic/layout/MasterLayout'\r\nimport { PrivateRoutes } from './PrivateRoutes'\r\nimport { Logout, AuthPage } from '../modules/auth'\r\nimport { ErrorsPage } from '../modules/errors/ErrorsPage'\r\nimport { RootState } from '../../setup'\r\nimport Home from '../ui/knitting/dashboard/Home'\r\nimport Test from \"../ui/sensor/config/Test\";\r\n\r\nimport Testx from '../ui/knitting/dashboard/Testx'\r\nimport SensorIndex from \"../ui/sensor/config/index\";\r\nimport Display from \"../ui/sensor/config/display\";\r\nimport MainDashboard from \"../ui/sensor/config/MainDashboard\";\r\nimport FactoryDashboard from \"../ui/sensor/config/FactoryDashboard\";\r\nimport DetailDashboard from \"../ui/sensor/config/DetailDashboard\";\r\n\r\n\r\n\r\n\r\nimport Map from \"../ui/sensor/config/Map\";\r\nimport ViewAll from \"../ui/sensor/config/ViewAll\"\r\nimport { useDataLayerValue } from \"../../DataLayer\";\r\n\r\n\r\nconst Routes: FC = () => {\r\n  const isAuthorized = useSelector<RootState>(({ auth }) => auth.user, shallowEqual)\r\n  const [{ token, user }, dispatch] = useDataLayerValue();\r\n\r\n\r\n  return (\r\n    <>\r\n\r\n      <Switch>\r\n\r\n        {!token ? (\r\n          /*Render auth page when user at `/auth` and not authorized.*/\r\n          <Route>\r\n            <AuthPage />\r\n          </Route>\r\n        ) : (\r\n          /*Otherwise redirect to root page (`/`)*/\r\n          <Redirect from='/auth' to={'/facility/' + user.facility} />\r\n        )}\r\n\r\n        <Route path='/map/:id' component={Map} />\r\n        <Route path='/error' component={ErrorsPage} />\r\n        <Route path='/logout' component={Logout} />\r\n\r\n        {!token ? (\r\n          /*Redirect to `/auth` when user is not authorized*/\r\n          <Redirect to='/auth/login' />\r\n        ) : (\r\n          <>\r\n\r\n            <MasterLayout>\r\n              <PrivateRoutes />\r\n            </MasterLayout>\r\n          </>\r\n        )}\r\n      </Switch>\r\n\r\n    </>\r\n  )\r\n\r\n  if (token !== '' && token !== null && token !== undefined) {\r\n    return (\r\n      <Switch>\r\n\r\n        <Route path='/error' component={ErrorsPage} />\r\n        <Route path='/logout' component={Logout} />\r\n        <Route path='/pmp-knt-live' component={Home} />\r\n        <Route path='/group-layout/:id' component={ViewAll} />\r\n        <Route path='/layout/:id' component={Display} />\r\n        <Route path='/chain' component={MainDashboard} />\r\n        <Route path='/factory' component={FactoryDashboard} />\r\n        <Route path='/detail' component={DetailDashboard} />\r\n        <Route path='/map/:id' component={Map} />\r\n        <Route path='/Sensor' component={SensorIndex} />\r\n        <Route path='/tt' component={Test} />\r\n\r\n\r\n\r\n\r\n        <MasterLayout>\r\n          <PrivateRoutes />\r\n        </MasterLayout>\r\n\r\n      </Switch>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n\r\n      <Switch>\r\n\r\n        {!token ? (\r\n          /*Render auth page when user at `/auth` and not authorized.*/\r\n          <Route>\r\n            <AuthPage />\r\n          </Route>\r\n        ) : (\r\n\r\n          /*Otherwise redirect to root page (`/`)*/\r\n          <Redirect from='/auth' to='/' />\r\n        )}\r\n\r\n        <Route path='/error' component={ErrorsPage} />\r\n        <Route path='/logout' component={Logout} />\r\n\r\n        {!token ? (\r\n          /*Redirect to `/auth` when user is not authorized*/\r\n          <Redirect to='/auth/login' />\r\n        ) : (\r\n          <>\r\n            <MasterLayout>\r\n              <PrivateRoutes />\r\n            </MasterLayout>\r\n          </>\r\n        )}\r\n      </Switch>\r\n\r\n    </>\r\n  )\r\n\r\n  return (\r\n    <Switch>\r\n\r\n\r\n      <Route>\r\n        <AuthPage />\r\n      </Route>\r\n      {/*\r\n      !(token !== '' && token !== null && token !== undefined) ? (\r\n      <Route>\r\n        <AuthPage />\r\n      </Route>\r\n      ) : (\r\n      <Redirect from='/auth' to='/:uuid' />\r\n      )\r\n\r\n\r\n      !(token !== '' && token !== null && token !== undefined) ? (\r\n      <Redirect to='/auth/login/:uuid' />\r\n      ) : (\r\n      <MasterLayout>\r\n        <PrivateRoutes />\r\n      </MasterLayout>\r\n      )\r\n\r\n\r\n */}\r\n\r\n\r\n\r\n      <MasterLayout>\r\n        <PrivateRoutes />\r\n      </MasterLayout>\r\n\r\n      <Route path='/error' component={ErrorsPage} />\r\n      <Route path='/logout' component={Logout} />\r\n      <Route path='/pmp-knt-live' component={Home} />\r\n      <Route path='/group-layout/:id' component={ViewAll} />\r\n      <Route path='/layout/:id' component={Display} />\r\n      <Route path='/map/:id' component={Map} />\r\n      <Route path='/sensor/viewall/:id' component={ViewAll} />\r\n      <Route path='/Sensor/view' component={Display} />\r\n      <Route path='/Sensor' component={SensorIndex} />\r\n\r\n\r\n    </Switch>\r\n  )\r\n}\r\n\r\nexport { Routes }\r\n","import React, {Suspense} from 'react'\r\nimport {BrowserRouter} from 'react-router-dom'\r\nimport {I18nProvider} from '../_metronic/i18n/i18nProvider'\r\nimport {LayoutProvider, LayoutSplashScreen} from '../_metronic/layout/core'\r\nimport AuthInit from './modules/auth/redux/AuthInit'\r\nimport {Routes} from './routing/Routes'\r\n\r\ntype Props = {\r\n  basename: string\r\n}\r\n\r\nconst App: React.FC<Props> = ({basename}) => {\r\n  return (\r\n    <Suspense fallback={<LayoutSplashScreen />}>\r\n      <BrowserRouter basename={basename}>\r\n        <I18nProvider>\r\n          <LayoutProvider>\r\n              <Routes />\r\n          </LayoutProvider>\r\n        </I18nProvider>\r\n      </BrowserRouter>\r\n    </Suspense>\r\n  )\r\n}\r\n\r\nexport {App}\r\n/*\r\n    <Suspense fallback={<LayoutSplashScreen />}>\r\n      <BrowserRouter basename={basename}>\r\n        <I18nProvider>\r\n          <LayoutProvider>\r\n            <AuthInit>\r\n              <Routes />\r\n            </AuthInit>\r\n          </LayoutProvider>\r\n        </I18nProvider>\r\n      </BrowserRouter>\r\n    </Suspense>\r\n*/","import React from 'react'\r\nimport ReactDOM from 'react-dom'\r\n// Redux\r\n// https://github.com/rt2zz/redux-persist\r\nimport {PersistGate} from 'redux-persist/integration/react'\r\nimport {Provider} from 'react-redux'\r\nimport * as _redux from './setup'\r\nimport store, {persistor} from './setup/redux/Store'\r\n// Axios\r\nimport axios from 'axios'\r\nimport {Chart, registerables} from 'chart.js'\r\n\r\n\r\nimport { DataLayer } from \"./DataLayer\";\r\nimport reducer, { initialState } from \"./reducer\";\r\n\r\n// Apps\r\nimport {App} from './app/App'\r\nimport {MetronicI18nProvider} from './_metronic/i18n/Metronici18n'\r\n/**\r\n * TIP: Replace this style import with dark styles to enable dark mode\r\n *\r\n * import './_metronic/assets/sass/style.dark.scss'\r\n *\r\n * TIP: Replace this style import with rtl styles to enable rtl mode\r\n *\r\n * import './_metronic/assets/css/style.rtl.css'\r\n **/\r\nimport './_metronic/assets/sass/style.scss'\r\nimport './_metronic/assets/sass/style.react.scss'\r\n/**\r\n * Base URL of the website.\r\n *\r\n * @see https://facebook.github.io/create-react-app/docs/using-the-public-folder\r\n */\r\nconst {PUBLIC_URL} = process.env\r\n/**\r\n * Creates `axios-mock-adapter` instance for provided `axios` instance, add\r\n * basic Metronic mocks and returns it.\r\n *\r\n * @see https://github.com/ctimmerm/axios-mock-adapter\r\n */\r\n\r\n/* const mock = */ \r\n// COMMENTED\r\n//_redux.mockAxios(axios)\r\n/**\r\n * Inject Metronic interceptors for axios.\r\n *\r\n * @see https://github.com/axios/axios#interceptors\r\n */\r\n// COMMENTED\r\n//_redux.setupAxios(axios, store)\r\n\r\nChart.register(...registerables)\r\n\r\nReactDOM.render(\r\n  <MetronicI18nProvider>\r\n    <Provider store={store}>\r\n      {/* Asynchronously persist redux stores and show `SplashScreen` while it's loading. */}\r\n      <PersistGate persistor={persistor} loading={<div>Loading..</div>}>\r\n      <DataLayer initialState={initialState} reducer={reducer}>\r\n        <App basename={PUBLIC_URL} />\r\n      </DataLayer>\r\n      </PersistGate>\r\n    </Provider>\r\n  </MetronicI18nProvider>,\r\n  document.getElementById('root')\r\n)\r\n","export function getMarkerHolderStyle(size, origin) {\r\n  const left = -size.width * origin.x\r\n  const top = -size.height * origin.y\r\n  return {\r\n    position: 'absolute',\r\n    width: size.width,\r\n    height: size.height,\r\n    left: left,\r\n    top: top,\r\n    cursor: 'pointer',\r\n  }\r\n}\r\n\r\nexport function getMarkerStyle(size, origin) {\r\n  const sizeOriginX = size.width * origin.x\r\n  const sizeOriginY = size.height * origin.y\r\n\r\n  return {\r\n    position: 'absolute',\r\n    width: size.width,\r\n    height: size.height,\r\n    left: 0,\r\n    top: 0,\r\n    willChange: 'transform', // it looks like this setting make firefox random marker movements smaller\r\n    backgroundSize: `${size.width}px ${size.height}px`,\r\n    backgroundRepeat: 'no-repeat',\r\n    // transition: 'transform 0.25s ease',\r\n    transition: 'transform 0.25s cubic-bezier(0.485, 1.650, 0.545, 0.835)',\r\n    WebkitTransition: '-webkit-transform 0.25s cubic-bezier(0.485, 1.650, 0.545, 0.835)',\r\n    transformOrigin: `${sizeOriginX}px ${sizeOriginY}px`,\r\n    WebkitTransformOrigin: `${sizeOriginX}px ${sizeOriginY}px`,\r\n  }\r\n}\r\n\r\nconst textStyle_ = {\r\n  width: '100%',\r\n  textAlign: 'center',\r\n  marginTop: 10,\r\n  fontWeight: 'bold',\r\n  fontSize: '18px',\r\n  color: 'black',\r\n}\r\n\r\nexport function getMarkerTextStyle() {\r\n  return textStyle_\r\n}\r\n","/*\r\n * Marker example\r\n */\r\n\r\nimport React, {Component} from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport cx from 'classnames'\r\n\r\nimport controllable from 'react-controllables'\r\n\r\nimport shouldPureComponentUpdate from 'react-pure-render/function'\r\nimport {\r\n  getHintBottomOffsetClass,\r\n  getHintBaloonVerticalPosClass,\r\n  getHintBaloonHorizontalPosStyle,\r\n} from '../helpers/balloon_pos.js'\r\nimport {getMarkerHolderStyle, getMarkerStyle, getMarkerTextStyle} from '../helpers/marker_styles.js'\r\n\r\nconst K_HINT_HTML_DEFAULT_Z_INDEX = 1000000\r\nconst K_SCALE_HOVER = 1\r\nconst K_SCALE_TABLE_HOVER = 1\r\nconst K_SCALE_NORMAL = 0.65\r\nconst K_MIN_CONTRAST = 0.4\r\n\r\nfunction calcMarkerMarkerStyle(scale, zIndexStyle, markerStyle, imageStyle) {\r\n  const contrast = K_MIN_CONTRAST + (1 - K_MIN_CONTRAST) * Math.min(scale / K_SCALE_NORMAL, 1)\r\n\r\n  return {\r\n    transform: `scale(${scale} , ${scale})`,\r\n    WebkitTransform: `scale(${scale} , ${scale})`,\r\n    filter: `contrast(${contrast})`,\r\n    WebkitFilter: `contrast(${contrast})`,\r\n    ...markerStyle,\r\n    ...zIndexStyle,\r\n    ...imageStyle,\r\n  }\r\n}\r\n\r\nfunction calcMarkerTextStyle(scale, markerTextStyle) {\r\n  const K_MAX_COLOR_VALUE = 0\r\n  const K_MIN_COLOR_VALUE = 8\r\n  const colorV = Math.ceil(\r\n    K_MIN_COLOR_VALUE +\r\n      (K_MAX_COLOR_VALUE - K_MIN_COLOR_VALUE) * Math.min(scale / K_SCALE_NORMAL, 1)\r\n  )\r\n  const colorHex = colorV.toString(16)\r\n  const colorHTML = `#${colorHex}${colorHex}${colorHex}`\r\n\r\n  return {\r\n    ...markerTextStyle,\r\n    color: colorHTML,\r\n  }\r\n}\r\n\r\nexport {K_SCALE_NORMAL}\r\n\r\n//@controllable(['hoverState', 'showBallonState'])\r\nexport default class MapMarker extends Component {\r\n  static propTypes = {\r\n    $hover: PropTypes.bool,\r\n    $dimensionKey: PropTypes.any,\r\n    $getDimensions: PropTypes.func,\r\n    $geoService: PropTypes.any,\r\n    $onMouseAllow: PropTypes.func,\r\n\r\n    marker: PropTypes.any,\r\n    hoveredAtTable: PropTypes.bool,\r\n    scale: PropTypes.number,\r\n    showBallon: PropTypes.bool,\r\n    onCloseClick: PropTypes.func,\r\n    showBallonState: PropTypes.bool.isRequired,\r\n    onShowBallonStateChange: PropTypes.func.isRequired,\r\n\r\n    // animation helpers\r\n    hoverState: PropTypes.bool.isRequired,\r\n    onHoverStateChange: PropTypes.func.isRequired,\r\n\r\n    size: PropTypes.any,\r\n    origin: PropTypes.any,\r\n    imageClass: PropTypes.string,\r\n    image: PropTypes.string,\r\n    withText: PropTypes.bool,\r\n    hintType: PropTypes.string,\r\n  }\r\n\r\n  static defaultProps = {\r\n    scale: K_SCALE_NORMAL,\r\n    hoverState: false,\r\n    showBallonState: false,\r\n    withText: false,\r\n    size: {width: 62, height: 60},\r\n    origin: {x: 15 / 62, y: 1},\r\n    imageClass: 'map-marker__marker--big',\r\n    hintType: 'hint--info',\r\n  }\r\n\r\n  shouldComponentUpdate = shouldPureComponentUpdate\r\n\r\n  constructor(props) {\r\n    super(props)\r\n    this.alive = true\r\n  }\r\n\r\n  _onShowBallonStateChange = (...args) => {\r\n    if (!this.alive) return\r\n    this.props.onShowBallonStateChange(...args)\r\n  }\r\n\r\n  _onHoverStateChange = (...args) => {\r\n    if (!this.alive) return\r\n    this.props.onHoverStateChange(...args)\r\n  }\r\n\r\n  _onMouseEnterContent = (/*e*/) => {\r\n    this.props.$onMouseAllow(false) // disable mouse move hovers\r\n  }\r\n\r\n  _onMouseLeaveContent = (/*e*/) => {\r\n    this.props.$onMouseAllow(true) // enable mouse move hovers\r\n  }\r\n\r\n  _onCloseClick = () => {\r\n    if (this.props.onCloseClick) {\r\n      this.props.onCloseClick()\r\n    }\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    // if (this.props.onCloseClick) {\r\n    //   this.props.onCloseClick();\r\n    // }\r\n    this.alive = false\r\n  }\r\n\r\n  // no optimizations at all\r\n  render() {\r\n    // TODO add http://schema.org/docs/gs.html\r\n    let scale = this.props.$hover || this.props.showBallon ? K_SCALE_HOVER : this.props.scale\r\n    scale = this.props.hoveredAtTable ? K_SCALE_TABLE_HOVER : scale\r\n\r\n    const markerHolderStyle = getMarkerHolderStyle(this.props.size, this.props.origin)\r\n    const markerStyle = getMarkerStyle(this.props.size, this.props.origin)\r\n\r\n    const zIndexStyle = {\r\n      zIndex:\r\n        Math.round(scale * 10000) -\r\n        (this.props.showBallon ? 20 : 0) +\r\n        (this.props.$hover ? K_HINT_HTML_DEFAULT_Z_INDEX : 0), // balloon\r\n    }\r\n\r\n    const textStyleDef = getMarkerTextStyle()\r\n    const textStyle = calcMarkerTextStyle(scale, textStyleDef)\r\n\r\n    const showHint = this.props.hoverState || this.props.showBallonState // || this.props.hoveredAtTable;\r\n\r\n    // baloon position calc\r\n    const mapWidth = this.props.$geoService.getWidth()\r\n    const mapHeight = this.props.$geoService.getHeight()\r\n    const markerDim = this.props.$getDimensions(this.props.$dimensionKey)\r\n\r\n    const hintBaloonHorizontalPosStyle = getHintBaloonHorizontalPosStyle(\r\n      markerDim.x,\r\n      this.props.size.width,\r\n      this.props.origin.x,\r\n      mapWidth\r\n    )\r\n    const hintBaloonVerticalPosClass = getHintBaloonVerticalPosClass(markerDim.y, mapHeight)\r\n\r\n    const hintBalloonBottomOffsetClass = getHintBottomOffsetClass(\r\n      this.props.size.width,\r\n      this.props.origin.x\r\n    )\r\n\r\n    // set baloon position at first and then animate (it must be some lib for react animations)\r\n    const noTransClass =\r\n      this.props.$hover === true && this.props.hoverState !== true ? 'hint--notrans' : ''\r\n    const noTransBalloonClass =\r\n      this.props.showBallon === true && this.props.showBallonState !== true ? 'hint--notrans' : ''\r\n\r\n    const imageClass = this.props.image ? '' : this.props.imageClass\r\n    const imageStyle = this.props.image\r\n      ? {\r\n          backgroundImage: `url(${this.props.image})`,\r\n        }\r\n      : null\r\n\r\n    const styleMarkerMarker = calcMarkerMarkerStyle(scale, zIndexStyle, markerStyle, imageStyle)\r\n\r\n    // css hints library https://github.com/istarkov/html-hint\r\n    return (\r\n      <div\r\n        style={markerHolderStyle}\r\n        className={cx(\r\n          'map-marker hint hint--html',\r\n          this.props.hintType,\r\n          hintBalloonBottomOffsetClass,\r\n          noTransClass,\r\n          noTransBalloonClass,\r\n          hintBaloonVerticalPosClass,\r\n          this.props.showBallon ? 'hint--balloon' : '',\r\n          showHint ? 'hint--always' : 'hint--hidden'\r\n        )}\r\n      >\r\n        <div style={styleMarkerMarker} className={cx('map-marker__marker', imageClass)}>\r\n          {this.props.withText ? (\r\n            <div style={textStyle}>{this.props.marker.get('number')}</div>\r\n          ) : (\r\n            <div />\r\n          )}\r\n        </div>\r\n        <div\r\n          style={hintBaloonHorizontalPosStyle}\r\n          className={cx('hint__content map-marker-hint', this.props.showBallon ? '' : 'noevents')}\r\n          onMouseEnter={this._onMouseEnterContent}\r\n          onMouseLeave={this._onMouseLeaveContent}\r\n        >\r\n          <div\r\n            onClick={this._onCloseClick}\r\n            className={cx(\r\n              'map-marker-hint__close-button',\r\n              this.props.showBallon ? 'map-marker-hint__close-button--visible' : ''\r\n            )}\r\n          >\r\n            close\r\n          </div>\r\n\r\n          <div className='map-marker-hint__title'>\r\n            <strong>{this.props.marker.get('title')}</strong>\r\n          </div>\r\n          <div className='map-marker-hint__address'>{this.props.marker.get('address')}</div>\r\n\r\n          <div\r\n            className={cx(\r\n              'map-marker-hint__content',\r\n              this.props.showBallon ? 'map-marker-hint__content--visible' : ''\r\n            )}\r\n          >\r\n            {this.props.marker.get('description')}\r\n          </div>\r\n\r\n          <div>\r\n            <a\r\n              className={cx(\r\n                'map-marker-hint__ap-link',\r\n                this.props.showBallon ? 'map-marker-hint__ap-link--hidden' : ''\r\n              )}\r\n            >\r\n              Click to view more info\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  componentDidUpdate(prevProps) {\r\n    const K_TRANS_DELAY = 30\r\n\r\n    if (prevProps.$hover !== this.props.$hover) {\r\n      setTimeout(() => this._onHoverStateChange(this.props.$hover), K_TRANS_DELAY)\r\n    }\r\n\r\n    if (prevProps.showBallon !== this.props.showBallon) {\r\n      setTimeout(() => this._onShowBallonStateChange(this.props.showBallon), K_TRANS_DELAY)\r\n    }\r\n  }\r\n}\r\n","export function getHintBaloonVerticalPosClass(y /*, mapHeight*/) {\r\n  const K_MAX_BALLOON_HEIGHT = 240\r\n  return y > K_MAX_BALLOON_HEIGHT ? 'hint--top' : 'hint--bottom'\r\n}\r\n\r\nexport function getHintBaloonHorizontalPosStyle(x, markerWidth, markerOffset, mapWidth) {\r\n  const K_BALLOON_WIDTH_BASE = 250\r\n  // offset from map side\r\n  const K_BALLOON_MAP_OFFSET = 10\r\n  // balloon with not more than map width\r\n  const K_BALLOON_WIDTH = Math.min(K_BALLOON_WIDTH_BASE, mapWidth - 2 * K_BALLOON_MAP_OFFSET)\r\n  // default ballon offset from arrow center i want\r\n  const K_BALLOON_DEFAULT_OFFSET = K_BALLOON_WIDTH * 0.15\r\n  // from corner\r\n  const offset = -K_BALLOON_DEFAULT_OFFSET + markerWidth * 0.5\r\n  // overflow in px (marker assymetric)\r\n  const leftX = x + offset - markerWidth * markerOffset\r\n  const rightX = leftX + K_BALLOON_WIDTH\r\n  // recalc if overflow\r\n  const mapOffset =\r\n    offset +\r\n    Math.min(0, mapWidth - K_BALLOON_MAP_OFFSET - rightX) +\r\n    Math.max(0, K_BALLOON_MAP_OFFSET - leftX)\r\n\r\n  const K_BALLOON_WIDTH_STYLE = {\r\n    width: `${K_BALLOON_WIDTH}px`,\r\n    left: `${mapOffset}px`,\r\n    marginLeft: '0px',\r\n  }\r\n  return K_BALLOON_WIDTH_STYLE\r\n}\r\n\r\nexport function getHintBottomOffsetClass(markerWidth, markerOffset) {\r\n  const K_HINT_ARROW_WIDTH = 12\r\n  const offset = Math.round(\r\n    -(markerWidth / 2 + K_HINT_ARROW_WIDTH / 2 - markerOffset * markerWidth)\r\n  )\r\n\r\n  // classes generated at sass/markers/map_marker.sass\r\n  return 'map-marker--hint-bottom-delta-' + offset\r\n}\r\n","export default function Loading() {\r\n  return (\r\n    <div className='row gy-5 g-xl-12'>\r\n      <div className='card mb-5 mb-xl-10'>\r\n        <div className='notice d-flex col-lg-12 rounded border border-dashed min-w-lg-600px flex-shrink-0 p-6'>\r\n          <div className='d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap'>\r\n            <div className='mb-3 mb-md-0 fw-bold'>\r\n              <div className='fs-6 text-gray-600 text-gray-800 fw-bolder pe-7'>\r\n                <span\r\n                  className='spinner-border spinner-border-lg align-middle ms-2'\r\n                  style={{marginRight: '15px'}}\r\n                ></span>\r\n                Loading...\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n","import React from 'react'\r\nimport clsx from 'clsx'\r\nimport {useLocation} from 'react-router'\r\nimport {checkIsActive, KTSVG} from '../../../helpers'\r\nimport {useLayout} from '../../core'\r\n\r\ntype Props = {\r\n  to: string\r\n  title: string\r\n  icon?: string\r\n  fontIcon?: string\r\n  hasBullet?: boolean\r\n}\r\n\r\nconst AsideMenuItemWithSub: React.FC<Props> = ({\r\n  children,\r\n  to,\r\n  title,\r\n  icon,\r\n  fontIcon,\r\n  hasBullet,\r\n}) => {\r\n  const {pathname} = useLocation()\r\n  const isActive = checkIsActive(pathname, to)\r\n  const {config} = useLayout()\r\n  const {aside} = config\r\n\r\n  return (\r\n    <div\r\n      className={clsx('menu-item', {'here show': isActive}, 'menu-accordion')}\r\n      data-kt-menu-trigger='click'\r\n    >\r\n      <span className='menu-link'>\r\n        {hasBullet && (\r\n          <span className='menu-bullet'>\r\n            <span className='bullet bullet-dot'></span>\r\n          </span>\r\n        )}\r\n        {icon && aside.menuIcon === 'svg' && (\r\n          <span className='menu-icon'>\r\n            <KTSVG path={icon} className='svg-icon-2' />\r\n          </span>\r\n        )}\r\n        {fontIcon && aside.menuIcon === 'font' && <i className={clsx('bi fs-3', fontIcon)}></i>}\r\n        <span className='menu-title'>{title}</span>\r\n        <span className='menu-arrow'></span>\r\n      </span>\r\n      <div className={clsx('menu-sub menu-sub-accordion', {'menu-active-bg': isActive})}>\r\n        {children}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {AsideMenuItemWithSub}\r\n","import React from 'react'\r\nimport clsx from 'clsx'\r\nimport { Link } from 'react-router-dom'\r\nimport { useLocation } from 'react-router'\r\nimport { checkIsActive, KTSVG } from '../../../helpers'\r\nimport { useLayout } from '../../core'\r\n\r\ntype Props = {\r\n  to: string\r\n  title: string\r\n  icon?: string\r\n  fontIcon?: string\r\n  hasBullet?: boolean\r\n}\r\n\r\nconst AsideMenuItem: React.FC<Props> = ({\r\n  children,\r\n  to,\r\n  title,\r\n  icon,\r\n  fontIcon,\r\n  hasBullet = false,\r\n}) => {\r\n  const { pathname } = useLocation()\r\n  const isActive = checkIsActive(pathname, to)\r\n  const { config } = useLayout()\r\n  const { aside } = config\r\n\r\n  return (\r\n    <div className='menu-item'>\r\n      <a className={clsx('menu-link without-sub', { active: isActive })} href={to}>\r\n        {hasBullet && (\r\n          <span className='menu-bullet'>\r\n            <span className='bullet bullet-dot'></span>\r\n          </span>\r\n        )}\r\n        {icon && aside.menuIcon === 'svg' && (\r\n          <span className='menu-icon'>\r\n            <KTSVG path={icon} className='svg-icon-2' />\r\n          </span>\r\n        )}\r\n        {fontIcon && aside.menuIcon === 'font' && <i className={clsx('bi fs-3', fontIcon)}></i>}\r\n        <span className='menu-title'>{title}</span>\r\n      </a>\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { AsideMenuItem }\r\n","/* eslint-disable react/jsx-no-target-blank */\r\nimport React from 'react'\r\nimport {useIntl} from 'react-intl'\r\nimport {KTSVG} from '../../../helpers'\r\nimport {AsideMenuItemWithSub} from './AsideMenuItemWithSub'\r\nimport {AsideMenuItem} from './AsideMenuItem'\r\nimport {useDataLayerValue} from '../../../../DataLayer'\r\n\r\nexport function AsideMenuMain() {\r\n  const intl = useIntl()\r\n  const [{user}, dispatch] = useDataLayerValue()\r\n\r\n  return (\r\n    <>\r\n      {/* <AsideMenuItem\r\n        to='/dashboard'\r\n        icon='/media/icons/duotune/art/art002.svg'\r\n        title={intl.formatMessage({id: 'MENU.DASHBOARD'})}\r\n        fontIcon='bi-app-indicator'\r\n      />*/}\r\n      <>\r\n        <div className='menu-item'>\r\n          <div className='menu-content pt-8 pb-2'>\r\n            <span className='menu-section text-muted text-uppercase fs-8 ls-1'>Operation</span>\r\n          </div>\r\n        </div>\r\n      </>\r\n      <AsideMenuItemWithSub\r\n        to='#'\r\n        title='Alert Management'\r\n        icon='/media/icons/duotune/general/gen025.svg'\r\n        fontIcon='bi-layers'\r\n      >\r\n        <AsideMenuItem to='/alerts/open' title='View All Alerts' hasBullet={true} />\r\n        {/* <AsideMenuItem to='/all-groups' title='View Layout Groups' hasBullet={true} />*/}\r\n      </AsideMenuItemWithSub>\r\n\r\n      {window.location.hostname.toLowerCase() === 'portal.smartgas.biz' && (\r\n        <>\r\n          {(user.email === 'gevan@overleap.lk' || user.email === 'wong@sg.com') && (\r\n            <>\r\n              <div className='menu-item'>\r\n                <div className='menu-content pt-8 pb-2'>\r\n                  <span className='menu-section text-muted text-uppercase fs-8 ls-1'>\r\n                    Operation\r\n                  </span>\r\n                </div>\r\n              </div>\r\n              <AsideMenuItem\r\n                to={'/smartgas/main'}\r\n                title={'Smart Gas'}\r\n                icon='/media/icons/duotune/general/gen028.svg'\r\n                fontIcon='bi-layers'\r\n              ></AsideMenuItem>\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n\r\n      <>\r\n        <div className='menu-item'>\r\n          <div className='menu-content pt-8 pb-2'>\r\n            <span className='menu-section text-muted text-uppercase fs-8 ls-1'>Layouts</span>\r\n          </div>\r\n        </div>\r\n      </>\r\n\r\n      {user?.menu.map((item, index) => (\r\n        <AsideMenuItemWithSub\r\n          to={item.url}\r\n          title={item.name}\r\n          icon='/media/icons/duotune/general/gen025.svg'\r\n          fontIcon='bi-layers'\r\n        >\r\n          <AsideMenuItem to={item.url} title='Chains' hasBullet={false} />\r\n          {item?.subMenu.map((subsector, index2) => (\r\n            <>\r\n              {subsector.subMenu.length == 0 && (\r\n                <>\r\n                  {window.location.hostname.toLowerCase() === 'e2eq.lk' && (\r\n                    <>\r\n                      <AsideMenuItem to={subsector.url} title={subsector.name} hasBullet={true} />\r\n                    </>\r\n                  )}\r\n\r\n                  {window.location.hostname.toLowerCase() !== 'portal.smartgas.biz' &&\r\n                    window.location.hostname.toLowerCase() !== 'e2eq.lk' && (\r\n                      <>\r\n                        <AsideMenuItem\r\n                          to={subsector.url.replace('facility-detail', 'facility-detail2')}\r\n                          title={subsector.name}\r\n                          hasBullet={true}\r\n                        />\r\n                      </>\r\n                    )}\r\n                </>\r\n              )}\r\n\r\n              {subsector.subMenu.length > 0 && (\r\n                <AsideMenuItemWithSub\r\n                  to={subsector.url}\r\n                  title={subsector.name}\r\n                  icon='/media/icons/duotune/finance/fin006.svg'\r\n                  fontIcon='bi-layers'\r\n                >\r\n                  {subsector.subMenu.map((factory, index3) => (\r\n                    <>\r\n                      {/* need to fix */}\r\n\r\n                      {window.location.hostname.toLowerCase() === 'portal.smartgas.biz' && (\r\n                        <>\r\n                          {factory.subMenu.length == 0 && (\r\n                            <AsideMenuItem\r\n                              to={factory.url.replace('facility-detail', 'facility-detail2')}\r\n                              title={factory.name}\r\n                              hasBullet={true}\r\n                            />\r\n                          )}\r\n                        </>\r\n                      )}\r\n                      {window.location.hostname.toLowerCase() != 'portal.smartgas.biz' && (\r\n                        <>\r\n                          {factory.subMenu.length == 0 && (\r\n                            <AsideMenuItem to={factory.url} title={factory.name} hasBullet={true} />\r\n                          )}\r\n                        </>\r\n                      )}\r\n\r\n                      {factory.subMenu.length > 0 && (\r\n                        <AsideMenuItemWithSub\r\n                          to={factory.url}\r\n                          title={factory.name}\r\n                          icon='/media/icons/duotune/finance/fin006.svg'\r\n                          fontIcon='bi-layers'\r\n                        >\r\n                          {factory.subMenu.map((itm1, index3) => (\r\n                            <AsideMenuItem to={itm1.url} title={itm1.name} hasBullet={true} />\r\n                          ))}\r\n                        </AsideMenuItemWithSub>\r\n                      )}\r\n                    </>\r\n                  ))}\r\n                </AsideMenuItemWithSub>\r\n              )}\r\n            </>\r\n          ))}\r\n        </AsideMenuItemWithSub>\r\n      ))}\r\n\r\n      {user.role == 'Administrator' && (\r\n        <>\r\n          <>\r\n            <div className='menu-item'>\r\n              <div className='menu-content pt-8 pb-2'>\r\n                <span className='menu-section text-muted text-uppercase fs-8 ls-1'>Admin</span>\r\n              </div>\r\n            </div>\r\n\r\n            <AsideMenuItemWithSub\r\n              to='#'\r\n              title='Layout Management'\r\n              icon='/media/icons/duotune/general/gen025.svg'\r\n              fontIcon='bi-layers'\r\n            >\r\n              <AsideMenuItem to='/all-layouts' title='All Sensor Layouts' hasBullet={true} />\r\n              {/* <AsideMenuItem to='/all-groups' title='View Layout Groups' hasBullet={true} />*/}\r\n            </AsideMenuItemWithSub>\r\n\r\n            <AsideMenuItemWithSub\r\n              to='#'\r\n              title='360 Views'\r\n              icon='/media/icons/duotune/general/gen025.svg'\r\n              fontIcon='bi-layers'\r\n            >\r\n              <AsideMenuItem to='/map/elephanthouse' title='Views' hasBullet={true} />\r\n              {/* <AsideMenuItem to='/all-groups' title='View Layout Groups' hasBullet={true} />*/}\r\n            </AsideMenuItemWithSub>\r\n          </>\r\n          <div className='menu-item'>\r\n            <div className='menu-content pt-8 pb-2'>\r\n              <span className='menu-section text-muted text-uppercase fs-8 ls-1'>Master</span>\r\n            </div>\r\n          </div>\r\n          <AsideMenuItem\r\n            to='/object-browser'\r\n            icon='/media/icons/duotune/general/gen002.svg'\r\n            title='Object Browser'\r\n            fontIcon='bi-app-indicator'\r\n          />\r\n        </>\r\n      )}\r\n    </>\r\n  )\r\n}\r\n","import React, {useRef, useEffect} from 'react'\r\nimport {useLocation} from 'react-router'\r\nimport clsx from 'clsx'\r\nimport {AsideMenuMain} from './AsideMenuMain'\r\nimport {\r\n  DrawerComponent,\r\n  MenuComponent,\r\n  ScrollComponent,\r\n  ToggleComponent,\r\n} from '../../../assets/ts/components'\r\n\r\ntype Props = {\r\n  asideMenuCSSClasses: string[]\r\n}\r\n\r\nconst AsideMenu: React.FC<Props> = ({asideMenuCSSClasses}) => {\r\n  const scrollRef = useRef<HTMLDivElement | null>(null)\r\n  const {pathname} = useLocation()\r\n\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      MenuComponent.reinitialization()\r\n      DrawerComponent.reinitialization()\r\n      ToggleComponent.reinitialization()\r\n      ScrollComponent.reinitialization()\r\n      if (scrollRef.current) {\r\n        scrollRef.current.scrollTop = 0\r\n      }\r\n    }, 50)\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [pathname])\r\n\r\n  return (\r\n    <div\r\n      id='kt_aside_menu_wrapper'\r\n      ref={scrollRef}\r\n      className='hover-scroll-overlay-y my-5 my-lg-5'\r\n      data-kt-scroll='true'\r\n      data-kt-scroll-activate='{default: false, lg: true}'\r\n      data-kt-scroll-height='auto'\r\n      data-kt-scroll-dependencies='#kt_aside_logo, #kt_aside_footer'\r\n      data-kt-scroll-wrappers='#kt_aside_menu'\r\n      data-kt-scroll-offset='0'\r\n    >\r\n      <div\r\n        id='#kt_aside_menu'\r\n        data-kt-menu='true'\r\n        className={clsx(\r\n          'menu menu-column menu-title-gray-800 menu-state-title-primary menu-state-icon-primary menu-state-bullet-primary menu-arrow-gray-500',\r\n          asideMenuCSSClasses.join(' ')\r\n        )}\r\n      >\r\n        <AsideMenuMain />\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {AsideMenu}\r\n","/* eslint-disable react/jsx-no-target-blank */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, {FC} from 'react'\r\nimport {Link} from 'react-router-dom'\r\nimport clsx from 'clsx'\r\nimport {useLayout} from '../../core'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../helpers'\r\nimport {AsideMenu} from './AsideMenu'\r\n\r\nconst AsideDefault: FC = () => {\r\n  const {config, classes} = useLayout()\r\n  const {aside} = config\r\n\r\n  return (\r\n    <div\r\n      id='kt_aside'\r\n      className={clsx('aside', classes.aside.join(' '))}\r\n      data-kt-drawer='true'\r\n      data-kt-drawer-name='aside'\r\n      data-kt-drawer-activate='{default: true, lg: false}'\r\n      data-kt-drawer-overlay='true'\r\n      data-kt-drawer-width=\"{default:'200px', '300px': '250px'}\"\r\n      data-kt-drawer-direction='start'\r\n      data-kt-drawer-toggle='#kt_aside_mobile_toggle'\r\n    >\r\n      {/* begin::Brand */}\r\n      <div className='aside-logo flex-column-auto' id='kt_aside_logo'>\r\n        {/* begin::Logo */}\r\n       \r\n        {/* {aside.minimized    && (\r\n          <Link to='/dashboard'>\r\n          <h1>Elysium </h1>\r\n          </Link>\r\n        )}\r\n        end::Logo */}\r\n\r\n        {/* begin::Aside toggler */}\r\n        {aside.minimize && (\r\n          <div\r\n            id='kt_aside_toggle'\r\n            className='btn btn-icon w-auto px-0 btn-active-color-primary aside-toggle'\r\n            data-kt-toggle='true'\r\n            data-kt-toggle-state='active'\r\n            data-kt-toggle-target='body'\r\n            data-kt-toggle-name='aside-minimize'\r\n          >\r\n            <KTSVG\r\n              path={'/media/icons/duotune/arrows/arr080.svg'}\r\n              className={'svg-icon-1 rotate-180'}\r\n            />\r\n          </div>\r\n        )}\r\n        {/* end::Aside toggler */}\r\n      </div>\r\n      {/* end::Brand */}\r\n\r\n      {/* begin::Aside menu */}\r\n      <div className='aside-menu flex-column-fluid'>\r\n        <AsideMenu asideMenuCSSClasses={classes.asideMenu} />\r\n      </div>\r\n      {/* end::Aside menu */}\r\n\r\n      {/* begin::Footer\r\n      <div className='aside-footer flex-column-auto pt-5 pb-7 px-5' id='kt_aside_footer'>\r\n        <a\r\n          target='_blank'\r\n          className='btn btn-custom btn-primary w-100'\r\n          href={process.env.REACT_APP_PREVIEW_DOCS_URL}\r\n          data-bs-toggle='tooltip'\r\n          data-bs-trigger='hover'\r\n          data-bs-dismiss-='click'\r\n          title='Check out the complete documentation with over 100 components'\r\n        >\r\n          <span className='btn-label'>Docs & Components</span>\r\n          <span className='btn-icon svg-icon-2'>\r\n            <KTSVG path='/media/icons/duotune/general/gen005.svg' />\r\n          </span>\r\n        </a>\r\n      </div> */}\r\n      {/* end::Footer */}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {AsideDefault}\r\n","import {KTSVG, toAbsoluteUrl} from '../../../_metronic/helpers'\r\n//https://fkhadra.github.io/react-toastify/introduction/\r\n//https://fkhadra.github.io/react-toastify/api/toast\r\n\r\nfunction ErrorMessage(props) {\r\n \r\n  if (!props.error.text) {\r\n    return <></>\r\n  }\r\n\r\n  /*\r\n  if (props.error.status === 'E') {\r\n    toast.error(props.error.text)\r\n  } else if (props.error.status === 'S') {\r\n    console.log('ss')\r\n    toast.success(props.error.text)\r\n  }*/\r\n\r\n  return (\r\n    <div className='row mb-12 '>\r\n     \r\n      <div className='col-lg-12'>\r\n        <div className='overflow-auto pb-5'>\r\n          {props.error.status === 'E' ? (\r\n            <div className='notice d-flex bg-light-danger rounded border-danger border border-dashed min-w-lg-600px flex-shrink-0 p-6'>\r\n              <KTSVG\r\n                path='/media/icons/duotune/coding/cod004.svg'\r\n                className='svg-icon-2tx svg-icon-danger me-4'\r\n              />\r\n              <div className='d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap'>\r\n                <div className='mb-3 mb-md-0 fw-bold'>\r\n                  <h4 className='text-gray-800 fw-bolder'>Error!</h4>\r\n                  <div className='fs-6 text-gray-600 pe-7'>{props.error.text}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ) : (\r\n            <div className='notice d-flex bg-light-primary rounded border-primary border border-dashed min-w-lg-600px flex-shrink-0 p-6'>\r\n              <KTSVG\r\n                path='/media/icons/duotune/coding/cod004.svg'\r\n                className='svg-icon-2tx svg-icon-primary me-4'\r\n              />\r\n              <div className='d-flex flex-stack flex-grow-1 flex-wrap flex-md-nowrap'>\r\n                <div className='mb-3 mb-md-0 fw-bold'>\r\n                  <h4 className='text-gray-800 fw-bolder'>Record Updated Successfully!</h4>\r\n                  <div className='fs-6 text-gray-600 pe-7'>{props.error.text}</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ErrorMessage\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport { FC } from 'react'\r\nimport { shallowEqual, useSelector } from 'react-redux'\r\nimport { Link } from 'react-router-dom'\r\nimport { UserModel } from '../../../../app/modules/auth/models/UserModel'\r\nimport { RootState } from '../../../../setup'\r\nimport { Languages } from './Languages'\r\nimport { useDataLayerValue } from \"../../../../DataLayer\";\r\n\r\nconst HeaderUserMenu: FC = () => {\r\n  //const user: UserModel = useSelector<RootState>(({ auth }) => auth.user, shallowEqual) as UserModel\r\n  const [{ token, user }, dispatch] = useDataLayerValue();\r\n  //const dispatch = useDispatch()\r\n  const logout = () => {\r\n    // dispatch(auth.actions.logout())\r\n    dispatch({\r\n      type: \"SET_TOKEN\",\r\n      token: null,\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className='menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px'\r\n      data-kt-menu='true'\r\n    >\r\n      <div className='menu-item px-3'>\r\n        <div className='menu-content d-flex align-items-center px-3'>\r\n          <div className='d-flex flex-column'>\r\n            <div className='fw-bolder d-flex align-items-center fs-5'>\r\n              {user?.firstName + \" \" + user?.lastName}\r\n              <span className='badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2'></span>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='separator my-2'></div>\r\n\r\n\r\n\r\n      {/*  <div className='menu-item px-5'>\r\n        <a href='#' className='menu-link px-5'>\r\n          <span className='menu-text'>My Projects</span>\r\n          <span className='menu-badge'>\r\n            <span className='badge badge-light-danger badge-circle fw-bolder fs-7'>3</span>\r\n          </span>\r\n        </a>\r\n      </div>\r\n\r\n      <div\r\n        className='menu-item px-5'\r\n        data-kt-menu-trigger='hover'\r\n        data-kt-menu-placement='left-start'\r\n        data-kt-menu-flip='bottom'\r\n      >\r\n        <a href='#' className='menu-link px-5'>\r\n          <span className='menu-title'>My Subscription</span>\r\n          <span className='menu-arrow'></span>\r\n        </a>\r\n\r\n        <div className='menu-sub menu-sub-dropdown w-175px py-4'>\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link px-5'>\r\n              Referrals\r\n            </a>\r\n          </div>\r\n\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link px-5'>\r\n              Billing\r\n            </a>\r\n          </div>\r\n\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link px-5'>\r\n              Payments\r\n            </a>\r\n          </div>\r\n\r\n          <div className='menu-item px-3'>\r\n            <a href='#' className='menu-link d-flex flex-stack px-5'>\r\n              Statements\r\n              <i\r\n                className='fas fa-exclamation-circle ms-2 fs-7'\r\n                data-bs-toggle='tooltip'\r\n                title='View your statements'\r\n              ></i>\r\n            </a>\r\n          </div>\r\n\r\n          <div className='separator my-2'></div>\r\n\r\n          <div className='menu-item px-3'>\r\n            <div className='menu-content px-3'>\r\n              <label className='form-check form-switch form-check-custom form-check-solid'>\r\n                <input\r\n                  className='form-check-input w-30px h-20px'\r\n                  type='checkbox'\r\n                  value='1'\r\n                  defaultChecked={true}\r\n                  name='notifications'\r\n                />\r\n                <span className='form-check-label text-muted fs-7'>Notifications</span>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className='menu-item px-5'>\r\n        <a href='#' className='menu-link px-5'>\r\n          My Statements\r\n        </a>\r\n      </div>\r\n\r\n      <div className='separator my-2'></div>\r\n\r\n      <Languages />\r\n\r\n      <div className='menu-item px-5 my-1'>\r\n        <Link to='/crafted/account/settings' className='menu-link px-5'>\r\n          Account Settings\r\n        </Link>\r\n      </div>\r\n*/}\r\n      <div className='menu-item px-5'>\r\n        <a onClick={logout} className='menu-link px-5'>\r\n          Sign Out\r\n        </a>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { HeaderUserMenu }\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport {FC, useState} from 'react'\r\nimport clsx from 'clsx'\r\nimport {\r\n  toAbsoluteUrl,\r\n  defaultMessages,\r\n  defaultUserInfos,\r\n  MessageModel,\r\n  UserInfoModel,\r\n  messageFromClient,\r\n} from '../../helpers'\r\n\r\ntype Props = {\r\n  isDrawer?: boolean\r\n}\r\n\r\nconst bufferMessages = defaultMessages\r\n\r\nconst ChatInner: FC<Props> = ({isDrawer = false}) => {\r\n  const [chatUpdateFlag, toggleChatUpdateFlat] = useState<boolean>(false)\r\n  const [message, setMessage] = useState<string>('')\r\n  const [messages, setMessages] = useState<MessageModel[]>(bufferMessages)\r\n  const [userInfos] = useState<UserInfoModel[]>(defaultUserInfos)\r\n\r\n  const sendMessage = () => {\r\n    const newMessage: MessageModel = {\r\n      user: 2,\r\n      type: 'out',\r\n      text: message,\r\n      time: 'Just now',\r\n    }\r\n\r\n    bufferMessages.push(newMessage)\r\n    setMessages(bufferMessages)\r\n    toggleChatUpdateFlat(!chatUpdateFlag)\r\n    setMessage('')\r\n    setTimeout(() => {\r\n      bufferMessages.push(messageFromClient)\r\n      setMessages(() => bufferMessages)\r\n      toggleChatUpdateFlat((flag) => !flag)\r\n    }, 1000)\r\n  }\r\n\r\n  const onEnterPress = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n    if (e.keyCode === 13 && e.shiftKey === false) {\r\n      e.preventDefault()\r\n      sendMessage()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className='card-body'\r\n      id={isDrawer ? 'kt_drawer_chat_messenger_body' : 'kt_chat_messenger_body'}\r\n    >\r\n      <div\r\n        className={clsx('scroll-y me-n5 pe-5', {'h-300px h-lg-auto': !isDrawer})}\r\n        data-kt-element='messages'\r\n        data-kt-scroll='true'\r\n        data-kt-scroll-activate='{default: false, lg: true}'\r\n        data-kt-scroll-max-height='auto'\r\n        data-kt-scroll-dependencies={\r\n          isDrawer\r\n            ? '#kt_drawer_chat_messenger_header, #kt_drawer_chat_messenger_footer'\r\n            : '#kt_header, #kt_toolbar, #kt_footer, #kt_chat_messenger_header, #kt_chat_messenger_footer'\r\n        }\r\n        data-kt-scroll-wrappers={\r\n          isDrawer ? '#kt_drawer_chat_messenger_body' : '#kt_content, #kt_chat_messenger_body'\r\n        }\r\n        data-kt-scroll-offset={isDrawer ? '0px' : '-2px'}\r\n      >\r\n        {messages.map((message, index) => {\r\n          const userInfo = userInfos[message.user]\r\n          const state = message.type === 'in' ? 'info' : 'primary'\r\n          const templateAttr = {}\r\n          if (message.template) {\r\n            Object.defineProperty(templateAttr, 'data-kt-element', {\r\n              value: `template-${message.type}`,\r\n            })\r\n          }\r\n          const contentClass = `${isDrawer ? '' : 'd-flex'} justify-content-${\r\n            message.type === 'in' ? 'start' : 'end'\r\n          } mb-10`\r\n          return (\r\n            <div\r\n              key={`message${index}`}\r\n              className={clsx('d-flex', contentClass, 'mb-10', {'d-none': message.template})}\r\n              {...templateAttr}\r\n            >\r\n              <div\r\n                className={clsx(\r\n                  'd-flex flex-column align-items',\r\n                  `align-items-${message.type === 'in' ? 'start' : 'end'}`\r\n                )}\r\n              >\r\n                <div className='d-flex align-items-center mb-2'>\r\n                  {message.type === 'in' ? (\r\n                    <>\r\n                      <div className='symbol  symbol-35px symbol-circle '>\r\n                        <img alt='Pic' src={toAbsoluteUrl(`/media/${userInfo.avatar}`)} />\r\n                      </div>\r\n                      <div className='ms-3'>\r\n                        <a\r\n                          href='#'\r\n                          className='fs-5 fw-bolder text-gray-900 text-hover-primary me-1'\r\n                        >\r\n                          {userInfo.name}\r\n                        </a>\r\n                        <span className='text-muted fs-7 mb-1'>{message.time}</span>\r\n                      </div>\r\n                    </>\r\n                  ) : (\r\n                    <>\r\n                      <div className='me-3'>\r\n                        <span className='text-muted fs-7 mb-1'>{message.time}</span>\r\n                        <a\r\n                          href='#'\r\n                          className='fs-5 fw-bolder text-gray-900 text-hover-primary ms-1'\r\n                        >\r\n                          You\r\n                        </a>\r\n                      </div>\r\n                      <div className='symbol  symbol-35px symbol-circle '>\r\n                        <img alt='Pic' src={toAbsoluteUrl(`/media/${userInfo.avatar}`)} />\r\n                      </div>\r\n                    </>\r\n                  )}\r\n                </div>\r\n\r\n                <div\r\n                  className={clsx(\r\n                    'p-5 rounded',\r\n                    `bg-light-${state}`,\r\n                    'text-dark fw-bold mw-lg-400px',\r\n                    `text-${message.type === 'in' ? 'start' : 'end'}`\r\n                  )}\r\n                  data-kt-element='message-text'\r\n                  dangerouslySetInnerHTML={{__html: message.text}}\r\n                ></div>\r\n              </div>\r\n            </div>\r\n          )\r\n        })}\r\n      </div>\r\n\r\n      <div\r\n        className='card-footer pt-4'\r\n        id={isDrawer ? 'kt_drawer_chat_messenger_footer' : 'kt_chat_messenger_footer'}\r\n      >\r\n        <textarea\r\n          className='form-control form-control-flush mb-3'\r\n          rows={1}\r\n          data-kt-element='input'\r\n          placeholder='Type a message'\r\n          value={message}\r\n          onChange={(e) => setMessage(e.target.value)}\r\n          onKeyDown={onEnterPress}\r\n        ></textarea>\r\n\r\n        <div className='d-flex flex-stack'>\r\n          <div className='d-flex align-items-center me-2'>\r\n            <button\r\n              className='btn btn-sm btn-icon btn-active-light-primary me-1'\r\n              type='button'\r\n              data-bs-toggle='tooltip'\r\n              title='Coming soon'\r\n            >\r\n              <i className='bi bi-paperclip fs-3'></i>\r\n            </button>\r\n            <button\r\n              className='btn btn-sm btn-icon btn-active-light-primary me-1'\r\n              type='button'\r\n              data-bs-toggle='tooltip'\r\n              title='Coming soon'\r\n            >\r\n              <i className='bi bi-upload fs-3'></i>\r\n            </button>\r\n          </div>\r\n          <button\r\n            className='btn btn-primary'\r\n            type='button'\r\n            data-kt-element='send'\r\n            onClick={sendMessage}\r\n          >\r\n            Send\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {ChatInner}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, {FC, useEffect, useRef, useState} from 'react'\r\nimport {KTSVG, toAbsoluteUrl} from '../../../helpers'\r\nimport {Formik, Form, FormikValues, Field, ErrorMessage} from 'formik'\r\nimport * as Yup from 'yup'\r\nimport {StepperComponent} from '../../../assets/ts/components'\r\n\r\ninterface ICreateAccount {\r\n  appName: string\r\n  category: string\r\n  framework: string\r\n  dbName: string\r\n  dbType: string\r\n  nameOnCard: string\r\n  cardNumber: string\r\n  cardExpiryMonth: string\r\n  cardExpiryYear: string\r\n  cardCvv: string\r\n  saveCard: string\r\n}\r\n\r\nconst inits: ICreateAccount = {\r\n  appName: '',\r\n  category: '1',\r\n  framework: '1',\r\n  dbName: '',\r\n  dbType: '1',\r\n  nameOnCard: 'Max Doe',\r\n  cardNumber: '4111 1111 1111 1111',\r\n  cardExpiryMonth: '1',\r\n  cardExpiryYear: '2025',\r\n  cardCvv: '123',\r\n  saveCard: '1',\r\n}\r\n\r\nconst createAppSchema = [\r\n  Yup.object({\r\n    appName: Yup.string().required().label('App name'),\r\n    category: Yup.string().required().label('Category'),\r\n  }),\r\n  Yup.object({\r\n    framework: Yup.string().required().label('Framework'),\r\n  }),\r\n  Yup.object({\r\n    dbName: Yup.string().required().label('Database name'),\r\n    dbType: Yup.string().required().label('Database engine'),\r\n  }),\r\n  Yup.object({\r\n    nameOnCard: Yup.string().required().label('Name'),\r\n    cardNumber: Yup.string().required().label('Card Number'),\r\n    cardExpiryMonth: Yup.string().required().label('Expiration Month'),\r\n    cardExpiryYear: Yup.string().required().label('Expiration Year'),\r\n    cardCvv: Yup.string().required().label('CVV'),\r\n  }),\r\n]\r\n\r\nconst Main: FC = () => {\r\n  const stepperRef = useRef<HTMLDivElement | null>(null)\r\n  const stepper = useRef<StepperComponent | null>(null)\r\n  const [currentSchema, setCurrentSchema] = useState(createAppSchema[0])\r\n  const [initValues] = useState<ICreateAccount>(inits)\r\n\r\n  const loadStepper = () => {\r\n    stepper.current = StepperComponent.createInsance(stepperRef.current as HTMLDivElement)\r\n  }\r\n\r\n  const prevStep = () => {\r\n    if (!stepper.current) {\r\n      return\r\n    }\r\n\r\n    stepper.current.goPrev()\r\n\r\n    setCurrentSchema(createAppSchema[stepper.current.currentStepIndex - 1])\r\n  }\r\n\r\n  const submitStep = (values: ICreateAccount, actions: FormikValues) => {\r\n    if (!stepper.current) {\r\n      return\r\n    }\r\n\r\n    setCurrentSchema(createAppSchema[stepper.current.currentStepIndex])\r\n\r\n    if (stepper.current.currentStepIndex !== stepper.current.totatStepsNumber) {\r\n      stepper.current.goNext()\r\n    } else {\r\n      stepper.current.goto(1)\r\n      actions.resetForm()\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (!stepperRef.current) {\r\n      return\r\n    }\r\n\r\n    loadStepper()\r\n  }, [stepperRef])\r\n\r\n  return (\r\n    <div className='modal fade' id='kt_modal_create_app' aria-hidden='true'>\r\n      <div className='modal-dialog modal-dialog-centered mw-900px'>\r\n        <div className='modal-content'>\r\n          <div className='modal-header'>\r\n            <h2>Create App</h2>\r\n\r\n            <div className='btn btn-sm btn-icon btn-active-color-primary' data-bs-dismiss='modal'>\r\n              <KTSVG path='/media/icons/duotune/arrows/arr061.svg' className='svg-icon-1' />\r\n            </div>\r\n          </div>\r\n\r\n          <div className='modal-body py-lg-10 px-lg-10'>\r\n            <div\r\n              ref={stepperRef}\r\n              className='stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid'\r\n              id='kt_modal_create_app_stepper'\r\n            >\r\n              <div className='d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-300px'>\r\n                <div className='stepper-nav ps-lg-10'>\r\n                  <div className='stepper-item current' data-kt-stepper-element='nav'>\r\n                    <div className='stepper-line w-40px'></div>\r\n\r\n                    <div className='stepper-icon w-40px h-40px'>\r\n                      <i className='stepper-check fas fa-check'></i>\r\n                      <span className='stepper-number'>1</span>\r\n                    </div>\r\n\r\n                    <div className='stepper-label'>\r\n                      <h3 className='stepper-title'>Details</h3>\r\n\r\n                      <div className='stepper-desc'>Name your App</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className='stepper-item' data-kt-stepper-element='nav'>\r\n                    <div className='stepper-line w-40px'></div>\r\n\r\n                    <div className='stepper-icon w-40px h-40px'>\r\n                      <i className='stepper-check fas fa-check'></i>\r\n                      <span className='stepper-number'>2</span>\r\n                    </div>\r\n\r\n                    <div className='stepper-label'>\r\n                      <h3 className='stepper-title'>Frameworks</h3>\r\n\r\n                      <div className='stepper-desc'>Define your app framework</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className='stepper-item' data-kt-stepper-element='nav'>\r\n                    <div className='stepper-line w-40px'></div>\r\n\r\n                    <div className='stepper-icon w-40px h-40px'>\r\n                      <i className='stepper-check fas fa-check'></i>\r\n                      <span className='stepper-number'>3</span>\r\n                    </div>\r\n\r\n                    <div className='stepper-label'>\r\n                      <h3 className='stepper-title'>Database</h3>\r\n\r\n                      <div className='stepper-desc'>Select the app database type</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className='stepper-item' data-kt-stepper-element='nav'>\r\n                    <div className='stepper-line w-40px'></div>\r\n\r\n                    <div className='stepper-icon w-40px h-40px'>\r\n                      <i className='stepper-check fas fa-check'></i>\r\n                      <span className='stepper-number'>4</span>\r\n                    </div>\r\n\r\n                    <div className='stepper-label'>\r\n                      <h3 className='stepper-title'>Billing</h3>\r\n\r\n                      <div className='stepper-desc'>Provide payment details</div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div className='stepper-item' data-kt-stepper-element='nav'>\r\n                    <div className='stepper-line w-40px'></div>\r\n\r\n                    <div className='stepper-icon w-40px h-40px'>\r\n                      <i className='stepper-check fas fa-check'></i>\r\n                      <span className='stepper-number'>5</span>\r\n                    </div>\r\n\r\n                    <div className='stepper-label'>\r\n                      <h3 className='stepper-title'>Release</h3>\r\n\r\n                      <div className='stepper-desc'>Review and Submit</div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div className='flex-row-fluid py-lg-5 px-lg-15'>\r\n                <Formik\r\n                  validationSchema={currentSchema}\r\n                  initialValues={initValues}\r\n                  onSubmit={submitStep}\r\n                >\r\n                  {() => (\r\n                    <Form className='form' noValidate id='kt_modal_create_app_form'>\r\n                      <div className='current' data-kt-stepper-element='content'>\r\n                        <div className='w-100'>\r\n                          <div className='fv-row mb-10'>\r\n                            <label className='d-flex align-items-center fs-5 fw-bold mb-2'>\r\n                              <span className='required'>App Name</span>\r\n                              <i\r\n                                className='fas fa-exclamation-circle ms-2 fs-7'\r\n                                data-bs-toggle='tooltip'\r\n                                title='Specify your unique app name'\r\n                              ></i>\r\n                            </label>\r\n\r\n                            <Field\r\n                              type='text'\r\n                              className='form-control form-control-lg form-control-solid'\r\n                              name='appName'\r\n                              placeholder=''\r\n                            />\r\n                            <div className='fv-plugins-message-container invalid-feedback'>\r\n                              <ErrorMessage name='appName' />\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className='fv-row'>\r\n                            <label className='d-flex align-items-center fs-5 fw-bold mb-4'>\r\n                              <span className='required'>Category</span>\r\n\r\n                              <i\r\n                                className='fas fa-exclamation-circle ms-2 fs-7'\r\n                                data-bs-toggle='tooltip'\r\n                                title='Select your app category'\r\n                              ></i>\r\n                            </label>\r\n\r\n                            <div className='fv-row'>\r\n                              <label className='d-flex flex-stack mb-5 cursor-pointer'>\r\n                                <span className='d-flex align-items-center me-2'>\r\n                                  <span className='symbol symbol-50px me-6'>\r\n                                    <span className='symbol-label bg-light-primary'>\r\n                                      <KTSVG\r\n                                        path='/media/icons/duotune/maps/map004.svg'\r\n                                        className='svg-icon-1 svg-icon-primary'\r\n                                      />\r\n                                    </span>\r\n                                  </span>\r\n\r\n                                  <span className='d-flex flex-column'>\r\n                                    <span className='fw-bolder fs-6'>Quick Online Courses</span>\r\n\r\n                                    <span className='fs-7 text-muted'>\r\n                                      Creating a clear text structure is just one SEO\r\n                                    </span>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='form-check form-check-custom form-check-solid'>\r\n                                  <Field\r\n                                    className='form-check-input'\r\n                                    type='radio'\r\n                                    name='category'\r\n                                    value='1'\r\n                                  />\r\n                                </span>\r\n                              </label>\r\n\r\n                              <label className='d-flex flex-stack mb-5 cursor-pointer'>\r\n                                <span className='d-flex align-items-center me-2'>\r\n                                  <span className='symbol symbol-50px me-6'>\r\n                                    <span className='symbol-label bg-light-danger  '>\r\n                                      <KTSVG\r\n                                        path='/media/icons/duotune/general/gen024.svg'\r\n                                        className='svg-icon-1 svg-icon-danger'\r\n                                      />\r\n                                    </span>\r\n                                  </span>\r\n\r\n                                  <span className='d-flex flex-column'>\r\n                                    <span className='fw-bolder fs-6'>Face to Face Discussions</span>\r\n\r\n                                    <span className='fs-7 text-muted'>\r\n                                      Creating a clear text structure is just one aspect\r\n                                    </span>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='form-check form-check-custom form-check-solid'>\r\n                                  <Field\r\n                                    className='form-check-input'\r\n                                    type='radio'\r\n                                    name='category'\r\n                                    value='2'\r\n                                  />\r\n                                </span>\r\n                              </label>\r\n\r\n                              <label className='d-flex flex-stack cursor-pointer'>\r\n                                <span className='d-flex align-items-center me-2'>\r\n                                  <span className='symbol symbol-50px me-6'>\r\n                                    <span className='symbol-label bg-light-success'>\r\n                                      <KTSVG\r\n                                        path='/media/icons/duotune/general/gen013.svg'\r\n                                        className='svg-icon-1 svg-icon-success'\r\n                                      />\r\n                                    </span>\r\n                                  </span>\r\n\r\n                                  <span className='d-flex flex-column'>\r\n                                    <span className='fw-bolder fs-6'>Full Intro Training</span>\r\n\r\n                                    <span className='fs-7 text-muted'>\r\n                                      Creating a clear text structure copywriting\r\n                                    </span>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='form-check form-check-custom form-check-solid'>\r\n                                  <Field\r\n                                    className='form-check-input'\r\n                                    type='radio'\r\n                                    name='category'\r\n                                    value='3'\r\n                                  />\r\n                                </span>\r\n                              </label>\r\n                            </div>\r\n\r\n                            <div className='fv-plugins-message-container invalid-feedback'>\r\n                              <ErrorMessage name='category' />\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div data-kt-stepper-element='content'>\r\n                        <div className='w-100'>\r\n                          <div className='fv-row'>\r\n                            <label className='d-flex align-items-center fs-5 fw-bold mb-4'>\r\n                              <span className='required'>Select Framework</span>\r\n                              <i\r\n                                className='fas fa-exclamation-circle ms-2 fs-7'\r\n                                data-bs-toggle='tooltip'\r\n                                title='Specify your apps framework'\r\n                              ></i>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer mb-5'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-warning'>\r\n                                    <i className='fab fa-html5 text-warning fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>HTML5</span>\r\n\r\n                                  <span className='fs-7 text-muted'>Base Web Projec</span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='framework'\r\n                                  value='1'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer mb-5'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-success'>\r\n                                    <i className='fab fa-react text-success fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>ReactJS</span>\r\n                                  <span className='fs-7 text-muted'>\r\n                                    Robust and flexible app framework\r\n                                  </span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='framework'\r\n                                  value='2'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer mb-5'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-danger'>\r\n                                    <i className='fab fa-angular text-danger fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>Angular</span>\r\n                                  <span className='fs-7 text-muted'>Powerful data mangement</span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='framework'\r\n                                  value='3'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-primary'>\r\n                                    <i className='fab fa-vuejs text-primary fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>Vue</span>\r\n                                  <span className='fs-7 text-muted'>\r\n                                    Lightweight and responsive framework\r\n                                  </span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='framework'\r\n                                  value='4'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n                          </div>\r\n                          <div className='fv-plugins-message-container invalid-feedback'>\r\n                            <ErrorMessage name='framework' />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div data-kt-stepper-element='content'>\r\n                        <div className='w-100'>\r\n                          <div className='fv-row mb-10'>\r\n                            <label className='required fs-5 fw-bold mb-2'>Database Name</label>\r\n\r\n                            <Field\r\n                              type='text'\r\n                              className='form-control form-control-lg form-control-solid'\r\n                              name='dbName'\r\n                              placeholder=''\r\n                            />\r\n                            <div className='fv-plugins-message-container invalid-feedback'>\r\n                              <ErrorMessage name='dbName' />\r\n                            </div>\r\n                          </div>\r\n\r\n                          <div className='fv-row'>\r\n                            <label className='d-flex align-items-center fs-5 fw-bold mb-4'>\r\n                              <span className='required'>Select Database Engine</span>\r\n\r\n                              <i\r\n                                className='fas fa-exclamation-circle ms-2 fs-7'\r\n                                data-bs-toggle='tooltip'\r\n                                title='Select your app database engine'\r\n                              ></i>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer mb-5'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-success'>\r\n                                    <i className='fas fa-database text-success fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>MySQL</span>\r\n\r\n                                  <span className='fs-7 text-muted'>Basic MySQL database</span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='dbType'\r\n                                  value='1'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer mb-5'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-danger'>\r\n                                    <i className='fab fa-google text-danger fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>Firebase</span>\r\n\r\n                                  <span className='fs-7 text-muted'>\r\n                                    Google based app data management\r\n                                  </span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='dbType'\r\n                                  value='2'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n\r\n                            <label className='d-flex flex-stack cursor-pointer'>\r\n                              <span className='d-flex align-items-center me-2'>\r\n                                <span className='symbol symbol-50px me-6'>\r\n                                  <span className='symbol-label bg-light-warning'>\r\n                                    <i className='fab fa-amazon text-warning fs-2x'></i>\r\n                                  </span>\r\n                                </span>\r\n\r\n                                <span className='d-flex flex-column'>\r\n                                  <span className='fw-bolder fs-6'>DynamoDB</span>\r\n\r\n                                  <span className='fs-7 text-muted'>\r\n                                    Amazon Fast NoSQL Database\r\n                                  </span>\r\n                                </span>\r\n                              </span>\r\n\r\n                              <span className='form-check form-check-custom form-check-solid'>\r\n                                <Field\r\n                                  className='form-check-input'\r\n                                  type='radio'\r\n                                  name='dbType'\r\n                                  value='3'\r\n                                />\r\n                              </span>\r\n                            </label>\r\n                          </div>\r\n\r\n                          <div className='fv-plugins-message-container invalid-feedback'>\r\n                            <ErrorMessage name='dbType' />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div data-kt-stepper-element='content'>\r\n                        <div className='w-100'>\r\n                          <div className='pb-10 pb-lg-15'>\r\n                            <h2 className='fw-bolder text-dark'>Billing Details</h2>\r\n\r\n                            <div className='text-gray-400 fw-bold fs-6'>\r\n                              If you need more info, please check out\r\n                              <a href='#' className='text-primary fw-bolder'>\r\n                                Help Page\r\n                              </a>\r\n                              .\r\n                            </div>\r\n                          </div>\r\n                          <div className='d-flex flex-column mb-7 fv-row'>\r\n                            <label className='d-flex align-items-center fs-6 fw-bold form-label mb-2'>\r\n                              <span className='required'>Name On Card</span>\r\n                              <i\r\n                                className='fas fa-exclamation-circle ms-2 fs-7'\r\n                                data-bs-toggle='tooltip'\r\n                                title=\"Specify a card holder's name\"\r\n                              ></i>\r\n                            </label>\r\n\r\n                            <Field\r\n                              type='text'\r\n                              className='form-control form-control-solid'\r\n                              placeholder=''\r\n                              name='nameOnCard'\r\n                            />\r\n                            <div className='fv-plugins-message-container invalid-feedback'>\r\n                              <ErrorMessage name='nameOnCard' />\r\n                            </div>\r\n                          </div>\r\n                          <div className='d-flex flex-column mb-7 fv-row'>\r\n                            <label className='required fs-6 fw-bold form-label mb-2'>\r\n                              Card Number\r\n                            </label>\r\n\r\n                            <div className='position-relative'>\r\n                              <Field\r\n                                type='text'\r\n                                className='form-control form-control-solid'\r\n                                placeholder='Enter card number'\r\n                                name='cardNumber'\r\n                              />\r\n                              <div className='fv-plugins-message-container invalid-feedback'>\r\n                                <ErrorMessage name='cardNumber' />\r\n                              </div>\r\n\r\n                              <div className='position-absolute translate-middle-y top-50 end-0 me-5'>\r\n                                <img\r\n                                  src={toAbsoluteUrl('/media/svg/card-logos/visa.svg')}\r\n                                  alt=''\r\n                                  className='h-25px'\r\n                                />\r\n                                <img\r\n                                  src={toAbsoluteUrl('/media/svg/card-logos/mastercard.svg')}\r\n                                  alt=''\r\n                                  className='h-25px'\r\n                                />\r\n                                <img\r\n                                  src={toAbsoluteUrl('/media/svg/card-logos/american-express.svg')}\r\n                                  alt=''\r\n                                  className='h-25px'\r\n                                />\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div className='row mb-10'>\r\n                            <div className='col-md-8 fv-row'>\r\n                              <label className='required fs-6 fw-bold form-label mb-2'>\r\n                                Expiration Date\r\n                              </label>\r\n\r\n                              <div className='row fv-row'>\r\n                                <div className='col-6'>\r\n                                  <Field\r\n                                    as='select'\r\n                                    name='cardExpiryMonth'\r\n                                    className='form-select form-select-solid'\r\n                                  >\r\n                                    <option></option>\r\n                                    <option value='1'>1</option>\r\n                                    <option value='2'>2</option>\r\n                                    <option value='3'>3</option>\r\n                                    <option value='4'>4</option>\r\n                                    <option value='5'>5</option>\r\n                                    <option value='6'>6</option>\r\n                                    <option value='7'>7</option>\r\n                                    <option value='8'>8</option>\r\n                                    <option value='9'>9</option>\r\n                                    <option value='10'>10</option>\r\n                                    <option value='11'>11</option>\r\n                                    <option value='12'>12</option>\r\n                                  </Field>\r\n                                  <div className='fv-plugins-message-container invalid-feedback'>\r\n                                    <ErrorMessage name='cardExpiryMonth' />\r\n                                  </div>\r\n                                </div>\r\n\r\n                                <div className='col-6'>\r\n                                  <Field\r\n                                    as='select'\r\n                                    name='cardExpiryYear'\r\n                                    className='form-select form-select-solid'\r\n                                  >\r\n                                    <option></option>\r\n                                    <option value='2021'>2021</option>\r\n                                    <option value='2022'>2022</option>\r\n                                    <option value='2023'>2023</option>\r\n                                    <option value='2024'>2024</option>\r\n                                    <option value='2025'>2025</option>\r\n                                    <option value='2026'>2026</option>\r\n                                    <option value='2027'>2027</option>\r\n                                    <option value='2028'>2028</option>\r\n                                    <option value='2029'>2029</option>\r\n                                    <option value='2030'>2030</option>\r\n                                    <option value='2031'>2031</option>\r\n                                  </Field>\r\n                                  <div className='fv-plugins-message-container invalid-feedback'>\r\n                                    <ErrorMessage name='cardExpiryYear' />\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n\r\n                            <div className='col-md-4 fv-row'>\r\n                              <label className='d-flex align-items-center fs-6 fw-bold form-label mb-2'>\r\n                                <span className='required'>CVV</span>\r\n                                <i\r\n                                  className='fas fa-exclamation-circle ms-2 fs-7'\r\n                                  data-bs-toggle='tooltip'\r\n                                  title='Enter a card CVV code'\r\n                                ></i>\r\n                              </label>\r\n\r\n                              <div className='position-relative'>\r\n                                <Field\r\n                                  type='text'\r\n                                  className='form-control form-control-solid'\r\n                                  placeholder='CVV'\r\n                                  name='cardCvv'\r\n                                />\r\n                                <div className='fv-plugins-message-container invalid-feedback'>\r\n                                  <ErrorMessage name='cardCvv' />\r\n                                </div>\r\n\r\n                                <div className='position-absolute translate-middle-y top-50 end-0 me-3'>\r\n                                  <KTSVG\r\n                                    path='/media/icons/duotune/finance/fin002.svg'\r\n                                    className='svg-icon-2hx'\r\n                                  />\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div className='d-flex flex-stack'>\r\n                            <div className='me-5'>\r\n                              <label className='fs-6 fw-bold form-label'>\r\n                                Save Card for further billing?\r\n                              </label>\r\n                              <div className='fs-7 fw-bold text-gray-400'>\r\n                                If you need more info, please check budget planning\r\n                              </div>\r\n                            </div>\r\n\r\n                            <label className='form-check form-switch form-check-custom form-check-solid'>\r\n                              <Field className='form-check-input' type='checkbox' />\r\n                              <span className='form-check-label fw-bold text-gray-400'>\r\n                                Save Card\r\n                              </span>\r\n                            </label>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div data-kt-stepper-element='content'>\r\n                        <div className='w-100 text-center'>\r\n                          <h1 className='fw-bolder text-dark mb-3'>Release!</h1>\r\n\r\n                          <div className='text-muted fw-bold fs-3'>\r\n                            Submit your app to kickstart your project.\r\n                          </div>\r\n\r\n                          <div className='text-center px-4 py-15'>\r\n                            <img\r\n                              src={toAbsoluteUrl('/media/illustrations/sketchy-1/9.png')}\r\n                              alt=''\r\n                              className='w-100 mh-300px'\r\n                            />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className='d-flex flex-stack pt-10'>\r\n                        <div className='me-2'>\r\n                          <button\r\n                            onClick={prevStep}\r\n                            type='button'\r\n                            className='btn btn-lg btn-light-primary me-3'\r\n                            data-kt-stepper-action='previous'\r\n                          >\r\n                            <KTSVG\r\n                              path='/media/icons/duotune/arrows/arr063.svg'\r\n                              className='svg-icon-4 me-1'\r\n                            />\r\n                            Back\r\n                          </button>\r\n                        </div>\r\n\r\n                        <div>\r\n                          <button type='submit' className='btn btn-lg btn-primary me-3'>\r\n                            <span className='indicator-label'>\r\n                              {stepper.current?.currentStepIndex !==\r\n                                stepper.current?.totatStepsNumber! - 1 && 'Continue'}\r\n                              {stepper.current?.currentStepIndex ===\r\n                                stepper.current?.totatStepsNumber! - 1 && 'Submit'}\r\n                              <KTSVG\r\n                                path='/media/icons/duotune/arrows/arr064.svg'\r\n                                className='svg-icon-3 ms-2 me-0'\r\n                              />\r\n                            </span>\r\n                          </button>\r\n                        </div>\r\n                      </div>\r\n                    </Form>\r\n                  )}\r\n                </Formik>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport {Main}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport { FC } from 'react'\r\nimport { useLayout } from '../core'\r\nimport { KTSVG, toAbsoluteUrl } from '../../../_metronic/helpers'\r\n\r\nvar content = 'INDUSRTYX'\r\nif (window.location.hostname.toLowerCase() === 'e2eq.lk') {\r\n  content = 'E2EQ'\r\n} if (window.location.hostname.toLowerCase() === 'portal.smartgas.biz') {\r\n  content = 'SMARTGAS'\r\n}\r\n\r\nconst Footer: FC = () => {\r\n  const { classes } = useLayout()\r\n  return (\r\n    <div className='footer py-4 d-flex flex-lg-column' id='kt_footer'>\r\n      {/* begin::Container */}\r\n      <div\r\n        className={`${classes.footerContainer} d-flex flex-column flex-md-row align-items-center justify-content-between`}\r\n      >\r\n        {/* begin::Copyright */}\r\n        <div className='text-dark order-2 order-md-1'>\r\n          <span className='text-muted fw-bold me-2'>{new Date().getFullYear()} &copy;</span>\r\n          <a href='https://industryx.io/home-2' className='text-gray-800 text-hover-primary'>\r\n            <img width={80} src=\"https://industryx.io/wp-content/uploads/2024/08/logo-2.png\" />\r\n          </a>\r\n        </div>\r\n\r\n        {/* end::Copyright */}\r\n\r\n        {(content === 'E2EQ') &&\r\n          <ul className='menu menu-gray-600 menu-hover-primary fw-bold order-1'>\r\n            <li className='menu-item'>\r\n              <a href='#' className='menu-link pe-0 pe-2'>\r\n                {window.location.hostname.toLowerCase() === 'e2eq.lk' && <>\r\n                  <img src={toAbsoluteUrl('/media/logos/kfe.png')} alt='Footer' width={100} />\r\n                </>}\r\n\r\n              </a>\r\n            </li>\r\n          </ul>\r\n\r\n        }\r\n        {/* begin::Nav \r\n        <ul className='menu menu-gray-600 menu-hover-primary fw-bold order-1'>\r\n          <li className='menu-item'>\r\n            <a href='#' className='menu-link ps-0 pe-2'>\r\n              About\r\n            </a>\r\n          </li>\r\n          <li className='menu-item'>\r\n            <a href='#' className='menu-link pe-0 pe-2'>\r\n              Contact\r\n            </a>\r\n          </li>\r\n          <li className='menu-item'>\r\n            <a href='#' className='menu-link pe-0'>\r\n              Purchase\r\n            </a>\r\n          </li>\r\n        </ul>*/}\r\n        {/* end::Nav */}\r\n      </div>\r\n      {/* end::Container */}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { Footer }\r\n","import React, { useEffect } from 'react'\r\nimport { useLocation } from 'react-router'\r\nimport clsx from 'clsx'\r\nimport { useLayout } from '../core'\r\nimport { DrawerComponent } from '../../assets/ts/components'\r\nimport { DefaultTitle } from './header/page-title/DefaultTitle'\r\n\r\nconst Content: React.FC = ({ children }) => {\r\n  const { classes } = useLayout()\r\n  const location = useLocation()\r\n  useEffect(() => {\r\n    DrawerComponent.hideAll()\r\n  }, [location])\r\n\r\n  return (\r\n    <div id='kt_content_container' className={clsx(classes.contentContainer.join(' '))}>\r\n      {/*\r\n      <div className='d-flex align-items-center' id='kt_header_nav'>\r\n        <DefaultTitle />\r\n      </div>\r\n      */}\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport { Content }\r\n"],"sourceRoot":""}