\n {total === 0 ? (\n \n ) : danger_total > 0 ? (\n \n ) : (\n \n )}\n \n {total}\n \n Alarmes\n
\n \n \n \n \n
\n \n );\n}\n\nexport function CounterDevicesWidget3({ loading, className, value }) {\n // Destructure values with defaults\n const {\n device_count = 0,\n gateway_count = 0,\n branch_count = 0,\n account_count_active = 0,\n } = value;\n\n const { licenses } = useSelector((state) => state.self);\n const isResaleOrMaster = verifyResaleOrMaster(licenses);\n const colLength = isResaleOrMaster ? 3 : 4;\n\n // State to track screen size (true if width < 1200px)\n const isSmallScreen = useIsBelowBreakpoint('xl');\n\n return (\n \n {label}\n {count}\n
\n \n \n \n \n
\n );\n}\n","import { OverlayTrigger, Tooltip } from 'react-bootstrap';\nimport React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nexport function ProgressBar({\n value,\n vLabel = 'Valor atual',\n target,\n tLabel = 'Objetivo',\n label = 'Progresso',\n width = '100%',\n}) {\n const percentage = Math.min((value / target) * 100, 100);\n\n return (\n \n \n {isResaleOrMaster && (\n
\n
\n \n {`${tLabel}: ${target}`}\n \n }\n >\n
\n \n
\n
\n \n \n
\n \n \n \n );\n}\n","import moment from 'moment';\n/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React from 'react';\nimport Moment from 'react-moment';\nimport { Link } from 'react-router-dom';\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\nimport { CardLoading } from '../../../_helpers/CardLoadingHelper';\n\nfunction AlarmStateFormat(state) {\n if (state === 'DANGER') return 'danger';\n else if (state === 'WARNING') return 'warning';\n else if (state === 'SUCCESS') return 'success';\n}\n\nfunction highlightMoreRecentEvent(time) {\n return Math.abs(moment.duration(moment().diff(time)).asHours()) <= 60\n ? 'font-weight-bolder'\n : '';\n}\n\nexport function RecentEventsWidget({\n loading,\n title,\n className,\n alarms,\n nElements,\n}) {\n //Only first five elements\n alarms = alarms.slice(0, nElements || 5);\n const goToAlarm = (device_type, model) => (`/core/alarms/new?q=${encodeURIComponent(\n JSON.stringify({\n filter: {\n device_type,\n model\n },\n }),\n )}`)\n\n return (\n \n
\n \n
\n {title}
\n\n \n
\n \n \n {/* Head */}\n \n
\n );\n}\n","import { createSlice } from '@reduxjs/toolkit';\n\nconst initialHomeState = {\n statsLoading: false,\n alarmsLoading: false,\n mapLoading: false,\n actionsLoading: false,\n totalCount: 0,\n entities: null,\n lastError: null,\n};\n\nexport const callTypes = {\n list: 'list',\n action: 'action',\n};\n\nexport const homeSlice = createSlice({\n name: 'home',\n initialState: initialHomeState,\n reducers: {\n catchError: (state, action) => {\n state.error = `${action.type}: ${action.payload.error}`;\n const { callType, feature } = action.payload;\n if (callType === callTypes.list) {\n state[`${feature}Loading`] = false;\n } else {\n state.actionsLoading = false;\n }\n },\n startCall: (state, action) => {\n state.error = null;\n const { callType, feature } = action.payload;\n if (callType === callTypes.list) {\n state[`${feature}Loading`] = true;\n } else {\n state.actionsLoading = true;\n }\n },\n statsFetched: (state, action) => {\n const { entities } = action.payload;\n state.statsLoading = false;\n state.error = null;\n state.stats = entities;\n },\n alarmsFetched: (state, action) => {\n const { entities } = action.payload;\n state.alarmsLoading = false;\n state.error = null;\n state.alarms = entities;\n },\n mapFetched: (state, action) => {\n const { entities } = action.payload;\n state.mapLoading = false;\n state.error = null;\n state.map = entities;\n },\n },\n});\n","import axios from 'axios';\nimport { API_ROOT } from '../../../../../redux/setupAxios';\nimport { formatFilter } from '../../../../../_nubo/_helpers/QueryHelpers';\n\nexport const STATS_URL = API_ROOT + '/iot/v1/stats';\nexport const ALARMS_URL = API_ROOT + '/iot/v1/alarms';\nexport const MAP_URL = API_ROOT + '/iot/v1/map';\n\nexport function getStats(queryParams) {\n return axios.get(STATS_URL);\n}\n\nexport function getAlarms(queryParams) {\n return axios.get(`${ALARMS_URL}` + formatFilter(queryParams) + '&triggered=1');\n}\nexport function getMap(queryParams) {\n return axios.get(`${MAP_URL}` + formatFilter(queryParams));\n}\n","import { callTypes, homeSlice } from './homeSlice';\nimport * as requestFromServer from './homeStats';\n\nconst { actions } = homeSlice;\n\nexport const fetchStats = (queryParams) => (dispatch) => {\n dispatch(actions.startCall({ callType: callTypes.list, feature: \"stats\" }));\n return requestFromServer\n .getStats(queryParams)\n .then((response) => {\n const entities = response.data;\n return dispatch(actions.statsFetched({ entities }));\n })\n .catch((error) => {\n error.clientMessage = \"Can't find stats\";\n dispatch(actions.catchError({ error, callType: callTypes.list, feature: \"stats\" }));\n throw error;\n });\n};\n\nexport const fetchAlarms = (queryParams) => (dispatch) => {\n dispatch(actions.startCall({ callType: callTypes.list, feature: \"alarms\" }));\n return requestFromServer\n .getAlarms(queryParams)\n .then((response) => {\n const entities = response.data.data;\n return dispatch(actions.alarmsFetched({ entities }));\n })\n .catch((error) => {\n error.clientMessage = \"Can't find alarms\";\n dispatch(actions.catchError({ error, callType: callTypes.list, feature: \"alarms\" }));\n throw error;\n });\n};\n\nexport const fetchMap = (queryParams) => (dispatch) => {\n dispatch(actions.startCall({ callType: callTypes.list, feature: \"map\" }));\n return requestFromServer\n .getMap(queryParams)\n .then((response) => {\n const entities = response.data;\n return dispatch(actions.mapFetched({ entities }));\n })\n .catch((error) => {\n error.clientMessage = \"Can't find map data\";\n dispatch(actions.catchError({ error, callType: callTypes.list, feature: \"map\" }));\n throw error;\n });\n};\n","import React, { useEffect, useMemo, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Col, Row } from 'react-bootstrap';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\nimport {\n CounterAlarmsWidget1,\n CounterDevicesWidget3,\n CounterDevicesWidget4,\n CounterEventsWidget1,\n RecentEventsWidget,\n} from '../../../_nubo/_partials/widgets';\nimport { MapsClustering } from '../../../_nubo/_partials/_components';\nimport * as actions from '../../modules/Core/_redux/home/homeActions';\n\nexport const initialFilter = {\n filter: {\n model: '',\n },\n sortOrder: 'desc',\n sortField: 'creation_time',\n pageNumber: 1,\n pageSize: 5,\n};\n\nexport function Dashboard() {\n const dispatch = useDispatch();\n\n const { currentState } = useSelector(\n (state) => ({\n currentState: state.home,\n }),\n shallowEqual,\n );\n\n const { map, stats, alarms, alarmsLoading, statsLoading, mapLoading } = currentState;\n const alarmStats = stats?.alarms || {};\n\n const colStyle = useMemo(() => ({ padding: '0px 6px' }), []);\n\n useEffect(() => {\n dispatch(actions.fetchStats());\n dispatch(actions.fetchAlarms(initialFilter));\n }, [dispatch]);\n\n // Memoize fetchMap to ensure a stable reference\n const fetchMap = useCallback((queryParams) => {\n dispatch(actions.fetchMap(queryParams));\n }, [dispatch]);\n\n return (\n <>\n \n
\n {/* Body */}\n \n
\n {title}
\n\n {alarms &&\n alarms.map((value, index) => {\n const type = value.device?.type ?? (value.gateway ? 'GATEWAY' : null);\n const id = value.device?.id || value.gateway?.id;\n const name = value.device?.name || value.gateway?.name;\n const loc = `${value.branch?.name}, ${value.branch?.uf}`;\n \n if (!type || !id) {\n // Handle undefined type or id\n return null; // Skip rendering this item\n }\n\n const dvcOrGtwylink =\n type === 'GATEWAY'\n ? `/core/terminals/${id}/edit`.toLowerCase()\n : `/core/devices/${type}s/${id}/edit`.toLowerCase();\n\n return (\n
\n \n
\n );\n })}\n \n
\n \n {/* LEFT */}\n \n
\n \n
\n \n \n {/* LEFT UP */}\n \n {value.config.name}\n \n {/* LEFT DOWN */}\n \n {name}, {loc}\n \n \n \n Identificador do dispositivo\n \n }\n >\n \n {id}\n \n \n
\n {/* RIGHT */}\n \n \n \n \n {value.creation_time}\n \n \n \n
\n \n
\n \n
\n \n {\n type === GroupingValues.Location \n ? {title.toUpperCase()}\n : title.toUpperCase()\n }\n
\n\n ({\n ...getHexProps(entity),\n onClick: () => onHexagonClick(entity),\n })}\n renderHexagonContent={renderHexagonContent}\n />\n\n
\n \n \n );\n};\n","import axios from 'axios';\nimport { API_ROOT } from '../../../../../redux/setupAxios';\n\nexport const DEVICES_URL = API_ROOT + '/iot/v1/devices/list';\n\nexport async function getAllDevices() {\n return axios.get(DEVICES_URL);\n}\n","import * as requestFromServer from './deviceMapCrud';\nimport { deviceMapSlice, callTypes } from './deviceMapSlice';\n\nconst { actions } = deviceMapSlice;\n\nexport const setGroupingValues = (groupingValues) => (dispatch) =>\n dispatch(actions.setGroupingValues(groupingValues));\n\nexport const fetchDeviceMap = () => (dispatch) => {\n dispatch(actions.startCall({ callType: callTypes.list }));\n return requestFromServer\n .getAllDevices()\n .then((response) => {\n const totalCount = response.data.count;\n const entities = response.data.data;\n dispatch(actions.deviceMapFetched({ totalCount, entities }));\n })\n .catch((error) => {\n error.clientMessage = \"Can't fetch device map\";\n dispatch(actions.catchError({ error, callType: callTypes.list }));\n throw error;\n });\n};\n","import { Grid } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { shallowEqual, useDispatch, useSelector } from 'react-redux';\nimport { ResponsiveHexagonGrid } from '../../../_nubo/ResponsiveHexagonGrid';\nimport * as actions from '../../modules/Core/_redux/devicemap/deviceMapActions';\nimport { GroupingValues } from '../../modules/Core/_redux/devicemap/deviceMapSlice';\n\nconst lightColors = {\n stroke: 'rgb(247, 253, 247)',\n disconnectedHover: 'rgb(127, 127, 141, 0.5)',\n disconnectedNormal: 'rgb(127, 127, 141)',\n successHover: 'rgb(164, 219, 164, 0.5)',\n successNormal: 'rgb(164, 219, 164)',\n warningHover: 'rgb(255, 266, 77, 0.5)',\n warningNormal: 'rgb(255, 266, 77)',\n dangerHover: 'rgb(241, 84, 84, 0.5)',\n dangerNormal: 'rgb(241, 84, 84)',\n};\n\nconst darkColors = {\n stroke: 'rgb(31, 31, 36)',\n disconnectedHover: 'rgb(43, 43, 43, 0.5)',\n disconnectedNormal: 'rgb(43, 43, 43)',\n disconnectedStroke: 'rgb(74, 74, 74)',\n successHover: 'rgb(82, 146, 88, 0.5)',\n successNormal: 'rgb(82, 146, 88)',\n warningHover: 'rgb(190, 188, 14, 0.5)',\n warningNormal: 'rgb(190, 188, 14)',\n dangerHover: 'rgb(190, 56, 82, 0.5)',\n dangerNormal: 'rgb(190, 56, 82)',\n};\n\nconst getHexProps = (entity, colors) => {\n let normalColor;\n let hoverColor;\n let stroke = colors.stroke;\n let states = {\n DANGER: 2,\n WARNING: 1,\n NO_PROBLEM: 0\n }\n\n if (entity.agent_status === 'DISCONNECTED') {\n normalColor = colors.disconnectedNormal;\n hoverColor = colors.disconnectedHover;\n stroke = colors.disconnectedStroke || stroke;\n } \n else {\n \n if (!entity.alarm_state) {\n normalColor = colors.successNormal;\n hoverColor = colors.successHover;\n } \n \n else {\n\n let state = entity.alarm_state;\n\n if (state === states.WARNING) {\n normalColor = colors.warningNormal;\n hoverColor = colors.warningHover;\n }\n else if (state === states.DANGER) {\n normalColor = colors.dangerNormal;\n hoverColor = colors.dangerHover;\n }\n else {\n normalColor = colors.successNormal;\n hoverColor = colors.successHover;\n }\n }\n }\n\n\n return {\n style: {\n stroke,\n fill: normalColor,\n strokeWidth: 5,\n },\n hexProps: {\n onMouseEnter: (event) => {\n event.target.style.fill = hoverColor;\n },\n onMouseLeave: (event) => {\n event.target.style.fill = normalColor;\n },\n },\n };\n};\n\nconst renderHexagonContent = (entity) => {\n return (\n \n
;\n }\n\n return (\n \n
\n \n \n {groupedEntities.map((groupedEntity) => (\n \n \n \n getHexProps(entity, isDark ? darkColors : lightColors)\n }\n />\n
\n \n ))}\n \n \n );\n};\n","import React, { lazy, Suspense } from 'react';\nimport { Redirect, Route, Switch } from 'react-router-dom';\nimport { ContentRoute, LayoutSplashScreen } from '../_metronic/layout';\nimport { Dashboard } from './pages/Dashboard';\nimport { DeviceMap } from './pages/DeviceMap';\n\nconst CorePage = lazy(() => import('./modules/Core/pages/CorePage'));\nconst FiscalPage = lazy(() => import('./modules/Fiscal/pages/FiscalPage'));\n\nexport default function BasePage() {\n return (\n \n
\n \n );\n}\n","import React, { forwardRef, useEffect, useState } from 'react';\nimport clsx from 'clsx';\nimport { isFragment } from 'react-is';\n\nexport const CardHeaderIcon = forwardRef(({ className }, ref) => (\n \n));\n\nexport const CardHeaderTitle = forwardRef(({ className, ...props }, ref) => (\n // eslint-disable-next-line jsx-a11y/heading-has-content\n \n));\n\nexport const CardHeaderToolbar = forwardRef(\n ({ children, className, ...props }, ref) => (\n \n \n \n
\n \n \n
\n \n \n \n {\n mapRef.current = map;\n }}\n onChange={({ zoom, bounds }) => {\n setZoom(zoom);\n setBounds([\n bounds.nw.lng,\n bounds.se.lat,\n bounds.se.lng,\n bounds.nw.lat,\n ]);\n }}\n >\n {clusters.map((cluster) => {\n const [longitude, latitude] = cluster.geometry.coordinates;\n const {\n cluster: isCluster,\n point_count: pointCount,\n deviceType,\n pointId,\n state,\n } = cluster.properties;\n\n if (isCluster) {\n const totalPoints = points.length || 1; // Prevent division by zero\n const size = 10 + (pointCount / totalPoints) * 20;\n return (\n \n {\n const expansionZoom = Math.min(\n supercluster.getClusterExpansionZoom(cluster.id),\n 20,\n );\n mapRef.current.setZoom(expansionZoom);\n mapRef.current.panTo({ lat: latitude, lng: longitude });\n }}\n >\n {pointCount}\n
\n \n );\n }\n\n const markerIcon = deviceType === 'DEVICE' ? 'fa-hdd' : 'fa-desktop';\n\n return (\n \n {children}\n
\n ),\n);\n\nexport const CardHeader = forwardRef(\n (\n {\n children,\n icon,\n title,\n toolbar,\n className,\n sticky = false,\n labelRef,\n ...props\n },\n ref,\n ) => {\n const [top, setTop] = useState(0);\n const [windowHeight, setWindowHeight] = useState(0);\n\n useEffect(() => {\n handleResize();\n\n function handleResize() {\n setWindowHeight(window.innerWidth);\n }\n\n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n });\n\n useEffect(() => {\n // Skip if sticky is disabled or on initial render when we don't know about window height.\n if (!sticky || windowHeight === 0) {\n return;\n }\n\n const headerElement = document.querySelector('.header');\n const subheaderElement = document.querySelector('.subheader');\n const headerMobileElement = document.querySelector('.header-mobile');\n\n let nextMarginTop = 0;\n\n // mobile header\n if (window.getComputedStyle(headerElement).height === '0px') {\n nextMarginTop = headerMobileElement.offsetHeight;\n } else {\n // desktop header\n if (document.body.classList.contains('header-minimize-topbar')) {\n // hardcoded minimized header height\n nextMarginTop = 60;\n } else {\n // normal fixed header\n if (document.body.classList.contains('header-fixed')) {\n nextMarginTop += headerElement.offsetHeight;\n }\n\n if (document.body.classList.contains('subheader-fixed')) {\n nextMarginTop += subheaderElement.offsetHeight;\n }\n }\n }\n\n setTop(nextMarginTop);\n }, [sticky, windowHeight]);\n\n return (\n \n {icon}\n\n {/* Wrap string and fragments in CardHeaderTitle */\n typeof title === 'string' || isFragment(title) ? (\n {title} \n ) : (\n title\n )}\n
\n )}\n\n {toolbar}\n {children}\n \n );\n },\n);\n\nexport const CardBody = forwardRef(\n ({ fit, fluid, className, ...props }, ref) => (\n \n \n {showPassword ? (\n \n ) : (\n \n )}\n \n )}\n
\n {withFeedbackLabel && (\n \n {page > 1 && <>\n handleFirstPage(paginationProps)}\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\n >\n \n \n handlePrevPage(paginationProps)}\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\n >\n \n \n \n ...\n \n }\n {pages.map((p) => (\n handleSelectedPage(paginationProps, p)}\n className={`btn btn-icon btn-sm border-0 btn-light ${page === p ? ' btn-hover-primary active' : ''\n } mr-2 my-1`}\n >\n {p}\n \n ))}\n {page < pagesCount && <>\n \n ...\n \n handleNextPage(paginationProps)}\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\n >\n \n \n handleLastPage(paginationProps)}\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\n >\n \n \n }\n
\n \n )}\n \n );\n}\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\nimport React from 'react';\n\nexport function PagelessLinks({ paginationProps, loading }) {\n const { nextPageKey, page } = paginationProps;\n\n const handleFirstPage = ({ onPageChange, onPageKeyChange }) => {\n if (!loading) {\n onPageChange(1);\n onPageKeyChange(undefined);\n }\n };\n\n const handleNextPage = ({ onPageKeyChange }) => {\n if (!loading && nextPageKey) onPageKeyChange(nextPageKey);\n };\n\n return (\n <>\n \n handleFirstPage(paginationProps)}\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\n >\n \n \n {nextPageKey && (\n handleNextPage(paginationProps)}\n className=\"btn btn-icon btn-sm btn-light btn-hover-primary mr-2 my-1\"\n >\n \n \n )}\n
\n \n );\n}\n","import { PaginationTotalStandalone } from 'react-bootstrap-table2-paginator';\n/* eslint-disable no-unused-vars */\nimport React from 'react';\nimport { SelectInput } from '../../../../_nubo/_partials/controls/inputs/SelectInput';\n\nexport function PaginationToolbar(props) {\n const { isLoading, paginationProps } = props;\n const {\n sizePerPageList = [\n { text: '10', value: 10 },\n { text: '50', value: 50 },\n { text: '100', value: 100 },\n ],\n sizePerPage,\n totalSize,\n onSizePerPageChange,\n } = paginationProps;\n\n const style = {\n width: '75px',\n };\n\n const onSizeChange = (event) => {\n const newSize = +event.target.value;\n onSizePerPageChange(newSize);\n };\n\n return (\n \n {isLoading && (\n ({\n id: option.text,\n name: option.page,\n }))}\n />\n
\n );\n}\n","import React from 'react';\nimport { PaginationLinks } from './PaginationLinks';\nimport { PagelessLinks } from './PagelessLinks';\nimport { PaginationToolbar } from './PaginationToolbar';\n\nexport function Pagination(props) {\n const {\n children,\n disabled,\n isLoading,\n paginationProps,\n onSizePerPageChange,\n pageless,\n } = props;\n return (\n <>\n {children}\n {!disabled && (\n \n
\n )}\n Carregando...
\n \n \n {pageless ? (\n
\n )}\n \n );\n}\n","import React from 'react';\nimport { withRouter } from 'react-router-dom';\nimport { ProgressBar } from 'react-bootstrap';\n\n// TODO: Should be rewrited to pure function\nclass AnimateLoading extends React.Component {\n animateTimeout;\n stopAnimateTimeout;\n state = {\n width: 0,\n routeChanged: false,\n };\n\n componentDidUpdate(nextProps) {\n if (this.props.location.pathname !== nextProps.location.pathname) {\n this.animate();\n this.scrollToTop();\n }\n }\n\n scrollToTop() {\n const scrollToTopBtn = document.getElementById('kt_scrolltop');\n if (scrollToTopBtn) {\n scrollToTopBtn.click();\n }\n }\n\n animate() {\n this.animateTimeout = setTimeout(() => {\n if (this.state.width <= 100) {\n this.setState({ width: this.state.width + 10 });\n this.animate();\n } else {\n this.stopAnimate();\n }\n }, 30);\n }\n stopAnimate() {\n clearTimeout(this.animateInterval);\n this.stopAnimateTimeout = setTimeout(() => {\n this.setState({ width: 0 });\n }, 300);\n }\n componentWillUnmount() {\n if (this.stopAnimateTimeout) {\n clearTimeout(this.stopAnimateTimeout);\n }\n if (this.animateTimeout) {\n clearTimeout(this.animateTimeout);\n }\n }\n render() {\n return (\n \n \n \n \n
\n\n \n {children}\n
\n \n );\n },\n);\n\n// Set display name for debugging.\nif (process.env.NODE_ENV !== 'production') {\n Notice.displayName = 'Notice';\n}\n","import React from 'react';\nimport { ProgressBar } from 'react-bootstrap';\n\nexport function ModalProgressBar({ variant = 'success' }) {\n return (\n \n
\n);\n","import GoogleMapReact from 'google-map-react';\nimport React from 'react';\nimport { shallowEqual, useSelector } from 'react-redux';\nimport styled from 'styled-components';\nimport { MapsLocationPin } from './MapsLocationPin';\n\nconst Wrapper = styled.div`\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 100%;\n background-color: #000;\n border: 2px solid #fff;\n border-radius: 100%;\n user-select: none;\n transform: translate(-50%, -50%);\n cursor: ${(props) => (props.onClick ? 'pointer' : 'default')};\n &:hover {\n z-index: 1;\n }\n`;\n\nexport function MapsSimple({ places }) {\n let sty;\n\n const { isDark } = useSelector((state) => state.appConfig, shallowEqual);\n if (isDark) {\n sty = require('./DarkGoogleMapStyles.json');\n } else {\n sty = require('./GoogleMapStyles.json');\n }\n\n if (!places || places.length === 0) {\n return null;\n }\n\n const coordinates = places.map((place) => ({\n lat: parseFloat(place.position.lat),\n lng: parseFloat(place.position.lng),\n }));\n\n return (\n {text}
\n\n \n \n {places.map((place, index) => (\n \n
\n );\n}\n","import React from 'react';\n\nconst keyframes = `\n@keyframes loading {\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(100%);\n }\n}`;\n\nexport const LoadingBar= () => (\n \n \n \n
\n);","export { CalendarHeatMapChart } from '../_components/ChartCalendarHeatMap';\nexport { MapsClustering } from '../_components/MapsClustering/MapsClustering';\nexport { MapsSimple } from '../_components/MapsSimple/MapsSimple';\nexport { LoadingBar } from '../_components/LoadingBar';\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nexport const SelectInput = ({\n name,\n label: labelProp,\n choices,\n placeholder,\n disabled,\n onChange,\n onBlur,\n value,\n className,\n style,\n helperText,\n}) => {\n return (\n <>\n {labelProp && }\n \n \n {\n onChange({ start, end });\n }}\n >\n \n \n
\n {withFeedbackLabel && (\n \n
\n ) : (\n children\n )}\n \n );\n\n switch (indicator.toLowerCase()) {\n case \"spinner\":\n return renderSpinner()\n case \"bar\":\n return isLoading ? \n
\n Please wait...
};\n}\n\nexport function NoRecordsFoundMessage({ entities }) {\n const customersList = entities === null ? [] : entities;\n return (\n <>\n {customersList.length === 0 && entities !== null && (\n Nenhum registro encontrado
\n )}\n \n );\n}\n","import React from 'react';\nimport { Checkbox } from '../_partials/controls';\n\nconst SelectionCheckbox = ({ isSelected, onChange, listLoading }) =>\n \n {part}\n
\n ))\n ) : (\n Detalhes do endereço não disponíveis.
\n )}\n \n );\n};\n\nexport const formatDate = (utcDate) => {\n if (!utcDate) return '';\n return new Intl.DateTimeFormat('pt-BR', {\n year: 'numeric',\n month: '2-digit',\n day: '2-digit',\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit',\n hour12: false, // Exibe o horário no formato 24 horas\n timeZone: 'UTC', // Define o uso de UTC (se necessário)\n }).format(new Date(utcDate));\n};\n\n","import objectPath from 'object-path';\nimport { toAbsoluteUrl } from '../../_helpers';\n\nexport class HtmlClassService {\n // Public properties\n config;\n classes;\n attributes;\n\n /**\n * Build html element classes from layout config\n * @param layoutConfig\n */\n setConfig(layoutConfig) {\n this.config = this.preInit(layoutConfig);\n\n // scope list of classes\n this.classes = {\n header: [],\n header_container: [],\n header_mobile: [],\n header_menu: [],\n aside: [],\n aside_menu: [],\n subheader: [],\n subheader_container: [],\n content: [],\n content_container: [],\n footer_container: [],\n };\n\n this.attributes = {\n aside_menu: {},\n header_mobile: {},\n header_menu: {},\n };\n\n // init base layout\n this.initLayout();\n this.initLoader();\n\n // init header and subheader menu\n this.initHeader();\n this.initSubheader();\n\n this.initContent();\n // init aside and aside menu\n this.initAside();\n\n // init footer\n this.initFooter();\n\n // init theme\n this.initTheme();\n }\n\n preInit(layoutConfig) {\n const updatedConfig = Object.assign({}, layoutConfig);\n const headerSelfFixedDesktop = objectPath.get(\n updatedConfig,\n 'header.self.fixed.desktop',\n );\n const subheaderFixed = objectPath.get(updatedConfig, 'subheader.fixed');\n if (subheaderFixed && headerSelfFixedDesktop) {\n // Page::setOption('layout', 'subheader/style', 'solid');\n updatedConfig.subheader.style = 'solid';\n } else {\n // Page::setOption('layout', 'subheader/fixed', false);\n updatedConfig.subheader.fixed = false;\n }\n return updatedConfig;\n }\n\n /**\n * Returns Classes\n *\n * @param path: string\n * @param toString boolean\n */\n getClasses(path, toString) {\n if (path) {\n const classes = objectPath.get(this.classes, path) || '';\n if (toString && Array.isArray(classes)) {\n return classes.join(' ');\n }\n return classes.toString();\n }\n return this.classes;\n }\n\n getAttributes(path) {\n if (path) {\n const attributes = objectPath.get(this.attributes, path) || [];\n return attributes;\n }\n return [];\n }\n\n getLogo() {\n const brandSkin = objectPath.get(this.config, 'brand.self.theme');\n if (brandSkin === 'light') {\n return toAbsoluteUrl('/media/logos/logo-dark.png');\n } else {\n return toAbsoluteUrl('/media/logos/logo-nubocloud-1.png');\n }\n }\n\n getStickyLogo() {\n let logo = objectPath.get(this.config, 'self.logo.sticky');\n if (typeof logo === 'undefined') {\n logo = this.getLogo();\n }\n return logo + '';\n }\n\n /**\n * Init Layout\n */\n initLayout() {\n const selfBodyBackgroundImage = objectPath.get(\n this.config,\n 'self.body.background-image',\n );\n if (selfBodyBackgroundImage) {\n document.body.style.backgroundImage = `url(\"${selfBodyBackgroundImage}'\")`;\n }\n\n const _selfBodyClass = objectPath.get(this.config, 'self.body.class');\n if (_selfBodyClass) {\n const bodyClasses = _selfBodyClass.toString().split(' ');\n bodyClasses.forEach((cssClass) => document.body.classList.add(cssClass));\n }\n\n // Offcanvas directions\n document.body.classList.add('quick-panel-right');\n document.body.classList.add('demo-panel-right');\n document.body.classList.add('offcanvas-right');\n }\n\n /**\n * Init Loader\n */\n initLoader() {}\n\n /**\n * Init Header\n */\n initHeader() {\n // Fixed header\n const headerSelfFixedDesktop = objectPath.get(\n this.config,\n 'header.self.fixed.desktop',\n );\n if (headerSelfFixedDesktop) {\n document.body.classList.add('header-fixed');\n objectPath.push(this.classes, 'header', 'header-fixed');\n } else {\n document.body.classList.add('header-static');\n }\n\n const headerSelfFixedMobile = objectPath.get(\n this.config,\n 'header.self.fixed.mobile',\n );\n if (headerSelfFixedMobile) {\n document.body.classList.add('header-mobile-fixed');\n objectPath.push(this.classes, 'header_mobile', 'header-mobile-fixed');\n }\n\n // Menu\n const headerMenuSelfDisplay = objectPath.get(\n this.config,\n 'header.menu.self.display',\n );\n if (headerMenuSelfDisplay) {\n const headerMenuSelfLayout = objectPath.get(\n this.config,\n 'header.menu.self.layout',\n );\n const headerMenuLayoutCssClass = `header-menu-layout-${headerMenuSelfLayout}`;\n objectPath.push(this.classes, 'header_menu', headerMenuLayoutCssClass);\n\n if (objectPath.get(this.config, 'header.menu.self.root-arrow')) {\n objectPath.push(this.classes, 'header_menu', 'header-menu-root-arrow');\n }\n }\n\n const headerSelfWidth = objectPath.get(this.config, 'header.self.width');\n if (headerSelfWidth === 'fluid') {\n objectPath.push(this.classes, 'header_container', 'container-fluid');\n } else {\n objectPath.push(this.classes, 'header_container', 'container');\n }\n }\n\n /**\n * Init Subheader\n */\n initSubheader() {\n const subheaderDisplay = objectPath.get(this.config, 'subheader.display');\n if (subheaderDisplay) {\n document.body.classList.add('subheader-enabled');\n } else {\n return;\n }\n\n // Fixed content head\n const subheaderFixed = objectPath.get(this.config, 'subheader.fixed');\n const headerSelfFixedDesktop = objectPath.get(\n this.config,\n 'header.self.fixed.desktop',\n );\n if (subheaderFixed && headerSelfFixedDesktop) {\n document.body.classList.add('subheader-fixed');\n // Page::setOption('layout', 'subheader/style', 'solid'); => See preInit()\n } else {\n // Page::setOption('layout', 'subheader/fixed', false); => See preInit()\n }\n\n const subheaderStyle = objectPath.get(this.config, 'subheader.style');\n if (subheaderStyle) {\n const subheaderClass = `subheader-${subheaderStyle}`;\n objectPath.push(this.classes, 'subheader', subheaderClass);\n }\n\n const subheaderWidth = objectPath.get(this.config, 'subheader.width');\n if (subheaderWidth === 'fluid') {\n objectPath.push(this.classes, 'subheader_container', 'container-fluid');\n } else {\n objectPath.push(this.classes, 'subheader_container', 'container');\n }\n\n if (objectPath.get(this.config, 'subheader.clear')) {\n objectPath.push(this.classes, 'subheader', 'mb-0');\n }\n }\n\n /**\n * Init Content\n */\n initContent() {\n if (objectPath.get(this.config, 'content.fit-top')) {\n objectPath.push(this.classes, 'content', 'pt-0');\n }\n\n if (objectPath.get(this.config, 'content.fit-bottom')) {\n objectPath.push(this.classes, 'content', 'pb-0');\n }\n\n if (objectPath.get(this.config, 'content.width') === 'fluid') {\n objectPath.push(this.classes, 'content_container', 'container-fluid');\n } else {\n objectPath.push(this.classes, 'content_container', 'container');\n }\n }\n\n /**\n * Init Aside\n */\n initAside() {\n // Check Aside\n const asideSelfDisplay = objectPath.get(this.config, 'aside.self.display');\n if (!asideSelfDisplay) {\n return;\n }\n\n // Enable Aside\n document.body.classList.add('aside-enabled');\n\n // Fixed Aside\n const asideSelfFixed = objectPath.get(this.config, 'aside.self.fixed');\n if (asideSelfFixed) {\n document.body.classList.add('aside-fixed');\n objectPath.push(this.classes, 'aside', 'aside-fixed');\n } else {\n document.body.classList.add('aside-static');\n }\n\n // Check Aside\n if (!asideSelfDisplay) {\n return;\n }\n\n // Default fixed\n if (objectPath.get(this.config, 'aside.self.minimize.default')) {\n document.body.classList.add('aside-minimize');\n }\n\n if (objectPath.get(this.config, 'aside.self.minimize.hoverable')) {\n document.body.classList.add('aside-minimize-hoverable');\n }\n\n // Menu\n // Dropdown Submenu\n const asideMenuDropdown = objectPath.get(\n this.config,\n 'aside.menu.dropdown',\n );\n if (asideMenuDropdown) {\n objectPath.push(this.classes, 'aside_menu', 'aside-menu-dropdown');\n this.attributes.aside_menu['data-menu-dropdown'] = '1';\n }\n\n // Scrollable Menu\n this.attributes.aside_menu['data-menu-scroll'] = asideMenuDropdown\n ? '0'\n : '1';\n\n const asideSubmenuDHoverTimeout = objectPath.get(\n this.config,\n 'aside.menu.submenu.dropdown.hover-timeout',\n );\n if (asideSubmenuDHoverTimeout) {\n this.attributes.aside_menu[\n 'data-menu-dropdown-timeout'\n ] = asideSubmenuDHoverTimeout;\n }\n }\n\n /**\n * Init Footer\n */\n initFooter() {\n // Fixed header\n if (objectPath.get(this.config, 'footer.fixed')) {\n document.body.classList.add('footer-fixed');\n }\n\n if (objectPath.get(this.config, 'footer.self.width') === 'fluid') {\n objectPath.push(this.classes, 'footer_container', 'container-fluid');\n } else {\n objectPath.push(this.classes, 'footer_container', 'container');\n }\n }\n\n /** Init Theme */\n initTheme() {\n const asideSelfDisplay = objectPath.get(this.config, 'aside.self.display');\n if (!asideSelfDisplay) {\n const headerSelfTheme = objectPath.get(this.config, 'header.self.theme');\n document.body.classList.add(`brand-${headerSelfTheme}`);\n } else {\n const brandSelfTheme = objectPath.get(this.config, 'brand.self.theme');\n document.body.classList.add(`brand-${brandSelfTheme}`);\n }\n }\n}\n","import React, { createContext, useContext, useMemo } from 'react';\nimport { getInitLayoutConfig } from './LayoutConfig';\nimport { HtmlClassService } from './HTMLClassService';\n\nconst LAYOUT_CONFIG_KEY =\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || 'LayoutConfig';\n\nfunction getConfig() {\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\n if (ls) {\n try {\n return JSON.parse(ls);\n } catch (er) {\n console.error(er);\n }\n }\n return getInitLayoutConfig();\n}\n\n// Side effect\nexport function setLayoutConfig(config) {\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\n window.location.reload();\n}\n\nconst HtmlClassServiceContext = createContext();\n\n/**\n *\n *\n * @export\n * @returns Layout context from 'localStorage'\n */\nexport function useHtmlClassService() {\n return useContext(HtmlClassServiceContext);\n}\n\nexport function withHtmlClassService(Component) {\n class WithHtmlClassService extends React.Component {\n static displayName = `WithHtmlClassService(${Component.displayName ||\n Component.name})`;\n\n static contextType = HtmlClassServiceContext;\n\n render() {\n return \n \n
\n \n {/*end::1 Level*/}\n\n {/*begin::1 Level*/}\n - \n
- \n \n Emissores Fiscais\n \n \n\n {/* SAT */}\n {/*begin::2 Level*/}\n
taxGo Drive
\n \n\n \n
\n \n \n }\n\n {/*begin::1 Level*/}\n - \n
\n \n 
\n \n
\n {/* end::Header Logo */}\n \n )}\n \n \n {today.toString()}\n {' '}\n ©{' '}\n \n Nubo Company\n \n
\n \n \n );\n}\n","/* eslint-disable jsx-a11y/anchor-is-valid */\nimport React from 'react';\n\nexport const DropdownCustomToggler = React.forwardRef((props, ref) => {\n return (\n \n
\n \n \n - \n {languages.map((language) => (\n
\n \n \n \n
\n \n \n \n \n \n
\n \n \n )}\n {!layoutProps.offcanvas && (\n \n \n
\n \n \n\n \n
\n \n \n )}\n\n {!layoutProps.light && (\n \n })
\n
\n \n \n {user.firstname} {user.lastname}\n
\n \n 3 messages\n \n \n \n {user.firstname[0]}\n \n {/*
*/}\n
\n \n {user.firstname} {user.lastname}\n
\n \n 3 messages\n \n \n )}\n \n\n \n \n
\n \n
\n \n\n \n \n \n
\n \n
\n \n My Profile\n
\n \n Account settings and more\n \n update\n \n
\n \n
\n \n\n \n \n \n
\n \n
\n My Messages
\n Inbox and tasks
\n \n
\n \n\n \n \n \n
\n \n
\n My Activities
\n Logs and notifications
\n \n
\n \n \n\n \n \n
\n \n
\n My Tasks
\n latest tasks and projects
\n \n \n Sign Out\n \n \n Upgrade Plan\n \n
\n \n \n <>\n \n Olá, {user.name}\n \n \n
\n \n \n )}\n\n {!layoutProps.offcanvas && \n
\n \n );\n }\n\n return (\n No record found
\n \n {/* begin: Section */}\n
\n \n \n );\n}\n","import React, { useEffect, useState, useMemo } from 'react';\nimport clsx from 'clsx';\nimport { Dropdown, OverlayTrigger, Tooltip } from 'react-bootstrap';\nimport SVG from 'react-inlinesvg';\nimport objectPath from 'object-path';\nimport { useHtmlClassService } from '../../../../_core/MetronicLayout';\nimport { SearchResult } from './SearchResult';\nimport { toAbsoluteUrl } from '../../../../../_helpers';\nimport { DropdownTopbarItemToggler } from '../../../../../_partials/dropdowns';\nconst fakeData = [\n {\n type: 0,\n text: 'Reports',\n },\n {\n type: 1,\n text: 'AirPlus Requirements',\n description: 'by Grog John',\n iconImage: toAbsoluteUrl('/media/files/doc.svg'),\n },\n {\n type: 1,\n text: 'TechNav Documentation',\n description: 'by Mary Brown',\n iconImage: toAbsoluteUrl('/media/files/pdf.svg'),\n },\n {\n type: 1,\n text: 'All Framework Docs',\n description: 'by Grog John',\n iconImage: toAbsoluteUrl('/media/files/zip.svg'),\n },\n {\n type: 1,\n text: 'AirPlus Requirements',\n description: 'by Tim Hardy',\n iconImage: toAbsoluteUrl('/media/files/xml.svg'),\n },\n {\n text: 'Customers',\n type: 0,\n },\n {\n type: 1,\n text: 'Jimmy Curry',\n description: 'Software Developer',\n iconImage: toAbsoluteUrl('/media/users/300_11.jpg'),\n },\n {\n type: 1,\n text: 'Milena Gibson',\n description: 'UI Designer',\n iconImage: toAbsoluteUrl('/media/users/300_16.jpg'),\n },\n {\n type: 1,\n text: 'Stefan JohnStefan',\n description: 'Marketing Manager',\n iconImage: toAbsoluteUrl('/media/users/300_22.jpg'),\n },\n {\n type: 1,\n text: 'Anna Strong',\n description: 'Software Developer',\n iconImage: toAbsoluteUrl('/media/users/300_5.jpg'),\n },\n {\n type: 0,\n text: 'Files',\n },\n {\n type: 1,\n text: '2 New items submitted',\n description: 'Marketing Manager',\n iconClassName: 'flaticon2-box font-danger',\n },\n {\n type: 1,\n text: '79 PSD files generated',\n description: 'by Grog John',\n iconClassName: 'flaticon-psd font-brand',\n },\n {\n type: 1,\n text: '$2900 worth products sold',\n description: 'Total 234 items',\n iconClassName: 'flaticon2-supermarket font-warning',\n },\n {\n type: 1,\n text: '4 New items submitted',\n description: 'Marketing Manager',\n iconClassName: 'flaticon-safe-shield-protection font-info',\n },\n];\n\nexport function SearchDropdown() {\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState(null);\n const [searchValue, setSearchValue] = useState('');\n let timeoutId;\n\n const clearTimeout = () => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n };\n\n const handleSearchChange = (event) => {\n setData(null);\n setSearchValue(event.target.value);\n\n if (event.target.value.length > 2) {\n clearTimeout();\n\n setLoading(true);\n\n // simulate getting search result\n timeoutId = setTimeout(() => {\n setData(fakeData);\n setLoading(false);\n }, 500);\n }\n };\n\n const clear = () => {\n setData(null);\n setSearchValue('');\n };\n\n useEffect(() => {\n return () => {\n clearTimeout();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const uiService = useHtmlClassService();\n const layoutProps = useMemo(() => {\n return {\n offcanvas:\n objectPath.get(uiService.config, 'extras.search.layout') ===\n 'offcanvas',\n };\n }, [uiService]);\n\n return (\n <>\n {layoutProps.offcanvas && (\n \n Documents\n
\n \n
\n {/* end: Section */}\n\n {/* begin: Section */}\n \n
\n\n \n \n
\n \n \n AirPlus Requirements\n \n \n by Grog John\n \n
\n \n
\n\n \n \n
\n \n \n TechNav Documentation\n \n \n by Mary Broun\n \n
\n \n
\n\n \n \n
\n \n \n All Framework Docs\n \n \n by Nick Stone\n \n
\n \n
\n \n \n
\n \n \n Finance & Accounting Reports\n \n \n by Jhon Larson\n \n
\n \n Members\n
\n \n
\n {/* end: Section */}\n\n {/* begin: Section */}\n \n
\n \n
\n \n \n Milena Gibson\n \n \n UI Designer\n \n
\n \n
\n \n
\n \n \n Stefan JohnStefan\n \n \n Marketing Manager\n \n
\n \n
\n \n
\n \n \n Anna Strong\n \n \n Software Developer\n \n
\n \n
\n \n
\n \n \n Nick Bold\n \n \n Project Coordinator\n \n
\n \n Files\n
\n \n
\n {/* end: Section */}\n \n
\n \n
\n \n \n
\n \n \n 79 PSD files generated\n \n \n by Grog John\n \n
\n \n
\n \n
\n \n \n
\n \n \n $2900 worth products sold\n \n \n Total 234 items\n \n
\n \n
\n \n
\n \n \n
\n \n \n 4 New items submitted\n \n \n Marketing Manager\n \n
\n \n
\n \n
\n \n \n
\n \n \n 4 New items submitted\n \n \n Marketing Manager\n \n
\n \n \n \n \n \n
\n \n )}\n {!layoutProps.offcanvas && (\n \n \n
\n \n \n \n \n \n \n \n
\n \n )}\n {!layoutProps.offcanvas && (\n \n {layoutProps.viewSearchDisplay && Quick panel}\n >\n \n \n \n
\n \n \n )}\n\n {layoutProps.viewLanguagesDisplay && \n {company_name ? (\n \n {`Acessando a conta ${company_name} através da conta ${loggedAs.company_name}`}\n \n ) : (\n \n carregando...\n \n )}\n
\n \n
\n \n ) : (\n <>\n {layoutProps.viewUserDisplay && (\n \n <>\n \n Retornar ao Nubo Admin\n \n \n
\n - \n {/*begin::1 Level*/}\n
\n \n })
\n \n
\n {/*end::Header Logo*/}\n \n )}\n {/*begin::Header Menu*/}\n \n {layoutProps.headerMenuSelfDisplay && (\n \n \n \n )}\n
\n\n \n {layoutProps.asideDisplay && (\n \n \n \n )}\n document.getElementById('kt_quick_user_toggle').click()}\n >\n \n \n \n \n\n
\n \n );\n}\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutHeader = (function() {\n // Private properties\n var _element;\n var _elementForMobile;\n var _object;\n\n // Private functions\n // Get Height\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element) + 1;\n }\n\n return height;\n };\n\n // Get Height\n var _getHeightForMobile = function() {\n var height;\n\n height = KTUtil.actualHeight(_elementForMobile);\n\n return height;\n };\n\n // Public Methods\n return {\n init: function(id, idForMobile) {\n _element = KTUtil.getById(id);\n _elementForMobile = KTUtil.getById(idForMobile);\n\n if (!_element) {\n return;\n }\n },\n\n isFixed: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'header-fixed');\n },\n\n isFixedForMobile: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed');\n },\n\n getElement: function() {\n return _element;\n },\n\n getElementForMobile: function() {\n return _elementForMobile;\n },\n\n getHeader: function() {\n return _object;\n },\n\n getHeight: function() {\n return _getHeight();\n },\n\n getHeightForMobile: function() {\n return _getHeightForMobile();\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutHeader;\n}\n\nexport default KTLayoutHeader;\n","/* eslint-disable */\n'use strict';\n\nimport KTOffcanvas from './../../components/offcanvas.js';\nimport KTMenu from './../../components/menu.js';\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutHeaderMenu = (function() {\n // Private properties\n var _menuElement;\n var _menuObject;\n var _offcanvasElement;\n var _offcanvasObject;\n\n // Private functions\n var _init = function() {\n _offcanvasObject = new KTOffcanvas(_offcanvasElement, {\n overlay: true,\n baseClass: 'header-menu-wrapper',\n closeBy: 'kt_header_menu_mobile_close_btn',\n toggleBy: {\n target: 'kt_header_mobile_toggle',\n state: 'mobile-toggle-active',\n },\n });\n\n _menuObject = new KTMenu(_menuElement, {\n submenu: {\n desktop: 'dropdown',\n tablet: 'accordion',\n mobile: 'accordion',\n },\n accordion: {\n slideSpeed: 200, // accordion toggle slide speed in milliseconds\n expandAll: false, // allow having multiple expanded accordions in the menu\n },\n });\n\n // Close aside offcanvas panel before page reload On tablet and mobile\n _menuObject.on('linkClick', function(menu) {\n if (KTUtil.isBreakpointDown('lg')) {\n // Tablet and mobile mode\n _offcanvasObject.hide(); // Hide offcanvas after general link click\n }\n });\n };\n\n // Public methods\n return {\n init: function(menuId, offcanvasId) {\n _menuElement = KTUtil.getById(menuId);\n _offcanvasElement = KTUtil.getById(offcanvasId);\n\n if (!_menuElement) {\n return;\n }\n\n // Initialize menu\n _init();\n },\n\n getMenuElement: function() {\n return _menuElement;\n },\n\n getOffcanvasElement: function() {\n return _offcanvasElement;\n },\n\n getMenu: function() {\n return _menuObject;\n },\n\n pauseDropdownHover: function(time) {\n if (_menuObject) {\n _menuObject.pauseDropdownHover(time);\n }\n },\n\n getOffcanvas: function() {\n return _offcanvasObject;\n },\n\n closeMobileOffcanvas: function() {\n if (_menuObject && KTUtil.isMobileDevice()) {\n _offcanvasObject.hide();\n }\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutHeaderMenu;\n}\n\nexport default KTLayoutHeaderMenu;\n","/* eslint-disable */\n'use strict';\n\nimport KTToggle from './../../components/toggle.js';\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutHeaderTopbar = (function() {\n // Private properties\n var _toggleElement;\n var _toggleObject;\n\n // Private functions\n var _init = function() {\n _toggleObject = new KTToggle(_toggleElement, KTUtil.getBody(), {\n targetState: 'topbar-mobile-on',\n toggleState: 'active',\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _toggleElement = KTUtil.getById(id);\n\n if (!_toggleElement) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getToggleElement: function() {\n return _toggleElement;\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutHeaderTopbar;\n}\n\nexport default KTLayoutHeaderTopbar;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutBrand = (function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n },\n\n getElement: function() {\n return _element;\n },\n\n getHeight: function() {\n return _getHeight();\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutBrand;\n}\n\nexport default KTLayoutBrand;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\nimport KTOffcanvas from './../../components/offcanvas.js';\n\nvar KTLayoutAside = (function() {\n // Private properties\n var _body;\n var _element;\n var _offcanvasObject;\n\n // Private functions\n // Initialize\n var _init = function() {\n var offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default')\n ? 'aside-offcanvas-default'\n : 'aside';\n\n // Initialize mobile aside offcanvas\n _offcanvasObject = new KTOffcanvas(_element, {\n baseClass: offcanvasClass,\n overlay: true,\n closeBy: 'kt_aside_close_btn',\n toggleBy: {\n target: 'kt_aside_mobile_toggle',\n state: 'mobile-toggle-active',\n },\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n _body = KTUtil.getBody();\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n },\n\n getOffcanvas: function() {\n return _offcanvasObject;\n },\n\n isFixed: function() {\n return KTUtil.hasClass(_body, 'aside-fixed');\n },\n\n isMinimized: function() {\n return (\n KTUtil.hasClass(_body, 'aside-fixed') &&\n KTUtil.hasClass(_body, 'aside-minimize')\n );\n },\n\n isHoverable: function() {\n return (\n KTUtil.hasClass(_body, 'aside-fixed') &&\n KTUtil.hasClass(_body, 'aside-minimize-hoverable')\n );\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutAside;\n}\n\nexport default KTLayoutAside;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutSubheader = (function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n },\n\n isFixed: function() {\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\n },\n\n getElement: function() {\n return _element;\n },\n\n getHeight: function() {\n return _getHeight();\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutSubheader;\n}\n\nexport default KTLayoutSubheader;\n","/* eslint-disable */\n'use strict';\n\nimport KTLayoutHeader from './header.js';\nimport KTCard from './../../components/card.js';\nimport { KTUtil } from './../../components/util.js';\nimport KTLayoutSubheader from './subheader.js';\n\nvar KTLayoutStickyCard = (function() {\n // Private properties\n var _element;\n var _object;\n\n // Private functions\n var _init = function() {\n var offset = 300;\n\n if (typeof KTLayoutHeader !== 'undefined') {\n offset = KTLayoutHeader.getHeight();\n }\n\n _object = new KTCard(_element, {\n sticky: {\n offset: offset,\n zIndex: 90,\n position: {\n top: function() {\n var pos = 0;\n var body = KTUtil.getBody();\n\n if (KTUtil.isBreakpointUp('lg')) {\n if (\n typeof KTLayoutHeader !== 'undefined' &&\n KTLayoutHeader.isFixed()\n ) {\n pos = pos + KTLayoutHeader.getHeight();\n }\n\n if (\n typeof KTLayoutSubheader !== 'undefined' &&\n KTLayoutSubheader.isFixed()\n ) {\n pos = pos + KTLayoutSubheader.getHeight();\n }\n } else {\n if (\n typeof KTLayoutHeader !== 'undefined' &&\n KTLayoutHeader.isFixedForMobile()\n ) {\n pos = pos + KTLayoutHeader.getHeightForMobile();\n }\n }\n\n pos = pos - 1; // remove header border width\n\n return pos;\n },\n left: function(card) {\n return KTUtil.offset(_element).left;\n },\n right: function(card) {\n var body = KTUtil.getBody();\n\n var cardWidth = parseInt(KTUtil.css(_element, 'width'));\n var bodyWidth = parseInt(KTUtil.css(body, 'width'));\n var cardOffsetLeft = KTUtil.offset(_element).left;\n\n return bodyWidth - cardWidth - cardOffsetLeft;\n },\n },\n },\n });\n\n _object.initSticky();\n\n KTUtil.addResizeHandler(function() {\n _object.updateSticky();\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n update: function() {\n if (_object) {\n _object.updateSticky();\n }\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutStickyCard;\n}\n\nexport default KTLayoutStickyCard;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\nimport KTLayoutBrand from './brand.js';\nimport KTMenu from './../../components/menu.js';\nimport KTLayoutAside from './aside.js';\n\nvar KTLayoutAsideMenu = (function() {\n // Private properties\n var _body;\n var _element;\n var _menuObject;\n\n // Initialize\n var _init = function() {\n var menuDesktopMode =\n KTUtil.attr(_element, 'data-menu-dropdown') === '1'\n ? 'dropdown'\n : 'accordion';\n var scroll;\n\n if (KTUtil.attr(_element, 'data-menu-scroll') === '1') {\n scroll = {\n rememberPosition: true, // remember position on page reload\n height: function() {\n // calculate available scrollable area height\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (KTUtil.isBreakpointUp('lg')) {\n height = height - KTLayoutBrand.getHeight();\n }\n\n height =\n height -\n (parseInt(KTUtil.css(_element, 'marginBottom')) +\n parseInt(KTUtil.css(_element, 'marginTop')));\n\n return height;\n },\n };\n }\n\n _menuObject = new KTMenu(_element, {\n // Vertical scroll\n scroll: scroll,\n\n // Submenu setup\n submenu: {\n desktop: menuDesktopMode,\n tablet: 'accordion', // menu set to accordion in tablet mode\n mobile: 'accordion', // menu set to accordion in mobile mode\n },\n\n // Accordion setup\n accordion: {\n expandAll: false, // allow having multiple expanded accordions in the menu\n },\n });\n };\n\n var _initHover = function() {\n // Handle Minimized Aside Hover\n if (\n KTUtil.hasClass(_body, 'aside-fixed') &&\n KTUtil.hasClass(_body, 'aside-minimize-hoverable')\n ) {\n var insideTm;\n var outsideTm;\n\n // Handle Aside Hover Mode\n KTUtil.addEvent(_element, 'mouseenter', function(e) {\n e.preventDefault();\n\n if (KTUtil.isBreakpointUp('lg') === false) {\n return;\n }\n\n if (outsideTm) {\n clearTimeout(outsideTm);\n outsideTm = null;\n }\n\n if (insideTm) {\n clearTimeout(insideTm);\n insideTm = null;\n }\n\n insideTm = setTimeout(function() {\n if (\n KTUtil.hasClass(_body, 'aside-minimize') &&\n KTUtil.isBreakpointUp('lg')\n ) {\n // Hover class\n KTUtil.addClass(_body, 'aside-minimize-hover');\n\n KTLayoutAsideMenu.getMenu().scrollUpdate();\n KTLayoutAsideMenu.getMenu().scrollTop();\n }\n }, 50);\n });\n\n KTUtil.addEvent(KTLayoutAside.getElement(), 'mouseleave', function(e) {\n e.preventDefault();\n\n if (KTUtil.isBreakpointUp('lg') === false) {\n return;\n }\n\n if (insideTm) {\n clearTimeout(insideTm);\n insideTm = null;\n }\n\n if (outsideTm) {\n clearTimeout(outsideTm);\n outsideTm = null;\n }\n\n outsideTm = setTimeout(function() {\n if (\n KTUtil.hasClass(_body, 'aside-minimize-hover') &&\n KTUtil.isBreakpointUp('lg')\n ) {\n KTUtil.removeClass(_body, 'aside-minimize-hover');\n\n // Hover class\n KTLayoutAsideMenu.getMenu().scrollUpdate();\n KTLayoutAsideMenu.getMenu().scrollTop();\n }\n }, 100);\n });\n }\n };\n\n // Public methods\n return {\n init: function(id) {\n _body = KTUtil.getBody();\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize menu\n _init();\n _initHover();\n },\n\n getElement: function() {\n return _element;\n },\n\n getMenu: function() {\n return _menuObject;\n },\n\n pauseDropdownHover: function(time) {\n if (_menuObject) {\n _menuObject.pauseDropdownHover(time);\n }\n },\n\n closeMobileOffcanvas: function() {\n if (_menuObject && KTUtil.isMobileDevice()) {\n _menuObject.hide();\n }\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutAsideMenu;\n}\n\nexport default KTLayoutAsideMenu;\n","/* eslint-disable */\n'use strict';\n\nimport KTToggle from './../../components/toggle.js';\nimport KTLayoutStickyCard from './sticky-card.js';\nimport KTLayoutHeaderMenu from './header-menu.js';\nimport KTLayoutAsideMenu from './aside-menu.js';\nimport { KTCookie } from './../../components/cookie.js';\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutAsideToggle = (function() {\n // Private properties\n var _body;\n var _element;\n var _toggleObject;\n\n // Initialize\n var _init = function() {\n _toggleObject = new KTToggle(_element, _body, {\n targetState: 'aside-minimize',\n toggleState: 'active',\n });\n\n _toggleObject.on('toggle', function(toggle) {\n // Update sticky card\n if (typeof KTLayoutStickyCard !== 'undefined') {\n KTLayoutStickyCard.update();\n }\n\n // Pause header menu dropdowns\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\n KTLayoutHeaderMenu.pauseDropdownHover(800);\n }\n\n // Pause aside menu dropdowns\n if (typeof KTLayoutAsideMenu !== 'undefined') {\n KTLayoutAsideMenu.pauseDropdownHover(800);\n }\n\n // Remember state in cookie\n KTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\n // to set default minimized left aside use this cookie value in your\n // server side code and add \"kt-primary--minimize aside-minimize\" classes to\n // the body tag in order to initialize the minimized left aside mode during page loading.\n });\n\n _toggleObject.on('beforeToggle', function(toggle) {\n if (\n KTUtil.hasClass(_body, 'aside-minimize') === false &&\n KTUtil.hasClass(_body, 'aside-minimize-hover')\n ) {\n KTUtil.removeClass(_body, 'aside-minimize-hover');\n }\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n _body = KTUtil.getBody();\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n },\n\n getToggle: function() {\n return _toggleObject;\n },\n\n onToggle: function(handler) {\n if (typeof _toggleObject.element !== 'undefined') {\n _toggleObject.on('toggle', handler);\n }\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutAsideToggle;\n}\n\nexport default KTLayoutAsideToggle;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutFooter = (function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height = 0;\n\n if (_element) {\n height = KTUtil.actualHeight(_element);\n }\n\n return height;\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n },\n\n getHeight: function() {\n return _getHeight();\n },\n\n getElement: function() {\n return _element;\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutFooter;\n}\n\nexport default KTLayoutFooter;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\nimport KTLayoutHeader from './header.js';\nimport KTLayoutSubheader from './subheader.js';\nimport KTLayoutFooter from './footer.js';\n\nvar KTLayoutContent = (function() {\n // Private properties\n var _element;\n\n // Private functions\n var _getHeight = function() {\n var height;\n\n height = KTUtil.getViewPort().height;\n\n if (_element) {\n height =\n height -\n parseInt(KTUtil.css(_element, 'paddingTop')) -\n parseInt(KTUtil.css(_element, 'paddingBottom'));\n }\n\n height = height - KTLayoutHeader.getHeight();\n height = height - KTLayoutSubheader.getHeight();\n height = height - KTLayoutFooter.getHeight();\n\n return height;\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n },\n\n getHeight: function() {\n return _getHeight();\n },\n\n getElement: function() {\n return _element;\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutContent;\n}\n\nexport default KTLayoutContent;\n","/* eslint-disable */\n'use strict';\n\nimport KTScrolltop from './../../components/scrolltop.js';\nimport { KTUtil } from './../../components/util.js';\n\nvar KTLayoutScrolltop = (function() {\n // Private properties\n var _element;\n var _object;\n\n // Private functions\n var _init = function() {\n _object = new KTScrolltop(_element, {\n offset: 300,\n speed: 600,\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutScrolltop;\n}\n\nexport default KTLayoutScrolltop;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\nimport KTLayoutContent from './content.js';\n\nvar KTLayoutStretchedCard = (function() {\n // Private properties\n var _element;\n\n // Private functions\n var _init = function() {\n var scroll = KTUtil.find(_element, '.card-scroll');\n var cardBody = KTUtil.find(_element, '.card-body');\n var cardHeader = KTUtil.find(_element, '.card-header');\n\n var height = KTLayoutContent.getHeight();\n\n height = height - parseInt(KTUtil.actualHeight(cardHeader));\n\n height =\n height -\n parseInt(KTUtil.css(_element, 'marginTop')) -\n parseInt(KTUtil.css(_element, 'marginBottom'));\n height =\n height -\n parseInt(KTUtil.css(_element, 'paddingTop')) -\n parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height =\n height -\n parseInt(KTUtil.css(cardBody, 'paddingTop')) -\n parseInt(KTUtil.css(cardBody, 'paddingBottom'));\n height =\n height -\n parseInt(KTUtil.css(cardBody, 'marginTop')) -\n parseInt(KTUtil.css(cardBody, 'marginBottom'));\n\n height = height - 3;\n\n KTUtil.css(scroll, 'height', height + 'px');\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n\n // Re-calculate on window resize\n KTUtil.addResizeHandler(function() {\n _init();\n });\n },\n\n update: function() {\n _init();\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutStretchedCard;\n}\n\nexport default KTLayoutStretchedCard;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\nimport KTOffcanvas from './../../components/offcanvas.js';\n\nvar KTLayoutQuickPanel = (function() {\n // Private properties\n var _element;\n var _offcanvasObject;\n var _notificationsElement;\n var _logsElement;\n var _settingsElement;\n\n // Private functions\n var _getContentHeight = function() {\n var height;\n\n var header = KTUtil.find(_element, '.offcanvas-header');\n var content = KTUtil.find(_element, '.offcanvas-content');\n\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (header) {\n height = height - parseInt(KTUtil.actualHeight(header));\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\n }\n\n if (content) {\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\n }\n\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height = height - 2;\n\n return height;\n };\n\n var _init = function() {\n _offcanvasObject = new KTOffcanvas(_element, {\n overlay: true,\n baseClass: 'offcanvas',\n placement: 'right',\n closeBy: 'kt_quick_panel_close',\n toggleBy: 'kt_quick_panel_toggle',\n });\n };\n\n var _initNotifications = function() {\n KTUtil.scrollInit(_notificationsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n },\n });\n };\n\n var _initLogs = function() {\n KTUtil.scrollInit(_logsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n },\n });\n };\n\n var _initSettings = function() {\n KTUtil.scrollInit(_settingsElement, {\n mobileNativeScroll: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n return _getContentHeight();\n },\n });\n };\n\n var _updateScrollbars = function() {\n $(_element)\n .find('a[data-toggle=\"tab\"]')\n .on('shown.bs.tab', function(e) {\n KTUtil.scrollUpdate(_notificationsElement);\n KTUtil.scrollUpdate(_logsElement);\n KTUtil.scrollUpdate(_settingsElement);\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\n\n _init();\n _initNotifications();\n _initLogs();\n _initSettings();\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutQuickPanel;\n}\n\nexport default KTLayoutQuickPanel;\n","/* eslint-disable */\n'use strict';\n\nimport { KTUtil } from './../../components/util.js';\nimport KTOffcanvas from './../../components/offcanvas.js';\n\nvar KTLayoutQuickUser = (function() {\n // Private properties\n var _element;\n var _offcanvasObject;\n\n // Private functions\n var _init = function() {\n var header = KTUtil.find(_element, '.offcanvas-header');\n var content = KTUtil.find(_element, '.offcanvas-content');\n\n _offcanvasObject = new KTOffcanvas(_element, {\n overlay: true,\n baseClass: 'offcanvas',\n placement: 'right',\n closeBy: 'kt_quick_user_close',\n toggleBy: 'kt_quick_user_toggle',\n });\n\n KTUtil.scrollInit(content, {\n disableForMobile: true,\n resetHeightOnDestroy: true,\n handleWindowResize: true,\n height: function() {\n var height = parseInt(KTUtil.getViewPort().height);\n\n if (header) {\n height = height - parseInt(KTUtil.actualHeight(header));\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\n }\n\n if (content) {\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\n }\n\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\n\n height = height - 2;\n\n return height;\n },\n });\n };\n\n // Public methods\n return {\n init: function(id) {\n _element = KTUtil.getById(id);\n\n if (!_element) {\n return;\n }\n\n // Initialize\n _init();\n },\n\n getElement: function() {\n return _element;\n },\n };\n})();\n\n// Webpack support\nif (typeof module !== 'undefined') {\n // module.exports = KTLayoutQuickUser;\n}\n\nexport default KTLayoutQuickUser;\n","import React, { useLayoutEffect } from 'react';\nimport { KTUtil } from '../../_assets/js/components/util';\nimport KTLayoutHeader from '../../_assets/js/layout/base/header';\nimport KTLayoutHeaderMenu from '../../_assets/js/layout/base/header-menu';\nimport KTLayoutHeaderTopbar from '../../_assets/js/layout/base/header-topbar';\nimport KTLayoutBrand from '../../_assets/js/layout/base/brand';\nimport KTLayoutAside from '../../_assets/js/layout/base/aside';\nimport KTLayoutAsideToggle from '../../_assets/js/layout/base/aside-toggle';\nimport KTLayoutAsideMenu from '../../_assets/js/layout/base/aside-menu';\nimport KTLayoutContent from '../../_assets/js/layout/base/content';\nimport KTLayoutFooter from '../../_assets/js/layout/base/footer';\nimport KTLayoutSubheader from '../../_assets/js/layout/base/subheader';\nimport KTLayoutScrolltop from '../../_assets/js/layout/extended/scrolltop';\nimport KTLayoutStickyCard from '../../_assets/js/layout/base/sticky-card';\nimport KTLayoutStretchedCard from '../../_assets/js/layout/base/stretched-card';\nimport KTLayoutQuickPanel from '../../_assets/js/layout/extended/quick-panel';\nimport KTLayoutQuickUser from '../../_assets/js/layout/extended/quick-user';\n\nexport function LayoutInit() {\n useLayoutEffect(() => {\n // Initialization\n KTUtil.ready(function() {\n ////////////////////////////////////////////////////\n // Layout Base Partials(mandatory for core layout)//\n ////////////////////////////////////////////////////\n // Init Desktop & Mobile Headers\n KTLayoutHeader.init('kt_header', 'kt_header_mobile');\n\n // Init Header Menu\n KTLayoutHeaderMenu.init('kt_header_menu', 'kt_header_menu_wrapper');\n // Init Header Topbar For Mobile Mode\n KTLayoutHeaderTopbar.init('kt_header_mobile_topbar_toggle');\n // Init Brand Panel For Logo\n KTLayoutBrand.init('kt_brand');\n // Init Aside\n KTLayoutAside.init('kt_aside');\n\n // Init Aside Menu Toggle\n KTLayoutAsideToggle.init('kt_aside_toggle');\n //\n // Init Aside Menu\n KTLayoutAsideMenu.init('kt_aside_menu');\n\n // Init Content\n KTLayoutContent.init('kt_content');\n\n // Init Footer\n KTLayoutFooter.init('kt_footer');\n\n //////////////////////////////////////////////\n // Layout Extended Partials(optional to use)//\n //////////////////////////////////////////////\n KTLayoutSubheader.init('kt_subheader');\n\n // Init Scrolltop\n KTLayoutScrolltop.init('kt_scrolltop');\n\n // Init Sticky Card\n KTLayoutStickyCard.init('kt_page_sticky_card');\n\n // Init Stretched Card\n KTLayoutStretchedCard.init('kt_page_stretched_card');\n\n // Init Quick Offcanvas Panel\n KTLayoutQuickPanel.init('kt_quick_panel');\n\n // Init Quick User Panel\n KTLayoutQuickUser.init('kt_quick_user');\n });\n }, []);\n return <>;\n}\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid,no-undef */\nimport React, { useState } from 'react';\nimport SVG from 'react-inlinesvg';\nimport { Tab, Nav } from 'react-bootstrap';\nimport { toAbsoluteUrl } from '../../../../_helpers';\n\nexport function QuickPanel() {\n const [selectedTab, setSelectedTab] = useState('AuditLogs');\n\n const setTab = (_tabName) => {\n setSelectedTab(_tabName);\n };\n\n return (\n \n \n {/*begin::Header*/}\n
\n {/*end::Header*/}\n\n {/*begin::Content*/}\n \n \n \n \n Audit Logs\n \n \n \n \n Notifications\n \n \n \n \n Settings\n \n \n \n\n \n \n \n \n
\n \n \n
\n \n \n
\n \n
\n\n System Messages
\n\n
\n\n \n \n
\n \n \n Top Authors\n \n \n Most Successful Fellas\n \n
\n \n +82$\n \n \n
\n\n \n \n
\n \n \n Popular Authors\n \n \n Most Successful Fellas\n \n
\n \n +280$\n \n \n
\n\n \n \n
\n \n \n New Users\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n\n \n \n
\n \n \n Active Customers\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n \n \n
\n \n \n Bestseller Theme\n \n \n Most Successful Fellas\n \n
\n \n +4500$\n \n \n
\n Notifications
\n\n\n \n \n \n\n
\n\n \n \n Another purpose persuade\n \n \n Due in 2 Days\n \n
\n\n \n +28%\n \n \n \n \n \n
\n\n \n \n Would be to people\n \n \n Due in 2 Days\n \n
\n\n \n +50%\n \n \n \n \n \n
\n\n \n \n Purpose would be to persuade\n \n \n Due in 2 Days\n \n
\n\n \n -27%\n \n \n \n \n \n\n
\n \n \n The best product\n \n \n Due in 2 Days\n \n
\n\n \n +8%\n \n \n \n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 5 new user generated report\n
\n Reports based on sales
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n 2 new items submited\n
\n by Grog John
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n 79 PSD files generated\n
\n Reports based on sales
\n \n
\n \n\n \n \n
\n \n \n
\n \n
\n \n $2900 worth producucts sold\n
\n Total 234 items
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 4.5h-avarage response time\n
\n Fostest is Barry
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 3 Defence alerts\n
\n \n 40% less alerts thar last week\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n Avarage 4 blog posts per author\n
\n Most posted 12 time
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 16 authors joined last week\n
\n \n 9 photodrapehrs, 7 designer\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 2 new items have been submited\n
\n by Grog John
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 2.8 GB-total downloads size\n
\n \n Mostly PSD end AL concepts\n
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n $2900 worth producucts sold\n
\n Total 234 items
\n \n
\n \n \n \n
\n \n \n
\n \n
\n \n 7 new user generated report\n
\n Reports based on sales
\n \n
\n \n \n
\n \n \n
\n \n
\n \n 4.5h-avarage response time\n
\n Fostest is Barry
\n \n \n {title}\n {' '}\n \n {content}\n \n
\n );\n\n return (\n \n \n \n \n
\n\n Perfil do Usuário
\n\n \n \n Sair\n \n
\n\n \n\n \n
\n \n
\n \n \n {user.name}\n {selfInfo && selfInfo.id && (\n <>\n {' #'}\n {selfInfo.id}\n \n )}\n \n \n
\n \n \n \n \n \n \n \n \n \n {user.email}\n \n \n\n {selfInfo && licensesList && (\n
\n \n closeMenu()}\n className=\"navi-item\"\n to=\"/core/auth/profile\"\n >\n
\n\n \n\n \n
\n \n \n
\n \n \n \n \n
\n \n {' '}\n
\n Meu Perfil
\n Configuração da conta e mais
\n \n dispatch(actions.toggleDark())}\n name=\"checkedB\"\n color=\"primary\"\n />\n }\n />\n
\n \n \n );\n}\n","import React from 'react';\nimport SVG from 'react-inlinesvg';\nimport { toAbsoluteUrl } from '../../../_helpers';\n\nexport function ScrollTop() {\n return (\n \n \n \n {' '}\n
\n );\n}\n","import React, { createContext, useState, useContext } from 'react';\n\nexport function getBreadcrumbsAndTitle(menuId, pathName) {\n const result = {\n breadcrumbs: [],\n title: '',\n };\n\n const menu = document.getElementById(menuId);\n if (!menu) {\n return result;\n }\n\n const activeLinksArray = Array.from(\n menu.getElementsByClassName('active') || [],\n );\n const activeLinks = activeLinksArray.filter((el) => el.tagName === 'A');\n if (!activeLinks) {\n return result;\n }\n\n activeLinks.forEach((link) => {\n const titleSpans = link.getElementsByClassName('menu-text');\n\n // do not display breadcrumb for menu toggle items because they dont have a valid path\n if (titleSpans && !link.classList.contains('menu-toggle')) {\n const titleSpan = Array.from(titleSpans).find(\n (t) => t.innerHTML && t.innerHTML.trim().length > 0,\n );\n if (titleSpan) {\n result.breadcrumbs.push({\n pathname: link.pathname.replace(process.env.PUBLIC_URL, ''),\n title: titleSpan.innerHTML,\n });\n }\n }\n });\n result.title = getTitle(result.breadcrumbs, pathName);\n return result;\n}\n\nexport function getTitle(breadCrumbs, pathname) {\n if (!breadCrumbs || !pathname) {\n return '';\n }\n\n const length = breadCrumbs.length;\n if (!length) {\n return '';\n }\n\n return breadCrumbs[length - 1].title;\n}\n\nconst SubheaderContext = createContext();\n\nexport function useSubheader() {\n return useContext(SubheaderContext);\n}\n\nexport const SubheaderConsumer = SubheaderContext.Consumer;\n\nexport function MetronicSubheaderProvider({ children }) {\n const [title, setTitle] = useState('');\n const [breadcrumbs, setBreadcrumbs] = useState([]);\n const value = { title, setTitle, breadcrumbs, setBreadcrumbs };\n return (\n - \n {items.map((item, index) => (\n
- \n \n {item.title}\n \n \n ))}\n
\n \n Agrupar por}\n name=\"groupingValue\"\n onChange={(event) => {\n history.replace('/dashboards/devicemap?group=' + event.target.value);\n }}\n value={selectedGroup}\n choices={Object.keys(GroupingValues).map(id => ({ id, name: GroupingValues[id] }))}\n />\n \n {isEnterprise && Filtrar por região}\n name=\"regionFilter\"\n onChange={(regions) => {\n history.replace(`/dashboards/devicemap?group=${selectedGroup}®ions=${regions.map(r => r.value).join(',')}`);\n }}\n value={selectedRegions}\n choices={regionsOptions}\n />\n }\n
\n
\n \n {layoutProps.subheaderMobileToggle && (\n \n \n \n )}\n\n {/*
\n\n {location.pathname.startsWith('/dashboards/devicemap') && \n
*/}\n\n \n <>{subheader.title}\n \n
\n\n \n Today\n Aug 16\n \n
*/}\n \n \n );\n}\n","import React, { useMemo } from 'react';\nimport objectPath from 'object-path';\nimport { Aside } from './aside/Aside';\nimport { AuthConsumer } from '../../../app/modules/Auth0';\nimport { Footer } from './footer/Footer';\n// Import Layout components\nimport { Header } from './header/Header';\nimport { HeaderMobile } from './header-mobile/HeaderMobile';\nimport { LayoutInit } from './LayoutInit';\nimport { QuickPanel } from './extras/offcanvas/QuickPanel';\nimport { QuickUser } from '../../../_nubo/layout/components/extras/offcanvas/QuickUser';\nimport { ScrollTop } from './extras/ScrollTop';\nimport { SubHeader } from './subheader/SubHeader';\n// LayoutContext\nimport { useHtmlClassService } from '../_core/MetronicLayout';\n\nexport function Layout({ children }) {\n const uiService = useHtmlClassService();\n // Layout settings (cssClasses/cssAttributes)\n const layoutProps = useMemo(() => {\n return {\n layoutConfig: uiService.config,\n selfLayout: objectPath.get(uiService.config, 'self.layout'),\n asideDisplay: objectPath.get(uiService.config, 'aside.self.display'),\n subheaderDisplay: objectPath.get(uiService.config, 'subheader.display'),\n desktopHeaderDisplay: objectPath.get(\n uiService.config,\n 'header.self.fixed.desktop',\n ),\n contentCssClasses: uiService.getClasses('content', true),\n contentContainerClasses: uiService.getClasses('content_container', true),\n contentExtended: objectPath.get(uiService.config, 'content.extended'),\n };\n }, [uiService]);\n\n return layoutProps.selfLayout !== 'blank' ? (\n <>\n {/*begin::Main*/}\n \n {/*begin::Page*/}\n
\n {/*end::Wrapper*/}\n \n {/*end::Page*/}\n \n \n {layoutProps.asideDisplay && }\n {/*begin::Wrapper*/}\n \n \n {layoutProps.subheaderDisplay &&
\n {/*end::Content*/}\n \n \n {/*begin::Container*/}\n
\n )}\n\n {layoutProps.contentExtended && { children }}\n {/*end::Entry*/}\n \n {children}\n
\n {/*end::Container*/}\n {children}
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { useRouteMatch } from 'react-router-dom';\n\nexport function Content({ children }) {\n const match = useRouteMatch() || {};\n const animationEndClass = 'grid-animateContent-finished';\n const [cssClassesState, setCssClassesState] = useState([\n 'grid-animateContent',\n animationEndClass,\n ]);\n\n useEffect(() => {\n // for animation start should toggle 'grid-animateContent-finished' css class\n // TODO: change useMemo\n const fullClasses = [...cssClassesState];\n const startAnimation = fullClasses.filter((el) => el !== animationEndClass);\n setCssClassesState(startAnimation);\n const timeOutId = setTimeout(() => {\n setCssClassesState(fullClasses);\n }, 200);\n\n return () => {\n clearTimeout(timeOutId);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [match.url]);\n\n return <>{children};\n}\n","import React from 'react';\nimport { Route } from 'react-router-dom';\nimport { Content } from './Content';\n\nexport function ContentRoute({ children, component, render, ...props }) {\n return (\n