): boolean {\r\n if (arrayA.length !== arrayB.length) {\r\n return false;\r\n }\r\n\r\n const comparisonArray = [...arrayB];\r\n\r\n return arrayA.every((elementA) => {\r\n const elementB = comparisonArray.shift();\r\n if (!elementA || !elementB) {\r\n return false;\r\n }\r\n\r\n return (elementA.homeAccountId === elementB.homeAccountId) && \r\n (elementA.localAccountId === elementB.localAccountId) &&\r\n (elementA.username === elementB.username);\r\n });\r\n}\r\n\r\nexport function getAccountByIdentifiers(allAccounts: AccountInfo[], accountIdentifiers: AccountIdentifiers): AccountInfo | null {\r\n if (allAccounts.length > 0 && (accountIdentifiers.homeAccountId || accountIdentifiers.localAccountId || accountIdentifiers.username)) {\r\n const matchedAccounts = allAccounts.filter(accountObj => {\r\n if (accountIdentifiers.username && accountIdentifiers.username.toLowerCase() !== accountObj.username.toLowerCase()) {\r\n return false;\r\n }\r\n if (accountIdentifiers.homeAccountId && accountIdentifiers.homeAccountId.toLowerCase() !== accountObj.homeAccountId.toLowerCase()) {\r\n return false;\r\n }\r\n if (accountIdentifiers.localAccountId && accountIdentifiers.localAccountId.toLowerCase() !== accountObj.localAccountId.toLowerCase()) {\r\n return false;\r\n }\r\n\r\n return true;\r\n });\r\n\r\n return matchedAccounts[0] || null;\r\n } else {\r\n return null;\r\n }\r\n}\r\n","/* eslint-disable header/header */\nexport const name = \"@azure/msal-react\";\nexport const version = \"1.5.13\";\n","/*\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License.\r\n */\r\n\r\nimport React, { useEffect, useReducer, PropsWithChildren, useMemo} from \"react\";\r\nimport {\r\n IPublicClientApplication,\r\n EventMessage,\r\n EventMessageUtils,\r\n InteractionStatus,\r\n Logger,\r\n WrapperSKU,\r\n AccountInfo\r\n} from \"@azure/msal-browser\";\r\nimport { MsalContext, IMsalContext } from \"./MsalContext\";\r\nimport { accountArraysAreEqual } from \"./utils/utilities\";\r\nimport { name as SKU, version } from \"./packageMetadata\";\r\n\r\nexport type MsalProviderProps = PropsWithChildren<{\r\n instance: IPublicClientApplication;\r\n}>;\r\n\r\ntype MsalState = {\r\n inProgress: InteractionStatus;\r\n accounts: AccountInfo[];\r\n};\r\n\r\nenum MsalProviderActionType {\r\n UNBLOCK_INPROGRESS = \"UNBLOCK_INPROGRESS\",\r\n EVENT = \"EVENT\"\r\n}\r\n\r\ntype MsalProviderReducerAction = {\r\n type: MsalProviderActionType,\r\n payload: {\r\n logger: Logger;\r\n instance: IPublicClientApplication;\r\n message?: EventMessage;\r\n };\r\n};\r\n\r\n/**\r\n * Returns the next inProgress and accounts state based on event message\r\n * @param previousState \r\n * @param action \r\n */\r\nconst reducer = (previousState: MsalState, action: MsalProviderReducerAction): MsalState => {\r\n const { type, payload } = action;\r\n let newInProgress = previousState.inProgress;\r\n\r\n switch (type) {\r\n case MsalProviderActionType.UNBLOCK_INPROGRESS:\r\n if (previousState.inProgress === InteractionStatus.Startup){\r\n newInProgress = InteractionStatus.None;\r\n payload.logger.info(\"MsalProvider - handleRedirectPromise resolved, setting inProgress to 'none'\");\r\n }\r\n break;\r\n case MsalProviderActionType.EVENT:\r\n const message = payload.message as EventMessage;\r\n const status = EventMessageUtils.getInteractionStatusFromEvent(message, previousState.inProgress);\r\n if (status) {\r\n payload.logger.info(`MsalProvider - ${message.eventType} results in setting inProgress from ${previousState.inProgress} to ${status}`);\r\n newInProgress = status;\r\n }\r\n break;\r\n default:\r\n throw new Error(`Unknown action type: ${type}`);\r\n }\r\n \r\n const currentAccounts = payload.instance.getAllAccounts();\r\n if (newInProgress !== previousState.inProgress && \r\n !accountArraysAreEqual(currentAccounts, previousState.accounts)) {\r\n // Both inProgress and accounts changed\r\n return {\r\n ...previousState,\r\n inProgress: newInProgress,\r\n accounts: currentAccounts\r\n };\r\n } else if (newInProgress !== previousState.inProgress) {\r\n // Only only inProgress changed\r\n return {\r\n ...previousState,\r\n inProgress: newInProgress\r\n };\r\n } else if (!accountArraysAreEqual(currentAccounts, previousState.accounts)) {\r\n // Only accounts changed\r\n return {\r\n ...previousState,\r\n accounts: currentAccounts\r\n };\r\n } else {\r\n // Nothing changed\r\n return previousState;\r\n }\r\n};\r\n\r\n/**\r\n * MSAL context provider component. This must be rendered above any other components that use MSAL.\r\n */\r\nexport function MsalProvider({instance, children}: MsalProviderProps): React.ReactElement {\r\n useEffect(() => {\r\n instance.initializeWrapperLibrary(WrapperSKU.React, version);\r\n }, [instance]);\r\n // Create a logger instance for msal-react with the same options as PublicClientApplication\r\n const logger = useMemo(() => {\r\n return instance.getLogger().clone(SKU, version);\r\n }, [instance]);\r\n\r\n const [state, updateState] = useReducer(reducer, undefined, () => {\r\n // Lazy initialization of the initial state\r\n return {\r\n inProgress: InteractionStatus.Startup,\r\n accounts: instance.getAllAccounts()\r\n };\r\n });\r\n \r\n useEffect(() => {\r\n const callbackId = instance.addEventCallback((message: EventMessage) => {\r\n updateState({\r\n payload: {\r\n instance,\r\n logger,\r\n message\r\n }, \r\n type: MsalProviderActionType.EVENT\r\n });\r\n });\r\n logger.verbose(`MsalProvider - Registered event callback with id: ${callbackId}`);\r\n\r\n instance.initialize().then(() => {\r\n instance.handleRedirectPromise().catch(() => {\r\n // Errors should be handled by listening to the LOGIN_FAILURE event\r\n return;\r\n }).finally(() => {\r\n /*\r\n * If handleRedirectPromise returns a cached promise the necessary events may not be fired\r\n * This is a fallback to prevent inProgress from getting stuck in 'startup'\r\n */\r\n updateState({\r\n payload: {\r\n instance,\r\n logger\r\n },\r\n type: MsalProviderActionType.UNBLOCK_INPROGRESS \r\n });\r\n });\r\n });\r\n\r\n return () => {\r\n // Remove callback when component unmounts or accounts change\r\n if (callbackId) {\r\n logger.verbose(`MsalProvider - Removing event callback ${callbackId}`);\r\n instance.removeEventCallback(callbackId);\r\n }\r\n };\r\n }, [instance, logger]);\r\n\r\n const contextValue: IMsalContext = {\r\n instance,\r\n inProgress: state.inProgress,\r\n accounts: state.accounts,\r\n logger\r\n };\r\n\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\n","/*\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License.\r\n */\r\n\r\nimport { useContext } from \"react\";\r\nimport { IMsalContext, MsalContext } from \"../MsalContext\";\r\n\r\n/**\r\n * Returns Msal Context values\r\n */\r\nexport const useMsal = (): IMsalContext => useContext(MsalContext);\r\n","/*\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License.\r\n */\r\n\r\nimport React from \"react\";\r\nimport { IMsalContext } from \"../MsalContext\";\r\nimport { useMsal } from \"../hooks/useMsal\";\r\nimport { Subtract } from \"../utils/utilities\";\r\n\r\nexport type WithMsalProps = {\r\n msalContext: IMsalContext;\r\n};\r\n\r\n/**\r\n * Higher order component wraps provided component with msal by injecting msal context values into the component's props \r\n * @param Component \r\n */\r\nexport const withMsal = (Component: React.ComponentType
): React.FunctionComponent> => {\r\n const ComponentWithMsal: React.FunctionComponent> = props => {\r\n const msal = useMsal();\r\n return ;\r\n };\r\n\r\n const componentName =\r\n Component.displayName || Component.name || \"Component\";\r\n ComponentWithMsal.displayName = `withMsal(${componentName})`;\r\n\r\n return ComponentWithMsal;\r\n};\r\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { Box, Button } from \"@mui/material\";\nimport Login from \"./login\";\nimport TermsAndConditions from \"./TermsAndConditions\";\nimport VerificationCode from \"./VerificationCode\";\nimport SerialNumberCheck from './SerialNumberCheck';\nimport { loginRequestCaps } from \"../authConfig\";\nimport { useMsal } from \"@azure/msal-react\";\nimport gmlogo from './GMEnergy.png';\nimport './styles.css';\nimport * as constants from '../utils/constants.ts';\n\nconst MainPage = () => {\n const [savedOrderNumber, setSavedOrderNumber] = useState(-1);\n const [savedJobType, setSavedJobType] = useState('');\n const [showLogin, setShowLogin] = useState(true);\n const [showSerialNumberCheck, setShowSerialNumberCheck] = useState(false);\n const [serialNumber, setSerialNumber] = useState('');\n const [showTerms, setShowTerms] = useState(false);\n const [showVerification, setShowVerification] = useState(false);\n const [token, setToken] = useState(null);\n const [errorOccurred, setErrorOccurred] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n const { instance } = useMsal();\n const [passcode, setPasscode] = useState(\"\");\n\n const reacquireToken = () => {\n const request = {\n scopes: ['openid'],\n account: instance.getAllAccounts()[0],\n };\n\n instance\n .acquireTokenSilent(request)\n .then((tokenResponse) => {\n setToken(tokenResponse.idToken)\n setShowLogin(false);\n setShowTerms(true);\n })\n .catch((error) => {\n console.log('error', error);\n });\n };\n\n useEffect(() => {\n instance\n .handleRedirectPromise()\n .then((response) => {\n if (response !== null) {\n console.log('response', response);\n setToken(response.idToken);\n setShowLogin(false);\n setShowTerms(true);\n } else if (instance.getAllAccounts()[0]) {\n reacquireToken();\n } else {\n setShowLogin(true);\n setShowTerms(false);\n }\n })\n .catch((error) => {\n console.log('error', error);\n });\n }, [instance]);\n\n const setTnCAndOrderNumber = async (TermNCond, OrderNum, JobTy) => {\n const config = {\n headers: {\n caps_auth: token,\n \"Content-Type\": \"application/json\",\n }\n };\n const data = {\n TnC: TermNCond,\n OrderNumber: OrderNum,\n JobType: JobTy,\n };\n\n try {\n const { host } = window.location;\n const getapi = () => {\n switch (true) {\n case host.includes('localhost'):\n return constants.API_ENDPOINT_DEV;\n case host.includes(\"tst\"):\n return constants.API_ENDPOINT_DEV;\n case host.includes(\"prod\"):\n return constants.API_ENDPOINT_PROD;\n default:\n return constants.API_ENDPOINT_DEV;\n }\n };\n const api = `${getapi()}/api/generateordernumber`;\n const response = await axios.post(api, data, config);\n console.log(\"TnC, Job Type, and OrderNumber set successfully:\", response.data);\n console.log(\"response.data.Passcode\", response.data.Passcode)\n if (response?.data?.Passcode) {\n setPasscode(response.data.Passcode);\n setErrorOccurred(false);\n }\n } catch (error) {\n setErrorOccurred(true);\n console.log(\"Failed to set TnC, Job Type, and OrderNumber:\", error);\n if (error.response?.data?.field === \"Token has expired\") {\n handleSignOut()\n }\n }\n };\n\n const checkSerialNumber = async (serialNumber) => {\n const endpoint = '/api/customers/tnc-acceptance';\n const config = {\n headers: {\n caps_auth: token,\n \"Content-Type\": \"application/json\",\n }\n };\n const data = {\n serial_number: serialNumber,\n };\n\n try {\n const { host } = window.location;\n const getapi = () => {\n switch (true) {\n case host.includes('localhost'):\n return constants.API_ENDPOINT_DEV;\n case host.includes(\"tst\"):\n return constants.API_ENDPOINT_DEV;\n case host.includes(\"prod\"):\n return constants.API_ENDPOINT_PROD;\n default:\n return constants.API_ENDPOINT_DEV;\n }\n };\n const api = `${getapi()}${endpoint}`;\n const response = await axios.post(api, data, config);\n return { status: response.status, message: response.data.RespMess || \"No message\" };\n } catch (error) {\n if (error.response) {\n return { status: error.response.status, message: error.response.data.message || \"No message\" };\n } else {\n return { status: 500, message: error.message };\n }\n }\n };\n\n const handleSignIn = () => {\n instance.loginRedirect(loginRequestCaps);\n };\n\n const handleSignOut = () => {\n instance.logoutRedirect({\n postLogoutRedirectUri: \"/\",\n });\n };\n\n const handleLogin = () => {\n handleSignIn();\n };\n\n const handleTermsAccept = async (orderNumber, jobType, serialNumber) => {\n setShowTerms(false);\n setTnCAndOrderNumber(true, orderNumber || -1, jobType);\n setSavedOrderNumber(orderNumber || -1);\n setSavedJobType(jobType);\n setSerialNumber(serialNumber);\n const { status, message } = await checkSerialNumber(serialNumber);\n if (status === 200) {\n setShowVerification(true);\n } else if (status === 404){\n setShowSerialNumberCheck(true);\n } else {\n setShowTerms(true);\n setErrorMessage(\"Unable to complete request, please retry later.\");\n }\n };\n\n const handleRetry = () => {\n setTnCAndOrderNumber(true, savedOrderNumber, savedJobType);\n };\n\n const handleSerialNumberCheckAccept = async () => {\n const { status, message } = await checkSerialNumber(serialNumber);\n if (status === 200) {\n setShowSerialNumberCheck(false);\n setShowVerification(true);\n } else {\n setShowSerialNumberCheck(true);\n }\n };\n\n const handleVerification = () => {\n setShowVerification(false);\n };\n\n return (\n \n \n
\n {showLogin && }\n {showSerialNumberCheck && }\n {showTerms && }\n {showVerification && }\n
\n {errorOccurred && showVerification &&\n
\n
An error occurred. Click below to regenerate the code.
\n
If you continue to get this error, please call the GM Energy Customer Support Center at 1-833-64POWER
\n
\n
\n }\n {errorMessage && (\n
\n
Unable to complete request, please retry later.
\n
\n )}\n