>,\n ) => {\n if (value.length >= valueLength && condition) {\n //Removed this as places such as event modal need to load two api calls at once\n // fetchRef.current += 1\n // const fetchId = fetchRef.current\n setValues([])\n setFetching(true)\n\n fetchFunction(value).then((newOptions) => {\n //Removed this as places such as event modal need to load two api calls at once\n // if (fetchId !== fetchRef.current) {\n // for fetch callback order\n // return\n // }\n const filteredOptions = newDataField ? newOptions[newDataField] : newOptions\n setValues((prev: any) => [...prev, ...filteredOptions])\n setValueOptions((prev: any) => [...prev, ...filteredOptions])\n setFetching(false)\n })\n }\n }\n return debounce(loadOptions, 800)\n }\n\n //Helper\n const fieldSeparator = (value: any, field: string, secondaryField?: string, tertiaryField?: string) => {\n if (!value) {\n return null\n }\n if (tertiaryField && secondaryField) {\n return (\n \n {value[field]}\n {`${value[tertiaryField]} - ${value[secondaryField]}`}\n
\n )\n }\n if (secondaryField) {\n log('fieldSeparator', value[field], value[secondaryField])\n return (\n \n {value[field]}\n {value[secondaryField]}\n
\n )\n }\n // Ensure that value[field] is not undefined\n return field.includes('|')\n ? field\n .split('|')\n .map((f) => value[f])\n .find((v) => v !== undefined && v !== null)\n : value[field]\n }\n\n const siteLabelCleaner = (label: string = '') =>\n (label || '').includes(' (') ? label : label.replace(/^\\(|\\)$/g, '')\n\n //Multi select\n const renderMultiOptions = (fields: { val: string; label: string }, labelFilter = (label: string) => label) => (\n value: any,\n selectedOptions: any[],\n handleCheckboxClick: (e: React.MouseEvent) => void,\n ): ReactElement => (\n \n fieldSeparator(option, fields.val) === fieldSeparator(value, fields.val),\n ) > -1\n }\n >\n {labelFilter(fieldSeparator(value, fields.label))}\n \n \n )\n\n const multiHandlePlaceholder = (labelField: string, label: string) => (selectedOptions: any[]) => {\n const selected = selectedOptions.length\n return selected === 1 ? selectedOptions[0][labelField] : `${selected} ${label} Selected`\n }\n\n const multiHandleChange = (valField: string) => (\n value: any[],\n setDirty: (dirty: boolean) => void,\n setSelectedOptions: (selectedPartner: any[]) => void,\n onOptionsChange: (selectedPartner: any[]) => void,\n options: any[],\n ) => {\n setDirty(true)\n const selectedOption = options.filter((t) => value.includes(fieldSeparator(t, valField)))\n const removedDuplicatedOfTenants = selectedOption.filter(\n (obj, index, self) =>\n index === self.findIndex((t) => fieldSeparator(t, valField) === fieldSeparator(obj, valField)),\n )\n setSelectedOptions(removedDuplicatedOfTenants)\n onOptionsChange(removedDuplicatedOfTenants)\n }\n\n //Single Select\n const renderSingleOption = (\n fields: { val: string; label: string; secondaryLabel?: string; tertiaryLabel?: string },\n withState = true,\n labelFilter = (label: string) => label,\n ) => (option: any): ReactElement => {\n const value = withState ? option.state : option\n return (\n fieldSeparator(value, fields.val) &&\n fieldSeparator(value, fields.label) && (\n \n {labelFilter(fieldSeparator(value, fields.label, fields.secondaryLabel, fields.tertiaryLabel))}\n \n )\n )\n }\n\n const handleSingleSelectChange = (valField: string) => (\n value: any,\n setDirty: (dirty: boolean) => void,\n setSelectedOptions: (selectedOption: any[]) => void,\n onOptionsChange: (selectedTenants: any[]) => void,\n options: any[],\n ) => {\n const selectedValue = options?.find((p) => fieldSeparator(p, valField) === value)\n setSelectedOptions(selectedValue ? [selectedValue] : [])\n onOptionsChange(selectedValue)\n }\n\n return {\n multiTenantDebounceFetcher,\n multiListingTitleDebounceFetcher,\n multiSerialNumberSelectorDebounceFetcher,\n multiListingTitleAndIdDebounceFetcher,\n multiPartnerDebounceFetcher,\n multiUsersDebounceFetcher,\n multiListingDebounceFetcher,\n multiListingIdDebounceFetcher,\n multiMasterAccountDebounceFetcher,\n multiTenantHandleChange,\n multiListingHandleChange,\n multiListingTitleHandleChange,\n multiListingHandlePlaceholder,\n multiListingTitleHandlePlaceholder,\n multiTenantHandlePlaceholder,\n multiUsersHandlePlaceholder,\n multiMasterAccountHandlePlaceholder,\n multiPartnerHandleValue,\n multiTenantHandleValue,\n multiMasterAccountHandleValue,\n multiListingHandleValue,\n multiListingTitleHandleValue,\n multiUsersHandleValue,\n multiSerialNumberHandleChange,\n multiSerialNumberIdHandleChange,\n multiMasterAccountHandleChange,\n startMethodHandleValue,\n stateHandleValue,\n multiSerialNumberHandleValue,\n multiAccessPlanHandleValue,\n multiSerialNumberHandlePlaceholder,\n multiListingPreloadedHandlePlaceholder,\n startMethodHandleChange,\n stateHandleChange,\n multiListingTitleAndIdHandleChange,\n multiPartnerHandlePlaceholder,\n multiPartnerHandleChange,\n multiUsersHandleChange,\n renderMultiUsersOption,\n renderMultiListingTitleOption,\n renderMultiListingOption,\n renderMultiVendorOption,\n renderChargerSerialNumberOption,\n renderMultiListingIdOption,\n renderMultiTenantOption,\n renderOCPPStatusOption,\n renderMultiMasterAccountOption,\n renderServiceStatusOption,\n multiListingTitleAndIdHandleValue,\n aggregatorNameDebounceFetcher,\n multiDiscountDebounceFetcher,\n multiDiscountHandleChange,\n multiDiscountPlaceholder,\n multiParticipantsDebounceFetcher,\n multiParticipantsHandleChange,\n multiParticipantsPlaceholder,\n multiListingIdHandlePlaceholder,\n multiListingIdHandleChange,\n multiServiceStatusPlaceholder,\n multiServiceStatusHandleChange,\n multiVendorPlaceholder,\n multiOCPPStatusPlaceholder,\n multiVendorsHandleChange,\n multiOCPPStatusHandleChange,\n multiTaggingHandlePlaceholder,\n multiTaggingHandleChange,\n generalDebounceFetcher,\n renderMultiOptions,\n multiHandlePlaceholder,\n multiHandleChange,\n renderSingleOption,\n handleSingleSelectChange,\n renderMultiProgramsOptions,\n multiChargerSettingsHandlePlaceholder,\n multiChargerSettingsHandleChange,\n multiChargersPlaceholder,\n multiChargersHandleChange,\n //Helper\n siteLabelCleaner,\n }\n}\n","import { WalletDataResponse } from 'models/http'\nimport { WalletData, WalletInfo } from 'models/user'\n\nexport const mockWalletInfo: WalletInfo = {\n balance: 100,\n currency: 'usd',\n email: 'test@test.com',\n carMakeModel: 'Toyota Camry',\n licensePlate: 'ABC123',\n}\n\nexport const mockWalletHistory: WalletData[] = [\n {\n id: 5157,\n title: 'J0001',\n duration: 1800,\n amount: 1.7,\n balance: -1.7,\n walletId: '314',\n connectedAt: '2023-11-16T20:00:00',\n disconnectedAt: '2023-11-16T20:30:00',\n transactionId: 3604,\n createdAt: '2023-11-16T16:54:50Z',\n updatedAt: '2023-11-16T16:54:50Z',\n },\n {\n id: 5158,\n title: 'Wallet Autoload',\n duration: null,\n amount: 10.0,\n balance: 8.3,\n walletId: '314',\n connectedAt: null,\n disconnectedAt: null,\n transactionId: null,\n createdAt: '2023-11-16T16:54:51Z',\n updatedAt: '2023-11-16T16:54:51Z',\n },\n {\n id: 5159,\n title: 'J0001',\n duration: 1800,\n amount: 1.7,\n balance: 6.6,\n walletId: '314',\n connectedAt: '2023-11-16T17:30:00',\n disconnectedAt: '2023-11-16T18:00:00',\n transactionId: 3605,\n createdAt: '2023-11-16T16:55:05Z',\n updatedAt: '2023-11-16T16:55:05Z',\n },\n {\n id: 5160,\n title: 'Refund',\n duration: null,\n amount: 1.7,\n balance: 8.3,\n walletId: '314',\n connectedAt: null,\n disconnectedAt: null,\n transactionId: null,\n createdAt: '2023-11-16T16:55:13Z',\n updatedAt: '2023-11-16T16:55:13Z',\n },\n {\n id: 5161,\n title: 'Refund',\n duration: null,\n amount: 1.7,\n balance: 10.0,\n walletId: '314',\n connectedAt: null,\n disconnectedAt: null,\n transactionId: null,\n createdAt: '2023-11-23T20:48:41Z',\n updatedAt: '2023-11-23T20:48:41Z',\n },\n {\n id: 5165,\n title: 'MP03r',\n duration: 7200,\n amount: 4.52,\n balance: 5.48,\n walletId: '314',\n connectedAt: '2024-02-06T23:00:00',\n disconnectedAt: '2024-02-07T01:00:00',\n transactionId: 3663,\n createdAt: '2024-02-06T19:39:09Z',\n updatedAt: '2024-02-06T19:39:09Z',\n },\n {\n id: 5166,\n title: 'MP03r',\n duration: 22860,\n amount: 14.35,\n balance: -8.87,\n walletId: '314',\n connectedAt: '2024-02-06T19:39:00',\n disconnectedAt: '2024-02-07T02:00:00',\n transactionId: 3664,\n createdAt: '2024-02-06T19:40:22Z',\n updatedAt: '2024-02-06T19:40:22Z',\n },\n {\n id: 5167,\n title: 'Wallet Autoload',\n duration: null,\n amount: 10.0,\n balance: 1.13,\n walletId: '314',\n connectedAt: null,\n disconnectedAt: null,\n transactionId: null,\n createdAt: '2024-02-06T19:40:23Z',\n updatedAt: '2024-02-06T19:40:23Z',\n },\n]\n\nexport const mockWalletHistoryResponse: WalletDataResponse = {\n data: mockWalletHistory,\n pagination: {\n totalEntries: 10,\n currentPage: 1,\n perPage: 10,\n },\n}\n","import { addQueryString } from 'helpers/url'\nimport { log } from 'logger'\nimport { mockWalletHistory, mockWalletHistoryResponse, mockWalletInfo } from 'mock/activities-mock'\nimport { WalletDataResponse } from 'models/http'\nimport { SuccessResponse, WalletData, WalletInfo } from 'models/user'\nimport { apiClient } from './client'\nimport { returnMock } from './mock'\n\nexport async function GetWalletHistory(\n isMockUpEnabled: boolean,\n person_id: string,\n page: number,\n): Promise {\n let url = `/activities`\n let queryParams: { [key: string]: string | number } = { person_id, page }\n\n url = addQueryString(url, queryParams)\n\n log('getting wallet history', { url })\n if (isMockUpEnabled) {\n return returnMock(mockWalletHistoryResponse)\n }\n return apiClient(url, {})\n}\n\nexport async function GetWholeWalletHistory(isMockUpEnabled: boolean, person_id: string): Promise {\n let url = `/activities`\n let queryParams: { [key: string]: string | number } = { person_id, all_activities: 'true' }\n\n url = addQueryString(url, queryParams)\n\n log('getting whole wallet history', { url })\n if (isMockUpEnabled) {\n return returnMock(mockWalletHistory)\n }\n return apiClient(url, {})\n}\n\nexport async function RefundBalance(isMockUpEnabled: boolean, person_id: string): Promise {\n let url = `/activities/refund_balance`\n let queryParams: { [key: string]: string } = { person_id }\n\n url = addQueryString(url, queryParams)\n\n log('refunding balance', { url })\n if (isMockUpEnabled) {\n return returnMock({ message: \"Successfully refunded to user's payment method\" })\n }\n return apiClient(url, {\n method: 'POST',\n })\n}\n\nexport async function GetWalletInfo(isMockUpEnabled: boolean, person_id: string): Promise {\n let url = `/activities/wallet_info`\n let queryParams: { [key: string]: string } = { person_id }\n\n url = addQueryString(url, queryParams)\n\n log('getting wallet information', { url })\n if (isMockUpEnabled) {\n return returnMock(mockWalletInfo)\n }\n return apiClient(url, {})\n}\n","import { Col, Layout, Menu, MenuProps, Row, Space } from 'antd'\nimport { useLocation } from 'react-router-dom'\nimport { useEffect, useState } from 'react'\n\nimport { useAppState } from '../../../state'\nimport { styled, theme } from '../../../theme'\nimport { Links } from '../../routes/paths'\n\nimport { arrowLeftSVG, rightArrowSVG } from '../../../assets/svg/arrow'\nimport { globeSVG } from '../../../assets/svg/globe'\nimport { listingSVG } from '../../../assets/svg/listing'\nimport { logoutSVG } from '../../../assets/svg/logout'\nimport { peakShavingIcon } from '../../../assets/svg/peakShavingIcon'\nimport { pieChartSVG } from '../../../assets/svg/pieChart'\nimport { plugNeonGreenHeaderSVG } from '../../../assets/svg/plug'\nimport { reportSVG } from '../../../assets/svg/report'\nimport { tenantSVG } from '../../../assets/svg/tenant'\nimport { transactionSVG } from '../../../assets/svg/transaction'\nimport { userSVG } from '../../../assets/svg/user'\nimport { AppHeaderContainer, TenantNameTitleWrapper } from '../../../atom/app-header'\nimport { useAppHeaderTranslation } from '../../../hooks/translation/useAppHeaderTranslation'\nimport { supportDashboardIcon } from '../../../assets/svg/supportDashboardIcon'\nimport { GetTenant } from '../../../services/data-provider/tenants'\nimport { GetListing } from 'services/data-provider/listing'\nimport { TagsFilled, UserOutlined } from '@ant-design/icons'\nimport EVChargerSVG from 'assets/svg/ev_charging'\nimport { useSelector } from 'hooks/useSelector'\nimport { GetWalletInfo } from 'services/data-provider/activities'\n\nconst MenuSpacing = styled.div`\n .ant-layout-header {\n padding: 0 25px 0 15px;\n }\n`\n\ninterface props {\n collapsed: boolean\n handleToggleMenu(): void\n}\n\nexport const AppHeader: React.FC = ({ collapsed, handleToggleMenu }) => {\n const [tenantName, setTenantName] = useState('')\n const {\n currentUser,\n selectedTenant,\n language,\n isClassicView,\n isMockUpEnabled,\n hasNoAccess,\n logout,\n setLanguage,\n ToggleClassicDashboardView,\n } = useAppState()\n\n const location = useLocation()\n\n const {\n adminDashboardText,\n demoDashboardText,\n supportDashboardText,\n dashboardText,\n chargersText,\n transactionsText,\n listingText,\n tenantsText,\n reportsText,\n usersText,\n peakShavingText,\n taggingText,\n logoutText,\n switchHomePageText,\n switchHomePageNewVersionText,\n } = useAppHeaderTranslation()\n const { siteLabelCleaner } = useSelector()\n\n useEffect(() => {\n const splitPathName = location.pathname.split('/')\n if (splitPathName[1] === 'tenants' && splitPathName.length === 3) {\n const tenantId = splitPathName[2]\n GetTenant(Number(tenantId), isMockUpEnabled).then((tenant) =>\n setTenantName(siteLabelCleaner(tenant?.combineName || tenant?.displayName || tenant?.name)),\n )\n } else if (splitPathName[1] === 'listing' && splitPathName[2] !== 'create') {\n GetListing(Number(splitPathName[2])).then((listing) => setTenantName(listing.title ? listing.title : ''))\n } else if (splitPathName[3] === 'wallet') {\n let userId = splitPathName[2]\n GetWalletInfo(isMockUpEnabled, userId).then((walletInfo) => setTenantName(walletInfo.email))\n } else {\n setTenantName('')\n }\n }, [location.pathname])\n\n const changeLocal = () => {\n switch (language) {\n case 'en':\n setLanguage('fr')\n break\n case 'fr':\n setLanguage('en')\n break\n }\n }\n\n const handleLogout: MenuProps['onClick'] = (e) => {\n if (e.key === 'logout') {\n logout()\n window.location.replace(Links.auth0login())\n }\n }\n\n if (!currentUser && !hasNoAccess) {\n return \n }\n\n const renderTitle = () => {\n const splitPathName = location.pathname.split('/')\n let title = ''\n let icon = pieChartSVG\n\n // Check if isMockUpEnabled is true and the path is the home page\n if (isMockUpEnabled && splitPathName[1] === 'dashboard') {\n title = demoDashboardText\n } else {\n switch (splitPathName[1]) {\n case 'listings':\n case 'listing':\n icon = listingSVG\n title = listingText\n break\n case 'chargers':\n icon = plugNeonGreenHeaderSVG\n title = chargersText\n break\n case 'chargers2':\n icon = \n title = chargersText\n break\n case 'tenants':\n icon = tenantSVG\n title = tenantsText\n break\n case 'transactions':\n icon = transactionSVG\n title = transactionsText\n break\n case 'reports':\n icon = reportSVG\n title = reportsText\n break\n case 'users':\n icon = userSVG\n title = usersText\n break\n case 'peakShavingPrograms':\n icon = peakShavingIcon\n title = peakShavingText\n break\n case 'demandManagement':\n icon = peakShavingIcon\n title = peakShavingText\n break\n case 'tagging':\n icon = \n title = taggingText\n break\n case 'supportDashboard':\n icon = supportDashboardIcon\n title = supportDashboardText\n break\n case 'usersv2':\n icon = userSVG\n title = usersText\n break\n default:\n switch (currentUser?.role) {\n case 'admin':\n title = adminDashboardText\n break\n case 'support':\n title = supportDashboardText\n break\n case 'user':\n const tenantDisplayName = currentUser?.accesses.filter((obj) => {\n return obj.display === selectedTenant?.name\n })\n if (selectedTenant && tenantDisplayName.length === 1) {\n title = tenantDisplayName[0].displayName || tenantDisplayName[0].display\n } else {\n title = dashboardText\n }\n break\n default:\n title = dashboardText\n break\n }\n break\n }\n }\n\n return (\n <>\n {icon}\n {title}\n \n )\n }\n\n return (\n \n \n \n \n \n \n \n {renderTitle()}\n {tenantName.length > 0 && (\n \n {' '}\n {rightArrowSVG} {tenantName}\n \n )}\n
\n \n \n \n \n \n
\n \n \n \n )\n}\n","import React from 'react'\nimport moment from 'moment'\nimport { Col, Layout, Row } from 'antd'\n\nconst { Footer } = Layout\n\nexport const AppFooter: React.FC = () => {\n return (\n \n \n \n \n Powered by SWTCH © {moment().format('YYYY')}\n \n \n
\n \n )\n}\n","import React, { useState } from 'react'\nimport { Navigation } from './navigation'\nimport { AppHeader } from './app-header'\nimport { AppFooter } from './app-footer'\n\nimport { Layout } from 'antd'\n\nconst { Content } = Layout\n\nexport const AuthenticatedLayout: React.FC = ({ children }) => {\n const [collapse, setCollapsed] = useState(true)\n return (\n \n setCollapsed(!collapse)} />\n \n setCollapsed(!collapse)} />\n {children}\n \n \n \n )\n}\n","import React from 'react'\n// import AuthenticatedLayout from \"./authenticated\"\nimport UnauthenticatedLayout from './unauthenticated'\nimport { AuthenticatedLayout } from './authenticated'\n\n/**\n * Higher-order component that wraps the provided Component with an AuthenticatedLayout\n */\nexport function withAuthenticatedLayout(Component: React.ComponentType): React.ComponentType {\n return function withAuthenticatedLayout2(props: T) {\n return (\n \n \n \n )\n }\n}\n\n/**\n * Higher-order component that wraps the provided Component with an UnauthenticatedLayout\n */\nexport function withUnauthenticatedLayout(Component: React.ComponentType): React.ComponentType {\n return function withUnauthenticatedLayout2(props: T) {\n return (\n \n \n \n )\n }\n}\n","import { Badge } from 'antd'\nimport { theme } from 'theme'\n\ninterface CoreBadgeProps {\n title: string\n href?: string\n}\n\nconst CoreBadge: React.FC = ({ title, href }) => {\n return (\n \n \n \n )\n}\n\nexport default CoreBadge\n","import { Link } from 'react-router-dom'\nimport { styled } from 'theme'\n\ninterface UnderlinedLinkProps {\n to: string\n children: React.ReactNode\n}\n\nconst StyledLink = styled(Link)`\n text-decoration: none;\n color: ${({ theme }) => theme.colors.primary};\n &:hover {\n text-decoration: underline;\n }\n`\n\nexport const UnderlinedLink: React.FC = ({ to, children }) => {\n return {children}\n}\n\nexport const HoveringIcon: React.FC = ({ to, children }) => {\n return {children}\n}\n","import { Billing } from './billing'\nimport { ServiceStatus } from './charger'\nimport { Installer } from './installer'\nimport { ListingRef } from './listing'\nimport { Loitering, UniformLoitering } from './loitering'\nimport { MasterAccountRef, MasterAccountRefPayload } from './master-account'\nimport { PartnerRef } from './partner'\nimport { PriceType } from './price'\nimport { PropertyMgmtComp } from './property-management'\nimport { Country } from './stripe'\nimport { Tagging } from './tagging'\nimport { DashboardAccessType } from './user'\n\nexport const tenantStatusesDefault = [\n 'draft',\n 'pending_sa',\n 'configuration',\n 'direct_deposit_information',\n 'onboarding_complete',\n 'active',\n]\n\nexport const tenantStatuses = [...tenantStatusesDefault, 'on_hold', 'inactive', 'deleted']\n\nexport type StatusType =\n | 'In Progress'\n | 'Commissioned'\n | 'Active'\n | 'In Maintenance'\n | 'Non-Networked'\n | 'Tester – Internal'\n | 'Tester – External'\n | 'Decommissioned'\nexport type AccessPolicyType = 'Public' | 'Private Individual' | 'Private Shared' | 'Employees Only' | 'Tenants Only'\nexport type ServiceLevelType = 'Energy Monitoring' | 'Energy Monitoring + Automatic Billing' | 'Non-Networked'\nexport type NetwordDeviceType = 'SWTCH modem' | 'Cellular' | 'Building Wi-Fi' | 'Wired Ethernet (RJ45)' | 'Other'\nexport type TenantStatus = typeof tenantStatuses[number]\n\nexport type AdditionalServiceFeeType = 'off' | 'on'\nexport type UniformAccessPolicyType = 'private' | 'public'\nexport type TaxRegistrationType = 'registered' | 'not_registered' | 'joint_elected'\nexport type ChargerSetting =\n | 'arena_or_stadium'\n | 'campground'\n | 'fleet'\n | 'gas_station'\n | 'government'\n | 'hospital'\n | 'hotel'\n | 'multi_unit_residential'\n | 'on_street'\n | 'parking_lot'\n | 'parking_garage'\n | 'public'\n | 'retail'\n | 'school_university'\n | 'single_family_residential'\n | 'workplace'\n\nexport type TenantListingAuthorsType = {\n userId: string\n name: string\n}\nexport type TenantListingStripeAccountsType = {\n id: number\n personId: string\n name: string\n country?: Country\n}\n\nexport interface TenantRef {\n id: string\n name: string\n combineName: string\n displayName?: string\n country?: string\n status?: TenantStatus\n chargerCount?: number\n listingTitles?: ListingRef[]\n swtchCare?: boolean\n networkPackage?: string\n}\n\nexport interface NewTenantRef {\n id: string\n name: string\n displayName?: string\n access: DashboardAccessType\n driver: boolean\n}\n\nexport interface Location {\n latitude?: number\n longitude?: number\n address?: string\n listingTimezone?: string\n postalCode?: string\n city?: string\n province?: string\n country?: string\n}\n\nexport interface WeeklySchedule {\n startHour: string\n endHour: string\n dayOfWeek: number\n}\n\nexport interface TenantPartner {\n id: number\n partnerId: number\n partnerName: string\n pmsCode: string | null\n}\n\nexport interface Tenant\n extends TenantRef,\n TenantOverview,\n TenantAccessCode,\n TenantLoadManagement,\n Billing,\n TenantPlatform {\n connectorCount?: number\n location?: Location\n weeklySchedules?: WeeklySchedule[]\n tenantContacts: TenantContactInfo[]\n tenantUniformPricing: TenantUniformPricing\n tenantDeployment: TenantDeployment\n publishToOcpi: boolean\n eyedroIpAddress: string\n uniformPricing: boolean\n allowUniformLocation: boolean\n allowUniformAccessPolicy: boolean\n displayListingsOnMap: boolean\n uniformAccessPolicy: UniformAccessPolicyType\n billing?: Billing\n taxRegistration: TaxRegistrationType\n taxNumber: string | null\n chargerSetting?: ChargerSetting\n updatedAt?: string\n revSharePartner?: Tagging\n revSharePartnerPercent?: number\n}\n\nexport interface TenantPlatform {\n tenantPartners?: TenantPartner[]\n tenant_partners?: TenantPartner[]\n}\n\nexport interface TenantPayload\n extends TenantRef,\n TenantOverviewPayload,\n TenantAccessCode,\n TenantLoadManagement,\n Billing,\n TenantPlatform {\n connectorCount?: number\n chargerCount?: number\n location?: Location\n weeklySchedules?: WeeklySchedule[]\n tenantContacts: TenantContactInfo[]\n tenantUniformPricing: TenantUniformPricing\n tenantDeployment: TenantDeployment\n publishToOcpi: boolean\n eyedroIpAddress: string\n uniformPricing: boolean\n allowUniformLocation: boolean\n allowUniformAccessPolicy: boolean\n displayListingsOnMap: boolean\n uniformAccessPolicy: UniformAccessPolicyType\n billing?: Billing\n taxRegistration: TaxRegistrationType\n taxNumber: string | null\n chargerSetting?: ChargerSetting\n partnerIds?: number[]\n revSharePartner?: Tagging\n revSharePartnerPercent?: number\n}\n\nexport interface TenantOverview {\n displayName?: string\n masterAccountId?: number\n chargerSetting?: ChargerSetting\n // status?: StatusType // *? This is not used in the backend\n serviceLevel?: ServiceLevelType\n allowUniformServiceStatus: boolean\n uniformServiceStatus?: ServiceStatus\n channelPartner?: PartnerRef\n masterAccount?: MasterAccountRef\n omOptin: boolean\n taxRegistration: TaxRegistrationType\n taxNumber: string | null\n revSharePartnerPercent?: number\n revSharePartner?: Tagging\n tenantContact: TenantContact\n notes?: string\n listingCount: number\n partnerIds?: number[]\n networkPackage?: string\n}\n\nexport interface TenantOverviewPayload {\n displayName?: string\n masterAccountId?: number\n chargerSetting?: ChargerSetting\n serviceLevel?: ServiceLevelType\n allowUniformServiceStatus: boolean\n uniformServiceStatus?: ServiceStatus\n channelPartner?: PartnerRef\n masterAccount?: MasterAccountRefPayload | null\n remittanceEmails?: string[]\n omOptin: boolean\n taxRegistration: TaxRegistrationType\n taxNumber: string | null\n tenantContact?: TenantContact\n notes?: string\n partnerIds?: number[]\n}\n\nexport interface TenantContact {\n typeOfContact?: string\n namePrimary?: string\n email?: string\n phoneNumber?: string\n}\n\nexport interface TenantAccount {\n accountName: string\n remittanceEmails: string\n remittanceFrequency: string\n}\n\nexport interface TenantAccessCode {\n accessCode?: string\n accessPolicy?: AccessPolicyType\n notes?: string\n}\nexport interface TenantContactInfo extends TenantContactAccount, TenantContactOnsite, TenantContactInstaller {\n namePrimary?: string\n title?: string\n phoneNumber?: string\n email?: string\n nameSecondary?: string\n titleSecondary?: string\n phoneNumberSecondary?: string\n emailSecondary?: string\n typeOfContact: string\n}\n\nexport interface TenantContactAccount {\n propertyManagementCompany?: PropertyMgmtComp\n}\n\nexport interface TenantContactOnsite {\n evPanelLocation?: string\n}\n\nexport interface TenantContactInstaller {\n installer?: Installer\n}\n\nexport interface TenantDeployment {\n electricalService?: string\n networkDevice?: NetwordDeviceType\n notes?: string\n parkingStalls?: string[]\n loadManagementConfiguration?: string[]\n remoteDesktopIds?: string[]\n}\n\nexport interface TenantUniformPricing extends Loitering, UniformLoitering {\n authorId: string\n stripeAccountId: number\n priceType: PriceType\n pricePerUnitCents: number\n enableTieredPricing: boolean\n preferredPricingPriceType: PriceType\n preferedPricePerUnitCents: number\n enableLoadManagementPricing: boolean\n commisionPercent: number\n flatFee: number\n guestFeeCents: number\n paymentLimitCents: number\n tenantListingStripeAccounts: TenantListingStripeAccountsType[]\n tenantListingAuthors: TenantListingAuthorsType[]\n additionalServiceFee: AdditionalServiceFeeType\n enableTimeOfDayPricing: boolean\n timeOfDayPriceWeekday: number[]\n timeOfDayPriceWeekend: number[]\n}\n\nexport interface TenantLoadManagement {\n allowLoadManagement: boolean\n}\n\nexport interface ChargerTroubleShootPermission {\n access_tenant: boolean\n manage_tenant: boolean\n operate_tenant: boolean\n view_tenant: boolean\n}\n\nexport interface WaitListSetting {\n id: number\n tenant_id: number\n enabled: boolean\n grace_period: number\n reset_time: string\n active_chargers: number[]\n created_at: string\n updated_at: string\n}\n\nexport interface WaitListSettingResponse {\n message?: string\n data: WaitListSetting\n}\n\nexport interface WaitListSettingPayload {\n enabled: boolean\n grace_period: number\n reset_time: string\n active_chargers: number[]\n}\n\nexport interface WaitListQueue {\n person_id: string\n joined_at: string\n grace_period_expires_at: string | null\n state: string\n snooze_allowance: number\n listing_id: string\n listing_title: string\n position: number\n email: string\n}\n\nexport interface WaitListQueueResponse {\n waitlist_exists: boolean\n queue_id: string\n queue: WaitListQueue[]\n}\n","import React from 'react'\nimport { Badge } from 'antd'\n\nimport { connectorServiceStatus, connectorStatus } from '../../models/connector'\nimport { theme } from '../../theme'\nimport { useFormatMessage } from '../../helpers/intl'\nimport { serviceStatus } from '../../models/charger'\nimport { renderConnectionMessage } from '../../helpers/status'\nimport { tenantStatuses } from 'models/tenant'\n\ninterface BadgeTextProps {\n text: string\n maxLineLength: number\n}\n\nexport const allStatus = [\n ...connectorStatus,\n ...serviceStatus,\n ...connectorServiceStatus,\n ...tenantStatuses,\n 'Commissioning',\n 'Online',\n] as const\nexport type AllStatus = typeof allStatus[number]\n\ninterface props {\n state: AllStatus\n}\n\nconst ServiceStatusBadge: React.FC = ({ state }) => {\n const [status, backgroundColor, fontColor] = getColorStatus(state)\n const translatedStatus = useFormatMessage(renderConnectionMessage(state), status)\n\n return (\n \n \n \n }\n style={{ backgroundColor, color: fontColor, boxShadow: `${backgroundColor} 0px 0px 0px 0.5px` }}\n />\n )\n}\n\nconst BadgeText: React.FC = ({ text, maxLineLength }) => {\n const lines = []\n let currentLine = ''\n\n text.split(' ').forEach((word) => {\n if (currentLine.length + word.length + 1 > maxLineLength) {\n lines.push(currentLine)\n currentLine = word\n } else {\n currentLine += (currentLine ? ' ' : '') + word\n }\n })\n\n if (currentLine) {\n lines.push(currentLine)\n }\n\n return (\n <>\n {lines.map((line, index) => (\n \n {line}\n {index < lines.length - 1 &&
}\n \n ))}\n \n )\n}\n\n// Returns the a tupple, where the first argument in the Humanize state and the second is the css class\nexport const getColorStatus = (status: AllStatus): string[] => {\n switch (status) {\n case 'Unavailable':\n case 'unavailable':\n return [status, theme.colors.goldenHoneycomb, theme.colors.goldenOlive]\n case 'Faulted':\n case 'faulted':\n case 'under_repair':\n case 'Under Repair':\n case 'Troubleshooting':\n case 'troubleshooting':\n case 'Inactive':\n case 'inactive':\n return [status, theme.colors.underRepair, theme.colors.dangerPrimary]\n case 'Terminated':\n case 'terminated':\n case 'Other':\n case 'other':\n case 'Decommissioned':\n case 'decommissioned':\n case 'Testing':\n case 'testing':\n case 'on_hold':\n case 'On Hold':\n case 'in_maintenance':\n return [status, theme.colors.black05, theme.colors.black]\n case 'Offline':\n case 'offline':\n return [status, theme.colors.grey14, theme.colors.black]\n case 'Available':\n case 'Online':\n case 'Active':\n case 'active':\n case 'service_mode':\n return [status, theme.colors.magicMint, theme.colors.viridian]\n case 'Commissioned':\n case 'commissioned':\n return [status, theme.colors.orangePeel15, theme.colors.warningPrimary]\n case 'SuspendedEV':\n case 'SuspendedEVSE':\n return [status, theme.colors.whisperingLavender, theme.colors.electricIndigo]\n case 'Preparing':\n case 'Finishing':\n case 'activating':\n case 'Activating':\n case 'draft':\n case 'pending_sa':\n return [status, theme.colors.orangePeel15, theme.colors.warningPrimary]\n case 'Charging':\n case 'charging':\n case 'Commissioning':\n case 'Awaiting Commissioning':\n case 'awaiting_commissioning':\n return [status, theme.colors.skyBlue15, theme.colors.carribeanCurrent]\n case 'Activating - Pending Property':\n case 'Activating - Pending Driver Subscription':\n case 'property_activating':\n case 'driver_activating':\n return [status, theme.colors.lavenderBlush, theme.colors.deepPurple]\n default:\n return ['Unknown', theme.colors.gray]\n }\n}\n\nexport default ServiceStatusBadge\n","import { Space, Table, Typography } from 'antd'\nimport moment from 'moment'\n\nimport CoreBadge from 'components/badge/Badge'\nimport { Links } from 'components/routes/paths'\nimport { UnderlinedLink } from 'components/link/Link'\nimport ServiceStatusBadge from 'components/connectors/ServiceStatusBadge'\n\nimport { Tenant, TenantRef } from 'models/tenant'\n\nimport { useTenantTranslation } from 'hooks/translation/useTenantTranslation'\nimport { renderFormatMessage } from 'helpers/intl'\nimport { useAppState } from 'state'\nimport { buildRailsListingUrlWithId } from 'helpers/url'\nimport { useSelector } from 'hooks/useSelector'\n\nexport const TenantsColumns = () => {\n const { tenantsTableNameHeading, tenantsTableChargerCountHeading } = useTenantTranslation()\n const { language, currentUser } = useAppState()\n const { siteLabelCleaner } = useSelector()\n const columns = [\n {\n title: tenantsTableNameHeading,\n key: 'tenantName',\n render: (t: TenantRef) => (\n \n \n {siteLabelCleaner(t.combineName || t.displayName || t.name || '-')}\n \n \n ),\n width: '20%',\n },\n {\n title: renderFormatMessage('dashboard.tenantPage.tenantTabOverview.accountName', 'Account Name'),\n key: 'masterAccount',\n render: (t: Tenant) => t.masterAccount?.name,\n width: '15%',\n },\n {\n title: renderFormatMessage('dashboard.tenantPage.tenantTabOverview.tenantStatus', 'Site Status'),\n key: 'tenantStatus',\n render: (t: TenantRef) => (t.status ? : null),\n width: language === 'en' ? '160px' : '200px', //Width that fits Direct Deposit Information status (longest status name)\n },\n {\n title: 'Last Updated',\n key: 'updatedAt',\n render: (t: Tenant) => {\n const originalDate = moment.tz(t.updatedAt, 'America/Toronto')\n\n // Format the date in the desired format\n const formattedDate = originalDate.format('YYYY/MM/DD HH:mm:ss')\n\n // Get the timezone offset in hours\n const timezoneOffsetHours = originalDate.utcOffset() / 60\n\n // Format the timezone offset\n const offset =\n timezoneOffsetHours < 0\n ? '-' + ('0' + Math.abs(timezoneOffsetHours)).slice(-2) + ':00'\n : '+' + ('0' + timezoneOffsetHours).slice(-2) + ':00'\n\n // Combine date, time, and offset into one string\n const finalDate = `${formattedDate} (${offset})`\n\n const [date, time] = finalDate.split(' ')\n\n return (\n <>\n {date}
\n \n {time} ({offset})\n
\n \n )\n },\n width: '160px',\n },\n {\n title: tenantsTableChargerCountHeading,\n dataIndex: 'chargerCount',\n sorter: (a: TenantRef, b: TenantRef) => {\n const av = a.chargerCount ? a.chargerCount : 0\n const bv = b.chargerCount ? b.chargerCount : 0\n return av - bv\n },\n width: '160px',\n },\n {\n title: renderFormatMessage('dashboard.text.listingTitles', 'Listing Title (s)'),\n key: 'listingTitles',\n render: (tenant: Tenant) => (\n \n {tenant.listingTitles?.map((listing) => (\n \n ))}\n \n ),\n },\n Table.EXPAND_COLUMN,\n ]\n return columns\n}\n","import { Table } from 'antd'\n\nimport { TenantsColumns } from './table/TenantsColumns'\nimport { PaginationMeta } from 'models/pagination'\nimport { TenantRef } from 'models/tenant'\nimport { useState } from 'react'\nimport { MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons'\n\ninterface TenantsTableProps {\n loading: boolean\n tenants: TenantRef[]\n pagination?: PaginationMeta\n onPaginationChange: (page: number) => void\n}\n\nconst TenantsTable: React.FC = ({ loading, tenants, pagination, onPaginationChange }) => {\n const [expandableRowKeys, setExpandableRowKeys] = useState<{ [dataKey: string]: boolean }>({})\n\n const onExpand = (expanded: boolean, record: TenantRef) => {\n setExpandableRowKeys({ ...expandableRowKeys, [record.id]: expanded })\n }\n\n const rowExpandable = (record: TenantRef) => {\n if (Object.keys(expandableRowKeys).includes(`${record.id}`)) return true\n const rowElement = document.querySelector(`[data-row-key=\"${record.id}\"]`)\n const currentRowHeight = (rowElement as HTMLElement)?.offsetHeight - 16 * 2 //considered padding\n const childElements = rowElement?.querySelectorAll('.custom-row-collapse > td > *')\n\n let expandable = false\n\n childElements?.forEach((el: Element) => {\n expandable = expandable || el.scrollHeight > currentRowHeight\n })\n\n return expandable\n }\n\n return (\n record.id}\n columns={TenantsColumns()}\n className=\"tenants-table\"\n expandable={{\n onExpand,\n expandedRowRender: () => <>,\n rowExpandable,\n expandIcon: ({ expandable, expanded, record, onExpand }) => {\n return expandable ? (\n expanded ? (\n onExpand(record, e)} />\n ) : (\n onExpand(record, e)} />\n )\n ) : undefined\n },\n }}\n pagination={{\n position: ['bottomCenter'],\n total: pagination?.totalEntries,\n current: pagination?.currentPage,\n pageSize: pagination?.perPage,\n showSizeChanger: false,\n onChange: onPaginationChange,\n }}\n rowClassName={(record) => (expandableRowKeys[record.id] ? '' : 'custom-row-collapse')}\n />\n )\n}\n\nexport default TenantsTable\n","import { theme } from '../../theme'\n\nexport const magnifySVG = (\n \n \n \n)\n\nexport const magnifyBlackSVG = (\n