{"version":3,"sources":["environment.js","constants/UserAuth0Details.ts","constants/UserBasicDetails.ts","types/UserAuthenticationActionType.ts","reducers/UserAuthenticationReducer/UserAuthenticationReducer.ts","utils/userDetailsValidator/UserDetailsValidator.ts","utils/auth0MetaDataExtractor/auth0MetaDataExtractor.ts","utils/getUserAuth0DetailsWrapper/getUserAuth0DetailsWrapper.ts","client/ApiClient.ts","client/AxiosConfigObjectUtil.ts","services/UsersService.ts","utils/sessionStorageWrapper/sessionStorageWrapper.ts","utils/arrayHelper/arrayHelper.ts","constants/ReactQueryKeys.ts","utils/numberComputationHelper/numberComputationHelper.ts","hooks/cachedQueries/userAccount/useVerifySiebelAccount.ts","hooks/useUserAuthenticationExecutor/useUserAuthenticationExecutor.tsx","hooks/cachedQueries/userAccount/useGetBasicUserDetails.ts","contexts/UserAuthenticationProvider/UserAuthenticationProvider.tsx","components/AuthenticationProvider/AuthenticationProvider.tsx","components/Box/Box.tsx","components/Flex/Flex.tsx","components/Spinner/Spinner.tsx","components/Title/Title.tsx","components/Loading/Loading.tsx","components/VectorLogo/VectorLogo.tsx","components/CenteredLoading/CenteredLoading.tsx","components/LoginPage/LoginPage.tsx","components/LogoutPage/LogoutPage.tsx","components/ProtectedRoute/ProtectedRoute.tsx","theme.ts","components/Grid/Grid.tsx","components/Span/Span.tsx","constants/ContactNumbersRegex.ts","constants/FormRegex.ts","utils/noWhitespaceValidation/noWhitespaceValidation.js","components/AccountDetailsForm/AccountDetailsFormSchema.ts","components/Text/Text.tsx","components/Icon/Icon.tsx","components/BasicNotificationBanner/BasicNotificationBanner.tsx","components/Button/Button.tsx","components/Label/Label.tsx","hooks/useClickedOutsideElement/useClickedOutsideElement.tsx","components/IconPopupTip/IconPopupTip.tsx","components/PopupTip/PopupTip.tsx","components/InputText/InputText.tsx","components/FormikInputText/FormikInputText.tsx","components/FormInputErrorMessage/FormInputErrorMessage.tsx","components/ContactDetailsForm/ContactDetailFields/ContactDetailFields.tsx","components/CompanyNzbn/CompanyNzbn.tsx","components/Link/Link.tsx","types/ComboBoxStateChangeType.ts","components/LookupComboBox/_/ComboBoxStateChangeTypeMapper.ts","components/LookupComboBox/LookupComboBox.tsx","components/AddressSearchField/AddressSearchField.tsx","services/AddressService.ts","components/AddressSearchField/AddressSearchFieldContainer.tsx","components/FormikAddressSearchField/FormikAddressSearchField.tsx","components/PostalAddress/PostalAddress.tsx","components/AccountDetailsForm/AccountDetailsForm.tsx","components/ActionLink/ActionLink.tsx","components/Line/Line.tsx","components/AccountSecurityDetails/AccountSecurityDetails.tsx","components/AccountSecurityDetails/AccountSecurityDetailsContainer.tsx","components/Badge/Badge.tsx","components/AccountSettings/AccountSettings.tsx","constants/CompleteProfileDetails.ts","client/Auth0Client.ts","services/Auth0Service.ts","components/ActionButton/ActionButton.tsx","components/FloatingBanner/FloatingBanner.tsx","components/FloatingBanner/FloatingBannerContainer.tsx","components/OrderDetailsList/_/OrderDetailsListNavigationMenu/OrderDetailsListNavigationMenu.tsx","components/Tooltip/Tooltip.tsx","components/IconTooltip/IconTooltip.tsx","components/IconTooltipLink/IconTooltipLink.tsx","components/UserLogo/UserLogo.tsx","components/Menu/Menu.tsx","components/Menu/MenuContainer.tsx","components/LogoutButton/LogoutButton.tsx","components/MainTopBar/MainTopBar.tsx","utils/userDetailsHelper/userDetailsHelper.ts","components/MainTopBar/MainTopBarContainer.tsx","components/NavigationMenu/NavigationMenu.tsx","components/Page/Page.tsx","hooks/documentFunction/useDocumentTitle.tsx","hooks/cachedQueries/userAccount/useGetFullUserDetails.ts","hooks/cachedQueries/useQueryInvalidator/useQueryInvalidator.ts","hooks/cachedQueries/useInvalidateOrderList/useInvalidateOrderList.ts","pages/AccountSettingsPage/AccountSettingsPage.tsx","hooks/cachedQueries/useInvalidateAccountDetails/useInvalidateAccountDetails.ts","pages/AccountSettingsPage/AccountSettingsPageContainer.tsx","components/Accordion/Accordion.tsx","components/HelpCentre/_/FaqAccordionGroup/FaqAccordionGroup.tsx","components/HelpCentre/_/FaqGetSupport/FaqGetSupport.tsx","constants/FaqValues.ts","components/HelpCentre/HelpCentre.tsx","pages/HelpCentrePage/HelpCentrePage.tsx","pages/HelpCentrePage/HelpCentrePageContainer.tsx","components/RadioButton/RadioButton.tsx","utils/ga/GaEventSender.tsx","components/FormikRadioButton/FormikRadioButton.tsx","constants/Unmetered.ts","components/Dropdown/Dropdown.tsx","components/FormikDropdown/FormikDropdown.tsx","components/UnmeteredIcp/_/AvailableHours/AvailableHours.tsx","components/UnmeteredIcp/_/FeatureType/FeatureType.tsx","components/Counter/Counter.tsx","components/FormikCounter/FormikCounter.tsx","components/UnmeteredIcp/_/Quantity/Quantity.tsx","components/UnmeteredIcp/_/Wattage/Wattage.tsx","components/UnmeteredIcp/_/FeatureTypeNonOtherLayout/FeatureTypeNonOtherLayout.tsx","components/UnmeteredIcp/_/FeatureTypeOther/FeatureTypeOther.tsx","components/UnmeteredIcp/_/FeatureTypeOtherLayout/FeatureTypeOtherLayout.tsx","components/FormikActionLink/FormikActionLink.tsx","components/StreetAddressFields/StreetAddressFields.tsx","components/ManualAddressHelperUtil/ManualAddressHelperUtil.ts","components/StreetNumberAndName/StreetNumberAndName.tsx","components/UnmeteredIcp/UnmeteredIcp.tsx","services/InspectorRetailerService.ts","components/InspectorRetailerDropdownField/InspectorRetailerDropdownFieldContainer.tsx","hooks/cachedQueries/useGetInspectorRetailers/useGetInspectorRetailers.ts","components/FormikInspectorRetailerField/FormikInspectorRetailerField.tsx","constants/ContactDetailsValues.ts","components/ContactDetailsForm/ContactDetailsFormAddContact/ContactDetailsFormAddContact.tsx","components/ContactDetailsForm/ContactDetailsRoleChecker/ContactDetailsRoleChecker.ts","components/ContactDetailsForm/RemainingRolesCalculator/RemainingRolesCalculator.tsx","components/LiveningIcpForm/_/LiveningIcpAddContact/LiveningIcpAddContact.tsx","components/AddContactButtonTitleUtil/AddContactButtonTitleUtil.ts","components/CheckSelectedRolesUtil/CheckSelectedRolesUtil.ts","components/Checkbox/Checkbox.tsx","components/FormikCheckbox/FormikCheckbox.tsx","components/ContactDetailsForm/ContactDetailsContactPreferences/ContactDetailsContactPreferences.tsx","components/ContactDetailsRolesTitle/ContactDetailsRolesTitle.ts","components/LiveningIcpForm/_/LiveningIcpRoleSelector/LiveningIcpRoleSelector.tsx","components/ContactDetailsForm/ContactDetailsShowRoleRequiredUtil/ContactDetailsShowRoleRequiredUtil.ts","components/ContactDetailsForm/ContactDetailsRoleDisabler/ContactDetailsRoleDisabler.ts","components/FormContactDetailsFieldsUtil/FormContactDetailsFieldsUtil.ts","components/LiveningIcpForm/_/LiveningIcpContactDetailFields/LiveningIcpContactDetailFields.tsx","components/ElectricianContactFields/ElectricianContactFields.tsx","components/LiveningIcpForm/_/LiveningIcpContactDetailsForm/LiveningIcpContactDetailsForm.tsx","constants/NewConnectionLotValues.ts","constants/ManualUnitValues.ts","constants/Sites.ts","utils/ga/GaEventFactory.ts","components/LotNumberDpInformation/LotNumberDpInformation.tsx","components/SiteInformationFields/SiteInformationFields.tsx","components/Modal/Modal.tsx","components/UnitCopy/UnitCopy.tsx","components/SiteUnitsManual/SiteUnitsManual.tsx","constants/EmptyContactDetailsValues.ts","constants/LiveningIcpOrder.ts","constants/Metered.ts","constants/FileTypeValues.ts","components/FileUpload/_/FileUtil/FileUtil.ts","components/FileUpload/_/DropZoneFileUpload/DropZoneFileUpload.tsx","components/FileUpload/_/DropZoneFileValidator/DropZoneFileValidator.ts","services/FileUploadServiceUtil.ts","services/FileUploadService.ts","components/FileUpload/_/UploadFileStatus/UploadFileStatus.tsx","components/FileUpload/_/UploadReducer/UploadReducer.ts","constants/FileUploadNameRegex.ts","components/FileUpload/_/UploadFileItem/UploadFileItem.tsx","components/FileUploadUtil/FileUploadUtil.ts","components/FileUpload/FileUploadContainer.tsx","components/FormikFileUpload/FormikFileUpload.tsx","components/SiteUnitsUpload/SiteUnitsUpload.tsx","components/ProofOfAddressUpload/ProofOfAddressUpload.tsx","components/SiteUnitSection/SiteUnitSection.tsx","utils/ga/GaLiveningIcpEvents.ts","components/LiveningIcpForm/_/LiveningIcpSiteInformationForm/LiveningIcpSiteInformationForm.tsx","components/CountSiteUnits/CountSiteUnits.ts","constants/UrlValues.ts","utils/handleScroll/HandleScroll.ts","components/CheckErrorsUtil/CheckErrorsUtil.ts","components/LiveningIcpForm/_/LiveningIcpOrderDetailsForm/LiveningIcpOrderDetailsForm.tsx","components/ContactPreferencesUtil/ContactPreferencesUtil.ts","components/ContactDetailsDisplay/ContactDetailsDisplay.tsx","components/ReviewFormContactDetails/ReviewFormContactDetails.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormLiveningIcpContactDetailsWithTitle/ReviewFormLiveningIcpContactDetailsWithTitle.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormSection/ReviewFormSection.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/FormattedAddressUtil/FormattedAddressUtil.ts","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormDesktopMeteredUnits/ReviewFormDesktopMeteredUnits.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormMobileMeteredUnits/ReviewFormMobileMeteredUnits.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewUploadsFormMeteredDetails/ReviewUploadsFormMeteredDetails.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormMeteredSiteDetails/ReviewFormMeteredSiteDetails.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormUnmeteredSiteDetails/ReviewFormUnmeteredSiteDetails.tsx","components/SquareCheckbox/SquareCheckbox.tsx","components/ReviewFormOptionalContactDetails/ReviewFormOptionalContactDetails.tsx","components/LiveningIcpForm/_/LiveningIcpReviewForm/LiveningIcpReviewForm.tsx","components/MobileProgressBar/_/MobileProgressStepButton/MobileProgressStepButton.tsx","components/MobileProgressBar/_/MobileProgressStep/MobileProgressStep.tsx","components/MobileProgressBar/MobileProgressBar.tsx","components/ProgressStepperMobile/ProgressStepperMobile.tsx","components/DesktopProgressBar/_/DesktopProgressStepButton/DesktopProgressStepButton.tsx","components/DesktopProgressBar/_/DesktopProgressStep/DesktopProgressStep.tsx","components/DesktopProgressBar/DesktopProgressBar.tsx","components/ProgressStepperDesktop/ProgressStepperDesktop.tsx","components/ProgressStepperBackButton/ProgressStepperBackButton.tsx","components/FormBackButtonUtil/FormBackButtonUtil.ts","components/ProgressStepper/ProgressStepper.tsx","components/LiveningIcpProgressStepper/LiveningIcpProgressStepper.tsx","components/IconServiceType/IconServiceType.tsx","components/LiveningIcpForm/_/LiveningIcpFormUtil/LiveningIcpFormUtil.ts","constants/EmailRegex.ts","components/LiveningIcpForm/LiveningIcpOrderDetailsFormSchema.ts","components/SomethingWentWrong/SomethingWentWrong.tsx","components/LiveningIcpForm/LiveningIcpForm.tsx","services/SubmitOrderService.ts","constants/Orders.ts","utils/apiPathsProvider/apiPathsProvider.ts","services/OrderService.ts","components/AddDraftOrderIdUtil/AddDraftOrderIdUtil.ts","components/SetRequesterFormDetailsUtil/SetRequesterFormDetailsUtil.ts","components/LiveningIcp/LiveningIcp.tsx","pages/LiveningIcpPage/LiveningIcpPage.tsx","pages/LiveningIcpPage/LiveningIcpPageContainer.tsx","components/LoginButton/LoginButton.tsx","components/LoginActionLink/LoginActionLink.tsx","components/LoginOptionScreen/LoginOptionScreen.tsx","pages/LoginPage/LoginPage.tsx","pages/LoginPage/LoginPageContainer.tsx","utils/ga/GaNewConnectionEvents.ts","components/TextBox/TextBox.tsx","components/FormikTextBox/FormikTextBox.tsx","components/NewConnectionComplexUtil/NewConnectionComplexUtil.ts","components/NewConnectionForm/_/NewConnectionAddContact/NewConnectionAddContact.tsx","components/NewConnectionForm/_/NewConnectionRoleSelector/NewConnectionRoleSelector.tsx","components/ManualBillingAddressFields/ManualBillingAddressFields.tsx","components/BillingAddressSection/BillingAddressSection.tsx","components/NewConnectionForm/_/NewConnectionContactDetailFields/NewConnectionContactDetailFields.tsx","components/NewConnectionForm/_/NewConnectionOptionalFormFieldsUtil/NewConnectionOptionalFormFieldsUtil.ts","components/LandOwnerContactFields/LandOwnerContactFields.tsx","components/NewConnectionForm/_/NewConnectionContactDetailsForm/NewConnectionContactDetailsForm.tsx","components/NewConnectionForm/_/NewConnectionContactDetailsFormUtil/NewConnectionContactDetailsFormUtil.ts","components/NewConnectionForm/_/NewConnectionLot/NewConnectionLot.tsx","components/NewConnectionForm/_/NewConnectionSiteInformationForm/NewConnectionSiteInformationForm.tsx","components/NewConnectionForm/_/SitePlanUpload/SitePlanUpload.tsx","components/NewConnectionForm/_/NewConnectionOrderDetailsForm/NewConnectionOrderDetailsForm.tsx","components/NewConnectionForm/_/NewConnectionReviewForm/_/ReviewFormDesktopLots/ReviewFormDesktopLots.tsx","components/NewConnectionForm/_/NewConnectionReviewForm/_/ReviewFormMobileLots/ReviewFormMobileLots.tsx","components/NewConnectionForm/_/NewConnectionReviewForm/_/ReviewFormSiteDetails/ReviewFormSiteDetails.tsx","components/NewConnectionForm/_/NewConnectionReviewForm/_/ReviewFormNewConnectionContactDetailsWithTitle/ReviewFormNewConnectionContactDetailsWithTitle.tsx","components/NewConnectionForm/_/NewConnectionReviewForm/NewConnectionReviewForm.tsx","components/NewConnectionProgressStepper/NewConnectionProgressStepper.tsx","components/NewConnectionForm/NewConnectionOrderDetailsFormSchema.ts","components/NewConnectionForm/NewConnectionForm.tsx","components/NewConnectionForm/_/NewConnectionFormMobileValidateUtil/NewConnectionFormMobileValidateUtil.ts","utils/isBillingAddressRequired/isBillingAddressRequired.ts","components/NewConnectionForm/_/NewConnectionFormUtil/NewConnectionFormUtil.ts","constants/NewConnectionOrder.ts","components/NewConnection/NewConnection.tsx","pages/NewConnectionPage/NewConnectionPage.tsx","pages/NewConnectionPage/NewConnectionPageContainer.tsx","components/QualtricsPlaceHolder/QualtricsPlaceHolder.tsx","components/CantFindWhatYouAreLookingFor/CantFindWhatYouAreLookingFor.tsx","components/CantFindWhatYouAreLookingFor/CantFindWhatYouAreLookingForContainer.tsx","pages/NotFound/NotFound.tsx","constants/OrderDetails.ts","components/OrderStatusIcon/OrderStatusIcon.tsx","components/OrderDetailsList/_/OrderStatusUtil/OrderStatusUtil.ts","components/OrderProgressSection/_/OrderCompletionInfo/OrderCompletionInfo.tsx","components/OrderProgressBar/OrderProgressBar.tsx","components/OrderProgressSection/_/StatusCurrentActivity/StatusCurrentActivity.tsx","components/ActionableNotificationBanner/ActionableNotificationBanner.tsx","components/OrderProgressSection/_/StatusActionMessage/StatusActionMessage.tsx","components/OrderProgressSection/_/OrderProgressSectionUtil/OrderProgressSectionUtil.ts","components/OrderProgressSection/_/StatusNextActivity/StatusNextActivity.tsx","components/OrderProgressSection/_/StatusAlertMessage/StatusAlertMessage.tsx","components/OrderProgressSection/_/StatusInfoMessage/StatusInfoMessage.tsx","components/OrderProgressSection/OrderProgressSection.tsx","components/LabelValuePair/LabelValuePair.tsx","components/OrderDetails/helpers/OrderDetailsHelpers.ts","client/FileDownloadClient.ts","services/FileDownloadService.ts","constants/SnackbarMessages.ts","components/OrderDetails/_/OrderDocument/OrderDocumentItem.tsx","components/OrderDetails/_/OrderDocument/OrderDocuments.tsx","components/OrderDetails/_/OrderLiveningIcpSiteDetails/OrderLiveningIcpSiteDetails.tsx","components/OrderDetails/_/OrderNewConnectionSiteDetails/OrderNewConnectionSiteDetails.tsx","components/OrderDetails/_/OrderSiteDetails/OrderSiteDetails.tsx","components/OrderDetails/_/OrderContactDetails/OrderContactDetails.tsx","components/OrderDetails/_/OrderDetailsGetSupport/OrderDetailsGetSupport.tsx","constants/CancelOrderFormValues.ts","components/OrderDetails/_/OrderDetailCancelForm/CancelOrderSchema.ts","components/OrderDetails/_/OrderDetailCancelFormFields/OrderDetailCancelFormFields.tsx","components/OrderDetails/_/OrderDetailCancelForm/OrderDetailCancelForm.tsx","components/OrderDetails/_/OrderDetailCancelModal/OrderDetailCancelModal.tsx","components/OrderDetails/OrderDetails.tsx","components/OrderDetails/OrderDetailsContainer.tsx","hooks/useQueryParams/useQueryParams.ts","pages/OrderDetailsPage/OrderDetailsPage.tsx","pages/OrderDetailsPage/OrderDetailsPageContainer.tsx","components/Pagination/Pagination.tsx","hooks/usePaginationFunctions/usePaginationFunctions.ts","components/OrderListEmpty/OrderListEmpty.tsx","components/OrderListError/OrderListError.tsx","utils/orderStatusMapper/orderStatusMapper.ts","components/OrderDetailsList/_/Card/Card.tsx","components/TableData/TableData.tsx","components/OrderDetailsList/_/OrderRow/OrderRow.tsx","components/TableHead/TableHead.tsx","components/OrderDetailsList/_/OrdersTable/OrdersTable.tsx","components/OrderDetailsList/_/Orders/Orders.tsx","components/OrderDetailsList/_/OrdersCards/OrdersCards.tsx","components/OrderDetailsList/_/OrdersWithPagination/OrdersWithPagination.tsx","components/FilterDropdown/FilterDropdown.tsx","hooks/usePredictiveSearch/usePredictiveSearch.ts","components/SearchInput/SearchInput.tsx","components/OrderDetailsList/_/OrdersWithFilteredPagination/OrdersWithFilteredPagination.tsx","hooks/useFilterOrderList/useFilterOrderList.tsx","components/OrderDetailsList/_/OrdersContainer/OrdersContainer.tsx","hooks/useGetRequesterList/useGetRequesterList.tsx","hooks/cachedQueries/useGetOrderList/useGetOrderList.ts","components/OrderDetailsList/_/OpenOrders/OpenOrders.tsx","components/OrderDetailsList/_/ClosedOrders/ClosedOrders.tsx","components/OrderDetailsList/_/UnsubmittedOrderAddressUtil/UnsubmittedOrderAddressUtil.ts","components/OrderDetailsList/_/UnsubmittedOrdersUtil/UnsubmittedOrdersUtil.ts","components/OrderDetailsList/_/UnsubmittedOrderRow/UnsubmittedOrderRow.tsx","components/OrderDetailsList/_/UnsubmittedOrdersTable/UnsubmittedOrdersTable.tsx","components/OrderDetailsList/_/UnsubmittedCard/UnsubmittedCard.tsx","components/OrderDetailsList/_/UnsubmittedOrdersWithoutPagination/UnsubmittedOrdersWithoutPagination.tsx","components/OrderDetailsList/_/UnsubmittedOrdersCards/UnsubmittedOrdersCards.tsx","hooks/useGetUnsubmittedOrderList/useGetUnsubmittedOrderList.tsx","components/OrderDetailsList/_/UnsubmittedOrdersContainer/UnsubmittedOrdersContainer.tsx","components/OrderDetailsList/_/UnsubmittedOrders/UnsubmittedOrders.tsx","components/OrderDetailsList/OrderDetailsList.tsx","pages/OrderDetailsListPage/OrderDetailsListPage.tsx","pages/OrderDetailsListPage/OrderDetailsListPageContainer.tsx","components/RadioButtonDescriptive/RadioButtonDescriptive.tsx","components/FormikRadioButtonDescriptive/FormikRadioButtonDescriptive.tsx","components/ServiceTypeElectricity/ServiceTypeElectricity.tsx","components/ServiceTypeGas/ServiceTypeGas.tsx","components/ServiceTypeConsentApprovals/ServiceTypeConsentApprovals.tsx","components/ServiceTypeForm/ServiceTypeForm.tsx","components/ServiceTypeProgressStepper/ServiceTypeProgressStepper.tsx","components/ServiceType/ServiceType.tsx","pages/ServiceTypePage/ServiceTypePage.tsx","pages/ServiceTypePage/ServiceTypePageContainer.tsx","components/LiveningIcpThankYou/_/LiveningIcpThankYouOrder/LiveningIcpThankYouOrder.tsx","components/LiveningIcpThankYou/LiveningIcpThankYou.tsx","components/NewConnectionThankYou/_/NewConnectionThankYouOrder/NewConnectionThankYouOrder.tsx","components/NewConnectionThankYou/NewConnectionThankYou.tsx","pages/ThankYouPage/ThankYouPage.tsx","components/CompleteProfileForm/CompleteProfileDetailsFormSchema.ts","components/CompleteProfileDetailsForm/CompleteProfileDetailsForm.tsx","components/CompleteProfileForm/CompleteProfileForm.tsx","types/CompleteProfileActionType.ts","reducers/CompleteProfileReducer/CompleteProfileReducer.ts","components/AccountVerificationError/AccountVerificationError.tsx","components/CompleteProfile/CompleteProfile.tsx","pages/CompleteProfilePage/CompleteProfilePage.tsx","pages/CompleteProfilePage/CompleteProfilePageContainer.tsx","utils/withSiebelAccountVerification/withSiebelAccountVerification.tsx","utils/completeProfileCheck/completeProfileCheck.ts","components/PaymentResult/_/PaymentSuccess/PaymentSuccess.tsx","components/PaymentResult/_/PaymentFailure/PaymentFailure.tsx","components/PaymentResult/PaymentResult.tsx","pages/PaymentResultPage/PaymentResultPage.tsx","pages/PaymentResultPage/PaymentResultPageContainer.tsx","hooks/sessionIdFunction/useSessionIdQuery.tsx","services/WindcaveService.ts","components/WindcaveContainer/WindcaveContainer.tsx","hooks/useWindcaveSession/useWindcaveSession.tsx","components/PayNowProgressStepper/PayNowProgressStepper.tsx","components/PayNowForm/_/PayNowDetailsUtil/PayNowDetailsUtil.ts","components/PayNowForm/_/PayNowReviewQuoteDetails/PayNowReviewQuoteDetails.tsx","components/PayNowForm/_/PayNowReviewThingsToKnow/PayNowReviewThingsToKnow.tsx","constants/PaymentInformationValues.ts","components/PayNowForm/_/PayNowReviewQuote/PayNowReviewQuote.tsx","components/PayNowForm/_/PayNowBillingDetailsForm/PayNowBillingDetailsForm.tsx","components/PayNowForm/PayNowFormSchema.ts","components/PayNowForm/PayNowForm.tsx","constants/PaymentMethods.ts","constants/PayNowOrderPaymentValues.ts","components/PayNow/PayNow.tsx","pages/PayNowPage/PayNowPage.tsx","services/OrderPaymentService.ts","utils/ga/GaBillingEvents.ts","pages/PaymentErrorPage/PaymentErrorPage.tsx","pages/PaymentErrorPage/PaymentErrorPageContainer.tsx","constants/ManualBillingAddress.ts","pages/PayNowPage/PayNowPageContainer.tsx","pages/MaintenancePage/MaintenancePage.tsx","contexts/PersistedQueryProvider/PersistedQueryProvider.tsx","App.tsx","serviceWorker.ts","index.tsx"],"names":["Object","assign","process","window","_env_","EMPTY_USER_AUTH0_DETAILS","auth0Id","email","passwordChangeDate","createdDate","accessToken","EMPTY_USER_BASIC_DETAILS","contactId","accountId","firstName","lastName","mobile","alternatePhone","businessName","billingAddress","companyNzbn","userType","UserAuthenticationActionType","Error","LogInStarted","LogInStopped","LogInCompleted","Auth0DetailsRetrieved","SiebelAccountVerified","BasicDetailsRetrieved","BasicDetailsUpdated","freeze","authenticatedUserReducer","state","action","type","payload","hasError","isLoading","isLoggedIn","isGuest","userAuth0Details","hasSiebelAccount","userBasicDetails","isUserAuth0DetailsEmpty","getMetaDataValue","value","user","getPasswordChangeDate","moment","utc","format","getCreatedDate","createdAt","getUserAuth0DetailsWrapper","auth0LoggedIn","auth0User","getAccessTokenSilently","a","Promise","resolve","audience","env","auth0ApiBaseUrl","setTimeout","apiClientConfig","baseURL","apiBaseUrl","headers","apikey","Accept","apiClient","axios","create","includeAccessToken","config","createUser","auth0AccessToken","post","profile","response","status","retrieveUser","get","then","data","verifySiebelAccount","updateUser","put","retrieveUserProfile","sessionStorageWrapper","key","sessionStorage","getItem","JSON","parse","error","removeItem","filterWithMultipleValues","array","filters","predicate","Array","isArray","length","stringFilters","map","item","String","filter","every","keys","includes","accountVerificationKey","basicAccountDetailsKey","fullAccountDetailsKey","hoursToMinutes","hours","minutesToMs","minutes","useVerifySiebelAccount","ecssQueryCache","cachedSuccessResponse","clientState","queries","query","queryKey","isInvalidated","some","useQueryClient","setQueryDefaults","staleTime","cacheTime","useQuery","queryFn","enabled","responseStatus","siebelVerificationStatus","apiError","isError","manuallyVerifyAccount","refetch","useUserAuthenticationExecutor","useAuth0","auth0Loading","isAuthenticated","useReducer","undefined","authenticatedUserContext","setAuthenticatedUserContext","siebelVerificationError","userDetailsInitRef","useRef","userDetailsInitialized","current","firstQuery","cachedBasicDetails","useGetBasicUserDetails","useEffect","accountVerified","AuthenticatedUserContext","React","createContext","UserAuthenticationProvider","children","Provider","useUserAuthentication","context","useContext","AuthenticationProvider","history","useHistory","domain","auth0Domain","clientId","auth0ClientId","redirectUri","auth0RedirectUri","onRedirectCallback","appState","push","returnTo","location","pathname","useRefreshTokens","Box","styled","div","background","space","layout","flexbox","color","typography","border","position","shadow","grid","Flex","display","rotate","keyframes","Circle","Spinner","props","data-testid","defaultProps","bg","Title","as","dataTest","data-test","Loading","text","justifyContent","alignItems","ml","Component","img","VectorLogo","alt","CenteredLoading","showVectorLogo","mt","flexDirection","align-content","height","width","my","src","LoginPage","loginWithRedirect","LogoutPage","logout","auth0LogoutUri","ProtectedRoute","component","args","options","onRedirecting","withAuthenticationRequired","baseColors","nightSky","nightSkyLight","newEnergy","newEnergy25","newEnergyLight","hydro","hydroLight","hydroDark","hydroDarker","hydro10","hydro25","solar","solarLight","urgentRed","urgentRed25","orangeAlert","sunshine","optimism","optimism25","black","greyWhite","gradient","neutrals","ln0","ln10","ln20","ln2090","ln30","mn20","mn40","mn60","mn80","mn90","ln40","dn40","dn50","colors","primary","secondary","tertiary","accent","disabledBackground","disabledBorder","disabledColor","danger","hover","active","white","fontSizes","title","heading","body","lineHeights","breakpoints","mediaQueries","smallDevice","mediumDevice","largeDevice","extraLargeDevice","theme","sizes","radii","button","input","radio","checkbox","checkboxWithBorder","squareCheckbox","fileType","notificationBanner","menu","infoSection","shadows","baseFocus","inputFocus","inputFocusLight","inputFocusWhite","modal","zIndices","fonts","fontWeights","regular","medium","heavy","bold","borderStyles","GridContainer","Grid","Span","span","ALTERNATE_PHONE_REG_STRING","MOBILE_REG_EXP","RegExp","ALTERNATE_PHONE_REG_EXP","ONLY_NUMBERS_REG_EXP","ONLY_LETTERS_AND_SPACE_REG_EXP","STARTS_WITH_NUMBERS_REG_EXP","noWhitespaceValidation","errorMessage","this","test","matches","match","yup","AccountDetailsFormSchema","shape","required","noWhitespace","max","when","is","otherwise","min","billingAddressDisplay","Text","dangerouslySetInnerHTML","fontSize","lineHeight","Icon","icon","fontFamily","verticalAlign","fontWeight","IconStyle","variant","variants","default","information","success","warning","BannerStyle","scale","informationGray","BasicNotificationBanner","message","actionButton","closeButton","mb","borderRadius","p","gridTemplateColumns","textAlign","Wrapper","size","ButtonStyled","lowAffordance","ghost","prop","large","small","Button","iconLeft","iconRight","tabIndex","focusable","loading","iconSize","mr","magnitude","disabled","px","Label","label","useClickedOutsideElement","elementRef","onClickedOutsideElement","doNotCheckCondition","handleClickOutside","event","refCurrent","contains","target","handleEscKey","e","code","document","addEventListener","removeEventListener","PopupWrapper","id","maxWidth","zIndex","IconWrapper","LabelWrapper","IconPopupTip","checked","onClose","flexRef","useState","show","setShow","handleChange","prevState","ref","aria-labelledby","onClick","FlexWrapper","InputWrapper","SpanWrapper","InputText","displayLabel","optional","tooltip","displayTooltip","minWidth","flexBasis","flexGrow","pl","pr","htmlFor","borderColor","autoComplete","py","mx","FormikInputText","field","form","getIn","errors","name","touch","touched","FormInputErrorMessage","ContactDetailFields","idPrefix","namePrefix","optionalFirstName","optionalLastName","optionalEmail","optionalMobile","optionalAlternatePhone","optionalBusinessName","showEmail","showPhone","showBusinessName","disabledFirstName","disabledLastName","disabledEmail","disabledMobile","disabledAlternatePhone","disabledBusinessName","businessNameInfoMessage","className","placeholder","CompanyNzbn","prefix","propertyName","baseOptions","maxLength","Href","c","attrs","boxShadow","borderBottom","borderBottomColor","Link","rel","ComboBoxStateChangeType","InputChange","ItemClick","ToggleButtonClick","mapComboBoxStateChangeType","StyledInput","StyledButton","StyledOptionalMessage","StyledMessage","StyledItemsContainer","ul","StyledItem","li","LookupComboBox","visibleItems","noResultsMessage","items","valueLengthLookupTrigger","onSelect","onChange","onFocus","onBlur","hasFocus","setHasFocus","menuItems","setMenuItems","useCombobox","defaultSelectedItem","onSelectedItemChange","selectedItem","onInputValueChange","inputValue","changeType","isOpen","getToggleButtonProps","getLabelProps","getMenuProps","getInputProps","getComboboxProps","getItemProps","setInputValue","showMenu","borderWidth","borderBottomLeftRadius","borderBottomRightRadius","padding","data-error","aria-label","hidden","maxHeight","overflowY","index","AddressSearchField","lookupAddress","address","isPostalAddress","params","q","AddressSearchFieldContainer","setItems","setApiError","handleOnChange","lookupAddresses","infoMessage","selected","find","FormikAddressSearchField","nameId","valueId","setFieldValue","validateField","PostalAddress","fieldIdPrefix","fieldNamePrefix","FormWrapper","Form","AccountDetailsForm","initialValues","onSubmit","isSubmitting","setIsSubmitting","validationSchema","validateOnChange","enableReinitialize","values","resetForm","dirty","isBusinessAccount","href","changePostalOrBusinessInfoText","handleOnCancelClick","ButtonComponent","ActionLink","LineWrapper","hr","Line","opacity","AccountSecurityDetails","onResetPasswordClick","noPasswordChangeDate","fontStyle","AccountSecurityDetailsContainer","Div","BadgeVariant","Badge","GridWrapper","AccountSettings","userInfo","handleSubmit","isAdmin","EMPTY_COMPLETE_PROFILE_VALUES","isInvitedUser","billingAddressId","manuallyEnteredBillingAddress","manualBillingAddress","addressString","suburb","city","postcode","auth0Client","sendPasswordResetEmail","request","client_id","connection","ActionVariant","outline","transparent","ActionButton","m","slideInAnimation","slideOutAnimation","StyledFloatingBanner","isVisible","css","FloatingBanner","showBanner","onBannerClose","setIsVisible","left","FloatingBannerContainer","visible","setShowBanner","renderBanner","setRenderBanner","closeBanner","StyledNavLink","NavLink","FeedbackLink","OrderDetailsListNavigationMenu","feedbackUrl","replace","exact","activeClassName","to","TooltipBox","Tooltip","overflow","role","TooltipWrapper","IconTooltip","StyledLink","IconTooltipLink","StyledLogoWrapper","StyledNameWrapper","UserLogo","forwardRef","userInitials","userFullName","userEmail","backgroundColor","margin","pt","displayName","StyledMenu","Menu","top","right","MenuContainer","triggerRef","setShowMenu","menuRef","triggerRefCurrent","onclick","LogoutButton","TopBarWrapper","MenuIconWrapper","MobileVectorLogo","DesktopVectorLogo","UserLogoWrapper","MainTopBar","showUserLogo","hasMobileNavMenu","onMobileNavMenuClick","showMobileNav","userLogoDisabled","userLogoRef","Spacer","MainTopBarContainer","substring","getUserInitials","toUpperCase","MenuWrapper","NavigationMenu","menuContents","Page","tabTitle","hasTopBar","navigationMenuContents","setShowMobileNav","useQueryInvalidator","queryClient","invalidateQuery","filterOptions","invalidateOptions","mainQueryKey","additionalKeys","invalidateQueries","useInvalidateOrderList","invalidateOrdersCache","WrappedNotificationBanner","AccountSettingsPage","notificationBannerContent","setNotificationBannerContent","invalidateAccountDetailsCache","useInvalidateAccountDetails","cachedFullDetails","userFullDetails","useGetFullUserDetails","setUserInfo","userUpdated","updatedUser","handleResetPasswordClick","emailSent","DEFAULT_ACCOUNT_SETTINGS_TYPE","AccountSettingsPageContainer","StyledFlex","Accordion","content","__html","FaqAccordionGroup","faqs","category","qa","faq","question","pb","answer","FaqGetSupport","FaqValues","HelpCentre","HelpCentrePage","EMPTY_HELP_CENTRE_PAGE_CONTENT","HelpCentrePageContainer","FlexContainer","xLarge","paddingTop","paddingBottom","Input","Container","alignText","RadioButton","currentValue","inputRef","focus","click","aria-checked","sendGAEvent","TagManager","dataLayer","FormikRadioButton","gaEvent","useTimeout","evt","UnmeteredFeatureTypeValues","UnmeteredAvailableHourValues","StyledSelectButton","StyledToggleButton","Dropdown","useSelect","inputWrapperRef","containerWidth","offsetWidth","FormikDropdown","setFieldTouched","AvailableHours","featureType","FeatureType","ButtonWrapper","Counter","regExp","count","setCount","inputRefBlur","blur","preValue","countValue","Number","FormikCounter","Quantity","Wattage","FeatureTypeNonOtherLayout","FeatureTypeOther","FeatureTypeOtherLayout","FormikActionLink","StreetAddressFields","showPoBox","showCity","optionalStreetNumber","optionalStreetName","showUnit","checkIsManualAddress","isManualAddress","manuallyEnteredAddress","checkIsSearchedAddress","StreetNumberAndName","siteAddressInformation","showAdditional","setIsManualAddress","formattedFieldIdPrefix","formattedFieldNamePrefix","streetAddress","streetAddressId","manualStreetAddress","unit","streetNumber","streetName","alignSelf","UnmeteredIcp","unmetered","addressInformation","getInspectorRetailers","path","InspectorRetailerDropdownFieldContainer","cachedProviders","serviceProviders","useGetInspectorRetailers","FormikInspectorRetailerField","selectedId","EMPTY_LIVENING_ICP_CONTACT_DETAILS_VALUES","workContactPreferences","sms","roles","requester","siteAccessContactRole","powerRetailerAccountHolderRole","contactHasRole","EMPTY_NEW_CONNECTION_CONTACT_DETAILS_VALUES","businessNumber","quoteContactPreferences","quotePayerRole","customerRole","consultantRole","ContactDetailsFormAddContact","anyRolesSelected","remainingSelectableRoles","actionLinkRoleTitle","siteAccessContactRoleSelectedInAllContactDetails","contactDetailsRoles","powerRetailerAccountHolderRoleSelectedInAllContactDetails","customerRoleSelectedInAllContactDetails","quotePayerRoleSelectedInAllContactDetails","consultantRoleSelectedInAllContactDetails","calculateSelectableLiveningIcpRoles","liveningIcpRoles","selectedRolesCount","forEach","calculateSelectableNewConnectionRoles","newConnectionRoles","newConnectionType","LiveningIcpAddContact","contactDetails","arrayHelpers","details","areAnyRolesSelected","hasSiteAccessContactRoleBeenSelected","hasPowerRetailerAccountHolderRoleBeenSelected","contactDetailsCount","getLiveningIcpAddContactButtonTitle","checksLiveningIcpSelectedRole","liveningIcpContactDetailsValues","Checkbox","isChecked","FormikCheckbox","ContactDetailsContactPreferences","emailLabel","smsLabel","emailDisabled","smsDisabled","addDelimiter","roleName","getLiveningIcpRolesTitle","isRequester","hasElectrician","getNewConnectionRolesTitle","hasLandOwner","LiveningIcpRoleSelector","contactDetailRoles","contactDetailsIndex","disabledRoles","liveningIcpRoleDisabler","roleRequiredRoleErrorMessage","isRequesterAndLoggedIn","LiveningIcpContactDetailFields","roleSelectorPosition","disableWorkEmailPreference","disableWorkSmsPreference","showRemoveButton","currentContactDetails","currentContactDetailsRoles","allContactDetailsRoles","shouldDisableWorkSmsPreference","shouldDisableWorkEmailPreference","shouldDisableContactDetails","contactIndex","remove","handleContactClearClick","fieldsVisible","ElectricianContactFields","optionalContactDetails","LiveningIcpContactDetailsForm","render","EMPTY_NEW_CONNECTION_LOT_VALUES","phase","fuseAmp","EMPTY_MANUAL_UNIT_VALUES","unitNumber","supply","EMPTY_LIVENING_ICP_SITES","siteType","lotInformation","lotNumber","dpNumber","additionalAddressInformation","unitType","manualUnits","uploadProofOfAddresses","uploadUnits","filesUploadStatus","EMPTY_NEW_CONNECTION_SITES","lotCount","lots","additionalSiteRequirements","createGaEvent","LotNumberDpInformation","SiteInformationFields","site","siteIndex","handleSiteClearClick","Modal","showModal","cancelText","confirmText","cancelButtonVariant","onCloseModal","onCancel","onConfirm","showButtons","themeContext","ThemeContext","innerWidth","getBreakpointValue","breakpoint","contentLabel","onRequestClose","style","overlay","bottom","marginRight","transform","flexWrap","UnitCopy","units","setShowModal","copiedUnit","i","unitCopyCount","TableHeaders","TableHead","PHASE_POPUPTIP","FUSE_POPUPTIP","SiteUnitsManual","siteUnitIndex","handleUnitClearClick","handleAddUnitClick","EMPTY_CONTACT_DETAILS_VALUES","EMPTY_LIVENING_ICP_ORDER","icpType","projectNumber","metered","sites","featureTypeOther","quantity","wattage","availableHours","liveningInspector","liveningInspectorId","powerRetailer","powerRetailerId","siteAccessContactRoleChecked","powerRetailerAccountHolderRoleChecked","FileTypeValues","getFileNameWithoutExtension","fileName","lastIndexOf","getFileExtension","mockArrayBuffer","mockSlice","start","end","contentType","Blob","mockStream","ReadableStream","mockText","UploadWrapper","isDragActive","isDragReject","DropZoneFileUpload","allowMultiple","maxFiles","maxSizeInBytes","acceptFileTypes","rejectedFileNames","onFilesSelected","onDrop","useCallback","acceptedFiles","useDropzone","noClick","multiple","maxSize","accept","toString","validator","file","findIndex","rejectedFileName","extendedFileNameValidator","onFileDialogCancel","getRootProps","open","getDelayInterval","executionCount","delayMilliseconds","Math","pow","random","calculateRemainingTimeoutInterval","delay","timeout","lastRequestTime","lastRequestDuration","Date","now","SCAN_TIMEOUT_MILLISECONDS","shouldScanResultRetry","scanResult","uploadFile","attachmentType","formData","FormData","append","getFileScanResultAsync","md5","defaults","interceptors","use","reject","delayInterval","transformRequest","getFileScanResult","UploadFileStatus","uploadStatus","onDelete","onRetry","reducer","uploadState","FILE_NAME_REG_EXP","FileNameWrapper","FileExtensionWrapper","UploadFileItem","onUploadScanComplete","dispatch","uploadFileAsync","dispatchType","dispatchPayload","uploaded","scanned","filesStillUploading","FileUploadContainer","onStatusChange","selectedFiles","setSelectedFiles","uploadedFiles","setUploadedFiles","handleOnUploadScanComplete","convertedFile","handleFileDelete","updatedUploadFiles","selectedFile","updatedUnits","mappedSelectedFiles","uploadedUnit","lastModified","webkitRelativePath","arrayBuffer","slice","stream","selectedUnits","uploadedUnits","selectedUnit","getFileSelectUploadStatus","transformedFiles","fileBlob","transformedName","filePath","getFileNameFromPath","newFile","File","FormikFileUpload","SiteUnitsUpload","ProofOfAddressUpload","SiteUnitSection","onUploadUnitsStatusChange","SiteWrapper","TotalIcpCountWrapper","LiveningIcpSiteInformationForm","handleAddSiteClick","handleUploadUnitsStatusChange","reduce","previousUnit","currentUnit","countAllSiteUnits","URLVALUES","getTopPositionByElementName","elementName","elements","getElementsByName","parent","parentElement","getBoundingClientRect","handleScrollToId","elementId","element","getElementById","yAxisOffset","pageYOffset","scrollTo","behavior","handleScrollToName","boundingClientRectTop","scrollToTop","getHierarchicalFieldName","fieldName","keyValuePairs","lodash","toPairs","keyValue","propertyValue","isString","isNumber","innerIndex","isObject","getFirstErrorByPosition","isEmpty","findFirstErrorByPosition","originalErrors","errorsSubset","minTopPosition","fieldFullName","topPosition","arrayResponse","objectResponse","MAX_VALUE","LiveningIcpOrderDetailsForm","onFilesStillUploading","useFormikContext","errorFieldName","areFilesStillUploading","getContactPreferencesDisplay","contactPreferences","result","ContactDetailsDisplay","initials","split","join","getUserInitialsWithMultipleNames","fullName","workContactPreferencesDisplay","quoteContactPreferencesDisplay","hasContactDetails","ReviewFormContactDetails","ReviewFormLiveningIcpContactDetailsWithTitle","ReviewFormSection","onEditClick","getSiteLotInformation","siteLotInformation","getAddressInformation","getFormattedAddress","Table","table","TableCell","td","TableHeadCell","th","ReviewFormDesktopMeteredUnits","ValueWrapper","ReviewFormMobileMeteredUnits","UploadUnitWrapper","FileTypeWrapper","ReviewUploadsFormMeteredDetails","uploads","uploadTitle","ReviewFormMeteredSiteDetails","formattedAddress","ReviewFormUnmeteredSiteDetails","SquareCheckbox","onKeyDown","defaultChecked","ReviewFormOptionalContactDetails","hasOptional","LiveningIcpReviewForm","onEdit","selectedTermsConditions","onSelectTermsConditions","handleOnEdit","MobileProgressStepButton","MobileProgressStep","steps","currentStep","stepsCount","stepText","stepSubText","MobileProgressBar","ShowOnMobile","ProgressStepperMobile","completed","StyledButtonWrapper","DesktopProgressStepButton","StyledStepItem","StyledStepText","DesktopProgressStep","stepNumber","completedIcon","StyledList","Nav","nav","StyledListItem","DesktopProgressBar","completedSteps","from","step","completedStep","ProgressStepperDesktop","borderRight","borderRightColor","FlexWrapperTwo","ProgressStepperBackButton","backLink","backText","ProgressStepper","LIVENING_ICP_FORM_STEPS","LiveningIcpProgressStepper","IconServiceType","EMAIL_REG_EXP","LiveningIcpOrderDetailsFormSchema","of","moreThan","lessThan","typeError","nullable","formValues","SomethingWentWrong","subHeading","contactEmailAddress","showBackButton","showTryAgainButton","onBackClick","onTryAgainClick","tryAgainLoading","supportEmail","validationSchemas","LiveningIcpForm","onStepChange","activeStep","handleSave","setSelectedTermsConditions","showLoading","setShowLoading","isLastStep","isSubmissionErrorStep","submitForm","handleBack","handleReviewEdit","handleOnSelectTermsConditions","handleOnFilesStillUploading","actions","setTouched","shouldGoToReview","marginLeft","submitLiveningIcpOrder","submitNewConnectionOrder","EMPTY_UNSUBMITTED_ORDER","orderId","expiryDay","orderType","liveningIcpOrder","newConnectionOrder","jobStatus","EMPTY_UNSUBMITTED_ORDERS_RESPONSE","requestId","page","totalRecords","orderList","EMPTY_ORDERS_RESPONSE","OPEN_ORDERS_TABLE_COLUMNS","Header","CLOSED_ORDERS_TABLE_COLUMNS","UNSUBMITTED_ORDERS_TABLE_COLUMNS","getOrderDetailsPath","orderDetailsType","getFileDownloadPath","encodedFileName","encodeURIComponent","getOrderList","getOrderDetails","getUnSubmittedOrderList","recordsPerPage","sortOrder","putCancelOrder","putUnSubmittedOrder","deleteUnSubmittedOrder","delete","addUnsubmittedOrderId","unsubmittedOrderId","draftOrder","setRequesterDetailsLiveningIcp","setRequesterDetailsNewConnection","LiveningIcp","useLocation","cloneDeep","saveOrderResetBanner","setSaveOrderResetBanner","setUnsubmittedOrderId","setActiveStep","orderDetails","setOrderDetails","icpOrderSaved","LiveningIcpPage","DEFAULT_LIVENING_ICP_CONTENT","LiveningIcpPageContainer","LoginButton","url","appBaseUri","LoginActionLink","LoginOptionScreen","LoginPageContainer","useParams","getGaLotCountEvent","gaLotCountLabel","StyledTextBox","textarea","resize","TextBox","cols","rows","FormikTextBox","isComplexConnection","lot","toLowerCase","NewConnectionAddContact","newConnectionRolesSelected","hasQuotePayerRoleRoleBeenSelected","hasCustomerRoleBeenSelected","hasConsultantRoleBeenSelected","getNewConnectionAddContactButtonTitle","checksNewConnectionSelectedRole","newConnectionContactDetailsValues","NewConnectionRoleSelector","newConnectionRoleDisabler","showNewConnectionRoleRequiredErrorMessage","ManualBillingAddressFields","BillingAddressSection","handleActionLinkClick","NewConnectionContactDetailFields","optionalContactDetailsFields","getOptionalContactDetailsFormFields","showPostalAddress","showWorkUpdateContactPreferences","showQuoteUpdateContactPreferences","showContactPreferencesSelector","showBusinessNumber","shouldDisableQuoteSmsPreference","LandOwnerContactFields","NewConnectionContactDetailsForm","complexAddContactErrorMsg","customerRoleSelected","consultantRoleSelected","getComplexAddContactErrorMsg","NewConnectionLot","convertedLotCount","toNumber","addLots","removeLots","fuseAmpGaEvents","gaFuseAmpEvents","gaFuseAmpLabel","getGaFuseAmpEvents","NewConnectionSiteInformationForm","isComplex","SitePlanUpload","NewConnectionOrderDetailsForm","contactDetail","quotePayerRoleChecked","customerRoleChecked","consultantRoleChecked","complexConnection","serviceType","projectType","subdivisionType","ReviewFormDesktopLots","ReviewFormMobileLots","ReviewFormSiteDetails","hasMoreThanTenLots","developmentDescription","sitePlans","ReviewFormNewConnectionContactDetailsWithTitle","NewConnectionReviewForm","NEW_CONNECTION_FORM_STEPS","NewConnectionProgressStepper","isUserLoggedIn","quoteContactPreference","requiredRoles","alternatePhoneNotPresent","smsPreferenceSelected","smsQuotePreferenceSelected","newConnectionFormMobileCheck","contactDetailsValues","isBillingAddressRequired","NewConnectionForm","EMPTY_NEW_CONNECTION_ORDER","NewConnection","newConnectionOrderSaved","NewConnectionPage","DEFAULT_NEW_CONNECTION_CONTENT","NewConnectionPageContainer","QualtricsPlaceHolder","CantFindWhatYouAreLookingFor","description","helpItemsWithoutLinks","helpItemsWithLinks","ELECTRICITY_SERVICE_TYPE","GAS_SERVICE_TYPE","CONSENT_APPROVALS_SERVICE_TYPE","CantFindWhatYouAreLookingForContainer","NotFound","EMPTY_ORDER_DETAILS","serviceRequestNumber","duePayments","orderStatus","progressStatus","percentageComplete","currentActivity","currentActivityStartDate","currentActivityEndDate","nextActivity","cancelReason","alertMessage","actionMessage","siteDetails","jobType","typeDetailed","liveningIcpSiteDetails","additionalInfo","newConnectionSiteDetails","documents","COMPLETION_INFO_DATA_MAP","estimatedCompletion","infoLink","orderInfoLinkBaseUrl","infoLinkText","ORDER_DETAILS_HEADING_MAP","NEW_CONNECTION_SUB_HEADING_MAP","LIVENING_ICP_SUB_HEADING_MAP","OrderStatusIcon","capitalize","getStatusColor","isOrderCancelled","isOrderCancelledOrComplete","OrderCompletionInfo","orderDetailType","completionInfo","Background","ProgressBar","OrderProgressBar","StyledTitle","isCancelled","StatusCurrentActivity","ActionableNotificationBanner","buttonText","buttonMarginLeft","StatusActionMessage","duePayment","paymentIsDue","dueDate","paymentDueDate","isSameOrBefore","isPaymentDue","paymentId","StatusNextActivity","showNextActivity","shouldShowNextActivity","StatusAlertMessage","StatusInfoMessage","OrderProgressSection","LabelValuePair","useGoToOrderDetails","order","downloadClientConfig","responseType","downloadClient","downloadFile","orderDocument","fileId","documentType","fileDownloadPath","tempUrl","URL","createObjectURL","tempTag","createElement","download","revokeObjectURL","draftOrderDeleteSuccess","draftOrderDeleteFailure","fileDownloadSuccess","fileDownloadFailure","OrderDocumentItem","fileDownloadInitState","fileExtension","downloading","isDownloading","toggleDownloading","fileDownloadState","setFileDownloadState","handleFileDownload","downloaded","DocumentWrapper","OrderDocuments","transformedDocs","attachmentCategory","UnitsWrapper","OrderLiveningIcpSiteDetails","meteredJob","getLiveningIcpSubHeading","transformedUnits","renderMeteredUnits","LotsWrapper","OrderNewConnectionSiteDetails","getNewConnectionSubHeading","transformedLots","renderLots","OrderSiteDetails","renderSiteDetails","OrderContactDetails","contact","siteAccessContact","powerRetailerAccountHolder","quotePayer","customer","consultant","electrician","landOwner","getOrderDetailsRolesTitle","postalAddress","OrderDetailsGetSupport","EMPTY_CANCEL_ORDER_FORM","cancelledReason","CancelOrderSchema","OrderDetailCancelFormFields","OrderDetailCancelForm","onSubmitForm","onCancelForm","OrderDetailCancelModal","handleOnCancelOrderNotification","cancelOrderForm","showCancelForm","setShowCancelForm","showCancelLink","setShowCancelLink","toggleFormVisibility","handleOnCancel","handleOnSubmit","submitResponse","OrderDetails","getOrderDetailsHeading","isCancelModalVisible","OrderDetailsContainer","queryParam","URLSearchParams","search","queryParams","getByName","useQueryParams","fetchOrderDetails","OrderDetailsPage","handleCancelOrder","cancelResponse","DEFAULT_ORDER_DETAILS_CONTENT","OrderDetailsPageContainer","DesktopButton","MobileButton","Pagination","totalPages","pageIndex","previousPage","canPreviousPage","nextPage","canNextPage","goToPage","requesterFilter","searchFilter","numberOfPages","computePageGroup","floor","computeRemainingPages","pageGroup","remainingPages","_state","currentPageGroup","pages","fill","paginationState","goToFirstPage","getRealPageIndex","goToLastPage","goToPageIndex","usePaginationFunctions","firstPageClickHandler","lastPageClickHandler","previousPageClickHandler","nextPageClickHandler","_number","computedIndex","cursor","renderedPageNumber","realPageIndex","pageIndexClickHandler","OrderListEmpty","OrderListError","mapStringToOrderStatus","trim","CardRow","CardHeader","CardData","Card","goToOrderDetails","marginBottom","requestDate","orderNumber","reason","TableData","TrWrapper","tr","OrderRow","TableWrapper","TableHeadWrapper","DesktopTable","orders","header","borderTop","MobileTable","Orders","ordersCount","columns","renderEmptyResponse","RECORDS_PER_PAGE","orderRecordsPerPage","OrdersWithPagination","useTable","initialState","pageSize","usePagination","pageOptions","gotoPage","pagedOrders","row","original","FilterDropdown","SearchInputWrapper","HiddenInput","SearchInput","searchFilterChangeListener","setSearchFilter","OrdersWithFilteredPagination","requesterList","setRequesterFilter","filteredOrderList","filterByRequester","searchKeys","normalize","usePredictiveSearch","OrdersContainer","self","indexOf","unshift","useGetRequesterList","useGetOrderList","orderStatuses","filterAndTransformOrders","select","OpenOrders","ClosedOrders","getDraftSiteLotInformation","addressArray","getDraftAddressInformation","getDraftManualAddress","getExpiryDaysStringUtil","expiryDays","getUnsubmittedAddressUtil","getOrderTypeUtil","isDeleteOrderButton","innerText","ActionLinkWrapper","UnsubmittedOrderRow","days","UnsubmittedCard","UnsubmittedOrdersWithoutPagination","onDeleteUnsubmittedOrder","selectedOrder","deleteModalState","confirmUnsubmittedOrderDelete","RECORDS_THRESHOLD","ordersApiSearchThreshold","UnsubmittedOrdersContainer","deleteNotificationInitState","retryCount","setRetryCount","unsubmittedOrders","setUnsubmittedOrders","deleteNotificationState","setDeleteNotificationState","orderResponse","unSubmittedOrders","setUnSubmittedOrders","retrieveOrderList","useGetUnsubmittedOrderList","handleDeleteUnsubmittedOrder","deleted","prev","UnsubmittedOrders","OrderDetailsList","OrderDetailsListPage","DEFAULT_ORDER_DETAILS_LIST_CONTENT","OrderDetailsListPageContainer","boxSizing","TextWrapper","RadioButtonDescriptive","FormikRadioButtonDescriptive","ServiceTypeElectricity","onServiceTypeSelected","handleOnServiceTypeSelected","electricityServiceType","service","ServiceTypeGas","gasServiceType","ServiceTypeConsentApprovals","consentApprovalsType","ServiceTypeForm","SERVICE_TYPE_STEPS","ServiceTypeProgressStepper","ServiceType","ServiceTypePage","DEFAULT_SERVICE_TYPE_CONTENT","ServiceTypePageContainer","LiveningIcpThankYouOrder","siteAddress","StyledOrderService","LiveningIcpThankYou","NewConnectionThankYouOrder","jobCategory","NewConnectionThankYou","ThankYouPage","pageType","CompleteProfileDetailsFormSchema","JoiningMessage","CompleteProfileDetailsForm","profileType","isPersonalAccount","isNewBusinessAccount","billingAddressInfoMessage","businessNumberInfoMessage","CompleteProfileForm","CompleteProfileActionType","UserCreateStarted","UserCreateStatusChanged","completeProfileReducer","userCreated","AccountVerificationError","CompleteProfile","authIsLoading","verifyAccountAndUpdateUserContext","createSuccess","verificationStatus","verified","CompleteProfilePage","DEFAULT_PROFILE_TYPE","CompleteProfilePageContainer","withSiebelAccountVerification","completeProfile","shouldCompleteProfile","PaymentSuccess","PaymentFailure","PaymentResult","PaymentResultPage","PaymentResultPageContainer","sessionId","useMemo","useSessionIdQuery","configureSession","WindcaveContainer","redirectUrl","setRedirectUrl","userId","srNumber","customerName","amount","paymentMethod","paymentSession","sessionUrl","configurePaymentSessionAsync","useWindcaveSession","goBack","PAY_NOW_FORM_STEPS","PayNowProgressStepper","amountToString","round","toLocaleString","minimumFractionDigits","PayNowReviewQuoteDetails","orderPayment","totalPrice","quoteExpiry","orderNumberText","setFormattedTotalPrice","local","formattedQuoteExpiry","PayNowReviewThingsToKnow","PaymentPageInformationValues","PayNowReviewQuoteWrapper","PayNowReviewQuote","PayNowBillingDetailsForm","editMode","selectedAcknowledged","onSelectAcknowledged","handleCancel","billingDetails","addressId","PayNowForm","setEditMode","setSelectedAcknowledged","handleOnBackClick","handleBillingDetailsFormEdit","handleBillingDetailsFormCancel","handlePay","EMPTY_PAY_NOW_ORDER_PAYMENT","siteSuburb","siteCity","requestKey","requestEntity","paidDate","customerFullName","PayNow","payNowOrderPayment","PayNowPage","getOrderPayment","paymentGuid","updateBillingDetails","PaymentErrorPage","PaymentErrorPageContainer","EMPTY_MANUAL_BILLING_ADDRESS","PayNowPageContainer","setPayNowOrderPayment","setIsLoading","billingDetailsUpdateFailed","setBillingDetailsUpdateFailed","updatingBillingDetails","setUpdatingBillingDetails","paymentDetails","clone","getOrderPaymentAsync","updated","MaintenancePage","PersistedQueryProvider","queryCacheKey","cacheMinutes","staleMinutes","cacheAge","staleAge","QueryClient","defaultOptions","retry","persister","createSyncStoragePersister","storage","removeOldestQuery","client","persistOptions","maxAge","App","Boolean","hostname","setAppElement","tagManagerArgs","gtmId","googleTagManagerId","auth","googleTagManagerAuthKey","preview","googleTagManagerEnvId","initialize","ReactDOM","StrictMode","navigator","serviceWorker","ready","registration","unregister","catch","console"],"mappings":"8QACeA,SAAOC,OAAO,GAAIC,8IAAaC,OAAOC,O,+BCCxCC,EAA6C,CACxDC,QAAS,GACTC,MAAO,GACPC,mBAAoB,GACpBC,YAAa,GACbC,YAAa,ICLFC,EAA6C,CACxDC,UAAW,GACXC,UAAW,GACXC,UAAW,GACXC,SAAU,GACVR,MAAO,GACPS,OAAQ,GACRC,eAAgB,GAChBC,aAAc,GACdC,eAAgB,GAChBC,YAAa,GACbC,SAAU,Y,OCbNC,EAA+B,CACnCC,MAAO,QACPC,aAAc,iBACdC,aAAc,iBACdC,eAAgB,mBAChBC,sBAAuB,0BACvBC,sBAAuB,0BACvBC,sBAAuB,0BACvBC,oBAAqB,yBAGvB9B,OAAO+B,OAAOT,GAECA,I,QAAAA,ICTFU,EAA2B,SACtCC,EACAC,GAEA,IAAQC,EAAkBD,EAAlBC,KAAMC,EAAYF,EAAZE,QAEd,OAAQD,GACN,KAAKb,EAA6BC,MAChC,IAAQc,EAAaD,EAAbC,SAER,OAAO,2BACFJ,GADL,IAEEI,WACAC,WAAW,IAIf,KAAKhB,EAA6BG,aAChC,OAAO,2BACFQ,GADL,IAEEK,WAAW,EACXC,YAAY,EACZC,SAAS,IAIb,KAAKlB,EAA6BI,eAChC,OAAO,2BACFO,GADL,IAEEM,YAAY,EACZC,SAAS,IAIb,KAAKlB,EAA6BK,sBAChC,IAAQc,EAAqBL,EAArBK,iBAER,OAAO,2BACFR,GADL,IAEEQ,qBAIJ,KAAKnB,EAA6BM,sBAChC,IAAQU,EAAgCF,EAAhCE,UAAWI,EAAqBN,EAArBM,iBAEnB,OAAO,2BACFT,GADL,IAEEK,YACAI,qBAIJ,KAAKpB,EAA6BO,sBAChC,IAAQc,EAAqBP,EAArBO,iBAER,OAAO,2BACFV,GADL,IAEEU,mBACAL,WAAW,IAIf,KAAKhB,EAA6BQ,oBAChC,IAAQa,EAAqBP,EAArBO,iBACR,OAAO,2BACFV,GADL,IAEEU,iBAAiB,2BACZV,EAAMU,kBACNA,KAKT,QACE,OAAOV,IClEAW,EAA0B,SAACH,GACtC,OACGA,EAAiBnC,UACjBmC,EAAiBlC,QACjBkC,EAAiBhC,a,iBCZhBoC,EAAmB,SAACC,EAAeC,GACvC,OAAKA,GAIEA,EAAKD,IAHH,IAUEE,EAAwB,SAACD,GACpC,IAAMvC,EAAqBqC,EAAiB,GAAD,OAfN,8BAeM,sBAEzCE,GAGF,OACEvC,GAAsByC,IAAOC,IAAI1C,GAAoB2C,OAAO,iBAInDC,EAAiB,SAACL,GAC7B,IAAMM,EAAYR,EAAiB,GAAD,OA1BG,8BA0BH,cAEhCE,GAGF,OAAOM,GAAaJ,IAAOC,IAAIG,GAAWF,OAAO,iBCtBtCG,EAA0B,uCAAG,WACxCC,EACAC,EACAC,GAHwC,mBAAAC,EAAA,yDAKnCH,EALmC,yCAM/BI,QAAQC,QAAQvD,IANe,uBASdoD,EAAuB,CAC/CI,SAAS,GAAD,OAAKC,EAAIC,gBAAT,cAV8B,cASlCrD,EATkC,OAalC+B,EAAqC,CACzCnC,SDbsByC,ECaHS,EDZdX,EAAiB,GAAD,OAXc,8BAWd,YAA8CE,ICanExC,MAAK,iBAAEiD,QAAF,IAAEA,OAAF,EAAEA,EAAWjD,aAAb,QAAsB,GAC3BC,mBAAoBwC,EAAsBQ,GAC1C/C,YAAa2C,EAAeI,GAC5B9C,eAlBsC,kBAuBjC,IAAIiD,SAAQ,SAACC,GAClBI,YAAW,WACTJ,EAAQnB,KA3ByB,UAEG,iCDCjB,IAACM,ICDgB,OAAH,0D,yBCR1BkB,EAA8C,CACzDC,QAASJ,EAAIK,WACbC,QAAS,CACPC,OAAQP,EAAIO,OACZ,eAAgB,mBAChBC,OAAQ,mBACR,kBAAmB,oCAIVC,EAAYC,IAAMC,OAAOR,GCZzBS,EAAqB,SAChCC,EACAjE,GAFgC,mBAAC,eAI9BiE,EAAOP,SACN1D,GAAe,CACjB,eAAe,GAAf,OAAmBA,MCFVkE,EAAU,uCAAG,WACxB9B,EACA+B,GAFwB,eAAAnB,EAAA,+EAKCa,EAAUO,KAAK,QAAShC,EAAMiC,QAAS,CAC5DX,QAASM,EAAmBT,EAAiBY,KANzB,cAKhBG,EALgB,yBASK,MAApBA,EAASC,QATM,0DAWf,GAXe,yDAAH,wDAeVC,EAAY,uCAAG,WAC1BL,GAD0B,SAAAnB,EAAA,sEAGba,EACVY,IAAqB,QAAS,CAC7Bf,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GACL,IAAMK,EAAOL,EAASK,KAStB,OAPKA,EAAKpE,iBACRoE,EAAKpE,eAAiB,IAEnBoE,EAAKnE,eACRmE,EAAKnE,aAAe,IAGfmE,KAjBe,mFAAH,sDAqBZC,EAAmB,uCAAG,WAAOT,GAAP,SAAAnB,EAAA,sEACpBa,EACVY,IAAI,gBAAiB,CACpBf,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GAAD,OAAcA,EAASC,UALE,mFAAH,sDAQnBM,EAAU,uCAAG,WACxBzC,EACA+B,GAFwB,SAAAnB,EAAA,sEAIXa,EACViB,IAAI,QAAS1C,EAAMiC,QAAS,CAC3BX,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GAAD,OAAcA,EAASK,QARP,mFAAH,wDAWVI,EAAmB,uCAAG,WACjCZ,GADiC,SAAAnB,EAAA,sEAGpBa,EACVY,IAAsB,gBAAiB,CACtCf,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GACL,IAAMK,EAAOL,EAASK,KAStB,OAPKA,EAAKpE,iBACRoE,EAAKpE,eAAiB,IAEnBoE,EAAKnE,eACRmE,EAAKnE,aAAe,IAGfmE,KAjBsB,mFAAH,sD,kBCtDnBK,EAAiD,SACjDC,GACT,IAAM7C,EAAQ8C,eAAeC,QAAQF,GACrC,GAAI7C,EACF,IACE,OAAOgD,KAAKC,MAAMjD,GAClB,MAAOkD,GACP,OAAOlD,EAIX,OAAO,MAXE4C,EAAiD,SAcjDC,GACTC,eAAeK,WAAWN,ICfjBO,EAA2B,SACtCC,EACAC,EACAC,GAEA,IAAKC,MAAMC,QAAQJ,KAAWA,EAAMK,OAClC,MAAO,GAGT,IAAKF,MAAMC,QAAQH,KAAaA,EAAQI,OACtC,OAAOL,EAGT,IAAMM,EAAgBL,EAAQM,KAAI,SAACC,GAAD,OAAUC,OAAOD,MAEnD,OAAOR,EAAMU,QAAO,SAACF,GACnB,MAAoB,kBAATA,EACFF,EAAcK,OAAM,SAACD,GAAD,OACzBR,EACIA,EAAUM,EAAME,GAChB7G,OAAO+G,KAAKJ,GAAMK,SAASH,MAI5BJ,EAAcO,SAASJ,OAAOD,QCrB5BM,EAA2C,CACtD,iBACA,uBAGWC,EAA2C,CACtD,iBACA,uBAGWC,EAA0C,CACrD,iBACA,sBCtBWC,EAAiB,SAACC,GAAD,OAAmC,GAARA,GAE5CC,GAAc,SAACC,GAAD,OAAuC,IAAVA,GCY3CC,GAAyB,SACpC3C,EACAtE,GACI,IAAD,EAGGkH,EACJ/B,EAA+C,kBAS3CgC,EAPUxB,EAAwB,OACtCuB,QADsC,IACtCA,GADsC,UACtCA,EAAgBE,mBADsB,aACtC,EAA6BC,QADS,sBAElCX,GAFkC,CAEV1G,KAC5B,SAACsH,EAAOhB,GAAR,OACEgB,EAAMC,SAASd,SAASH,KAAYgB,EAAM5F,MAAM8F,iBAGdC,MACpC,SAACH,GAAD,OAAgC,MAArBA,EAAM5F,MAAMoD,QAKnBkC,EAAUH,EAAe,IACXa,cACRC,iBAAiB,CApBI,kBAoBQ,CACvCC,UAAWb,GAAYC,GACvBa,UAAWd,GAAYC,KAMzB,MAIIc,YAAS,CACXP,SAAS,GAAD,mBAAMb,GAAN,CAA8B1G,EAAOsE,IAC7CyD,QAAS,kBAAMhD,EAAoBT,IACnC0D,UAAW1D,IAAqB6C,IAN1Bc,EADR,EACEnD,KASF,MAAO,CACLoD,yBAA0Bf,EAAwB,IAAMc,EACxDE,SAZF,EAEEC,QAWAC,sBAbF,EAGEC,UCtCSC,GAAgC,WAC3C,MAKIC,cAJSC,EADb,EACE1G,UACiBiB,EAFnB,EAEE0F,gBACAxF,EAHF,EAGEA,uBACMD,EAJR,EAIET,KAGF,EAAgEmG,qBAC9DlH,EACA,CACEQ,SAAS,EACTF,WAAW,EACXC,YAAY,EACZE,iBAAkBpC,EAClBsC,iBAAkBhC,EAClB0B,UAAU,EACVK,sBAAkByG,IATtB,mBAAOC,EAAP,KAAiCC,EAAjC,KAaQ9G,EACN6G,EADM7G,WAAYE,EAClB2G,EADkB3G,iBAAkBC,EACpC0G,EADoC1G,iBAEtC,EACE8E,GACE/E,EAAiB/B,YACjB+B,EAAiBlC,OAHbkI,EAAR,EAAQA,yBAAoCa,EAA5C,EAAkCZ,SAM5Ba,EAAqBC,kBAAO,GACjBC,EAA2BF,EAApCG,QACA/G,EC3B4B,SACpCkC,EACAtE,EACAmC,GACI,IAAD,IAGG+E,EACJ/B,EAA+C,kBAEjD,EAAqBQ,EAAwB,OAC3CuB,QAD2C,IAC3CA,GAD2C,UAC3CA,EAAgBE,mBAD2B,aAC3C,EAA6BC,QADc,sBAEvCV,GAFuC,CAEf3G,KAC5B,SAACsH,EAAOhB,GAAR,OACEgB,EAAMC,SAASd,SAASH,KAAYgB,EAAM5F,MAAM8F,iBAJ7C4B,EAAP,oBAOMC,EAAkB,OAAGD,QAAH,IAAGA,GAAH,UAAGA,EAAY1H,aAAf,aAAG,EAAmBoD,KAMxCkC,EAAUH,EAAe,IACXa,cACRC,iBAAiB,CApBI,kBAoBQ,CACvCC,UAAWb,GAAYC,GACvBa,UAAWd,GAAYC,KAMzB,IAAc5E,EAAqB0F,YAA2B,CAC5DP,SAAS,GAAD,mBAAMZ,GAAN,CAA8B3G,EAAOsE,IAC7CyD,QAAS,kBAAM7C,EAAoBZ,IACnC0D,UAAW1D,KAAsBnC,IAAqBkH,IAHhDvE,KAMR,MAAO,CAAE1C,iBAAgB,OAAEiH,QAAF,IAAEA,IAAsBjH,GDZpBkH,CAC3BpH,EAAiB/B,YACjB+B,EAAiBlC,MACjBmC,GAHMC,iBAqFR,OA9EAmH,qBAAU,WACJvG,GACF8F,EAA4B,CAC1BlH,KAAMb,EAA6BI,eACnCU,QAAS,KAIR4G,GAAiBzF,GACpB8F,EAA4B,CAC1BlH,KAAMb,EAA6BG,aACnCW,QAAS,OAGZ,CAAC4G,EAAczF,EAAe8F,IAGjCS,qBAAU,WACR,sBAAC,4BAAApG,EAAA,yDACKjB,EAAmBpC,GACnBkC,EAFL,gCAG4Be,EACvBf,EACAiB,EACAC,GANL,OAGGhB,EAHH,cAUMG,EAAwBH,IAC3B4G,EAA4B,CAC1BlH,KAAMb,EAA6BK,sBACnCS,QAAS,CAAEK,sBAbhB,0CAAD,KAiBC,CAACF,EAAYiB,EAAWC,IAG3BqG,qBAAU,WACR,QAAiCX,IAA7BV,EAAwC,CAC1C,IAAMsB,EAA+C,MAA7BtB,EAExBY,EAA4B,CAC1BlH,KAAMb,EAA6BM,sBACnCQ,QAAS,CACPE,UAAWyH,IAAoBN,EAC/B/G,iBAAkBqH,KAKpBT,GACFD,EAA4B,CAC1BlH,KAAMb,EAA6BC,MACnCa,QAAS,CACPC,UAAU,OAKf,CAACoG,EAA0Ba,IAG9BQ,qBAAU,WACJL,GAIA9G,IACF4G,EAAmBG,SAAU,EAC7BL,EAA4B,CAC1BlH,KAAMb,EAA6BO,sBACnCO,QAAS,CAAEO,yBAId,CAACA,IAEG,CACLyG,2BACAC,gCE5HEW,GAA2BC,IAAMC,mBAMrCf,GAEIgB,GAAuC,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAC9C,EACEtB,KADMM,EAAR,EAAQA,yBAA0BC,EAAlC,EAAkCA,4BAGlC,OACE,kBAACW,GAAyBK,SAA1B,CACEvH,MAAO,CACLsG,2BACAC,gCAGDe,IAKDE,GAAwB,WAC5B,IAAMC,EAAUN,IAAMO,WAAWR,IAEjC,QAAgBb,IAAZoB,EACF,MAAM,IAAIhJ,MACR,4EAIJ,OAAOgJ,GChCIE,GAAmC,SAAC,GAAkB,IAAhBL,EAAe,EAAfA,SAC3CM,EAAUC,cAMhB,OACE,kBAAC,IAAD,CACEC,OAAQ9G,EAAI+G,YACZC,SAAUhH,EAAIiH,cACdC,YAAalH,EAAImH,iBACjBC,mBATwB,SAACC,GAC3BT,EAAQU,MAAa,OAARD,QAAQ,IAARA,OAAA,EAAAA,EAAUE,WAAYlL,OAAOmL,SAASC,WASjDC,kBAAgB,EAChB3H,SAAQ,UAAKC,EAAIC,gBAAT,aAER,kBAAC,GAAD,KAA6BqG,K,wBCPtBqB,GAAWC,KAAOC,IAC7BC,KACAC,KACAC,KACAC,KACAC,KACAC,KACAC,KACAC,KACAC,KACAC,MCrBWC,GAAYZ,aAAOD,GAAPC,CAAH,8CACT,gBAAGa,EAAH,EAAGA,QAAH,OAAkBA,GAAoB,U,sBCD7CC,GAASC,aAAH,+SAcNhB,GAAMC,KAAOC,IAAV,8IACLE,MASEa,GAAShB,KAAOC,IAAV,62CACRK,KAqBaQ,IA8CJG,GAA6C,SAAC,GAGpD,IAFLX,EAEI,EAFJA,MACGY,EACC,mBACJ,OACE,kBAAC,GAAD,eAAKC,cAAY,WAAcD,GAC7B,kBAACF,GAAD,CAAQV,MAAOA,GACb,8BACA,6BACE,kCAOVW,GAAQG,aAAe,CACrBC,GAAI,cACJf,MAAO,W,yBCpGIgB,GAQT,SAAC,GAAD,IAAGC,EAAH,EAAGA,GAAIC,EAAP,EAAOA,SAAaN,EAApB,0BACF,kBAACnB,GAAD,eAAKwB,GAAIA,EAAIE,YAAWD,GAAcN,GACnCA,EAAMxC,WAIX4C,GAAMF,aAAe,CACnBG,GAAI,MCpBC,I,GAAMG,GAA2B,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACzC,OACE,kBAACf,GAAD,CAAMgB,eAAe,eAAeC,WAAW,UAC7C,kBAAC,GAAD,CAAON,GAAG,KAAKjB,MAAM,SAClBqB,GAEH,kBAAC,GAAD,CAASrB,MAAM,UAAUwB,GAAI,MAKnCJ,GAAQN,aAAe,CACrBO,KAAM,WCjBR,IAAMI,GAAY/B,KAAOgC,IAAV,4CAGX5B,KACAD,MAGS8B,GAET,SAAC,GAAD,IAAMf,EAAN,2BAAkB,kBAAC,GAAD,eAAWgB,IAAI,QAAWhB,KCFnCiB,GAAgD,SAAC,GAIvD,IAHLR,EAGI,EAHJA,KACAS,EAEI,EAFJA,eACAC,EACI,EADJA,GAEA,OACE,kBAACzB,GAAD,CACE0B,cAAc,SACdV,eAAe,eACfC,WAAW,SACXU,gBAAc,SACdC,OAAO,QACPH,GAAIA,GAEJ,kBAACzB,GAAD,CAAM0B,cAAc,SAAST,WAAW,SAASU,gBAAc,UAC5DH,GACC,kBAAC,GAAD,CACEI,OAAQ,IACRC,MAAO,IACPC,GAAI,EACJC,IAAK,2CAGT,kBAAC,GAAD,CAAShB,KAAMA,OAMvBQ,GAAgBf,aAAe,CAC7BO,KAAM,UACNS,gBAAgB,GCtCX,IAAMQ,GAAsB,WACjC,IAAQC,EAAsBxF,cAAtBwF,kBAOR,OALAzE,qBAAU,WACRyE,MAEC,IAEI,kBAAC,GAAD,CAAiBlB,KAAK,iBCNlBmB,GAAuB,WAClC,IAAQC,EAAW1F,cAAX0F,OAQR,OANA3E,qBAAU,WACRpE,EAAiC,kBACjC+I,EAAO,CAAEpD,SAAUvH,EAAI4K,mBAEtB,IAEI,kBAAC,GAAD,CAAiBrB,KAAK,iB,iBCNlBsB,GAAiB,SAAC/B,GAC7B,IAAQgC,EAAuBhC,EAAvBgC,UAAcC,EAAtB,aAA+BjC,EAA/B,IAKMkC,EAA6C,CACjDC,cAH0B,kBAAM,kBAAC,GAAD,QAMlC,OACE,kBAAC,IAAD,eACEH,UAAWI,YAA2BJ,EAAWE,IAC7CD,KCdJI,GAAa,CACjBC,SAAU,UACVC,cAAe,UACfC,UAAW,UACXC,YAAa,UACbC,eAAgB,UAChBC,MAAO,UACPC,WAAY,UACZC,UAAW,UACXC,YAAa,UACbC,QAAS,uBACTC,QAAS,UACTC,MAAO,UACPC,WAAY,UACZC,UAAW,UACXC,YAAa,UACbC,YAAa,UACbC,SAAU,UACVC,SAAU,UACVC,WAAY,UACZC,MAAO,UACPC,UAAW,UACXC,SACE,sGACFC,SAAU,CACRC,IAAK,UACLC,KAAM,UACNC,KAAM,UACNC,OAAQ,2BACRC,KAAM,UACNC,KAAM,UACNC,KAAM,UACNC,KAAM,UACNC,KAAM,UACNC,KAAM,UACNC,KAAM,UACNC,KAAM,UACNC,KAAM,YAIJC,GAAM,2BACPrC,IADO,IAEV5B,KAAM4B,GAAWoB,MACjBzE,WAAYqD,GAAWuB,SAASC,IAChCc,QAAStC,GAAWQ,UACpB+B,UAAWvC,GAAWG,UACtBqC,SAAUxC,GAAWY,MACrB6B,OAAQzC,GAAWM,MACnBoC,mBAAoB1C,GAAWuB,SAASG,KACxCiB,eAAgB3C,GAAWuB,SAASW,KACpCU,cAAe5C,GAAWuB,SAASM,KACnCgB,OAAQ7C,GAAWc,UACnBgC,MAAO9C,GAAWM,MAClByC,OAAQ/C,GAAWO,WACnByC,MAAOhD,GAAWuB,SAASC,MAoBvByB,GAA8B,CAClC,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAEFA,GAAUC,MAAQD,GAAU,IAC5BA,GAAUE,QAAUF,GAAU,GAC9BA,GAAUG,KAAOH,GAAU,GAQ3B,IAAMI,GAAkC,CACtC,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAEFA,GAAYH,MAAQG,GAAY,IAChCA,GAAYF,QAAUE,GAAY,GAClCA,GAAYD,KAAOC,GAAY,GAI/B,I,MAkBMC,GAAc,CAAC,QAAS,QAAS,QAAS,UAEnCC,GAAe,CAE1BC,YAAY,iCAAD,OAAmCF,GAAY,GAA/C,KAEXG,aAAa,iCAAD,OAAmCH,GAAY,GAA/C,KAEZI,YAAY,iCAAD,OAAmCJ,GAAY,GAA/C,KAEXK,iBAAiB,iCAAD,OAAmCL,GAAY,GAA/C,MA+BLM,GAAQ,CAEnBhH,MA7DY,CAAC,EAAG,EAAG,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,IA8D1CiH,MA3DY,CACZ,EAAG,EAAG,EAAG,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IA2DhEP,eACAC,gBACAO,MAlCY,CACZC,OAAQ,EACRC,MAAO,EACPC,MAAO,GACPC,SAAU,GACVC,mBAAoB,GACpBC,eAAgB,EAChBC,SAAU,EACVC,mBAAoB,GACpBC,KAAM,GACNC,YAAa,GAyBbC,QA3Dc,CACdC,UAAW,yCACXC,WAAY,yCACZC,gBAAiB,0CACjBC,gBAAiB,4CACjBC,MAAO,qCACPP,KAAM,uCAsDNQ,SAVe,CAAC,MAYhB1C,UAEA2C,MApIY,CACZvK,QAAS,0BAoITwI,aACAgC,YAlIkB,CAClBC,QAAS,IACTC,OAAQ,IACRC,MAAO,IACPC,KAAM,QA+HNhC,eAGAiC,aAjCmB,CACnB,SACA,SACA,QACA,SACA,SACA,QACA,QACA,SACA,OACA,W,gBC1KIC,GAAgB9I,aAAOD,GAAPC,CAAH,uDAEfW,MAGSoI,GAET,SAAC,GAAD,IAAGrK,EAAH,EAAGA,SAAawC,EAAhB,0BACF,kBAAC4H,GAAkB5H,EAAQxC,ICDhBsK,GAAOhJ,KAAOiJ,KAAV,wOASb3I,KACAH,KACAI,KACAH,KACAI,KACAH,KACAI,MAIS,qBAAG0G,MAAkBvB,OAAOC,WAGZ,qBAAGsB,MAAkBvB,OAAOC,W,gBC9BnDqD,GAA0B,WAVN,uBAUM,cAP9B,sDAO8B,cAF9B,0DAE8B,KAEnBC,GAAiB,IAAIC,OAZR,wBAabC,GAA0B,IAAID,OAAOF,ICbrCI,GAAuB,QACvBC,GAAiC,wBACjCC,GAA8B,UCD9BC,GAAyB,SAAUC,GAC9C,OAAOC,KAAKC,KAAK,gBAAiBF,GAAc,SAAUtS,GACxD,QAAcqG,IAAVrG,EACF,OAAO,EAGT,IAAMyS,EAAUzS,EAAM0S,MAAM,SAC5B,OAAKD,GAIiB,KAAfA,EAAQ,OCJnBE,KACEA,KACA,eACAN,IAGK,IAAMO,GAA2BD,KAAW,CACjD1Q,QAAS0Q,OAAaE,MAAM,CAC1BxT,KAAMsT,OAAaG,SAAS,4BAC5B9U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZ5U,OAAQyU,OAELF,QAAQV,GAAgB,8BACxBe,SAAS,sBACZ3U,eAAgBwU,OAEbF,QAAQR,GAAyB,wCACpC7T,aAAcuU,OAAaM,KAAK,OAAQ,CACtCC,GAAI,SAAC7T,GAAD,MAA2B,aAATA,GACtBiD,KAAMqQ,OAEHI,aAAa,4BACbC,IAAI,IAAK,oCACTF,SAAS,6BACZK,UAAWR,OAERI,aAAa,4BACbC,IAAI,IAAK,sCAEd1U,YAAaqU,OAAaM,KAAK,OAAQ,CACrCC,GAAI,SAAC7T,GAAD,MAA2B,aAATA,GACtBiD,KAAMqQ,OAEHF,QAAQP,GAAsB,iCAC9BkB,IAAI,GAAI,wDAEbC,sBAAuBV,W,qDC1CdW,GAOT,SAAC,GAAD,IAAGC,EAAH,EAAGA,wBAAyBjM,EAA5B,EAA4BA,SAAU8C,EAAtC,EAAsCA,SAAaN,EAAnD,0BACF,kBAACnB,GAAD,eACEwB,GAAG,IACHE,YAAWD,GACPN,EAHN,CAIEyJ,wBAAyBA,IAExBjM,IAILgM,GAAKtJ,aAAe,CAClBwJ,SAAU,OACVC,WAAY,Q,mBCVR9I,GAAY/B,KAAOiJ,KAAV,mhBASXzI,KACAF,KACAG,KACAN,KACAI,KACAH,MAoBS0K,GAST,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAS7J,EAAZ,0BAAwB,kBAAC,GAAcA,EAAQ6J,IAEnDD,GAAK1J,aAAe,CAClBd,MAAO,UACP0K,WAAY,iBACZJ,SAAU,EACVC,WAAY,OACZI,cAAe,SACfC,WAAY,KCpDd,I,MAAMC,GAAYnL,aAAO8K,GAAP9K,CAChBoL,aAAQ,CACNC,SAAU,CACRC,QAAS,CACPhL,MAAO,SAETiL,YAAa,CACXjL,MAAO,SAETkL,QAAS,CACPlL,MAAO,aAEThG,MAAO,CACLgG,MAAO,aAETmL,QAAS,CACPnL,MAAO,gBAMToL,GAAc1L,aAAOY,GAAPZ,CAClBoL,aAAQ,CACNO,MAAO,qBACPN,SAAU,CACRC,QAAS,CACPjK,GAAI,iBAENkK,YAAa,CACXlK,GAAI,WAENuK,gBAAiB,CACfvK,GAAI,iBAENmK,QAAS,CACPnK,GAAI,eAEN/G,MAAO,CACL+G,GAAI,eAENoK,QAAS,CACPpK,GAAI,kBAMCwK,GAET,SAAC,GAYE,IAXLpF,EAWI,EAXJA,MACAqF,EAUI,EAVJA,QACAV,EASI,EATJA,QACAL,EAQI,EARJA,KACAgB,EAOI,EAPJA,aACAC,EAMI,EANJA,YACAC,EAKI,EALJA,GACA5J,EAII,EAJJA,GACAK,EAGI,EAHJA,GAGI,IAFJkI,gBAEI,MAFO,EAEP,EADJnI,EACI,EADJA,MAEA,OACE,kBAACiJ,GAAD,CACEQ,aAAa,qBACbtK,eAAe,aACfwJ,QAASA,EACTe,EAAG,EACHF,GAAIA,EACJ5J,GAAIA,EACJK,GAAIA,GAEJ,kBAACyI,GAAD,CAAWC,QAASA,EAASL,KAAMA,EAAM5J,cAAY,SAErD,kBAAC,GAAD,CAAMiL,oBAAqB,CAAC,OAAQ,aAAc3J,MAAOA,GACvD,kBAAC7B,GAAD,CAAM0B,cAAc,SAASR,GAAI,GAC9B2E,GACC,kBAAC,GAAD,CACElF,GAAG,KACHc,GAAI,EACJ4J,GAAI,EACJf,WAAW,OACXL,WAAW,OACXD,SAAS,OACTtK,MAAM,WACN+L,UAAU,QAET5F,GAIL,kBAAC,GAAD,CAAMmE,SAAUA,EAAUtK,MAAM,gBAAgB+B,GAAI,EAAG4J,GAAI,GACrC,kBAAZH,GAAwBA,EACZ,oBAAZA,GAA0BA,MAIrCC,GAAgBA,GAGlBC,GACC,kBAACjM,GAAD,CAAKoB,cAAY,wBAAwB6K,K,mFC5F3CM,GAAUtM,KAAOsH,OAAV,2TACT9G,KACAF,KACAF,KACAD,KACAoM,KACAhM,MAagB,qBAAG4G,MAAkBvB,OAAO7B,aAC9B,qBAAGoD,MAAkBa,QAAQE,cAIzCsE,GAAexM,aAAOsM,GAAPtM,CASnBoL,aAAQ,CACNO,MAAO,SACPN,SAAU,CACRxF,QAAS,CACPxE,GAAI,UACJf,MAAO,QACP,eAAgB,CACdA,MAAO,SAET,UAAW,CACTe,GAAI,QACJ,QAAS,CACPA,GAAI,UAGR,WAAY,CACVA,GAAI,SACJ,eAAgB,CACdA,GAAI,WAGR,aAAc,CACZA,GAAI,qBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbwF,UAAW,CACTzE,GAAI,UACJf,MAAO,UACP,eAAgB,CACdA,MAAO,WAET,UAAW,CACTe,GAAI,UACJf,MAAO,QACP,eAAgB,CACdA,MAAO,UAGX,WAAY,CACVe,GAAI,UACJf,MAAO,aACP,eAAgB,CACdA,MAAO,eAGX,aAAc,CACZe,GAAI,gBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbmM,cAAe,CACbpL,GAAI,gBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,iBAET,UAAW,CACTe,GAAI,gBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,kBAGX,WAAY,CACVe,GAAI,gBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,kBAGX,aAAc,CACZe,GAAI,gBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIboM,MAAO,CACLrL,GAAI,cACJf,MAAO,UACP,eAAgB,CACdA,MAAO,WAET,UAAW,CACTe,GAAI,iBAEN,WAAY,CACVA,GAAI,iBAEN,aAAc,CACZA,GAAI,cACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,sBAMjB8K,aAAQ,CACNuB,KAAM,YACNhB,MAAO,kBACPN,SAAU,CACRuB,MAAO,CACLpK,OAAQ,IAEVkG,OAAQ,CACNlG,OAAQ,IAEVqK,MAAO,CACLrK,OAAQ,OAMHsK,GAST,SAAC,GASE,IARLpO,EAQI,EARJA,SACAqO,EAOI,EAPJA,SACAC,EAMI,EANJA,UACAC,EAKI,EALJA,SACAC,EAII,EAJJA,UACAC,EAGI,EAHJA,QACAC,EAEI,EAFJA,SACGlM,EACC,mBACJ,OACE,kBAACsL,GAAD,iBACMtL,EADN,CAEEgL,aAAa,SACbjB,cAAc,SACdgC,SAAUC,EAAYD,GAAY,IAEjCF,GAAY,kBAAC,GAAD,CAAMhC,KAAMgC,EAAUM,GAAI,EAAGzC,SAAUwC,IACnD1O,EACAsO,GAAa,kBAAC,GAAD,CAAMjC,KAAMiC,EAAWlL,GAAI,EAAG8I,SAAUwC,IACrDD,GAAW,kBAAC,GAAD,CAAS7M,MAAM,QAAQwB,GAAI,MAK7CgL,GAAO1L,aAAe,CACpB3K,KAAM,SACN2U,QAAS,UACTkC,UAAW,QACX1C,SAAU,OACV2C,UAAU,EACVC,GAAI,EACJN,WAAW,EACXC,SAAS,EACTd,UAAW,SACXnB,WAAY,QC3NP,I,SAAMuC,GAAQzN,KAAO0N,MAAV,0DAGdpN,KACAH,KACAI,KACAH,M,qBCVSuN,GAAiC,SAC5CC,EACAC,EACAC,GAEA1P,qBAAU,WACR,IAAM2P,EAAqB,SAACC,GAE1B,MAAKJ,GAAeE,GAAuBA,KAA3C,CAKA,IAAMG,EAAaL,EAAW5P,QACzBiQ,IAIAA,EAAWC,SAASF,EAAMG,SAC7BN,OAIEO,EAAe,SAACC,GACT,WAAXA,EAAEC,MAAqBP,EAAmBM,IAO5C,OAJAE,SAASC,iBAAiB,QAAST,GACnCQ,SAASC,iBAAiB,UAAWJ,GAG9B,WACLG,SAASE,oBAAoB,QAASV,GACtCQ,SAASE,oBAAoB,UAAWL,MAIzC,CAACN,KCxBAY,GAAe1O,cCfjB,SAAC,GAAgC,IAA9B2O,EAA6B,EAA7BA,GAAIjQ,EAAyB,EAAzBA,SAAawC,EAAY,mBAClC,OACE,kBAAC8H,GAAD,eACE2F,GAAIA,EACJzC,aAAa,QACbC,EAAG,EACHvB,SAAU,EACVvJ,GAAG,gBACHf,MAAM,eACNuK,WAAW,OACXpI,MAAM,UACNmM,SAAS,QACTC,OAAQ,GACJ3N,GAEHxC,KDAcsB,CAAH,gHAId8G,GAAaG,aAMX6H,GAAc9O,aAAO8K,GAAP9K,CAAH,mDAIX+O,GAAe/O,aAAOgJ,GAAPhJ,CAAH,mDAILgP,GAOT,SAAC,GAAsE,IAApEL,EAAmE,EAAnEA,GAAI5D,EAA+D,EAA/DA,KAAM2C,EAAyD,EAAzDA,MAAOuB,EAAkD,EAAlDA,QAASC,EAAyC,EAAzCA,QAASpN,EAAgC,EAAhCA,GAAIO,EAA4B,EAA5BA,GAAIxB,EAAwB,EAAxBA,QAASnC,EAAe,EAAfA,SACnDyQ,EAAUrR,iBAAuB,MACvC,EAAwBS,IAAM6Q,SAASH,GAAvC,mBAAOI,EAAP,KAAaC,EAAb,KAEMC,EAAe,WACnBD,GAAQ,SAACE,GAAD,OAAgBA,MAc1B,OANA7B,GACEwB,GANkC,WAClCG,GAAQ,GACRJ,GAAWA,OAMX,kBAAOG,KAIP,kBAACtP,GAAD,CAAKc,QAASA,EAASJ,SAAS,WAAWqB,GAAIA,EAAI2N,IAAKN,EAAS9M,GAAIA,GACnE,kBAACyM,GAAD,CACE/D,KAAMA,EACN2E,kBAAiBf,EACjBgB,QAASJ,EACTpO,cAAY,SAGbuM,GACC,kBAACqB,GAAD,CACEjN,GAAI,EACJxB,MAAM,UACNqP,QAASJ,EACTpO,cAAY,SAEXuM,GAIJ2B,GACC,kBAACX,GAAD,CAAcC,GAAIA,EAAItM,GAAI,EAAG5B,SAAS,WAAWU,cAAY,SAC1DzC,KAOXsQ,GAAa5N,aAAe,CAC1B2J,KAAM,GACNkE,SAAS,EACTpO,QAAS,gB,uME9DL+O,GAAc5P,aAAOY,GAAPZ,CAAH,0DAIX+O,GAAe/O,aAAOyN,GAAPzN,CAAH,8CAGP,gBAAGuN,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OAAyBoG,GAAYpG,EAAMvB,OAAOO,iBAGvD0J,GAAe7P,KAAOuH,MAAV,wUAQd/G,KACAJ,KACAE,KACAH,KACAI,MAEc,gBAAGjG,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OAAsB7M,GAAS6M,EAAMvB,OAAOQ,UAG1C,qBAAGe,MAAkBvB,OAAO/B,SAC9B,qBAAGsD,MAAkBa,QAAQE,cAGlC,qBAAGf,MAAkBvB,OAAOO,iBACjB,qBAAGgB,MAAkBvB,OAAOK,sBAChC,qBAAGkB,MAAkBvB,OAAOM,kBAGnC,qBAAGiB,MAAkBvB,OAAOO,iBAInC2J,GAAc9P,aAAOgJ,GAAPhJ,CAAH,6DAGN,qBAAGmH,MAAkBvB,OAAOd,SAASQ,QACrC,gBAAGhL,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OAAsB7M,GAAS6M,EAAMvB,OAAOQ,UAG1C2J,GAST,SAAC,GAoBE,IAnBLpB,EAmBI,EAnBJA,GACAjB,EAkBI,EAlBJA,MACAsC,EAiBI,EAjBJA,aACA1V,EAgBI,EAhBJA,MACAiT,EAeI,EAfJA,SACAzB,EAcI,EAdJA,QACAmE,EAaI,EAbJA,SACAxN,EAYI,EAZJA,MACAwJ,EAWI,EAXJA,GACA5J,EAUI,EAVJA,GACA6K,EASI,EATJA,UACAgD,EAQI,EARJA,QACAC,EAOI,EAPJA,eACAlD,EAMI,EANJA,SACA3M,EAKI,EALJA,MACA8P,EAII,EAJJA,SACAC,EAGI,EAHJA,UACAC,EAEI,EAFJA,SACGpP,EACC,mBACJ,OACE,kBAAC0O,GAAD,CACEtN,cAAc,SACdgO,SAAUA,EACVD,UAAWA,EACXD,SAAUA,EACV3N,MAAOA,EACPJ,GAAIA,EACJ4J,GAAIA,GAEJ,kBAACrL,GAAD,CAAM2P,GAAI,EAAGC,GAAI,EAAGvE,GAAI,EAAGrK,eAAe,iBACvC8L,GACC,oCACE,kBAAC,GAAD,CACE+C,QAAS9B,EACT/D,SAAS,OACTC,WAAW,OACX0C,SAAUA,EACVjN,MAAOA,EACPO,QAASmP,EACT7O,cAAY,oBAEXuM,GAGFwC,GACC,kBAAC,GAAD,CACErP,QAASsP,EACTpF,KAAK,OACLjJ,GAAI,EACJX,cAAY,uBAEX+O,IAMRD,GACC,kBAACH,GAAD,CACEhO,GAAG,OACHuL,GAAI,EACJzC,SAAU,EACVC,WAAY,EACZ1J,cAAY,uBALd,aAYJ,kBAAC0O,GAAD,eACElB,GAAIA,EACJrU,MAAOA,EACPiT,SAAUA,EACV/M,OAAO,YACP0L,aAAa,QACbwE,YAAY,qBACZ1F,WAAW,UACX2F,aAAa,eACbJ,GAAI,EACJK,GAAI,EACJhG,SAAU,EACVC,WAAY,EACZpI,MAAOA,GACHvB,EAdN,CAeEzK,KAAK,OACLwW,SAAUC,EAAYD,GAAY,EAClC9L,cAAY,sBAGb7G,GACC,kBAACwV,GAAD,CACExV,MAAOA,EACPkI,OAAQ,EACRqO,GAAI,EACJjG,SAAU,EACVC,WAAY,EACZ1J,cAAY,mBAGd7G,GAASwR,GACT,kBAACgE,GAAD,CACExV,MAAOA,EACPkI,OAAQ,EACRqO,GAAI,EACJjG,SAAU,EACVC,WAAY,EACZ1J,cAAY,sBAEX2K,KAOXiE,GAAU3O,aAAe,CACvB9G,OAAO,EACPiT,UAAU,EACV0C,UAAU,EACV/C,WAAW,EACX8C,aAAc,eACdG,eAAgB,Q,2BChNLW,GAOT,SAAC,GAA+B,IAA7BC,EAA4B,EAA5BA,MAAOC,EAAqB,EAArBA,KAAS9P,EAAY,mBAC3B5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBAAeJ,EAAf,CAAsBzW,SAAO8W,IAAS9W,IAAQA,GAAmB4G,KCbxDoQ,GAAwBtR,aAAOgJ,GAAPhJ,CAAH,yLAWrB,qBAAGmH,MAAkBvB,OAAOQ,UCY5BmL,GAAoD,SAAC,GAoB3D,IAnBLrE,EAmBI,EAnBJA,UACAsE,EAkBI,EAlBJA,SACAC,EAiBI,EAjBJA,WACAC,EAgBI,EAhBJA,kBACAC,EAeI,EAfJA,iBACAC,EAcI,EAdJA,cACAC,EAaI,EAbJA,eACAC,EAYI,EAZJA,uBACAC,EAWI,EAXJA,qBACAC,EAUI,EAVJA,UACAC,EASI,EATJA,UACAC,EAQI,EARJA,iBACAC,EAOI,EAPJA,kBACAC,EAMI,EANJA,iBACAC,EAKI,EALJA,cACAC,EAII,EAJJA,eACAC,EAGI,EAHJA,uBACAC,EAEI,EAFJA,qBACAC,EACI,EADJA,wBAEA,OACE,kBAAC7R,GAAD,CAAM0B,cAAc,UAElB,kBAAC1B,GAAD,CAAM0B,cAAe,CAAC,SAAU,SAAU,OAAQ2J,GAAI,GACpD,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXpB,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACE0C,GAAE,UAAK6C,EAAL,cACFL,KAAI,UAAKM,EAAL,cACJ/D,MAAM,aACN4C,SAAU,EACVpD,UAAWA,EACX+C,SAAUyB,EACVnE,SAAU4E,EACVjP,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAKM,EAAL,cACJiB,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACE6M,GAAE,UAAK6C,EAAL,aACFL,KAAI,UAAKM,EAAL,aACJ/D,MAAM,YACN4C,SAAU,EACVpD,UAAWA,EACX+C,SAAU0B,EACVpE,SAAU6E,EACVlP,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAKM,EAAL,aACJiB,UAAU,cACVxP,UAAWoO,OAMhBU,GACC,kBAACpR,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAE,UAAK6C,EAAL,UACFL,KAAI,UAAKM,EAAL,UACJ/D,MAAM,QACN4C,SAAU,EACVpD,UAAWA,EACX+C,SAAU2B,EACVrE,SAAU8E,EACVnP,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAKM,EAAL,UACJiB,UAAU,cACVxP,UAAWoO,MAMhBW,GACC,kBAACrR,GAAD,CAAM0B,cAAe,CAAC,SAAU,SAAU,OAAQ2J,GAAI,GACpD,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,CAAC,EAAG,EAAG,IACjBD,UAAW,CAAC,OAAQ,OAAQ,GAC5BD,SAAU,CAAC,OAAQ,OAAQ,GAC3B/C,GAAI,CAAC,EAAG,EAAG,GACXpB,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACE0C,GAAE,UAAK6C,EAAL,WACFL,KAAI,UAAKM,EAAL,WACJ/D,MAAM,SACNiF,YAAY,sBACZrC,SAAU,EACVpD,UAAWA,EACX+C,SAAU4B,EACVtE,SAAU+E,EACVpP,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAKM,EAAL,WACJiB,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAc,SACdgO,SAAU,CAAC,EAAG,EAAG,IACjBD,UAAW,CAAC,OAAQ,OAAQ,GAC5BD,SAAU,CAAC,OAAQ,OAAQ,GAC3BtO,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACE6M,GAAE,UAAK6C,EAAL,mBACFL,KAAI,UAAKM,EAAL,mBACJ/D,MAAM,kBACNiF,YAAY,yBACZrC,SAAU,EACVpD,UAAWA,EACXK,SAAUgF,EACVtC,SAAU6B,EACV5O,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAKM,EAAL,mBACJiB,UAAU,cACVxP,UAAWoO,OAOlBY,GACC,kBAACtR,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAE,UAAK6C,EAAL,iBACFL,KAAI,UAAKM,EAAL,iBACJ/D,MAAM,gBACN4C,SAAU,EACVpD,UAAWA,EACX+C,SAAU8B,EACVxE,SAAUiF,EACVtP,UAAW4N,GACXhF,QAAS2G,IAEX,kBAAC,KAAD,CACEtB,KAAI,UAAKM,EAAL,iBACJiB,UAAU,cACVxP,UAAWoO,QAQvBC,GAAoBnQ,aAAe,CACjC8L,WAAW,EACXwE,mBAAmB,EACnBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,wBAAwB,EACxBC,sBAAsB,EACtBC,WAAW,EACXC,WAAW,EACXC,kBAAkB,EAClBC,mBAAmB,EACnBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,wBAAwB,EACxBC,sBAAsB,G,oCC3MXI,GAA4C,SAAC,GAInD,IAHLC,EAGI,EAHJA,OAGI,IAFJC,oBAEI,MAFW,cAEX,EADD5R,EACC,mBACE6R,EAAc,CAClBpE,GAAG,GAAD,OAAKkE,EAAL,YAAeC,GACjB3B,KAAK,GAAD,OAAK0B,EAAL,YAAeC,GACnBpF,MAAO,qCACPR,WAAW,EACX8F,UAAW,GACX1C,SAAU,GAKZ,OAFApP,EAAK,2BAAQ6R,GAAgB7R,GAG3B,kBAACN,GAAD,CAAM0B,cAAe,SAAU2J,GAAI,GACjC,kBAAC,KAAD,iBAAW/K,EAAX,CAAkBgC,UAAW4N,MAC7B,kBAAC,KAAD,CACEK,KAAI,UAAK0B,EAAL,YAAeC,GACnBJ,UAAU,cACVxP,UAAWoO,O,gBCzBb2B,GAAOjT,KAAOhI,EAAV,0IAMNkb,KACA3S,KACAJ,MAOE4B,GAAY/B,aAAOiT,IAAME,OAAM,SAACjS,GAAD,MAAY,CAC/CwR,UAAWxR,EAAMwR,aADD1S,CAGhBoL,aAAQ,CACNO,MAAO,OACPN,SAAU,CACRxF,QAAS,CACPvF,MAAO,UACPuK,WAAY,OACZ2C,GAAI,EACJtC,WAAY,SACZ,eAAgB,CACd5K,MAAO,WAET,UAAW,CACToQ,YAAa,YACb0C,UAAW,cAEb,sBAAuB,CACrBC,aAAc,YACdC,kBAAmB,WAErB,WAAY,CACVhT,MAAO,cACP+S,aAAc,YACdC,kBAAmB,cACnB,eAAgB,CACdhT,MAAO,gBAGX,YAAa,CACXA,MAAO,cACPgT,kBAAmB,cACnB,eAAgB,CACdhT,MAAO,gBAGX,aAAc,CACZA,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbwF,UAAW,CACTxF,MAAO,aACPuK,WAAY,OACZ2C,GAAI,EACJtC,WAAY,SACZ,eAAgB,CACd5K,MAAO,cAET,UAAW,CACToQ,YAAa,aACb0C,UAAW,mBAEb,sBAAuB,CACrBC,aAAc,YACdC,kBAAmB,cAErB,WAAY,CACVhT,MAAO,aACP+S,aAAc,YACdC,kBAAmB,aACnB,eAAgB,CACdhT,MAAO,eAGX,YAAa,CACXA,MAAO,aACPgT,kBAAmB,aACnB,eAAgB,CACdhT,MAAO,eAGX,aAAc,CACZA,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbyF,SAAU,CACRzF,MAAO,eACPuK,WAAY,OACZ2C,GAAI,EACJtC,WAAY,SACZmI,aAAc,YACdC,kBAAmB,eACnB,eAAgB,CACdhT,MAAO,gBAET,UAAW,CACToQ,YAAa,eACb0C,UAAW,mBAEb,sBAAuB,CACrBC,aAAc,YACdC,kBAAmB,gBAErB,WAAY,CACVhT,MAAO,eACP+S,aAAc,YACdC,kBAAmB,eACnB,eAAgB,CACdhT,MAAO,iBAGX,YAAa,CACXA,MAAO,eACPgT,kBAAmB,eACnB,eAAgB,CACdhT,MAAO,iBAGX,aAAc,CACZA,MAAO,gBACP,eAAgB,CACdA,MAAO,uBAQNiT,GAMT,SAAC,GAAD,IAAG7U,EAAH,EAAGA,SAAawC,EAAhB,0BACF,kBAAC,GAAD,eAAWwR,UAAU,eAAkBxR,GACpCxC,IAIL6U,GAAKnS,aAAe,CAClBgK,QAAS,UACToI,IAAK,sBACLrF,OAAQ,U,aC5KJsF,GAA0B,CAC9BC,YAAa,mBACbC,UAAW,iBACXC,kBAAmB,0BAGrBtf,OAAO+B,OAAOod,IAECA,I,wBAAAA,MC6BAI,GAzBoB,SAACpd,GAClC,MAL2C,qBAMzCA,GAXyC,IAYzCA,EAEOgd,GAAwBC,YARQ,mBAYvCjd,GAjBuC,KAkBvCA,EAEOgd,GAAwBE,UAdiB,2BAkBhDld,GAvBgD,KAwBhDA,EAEOgd,GAAwBG,kBAG1BH,GAAwBC,aCG3B3E,GAAe/O,aAAOyN,GAAPzN,CAAH,8CACP,gBAAGuN,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OAAyBoG,GAAYpG,EAAMvB,OAAOO,iBAGvD0J,GAAe7P,aAAOY,GAAPZ,CAAH,8GACI,gBAAGuN,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OAClBoG,GAAYpG,EAAMvB,OAAOK,sBAMvB6N,GAAc9T,KAAOuH,MAAV,0VACbpH,KACAI,MAEO,gBAAGnJ,EAAH,EAAGA,MAAO+P,EAAV,EAAUA,MAAV,MACG,KAAV/P,EAAe+P,EAAMvB,OAAOd,SAASO,KAAO8B,EAAMvB,OAAOpC,YAc9C,qBAAG2D,MAAkBvB,OAAOpC,YAK9B,qBAAG2D,MAAkBvB,OAAOO,iBAInC4N,GAAe/T,KAAOsH,OAAV,oRACdnH,MAsBE6T,GAAwBhU,aAAOgJ,GAAPhJ,CAAH,uEAEhB,qBAAGmH,MAAkBvB,OAAOd,SAASQ,QAG1C2O,GAAgBjU,aAAOgJ,GAAPhJ,CAAH,yEAER,gBAAG1F,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OACP7M,EAAQ6M,EAAMvB,OAAOvB,UAAY8C,EAAMvB,OAAOd,SAASQ,QAGrD4O,GAAuBlU,KAAOmU,GAAV,0hBACtB3T,KACAJ,MAUkB,qBAAG+G,MAAkBvB,OAAOd,SAASC,OAanC,qBAAGoC,MAAkBvB,OAAOd,SAASK,QAOvDiP,GAAapU,KAAOqU,GAAV,8ZACZ/T,KACAH,KACAI,MAMsB,qBAAG4G,MAAkBvB,OAAOd,SAASE,QAGpD,qBAAGmC,MAAkBvB,OAAOpC,YAOf,qBAAG2D,MAAkBvB,OAAOd,SAASG,QAQhDqP,GAOT,SAAC,GAmBE,IAlBL3F,EAkBI,EAlBJA,GACAwC,EAiBI,EAjBJA,KACAzD,EAgBI,EAhBJA,MACAuC,EAeI,EAfJA,SACA0C,EAcI,EAdJA,YACA7G,EAaI,EAbJA,QACAyI,EAYI,EAZJA,aACAja,EAWI,EAXJA,MACAlD,EAUI,EAVJA,MACAmW,EASI,EATJA,SACAiH,EAQI,EARJA,iBACAC,EAOI,EAPJA,MACAC,EAMI,EANJA,yBACApE,EAKI,EALJA,SACAqE,EAII,EAJJA,SACAC,EAGI,EAHJA,SACAC,EAEI,EAFJA,QACAC,EACI,EADJA,OAIA,EAAgC1F,oBAAS,GAAzC,mBAAO2F,EAAP,KAAiBC,EAAjB,KACA,EAAkC5F,mBAAmBqF,GAArD,mBAAOQ,EAAP,KAAkBC,EAAlB,KAEA,EAUIC,aAAY,CACdC,oBAAqB,GACrBX,MAAOQ,EACPI,qBAAsB,YAAuB,IAApBC,EAAmB,EAAnBA,aACvBX,EAASW,IAEXC,mBAAoB,YAAyC,IAAtCC,EAAqC,EAArCA,WAAYF,EAAyB,EAAzBA,aAAc7e,EAAW,EAAXA,KACzCgf,EAAa5B,GAA2Bpd,GAG5Cgf,IAAehC,GAAwBC,aACvC8B,IAAeF,GAEfV,EAASY,GAGPC,IAAehC,GAAwBE,WACzCgB,EAASa,GAGPC,IAAehC,GAAwBG,mBACzCgB,EAAS,IAGNY,GAAeF,GAClBV,EAASY,MAlCbA,EADF,EACEA,WACAE,EAFF,EAEEA,OACAC,EAHF,EAGEA,qBACAC,EAJF,EAIEA,cACAC,EALF,EAKEA,aACAC,EANF,EAMEA,cACAC,EAPF,EAOEA,iBACAC,EARF,EAQEA,aACAC,EATF,EASEA,cA+BF7X,qBAAU,WAENoX,GACAA,EAAW1a,QAAU4Z,GACJ,IAAjBD,EAAM3Z,QACN0Z,GAEAC,EAAM/U,KAAK8U,GAGbU,EAAaT,KACZ,CAACe,EAAYd,EAA0BD,EAAOD,IAKjD,IAAM0B,EACJV,GACAA,EAAW1a,QAAU4Z,GACrBO,EAAUna,OAAS,GACnB4a,EAuBF,OACE,oCACE,kBAAC9U,GAAD,CAAM0B,cAAc,SAASgO,SAAUA,IACnC5C,GAASuC,IACT,kBAACrP,GAAD,CACE2P,GAAI,EACJC,GAAI,EACJvE,GAAI,EACJ3J,cAAc,MACdV,eAAe,iBAEd8L,GACC,kBAAC,GAAD,iBACMkI,EAAc,CAChBjH,GAAG,GAAD,OAAKA,EAAL,YAFN,CAIE8B,QAAS9B,EACTtB,GAAG,OACHE,SAAUA,EACVjN,MAAM,WACNsK,SAAU,EACVC,WAAY,IAEX6C,GAIJuC,GACC,kBAAC+D,GAAD,CAAuBpJ,SAAU,EAAGC,WAAY,GAAhD,aAON,kBAAC,GAAD,eACEpK,SAAS,WACT6B,cAAc,MACdG,MAAM,OACNpB,GAAG,eACH8U,YAAa,EACbjK,aAAa,QACbkK,uBAAwBF,EAAW,IAAM,QACzCG,wBAAyBH,EAAW,IAAM,QAC1CxF,YACEpW,EACI,YACAya,GAAYmB,EACZ,QACA,gBAEN7C,aAAc6C,EAAW,IAAM,GAC/B9C,WAAW2B,GAAcza,GAAS4b,EAA2B,GAAf,aAC9C3I,SAAUA,GACNwI,KAEJ,kBAACjC,GAAD,iBACMgC,EAAc,CAChBjB,QA1Ee,SAAC7G,GAC1BgH,GAAY,GAERH,GACFA,EAAQ7G,IAuEA8G,OAnEc,SAAC9G,GACzBgH,GAAY,GAERF,GACFA,EAAO9G,IAgEC2C,aAAc,MACdvZ,MAAOA,IALX,CAOEkf,QAAS,EACT1L,SAAU,EACVC,WAAY,EACZ8D,GAAIA,EACJwC,KAAMA,EACN5D,SAAUA,EACVoF,YAAaA,EACbrY,MAAOA,EACPic,aAAYjc,KAEd,kBAACyZ,GAAD,iBACM4B,EAAqB,CACvBhH,GAAG,GAAD,OAAKA,EAAL,iBACFgB,QAjGa,WACvBsG,EAAc,IACdrB,EAAS,KAgGCne,KAAM,WAJV,CAME2U,QAAQ,gBACRP,WAAY,EACZ0F,GAAI,EACJC,GAAI,EACJjD,SAAUA,EACViJ,aAAW,UAEX,kBAAC,GAAD,CAAM5L,SAAU,EAAGtK,MAAM,gBAAgByK,KAAM,aAIjDmL,GAAYpK,GACZ,kBAACmI,GAAD,CAAerJ,SAAU,EAAGC,WAAY,EAAG2C,GAAI,EAAGlT,MAAOA,GACtDwR,IAKP,kBAACoI,GAAD,iBACM2B,EAAa,CACflH,GAAG,GAAD,OAAKA,EAAL,WAFN,CAIE8H,QAASP,IAAajB,EAAUna,OAChC4V,YAAawF,GAAY5b,EAAQ,YAAc4b,EAAW,QAAU,GACpEE,uBAAuB,QACvBC,wBAAwB,QACxBK,UAAS,UAjMiB,GAiMZnC,EAAL,MACToC,UAAW1B,EAAUna,OAASyZ,EAAe,SAAW,WAEvD2B,GACCjB,EAAUja,KAAI,SAACC,EAAc2b,GAAf,OACZ,kBAACxC,GAAD,eACExJ,SAAU,EACVC,WAAY,EACZsB,EAAG,EACHlS,IAAK2c,GACDZ,EAAa,CACfrH,GAAG,GAAD,OAAKA,EAAL,sBAAqBiI,GACvB3b,OACA2b,QACArJ,SAAUtS,IAASuZ,KAGpBvZ,SAQfqZ,GAAelT,aAAe,CAC5BuR,YAAa,SACb6B,iBAAkB,aAClBD,aAAc,EACdG,yBAA0B,GCjZrB,IAAMmC,GAIT,SAAC,GAAkB,IAAb3V,EAAY,oBACpB,OAAO,kBAAC,GAAmBA,IAG7B2V,GAAmBzV,aAAe,CAChCuN,GAAI,iBACJwC,KAAM,iBACN5D,UAAU,EACVG,MAAO,UACPiF,YAAa,mBC5Bf,IAcemE,GAdI,uCAAG,WACpBC,EACAC,GAFoB,SAAAhf,EAAA,sEAIPa,EACVY,IAAe,UAAW,CACzBwd,OAAQ,CACNC,EAAGH,EACHC,gBAAiBA,KAGpBtd,MAAK,SAACJ,GAAD,OAAcA,EAASK,QAXX,mFAAH,wD,kFCmBNwd,GAIT,SAAC,GAQE,IAPLrL,EAOI,EAPJA,QACAxR,EAMI,EANJA,MACAsa,EAKI,EALJA,SACAD,EAII,EAJJA,SACAqC,EAGI,EAHJA,gBACAxC,EAEI,EAFJA,iBACGtT,EACC,mBACJ,EAA0BkO,mBAAoB,IAA9C,mBAAOqF,EAAP,KAAc2C,EAAd,KACA,EAAgChI,oBAAS,GAAzC,mBAAOpS,EAAP,KAAiBqa,EAAjB,KAEAjZ,qBAAU,WACRiZ,EAAY/c,KACX,CAACA,IAEJ,IAAMgd,EAAc,uCAAG,WAAOlgB,GAAP,eAAAY,EAAA,yDACrB4c,EAASxd,GAELmgB,EAA6B,KAE7BngB,GAASA,EAAM0D,QA3Ba,GAsBX,0CAOOgc,GAAc1f,EAAO4f,GAP5B,OAOjBO,EAPiB,uDASjBF,GAAY,GATK,QAarBD,EAASG,GAbY,yDAAH,sDA4BpB,OACE,kBAAC,GAAD,iBACMrW,EADN,CAEEuT,MAAOA,EAAMzZ,KAAI,SAACC,GAAD,OAAUA,EAAKyS,SAChCpT,MAAO0C,EACP8O,QAAS9O,EAAW8O,EAAU5K,EAAMsW,YACpChD,iBAAkBA,EAClBE,yBAzD8B,EA0D9BE,SAAU0C,EACV3C,SArBmB,SAAC8C,GACtB,GAAKA,GAAahD,EAAlB,CAIA,IAAMa,EAAeb,EAAMiD,MACzB,SAACzc,GAAD,OAAUwc,KAAQ,OAAKxc,QAAL,IAAKA,OAAL,EAAKA,EAAMyS,UAG/BiH,EAAS8C,EAAUnC,EAAa3G,UAiBpCwI,GAA4B/V,aAAe,CACzC9G,OAAO,EACPiT,UAAU,EACV0C,UAAU,EACV/C,WAAW,EACX8J,iBAAiB,EACjBxC,iBAAkB,uC,sDC/EPmD,GAET,SAAC,GAAwD,IAAtD5G,EAAqD,EAArDA,MAAOC,EAA8C,EAA9CA,KAAM4G,EAAwC,EAAxCA,OAAQZ,EAAgC,EAAhCA,gBAAoB9V,EAAY,mBAkBpD5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBACMJ,EADN,CAEEzW,SAAO8W,IAAS9W,IAAQA,GACpB4G,EAHN,CAIEyT,SApBmB,SACrBvd,EACAygB,GAEA7G,EAAK8G,cAAc/G,EAAMI,KAAM/Z,GAC/B4Z,EAAK8G,cAAcF,EAAQC,GAE3Bvf,YAAW,WACT0Y,EAAK+G,cAAchH,EAAMI,QACxB,MAYDyD,SA1BmB,SAACxd,GACtB4Z,EAAK8G,cAAc/G,EAAMI,KAAM/Z,GAC/B4Z,EAAK8G,cAAcF,EAAQ,KAyBzBZ,gBAAiBA,MCzBVgB,GAAiC,SAAC,GAMxC,IALLC,EAKI,EALJA,cACAC,EAII,EAJJA,gBACAxK,EAGI,EAHJA,MACA8J,EAEI,EAFJA,YACAjK,EACI,EADJA,SAEA,OACE,kBAAC3M,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAE,UAAKsJ,EAAL,0BACF9G,KAAI,UAAK+G,EAAL,0BACJN,OAAM,UAAKM,EAAL,qBACNxK,MAAOA,EACP6G,aAAc,GACd5B,YAAa,kDACb6B,iBACE,iFAEFtR,UAAWyU,GACXX,iBAAe,EACfQ,YAAaA,EACbjK,SAAUA,IAEZ,kBAAC,KAAD,CACE4D,KAAI,UAAK+G,EAAL,0BACJxF,UAAU,cACVxP,UAAWoO,QAOrB0G,GAAc5W,aAAe,CAC3BmM,UAAU,EACVG,MAAO,sBCjCT,I,MAAMyK,GAAcnY,aAAOoY,KAAPpY,CAAH,qCACbG,MAGSkY,GAAsC,SAAC,GAG7C,IAFLC,EAEI,EAFJA,cACAC,EACI,EADJA,SAEA,EAAwCnJ,oBAAS,GAAjD,mBAAOoJ,EAAP,KAAqBC,EAArB,KACMC,EAAmB1O,GAkCzB,OANA5L,qBAAU,WACRqa,GAAgB,KAGf,CAACH,IAGF,kBAAC,KAAD,CACEK,kBAAkB,EAElBL,cAAeA,EACfI,iBAAkBA,EAClBE,oBAAoB,EACpBL,SAvCiB,SAACM,GACpBN,EAASM,GACTJ,GAAgB,MAuCb,YAAkD,IAAD,EAA9CI,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,UAAWC,EAA2B,EAA3BA,MAAOhB,EAAoB,EAApBA,cAEtBiB,EAA8C,cAApB,OAANH,QAAM,IAANA,GAAA,UAAAA,EAAQxf,eAAR,eAAiB5C,MAE3C,OACE,kBAAC0hB,GAAD,CAAalM,GAAI,GACf,kBAACrL,GAAD,CACE0B,cAAc,SACdD,GAAI,EACJ7B,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACH6K,aAAa,QACboK,QAAS,GAET,kBAAC,GAAD,CACEpJ,WAAW,EACXsE,SAhBO,UAiBPC,WAjBO,UAkBPK,wBAAsB,EACtBE,WAAW,EACXQ,qBAAsBwG,EACtB9G,iBAAkB8G,IAGnBA,GACC,kBAAC,GAAD,CAAanG,OAzBN,UAyBsBtF,UAAU,IAGzC,kBAAC,GAAD,CACE0K,cA7BO,UA8BPC,gBA9BO,UA+BPH,cAAeA,EACfxK,UAAU,IAGZ,kBAAC,GAAD,CACEzB,QAAS,kBAhEgB,SAACkN,GACtC,OACE,kBAAChQ,GAAD,wDAEIgQ,EAAoB,2BAA6B,GAFrD,qBAKE,kBAAC,GAAD,CAAMC,KAAM,yCAAZ,iBA0DUC,CAA+BF,IAEjC5N,QAAQ,UACRL,KAAK,UAIT,kBAACnK,GAAD,CAAMgB,eAAe,WAAWS,GAAI,GAClC,kBAAC,GAAD,CACEsN,QAAS,SAACtB,GAAD,OAnFK,SAC1BL,EACA8K,GAIAA,GAAaA,IA6EeK,CAAoB9K,EAAGyK,IACvCvL,UAAWwL,EACX3N,QAAQ,QACRiC,GAAI,EACJlM,cAAY,iBALd,UAUA,kBAAC,GAAD,CACE1K,KAAK,SACL8W,UAAWwL,GAASP,EACpBrL,QAASqL,EACTrX,cAAY,eAJd,c,iDClGRiY,GAAkBpZ,KAAOsH,OAAV,0TACjB9G,KACAF,KACAD,KACAD,KACAM,KACAP,KACAoM,KACAhM,MAeEwB,GAAY/B,aAAOoZ,GAAPpZ,CAYhBoL,aAAQ,CACNO,MAAO,aACPN,SAAU,CACRxF,QAAS,CACPvF,MAAO,UACPuK,WAAY,OACZD,SAAU,OACV4C,GAAI,EACJtC,WAAY,SACZ,eAAgB,CACd5K,MAAO,WAET,UAAW,CACToQ,YAAa,YACb0C,UAAW,cAEb,UAAW,CACTC,aAAc,YACdC,kBAAmB,WAErB,WAAY,CACVhT,MAAO,cACP+S,aAAc,YACdC,kBAAmB,cACnB,eAAgB,CACdhT,MAAO,gBAGX,YAAa,CACXA,MAAO,aACPgT,kBAAmB,aACnB,eAAgB,CACdhT,MAAO,eAGX,aAAc,CACZA,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbwF,UAAW,CACTxF,MAAO,WACPuK,WAAY,OACZD,SAAU,OACV4C,GAAI,EACJtC,WAAY,SACZ,eAAgB,CACd5K,MAAO,YAET,UAAW,CACToQ,YAAa,WACb0C,UAAW,cAEb,UAAW,CACTC,aAAc,YACdC,kBAAmB,YAErB,WAAY,CACVhT,MAAO,gBACP+S,aAAc,YACdC,kBAAmB,gBACnB,eAAgB,CACdhT,MAAO,kBAGX,YAAa,CACXA,MAAO,gBACPgT,kBAAmB,gBACnB,eAAgB,CACdhT,MAAO,kBAGX,aAAc,CACZA,MAAO,gBACP,eAAgB,CACdA,MAAO,uBAQN+Y,GAUT,SAAC,GAA0D,IAAxDjO,EAAuD,EAAvDA,QAAS2B,EAA8C,EAA9CA,SAAUC,EAAoC,EAApCA,UAAWtO,EAAyB,EAAzBA,SAAawC,EAAY,mBAC5D,OACE,kBAAC,GAAD,eACEzK,KAAK,SACLwU,cAAc,SACdG,QAASA,GACLlK,GAEH6L,GAAY,kBAAC,GAAD,CAAMhC,KAAMgC,EAAUM,GAAI,IACtC3O,EACAsO,GAAa,kBAAC,GAAD,CAAMjC,KAAMiC,EAAWlL,GAAI,MAK/CuX,GAAWjY,aAAe,CACxBgK,QAAS,UACTmC,UAAU,GClKZ,IAAM+L,GAActZ,KAAOuZ,GAAV,iEAQb/Y,KACAJ,KACAE,KACAH,KACAM,MAGS+Y,GAMsB,SAAAtY,GAAK,OAAI,kBAACoY,GAAgBpY,IAE7DsY,GAAKpY,aAAe,CAClBqY,QAAS,GACTjX,OAAQ,EACRnB,GAAI,UACJb,OAAQ,QCxBH,I,SAAMkZ,GAAuD,SAAC,GAK9D,IAJL7kB,EAII,EAJJA,MACAC,EAGI,EAHJA,mBACAC,EAEI,EAFJA,YACA4kB,EACI,EADJA,qBAMMC,EAA8C,KAAvB9kB,EAE7B,OACE,oCACE,kBAAC8L,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAOsI,SAAU,EAAGC,WAAY,EAAGgP,UAAU,SAAS3O,WAAW,OAAjE,YAIA,kBAACtK,GAAD,CACE0B,cAAc,SACd6J,EAAG,EACHD,aAAa,qBACb7K,GAAG,gBACHb,OAAO,YACPkQ,YAAY,iBAEZ,kBAAC9P,GAAD,CAAMqL,GAAI,CAAC,EAAG,EAAG,GAAI3J,cAAe,CAAC,SAAU,SAAU,QACvD,kBAAC0G,GAAD,CACE1I,MAAM,gBACNgQ,SAAU,IACVD,UAAW,EACXD,SAAU,GAJZ,SASA,kBAACpH,GAAD,CACE1I,MAAM,WACNgQ,SAAU,IACVD,UAAW,EACXD,SAAU,EACVjP,cAAY,sBACZkB,GAAI,CAAC,EAAG,EAAG,IAEVxN,IAIL,kBAAC+L,GAAD,CACE8B,GAAI,EACJb,WAAW,aACXS,cAAe,CAAC,SAAU,SAAU,QAEpC,kBAAC0G,GAAD,CACE1I,MAAM,gBACNgQ,SAAU,CAAC,EAAG,EAAG,KACjBD,UAAW,EACXD,SAAU,GAJZ,YASCwJ,GACC,kBAAC5Q,GAAD,CACE1I,MAAM,gBACNsK,SAAU,EACVC,WAAY,EACZyF,SAAU,CAAC,EAAG,EAAG,IACjBD,UAAW,EACXD,SAAU,EACVjP,cAAY,6BACZkB,GAAI,CAAC,EAAG,EAAG,IARb,kBAUctN,KAId6kB,GACA,kBAAC5Q,GAAD,CACE1I,MAAM,gBACNsK,SAAU,EACVC,WAAY,EACZyF,SAAU,CAAC,EAAG,EAAG,IACjBD,UAAW,EACXD,SAAU,EACVjP,cAAY,yBACZkB,GAAI,CAAC,EAAG,EAAG,IARb,uBAUmBvN,IAIrB,kBAACiL,GAAD,CACEuQ,SAAU,CAAC,EAAG,EAAG,KACjBD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,IAAK,IAAK,QACfO,GAAI,CAAC,EAAG,EAAG,GACXgK,UAAU,SAEV,kBAAC,GAAD,CAAYsD,QA/FS,WAC/BgK,EAAqB9kB,KA8FX,oBAMJ,kBAAC,GAAD,CACE4N,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRyJ,GAAI,CAAC,KAGP,kBAAC,GAAD,CACEH,QAAS,kBACP,kBAAC9C,GAAD,uEACkE,IAChE,kBAAC,GAAD,CAAMiQ,KAAK,oCAAX,+BAKJ7N,QAAQ,cACRL,KAAK,aCzIJ+O,GAAmD,SAAC,GAE1D,IADLH,EACI,EADJA,qBAG8B5iB,EAC1B6H,KADFlB,yBAA4B3G,iBAEtBlC,EAA2CkC,EAA3ClC,MAAOC,EAAoCiC,EAApCjC,mBAAoBC,EAAgBgC,EAAhBhC,YAEnC,OACE,kBAAC,GAAD,CACEF,MAAOA,EACPC,mBAAoBA,EACpBC,YAAaA,EACb4kB,qBAAsBA,K,gBCPtBI,GAAM/Z,KAAOC,IAAV,yUACLO,KACAF,KACAoQ,MAiBEsJ,GAAeha,aAAO+Z,GAAP/Z,CACnBoL,aAAQ,CACNO,MAAO,QACPN,SAAU,CACRxF,QAAS,CACPxE,GAAI,eACJqP,YAAa,gBACbpQ,MAAO,uBAETwF,UAAW,CACTzE,GAAI,UACJqP,YAAa,UACbpQ,MAAO,eAMF2Z,GAAuC,SAAC,GAG9C,IAFLvb,EAEI,EAFJA,SACGwC,EACC,mBACJ,OAAO,kBAAC8Y,GAAiB9Y,EAAQxC,IAGnCub,GAAM7Y,aAAe,CACnBgK,QAAS,WCxCX,I,MAAMwE,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaG,aAKXiT,GAAcla,aAAO+I,GAAP/I,CAAH,2JAIb8G,GAAaG,aAMJkT,GAAkD,SAAC,GAIzD,IAHLC,EAGI,EAHJA,SACA7B,EAEI,EAFJA,SACAoB,EACI,EADJA,qBAEMU,EAAY,uCAAG,WAAOxB,GAAP,SAAA7gB,EAAA,sDACnBugB,EAASM,GADU,2CAAH,sDAIdzjB,EAAY,GACZklB,GAAU,EAOd,OALIF,GAAYA,EAAS/gB,UACvBjE,EAAYglB,EAAS/gB,QAAQjE,UAC7BklB,EAAUF,EAAS/gB,QAAQihB,UAAW,GAItC,kBAACJ,GAAD,CAAarJ,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC1B,GAAD,CAAMiB,WAAW,SAASD,eAAgB,aAAcqK,GAAI,GAC1D,kBAAC,GAAD,CAAO1K,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASmC,GAAI,GAAtD,MACMjY,GAGLklB,GAAW,kBAAC,GAAD,eAGd,kBAACtR,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,mBASA,kBAAC,GAAD,CAAoBoN,cAAe8B,EAAU7B,SAAU8B,IAEvD,kBAAC,GAAD,CAAwBV,qBAAsBA,IAE7CW,GACC,kBAAC1Z,GAAD,CAAM0B,cAAc,SAASD,GAAI,EAAG4J,GAAI,GACtC,kBAAC,GAAD,CACErB,SAAU,EACVC,WAAY,EACZgP,UAAU,SACV3O,WAAW,OAJb,mBASA,kBAACtK,GAAD,CACE0B,cAAc,MACd6J,EAAG,EACHD,aAAa,qBACb7K,GAAG,gBACHb,OAAO,YACPkQ,YAAY,iBAEZ,kBAAC,GAAD,CAAM3F,KAAK,aAAasC,GAAI,IAC5B,kBAACrE,GAAD,uEACkE,IAChE,kBAAC,GAAD,CAAMiQ,KAAK,0CAAX,cAFF,UC/FDsB,GAA2D,CACtElhB,QAAS,CACPjE,UAAW,GACXC,SAAU,GACVC,OAAQ,GACRC,eAAgB,GAChBC,aAAc,GACdmZ,GAAI,GACJ/Z,QAAS,GACT6B,KAAM,WACN+jB,cAAe,QACf/P,sBAAuB,GACvBgQ,iBAAkB,GAClBC,+BAA+B,EAC/BC,qBAAsB,CACpBC,cAAe,GACfC,OAAQ,GACRC,KAAM,GACNC,SAAU,IAEZrlB,YAAa,GACbb,MAAO,KCpBLoE,GAA6B,CACjCT,QAASJ,EAAIC,gBACbK,QAAS,CACP,eAAgB,mBAChBE,OAAQ,qBAICoiB,GAAcliB,IAAMC,OAAOE,ICQzBgiB,GAba,uCAAG,WAAOpmB,GAAP,eAAAmD,EAAA,6DACvBkjB,EAAyB,CAE7BC,UAAW/iB,EAAIiH,cACf+b,WANyB,mCAOzBvmB,SAL2B,SAQhBmmB,GACV5hB,KAAc,gCAAiC8hB,GAC/CxhB,MAAK,SAACJ,GAAD,OAAkC,MAApBA,EAASC,UAVF,mFAAH,sD,YCkBtB+S,GAAUtM,KAAOsH,OAAV,2QACT9G,KACAF,KACAF,KACAD,KACAoM,KACAhM,MAaE8a,GAAgBrb,aAAOsM,GAAPtM,CACpBoL,aAAQ,CACNO,MAAO,eACPN,SAAU,CACRxF,QAAS,CACPxE,GAAI,gBACJf,MAAO,UACP,eAAgB,CACdA,MAAO,WAET,UAAW,CACTe,GAAI,iBAEN,UAAW,CACTqP,YAAa,YACb0C,UAAW,aACXkI,QAAS,QAEX,WAAY,CACVja,GAAI,gBACJqP,YAAa,OACb0C,UAAW,QAEb,aAAc,CACZ/R,GAAI,gBACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbwF,UAAW,CACTzE,GAAI,cACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,iBAET,UAAW,CACTe,GAAI,iBAEN,UAAW,CACTqP,YAAa,YACb0C,UAAW,aACXkI,QAAS,QAEX,WAAY,CACVja,GAAI,gBACJqP,YAAa,OACb0C,UAAW,QAEb,aAAc,CACZ/R,GAAI,cACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,mBAIbib,YAAa,CACXla,GAAI,cACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,iBAET,UAAW,CACToQ,YAAa,YACb0C,UAAW,aACXkI,QAAS,QAEX,aAAc,CACZja,GAAI,cACJf,MAAO,gBACP,eAAgB,CACdA,MAAO,sBAMjB8K,aAAQ,CACNuB,KAAM,YACNhB,MAAO,wBACPN,SAAU,CACRwB,MAAO,CACLpK,MAAO,GACPD,OAAQ,GACR,eAAgB,CACdoI,SAAU,IAGdgC,MAAO,CACLnK,MAAO,GACPD,OAAQ,GACR,eAAgB,CACdoI,SAAU,QAOdkE,GAAc9O,aAAO8K,GAAP9K,CAAH,oDAIJwb,GAOT,SAAC,GAAD,IAAGzQ,EAAH,EAAGA,KAAS7J,EAAZ,0BACF,kBAACma,GAAD,eAAe5kB,KAAK,UAAayK,GAC/B,kBAAC,GAAD,CAAa6J,KAAMA,EAAM0Q,EAAE,OAAOta,cAAY,WAIlDqa,GAAapa,aAAe,CAC1BgK,QAAS,UACTkC,UAAW,QACXC,UAAU,G,oECvJNmO,GAAmB3a,aAAH,+MAgBhB4a,GAAoB5a,aAAH,iMAgBjB6a,GAAuB5b,aAAOY,GAAPZ,CAAH,wLAMtB8G,GAAaE,cAIb,qBAAG6U,WAEHC,aADS,iFAEMJ,OAGf,qBAAGG,WAEHC,aADA,gFAEeH,OAINI,GAAkC,SAAC,GAIzC,IAHLC,EAGI,EAHJA,WACAC,EAEI,EAFJA,cACG/a,EACC,mBACJ,EAAkCkO,oBAAS,GAA3C,mBAAOyM,EAAP,KAAkBK,EAAlB,KAWA,OAJA9d,qBAAU,WACR8d,EAAaF,KACZ,CAACA,IAGF,kBAACJ,GAAD,CACE1P,aAAa,qBACb5J,cAAc,SACdI,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACXsL,KAAM,CAAC,IAAK,IAAK,OACjBN,UAAWA,EACX1a,cAAY,mBAEZ,kBAAC,GAAD,iBACMD,EADN,CAEE8K,YACE,kBAAC,GAAD,CACEjB,KAAK,QACLK,QAAQ,cACR9K,MAAM,gBACNqP,QA1Be,WACvBsM,IACAC,GAAa,IAyBLpa,GAAG,c,+BCvFFsa,GAAyD,SAAC,GAIhE,IAHLC,EAGI,EAHJA,QACAJ,EAEI,EAFJA,cACG/a,EACC,mBACJ,EAAoCkO,oBAAS,GAA7C,mBAAO4M,EAAP,KAAmBM,EAAnB,KACA,EAAwClN,oBAAS,GAAjD,mBAAOmN,EAAP,KAAqBC,EAArB,KAEMC,EAAc,WAGlBnkB,YAAW,WACTkkB,GAAgB,GAChBP,GAAiBA,MAlBuB,MAsB5C7d,qBAAU,WACRke,EAAcD,GACdG,EAAgBH,KACf,CAACA,IAEJje,qBAAU,WACHme,GAKLjkB,YAAW,WACTgkB,GAAc,GACdG,MApCwC,OAwCzC,CAACF,IAMJ,OACE,oCACGA,GACC,kBAAC,GAAD,eACEP,WAAYA,EACZC,cAToB,WAC1BQ,MASUvb,MChDRwb,GAAgB1c,aAAO2c,IAAP3c,CAAH,4MACfG,MAOoB,SAACe,GAAD,OAAWA,EAAMiG,MAAMvB,OAAOd,SAASK,QAIvC,qBAAGgC,MAAkBvB,OAAOd,SAASG,QAIvD2X,GAAe5c,aAAOuT,GAAPvT,CAAH,oEAML6c,GAA2C,WACtD,IAAM7d,EAAUC,cAIRrK,EADJgK,KADFlB,yBAA4B3G,iBAEtBnC,QAEJkoB,EAAc,0DACdloB,IACFkoB,GAAW,gBAAaloB,EAAQmoB,QAAQ,SAAU,MAOpD,OACE,kBAACnc,GAAD,CACE0B,cAAc,SACdE,OAAO,OACPC,MAAO,CAAC,OAAQ,OAAQ,UAExB,kBAAC7B,GAAD,CAAMyB,GAAI,EAAGmL,GAAI,EAAGlL,cAAc,UAChC,kBAAC,GAAD,CACEyK,SAAS,aACTO,UAAU,QACVzC,WAAW,OACXK,WAAW,SACXyE,QAhBc,WACpB3Q,EAAQU,KAAK,mBAUT,aAUA,kBAACkB,GAAD,CAAM0B,cAAc,SAASD,GAAI,GAC/B,kBAACzB,GAAD,CAAMiB,WAAW,SAASsK,EAAE,OAAOF,GAAI,GACrC,kBAAClM,GAAD,CAAK+B,GAAG,QACN,kBAAC,GAAD,CAAMiJ,KAAK,cAAczK,MAAM,mBAGjC,kBAAC0I,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXpJ,GAAI,EACJxB,MAAM,YALR,WAWF,kBAACP,GAAD,CAAKkM,GAAI,EAAGnK,GAAI,GACd,kBAAC4a,GAAD,CACEM,OAAK,EACLC,gBAAgB,SAChBC,GAAG,kCACH1P,GAAI,EACJoD,GAAI,EACJ9O,GAAI,GAEJ,kBAACkH,GAAD,CACE1I,MAAM,WACNsK,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,iBAWJ,kBAACnL,GAAD,CAAKkM,GAAI,EAAGnK,GAAI,GACd,kBAAC4a,GAAD,CACEM,OAAK,EACLC,gBAAgB,SAChBC,GAAG,oCACH1P,GAAI,EACJoD,GAAI,EACJ9O,GAAI,GAEJ,kBAACkH,GAAD,CACE1I,MAAM,WACNsK,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,mBAWJ,kBAACnL,GAAD,CAAKkM,GAAI,EAAGnK,GAAI,GACd,kBAAC4a,GAAD,CACEM,OAAK,EACLC,gBAAgB,SAChBC,GAAG,mCACH1P,GAAI,EACJoD,GAAI,EACJ9O,GAAI,GAEJ,kBAACkH,GAAD,CACE1I,MAAM,WACNsK,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,oBAaR,kBAACtK,GAAD,CAAM4M,GAAI,EAAGnL,GAAG,OAAO4J,GAAI,CAAC,EAAG,EAAG,GAAI3J,cAAc,UAClD,kBAAC,GAAD,CACEG,MAAM,OACNoM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,IAGV,kBAAC5B,GAAD,CAAMiB,WAAW,SAASQ,GAAI,EAAG4J,GAAI,GACnC,kBAAC2Q,GAAD,CACE3D,KAAM6D,EACN3O,OAAO,SACPhN,cAAY,iBAEZ,kBAAC,GAAD,CAAM4J,KAAK,OAAOzK,MAAM,kBACxB,kBAAC0I,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXpJ,GAAI,EACJxB,MAAM,YALR,iB,qBChKN6c,GAAand,aAAOgJ,GAAPhJ,CAAH,oIACQ,qBAAGmH,MAAkBvB,OAAOd,SAASa,QAChD,qBAAGwB,MAAkBvB,OAAOd,SAASC,OAKrCqY,GAIT,SAAC,GAEoB,IAFhBzO,EAEe,EAFfA,GACAjQ,EACe,EADfA,SACGwC,EAAY,mBACtB,OACI,kBAACic,GAAD,eAAYjR,aAAa,QACbyC,GAAIA,EACJnB,GAAI,EACJoD,GAAG,MACHhG,SAAU,EACVyS,SAAS,SACThR,UAAU,SACViR,KAAK,WACDpc,GAEXxC,IAKX0e,GAAQhc,aAAe,CACrBwJ,SAAU,EACVC,WAAY,GCjBd,I,GAAM0S,GAAiBvd,aAAOod,GAAPpd,CAAH,wLAChBI,KACAD,MAWE2O,GAAc9O,aAAO8K,GAAP9K,CAAH,qIACbM,KACUid,IAODC,GAQT,SAAC,GAAoE,IAAlE7O,EAAiE,EAAjEA,GAAI5D,EAA6D,EAA7DA,KAAMzK,EAAuD,EAAvDA,MAAOmC,EAAgD,EAAhDA,MAAO4K,EAAyC,EAAzCA,GAAIzC,EAAqC,EAArCA,SAAU/I,EAA2B,EAA3BA,WAAYnD,EAAe,EAAfA,SACvD,OACE,kBAACkC,GAAD,CAAM0B,cAAc,SAAST,WAAYA,EAAYwL,GAAIA,GACvD,kBAAC,GAAD,CACEtC,KAAMA,EACN2E,kBAAiBf,EACjB/D,SAAUA,EACVtK,MAAOA,IAET,kBAACid,GAAD,CAAgB5O,GAAIA,EAAIlM,MAAOA,EAAOJ,GAAI,GACvC3D,KAMT8e,GAAYpc,aAAe,CACzB2J,KAAM,ICzDR,I,SAAM0S,GAAazd,aAAOuT,GAAPvT,CAAH,+MAgBH0d,GAET,SAAC,GAAkC,IAAhC3S,EAA+B,EAA/BA,KAAMkO,EAAyB,EAAzBA,KAAM5L,EAAmB,EAAnBA,GAAI3O,EAAe,EAAfA,SACrB,OACE,kBAAC+e,GAAD,CAAYxE,KAAMA,GAChB,kBAAC,GAAD,CACElO,KAAMA,EACNlJ,WAAW,SACXvB,MAAM,gBACNsK,SAAS,UACTyC,GAAIA,GAEH3O,KC1BHif,GAAoB3d,aAAOY,GAAPZ,CAAH,uEAMjB4d,GAAoB5d,aAAOY,GAAPZ,CAAH,iDAIV6d,GAAWtf,IAAMuf,YAG5B,WAAmErO,GAAS,IAAzEsO,EAAwE,EAAxEA,aAAcC,EAA0D,EAA1DA,aAAcC,EAA4C,EAA5CA,UAAWzb,EAAiC,EAAjCA,OAAQC,EAAyB,EAAzBA,MAAOX,EAAkB,EAAlBA,GAAIuL,EAAc,EAAdA,GAC7D,OACE,oCACE,kBAACsQ,GAAD,CACEzR,aAAa,MACbgS,gBAAgB,gBAChBzb,MAAOA,GAAS,GAChBD,OAAQA,GAAU,GAClBV,GAAIA,EACJuL,GAAIA,GAAM,EACVoC,IAAKA,GAEL,kBAACzG,GAAD,CACEmV,OAAO,OACP7d,MAAM,gBACNsK,SAAU,EACVzJ,cAAY,gBAEX4c,IAIL,kBAACH,GAAD,CAAmBtb,cAAc,SAASI,GAAG,QAC3C,kBAACsG,GAAD,CAAM1I,MAAM,WAAWsK,SAAU,EAAGzJ,cAAY,gBAC7C6c,GAGH,kBAAChV,GAAD,CAAM1I,MAAM,gBAAgBsK,SAAU,EAAGwT,GAAI,EAAGjd,cAAY,aACzD8c,QAOXJ,GAASQ,YAAc,WAEvBR,GAASzc,aAAe,CACtB2c,aAAc,IACdC,aAAc,QACdC,UAAW,oBCvDb,IAAMK,GAAate,aAAOD,GAAPC,CAAH,gFACZI,MAMSme,GAAOhgB,IAAMuf,YAGxB,WAA+CrO,GAAS,IAArDd,EAAoD,EAApDA,GAAI6P,EAAgD,EAAhDA,IAAKrC,EAA2C,EAA3CA,KAAMsC,EAAqC,EAArCA,MAAOtS,EAA8B,EAA9BA,EAAG1J,EAA2B,EAA3BA,MAAO/D,EAAoB,EAApBA,SACnC,OACE,kBAAC4f,GAAD,CACE3P,GAAIA,EACJxN,cAAY,OACZgL,EAAGA,GAAK,EACRqS,IAAKA,EACLrC,KAAMA,EACNsC,MAAOA,EACPhc,MAAOA,EACP2Q,UAAU,OACVlH,aAAa,OACbgS,gBAAgB,eAChBzO,IAAKA,GAEJ/Q,MAKP6f,GAAKF,YAAc,OAEnBC,GAAWld,aAAe,CACxBod,IAAK,EACLC,MAAO,G,qDCjCIC,GAET,SAAC,GAA4C,IAA1C/P,EAAyC,EAAzCA,GAAIgQ,EAAqC,EAArCA,WAAYjgB,EAAyB,EAAzBA,SAAawC,EAAY,mBAC9C,EAAgCkO,oBAAS,GAAzC,mBAAO8G,EAAP,KAAiB0I,EAAjB,KAMMC,EAAU/gB,iBAAuB,MAqBvC,OApBA6P,GACEkR,GANkC,WAClCD,GAAY,MAOZ,kBAAO1I,KAGT9X,qBAAU,WACR,IAIM0gB,EAAoBH,EAAW3gB,QAChC8gB,IAILA,EAAkBC,QATW,WAC3BH,GAAY,SAACpP,GAAD,OAAgBA,SAU7B,IAGD,oCACG0G,GACC,kBAACqI,GAAD,eAAM5P,GAAIA,EAAIc,IAAKoP,GAAa3d,GAC7BxC,KCrCEsgB,GAET,SAAC,GAAkB,IAAb9d,EAAY,oBACZ6B,EAAW1F,cAAX0F,OAOR,OACE,kBAAC,GAAD,iBAAY7B,EAAZ,CAAmByO,QANC,WACpB3V,EAAiC,kBACjC+I,EAAO,CAAEpD,SAAUvH,EAAI4K,oBAIvB,aAMJgc,GAAa5d,aAAe,CAC1BgK,QAAS,QACTkC,UAAW,SACXP,SAAU,UCHZ,IAAMkS,GAAgBjf,aAAOY,GAAPZ,CAAH,sHAGf8G,GAAaG,aAOXiY,GAAkBlf,aAAO8K,GAAP9K,CAAH,mHAIjB8G,GAAaG,aAKXkY,GAAmBnf,aAAOiC,GAAPjC,CAAH,4FAGlB8G,GAAaE,cAKXoY,GAAoBpf,aAAOiC,GAAPjC,CAAH,4FAGnB8G,GAAaE,cAKXqY,GAAkBrf,aAAOY,GAAPZ,CAAH,uDACD,qBAAGuN,SAA2B,OAAS,aAG9C+R,GAA8B,SAAC,GASrC,IARLvB,EAQI,EARJA,aACAC,EAOI,EAPJA,aACAC,EAMI,EANJA,UACAsB,EAKI,EALJA,aACAC,EAII,EAJJA,iBACAC,EAGI,EAHJA,qBACAC,EAEI,EAFJA,cACAC,EACI,EADJA,iBAEMC,EAAc9hB,iBAAuB,MACrCkB,EAAUC,cAMhB,OACE,oCACE,kBAACggB,GAAD,CACErd,eAAe,gBACfC,WAAW,SACXrB,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB4K,gBAAgB,QAChB1b,OAAQ,CAAC,GAAI,GAAI,KAEjB,kBAAC5B,GAAD,KACG4e,GACC,kBAACN,GAAD,CACEnU,KAAM2U,EAAgB,QAAU,OAChCpf,MAAM,gBACNwB,GAAI,EACJmJ,cAAc,SACdL,SAAU,EACV+E,QAAS8P,IAIb,kBAAC7e,GAAD,KACE,kBAACue,GAAD,CACE3c,OAAQ,GACRV,GAAI,EACJa,IAAK,wCACLsI,cAAc,WAGhB,kBAACmU,GAAD,CACE5c,OAAQ,GACRV,GAAI,EACJa,IAAK,6CAKX,kBAAC/B,GAAD,CAAMiB,WAAW,SAASpB,SAAS,WAAW4M,GAAI,CAAC,EAAG,EAAG,IACvD,kBAAC,GAAD,CAAiB4L,KAAK,QAAQlO,KAAK,OAAOsC,GAAI,CAAC,EAAG,EAAG,IAArD,QAICkS,GACC,kBAACF,GAAD,CAAiB9R,SAAUoS,GACzB,kBAAC9B,GAAD,CACEE,aAAcA,EACdC,aAAcA,EACdC,UAAWA,EACXxO,IAAKmQ,EACL9d,GAAI,CAAC,EAAG,EAAG,GACXU,OAAQ,CAAC,GAAI,GAAI,IACjBC,MAAO,CAAC,GAAI,GAAI,MAGlB,kBAAC,GAAD,CACEkM,GAAG,wBACH6P,IAAK,CAAC,GAAI,GAAI,IACdC,MAAO,EACPhc,MAAO,CAAC,QAAS,SACjBkc,WAAYiB,GAEZ,kBAAChf,GAAD,CAAM0B,cAAc,SAASV,eAAe,cAC1C,kBAAC,GAAD,CACEwJ,QAAQ,gBACR2B,SAAS,WACTO,UAAU,SACV7K,MAAM,OACN4J,UAAU,OACVsD,QA1Ec,WAC9B3Q,EAAQU,KAAK,sBA0EGyB,cAAY,yBAPd,YAYA,kBAAC,GAAD,CACEsB,MAAM,OACNC,GAAI,EACJlC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,IAGV,kBAAC,GAAD,CAAc6J,UAAU,OAAO5J,MAAM,gBAWvD6c,GAAWle,aAAe,CACxBme,cAAc,EACdC,kBAAkB,EAClBE,eAAe,GCrLV,I,MCeDG,GAAS7f,KAAOC,IAAV,sEACR6G,GAAaG,aAKJ6Y,GAAuC,SAAC,GAM9C,IAKD/B,EACAC,EACAC,EAZJsB,EAKI,EALJA,aACAC,EAII,EAJJA,iBACAC,EAGI,EAHJA,qBACAC,EAEI,EAFJA,cACAC,EACI,EADJA,iBAG8B1oB,EAC1B2H,KADFlB,yBAA4BzG,iBAQ5BA,GACAA,EAAiB7B,WACjB6B,EAAiB5B,UAIjB0oB,ED3C2B,SAAC3oB,EAAmBC,GAApB,gBAC1BD,EAAYA,EAAU2qB,UAAU,EAAG,GAAK,IADd,OAE3B1qB,EAAWA,EAAS0qB,UAAU,EAAG,GAAK,ICyCvBC,CAFiB/oB,EAAxB7B,UAAwB6B,EAAb5B,UAGnB2oB,EAAe,GACfC,EAAY,KAEZF,EAAe,IACfC,EAAe,QACfC,EAAY,mBAEZ0B,GAAmB,GAGrB,OACE,kBAACE,GAAD,KACE,kBAAC,GAAD,CACE9B,aAAcA,EAAakC,cAC3BjC,aAAcA,EACdC,UAAWA,EACXsB,aAAcA,EACdC,iBAAkBA,EAClBC,qBAAsBA,EACtBC,cAAeA,EACfC,iBAAkBA,MAM1BG,GAAoB1e,aAAe,CACjCme,cAAc,EACdG,eAAe,EACfC,kBAAkB,GC/DpB,IAAMO,GAAclgB,aAAOY,GAAPZ,CAAH,uSACJ,qBAAG0f,cAAqC,QAAU,SAK3D5Y,GAAaG,aAKS,SAAC/F,GAAD,OAAWA,EAAMiG,MAAMvB,OAAOd,SAASK,QAMpDgb,GAAkC,SAAC,GAGzC,IAFLC,EAEI,EAFJA,aACAV,EACI,EADJA,cAEA,OACE,kBAACQ,GAAD,CAAaR,cAAeA,EAAeve,cAAY,YACpDif,MCpBMC,GAAwB,SAAC,GAO/B,IChBgC5Z,EDUrC/H,EAMI,EANJA,SACA4hB,EAKI,EALJA,SACAf,EAII,EAJJA,aACAC,EAGI,EAHJA,iBACAe,EAEI,EAFJA,UACAC,EACI,EADJA,uBAEA,EAA0CpR,oBAAS,GAAnD,mBAAOsQ,EAAP,KAAsBe,EAAtB,KAMA,OACE,qCCxBmCha,EDyBf6Z,OCxBtBliB,qBAAU,WACJqI,IACF8H,SAAS9H,MAAQA,KAElB,CAACA,KDsBC8Z,GACC,kBAAC,GAAD,CACEd,qBAVyB,WAC/BgB,GAAiB,SAACjR,GAAD,OAAgBA,MAU3BgQ,iBAAkBA,EAClBD,aAAcA,EACdG,cAAeA,IAIlBc,GACC,kBAAC,GAAD,CACEJ,aAAc,kBAAMI,KACpBd,cAAeA,KAIjBA,GAAiB,wCAAIhhB,EAAJ,OAKzB2hB,GAAKjf,aAAe,CAClBme,cAAc,EACdC,kBAAkB,EAClBe,WAAW,GExCN,I,2BCRMG,GAAsB,WACjC,IAAMC,EAAcpkB,cA4BpB,MAAO,CAAEqkB,gBAfY,uCAAG,WACtBxkB,EACAykB,EACAC,GAHsB,iCAAA9oB,EAAA,0DAMhB+oB,EAAenmB,MAAMC,QAAQuB,GAAd,YAA8BA,GAAY,CAACA,GAN1C,WAInB4kB,EAJmB,iCAInBA,EAJmB,0BAQhBL,EAAYM,kBAAZ,sBACAF,GAAiBC,GACrBH,EACAC,GAXoB,2CAAH,4DClBVI,GAAyB,WACpC,IAAQN,EAAoBF,KAApBE,gBAYR,MAAO,CAAEO,sBAVkB,uCAAG,sBAAAnpB,EAAA,sEAEtB,IAAIC,SAAc,SAACC,GAAD,OACtBI,YAAW,WACTsoB,EAAgC,UAChC1oB,MACC,SANuB,2CAAH,uDCoBvBkpB,GAA4BphB,KAAOC,IAAV,sFAMlBohB,GAA0D,SAAC,GAEjE,IADLf,EACI,EADJA,SAEA,EACElR,mBAAkC,CAChCC,MAAM,EACN5I,MAAO,GACPqF,QAAS,GACTV,QAAS,UACTL,KAAM,iBANV,mBAAOuW,EAAP,KAAkCC,EAAlC,KASQC,ECtCiC,WACzC,IAAQZ,EAAoBF,KAApBE,gBAaR,MAAO,CAAEY,8BAX0B,uCAAG,sBAAAxpB,EAAA,sEAE9B,IAAIC,SAAc,SAACC,GAAD,OACtBI,WAAU,sBAAC,sBAAAN,EAAA,sEACH4oB,EAAgBnlB,GADb,uBAEHmlB,EAAgBplB,GAFb,OAGTtD,IAHS,2CAIR,QAP+B,2CAAH,sDDmCOupB,GAAlCD,8BACAL,EAA0BD,KAA1BC,sBAER,EAGIviB,KAHJ,IACElB,yBAA4B3G,EAD9B,EAC8BA,iBAAkBC,EADhD,EACgDA,iBAC9C2G,EAFF,EAEEA,4BAEM3I,EAAuB+B,EAAvB/B,YAAaH,EAAUkC,EAAVlC,MAEfgJ,EAAqBC,kBAAO,GACjBC,EAA2BF,EAApCG,QACR,EHxCmC,SACnC7E,EACAtE,EACAmC,GACI,IAAD,IAGG+E,EACJ/B,EAA+C,kBAEjD,EAAqBQ,EAAwB,OAC3CuB,QAD2C,IAC3CA,GAD2C,UAC3CA,EAAgBE,mBAD2B,aAC3C,EAA6BC,QADc,sBAEvCT,GAFuC,CAEhB5G,KAC3B,SAACsH,EAAOhB,GAAR,OACEgB,EAAMC,SAASd,SAASH,KAAYgB,EAAM5F,MAAM8F,iBAJ7C4B,EAAP,oBAOMyjB,EAAiB,OAAGzjB,QAAH,IAAGA,GAAH,UAAGA,EAAY1H,aAAf,aAAG,EAAmBoD,KAMvCkC,EAAUH,EAAe,IACXa,cACRC,iBAAiB,CApBI,kBAoBQ,CACvCC,UAAWb,GAAYC,GACvBa,UAAWd,GAAYC,KAMzB,MACEc,YAA0B,CACxBP,SAAS,GAAD,mBAAMX,GAAN,CAA6B5G,EAAOsE,IAC5CyD,QAAS,kBAAMpD,EAAaL,IAC5B0D,UAAW1D,KAAsBnC,IAAqB0qB,IAJ5CC,EAAd,EAAQhoB,KAOR,MAAO,CAAEgoB,gBAAe,OAAED,QAAF,IAAEA,IAAqBC,EAAiB3kB,SAPhE,EAA+BC,SGOO2kB,CACpC5sB,EACAH,EACAmC,GAHM2qB,EAAR,EAAQA,gBAAiB3kB,EAAzB,EAAyBA,SAMzB,EAAgCoS,mBAE9BuS,EAAkB,CAAEtoB,QAASsoB,QAAoBlkB,GAFnD,mBAAO2c,EAAP,KAAiByH,EAAjB,KAIAzjB,qBAAU,WACJpB,IACFukB,EAA6B,CAC3BlS,MAAM,EACN5I,MAAO,uBACPqF,QACE,iFACFV,QAAS,QACTL,KAAM,YAER8W,EAAYtH,OAEb,CAACvd,IAEJoB,qBAAU,WACJL,GAIA4jB,IACF9jB,EAAmBG,SAAU,EAC7B6jB,EAAY,CAAExoB,QAASsoB,OAIxB,CAACA,EAAiBvH,IAErB,IAAMC,EAAY,uCAAG,WAAOxB,GAAP,iBAAA7gB,EAAA,6DACf8pB,GAAc,EADC,kBAISjoB,EAAWgf,EAAQ7jB,GAJ5B,cAIX+sB,EAJW,OAKjBF,EAAY,CAAExoB,QAAS0oB,IACvBD,GAAc,EANG,SAQXN,IARW,wBASXL,IATW,QAWjBxjB,EAA4B,CAC1BlH,KAAMb,EAA6BQ,oBACnCM,QAAS,CACPO,iBAAkB,CAChB7B,UAAW2sB,EAAY3sB,UACvBC,SAAU0sB,EAAY1sB,SACtBC,OAAQysB,EAAYzsB,OACpBC,eAAgBwsB,EAAYxsB,mBAlBjB,kDAuBjBusB,GAAc,EACdD,EAAY,CAAExoB,QAASwf,EAAOxf,UAxBb,QA2BnBkoB,EAA6B,CAC3BlS,MAAM,EACN5I,MAAOqb,EAAc,oBAAsB,uBAC3ChW,QAASgW,EACL,sDACA,6EACJ1W,QAAS0W,EAAc,UAAY,QACnC/W,KAAM+W,EAAc,eAAiB,YAlCpB,0DAAH,sDAsCZE,EAAwB,uCAAG,WAAOntB,GAAP,eAAAmD,EAAA,6DAC3BiqB,GAAY,EADe,kBAIXhH,GAAuBpmB,GAJZ,OAI7BotB,EAJ6B,6DAU/BV,EAA6B,CAC3BlS,MAAM,EACN5I,MAAOwb,EACH,4BACA,gCACJnW,QAASmW,EACL,mEACA,mGACJ7W,QAAS6W,EAAY,UAAY,QACjClX,KAAMkX,EAAY,eAAiB,YAnBN,yDAAH,sDA8B9B,OACE,kBAAC,GAAD,CACE3B,SAAUA,EACVE,uBAAwB,kBAAM,kBAAC,GAAD,OAC9BhB,kBAAgB,GAEhB,kBAAC4B,GAAD,KACE,kBAAC,GAAD,CACE3a,MAAK,OAAE6a,QAAF,IAAEA,OAAF,EAAEA,EAA2B7a,MAClCqF,QAAO,OAAEwV,QAAF,IAAEA,OAAF,EAAEA,EAA2BxV,QACpCV,QAAO,OAAEkW,QAAF,IAAEA,OAAF,EAAEA,EAA2BlW,QACpCL,KAAI,OAAEuW,QAAF,IAAEA,OAAF,EAAEA,EAA2BvW,KACjCsR,QAAO,OAAEiF,QAAF,IAAEA,OAAF,EAAEA,EAA2BjS,KACpC4M,cApB8B,WACpCsF,EAA6B,2BACxBD,GADuB,IAE1BjS,MAAM,UAoBJ+K,GAAY,kBAAC,GAAD,MAEbA,GACC,kBAAC,GAAD,CACEA,SAAUA,EACV7B,SAAU8B,EACVV,qBAAsBqI,MEhLnBE,GAA0D,CACrE5B,SAAU,IAGC6B,GAAyC,WACpD,OAAO,kBAAC,GAAwBD,KCG5BE,GAAapiB,aAAOY,GAAPZ,CAAH,mDAIHqiB,GAA6B,SAAC,GAAwB,IAAtB5b,EAAqB,EAArBA,MAAO6b,EAAc,EAAdA,QAClD,EAAwBlT,oBAAkB,GAA1C,mBAAOC,EAAP,KAAaC,EAAb,KAIA,OACE,kBAAC1O,GAAD,CACEiB,WAAW,SACXrB,OAAO,YACP0L,aAAa,OACbwE,YAAavJ,GAAMvB,OAAOd,SAASW,KACnC+H,GAAI,EACJlL,cAAc,UAEd,kBAAC1B,GAAD,CAAM0B,cAAc,SAASG,MAAM,QACjC,kBAAC2f,GAAD,CACEvgB,WAAW,SACXD,eAAe,gBACf+N,QAfQ,kBAAML,GAAQ,SAACE,GAAD,OAAgBA,MAgBtCrO,cAAY,oBAEZ,kBAACpB,GAAD,CAAKyQ,GAAI,GACP,kBAAC,GAAD,CAAOjP,GAAG,KAAKJ,cAAY,eACxBsF,IAGL,kBAAC,GAAD,CACEsE,KAAMsE,EAAO,SAAW,MACxBnE,WAAY,IACZ5K,MAAO6G,GAAMvB,OAAOd,SAASY,QAIjC,kBAACsD,GAAD,CACE7H,cAAY,YACZmB,cAAc,SACdzB,QAASwO,EAAO,eAAiB,OACjCpD,GAAI,EACJrB,SAAU,EACVC,WAAY,EACZF,wBAAyB,CAAE4X,OAAQD,QC/ChCE,GAAqC,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACnD,OACE,kBAAC1iB,GAAD,KACG0iB,EAAKznB,KAAI,SAAC0nB,GAAD,OACR,kBAAC9hB,GAAD,CAAM0B,cAAc,SAAS8b,GAAI,EAAGnkB,IAAKyoB,EAASA,UAChD,kBAAC,GAAD,CAAO9X,SAAU,EAAGM,WAAW,SAASjR,IAAKyoB,EAASA,UACnDA,EAASA,UAGXA,EAASC,GAAG3nB,KAAI,SAAC4nB,GAAD,OACf,kBAAC7iB,GAAD,CAAK9F,IAAK2oB,EAAIC,SAAUC,GAAI,GAC1B,kBAAC,GAAD,CAAWrc,MAAOmc,EAAIC,SAAUP,QAASM,EAAIG,mBCd9CC,GAA0B,WACrC,OACE,kBAACpiB,GAAD,CAAM0B,cAAc,SAASjB,GAAG,UAAU6K,aAAa,QAAQC,EAAG,EAAGzJ,GAAI,GACvE,kBAAC,GAAD,CAAOL,GAAI,EAAGuI,SAAU,EAAGC,WAAY,EAAGK,WAAW,UAArD,eAIA,kBAAClC,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGK,WAAW,SAASxI,GAAI,GAA1D,6EAEK,uBAAGuW,KAAK,oBAAR,gBAFL,KAKA,kBAAClZ,GAAD,CACEsC,GAAI,EACJmL,GAAI,EACJoD,GAAI,EACJsN,gBAAgB,UAChBhS,aAAa,MACbzJ,MAAM,eAEN,kBAAC,GAAD,CAAMwW,KAAK,6BACT,kBAAC,GAAD,CAAM5L,GAAI,EAAGzC,SAAU,EAAGC,WAAY,EAAGE,KAAK,SAC9C,kBAAC/B,GAAD,CAAMlH,GAAI,GAAV,gBCpBGmhB,GAAwB,CACnC,CACEP,SAAU,kBACVC,GAAI,CACF,CACEE,SACE,yHACFE,OACE,oFAEJ,CACEF,SAAU,0DACVE,OACE,wPAEJ,CACEF,SAAU,4DACVE,OACE,uRAGJ,CACEF,SACE,iEACFE,OACE,yiBAMJ,CACEF,SAAU,gDACVE,OACE,wXAQJ,CACEF,SACE,+EACFE,OACE,6mBAKJ,CACEF,SAAU,8CACVE,OACE,6MAEJ,CACEF,SAAU,4CACVE,OACE,kPAEJ,CACEF,SAAU,qDACVE,OACE,+PAEJ,CACEF,SACE,6EACFE,OACE,8JAEJ,CACEF,SAAU,yCACVE,OACE,8RAKJ,CACEF,SACE,oEACFE,OACE,8OAGJ,CACEF,SAAU,iDACVE,OACE,ggBAUR,CACEL,SAAU,qBACVC,GAAI,CACF,CACEE,SACE,uEACFE,OACE,yXAGJ,CACEF,SAAU,0DACVE,OACE,qoBAMJ,CACEF,SACE,6EACFE,OACE,6nBAkBR,CACEL,SAAU,sBACVC,GAAI,CACF,CACEE,SACE,wEACFE,OACE,iQAGJ,CACEF,SAAU,2BACVE,OACE,8RAKR,CACEL,SAAU,mBACVC,GAAI,CACF,CACEE,SAAU,gEACVE,OACE,ipBASJ,CACEF,SAAU,oCACVE,OACE,iqBChLJnT,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaG,aAKXiT,GAAcla,aAAO+I,GAAP/I,CAAH,2JAIb8G,GAAaG,aAMJic,GAAuB,WAClC,OACE,kBAAC,GAAD,CAAarS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,MAAMe,GAAI,EAAGmS,GAAI,GAA1D,eAIA,kBAACpV,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,MACXe,GAAI,GALN,+DAUA,kBAAC,GAAD,CAAmBwW,KAAMQ,KAEzB,kBAAC,GAAD,SCrCKE,GAAkC,SAAC,GAAkB,IAAhB7C,EAAe,EAAfA,SAElBzpB,EAC1B+H,KADFlB,yBAA4B7G,WAG9B,OACE,kBAAC,GAAD,CACEypB,SAAUA,EACVE,uBACE3pB,EAAa,kBAAM,kBAAC,GAAD,YAAqC4G,EAE1D+hB,iBAAkB3oB,GAElB,kBAAC,GAAD,QCnBOusB,GAAwD,CACnE9C,SAAU,IAGC+C,GAAoC,WAC/C,OAAO,kBAAC,GAAmBD,K,kNCcvBE,GAAgBtjB,aAAOY,GAAPZ,CACpBoL,aAAQ,CACNO,MAAO,cACPN,SAAU,CACRxF,QAAS,CACPqG,aAAc,QACd1L,OAAQ,YACRkQ,YAAa,gBACb,UAAW,CACTA,YAAa,YACb0C,UAAW,cAEb,kBAAmB,CACjBkI,QAAS,QAEX,UAAW,CACTja,GAAI,eAKZ+J,aAAQ,CACNuB,KAAM,YACNhB,MAAO,uBACPN,SAAU,CACRkY,OAAQ,CACN3Y,SAAU,EACVC,WAAY,EACZ+F,GAAI,GAENhE,MAAO,CACLhC,SAAU,EACVC,WAAY,EACZ+F,GAAI,GAENlI,OAAQ,CACNkC,SAAU,EACVC,WAAY,EACZ2Y,WAAY,CAAC,EAAG,EAAG,QACnBC,cAAe,CAAC,EAAG,EAAG,SAExB5W,MAAO,CACLjC,SAAU,EACVC,WAAY,EACZ+F,GAAI,OAMN7B,GAAe/O,aAAOyN,GAAPzN,CAAH,mDAIZ0jB,GAAQ1jB,KAAOuH,MAAV,iDAILuH,GAAc9O,aAAO8K,GAAP9K,CAAH,6BAEX2jB,GAAY3jB,aAAOsjB,GAAPtjB,CAAH,2MAIC,SAACkB,GAAD,OAAWA,EAAM0iB,aAGf,gBAAGtpB,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OAAsB7M,GAAS6M,EAAMvB,OAAOQ,UAC5C,gBAAG6I,EAAH,EAAGA,QAAS9H,EAAZ,EAAYA,MAAZ,OAAwB8H,GAAW9H,EAAMvB,OAAO7B,aAC5C,gBAAGkL,EAAH,EAAGA,QAAS9H,EAAZ,EAAYA,MAAZ,OAAwB8H,GAAW9H,EAAMvB,OAAO3B,WAClE,gBAAGsJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACAoG,GACAuO,aADQ,sQAIc3U,EAAMvB,OAAOd,SAASG,KACpC8J,GAGK5H,EAAMvB,OAAOd,SAASO,KAE3ByJ,GACK3H,EAAMvB,OAAOd,SAASO,SAK1Bwe,GAOT,SAAC,GAyBE,IAxBLlV,EAwBI,EAxBJA,GACAjB,EAuBI,EAvBJA,MACAJ,EAsBI,EAtBJA,UACAvC,EAqBI,EArBJA,KACA+Y,EAoBI,EApBJA,aACA1sB,EAmBI,EAnBJA,MACAmW,EAkBI,EAlBJA,SACAjT,EAiBI,EAjBJA,MACA2S,EAgBI,EAhBJA,SACAqD,EAeI,EAfJA,SACAD,EAcI,EAdJA,UACAD,EAaI,EAbJA,SACAlD,EAYI,EAZJA,UACApL,EAWI,EAXJA,GACAuL,EAUI,EAVJA,GACApB,EASI,EATJA,GACA5J,EAQI,EARJA,GACAwO,EAOI,EAPJA,GACAnO,EAMI,EANJA,GACAD,EAKI,EALJA,MACAmI,EAII,EAJJA,SACAI,EAGI,EAHJA,WACA4Y,EAEI,EAFJA,UACG1iB,EACC,mBACE6iB,EAAwCxlB,IAAMT,OAAO,MACrDmR,EAAU6U,IAAiB1sB,EAUjC,OACE,kBAACusB,GAAD,CACEvY,QAAQ,UACRkC,UAAWA,EACX2B,QAASA,EACTU,QAbkB,WAEhBoU,GAAYA,EAAS/lB,UACvB+lB,EAAS/lB,QAAQgmB,QACjBD,EAAS/lB,QAAQimB,UAUjB3pB,MAAOA,EACPiT,SAAUA,EACVN,SAAUC,EAAYD,GAAY,EAClCqD,SAAUA,EACVD,UAAWA,EACXD,SAAUA,EACV3N,MAAOA,EACPmhB,UAAWA,EACX9hB,GAAIA,EACJuL,GAAIA,EACJpB,GAAIA,EACJ5J,GAAIA,EACJwO,GAAIA,EACJnO,GAAIA,EACJ8K,GAAI,GAEHzC,GACC,kBAAC,GAAD,CACEA,KAAMA,EACNzK,MAAM,QACNsK,SAAU,EACVI,WAAYA,EACZH,WAAY,EACZoB,GAAI,IAGR,kBAACyX,GAAD,iBACMxiB,EADN,CAEEyN,GAAIA,EACJvX,MAAOA,EACP6X,QAASA,EACTiV,eAAcjV,EACdQ,IAAKsU,EACLxW,SAAUA,EACV9W,KAAK,WAEP,kBAAC,GAAD,CAAcmU,SAAUA,EAAU6F,QAAS9B,GACxCjB,KAMTmW,GAAYziB,aAAe,CACzB9G,OAAO,EACPgT,UAAW,QACXC,UAAU,EACVL,WAAW,EACXD,SAAU,EACV2W,UAAW,U,yBCxMAO,GAAc,SAACnW,GAC1BoW,KAAWC,UAAU,CACnBA,UAAWrW,K,uDCEFsW,GAQT,SAAC,GAA+D,IAA7DvT,EAA4D,EAA5DA,MAAOC,EAAqD,EAArDA,KAAMuT,EAA+C,EAA/CA,QAASC,EAAsC,EAAtCA,WAAYZ,EAA0B,EAA1BA,UAAc1iB,EAAY,mBAiB3D5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBACMJ,EADN,CAEEzW,SAAO8W,IAAS9W,IAAQA,GACpB4G,EAHN,CAIE0T,SAxBiB,SAAC6P,GAChBF,GACFJ,GAAYI,GAGdxT,EAAM6D,SAAS6P,GAEXD,EACFlsB,YAAW,WACT0Y,EAAK+G,cAAchH,EAAMI,QACxB,KAEHH,EAAK+G,cAAchH,EAAMI,OAazByS,UAAWA,MAKjBU,GAAkBljB,aAAe,CAC/BojB,YAAY,GCnDP,I,qBAAME,GAA6B,CACxC,mBACA,wBACA,cACA,cACA,cACA,gBACA,eACA,0BACA,QACA,gBACA,WACA,oBACA,OACA,sBACA,2BACA,QACA,eACA,SAwBWC,GAA+B,CAC1C,gBACA,mBACA,YCPI9U,GAAe7P,aAAOY,GAAPZ,CAAH,wIACI,qBAAGmH,MAAkBvB,OAAOW,SAC5B,gBAAGgH,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OAClBoG,GAAYpG,EAAMvB,OAAOd,SAASK,QAMhCyf,GAAqB5kB,KAAOsH,OAAV,qgBAGpB9G,KACAJ,KACAD,KACAI,KACAD,MA2BS,qBAAG6G,MAAkBvB,OAAOpC,YAInCqhB,GAAqB7kB,KAAOsH,OAAV,qLAGpB9G,KACAL,MACY,qBAAGoN,SAA2B,GAAK,UAS7CyG,GAAwBhU,aAAOgJ,GAAPhJ,CAAH,uEAEhB,qBAAGmH,MAAkBvB,OAAOd,SAASQ,QAG1C2O,GAAgBjU,aAAOgJ,GAAPhJ,CAAH,yEAER,gBAAG1F,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OACP7M,EAAQ6M,EAAMvB,OAAOvB,UAAY8C,EAAMvB,OAAOd,SAASQ,QAGrD4O,GAAuBlU,KAAOmU,GAAV,ijBACtB3T,KACAJ,MAWkB,qBAAG+G,MAAkBvB,OAAOd,SAASC,OAanC,qBAAGoC,MAAkBvB,OAAOd,SAASK,QAOvDiP,GAAapU,KAAOqU,GAAV,8ZACZ/T,KACAH,KACAI,MAMsB,qBAAG4G,MAAkBvB,OAAOd,SAASE,QAGpD,qBAAGmC,MAAkBvB,OAAOpC,YAOf,qBAAG2D,MAAkBvB,OAAOd,SAASG,QAQhD6f,GAWT,SAAC,GAyBE,IAxBLnW,EAwBI,EAxBJA,GACAwC,EAuBI,EAvBJA,KACAzD,EAsBI,EAtBJA,MACAsC,EAqBI,EArBJA,aACAC,EAoBI,EApBJA,SACA0C,EAmBI,EAnBJA,YACA7G,EAkBI,EAlBJA,QACAxR,EAiBI,EAjBJA,MACAiT,EAgBI,EAhBJA,SACAoH,EAeI,EAfJA,SACAE,EAcI,EAdJA,QACAC,EAaI,EAbJA,OACAP,EAYI,EAZJA,aACAnd,EAWI,EAXJA,MACAqd,EAUI,EAVJA,MACAvE,EASI,EATJA,QACAC,EAQI,EARJA,eACA1N,EAOI,EAPJA,MACA2N,EAMI,EANJA,SACAC,EAKI,EALJA,UACAC,EAII,EAJJA,SACA5N,EAGI,EAHJA,GACA2K,EAEI,EAFJA,GACApB,EACI,EADJA,GAIA,EAAgCmD,oBAAS,GAAzC,mBAAO2F,EAAP,KAAiBC,EAAjB,KAEA,EAOI+P,aAAU,CACZtQ,QACAY,qBAAsB,YAAuB,IAApBC,EAAmB,EAAnBA,aACvBX,EAASW,MATXI,EADF,EACEA,OACAJ,EAFF,EAEEA,aACAK,EAHF,EAGEA,qBACAC,EAJF,EAIEA,cACAC,EALF,EAKEA,aACAG,EANF,EAMEA,aAgBIgP,EAAkBlnB,iBAAO,MAGzBmnB,EAAiBD,EAAgBhnB,QAEvC,OACE,kBAAC+B,GAAD,CACEsN,GAAIA,EACJ3K,GAAIA,EACJuJ,GAAIA,EACJqE,SAAUA,EACVD,UAAWA,EACXD,SAAUA,IAER1C,GAASuC,IACT,kBAACrP,GAAD,CAAM2P,GAAI,EAAGC,GAAI,EAAGvE,GAAI,GACrByB,GACC,oCACE,kBAACD,GAAD,iBACMmI,EAAc,CAChBjH,GAAG,GAAD,OAAKA,EAAL,YAFN,CAIE8B,QAAS9B,EACTrO,MAAM,WACNsK,SAAS,OACTC,WAAW,OACXhK,QAASmP,EACT7O,cAAA,UAAgBwN,EAAhB,mBAECjB,GAGFwC,GACC,kBAAC,GAAD,CACErP,QAASsP,EACTpF,KAAK,OACLjJ,GAAG,OACHX,cAAA,UAAgBwN,EAAhB,qBAECuB,IAMRD,GACC,kBAAC,GAAD,CACEnO,GAAG,OACHuL,GAAI,EACJzC,SAAU,EACVC,WAAY,EACZ1J,cAAA,UAAgBwN,EAAhB,qBALF,aAaN,kBAAC,GAAD,CACEc,IAAKuV,EACL1iB,cAAc,MACdG,MAAOA,EACP0T,YAAa,EACbjK,aAAa,QACbkK,uBAAwBV,EAAS,IAAM,QACvCW,wBAAyBX,EAAS,IAAM,QACxChF,YACEpW,EAAQ,YAAcya,GAAYW,EAAS,QAAU,gBAEvDrC,aAAcqC,EAAS,IAAM,GAC7BtC,WAAW2B,GAAcza,GAASob,EAAyB,GAAf,aAC5CnI,SAAUA,GAEV,kBAACqX,GAAD,iBACMjP,EAAqB,CACvBhH,GAAG,GAAD,OAAKA,EAAL,WACF,kBAAkB,GAAlB,OAAsBA,EAAtB,UACAlY,KAAM,SACNoe,QAvFiB,WACzBG,GAAY,IAuFJF,OApFgB,WACxBE,GAAY,MA6ER,CAQEpK,SAAU,EACVC,WAAY,EACZ+F,GAAI,EACJL,GAAI,EACJC,GAAI,EACJW,KAAMA,EACN5D,SAAUA,EACVjT,MAAOA,EACP6G,cAAA,UAAgBwN,EAAhB,kBACArO,MAAM,aAELlJ,GAASke,GAAgB3C,GAG5B,kBAACkS,GAAD,iBACMlP,EAAqB,CACvBhH,GAAG,GAAD,OAAKA,EAAL,kBACFlY,KAAM,WAHV,CAKE2U,QAAQ,gBACRP,WAAY,EACZ0F,GAAI,EACJC,GAAI,EACJjD,SAAUA,EACViJ,aAAW,QACXrV,cAAA,UAAgBwN,EAAhB,oBAEA,kBAAC,GAAD,CACE/D,SAAU,EACVtK,MAAM,gBACNyK,KAAM2K,EAAS,cAAgB,kBAKrC,kBAAC,GAAD,iBACMG,EAAa,CACflH,GAAG,GAAD,OAAKA,EAAL,SACFmG,OAAQA,EACRD,QAASA,IAJb,CAME4B,QAASf,IAAWjB,EAAM3Z,OAC1B4V,YAAagF,GAAUpb,EAAQ,YAAcob,EAAS,QAAU,GAChEU,uBAAuB,QACvBC,wBAAwB,QACxBK,UAAS,UAzJiB,GAyJZnC,EAAL,MACToC,UAAWlC,EAAM3Z,OAASyZ,EAAe,SAAW,SACpDtH,UAAW,EACXxK,MAAK,WAAmB,OAAdwiB,QAAc,IAAdA,OAAA,EAAAA,EAAgBC,aAAc,EAAnC,MACL/jB,cAAA,UAAgBwN,EAAhB,kBAEC8F,EAAMzZ,KAAI,SAACC,EAAc2b,GAAf,OACT,kBAAC,GAAD,eACEhM,SAAU,EACVC,WAAY,EACZsB,EAAG,EACHlS,IAAK2c,GACDZ,EAAa,CACfrH,GAAG,GAAD,OAAKA,EAAL,sBAAqBiI,GACvB3b,OACA2b,WAGD3b,QAKLya,GAAU5J,GACV,kBAAC,GAAD,CACElB,SAAU,EACVC,WAAY,EACZ0F,GAAI,EACJC,GAAI,EACJlW,MAAOA,EACP6G,cAAA,UAAgBwN,EAAhB,oBAEC7C,KAOXgZ,GAAS1jB,aAAe,CACtBuR,YAAa,SACb4B,aAAc,EACdvE,aAAc,eACdG,eAAgB,Q,2DC1YLgV,GAQT,SAAC,GAAsD,IAApDpU,EAAmD,EAAnDA,MAAOC,EAA4C,EAA5CA,KAAMtD,EAAsC,EAAtCA,MAAO+G,EAA+B,EAA/BA,MAAO8P,EAAwB,EAAxBA,QAAYrjB,EAAY,mBAalD5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBACMJ,EACA7P,EAFN,CAGEyT,SAnBmB,SAAC8C,GAClB8M,GACFJ,GAAYI,GAGdvT,EAAK8G,cAAc/G,EAAMI,KAAMsG,GAAU,IAevC3C,OAZiB,WACnB9D,EAAKoU,gBAAgBrU,EAAMI,MAAM,IAY/B7W,SAAO8W,IAAS9W,IAAQA,EACxBoT,MAAOA,EACP+G,MAAOA,MC7BA4Q,GAAkC,SAAC,GAAqB,IAAnBC,EAAkB,EAAlBA,YAChD,OACE,kBAAC1kB,GAAD,CACE0B,cAAc,SACdgO,SAA0B,UAAhBgV,EAA0B,GAAM,GAC1CjV,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,IAEnC,kBAAC,KAAD,CACEzB,GAAG,2BACHwC,KAAK,2BACLsD,MAAOkQ,GACPpQ,aAAc,EACd7G,MAAM,kBACNiF,YAAY,GACZzP,UAAWiiB,KAEb,kBAAC,KAAD,CACEhU,KAAK,2BACLuB,UAAU,cACVxP,UAAWoO,OC3BNiU,GAAwB,WACnC,OACE,kBAAC3kB,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,GACnC/C,GAAI,CAAC,EAAG,EAAG,EAAG,GACdpB,GAAI,CAAC,EAAG,EAAG,EAAG,IAEd,kBAAC,KAAD,CACE0C,GAAG,wBACHwC,KAAK,wBACLsD,MAAOiQ,GACPnQ,aAAc,EACd7G,MAAM,eACNiF,YAAY,SACZzP,UAAWiiB,KAEb,kBAAC,KAAD,CACEhU,KAAK,wBACLuB,UAAU,cACVxP,UAAWoO,OCObzB,GAAe7P,KAAOuH,MAAV,0IAOd/G,KACAJ,KACAE,KACAH,KACAI,MAQEqP,GAAc5P,aAAOY,GAAPZ,CAAH,2GAQXwlB,GAAgBxlB,aAAO8M,GAAP9M,CAAH,mKAED,gBAAGuN,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACdoG,EAAWpG,EAAMvB,OAAOd,SAASK,KAAOgC,EAAMvB,OAAOd,SAASG,QAG9C,qBAAGkC,MAAkBvB,OAAOd,SAASK,QAIrC,gBAAGoI,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACdoG,EAAWpG,EAAMvB,OAAOd,SAASK,KAAOgC,EAAMvB,OAAOd,SAASG,QAIvDwgB,GAOT,SAAC,GAgBE,IAfLruB,EAeI,EAfJA,MACAoT,EAcI,EAdJA,IACAJ,EAaI,EAbJA,IACA9P,EAYI,EAZJA,MACAwR,EAWI,EAXJA,QACAyB,EAUI,EAVJA,SACAtB,EASI,EATJA,GACAoB,EAQI,EARJA,GACA5K,EAOI,EAPJA,MACAwK,EAMI,EANJA,SACAC,EAKI,EALJA,UACA0H,EAII,EAJJA,SACAC,EAGI,EAHJA,QACAC,EAEI,EAFJA,OACApH,EACI,EADJA,MAEMgY,EAAS,yBAEf,EAA0BtW,mBAAShY,GAAnC,mBAAOuuB,EAAP,KAAcC,EAAd,KACM7B,EAAwCxlB,IAAMT,OAAO,MAE3DM,qBAAU,WACRwW,EAAS+Q,KAER,CAACA,IAEJ,IASME,EAAe,WACf9B,GAAYA,EAAS/lB,UACvB+lB,EAAS/lB,QAAQgmB,QACjBD,EAAS/lB,QAAQ8nB,SA0CrB,OACE,kBAACllB,GAAD,CAAM0B,cAAc,SAAS2J,GAAIA,EAAIxJ,MAAOA,GAC1C,kBAACgL,GAAD,CACEnN,MAAM,WACNsK,SAAS,OACTC,WAAW,OACX0F,GAAI,EACJC,GAAI,EACJvE,GAAI,GAEHyB,GAGH,kBAAC,GAAD,CACE9L,eAAe,gBACfpB,OAAO,YACPkQ,YAAapW,EAAQ,YAAc,gBACnC4R,aAAa,QACb7K,GAAIkM,EAAW,gBAAkB,eACjC1L,WAAW,SACXwL,GAAIA,EACJG,GAAI,EACJoD,GAAG,OAEH,kBAAC4U,GAAD,CACE7W,GAAG,4BACHnB,GAAI,EACJ2I,YAAa,EACb1T,MAAO,GACPyJ,aAAa,QACbd,QAAQ,gBACRkC,UAAU,SACVJ,UAAWA,EACXK,WA5DFA,MAIA/C,GAAOmb,GAASnb,IAIhBmb,GAAS,EAqDPhW,QAxEgB,WACtBiW,GAAS,SAACG,GAAD,OAAcA,EAAW,KAClCF,MAwEM,kBAAC,GAAD,CAAM9a,KAAK,SAASoT,OAAO,UAG7B,kBAAC,GAAD,CACE1nB,KAAK,OACL4V,UAAU,SACV5J,MAAM,OACNjC,OAAQ+M,EAAW,gBAAkB,cACrClM,GAAIkM,EAAW,gBAAkB,cACjCqD,GAAI,EACJ1F,WAAW,SACXN,SAAU,EACVI,WAAW,UACXH,WAAY,EACZ6F,YAAY,cACZpQ,MAAOiN,EAAW,gBAAkB,WACpCA,SAAUA,EACVjT,MAAOA,EACPlD,MAAOuuB,EACPlW,IAAKsU,EACL9W,SAAUC,EAAYD,GAAY,EAClC2H,SA/Ga,SAAC5G,GACpB,IAAMgY,EAAahY,EAAMG,OAAO/W,MAE5BsuB,EAAO9b,KAAKoc,IACdJ,EAASK,OAAOD,KA4GZnR,QAASA,EACTC,OAAQA,IAGV,kBAAC0Q,GAAD,CACE7W,GAAG,4BACHnB,GAAI,EACJ2I,YAAa,EACb1T,MAAO,GACPyJ,aAAa,QACbd,QAAQ,gBACRkC,UAAU,SACVJ,UAAWA,EACXK,WAlFFA,MAIAnD,GAAOub,GAASvb,GA+EduF,QAzGgB,WACtBiW,GAAS,SAACG,GAAD,OAAcA,EAAW,KAClCF,MAyGM,kBAAC,GAAD,CAAM9a,KAAK,UAIde,GACC,kBAAC9C,GAAD,CACE1I,MAAM,gBACNkC,OAAQ,EACRqO,GAAI,EACJjG,SAAU,EACVC,WAAY,EACZ1J,cAAY,mBAEX2K,KAOX2Z,GAAQrkB,aAAe,CACrBmM,UAAU,EACVjT,OAAO,EACPlD,MAAO,EACP8V,WAAW,G,wBClQAgZ,GAMT,SAAC,GAA+B,IAA7BnV,EAA4B,EAA5BA,MAAOC,EAAqB,EAArBA,KAAS9P,EAAY,mBAC3B5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAUxC,OACE,kBAAC,GAAD,iBACMJ,EACA7P,EAFN,CAGE5G,SAAO8W,IAAS9W,IAAQA,EACxBsa,SAbmB,SAAC+Q,GACtB3U,EAAK8G,cAAc/G,EAAMI,KAAMwU,IAa7B7Q,OAViB,WACnB9D,EAAKoU,gBAAgBrU,EAAMI,MAAM,QCfxBgV,GAAqB,WAChC,OACE,kBAACvlB,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,GACnC/C,GAAI,CAAC,EAAG,EAAG,EAAG,GACdpB,GAAI,CAAC,EAAG,EAAG,EAAG,IAEd,kBAAC,KAAD,CACE0C,GAAG,qBACHwC,KAAK,qBACL3G,IAAK,EACLJ,IAAK,GACLhT,MAAO,EACPsW,MAAM,WACNxK,UAAWgjB,KAEb,kBAAC,KAAD,CACE/U,KAAK,qBACLuB,UAAU,cACVxP,UAAWoO,OCjBN8U,GAA2B,SAAC,GAAqB,IAAnBd,EAAkB,EAAlBA,YACzC,OACE,kBAAC1kB,GAAD,CACE0B,cAAc,SACdgO,SAA0B,UAAhBgV,EAA0B,GAAM,GAC1CjV,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,GACnC/C,GAAI,CAAC,EAAG,EAAG,EAAG,GACdpB,GAAI,CAAC,EAAG,EAAG,EAAG,IAEd,kBAAC,KAAD,CACE0C,GAAG,oBACHwC,KAAK,oBACLzD,MAAM,UACNiF,YAAY,GACZzP,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAK,oBACLuB,UAAU,cACVxP,UAAWoO,OCnBN+U,GAA6C,SAAC,GAAqB,IAAnBf,EAAkB,EAAlBA,YAC3D,OACE,kBAAC1kB,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,OAC9CT,WAAY,cAEZ,kBAAC,GAAD,MACA,kBAAC,GAAD,MACA,kBAAC,GAAD,CAASyjB,YAAaA,IACtB,kBAAC,GAAD,CAAgBA,YAAaA,MCftBgB,GAA6B,WACxC,OACE,kBAAC1lB,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,IAEnC,kBAAC,KAAD,CACEzB,GAAG,6BACHwC,KAAK,6BACLzD,MAAM,kBACNiF,YAAY,yBACZK,UAAW,IACX9P,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAK,6BACLuB,UAAU,cACVxP,UAAWoO,OCZNiV,GAA0C,SAAC,GAAqB,IAAnBjB,EAAkB,EAAlBA,YACxD,OACE,oCACE,kBAAC1kB,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,OAC9CT,WAAY,aACZoK,GAAI,GAEJ,kBAAC,GAAD,MACA,kBAAC,GAAD,OAGF,kBAACrL,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,OAC9CT,WAAY,cAEZ,kBAAC,GAAD,MACA,kBAAC,GAAD,CAASyjB,YAAaA,IACtB,kBAAC,GAAD,CAAgBA,YAAaA,O,4BCtBxBkB,GAEX,SAAC,GAAsC,IAApCzV,EAAmC,EAAnCA,MAAarD,GAAsB,EAA5BsD,KAA4B,EAAtBtD,OAAUxM,EAAY,mBACpC,OACE,kBAAC,GAAD,iBAAgB6P,EAAW7P,GACxBwM,ICMI+Y,GAAuC,SAAC,GAS9C,IARLvZ,EAQI,EARJA,UACA+K,EAOI,EAPJA,cACAC,EAMI,EANJA,gBACAwO,EAKI,EALJA,UACAC,EAII,EAJJA,SACAC,EAGI,EAHJA,qBACAC,EAEI,EAFJA,mBACAC,EACI,EADJA,SAEA,OACE,kBAAClmB,GAAD,CAAM0B,cAAc,WAChBokB,GAAaC,IACb,kBAAC/lB,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,MAAO,OACrD2J,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEhBya,GACC,kBAAC9lB,GAAD,CACE0B,cAAc,SACdgO,SAAU,IACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,UACF9G,KAAI,UAAK+G,EAAL,UACJxK,MAAM,SACNiF,YAAY,oBACZzF,UAAWA,EACX+C,UAAQ,EACR/M,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,UACJxF,UAAU,cACVxP,UAAWoO,MAKhBqV,GACC,kBAAC/lB,GAAD,CACE0B,cAAc,SACdgO,SAAU,IACVD,UAAW,EACXD,SAAU,GAEV,kBAAC,KAAD,CACEzB,GAAE,UAAKsJ,EAAL,SACF9G,KAAI,UAAK+G,EAAL,SACJxK,MAAM,OACNiF,YAAY,gBACZzF,UAAWA,EACX+C,UAAQ,EACR/M,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,SACJxF,UAAU,cACVxP,UAAWoO,OAOrB,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,MAAO,OACrD2J,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEhB6a,GACC,kBAAClmB,GAAD,CACE0B,cAAc,SACdgO,SAAU,IACVD,UAAW,EACXD,SAAU,EACVnE,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBoB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,SACF9G,KAAI,UAAK+G,EAAL,SACJxK,MAAM,cACNiF,YAAY,SACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,SACJxF,UAAU,cACVxP,UAAWoO,MAKjB,kBAAC1Q,GAAD,CACE0B,cAAc,SACdgO,SAAU,IACVD,UAAW,EACXD,SAAU,EACVnE,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBoB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,iBACF9G,KAAI,UAAK+G,EAAL,iBACJxK,MAAM,gBACNiF,YAAY,WACZzF,UAAWA,EACX+C,SAAU2W,EACV1jB,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,iBACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CAAM0B,cAAc,SAASgO,SAAU,IAAMD,UAAW,EAAGD,SAAU,GACnE,kBAAC,KAAD,CACEzB,GAAE,UAAKsJ,EAAL,eACF9G,KAAI,UAAK+G,EAAL,eACJxK,MAAM,cACNiF,YAAY,mBACZzF,UAAWA,EACX+C,SAAU4W,EACV3jB,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,eACJxF,UAAU,cACVxP,UAAWoO,OAKjB,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,SAAU,OACxD2J,GAAI,CAAC,EAAG,EAAG,IAEX,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVnE,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBoB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,WACF9G,KAAI,UAAK+G,EAAL,WACJxK,MAAM,SACNiF,YAAY,iBACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,WACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,OACpCgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAClB,GAAD,CACE0B,cAAc,SACd+N,UAAW,CAAC,OAAQ,GACpBC,SAAU,CAAC,EAAG,IACdF,SAAU,CAAC,OAAQ,IAEnB,kBAAC,KAAD,CACEzB,GAAE,UAAKsJ,EAAL,aACF9G,KAAI,UAAK+G,EAAL,aACJxK,MAAM,WACNiF,YAAY,YACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,aACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAACvR,GAAD,CACE+B,GAAI,CAAC,EAAG,GACRO,GAAI,EACJiO,SAAU,CAAC,EAAG,IACdD,UAAW,CAAC,OAAQ,GACpBD,SAAU,CAAC,OAAQ,IAEnB,kBAAC,GAAD,CAAM6I,KAAK,0DAAX,kBAEE,kBAAC,GAAD,CAAMlO,KAAK,sBC/NZgc,GAAuB,SAClCC,EACAC,GAEA,OAAOD,GAAmBC,GAGfC,GAAyB,SACpCF,EACAC,GAEA,OAAQD,IAAoBC,GCajBE,GAAuC,SAAC,GAQ9C,IAPLC,EAOI,EAPJA,uBACAnP,EAMI,EANJA,cACAC,EAKI,EALJA,gBACAhL,EAII,EAJJA,UACA6K,EAGI,EAHJA,cACA+O,EAEI,EAFJA,SACAO,EACI,EADJA,eAEA,EAA8CjY,oBAAS,GAAvD,mBAAO4X,EAAP,KAAwBM,EAAxB,KAEMC,EAAsB,UAAMtP,EAAN,uBACtBuP,EAAwB,UAAMtP,EAAN,uBAmD9B,OAtCA9Z,qBAAU,WACJgpB,EAAuBH,wBACzBK,GAAmB,KAGpB,IAEHlpB,qBAAU,WAGN2oB,GACEC,EACAI,EAAuBH,0BAGzBG,EAAuBK,cAAgB,GACvCL,EAAuBM,gBAAkB,IAKzCR,GACEF,EACAI,EAAuBH,0BAGrBH,IACFM,EAAuBO,oBAAoBC,KAAO,IAGpDR,EAAuBO,oBAAoBE,aAAe,GAC1DT,EAAuBO,oBAAoBG,WAAa,GACxDV,EAAuBO,oBAAoB9M,OAAS,GACpDuM,EAAuBO,oBAAoB5M,SAAW,MAGvD,CAACiM,IAGF,kBAACpmB,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAE,UAAK4Y,EAAL,kBACFpW,KAAI,UAAKqW,EAAL,kBACJ5P,OAAM,UAAK4P,EAAL,oBACN9Z,MAAM,yBACN6G,aAAc,GACd5B,YAAY,kDACZ6B,iBACE,6FAGFjH,SAAUyZ,EACV9Z,UAAWA,EACX9V,MAAO4vB,EAAkB,GAAKI,EAAuBK,cACrDvkB,UAAWyU,KAEb,kBAAC,KAAD,CACExG,KAAI,UAAKqW,EAAL,kBACJ9U,UAAU,cACVxP,UAAWoO,MAIf,kBAAC,KAAD,CACE3C,GAAE,UAAK4Y,EAAL,2BACFpW,KAAI,UAAKqW,EAAL,2BACJza,SAAQ,WAAOia,EAAiC,gBAAf,cACjCtZ,MAAK,UACFsZ,EAEG,kCADA,wBAGNe,UAAU,aACV3wB,MAAK,UAAM4vB,EAA6B,GAAX,UAC7B3kB,GAAI,EACJ4J,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB0D,QAxFwB,WAE5BoI,EAAc,GAAD,OAAIG,EAAJ,sCAGbkP,EAAuBH,wBACpBG,EAAuBH,uBAE1BK,GAAmB,SAAC9X,GAAD,OAAgBA,MAiF/BtM,UAAWsjB,KAGZQ,GACC,kBAAC,GAAD,CACE/O,cAAa,UAAKsP,EAAL,wBACbrP,gBAAe,UAAKsP,EAAL,wBACfV,SAAUA,IAIbO,GACC,kBAACzmB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAE,UAAK4Y,EAAL,iCACFpW,KAAI,UAAKqW,EAAL,iCACJ9Z,MAAM,iCACNiF,YAAY,oBACZ1C,UAAQ,EACR/C,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAKqW,EAAL,iCACJ9U,UAAU,cACVxP,UAAWoO,QAQvB6V,GAAoB/lB,aAAe,CACjC8L,WAAW,EACXma,gBAAgB,GCjJX,IAAMW,GAAgC,SAAC,GAAkC,IAAhCC,EAA+B,EAA/BA,UAAWlQ,EAAoB,EAApBA,cAIzD,OACE,oCACE,kBAAC,GAAD,CACEE,cANgB,YAOhBC,gBANkB,YAOlBkP,uBAAwBa,EAAUC,mBAClCnQ,cAAeA,EACf+O,UAAU,EACVO,gBAAgB,IAGlB,kBAACzmB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,0BASA,kBAAC,KAAD,CACE0C,GAAE,UAzBY,YAyBZ,oDACFwC,KAAI,UAzBY,YAyBZ,oDACJzD,MAAM,iCACN5B,QAAQ,kHACRmE,UAAQ,EACR/M,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAjCU,YAiCV,oDACJuB,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CAAMqL,GAAI,EAAG3J,cAAc,SAASgO,SAAU,GAC5C,kBAACtH,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,6BAU2B,UAA1Bgc,EAAU3C,aACT,kBAAC,GAAD,CAAwBA,YAAa2C,EAAU3C,cAGtB,UAA1B2C,EAAU3C,aACT,kBAAC,GAAD,CAA2BA,YAAa2C,EAAU3C,iBC9D7C6C,GARY,uCAAG,WAC5BC,GAD4B,SAAApwB,EAAA,sEAGfa,EACVY,IAAyB2uB,GACzB1uB,MAAK,SAACJ,GAAD,OAAcA,EAASK,QALH,mFAAH,sD,+BCcd0uB,GAIT,SAAC,GAAyC,IAAvC/tB,EAAsC,EAAtCA,MAAOqa,EAA+B,EAA/BA,SAAUyT,EAAqB,EAArBA,KAASlnB,EAAY,mBAC3C,ECVsC,SACtCknB,GACI,IAAD,MACGhsB,EAA2B,mBAE3BL,EACJ/B,EAA+C,kBAEjD,EAAqBQ,EAAwB,OAC3CuB,QAD2C,IAC3CA,GAD2C,UAC3CA,EAAgBE,mBAD2B,aAC3C,EAA6BC,QAC7B,CAACE,EAAUgsB,IACX,SAACjsB,EAAOhB,GAAR,OACEgB,EAAMC,SAASd,SAASH,KAAYgB,EAAM5F,MAAM8F,iBAJ7C4B,EAAP,oBAOMqqB,EAAe,OAAGrqB,QAAH,IAAGA,GAAH,UAAGA,EAAY1H,aAAf,aAAG,EAAmBoD,KAMrCkC,EAAUH,EAAe,IACXa,cACRC,iBAAiB,CAACJ,GAAW,CACvCK,UAAWb,GAAYC,GACvBa,UAAWd,GAAYC,KAMzB,MAAsDc,YAEpD,CACAP,SAAU,CAACA,EAAUgsB,GACrBxrB,QAAS,kBAAMurB,GAAsBC,IACrCvrB,SAAUyrB,IALEC,EAAd,EAAQ5uB,KAQR,MAAO,CACL4uB,iBAAgB,iBAAED,QAAF,IAAEA,IAAmBC,SAArB,QAAyC,GACzDvrB,SAVF,EAAgCC,SDrBOurB,CAAyBJ,GAAxDG,EAAR,EAAQA,iBAAkBvrB,EAA1B,EAA0BA,SAc1B,OACE,kBAAC,GAAD,iBACMkE,EADN,CAEEyT,SAfmB,SAAC8C,GACtB,GAAKA,GAAa8Q,EAAlB,CAIA,IAAMjT,EAAeiT,EAAiB7Q,MACpC,SAACzc,GAAD,OAAUwc,KAAQ,OAAKxc,QAAL,IAAKA,OAAL,EAAKA,EAAMkW,SAG/BwD,EAAS8C,EAAUnC,EAAa3G,MAO9B8F,MAAO8T,EAAiBvtB,KAAI,SAACC,GAAD,OAAUA,EAAKkW,QAC3C7W,MAAOA,GAAS0C,MAKtBqrB,GAAwCjnB,aAAe,CACrD9G,OAAO,EACPiT,UAAU,EACV0C,UAAU,EACV/C,WAAW,G,iCExCAub,GAET,SAAC,GAAuC,IAArC1X,EAAoC,EAApCA,MAAOC,EAA6B,EAA7BA,KAAM4G,EAAuB,EAAvBA,OAAW1W,EAAY,mBASnC5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBACMJ,EADN,CAEEzW,SAAO8W,IAAS9W,IAAQA,GACpB4G,EAHN,CAIEyT,SAhBmB,SACrB8C,EACAiR,GAEA1X,EAAK8G,cAAc/G,EAAMI,KAAMsG,GAC/BzG,EAAK8G,cAAcF,EAAQ8Q,QCflBC,GACX,CACEvzB,UAAW,GACXC,SAAU,GACVR,MAAO,GACPS,OAAQ,GACRC,eAAgB,GAChBC,aAAc,GACdozB,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,GAEPC,MAAO,CACLC,WAAW,EACXC,uBAAuB,EACvBC,gCAAgC,GAElCC,gBAAgB,GAGPC,GACX,CACE/zB,UAAW,GACXC,SAAU,GACVR,MAAO,GACPS,OAAQ,GACRC,eAAgB,GAChBkV,sBAAuB,GACvBgQ,iBAAkB,GAClBC,+BAA+B,EAC/BC,qBAAsB,CACpBC,cAAe,GACfC,OAAQ,GACRC,KAAM,GACNC,SAAU,IAEZvlB,aAAc,GACd4zB,eAAgB,GAChBR,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,GAEPQ,wBAAyB,CACvBx0B,OAAO,EACPg0B,KAAK,GAEPC,MAAO,CACLC,WAAW,EACXO,gBAAgB,EAChBN,uBAAuB,EACvBO,cAAc,EACdC,gBAAgB,GAElBN,gBAAgB,GC5CPO,GAAgD,SAAC,GAOvD,IANLC,EAMI,EANJA,iBACAC,EAKI,EALJA,yBACAha,EAII,EAJJA,QACAzC,EAGI,EAHJA,UACAD,EAEI,EAFJA,SACA2c,EACI,EADJA,oBAEA,OACE,kBAAC,GAAD,CACE7c,SAAS,aACT4C,QAASA,EACTpC,UAAWmc,GAAiD,IAA7BC,EAC/B1c,SAAUC,EAAYD,GAAY,GAEjC2c,IAKPH,GAA6BroB,aAAe,CAC1C6L,SAAU,EACVC,WAAW,GC5BN,I,kBAuBM2c,GAAmD,SAC9DC,GAEA,OAAOA,EAAoBxtB,MAAK,SAACwsB,GAAD,OAAWA,EAAME,0BAGtCe,GAA4D,SACvED,GAEA,OAAOA,EAAoBxtB,MACzB,SAACwsB,GAAD,OAAWA,EAAMG,mCAcRe,GAA0C,SACrDF,GAEA,OAAOA,EAAoBxtB,MAAK,SAACwsB,GAAD,OAAWA,EAAMS,iBAGtCU,GAA4C,SACvDH,GAEA,OAAOA,EAAoBxtB,MAAK,SAACwsB,GAAD,OAAWA,EAAMQ,mBAGtCY,GAA4C,SACvDJ,GAEA,OAAOA,EAAoBxtB,MAAK,SAACwsB,GAAD,OAAWA,EAAMU,mBC5DtCW,GAAsC,SACjDC,GAEA,IAAIC,EAAqB,EAezB,OAbAD,EAAiBE,SAAQ,SAAChN,GACpBA,EAAK2L,iCACPoB,GAA0C,GAGxC/M,EAAK0L,wBACPqB,GAA0C,MAdR,EAmBFA,GAKzBE,GAAwC,SACnDC,EACAC,GAEA,IAAIJ,EAAqB,EAsBzB,OApBAG,EAAmBF,SAAQ,SAAChN,GACtBA,EAAK0L,uBAA+C,WAAtByB,IAChCJ,GAA0C,GAGxC/M,EAAKgM,gBAAwC,WAAtBmB,IACzBJ,GAA0C,GAExC/M,EAAKiM,cAAsC,YAAtBkB,IACvBJ,GAA0C,GAGxC/M,EAAKkM,gBAAwC,YAAtBiB,IACzBJ,GAA0C,MA1CN,EA+CFA,GChC3BK,GAAyC,SAAC,GAKhD,IAJLC,EAII,EAJJA,eACAC,EAGI,EAHJA,aACA3d,EAEI,EAFJA,SACAC,EACI,EADJA,UAEMkd,EAAmBO,EAAe3vB,KAAI,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAE3DgC,EACwCV,EFT3CjvB,QAAO,SAAC2tB,EAAOlS,GAAR,OAA4B,IAAVA,KACzBxb,OACC,SAAC0tB,GAAD,OACEA,EAAMG,gCAAkCH,EAAME,yBEQ9C+B,EACJlB,GAAiDO,GAE7CY,EACJjB,GAA0DK,GAEtDT,EACJQ,GAAoCC,GAiBhCR,ECxD2C,SACjDqB,EACAtB,EACAoB,EACAC,GAEA,OACGD,IACAC,GACDC,EAAsB,GACtBtB,EAA2B,EAEpB,cAELA,EAA2B,EACvB,gBAAN,OAAuBA,EAAvB,eAGAoB,IACCC,EAEM,oDAGPA,IACCD,EAEM,kCAGF,MD0BqBG,CAC1BP,EAAe7vB,OACf6uB,EACAoB,EACAC,GAGF,OACE,kBAAC,GAAD,CACEtB,iBAAkBoB,EAClBnB,yBAA0BA,EAC1BC,oBAAqBA,EACrB3c,SAAUA,EACVC,UAAWA,EACXyC,QA7BkB,WACpB,IAAMmZ,EErCmC,SAC3Ca,EACAoB,EACAC,GAEA,IAAMlC,EAAQ,CACZC,WAAW,EACXE,gCAAgC,EAChCD,uBAAuB,GASzB,OANiC,IAA7BW,IACFb,EAAMG,gCACH+B,EACHlC,EAAME,uBAAyB+B,GAG1BjC,EFoBSqC,CACZxB,EACAoB,EACAC,GAGII,EACJzC,GAEFyC,EAAgCtC,MAAQA,EAExC8B,EAAalrB,KAAK0rB,OAsBtBV,GAAsBtpB,aAAe,CACnC6L,SAAU,EACVC,WAAW,GGtDb,IAAM6B,GAAe/O,aAAOyN,GAAPzN,CAAH,mVAIdQ,MAGc,gBAAGlG,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OAAsB7M,GAAS6M,EAAMvB,OAAOQ,UAC5C,qBAAGe,MAAkBvB,OAAOd,SAASW,QAInD,gBAAG8H,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACAoG,GACAuO,aADQ,sIAEG,qBAAG3U,MAAkBvB,OAAOO,gBAGjBgB,EAAMvB,OAAOd,SAASG,SAG5C,gBAAGgK,EAAH,EAAGA,QAAS1B,EAAZ,EAAYA,SAAUpG,EAAtB,EAAsBA,MAAtB,OACA8H,IACC1B,GACDuO,aAFA,0FAGkB3U,EAAMvB,OAAO7B,UACToD,EAAMvB,OAAO3B,YAGnC,gBAAGgL,EAAH,EAAGA,QAAS1B,EAAZ,EAAYA,SAAUpG,EAAtB,EAAsBA,MAAtB,OACA8H,GACA1B,GACAuO,aAFA,+EAGkB3U,EAAMvB,OAAOd,SAASS,KAC7B4B,EAAMvB,OAAOd,SAASS,SAIjB,qBAAG4B,MAAkBvB,OAAO/B,SAC9B,qBAAGsD,MAAkBa,QAAQE,cAQvB,qBAAGf,MAAkBvB,OAAO3B,WAI9C4L,GAAe7P,KAAOuH,MAAV,iHACd9G,MAMEqO,GAAc9O,aAAO8K,GAAP9K,CAAH,6DAGN,qBAAGmH,MAAkBvB,OAAO7B,aAC5B,gBAAGwJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OAAyBoG,GAAYpG,EAAMvB,OAAOd,SAASS,QAGzD8lB,GAIT,SAAC,GAgBE,IAfL1c,EAeI,EAfJA,GACAjB,EAcI,EAdJA,MACAyD,EAaI,EAbJA,KACAlC,EAYI,EAZJA,QACA7X,EAWI,EAXJA,MACAmW,EAUI,EAVJA,SACAjT,EASI,EATJA,MACA+S,EAQI,EARJA,GACAwD,EAOI,EAPJA,GACAnO,EAMI,EANJA,GACAZ,EAKI,EALJA,GACAoL,EAII,EAJJA,UACAD,EAGI,EAHJA,SACA2H,EAEI,EAFJA,SACAE,EACI,EADJA,OAEMwW,EAAYrc,GAAW7X,EAE7B,OACE,kBAAC,GAAD,CACEqZ,QAAS9B,EACT/D,SAAU,EACVC,WAAY,EACZ0F,GAAK+a,EAAgB,OAAJ,EACjB9a,GAAI,EACJI,GAAI,EACJvD,GAAIA,EACJ3K,GAAIA,EACJmO,GAAIA,EACJ/O,GAAIA,EACJoK,aAAa,qBACb+C,QAASqc,EACT/d,SAAUA,EACVjT,MAAOA,EACP+R,UAAU,SACV+D,SAAS,SAERkb,GAAa,kBAAC,GAAD,CAAavgB,KAAK,QAAQwC,SAAUA,EAAUiD,GAAI,IAC/D9C,EAED,kBAAC,GAAD,CACEiB,GAAIA,EACJwC,KAAMA,EACN1a,KAAK,WACLgK,SAAS,WACT8M,SAAUA,EACV0B,QAASqc,EACT1W,SAAUA,EACVE,OAAQA,EACR7H,SAAUC,EAAYD,GAAY,MAM1Coe,GAASjqB,aAAe,CACtB9G,OAAO,EACPiT,UAAU,EACVL,WAAW,G,wBCjJAqe,GAKT,SAAC,GAA+B,IAA7Bxa,EAA4B,EAA5BA,MAAOC,EAAqB,EAArBA,KAAS9P,EAAY,mBAM3B5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBACMJ,EACA7P,EAFN,CAGE5G,SAAO8W,IAAS9W,IAAQA,EACxBsa,SAbiB,SAAC6P,GACpB1T,EAAM6D,SAAS6P,GACfzT,EAAK+G,cAAchH,EAAMI,WCIhBqa,GAAiE,SAAC,GAUxE,IATL7c,EASI,EATJA,GACAwC,EAQI,EARJA,KACA1K,EAOI,EAPJA,MACAglB,EAMI,EANJA,WACAC,EAKI,EALJA,SACAxe,EAII,EAJJA,UACAye,EAGI,EAHJA,cACAC,EAEI,EAFJA,YACA3f,EACI,EADJA,GAEA,OACE,oCACE,kBAACjD,GAAD,CAAMiD,GAAI,GAAIxF,GACd,kBAAC7F,GAAD,CAAM0B,cAAc,MAAM2J,GAAIA,GAC5B,kBAAC,KAAD,CACE0C,GAAE,UAAKA,EAAL,UACFwC,KAAI,UAAKA,EAAL,UACJzD,MAAO+d,EACPve,UAAWA,EACXK,SAAUoe,EACVzoB,UAAWqoB,KAGb,kBAAC,KAAD,CACE5c,GAAE,UAAKA,EAAL,QACFwC,KAAI,UAAKA,EAAL,QACJzD,MAAOge,EACPxe,UAAWA,EACXpL,GAAI,EACJyL,SAAUqe,EACV1oB,UAAWqoB,QAOrBC,GAAiCpqB,aAAe,CAC9C8L,WAAW,EACXye,eAAe,EACfC,aAAa,GCpDf,IAAMC,GAAe,SAACz0B,EAAe00B,GACnC,MAAM,GAAN,OAAU10B,EAAK,aAAS00B,GAAT,UAAyBA,KAG7BC,GAA2B,SACtCjD,EACAkD,EACAC,GAEA,IAAIxlB,EAAQ,GA2BZ,OAzBIulB,IACFvlB,GAAS,aAGPqiB,EAAME,wBACRviB,GAASolB,GAAaplB,EAAO,wBAE3BqiB,EAAMG,iCACRxiB,GAASolB,GAAaplB,EAAO,kCAGV,4BAAnBwlB,GACAnD,EAAME,wBAENviB,GAASolB,GAAaplB,EAAO,gBAER,kBAAnBwlB,GAAsCD,IACxCvlB,GAASolB,GAAaplB,EAAO,gBAI1BA,IACHA,EAAQ,eAGHA,GAGIylB,GAA6B,SACxCpD,EACAkD,EAEAC,EACAE,GAEA,IAAI1lB,EAAQ,GAyCZ,OAvCIulB,IACFvlB,GAAS,aAGPqiB,EAAME,wBACRviB,GAASolB,GAAaplB,EAAO,wBAE3BqiB,EAAMQ,iBACR7iB,GAASolB,GAAaplB,EAAO,gBAE3BqiB,EAAMS,eACR9iB,GAASolB,GAAaplB,EAAO,aAE3BqiB,EAAMU,iBACR/iB,GAASolB,GAAaplB,EAAO,eAIV,4BAAnBwlB,GACAnD,EAAME,wBAENviB,GAASolB,GAAaplB,EAAO,gBAER,kBAAnBwlB,GAAsCD,IACxCvlB,GAASolB,GAAaplB,EAAO,gBAGV,iBAAjB0lB,GAAmCrD,EAAMS,eAC3C9iB,GAASolB,GAAaplB,EAAO,eAEV,kBAAjB0lB,GAAoCH,IACtCvlB,GAASolB,GAAaplB,EAAO,eAI1BA,IACHA,EAAQ,eAGHA,GC3EI2lB,GAAwD,SAAC,GAI/D,ICpBLC,EDiBAC,EAGI,EAHJA,oBACAxC,EAEI,EAFJA,oBACA7d,EACI,EADJA,GAEMsgB,EEnB+B,SACrCF,EACAC,GAEA,IAAItD,GAAwB,EACxBC,GAAiC,EAWrC,OATAoD,EAAmB/B,SAAQ,SAACxB,EAAOlS,GAC7BkS,EAAME,uBAAyBsD,IAAwB1V,IACzDoS,EAAwBF,EAAME,uBAE5BF,EAAMG,gCAAkCqD,IAAwB1V,IAClEqS,EAAiCH,EAAMG,mCAIpC,CACLF,WAAW,EACXC,wBACAC,kCFAoBuD,CACpB1C,EACAwC,GAGIG,GC1BNJ,ED2BEvC,EAAoBwC,ICxBIvD,WACtBsD,EAAmBrD,uBACnBqD,EAAmBpD,+BDwBvB,OACE,kBAACroB,GAAD,CAAM0B,cAAc,SAAS2J,GAAIA,GAC/B,kBAACrL,GAAD,CACEqL,GAAI,EACJrK,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGwC,GAAI,GAAtC,+CAGA,kBAAC,GAAD,CAActC,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IACpD,wOAML,kBAAClB,GAAD,CAAM0B,cAAe,CAAC,SAAU,SAAU,OAAQG,MAAM,QACtD,kBAAC7B,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEqM,GAAE,yBAAoB2d,EAApB,iCACFnb,KAAI,yBAAoBmb,EAApB,iCACJ5e,MAAM,sBACNH,SAAUgf,EAAcvD,sBACxBtmB,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACX3N,UAAWqoB,MAGXgB,EAAcvD,uBACd,kBAAC,KAAD,CACE7X,KAAI,yBAAoBmb,EAApB,iCACJ5Z,UAAU,cACVxP,UAAWoO,MAIbmb,GACF,kBAAC,KAAD,CACEtb,KAAI,yBAAoBmb,EAApB,oBACJ5Z,UAAU,cACVxP,UAAWoO,MAKf,kBAAC1Q,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEqM,GAAE,yBAAoB2d,EAApB,0CACFnb,KAAI,yBAAoBmb,EAApB,0CACJ5e,MAAM,gCACNH,SAAUgf,EAActD,+BACxBvmB,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACX3N,UAAWqoB,MAGXgB,EAActD,gCACd,kBAAC,KAAD,CACE9X,KAAI,yBAAoBmb,EAApB,0CACJ5Z,UAAU,cACVxP,UAAWoO,SGjGZob,GAAyB,SACpC71B,EACAy1B,GAEA,OAAOz1B,GAAsC,IAAxBy1B,GC2BVK,GAAkD,SAAC,GAWzD,IAVLhC,EAUI,EAVJA,eACA2B,EASI,EATJA,oBACAM,EAQI,EARJA,qBACAC,EAOI,EAPJA,2BACAC,EAMI,EANJA,yBACA5f,EAKI,EALJA,UACA6f,EAII,EAJJA,iBACAnW,EAGI,EAHJA,MACAgU,EAEI,EAFJA,aACAqB,EACI,EADJA,eAEA,EAEIrtB,KADFlB,yBAA4B7G,EAD9B,EAC8BA,WAEtBlB,EAHR,EAC0CsB,iBAElCtB,SAEFq3B,EAAwBrC,EAAe2B,GACvCW,EAA6BD,EAAsBlE,MAEnDoE,EAAyBvC,EAAe3vB,KAAI,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAE3C,IAAxBwD,IACFW,EAA2BlE,WAAY,EAGvCiE,EAAsBpE,uBAAuB/zB,OAAQ,GAGvD,IAAM4R,EAAQslB,GACZkB,EACwB,IAAxBX,EACAL,GAGIkB,EACJL,IACCE,EAAsB13B,SACtB6T,GAAeS,KAAKojB,EAAsB13B,QAEvC83B,EACJP,IAA+BG,EAAsBn4B,MAEjDw4B,EAA8BX,GAClC71B,EACAy1B,GAGIpa,EAAgC,aAAbvc,EAUzB,OACE,kBAACiL,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CACEiB,WAAW,SACXoK,GAAI,EACJrK,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAMkC,WAAW,QAAQzE,GAExBsmB,GACC,kBAAC,GAAD,CACE5rB,cAAY,wBACZwO,QAAS,SAACtB,GAAD,OAzBa,SAC9BL,EACAsf,EACA1C,GAEAA,GAAgBA,EAAa2C,OAAOD,GAoBZE,CAAwBnf,EAAGuI,EAAOgU,IAClD7f,KAAK,QACLjJ,GAAI,KAMgB,QAAzB8qB,GACC,kBAAC,GAAD,CACE9C,oBAAqBoD,EACrBZ,oBAAqBA,EACrBrgB,GAAI,IAIR,kBAACrL,GAAD,CACE0B,cAAc,SACdV,eAAe,gBACfT,cAAY,kCAEZ,kBAAC,GAAD,CACE+L,UAAWA,EACXsE,SAAQ,yBAAoB8a,EAApB,KACR7a,WAAU,yBAAoB6a,EAApB,KACVna,kBAAmBkb,EACnBjb,iBAAkBib,EAClBhb,cAAegb,EACf/a,eAAgB+a,EAChB9a,uBAAwB8a,EACxB7a,qBAAsB6a,EACtBnb,iBAAkBA,EAClBJ,wBAAsB,IAIE,WAAzB8a,GACC,kBAAC,GAAD,CACE9C,oBAAqBoD,EACrBZ,oBAAqBA,EACrBrgB,GAAI,IAKR,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CACE0B,cAAc,MACd2J,GAAI,EACJrK,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGwC,GAAI,GACnC,8BAEH,kBAAC,GAAD,CAActC,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,IAA/C,8HAMF,kBAAC,GAAD,CACE6M,GAAE,yBAAoB2d,EAApB,4BACFnb,KAAI,yBAAoBmb,EAApB,4BACJ7lB,MAAM,eACNglB,WAAW,QACXC,SAAS,MACTC,cAAeyB,EACfxB,YAAauB,EACbjgB,UAAWA,MAKjB,kBAAC,GAAD,CACEzK,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,MAMhBmqB,GAA+BvrB,aAAe,CAC5CwrB,qBAAsB,MACtBa,eAAe,EACfvgB,WAAW,EACX2f,4BAA4B,EAC5BC,0BAA0B,GCzLrB,IAAMY,GAA4C,SAAC,GAInD,IAHLzB,EAGI,EAHJA,eACA/e,EAEI,EAFJA,UACAygB,EACI,EADJA,uBAEMR,GACHQ,EAAuBr4B,SACvB6T,GAAeS,KAAK+jB,EAAuBr4B,QAExC83B,EAAoE,KAAjCO,EAAuB94B,MAOhE,OAJIu4B,IACFO,EAAuB/E,uBAAuB/zB,OAAQ,GAItD,kBAAC+L,GAAD,CAAMyB,GAAI,EAAGC,cAAc,UACzB,kBAAC0G,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,+BASA,kBAACrL,GAAD,CAAMqL,GAAI,GACR,kBAAC,KAAD,CACEqB,UAAU,QACVI,MAAM,oBACNiB,GAAG,gBACHwC,KAAK,iBACL/Z,MAAM,gBACN0sB,aAAcmI,EACd3b,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXnK,UAAWohB,GACXE,YAAU,IAEZ,kBAAC,KAAD,CACElX,UAAU,QACVI,MAAM,8BACNiB,GAAG,0BACHwC,KAAK,iBACL/Z,MAAM,0BACN0sB,aAAcmI,EACd3b,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXoB,UAAWohB,GACXE,YAAU,KAGd,kBAAC5jB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CAAM6B,MAAM,QACV,kBAAC,KAAD,CACE6K,UAAU,QACVI,MAAM,cACNiB,GAAG,kBACHwC,KAAK,iBACL/Z,MAAM,MACN60B,eAAgBA,EAChBnI,aAAcmI,EACd3b,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXnK,UAAWohB,GACXE,YAAU,IAEZ,kBAAC,KAAD,CACElX,UAAU,QACVqB,GAAG,iBACHwC,KAAK,iBACLzD,MAAM,iBACNtW,MAAM,KACN0sB,aAAcmI,EACd3b,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXoB,UAAWohB,GACXE,YAAU,KAGd,kBAAC,KAAD,CACErT,KAAK,iBACLuB,UAAU,cACVxP,UAAWoO,MAIK,QAAnB2a,GACC,kBAACrrB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACE4K,UAAWA,EACXsE,SAAS,yBACTC,WAAW,yBACXG,eAAa,EACbG,sBAAoB,EACpBD,wBAAsB,IAGxB,kBAAClR,GAAD,CACE0B,cAAc,MACd2J,GAAI,EACJrK,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGwC,GAAI,GACnC,8BAEH,kBAAC,GAAD,CAActC,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,IAA/C,oEAKF,kBAAC,GAAD,CACE6M,GAAG,gDACHwC,KAAK,gDACL1K,MAAM,eACNglB,WAAW,QACXC,SAAS,MACTC,cAAeyB,EACfxB,YAAauB,EACbjgB,UAAWA,OCnIV0gB,GAAiD,SAAC,GAMxD,IALLjf,EAKI,EALJA,GACAgc,EAII,EAJJA,eACAzd,EAGI,EAHJA,UACA+e,EAEI,EAFJA,eACA0B,EACI,EADJA,uBAEMvD,EAAmBO,EAAe3vB,KAAI,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAC3Da,EACJQ,GAAoCC,GAEtC,OACE,kBAACxpB,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC3F,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGxI,GAAI,EAAG4J,GAAI,GAA7C,mBAIA,kBAACjD,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,GAAzB,6JAMA,kBAAC,KAAD,CACEkF,KAAK,iBACLwH,kBAAkB,EAClBkV,OAAQ,SAACjD,GAAD,OACN,oCACGD,EAAe3vB,KAAI,SAAC6vB,EAASjU,GAAV,OAClB,kBAAC,GAAD,CACE3c,IAAK2c,EACLA,MAAOA,EACPgW,qBAAgC,IAAVhW,EAAc,SAAW,MAC/C+T,eAAgBA,EAChB2B,oBAAqB1V,EACrB6W,cAAyB,IAAV7W,EACf1J,UAAWA,EACX0d,aAAcA,EACdiC,2BAAsC,IAAVjW,EAC5BmW,iBAAkBnW,EAAQ,EAC1BqV,eAAgBA,OAInBtB,EAAe7vB,OAAS,GAAK6uB,EAA2B,GACvD,kBAAC/oB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CACE0e,eAAgBA,EAChBC,aAAcA,EACd1d,UAAWA,SAQvB,kBAAC,GAAD,CACE+e,eAAgBA,EAChB0B,uBAAwBA,EACxBzgB,WAAS,MAMjB0gB,GAA8BxsB,aAAe,CAC3C8L,WAAW,GCrFN,IAAM4gB,GAA0D,CACrEr3B,KAAM,cACNs3B,MAAO,EACPC,QAAS,MCHEC,GAA6C,CACxDC,WAAY,GACZz3B,KAAM,cACNs3B,MAAO,EACPC,QAAS,GACTG,OAAQ,aCaGC,GAA4C,CACvDC,SAAU,GACVC,eAAgB,CACdC,UAAW,GACXC,SAAU,GACV3G,aAAc,GACdC,WAAY,GACZjN,OAAQ,GACRE,SAAU,IAEZmN,mBAAoB,CAClBT,cAAe,GACfC,gBAAiB,GACjBT,wBAAwB,EACxBU,oBAAqB,CACnBE,aAAc,GACdC,WAAY,GACZjN,OAAQ,GACR+M,KAAM,GACN7M,SAAU,IAEZ0T,6BAA8B,IAEhCC,SAAU,GACVC,YAAa,CAACV,IACdW,uBAAwB,GACxBC,YAAa,GACbC,kBAAmB,IAGRC,GAAgD,CAC3DV,SAAU,GACVC,eAAgB,CACdC,UAAW,GACXC,SAAU,GACV3G,aAAc,GACdC,WAAY,GACZjN,OAAQ,GACRE,SAAU,IAEZmN,mBAAoB,CAClBT,cAAe,GACfC,gBAAiB,GACjBT,wBAAwB,EACxBU,oBAAqB,CACnBE,aAAc,GACdC,WAAY,GACZjN,OAAQ,GACR+M,KAAM,GACN7M,SAAU,IAEZ0T,6BAA8B,IAEhCO,SAAU,IACVC,KAAM,CAACnB,IACPoB,2BAA4B,ICzEjBC,GAAgB,SAC3B34B,EACAkX,GAEA,MAAO,CACLM,MAAO,aACP0U,SAAU,gBACVlsB,SACAkX,UCKS0hB,GAA0C,SAAC,GAIjD,IAHLnX,EAGI,EAHJA,cACAC,EAEI,EAFJA,gBACAhL,EACI,EADJA,UAEA,OACE,kBAACtM,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAMqL,GAAI,CAAC,EAAG,EAAG,IACf,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,GAEJ,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,6BACF9G,KAAI,UAAK+G,EAAL,6BACJxK,MAAM,aACNiF,YAAY,WACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,6BACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,GAEJ,kBAAC,KAAD,CACE6M,GAAE,UAAKsJ,EAAL,4BACF9G,KAAI,UAAK+G,EAAL,4BACJxK,MAAM,KACNiF,YAAY,aACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,4BACJxF,UAAU,cACVxP,UAAWoO,OAKjB,kBAAC1Q,GAAD,CAAM0B,cAAe,CAAC,SAAU,SAAU,MAAO,OAAQ2J,GAAI,CAAC,EAAG,EAAG,IAClE,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,EAAG,GACdpB,GAAI,CAAC,EAAG,EAAG,EAAG,IAEd,kBAAC,KAAD,CACE0C,GAAE,UAAKsJ,EAAL,gCACF9G,KAAI,UAAK+G,EAAL,gCACJxK,MAAM,gBACNiF,YAAY,UACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,gCACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,EAAG,IAEd,kBAAC,KAAD,CACE6M,GAAE,UAAKsJ,EAAL,8BACF9G,KAAI,UAAK+G,EAAL,8BACJxK,MAAM,cACNiF,YAAY,mBACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,8BACJxF,UAAU,cACVxP,UAAWoO,OAKjB,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,SAAU,OACxD2J,GAAI,CAAC,EAAG,EAAG,IAEX,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVnE,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBoB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,0BACF9G,KAAI,UAAK+G,EAAL,0BACJxK,MAAM,SACNiF,YAAY,iBACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,0BACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,OAC1BgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAClB,GAAD,CACE0B,cAAc,SACd+N,UAAW,CAAC,OAAQ,GACpBC,SAAU,CAAC,EAAG,IACdF,SAAU,CAAC,OAAQ,IAEnB,kBAAC,KAAD,CACEzB,GAAE,UAAKsJ,EAAL,4BACF9G,KAAI,UAAK+G,EAAL,4BACJxK,MAAM,WACNiF,YAAY,YACZzF,UAAWA,EACXhK,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAI,UAAK+G,EAAL,4BACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAACvR,GAAD,CACE+B,GAAI,CAAC,EAAG,GACRO,GAAI,EACJgO,UAAW,CAAC,OAAQ,GACpBC,SAAU,CAAC,EAAG,IACdF,SAAU,CAAC,OAAQ,IAEnB,kBAAC,GAAD,CAAM6I,KAAK,0DAAX,kBAEE,kBAAC,GAAD,CAAMlO,KAAK,sBASzBqkB,GAAuBhuB,aAAe,CACpC8L,WAAW,GCpKN,IAAMmiB,GAAyC,SAAC,GAUhD,IATLC,EASI,EATJA,KACA1Y,EAQI,EARJA,MACAnQ,EAOI,EAPJA,MACAwR,EAMI,EANJA,cACAC,EAKI,EALJA,gBACA0S,EAII,EAJJA,aACAmC,EAGI,EAHJA,iBACAhV,EAEI,EAFJA,cACA+O,EACI,EADJA,SAUA,OACE,oCACE,kBAAClmB,GAAD,CACEiB,WAAW,SACXD,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAM4B,SAAU,CAAC,EAAG,EAAG,EAAG,GAAIC,WAAY,GACvCpE,GAGH,kBAAC,GAAD,CAAcsE,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IACpD,4UAKFirB,GACC,kBAAC,GAAD,CACE5rB,cAAY,qBACZwO,QAAS,SAACtB,GAAD,OAhCU,SAC3BL,EACAuhB,EACA3E,GAEAA,GAAgBA,EAAa2C,OAAOgC,GA2BZC,CAAqBnhB,EAAGuI,EAAOgU,IAC/C7f,KAAK,QACLjJ,GAAI,KAKV,kBAAC,GAAD,CACEW,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRH,GAAI,EACJ4J,GAAI,IAGN,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CAAM6B,MAAM,QACV,kBAAC,KAAD,CACE6K,UAAU,SACVqB,GAAE,UAAKsJ,EAAL,mBACF9G,KAAI,UAAK+G,EAAL,aACJxK,MAAM,2BACNtW,MAAM,iBACN0sB,aAAcwL,EAAKjB,SACnB/d,SAAU,GACVjD,GAAI,CAAC,EAAG,EAAG,GACXnK,UAAWohB,KAGb,kBAAC,KAAD,CACEhX,UAAU,SACVqB,GAAE,UAAKsJ,EAAL,wBACF9G,KAAI,UAAK+G,EAAL,aACJxK,MAAM,yBACNtW,MAAM,sBACN0sB,aAAcwL,EAAKjB,SACnB/d,SAAU,GACVxO,GAAI,CAAC,EAAG,EAAG,GACXoB,UAAWohB,MAGf,kBAAC,KAAD,CACEnT,KAAI,UAAK+G,EAAL,aACJxF,UAAU,cACVxP,UAAWoO,OAKE,mBAAlBge,EAAKjB,SACJ,kBAAC,GAAD,CACEpW,cAAeA,EACfC,gBAAiBA,IAEC,wBAAlBoX,EAAKjB,SACP,kBAAC,GAAD,CACEpW,cAAeA,EACfC,gBAAiBA,EACjBkP,uBAAwBkI,EAAKpH,mBAC7BnQ,cAAeA,EACf+O,SAAUA,IAEV,OChHG2I,GAAyB,SAAC,GAWhC,IAVLC,EAUI,EAVJA,UACAjpB,EASI,EATJA,MACAkpB,EAQI,EARJA,WACAC,EAOI,EAPJA,YACAC,EAMI,EANJA,oBACAC,EAKI,EALJA,aACAC,EAII,EAJJA,SACAC,EAGI,EAHJA,UACAtxB,EAEI,EAFJA,SACAuxB,EACI,EADJA,YAEMC,EAAepxB,qBAAWqxB,MACxBC,EAAe37B,OAAf27B,WAEFC,EAAqB,SAACzZ,GAC1B,IAAM0Z,EAAaJ,EAAarpB,YAAY+P,GAC5C,OAAO0Z,EAAWvQ,UAAU,EAAGuQ,EAAWx1B,OAAS,IAGrD,OACE,kBAAC,IAAD,CACE4a,OAAQga,EACRa,aAAc9pB,EACd+pB,eAAgBV,EAChBW,MAAO,CACLC,QAAS,CACPxS,gBAAgB,GAAD,OAAKgS,EAAatqB,OAAOd,SAASI,QACjDmY,SAAU,QAEZiF,QAAS,CACP1T,SAAU,QACV4P,IAAK,MACLrC,KAAM,MACNsC,MAAO,OACPkS,OAAQ,OACRC,YAAa,OACbC,UAAU,GAAD,OACPT,EAAaC,EAAmB,GAC5B,wBACA,yBAEN/Z,QAAS,OACTpK,aAAc,OACdkH,UAAU,GAAD,OAAK8c,EAAaloB,QAAQK,OACnC5F,MAAM,GAAD,OAAK2tB,EAAaC,EAAmB,GAAK,MAAQ,WAI3D,kBAACzvB,GAAD,CAAM0B,cAAc,SAASV,eAAe,iBAC1C,kBAAChB,GAAD,CAAM0B,cAAc,SAASV,eAAe,iBAC1C,kBAAChB,GAAD,CAAM0B,cAAc,MAAMV,eAAe,iBACvC,kBAACoH,GAAD,CAAM4B,SAAU,EAAGC,WAAY,GAC5BpE,GAEH,kBAAC,GAAD,CAAcsE,KAAK,QAAQ4E,QAASmgB,EAAchuB,GAAI,KAExD,kBAAC,GAAD,CACEW,MAAM,OACNJ,GAAI,EACJ4J,GAAI,EACJzL,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,KAIZ,kBAACzC,GAAD,KAAMrB,GAELuxB,GACC,kBAACrvB,GAAD,CACE0B,cAAc,MACdV,eAAgB,CAAC,SAAU,SAAU,YACrCkvB,SAAS,OACTjvB,WAAW,YAEX,kBAAC,GAAD,CAAQuJ,QAASykB,EAAqBlgB,QAASogB,GAC5CJ,GAGH,kBAAC,GAAD,CACEvkB,QAAQ,UACRuE,QAASqgB,EACTluB,GAAI,CAAC,EAAG,EAAG,GACXO,GAAI,CAAC,EAAG,EAAG,IAEVutB,OASfH,GAAMruB,aAAe,CACnBsuB,WAAW,EACXO,aAAa,EACbL,YAAa,UACbD,WAAY,SACZE,oBAAqB,aC9GhB,I,2BAAMkB,GAA4B,SAAC,GAAoC,IAAlCC,EAAiC,EAAjCA,MAAOpa,EAA0B,EAA1BA,MAAOgU,EAAmB,EAAnBA,aACxD,EAAkCxb,oBAAS,GAA3C,mBAAOsgB,EAAP,KAAkBuB,EAAlB,KAkCA,OACE,oCACE,kBAAC,GAAD,CACElmB,KAAK,eACL4E,QApCkB,WACtBshB,GAAa,IAoCT1jB,SAR+B,KAA5ByjB,EAAMpa,GAAOsX,aAWlB,kBAAC,GAAD,CACEznB,MAAM,yBACNipB,UAAWA,EACXC,WAAW,SACXC,YAAY,QACZC,oBAAoB,QACpBC,aA1CmB,WACvBmB,GAAa,IA0CTlB,SAvCiB,WACrBkB,GAAa,IAuCTjB,UApCkB,WAGtB,IAFA,IAAMkB,EAAaF,EAAMpa,GAEhBua,EAAI,EAAGA,EAAIvG,EAAa5Z,KAAK6H,OAAOuY,cAAeD,IAC1DvG,EAAalrB,KAAK,CAChBwuB,WAAYD,GAAyBC,WACrCz3B,KAAMy6B,EAAWz6B,KACjBs3B,MAAOmD,EAAWnD,MAClBC,QAASkD,EAAWlD,QACpBG,OAAQ+C,EAAW/C,SAIvB8C,GAAa,KAyBT,kBAAC,KAAD,CACEtiB,GAAG,gBACHwC,KAAK,gBACL/Z,MAAO,EACPiW,GAAG,OACHnK,UAAWgjB,QChDfmL,GAAerxB,aAAOY,GAAPZ,CAAH,2IAGd8G,GAAaG,aAGG,qBAAGE,MAAkBvB,OAAOd,SAASK,QAInDmsB,GAAYtxB,aAAOY,GAAPZ,CAAH,qGAGJ,qBAAGmH,MAAkBvB,OAAOd,SAASS,QAI1CgsB,GACJ,ucAMIC,GACJ,oJAGWC,GAAmC,SAAC,GAA0B,IAAxBT,EAAuB,EAAvBA,MAAOzB,EAAgB,EAAhBA,UAgBxD,OACE,kBAAC3uB,GAAD,CAAM0B,cAAc,UAClB,kBAAC+uB,GAAD,CAAcvO,GAAI,EAAG7W,GAAI,GACvB,kBAACqlB,GAAD,CAAWpmB,WAAW,SAASN,SAAU,EAAG0F,SAAU,GAAKjD,GAAI,GAA/D,mBAGA,kBAACikB,GAAD,CAAWpmB,WAAW,SAASN,SAAU,EAAG0F,SAAU,IAAMjD,GAAI,GAAhE,QAGA,kBAACikB,GAAD,CACEpmB,WAAW,SACXN,SAAU,EACV0F,SAAU,IACVjD,GAAI,EACJxM,QAAS,SAET,kBAACmI,GAAD,cACA,kBAAC,GAAD,CAAc+B,KAAK,OAAOjJ,GAAI,GAC3ByvB,KAGL,kBAACD,GAAD,CAAWpmB,WAAW,SAASN,SAAU,EAAG0F,SAAU,IAAMjD,GAAI,GAC9D,kBAACrE,GAAD,CAAMvG,MAAM,eAAZ,cACA,kBAAC,GAAD,CAAcsI,KAAK,OAAOjJ,GAAI,EAAGO,GAAI,IAClCmvB,KAGL,kBAACF,GAAD,CAAWpmB,WAAW,SAASN,SAAU,EAAG0F,SAAU,IAAMjD,GAAI,GAAhE,UAGA,kBAACikB,GAAD,CAAWhhB,SAAU,MAKvB,kBAAC,GAAD,CACExE,QACE,oEAEFV,QAAQ,cACRL,KAAK,OACLkB,GAAI,IAGN,kBAAC,KAAD,CACEkF,KAAI,wBAAmBoe,EAAnB,iBACJ5W,kBAAkB,EAClBkV,OAAQ,SAACjD,GAAD,OACN,oCACGoG,EAAMh2B,KAAI,SAAC4sB,EAAMhR,GAAP,OACT,kBAAChW,GAAD,CACE3G,IAAG,wBAAmBs1B,EAAnB,yBAA6C3Y,EAA7C,KACHtU,cAAe,CAAC,SAAU,SAAU,SAAU,MAAO,OACrDI,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC9B,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVF,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCC,UAAW,EACXhD,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACE0C,GAAE,wBAAmB4gB,EAAnB,yBAA6C3Y,EAA7C,gBACFzF,KAAI,wBAAmBoe,EAAnB,yBAA6C3Y,EAA7C,gBACJlJ,MAAM,kBACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFM,SAAU,EACVqC,YAAY,UACZzP,UAAW4N,KAEb,kBAAC/Q,GAAD,CAAK0C,MAAM,cAAcJ,GAAI,CAAC,EAAG,EAAG,IAClC,kBAAC,KAAD,CACE8O,KAAI,wBAAmBoe,EAAnB,yBAA6C3Y,EAA7C,gBACJlE,UAAU,cACVxP,UAAWoO,OAKjB,kBAAC,KAAD,CACE3C,GAAE,wBAAmB4gB,EAAnB,yBAA6C3Y,EAA7C,UACFzF,KAAI,wBAAmBoe,EAAnB,yBAA6C3Y,EAA7C,UACJlJ,MAAM,OACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFyE,MAAO,CAAC,cAAe,cACvBF,aAAc,EACd5B,YAAY,GACZtF,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBmE,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCE,SAAU,IACVD,UAAW,EACXnN,UAAWiiB,KAGb,kBAAC,KAAD,CACExW,GAAE,wBAAmB4gB,EAAnB,yBAA6C3Y,EAA7C,WACFzF,KAAI,wBAAmBoe,EAAnB,yBAA6C3Y,EAA7C,WACJlJ,MAAM,QACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFyE,MAAO,CAAC,IAAK,IAAK,KAClBF,aAAc,EACd5B,YAAY,GACZzC,QAASqhB,GACTphB,eAAgB,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,QACjD9C,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBmE,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCE,SAAU,IACVD,UAAW,EACXnN,UAAWiiB,KAGb,kBAAC,KAAD,CACExW,GAAE,wBAAmB4gB,EAAnB,yBAA6C3Y,EAA7C,aACFzF,KAAI,wBAAmBoe,EAAnB,yBAA6C3Y,EAA7C,aACJlJ,MAAM,aACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFE,QAASshB,GACTrhB,eAAgB,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,QACjDsE,MAAO,CACL,KACA,KACA,KACA,KACA,KACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,MACA,OACA,OACA,OACA,OACA,QAEFF,aAAc,EACd5B,YAAY,GACZtF,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBmE,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCE,SAAU,IACVD,UAAW,EACXnN,UAAWiiB,KAGb,kBAAC,KAAD,CACExW,GAAE,wBAAmB4gB,EAAnB,yBAA6C3Y,EAA7C,YACFzF,KAAI,wBAAmBoe,EAAnB,yBAA6C3Y,EAA7C,YACJlJ,MAAM,cACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFyE,MAAO,CAAC,4BAA6B,aACrCF,aAAc,EACd5B,YAAY,GACZtF,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBmE,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCE,SAAU,IACVD,UAAW,EACXnN,UAAWiiB,KAGb,kBAACvkB,GAAD,CACEgB,eAAe,MACfC,WAAW,SACXC,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBmK,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBmE,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCE,SAAU,GACVD,UAAW,GAEX,kBAAC,GAAD,CACE2gB,MAAOA,EACPpa,MAAOA,EACPgU,aAAcA,IAGhB,kBAAC,GAAD,CACEzpB,cAAY,qBACZ4J,KAAK,QACLwC,SAA2B,IAAjByjB,EAAMl2B,OAChB6U,QAAS,SAACtB,GAAD,OAjPE,SAC3BL,EACA4c,EACA8G,GAEA9G,EAAa2C,OAAOmE,GA6OFC,CAAqBtjB,EAAGuc,EAAchU,IAExC9U,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,UAMzB,kBAACkH,GAAD,CACE7H,cAAY,oBACZb,MAAM,gBACN4K,WAAW,SACXN,SAAU,EACVvI,GAAI,GALN,6BAOyB2uB,EAAMl2B,SAG/B,kBAAC,GAAD,CACE2H,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRH,GAAI,EACJ4J,GAAI,IAGN,kBAAC,GAAD,CACEc,SAAS,aACTtW,KAAK,SACLsxB,UAAU,QACV1lB,GAAI,EACJsN,QAAS,SAACtB,GAAD,OA5QM,SACzBL,EACA4c,GAEAA,EAAalrB,KAAKuuB,IAwQQ2D,CAAmBvjB,EAAGuc,KALxC,kBClUCiH,GAAqD,CAChEz8B,UAAW,GACXC,SAAU,GACVR,MAAO,GACPS,OAAQ,GACRC,eAAgB,GAChBC,aAAc,GACdozB,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,ICLIiJ,GAAkD,CAC7DC,QAAS,cACTC,cAAe,GACfC,QCNoC,CACpCC,MAAO,CAAC9D,KDMRnG,UjD8CwC,CACxCC,mBAAoB,CAClBT,cAAe,GACfC,gBAAiB,GACjBT,wBAAwB,EACxBU,oBAAqB,CACnBE,aAAc,GACdC,WAAY,GACZjN,OAAQ,GACR+M,KAAM,GACN7M,SAAU,IAEZ0T,6BAA8B,IAEhCnJ,YAAa,GACb6M,iBAAkB,GAClBC,SAAU,EACVC,QAAS,IACTC,eAAgB,IiD/DhBC,kBAAmB,GACnBC,oBAAqB,GACrBC,cAAe,GACfC,gBAAiB,GACjB/H,eAAgB,CAAChC,IACjBgF,uBAAwBkE,GACxBc,8BAA8B,EAC9BC,uCAAuC,EACvC3G,eAAgB,I,UEnBL4G,GAA6B,CACxC,kBACA,YACA,aACA,mBACA,qBACA,0BACA,cACA,kBACA,oBACA,wBACA,gBACA,aACA,qBACA,0EACA,2BACA,oEACA,kDCfWC,GAA8B,SAACC,GAC1C,IAAKA,EACH,MAAO,GAGT,IAAMnc,EAAQmc,EAASC,YAAY,KACnC,OAAe,IAAXpc,EACKmc,EAGFA,EAAShT,UAAU,EAAGnJ,IAGlBqc,GAAmB,SAACF,GAC/B,IAAKA,EACH,MAAO,GAGT,IAAMnc,EAAQmc,EAASC,YAAY,KACnC,OAAe,IAAXpc,EACK,GAGFmc,EAAShT,UAAUnJ,EAAQ,IAQvBsc,GAAkB,WAE7B,OAAO,IAAIj7B,SAAqB,gBAIrBk7B,GAAY,SAEvBC,EAEAC,EAEAC,GAEA,OAAO,IAAIC,MAIAC,GAAa,WACxB,OAAO,IAAIC,gBAIAC,GAAW,WAEtB,OAAO,IAAIz7B,SAAgB,gBClChB07B,GAAgB3zB,aAAOY,GAAPZ,CAAH,wWAOR,qBAAGmH,MAAkBvB,OAAOd,SAASW,QACjC,qBAAG0B,MAAkBvB,OAAOd,SAASE,QAOvD,gBAAG4uB,EAAH,EAAGA,aAAczsB,EAAjB,EAAiBA,MAAjB,OACAysB,GACA9X,aADY,0FAEM3U,EAAMvB,OAAO7B,UACToD,EAAMvB,OAAO1B,YAGnC,gBAAG2vB,EAAH,EAAGA,aAAc1sB,EAAjB,EAAiBA,MAAjB,OACA0sB,GACA/X,aADY,0FAEM3U,EAAMvB,OAAOvB,UACT8C,EAAMvB,OAAOtB,gBAGnC,gBAAGhK,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OACA7M,GACAwhB,aADK,wFAGa3U,EAAMvB,OAAOvB,cAG/B,gBAAGkJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACAoG,GACAuO,aADQ,sHAGU3U,EAAMvB,OAAOd,SAASW,KAClB0B,EAAMvB,OAAOd,SAASG,SAI1C,gBAAGsI,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACCoG,GACDuO,aADA,gGAEkB3U,EAAMvB,OAAO/B,MACTsD,EAAMvB,OAAO3B,YAKnC,gBAAGsJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACCoG,GACDuO,aADA,0FAEkB3U,EAAMvB,OAAO/B,MACfsD,EAAMa,QAAQE,eAKvB4rB,GAET,SAAC,GAYE,IAXL3iB,EAWI,EAXJA,KACA4iB,EAUI,EAVJA,cACAC,EASI,EATJA,SACAC,EAQI,EARJA,eACAC,EAOI,EAPJA,gBACAC,EAMI,EANJA,kBACA75B,EAKI,EALJA,MACAoP,EAII,EAJJA,aACA6D,EAGI,EAHJA,SACA6mB,EAEI,EAFJA,gBACAtf,EACI,EADJA,OAEMuf,EAASC,uBACb,SAACC,GACCH,EAAgBG,KAElB,CAACH,IAaH,EACEI,aAAY,CACVC,SAAS,EACTC,SAAUX,EACVC,WACAW,QAASV,EACTW,OAAQV,EAAgBW,WACxBtnB,WACAunB,UAZsB,SAACC,GACzB,OClHqC,SACvCA,EACAZ,GAEA,OAAKA,IAQc,IAJDA,EAAkBa,WAClC,SAACC,GAAD,OAAsBA,IAAqBF,EAAK5jB,QAIzC,CACL7C,KAAM,sBACNxC,QAAQ,oBAAD,OAAsBipB,EAAK5jB,KAA3B,+BAVF,KD6GA+jB,CAA0BH,EAAMZ,IAYrCE,SACAc,mBAnB6B,WAC/BrgB,GAAUA,OAQJsgB,EAAR,EAAQA,aAActf,EAAtB,EAAsBA,cAAe8d,EAArC,EAAqCA,aAAcC,EAAnD,EAAmDA,aAAcwB,EAAjE,EAAiEA,KAajE,OACE,kBAACz0B,GAAD,CAAM0B,cAAc,UAClB,kBAACqxB,GAAD,eACExyB,cAAY,0BACZmB,cAAc,SACdT,WAAW,SACXyU,QAAS,EACTsd,aAAcA,EACdC,aAAcA,EACdv5B,MAAOA,EACPiT,SAAUA,GACN6nB,KAEJ,2CACMtf,EAAc,CAChB3E,SAFJ,CAIEhQ,cAAY,4BAGZyyB,GACA,oCACE,kBAAC5qB,GAAD,CAAM1I,MAAM,gBAAgB+L,UAAU,SAASJ,GAAI,GAAnD,iEAIA,kBAAC,GAAD,CACEc,SAAS,aACTQ,SAAUA,EACVoC,QAAS0lB,GAHX,gBAUHzB,GACC,oCACE,kBAAC5qB,GAAD,CAAMqD,UAAU,SAASzB,SAAU,EAAGC,WAAY,EAAGoB,GAAI,GAAzD,gCAGA,kBAAC,GAAD,CAAMlB,KAAK,gBAAgBH,SAAU,MAK1CtQ,GAASoP,GACR,kBAAC4H,GAAD,KAAwB5H,KAMhCoqB,GAAmB1yB,aAAe,CAChC2yB,eAAe,EACfC,SAAU,EACVC,eAAgB,SAChBC,gBDhKOrB,GCiKPsB,kBAAmB,IE3LrB,I,SAEamB,GAAmB,SAACC,GAC/B,IAAMC,EAAkD,IAA9BC,KAAKC,IAAI,EAAGH,GAItC,OAAOC,GAPU,IAKkB,GAApBA,EAA0BC,KAAKE,WAKnCC,GAAoC,SAC/CC,EACAC,EACAC,GAEA,GAAID,GAAWC,EAAiB,CAC9B,IAAMC,EAAsBC,KAAKC,MAAQH,EACzC,OAAON,KAAKrrB,IAAI0rB,EAAUE,EAAsBH,EAAO,GAGzD,OAAOM,IAGIC,GAAwB,SAAC98B,GACpC,SAAIA,GAAoC,YAAxBA,EAAS+8B,aChBdF,GAA4B,IAE5BG,GAAU,uCAAG,WACxBvB,EACAwB,GAFwB,eAAAv+B,EAAA,6DAIlBw+B,EAAW,IAAIC,UACZC,OAAO,OAAQ3B,GALA,SAOXl8B,EACVO,KADU,sBACUm9B,GAAkBC,EAAU,CAC/C99B,QAAS,CACP,eAAgB,yBAGnBgB,MAAK,SAACJ,GAAD,OAAcA,EAASK,QAbP,mFAAH,wDAkBjBg9B,GAAsB,uCAAG,WAC7BC,EACAL,GAF6B,eAAAv+B,EAAA,6DAIzBu9B,EAAiB,EAErB18B,EAAUg+B,SAASf,QAAUK,GAE7Bt9B,EAAUi+B,aAAa5b,QAAQ6b,KAAI,SAAC99B,GAElC,OADAA,EAAO88B,gBAAkBE,KAAKC,MACvBj9B,KAGTJ,EAAUi+B,aAAax9B,SAASy9B,KAC9B,SAACz9B,GACC,IAAQK,EAAiBL,EAAjBK,KAAMV,EAAWK,EAAXL,OAGd,IAAKA,EACH,OAAOhB,QAAQ++B,OAAO19B,GAIxB,IADoB88B,GAAsBz8B,GAExC,OAAO1B,QAAQC,QAAQoB,GAGzBi8B,GAAkC,EAClCt8B,EAAOs8B,eAAiBA,EAExB,IAAM0B,EAAgB3B,GAAiBC,GASvC,OARAt8B,EAAO68B,QAAUF,GACfqB,EACAh+B,EAAO68B,QACP78B,EAAO88B,iBAGT98B,EAAOi+B,iBAAmB,CAAC,SAACv9B,GAAD,OAAUA,IAE9B,IAAI1B,SAAQ,SAACC,GAAD,OACjBI,YAAW,WACTJ,EAAQW,EAAUqiB,QAAQjiB,MACzBg+B,SA1CoB,SA+ChBp+B,EACVY,IADU,4BACiCm9B,GAAO,CACjD3f,OAAQ,CAAEsf,oBAEX78B,MAAK,SAACJ,GACL,OAAOA,EAASK,QAEjBD,MAAK,SAACJ,GACL,OAAOA,KAvDkB,mFAAH,wDA2Df69B,GAAiB,uCAAG,WAC/BP,EACAL,GAF+B,SAAAv+B,EAAA,+EAIxB2+B,GAAuBC,EAAKL,IAJJ,2CAAH,wDC7EjBa,GAAiD,SAAC,GAKxD,IAJLC,EAII,EAJJA,aACAC,EAGI,EAHJA,SACAC,EAEI,EAFJA,QACAz1B,EACI,EADJA,GAEA,OACE,kBAAClB,GAAD,CAAMkB,GAAIA,EAAID,WAAW,WACJ,cAAjBw1B,GAAiD,aAAjBA,IAChC,oCACE,kBAACruB,GAAD,CACE7H,cAAY,gCACZb,MAAM,gBACN+M,GAAI,GAEc,cAAjBgqB,GAAgC,eACf,aAAjBA,GAA+B,eAGlC,kBAACruB,GAAD,CAAMqE,GAAI,GACR,kBAAC,GAAD,CAAS/M,MAAM,qBAKD,kBAAjB+2B,GAAqD,gBAAjBA,GAAmD,uBAAjBA,IACvE,oCACE,kBAACruB,GAAD,CACE7H,cAAY,oCACZb,MAAM,YACN+M,GAAI,GAEc,kBAAjBgqB,GAAoC,mBACnB,gBAAjBA,GAAkC,iBACjB,uBAAjBA,GAAyC,wFAK9B,kBAAjBA,GACC,kBAAC,GAAD,CAAYhqB,GAAI,EAAGsC,QAAS4nB,GAA5B,WAKkB,cAAjBF,GAAiD,aAAjBA,IACjC,kBAAC,GAAD,CAAYv1B,GAAG,OAAO6N,QAAS2nB,GAA/B,YC3DKE,GAAU,SACrBC,EACAjhC,GAIA,OAFiBA,EAATC,MAGN,IAAK,SACH,MAAO,CAAE8C,OAAQ,aAGnB,IAAK,kBAAoB,IAAD,EACtB,MAAO,CAAEA,OAAQ,WAAYq9B,IAAG,UAAEpgC,EAAOE,eAAT,aAAE,EAAgBkgC,KAGpD,IAAK,gBACH,MAAO,CACLr9B,OAAQ,iBAIZ,IAAK,qBACH,MAAO,CACLA,OAAQ,sBAIZ,IAAK,cACH,MAAO,CAAEA,OAAQ,eAGnB,IAAK,WACH,MAAO,CAAEA,OAAQ,YAGnB,QACE,MAAM,IAAI1D,MAAM,oBCpCT6hC,GAAoB,+BCyB3B9nB,GAAc5P,aAAOY,GAAPZ,CAAH,kHAEK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAGrD,gBAAG1K,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OACA7M,EAAQ6M,EAAMvB,OAAOvB,UAAY8C,EAAMvB,OAAOd,SAASK,QAGvDwyB,GAAkB33B,aAAOgJ,GAAPhJ,CAAH,kIAOf43B,GAAuB53B,aAAOgJ,GAAPhJ,CAAH,yHAEf,qBAAGmH,MAAkBvB,OAAOW,SACjB,qBAAGY,MAAkBvB,OAAOd,SAASS,QAI9CsyB,GAA+C,SAAC,GAOtD,IANLlpB,EAMI,EANJA,GACAomB,EAKI,EALJA,KACAuC,EAII,EAJJA,SACAQ,EAGI,EAHJA,qBACAz1B,EAEI,EAFJA,GACAk0B,EACI,EADJA,eAEA,EAAgC/4B,qBAAWg6B,GAAS,CAClDj+B,OAAQ,GACRq9B,IAAK,KAFP,mBAAOa,EAAP,KAAoBM,EAApB,KAKMC,EAAe,uCAAG,WAAOjD,GAAP,mBAAA/8B,EAAA,6DAClBigC,EAAiC,gBACjCC,EAAuC,CAAEtB,IAAK,IAF5B,kBAKGN,GAAWvB,EAAMwB,GALpB,OAKdj9B,EALc,OAOpB2+B,EACE3+B,GAAYA,EAAS6X,MAAQ7X,EAASs9B,IAClC,kBACA,gBAEFt9B,GAAYA,EAAS6X,MAAQ7X,EAASs9B,MACxC7B,EAAKoD,UAAW,EAChBpD,EAAK6B,IAAMt9B,EAASs9B,IACpBsB,EAAkB,CAAEtB,IAAKt9B,EAASs9B,MAfhB,kDAkBpB7B,EAAKoD,UAAW,EAChBF,EAAgBnF,GAA4BiC,EAAK5jB,MAAMrH,MAAM4tB,IAAsB,gBAAkB,qBAnBjF,QAsBtBK,EAAS,CACPthC,KAAMwhC,EACNvhC,QAASwhC,IAxBW,0DAAH,sDA4BfvB,EAAsB,uCAAG,WAAOC,GAAP,mBAAA5+B,EAAA,6DACvBkgC,EAAuC,CAAEtB,OAC3CqB,EAAiC,cAFR,kBAKJd,GAAkBP,EAAKL,GALnB,OAKrBj9B,EALqB,OAO3B2+B,EACE3+B,GAAoC,OAAxBA,EAAS+8B,WAAsB,WAAa,cAE9B,OAAxB/8B,EAAS+8B,aACXtB,EAAKqD,SAAU,EACfN,EAAqB/C,IAZI,kDAe3BA,EAAKqD,SAAU,EACfH,EAAe,cAhBY,QAmB7BF,EAAS,CACPthC,KAAMwhC,EACNvhC,QAASwhC,IArBkB,0DAAH,sDA+D5B,OAzBA95B,qBAAU,YACH22B,EAAKqD,SAAkC,aAAvBX,EAAYl+B,QAAyBk+B,EAAYb,KACpED,EAAuBc,EAAYb,OAGpC,CAACa,IAGJr5B,qBAAU,WACH22B,EAAKoD,WACRJ,EAAS,CACPthC,KAAM,WAGRuhC,EAAgBjD,IAGdA,EAAKqD,SACPL,EAAS,CACPthC,KAAM,eAIT,IAGD,kBAACmK,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC,GAAD,CACErM,cACyB,aAAvBm1B,EAAYl+B,OACR,MACA,CAAC,SAAU,SAAU,OAE3BsI,WAAY,CAAC,aAAc,aAAc,UACzCyU,QAAS,EACTjU,GAAIA,EACJ/H,MACyB,kBAAvBm9B,EAAYl+B,QACW,gBAAvBk+B,EAAYl+B,QACW,uBAAvBk+B,EAAYl+B,QAGd,kBAACqH,GAAD,KACE,kBAAC+2B,GAAD,CACEx2B,cAAY,wBACZ0J,WAAY,EACZwC,GAAI,EACJuB,SAAU,CAAC,QAAS,QAAS,QAAS,gBAErCkkB,GAA4BiC,EAAK5jB,OAGpC,kBAACymB,GAAD,CACEz2B,cAAY,wBACZ0J,WAAY,EACZ2C,GAAI,EACJH,GAAI,CAAC,EAAG,EAAG,IAEV4lB,GAAiB8B,EAAK5jB,QAI3B,kBAAC,GAAD,CACE9O,GAAI,CAAC,EAAG,EAAG,GACXP,GAA2B,aAAvB21B,EAAYl+B,OAAwB,OAAS,CAAC,EAAG,EAAG,QACxD89B,aAAcI,EAAYl+B,OAC1B+9B,SA/Ee,WACrBA,EAASvC,IA+EHwC,QA5EY,WAClBQ,EAAS,CACPthC,KAAM,WAGRuhC,EAAgBjD,OA2EU,gBAAvB0C,EAAYl+B,QACX,kBAACyP,GAAD,CAAM1I,MAAM,YAAYsK,SAAU,EAAGC,WAAY,EAAG/I,GAAI,EAAGO,GAAI,GAA/D,8BC7KKg2B,GAAsB,SAACnG,GAClC,OAAOA,EAAM51B,MAAK,SAACgzB,GAAD,MAAqC,cAA3BA,EAAKR,sB,+DCItBwJ,GAMT,SAAC,GAAuE,IAArE3pB,EAAoE,EAApEA,GAAIvX,EAAgE,EAAhEA,MAAOwd,EAAyD,EAAzDA,SAAU2jB,EAA+C,EAA/CA,eAAgBhC,EAA+B,EAA/BA,eAAmBr1B,EAAY,mBACzE,EAA0CkO,mBAAoB,IAA9D,mBAAOopB,EAAP,KAAsBC,EAAtB,KACA,EAA0CrpB,mBAA6B,IAAvE,mBAAOspB,EAAP,KAAsBC,EAAtB,KAsBMC,EAA6B,SAAC7D,GAClC,IAAM8D,EAAgB,CACpBjC,IAAK7B,EAAK6B,IACV7D,SAAUgC,EAAK5jB,KACfolB,eAAgBA,GAGlBoC,GAAiB,SAACnpB,GAAD,4BAAmBA,GAAnB,CAA8BqpB,QAG3CC,EAAmB,SAAC/D,GACxB,IAAMgE,EAAqBP,EAAcr9B,QACvC,SAAC69B,GAAD,OAA2BA,EAAa7nB,OAAS4jB,EAAK5jB,QAGlD8nB,EAAe7hC,EAAM+D,QACzB,SAACysB,GAAD,OAA4BA,EAAKmL,WAAagC,EAAK5jB,QAGrDsnB,EAAiB,YAAIM,IACrBJ,EAAiB,YAAIM,KAgDvB,OA5CA76B,qBAAU,WACR,GAAIhH,EAAM0D,OAAS,EAAG,CACpB,IAAMo+B,EAAsB9hC,EAAM4D,KAAI,SAACm+B,GACrC,MAAO,CACLvC,IAAKuC,EAAavC,IAClBzlB,KAAMgoB,EAAapG,SACnBwD,eAAgBA,EAChB4B,UAAU,EACVC,SAAS,EACTgB,aAAc,EACdC,mBAAoB,GACpB9sB,KAAM,EACN9V,KAAM,GACN6iC,YAAapG,GACbqG,MAAOpG,GACPqG,OAAQhG,GACR7xB,KAAM+xB,OAIV+E,GAAiB,8BAAUS,MAE3BA,EAAoB5O,SAAQ,SAAC0O,GAC3BJ,EAA2BI,SAI9B,IAEH56B,qBAAU,WACR,IAAM0wB,EDhH+B,SACvC2K,EACAC,GAEA,GAA6B,IAAzBD,EAAc3+B,OAChB,MAAO,GAGT,IAL2B,eAKlB8b,GACP,IAAM+iB,EAAeF,EAAc7iB,GAMnC,IAA4B,IAJD8iB,EAAc1E,WACvC,SAACmE,GAAD,OAAkBA,EAAapG,WAAa4G,EAAaxoB,QAIzD,MAAM,CAAN,EAAO,cARFyF,EAAQ,EAAGA,EAAQ6iB,EAAc3+B,OAAQ8b,IAAS,CAAC,IAAD,IAAlDA,GAAkD,kCAY3D,MAAO,OC4FqBgjB,CACxBpB,EACAE,GAGFH,GAAkBA,EAAezJ,KAEhC,CAAC0J,EAAeE,IAEnBt6B,qBAAU,WACRwW,GAAYA,EAAS8jB,KAEpB,CAACA,IAGF,kBAAC93B,GAAD,CAAM+N,GAAIA,EAAIrM,cAAc,UAC1B,kBAAC,GAAD,iBACMpB,EADN,CAEE+yB,eAxGc,SAyGdD,SA1GiB,EA0GYwE,EAAc19B,OAC3CyS,SAAUirB,EAAc19B,QA3GP,EA4GjBq5B,kBAAmBqE,EAAcx9B,KAC/B,SAACg+B,GAAD,OAAkBA,EAAa7nB,QAEjCijB,gBAlGsB,SAACoE,GAC3B,IAAMqB,EAA8BrB,EAAcx9B,KAAI,SAACg+B,GACrD,IAAMc,EAAWd,EAAaO,MAC5B,EACAP,EAAazsB,KACbysB,EAAaviC,MAETsjC,EDlBuB,SAACC,GAClC,IAAIpjB,GAAS,EAOb,MANmB,CAAC,IAAK,MACdta,MAAK,SAACrB,GAEf,OAAkB,KADlB2b,EAAQojB,EAAShH,YAAY/3B,QAIhB,IAAX2b,EACKojB,EAGFA,EAASja,UAAUnJ,EAAQ,GCMNqjB,CAAoBjB,EAAa7nB,MACnD+oB,EAAU,IAAIC,KAAK,CAACL,GAAWC,EAAiB,CACpDtjC,KAAMuiC,EAAaviC,KACnB2iC,aAAcJ,EAAaI,eAK7B,OAFAc,EAAQ3D,eAAiBA,EAElB2D,KAETzB,GAAiB,SAACjpB,GAAD,4BAAmBA,GAAnB,YAAiCqqB,WAoF/CrB,EAAcx9B,KAAI,SAAC+5B,EAAene,GAAhB,OACjB,kBAAC,GAAD,CACE3c,IAAG,UAAK2c,EAAL,YAAcme,EAAK5jB,MACtBxC,GAAE,2BAAsBiI,GACxBvU,GAAI,EACJ0yB,KAAMA,EACNuC,SAAUwB,EACVhB,qBAAsBc,EACtBrC,eAAgBA,SAO1B+B,GAAoBl3B,aAAe,CACjChK,MAAO,I,0FCxJIgjC,GAA2D,SAAC,GAIlE,IAHLrpB,EAGI,EAHJA,MACAC,EAEI,EAFJA,KACG9P,EACC,mBAUE5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBACMJ,EACA7P,EAFN,CAGE5G,SAAO8W,IAAS9W,IAAQA,EACxBoP,aAAcpP,EACdwa,OAlBiB,WACnB9D,EAAKoU,gBAAgBrU,EAAMI,MAAM,IAkB/ByD,SAfmB,SAACoc,GACtBhgB,EAAK8G,cAAc/G,EAAMI,KAAM6f,GAC/BhgB,EAAK+G,cAAchH,EAAMI,WCJhBkpB,GAAmC,SAAC,GAG1C,IAFL9K,EAEI,EAFJA,UACAgJ,EACI,EADJA,eAEA,OACE,kBAAC33B,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,GAAzB,sCAIA,kBAACjD,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,GAAzB,sBACsB,IACpB,kBAAC,GAAD,CAAMgN,KfFZ,oDeEM,iBAFF,4GAOA,kBAAC,KAAD,CACEtK,GAAE,wBAAmB4gB,EAAnB,iBACFpe,KAAI,wBAAmBoe,EAAnB,iBACJ2E,gBAAiB,CACf,2BACA,oEACA,kDAEFqC,eAAgB,mBAChBgC,eAAgBA,EAChBr1B,UAAWk3B,OC9BNE,GAAwC,SAAC,GAAmB,IAAjB/K,EAAgB,EAAhBA,UACtD,OACE,kBAAC3uB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,EAAGf,WAAY,QAAxC,gCAIA,kBAAClC,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,GAAzB,qIAKA,kBAAC,KAAD,CACE0C,GAAE,wBAAmB4gB,EAAnB,4BACFpe,KAAI,wBAAmBoe,EAAnB,4BACJ2E,gBAAiB,CACf,kBACA,YACA,aACA,YACA,cAEFqC,eAAgB,mBAChBrzB,UAAWk3B,OCTNG,GAAmC,SAAC,GAK1C,IAJLhL,EAII,EAJJA,UACAb,EAGI,EAHJA,SACAC,EAEI,EAFJA,YACA6L,EACI,EADJA,0BAQA,OACE,kBAAC55B,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAsBitB,UAAWA,IAEjC,kBAAC3uB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,EAAG5J,GAAI,EAAG6I,WAAY,QAA/C,0DAIA,kBAAClC,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,CAAC,EAAG,EAAG,IAAhC,8FAKA,kBAACrL,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CAAM6B,MAAM,QACV,kBAAC,KAAD,CACE6K,UAAU,SACVI,MAAM,iBACNiB,GAAE,wBAAmB4gB,EAAnB,YACFpe,KAAI,wBAAmBoe,EAAnB,cACJn4B,MAAM,SACN0sB,aAAc4K,EACdpe,SAAU,GACVxO,GAAI,CAAC,EAAG,EAAG,GACXuO,UAAW,EACXD,SAAU,EACV/C,GAAI,EACJnK,UAAWohB,GACXC,QCtDL4K,GAAc,mBAAoB,0BDyD/B,kBAAC,KAAD,CACE7hB,UAAU,SACVI,MAAM,gBACNiB,GAAE,wBAAmB4gB,EAAnB,YACFpe,KAAI,wBAAmBoe,EAAnB,cACJn4B,MAAM,SACN0sB,aAAc4K,EACdpe,SAAU,GACVxO,GAAI,CAAC,EAAG,EAAG,GACXuO,UAAW,EACXD,SAAU,EACVlN,UAAWohB,GACXC,QCjEL4K,GAAc,mBAAoB,2BDoEjC,kBAAC,KAAD,CACEhe,KAAI,wBAAmBoe,EAAnB,cACJ7c,UAAU,cACVxP,UAAWoO,MAID,WAAbod,GACC,kBAAC,GAAD,CAAiBa,UAAWA,EAAWyB,MAAOrC,IAGlC,WAAbD,GACC,kBAAC,GAAD,CACEa,UAAWA,EACXgJ,eAnE4B,SACpCzJ,GAEA0L,GAA6BA,EAA0B1L,SEXrD2L,GAAcz6B,aAAOD,GAAPC,CAAH,+HAEK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAGjDu1B,GAAuB16B,aAAOgJ,GAAPhJ,CAAH,8CACf,qBAAGmH,MAAkBvB,OAAOd,SAASS,QAGnCo1B,GAAkD,SAAC,GAIzD,IAHLhsB,EAGI,EAHJA,GACAujB,EAEI,EAFJA,MACAna,EACI,EADJA,cAEM6iB,EAAqB,SACzB5sB,EACA4c,GAEAzG,GDvBKgL,GAAc,cAAe,mBCwBlCvE,EAAalrB,KAAK0uB,KAcpB,OACE,kBAACxtB,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC,KAAD,CACEwC,KAAK,gBACLwH,kBAAkB,EAClBkV,OAAQ,SAACjD,GAAD,OACN,oCACGsH,EAAMl3B,KAAI,SAACs0B,EAAM1Y,GAAP,OACT,kBAAC6jB,GAAD,CAAaxgC,IAAK2c,EAAO3K,GAAI,EAAGE,EAAG,EAAGD,aAAa,SACjD,kBAAC,GAAD,CACEzF,MAAK,eAAUmQ,EAAQ,GACvB3c,IAAK2c,EACLA,MAAOA,EACP0Y,KAAMA,EACNrX,cAAa,wBAAmBrB,EAAnB,KACbsB,gBAAe,wBAAmBtB,EAAnB,KACfgU,aAAcA,EACdmC,iBAAkBnW,EAAQ,EAC1BmB,cAAeA,EACf+O,UAAU,IAGXwI,EAAKjB,UACJ,kBAAC,GAAD,CACEkB,UAAW3Y,EACX8X,SAAUY,EAAKZ,SACfC,YAAaW,EAAKX,YAClB6L,0BAA2B,SAAC1L,GAAD,OAtCP,SACpCS,EACAT,EACAlE,GAEA,IAAM0E,EAAO4C,EAAM3C,GACnBD,EAAKR,kBAAoBA,EAEzBlE,EAAa7N,QAAQwS,EAAWD,GA+BduL,CACEjkB,EACAkY,EACAlE,UAQZ,kBAAC,GAAD,CACE7d,SAAS,aACTtW,KAAK,SACLsxB,UAAU,aACVpY,QAAS,SAACtB,GAAD,OAAOusB,EAAmBvsB,EAAGuc,IACtC3e,GAAI,GALN,gBAaN,kBAACyuB,GAAD,CAAsB/rB,GAAG,kBAAkB/D,SAAU,EAAGC,WAAY,GAApE,6BC3G2B,SAACqnB,GAChC,OAAOA,EACJl3B,KAAI,SAACs0B,GAAD,OAAUA,EAAKX,eACnBmM,QAAO,SAACC,EAAcC,GACrB,MAAM,GAAN,mBAAWD,GAAX,YAA4BC,OAC3BlgC,ODuGwBmgC,CAAkB/I,KAG3C,kBAAC,GAAD,CACEzvB,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,MExHCw4B,GAET,4E,oBCASC,GAA8B,SAACC,GAC1C,IAAMC,EAAW9sB,SAAS+sB,kBAAkBF,GAC5C,IAAKC,IAAaA,EAASvgC,OACzB,OAAQ,EAGV,IAEMygC,EAFUF,EAAS,GAEFG,cACvB,OAAKD,EAIEA,EAAOE,wBAAwBjd,KAH5B,GAMCkd,GAAmB,SAACC,GAC/BrjC,YAAW,WAET,IAAMsjC,EAAUrtB,SAASstB,eAAeF,GACxC,GAAIC,EAAS,CACX,IAAME,EACJF,EAAQH,wBAAwBjd,IAChC/pB,OAAOsnC,aAzBe,IA2BxBtnC,OAAOunC,SAAS,CAAExd,IAAKsd,EAAaG,SAAU,cAE/C,MAGQC,GAAqB,SAACd,GACjC9iC,YAAW,WAET,IAAM6jC,EAAwBhB,GAA4BC,GAC1D,IAA+B,IAA3Be,EAAJ,CAIA,IAAML,EACJK,EAAwB1nC,OAAOsnC,aAzCP,IA2C1BtnC,OAAOunC,SAAS,CAAExd,IAAKsd,EAAaG,SAAU,cAC7C,MAGQG,GAAc,WACzB9jC,YAAW,WACT7D,OAAOunC,SAAS,CAAExd,IAAK,EAAGyd,SAAU,aACnC,MC9CCI,GAA2B,SAA3BA,EACJC,EAEAprB,GAIA,IAFA,IAAMqrB,EAAgBC,KAAOC,QAAQvrB,GAE5B0F,EAAQ,EAAGA,EAAQ2lB,EAAczhC,OAAQ8b,IAAS,CACzD,IAAM8lB,EAAWH,EAAc3lB,GAEzB9D,EAAe4pB,EAAS,GACxBC,EAAgBD,EAAS,GAE/B,GAAIF,KAAOI,SAASD,IAAkBH,KAAOK,SAASF,IACpD,GAAIL,IAAcxpB,EAChB,OAAOA,OAIJ,GAAI0pB,KAAO3hC,QAAQ8hC,GACxB,IACE,IAAIG,EAAa,EACjBA,EAAaH,EAAc7hC,OAC3BgiC,IACA,CACA,IACMxjC,EAAW+iC,EACfC,EAFeK,EAAcG,IAO/B,GAAIxjC,EACF,MAAO,UAAGwZ,EAAH,YAAmBgqB,EAAnB,MAAoCxjC,OAGf,GAAIkjC,KAAOO,SAASJ,GAAgB,CACpE,IAAMrjC,EAAW+iC,EACfC,EAEAK,GAGF,GAAIrjC,EACF,MAAO,UAAGwZ,EAAH,KAAqBxZ,GAMlC,MAAO,IAqEI0jC,GAA0B,SAAC9rB,GACtC,GAAIsrB,KAAOS,QAAQ/rB,GACjB,MAAO,GAGT,IAAQorB,EAvEuB,SAA3BY,EAEJC,EAEAC,EACAC,EACAf,GAIA,IAFA,IAAMC,EAAgBC,KAAOC,QAAQW,GAE5BxmB,EAAQ,EAAGA,EAAQ2lB,EAAczhC,OAAQ8b,IAAS,CACzD,IAAM8lB,EAAWH,EAAc3lB,GAEzB9D,EAAe4pB,EAAS,GACxBC,EAAgBD,EAAS,GAE/B,GAAIF,KAAOI,SAASD,IAAkBH,KAAOK,SAASF,GAAgB,CACpE,IAAMW,EAAgBjB,GACpBvpB,EACAqqB,GAGII,EAAcpC,GAA4BmC,GAChD,IAAqB,IAAjBC,GAAsBA,GAAeF,EACvC,SAGFA,EAAiBE,EACjBjB,EAAYxpB,OACP,GAAI0pB,KAAO3hC,QAAQ8hC,GACxB,IACE,IAAIG,EAAa,EACjBA,EAAaH,EAAc7hC,OAC3BgiC,IACA,CACA,IAEMU,EAAgBN,EACpBC,EAHeR,EAAcG,GAM7BO,EACAf,GAGFA,EAAYkB,EAAclB,UAC1Be,EAAiBG,EAAcH,oBAED,GAAIb,KAAOO,SAASJ,GAAgB,CACpE,IAAMc,EAAiBP,EACrBC,EAEAR,EACAU,EACAf,GAGFA,EAAYmB,EAAenB,UAC3Be,EAAiBI,EAAeJ,gBAIpC,MAAO,CAAEf,YAAWe,kBASEH,CACpBhsB,EACAA,EACA+U,OAAOyX,UACP,IAJMpB,UAQR,OAD8BD,GAAyBC,EAAWprB,ICrGvDysB,GAA+C,SAAC,GAKtD,IAJLhvB,EAII,EAJJA,GACAkK,EAGI,EAHJA,OACAd,EAEI,EAFJA,cACA6lB,EACI,EADJA,sBAEAx/B,qBAAU,WACR,IAAM8uB,EAAyBrU,EAAO8R,eAAe3vB,KACnD,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAGvBjQ,EAAO8Z,6BACL9I,GAAiDqD,GACnDrU,EAAO+Z,sCACL7I,GACEmD,KAGH,CAACrU,EAAO8R,iBAEX,MAAiCkT,eAAzB3sB,EAAR,EAAQA,OAAQsH,EAAhB,EAAgBA,aAqBhB,OAlBApa,qBAAU,WACR,GAAIoa,EAAc,CAChB,IAAMslB,EAAiBd,GAAwB9rB,GAC3C4sB,GACF5B,GAAmB4B,MAGtB,CAACtlB,EAActH,IAGlB9S,qBAAU,WACR,GAAIw/B,EAAuB,CACzB,IAAMG,EAAyB1F,GAAoBxf,EAAOoZ,QAAQC,OAClE0L,EAAsBG,MAGvB,CAACllB,EAAOoZ,QAAQC,QAGjB,kBAACtxB,GAAD,CAAM+N,GAAIA,EAAIrM,cAAc,UAC1B,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASe,GAAI,GAAtD,iBAIA,kBAAClM,GAAD,CAAK4O,GAAG,sCACN,kBAAC/N,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,cAEFS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB4J,GAAI,GAEJ,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,iCASA,kBAAC,GAAD,CAAcH,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IACpD,4RAOL,kBAAClB,GAAD,CAAMqL,GAAI,GACR,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,mBACHwC,KAAK,UACLzD,MAAM,cACNtW,MAAM,cACN0sB,aAAcjL,EAAOkZ,QACrBzhB,SAAU,GACVjD,GAAI,CAAC,EAAG,EAAG,GACXnK,UAAWohB,KAEb,kBAAC,KAAD,CACEhX,UAAU,SACVqB,GAAG,qBACHwC,KAAK,UACLzD,MAAM,gBACNtW,MAAM,gBACN0sB,aAAcjL,EAAOkZ,QACrBzhB,SAAU,GACVxO,GAAI,CAAC,EAAG,EAAG,GACXoB,UAAWohB,MAIf,kBAAC,GAAD,CACExY,QACE,kKAGFV,QAAQ,UACRL,KAAK,OACLkB,GAAI,IAGN,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,qHAWA,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXpB,GAAI,GAEJ,kBAAC,KAAD,CACE0C,GAAG,iBACHwC,KAAK,gBACLzD,MAAM,4BACNuC,UAAQ,EACRK,SAAU,EACVpN,UAAW4N,KAEb,kBAAC,KAAD,CACEK,KAAK,gBACLuB,UAAU,cACVxP,UAAWoO,OAKG,kBAAnBuH,EAAOkZ,SACN,kBAAC,GAAD,CACE9J,UAAWpP,EAAOoP,UAClBlQ,cAAeA,IAIC,gBAAnBc,EAAOkZ,SACN,oCACE,kBAAC/oB,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,6CAUA,kBAAC,GAAD,CACEH,QACE,yGAEFV,QAAQ,UACRL,KAAK,OACLkB,GAAI,IAGN,kBAAC,GAAD,CACE0C,GAAG,oCACHujB,MAAOrZ,EAAOoZ,QAAQC,MACtBna,cAAeA,KAKrB,kBAACnX,GAAD,CAAM0B,cAAc,SAASqM,GAAG,2CAC9B,kBAAC/N,GAAD,CACEqL,GAAI,EACJpK,WAAW,SACXD,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXmC,GAAI,GALN,+CAUA,kBAAC,GAAD,CAActC,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IAAvD,kNAIkB,IAChB,kBAAC,GAAD,CACEsJ,QAAQ,YACR6N,KAAMiiB,IAFR,eAKQ,IAVV,oIAgBF,kBAAC,KAAD,CACEvsB,GAAG,oBACHwC,KAAK,oBACLyG,OAAO,sBACPlK,MAAM,qBACN0a,KAAK,sBACLzV,YAAY,GACZlQ,MAAO,CAAC,OAAQ,OAAQ,MAAO,MAAO,OACtCS,UAAWulB,KAEb,kBAAC,KAAD,CACEtX,KAAK,oBACLuB,UAAU,cACVxP,UAAWoO,KAGb,kBAAC1Q,GAAD,CACEyB,GAAI,EACJ4J,GAAI,EACJpK,WAAW,SACXD,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXmC,GAAI,GALN,2BAUA,kBAAC,GAAD,CAActC,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IAAvD,kQAQF,kBAAC,KAAD,CACE6M,GAAG,gBACHwC,KAAK,gBACLyG,OAAO,kBACPlK,MAAM,iBACN0a,KAAK,kBACLzV,YAAY,GACZlQ,MAAO,CAAC,OAAQ,OAAQ,MAAO,MAAO,OACtCS,UAAWulB,KAEb,kBAAC,KAAD,CACEtX,KAAK,gBACLuB,UAAU,cACVxP,UAAWoO,KAGb,kBAAC,GAAD,CACE7O,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,KAIZ,kBAAC,GAAD,CACEmM,GAAG,uCACHgc,eAAgB9R,EAAO8R,eACvBsB,eAAgBpT,EAAOoT,eACvB0B,uBAAwB9U,EAAO8U,2BCvU1BqQ,GAA+B,SAC1CvnC,EACAwnC,GAEA,IAAIC,EAAM,UACC,UAATznC,EAAmB,QAAU,OADrB,gCAIV,OAAKwnC,EAIDA,EAAmBppC,OAASopC,EAAmBpV,IACzCqV,EAAU,cAGhBD,EAAmBppC,MACbqpC,EAAU,QAGhBD,EAAmBpV,IACbqV,EAAU,MAGb,GAfE,ICWLpuB,GAAc9P,aAAOgJ,GAAPhJ,CAAH,8CACN,qBAAGmH,MAAkBvB,OAAOd,SAASS,QAGnC44B,GAAyC,SAAC,GAWhD,IAVL/oC,EAUI,EAVJA,UACAC,EASI,EATJA,SACAR,EAQI,EARJA,MACAS,EAOI,EAPJA,OACAC,EAMI,EANJA,eACAC,EAKI,EALJA,aACA4zB,EAII,EAJJA,eACA3zB,EAGI,EAHJA,eACAmzB,EAEI,EAFJA,uBACAS,EACI,EADJA,wBAEM+U,EhGvBwC,SAC9ChpC,EACAC,GAF8C,gBAK5CD,EACIA,EACGipC,MAAM,KACN9E,MAAM,EAAG,GACTv+B,KAAI,SAACmW,GAAD,OAAUA,EAAK4O,UAAU,EAAG,MAChCue,KAAK,IACR,IAXwC,OAa5CjpC,EACIA,EACGgpC,MAAM,KACN9E,MAAM,EAAG,GACTv+B,KAAI,SAACmW,GAAD,OAAUA,EAAK4O,UAAU,EAAG,MAChCue,KAAK,IACR,IgGIWC,CAAiCnpC,EAAWC,GACvDmpC,EAAQ,iBAAMppC,QAAN,IAAMA,IAAa,GAAnB,mBAAyBC,QAAzB,IAAyBA,IAAY,IAC7CopC,EAAgCT,GACpC,OACApV,GAEI8V,EAAiCV,GACrC,QACA3U,GAIIsV,EACJrpC,GACAC,GACAC,GACA4zB,GACA3zB,GACAgpC,GACAC,EAEF,OACE,kBAAC99B,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CAAMqL,GAA+B0yB,EAAoB,EAAI,GAC3D,kBAAC9gB,GAAD,CACEE,aAAcqgB,EACdpgB,aAAcwgB,EACdvgB,UAAWppB,KAIdS,GACC,kBAAC,GAAD,CACEuV,WAAY,EACZoB,GAAI,EACJnK,GAAI,EACJyO,GAAI,EACJpP,cAAY,0BAEX7L,GAIJC,GACC,kBAAC,GAAD,CACEsV,WAAY,EACZoB,GAAI,EACJnK,GAAI,EACJyO,GAAI,EACJpP,cAAY,mCAEX5L,GAIJC,GACC,kBAAC,GAAD,CACEqV,WAAY,EACZoB,GAAI,EACJnK,GAAI,EACJyO,GAAI,EACJpP,cAAY,iCAEX3L,GAIJ4zB,GACC,kBAAC,GAAD,CACEve,WAAY,EACZoB,GAAI,EACJnK,GAAI,EACJyO,GAAI,EACJpP,cAAY,mCALd,gBAOYioB,IAIb3zB,GACC,kBAAC,GAAD,CACEoV,WAAY,EACZoB,GAAI,EACJnK,GAAI,EACJyO,GAAI,EACJpP,cAAY,mCAEX1L,GAIJgpC,GACC,kBAAC,GAAD,CACE5zB,WAAY,EACZ/I,GAAI,EACJyO,GAAI,EACJpP,cAAY,oCAEXs9B,GAIJC,GACC,kBAAC,GAAD,CACE7zB,WAAY,EACZ/I,GAAI,EACJyO,GAAI,EACJpP,cAAY,qCAEXu9B,KC3IEE,GAA4C,SAAC,GAEnD,IADLjU,EACI,EADJA,eAGEv1B,EAUEu1B,EAVFv1B,UACAC,EASEs1B,EATFt1B,SACAR,EAQE81B,EARF91B,MACAS,EAOEq1B,EAPFr1B,OACAC,EAMEo1B,EANFp1B,eACAC,EAKEm1B,EALFn1B,aACA4zB,EAIEuB,EAJFvB,eACA3zB,EAGEk1B,EAHFl1B,eACAmzB,EAEE+B,EAFF/B,uBACAS,EACEsB,EADFtB,wBAGF,OACE,kBAAC,GAAD,CACEj0B,UAAWA,EACXC,SAAUA,EACVR,MAAOA,EACPS,OAAQA,EACRC,eAAgBA,EAChBC,aAAcA,EACd4zB,eAAgBA,EAChB3zB,eAAgBA,EAChBmzB,uBAAwBA,EACxBS,wBAAyBA,KCrBlBwV,GAAgE,SAAC,GAIvE,IAHLlU,EAGI,EAHJA,eACA2B,EAEI,EAFJA,oBACAL,EACI,EADJA,eAEA,OACE,kBAACrrB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGK,WAAW,OAAOe,GAAI,GACxC8f,GACCpB,EAAe7B,MACS,IAAxBwD,EACAL,IAIJ,kBAAC,GAAD,CAA0BtB,eAAgBA,MCjBnCmU,GAAqC,SAAC,GAK5C,IAJLnwB,EAII,EAJJA,GACAlI,EAGI,EAHJA,MACAs4B,EAEI,EAFJA,YACArgC,EACI,EADJA,SAMA,OACE,kBAACkC,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC/N,GAAD,CAAMgB,eAAe,gBAAgBqK,GAAI,GACvC,kBAACjD,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXmC,GAAI,EACJ0a,UAAU,cAETthB,GAEH,kBAAC,GAAD,CACEsG,SAAS,OACTgb,UAAU,aACVpY,QAnBgB,WACtBovB,MAeI,SASDrgC,EAED,kBAAC,GAAD,CACE+D,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,MCtCHw8B,GAAwB,SACnCC,GAEA,OACEA,GACAA,EAAmB1Q,WACnB0Q,EAAmBzQ,UACnByQ,EAAmBnX,YACnBmX,EAAmBpkB,QACnBokB,EAAmBlkB,SAGb,OAAN,OAAckkB,EAAmB1Q,UAAjC,gBACE0Q,EAAmBzQ,SADrB,cAGEyQ,EAAmBpX,aAAeoX,EAAmBpX,aAAe,IAAM,IAH5E,OAIGoX,EAAmBnX,WAJtB,aAIqCmX,EAAmBpkB,OAJxD,aAKEokB,EAAmBlkB,UAIhB,IAGImkB,GAAwB,SACnC9X,GAEA,OAAIA,EAAuBH,yBArCHU,EAsCEP,EAAuBO,qBApCNC,KAApB,UAChBD,EAAoBC,KADJ,OAEnB,IAGoB,UAAOD,EAAoBE,aAA3B,YAA2CF,EAAoBG,WAA/D,aAA8EH,EAAoB9M,OAAlG,aAA6G8M,EAAoB5M,UAkClJqM,EAAuBK,cAzCP,IAACE,GA4CbwX,GAAsB,SAAC7P,GAClC,MAAsB,mBAAlBA,EAAKjB,SACA2Q,GAAsB1P,EAAKhB,gBACP,wBAAlBgB,EAAKjB,SACP6Q,GAAsB5P,EAAKpH,oBAE3B,OCrCLkX,GAAQp/B,KAAOq/B,MAAV,mHACPj/B,KAGA0G,GAAaE,cAMXs4B,GAAYt/B,KAAOu/B,GAAV,qFACXp/B,MAEc,qBAAGgH,MAAkBvB,OAAOd,SAASK,QAGjDq6B,GAAgBx/B,KAAOy/B,GAAV,oDACfl/B,MACO,qBAAG4G,MAAkBvB,OAAOd,SAASS,QAGnCm6B,GAAiD,SAAC,GAAe,IAAb1O,EAAY,EAAZA,MAC/D,OACE,kBAACoO,GAAD,KACE,+BACE,4BACE,kBAACI,GAAD,CAAe30B,WAAY,EAAGK,WAAW,UAAzC,mBAGA,kBAACs0B,GAAD,CAAe30B,WAAY,EAAGK,WAAW,UAAzC,eAGA,kBAACs0B,GAAD,CAAe30B,WAAY,EAAGK,WAAW,UAAzC,SAGA,kBAACs0B,GAAD,CAAe30B,WAAY,EAAGK,WAAW,UAAzC,cAGA,kBAACs0B,GAAD,CAAe30B,WAAY,EAAGK,WAAW,UAAzC,YAKJ,+BACG8lB,EAAMh2B,KAAI,SAAC4sB,EAAMhR,GAChB,OACE,wBACEzV,cAAA,mCAAyCyV,EAAQ,GACjD3c,IAAK2c,GAEL,kBAAC0oB,GAAD,CAAW1uB,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,eAAqByV,EAAQ,EAA7B,YACHgR,EAAKsG,aAGV,kBAACoR,GAAD,CAAW1uB,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,eAAqByV,EAAQ,EAA7B,UAAwCgR,EAAKnxB,OAErD,kBAAC6oC,GAAD,CAAW1uB,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,eAAqByV,EAAQ,EAA7B,WACHgR,EAAKmG,QAGV,kBAACuR,GAAD,CAAW1uB,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,eAAqByV,EAAQ,EAA7B,UACHgR,EAAKoG,UAGV,kBAACsR,GAAD,CAAW1uB,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,eAAqByV,EAAQ,EAA7B,YACHgR,EAAKuG,gBC5ElBiR,GAAQp/B,KAAOq/B,MAAV,iHACPj/B,KAIA0G,GAAaE,cAKXs4B,GAAYt/B,KAAOu/B,GAAV,qFACXp/B,MAEc,qBAAGgH,MAAkBvB,OAAOd,SAASK,QAGjD4J,GAAe/O,aAAOgJ,GAAPhJ,CAAH,iFACP,qBAAGmH,MAAkBvB,OAAOd,SAASS,QAK1Co6B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAML4/B,GAAgD,SAAC,GAAe,IAAb5O,EAAY,EAAZA,MAC9D,OACE,kBAAC,GAAD,KACE,gCACA,+BACGA,EAAMh2B,KAAI,SAAC4sB,EAAMhR,GAChB,OACE,wBACEzV,cAAA,kCAAwCyV,EAAQ,GAChD3c,IAAK2c,GAEL,kBAAC,GAAD,CAAWwH,GAAI,EAAG0E,GAAI,GACpB,kBAACliB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,mBAGA,kBAACqvB,GAAD,CACEx+B,cAAA,eAAqByV,EAAQ,EAA7B,WACA/L,WAAY,EACZyF,SAAU,IAETsX,EAAKsG,aAGV,kBAACttB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,eAGA,kBAACqvB,GAAD,CACEx+B,cAAA,eAAqByV,EAAQ,EAA7B,SACA/L,WAAY,EACZyF,SAAU,IAETsX,EAAKnxB,OAGV,kBAACmK,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,SAGA,kBAACqvB,GAAD,CACEx+B,cAAA,eAAqByV,EAAQ,EAA7B,UACA/L,WAAY,EACZyF,SAAU,IAETsX,EAAKmG,QAGV,kBAACntB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,cAGA,kBAACqvB,GAAD,CACEx+B,cAAA,eAAqByV,EAAQ,EAA7B,SACA/L,WAAY,EACZyF,SAAU,IAETsX,EAAKoG,UAGV,kBAACptB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,UAGA,kBAACqvB,GAAD,CACEx+B,cAAA,eAAqByV,EAAQ,EAA7B,WACA/L,WAAY,EACZyF,SAAU,IAETsX,EAAKuG,iBC9FpBpf,GAAe/O,aAAOgJ,GAAPhJ,CAAH,iFACP,qBAAGmH,MAAkBvB,OAAOd,SAASY,QAK1Cm6B,GAAoB7/B,aAAOY,GAAPZ,CAAH,qGACD,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAGjD26B,GAAkB9/B,aAAOgJ,GAAPhJ,CAAH,sGACV,qBAAGmH,MAAkBvB,OAAOW,SACjB,qBAAGY,MAAkBvB,OAAOd,SAASS,QAI9Cw6B,GAAmD,SAAC,GAG1D,IAFLC,EAEI,EAFJA,QACAC,EACI,EADJA,YAEA,OACE,oCACsB,IAAnBD,EAAQllC,QACP,kBAACkO,GAAD,CAAMiD,GAAI,GACR,kBAAC,GAAD,CACEpB,WAAY,EACZyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,IAC/BjO,GAAI,EACJ4J,GAAI,EACJ9K,cAAa,qBAEZ8+B,GAEFD,EAAQhlC,KAAI,SAACs0B,EAAM1Y,GAClB,OACE,kBAACipB,GAAD,CACE5lC,IAAK2c,EACL3K,GAAI,EACJC,aAAa,QACboK,QAAS,CAAC,EAAG,EAAG,EAAG,IAEnB,kBAACtN,GAAD,CACE7H,cAAA,2BAAiCyV,EAAQ,EAAzC,aACAhM,SAAU,EACVC,WAAY,GAEXioB,GAA4BxD,EAAKyD,WAEpC,kBAAC+M,GAAD,CACE3+B,cAAA,2BAAiCyV,EAAQ,EAAzC,aACA9U,GAAI,EACJwU,QAAS,EACTpK,aAAa,WACbtB,SAAU,EACVC,WAAY,GAEXooB,GAAiB3D,EAAKyD,kBCtDnC0H,GAAcz6B,aAAOY,GAAPZ,CAAH,qGACK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAG1C+6B,GAAgD,SAAC,GAAe,IAAbhO,EAAY,EAAZA,MAC9D,OACE,oCACGA,EAAMl3B,KAAI,SAACs0B,EAAM1Y,GAChB,IAAMupB,EACc,mBAAlB7Q,EAAKjB,SACD2Q,GAAsB1P,EAAKhB,gBACT,wBAAlBgB,EAAKjB,SACL6Q,GAAsB5P,EAAKpH,oBAC3B,MAEN,OACE,kBAACnoB,GAAD,CAAK9F,IAAK2c,GACR,kBAAC,GAAD,CACE3c,IAAK2c,EACLtU,cAAc,SACd4J,aAAa,QACboK,QAAS,CAAC,EAAG,EAAG,EAAG,GACnBrK,GAAI,GAEJ,kBAACjD,GAAD,CACE7H,cAAA,2BAAiCyV,EAAQ,EAAzC,UACAhM,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,eAKU0L,EAAQ,IAElB,kBAAC,GAAD,CACEnU,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRH,GAAI,CAAC,EAAG,EAAG,EAAG,GACd4J,GAAI,CAAC,EAAG,EAAG,EAAG,KAGhB,kBAACjD,GAAD,CACE7H,cAAA,2BAAiCyV,EAAQ,EAAzC,kBACA1L,WAAW,SACXL,WAAY,EACZoB,GAAI,CAAC,EAAG,EAAG,EAAG,IAEbk0B,GAGqC,IAAvC7Q,EAAKV,uBAAuB9zB,QAC3B,kBAAC,GAAD,CACEklC,QAAS1Q,EAAKV,uBACdqR,YAAY,mBACZ9+B,cAAA,8CACEyV,EAAQ,KAKK,WAAlB0Y,EAAKZ,UACJ,kBAAC,GAAD,CACEsR,QAAS1Q,EAAKT,YACdoR,YAAY,6BACZ9+B,cAAA,mCAAyCyV,EAAQ,KAIlC,WAAlB0Y,EAAKZ,UACJ,oCACE,kBAAC,GAAD,CAA+BsC,MAAO1B,EAAKX,cAC3C,kBAAC,GAAD,CAA8BqC,MAAO1B,EAAKX,sBClFtD5f,GAAe/O,aAAOgJ,GAAPhJ,CAAH,iFACP,qBAAGmH,MAAkBvB,OAAOd,SAASY,QAK1Ci6B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAKLogC,GAAkD,SAAC,GAEzD,IADLnY,EACI,EADJA,UAGEC,EAMED,EANFC,mBACA5C,EAKE2C,EALF3C,YACA6M,EAIElK,EAJFkK,iBACAC,EAGEnK,EAHFmK,SACAC,EAEEpK,EAFFoK,QACAC,EACErK,EADFqK,eAEM7D,EAAiCvG,EAAjCuG,6BAER,OACE,kBAAC7tB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,WAGA,kBAAC,GAAD,CACEnP,cAAY,2BACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9B4uB,GAAsBhX,KAI3B,kBAACtnB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,0BAGA,kBAAC,GAAD,CACEnP,cAAY,oCACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9Bme,GAA8D,QAInE,kBAAC7tB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,gBAGA,kBAAC,GAAD,CACEnP,cAAY,yBACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BgV,IAIY,UAAhBA,GACC,kBAAC1kB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,wBAGA,kBAAC,GAAD,CACEnP,cAAY,+BACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9B6hB,IAKP,kBAACvxB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,YAGA,kBAAC,GAAD,CACEnP,cAAY,qBACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9B8hB,IAIL,kBAACxxB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,WAGA,kBAAC,GAAD,CACEnP,cAAY,oBACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9B+hB,IAIL,kBAACzxB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,mBAGA,kBAAC,GAAD,CACEnP,cAAY,4BACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BgiB,MChHLvjB,GAAe/O,aAAOyN,GAAPzN,CAAH,8EAEP,qBAAGmH,MAAkBvB,OAAOpC,YAEnC,gBAAGyL,EAAH,EAAGA,QAAS1B,EAAZ,EAAYA,SAAUpG,EAAtB,EAAsBA,MAAtB,OACC8H,GACD1B,GACAuO,aAFA,qDAGW3U,EAAMvB,OAAOd,SAASO,SAI/ByK,GAAc9P,aAAOgJ,GAAPhJ,CAAH,0TAIC,qBAAGmH,MAAkBvB,OAAOd,SAASW,QAI3C,qBAAG8H,SAA2B,UAAY,aAClC,qBAAGA,SAA2B,OAAS,aAErC,gBAAGpG,EAAH,EAAGA,MAAH,SAAUoG,SACjBpG,EAAMvB,OAAOd,SAASG,KAAOkC,EAAMvB,OAAOW,SAGnD,gBAAGgH,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACCoG,GACDuO,aADA,0FAEkB3U,EAAMvB,OAAO/B,MACfsD,EAAMa,QAAQE,eAQZ,qBAAGf,MAAkBvB,OAAO3B,WAI9C6K,GAAc9O,aAAO8K,GAAP9K,CAAH,8PAKN,qBAAGmH,MAAkBvB,OAAOW,SAC3B,qBAAGgH,SAA2B,UAAY,aAClC,qBAAGA,SAA2B,OAAS,aAEzC,gBAAGA,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACboG,EAAoCpG,EAAMvB,OAAOd,SAASS,KAA/C4B,EAAMvB,OAAO7B,aACP,gBAAGwJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACjBoG,EAAoCpG,EAAMvB,OAAOd,SAASS,KAA/C4B,EAAMvB,OAAO7B,aAGvB,gBAAGwJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACCoG,GACDuO,aADA,0FAEkB3U,EAAMvB,OAAO/B,MACfsD,EAAMa,QAAQE,eAQvBm4B,GAIT,SAAC,GAaE,IAZL1xB,EAYI,EAZJA,GACAjB,EAWI,EAXJA,MACAyD,EAUI,EAVJA,KACAlC,EASI,EATJA,QACA7X,EAQI,EARJA,MACAmW,EAOI,EAPJA,SACAF,EAMI,EANJA,GACAH,EAKI,EALJA,UACAD,EAII,EAJJA,SACA2H,EAGI,EAHJA,SACAE,EAEI,EAFJA,OACAwrB,EACI,EADJA,UAEMhV,EAAYrc,GAAW7X,EAE7B,OACE,kBAAC,GAAD,CACEqZ,QAAS9B,EACT/D,SAAU,EACV2C,SAAUA,EACV0B,QAASqc,EACTgV,UAAWA,GAEX,kBAAC1/B,GAAD,CAAM0B,cAAc,MAAMT,WAAW,WACjCypB,GACA,kBAAC,GAAD,CACEpf,aAAa,iBACbe,SAAUC,EAAYD,GAAY,EAClCM,SAAUA,EACV9K,MAAO,EACPD,OAAQ,EACR6K,GAAIA,IAGPie,GACC,kBAAC,GAAD,CACEvgB,KAAK,QACLH,SAAU,EACVyC,GAAI,EACJJ,SAAUC,EAAYD,GAAY,EAClCM,SAAUA,IAII,kBAAVG,GAAsBA,EACZ,oBAAVA,GAAwBA,IAEhC,2BACEiB,GAAIA,EACJwC,KAAMA,EACN1a,KAAK,WACL8W,SAAUA,EACVgzB,eAAgBjV,EAChB1W,SAAUA,EACVE,OAAQA,EACR2b,MAAO,CAAE5vB,QAAS,aAO5Bw/B,GAAej/B,aAAe,CAC5BmM,UAAU,EACVL,WAAW,EACXD,SAAU,GCpJL,I,YAAMuzB,GAAiE,SAAC,GAKxE,IAJL7V,EAII,EAJJA,eACA8V,EAGI,EAHJA,YACAh6B,EAEI,EAFJA,MACAwF,EACI,EADJA,GAEA,OACE,kBAACrL,GAAD,CAAM0B,cAAc,SAAS2J,GAAIA,GAC/B,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGK,WAAW,OAAOe,GAAI,GACxCxF,GAGc,OAAhBg6B,GACC,kBAAC7/B,GAAD,CAAM+N,GAAI,sBAAV,cAGe,QAAhB8xB,GACC,kBAAC,GAAD,CAA0B9V,eAAgBA,OCH9C5b,GAAe/O,aAAOgJ,GAAPhJ,CAAH,iFACP,qBAAGmH,MAAkBvB,OAAOd,SAASY,QAK1Ci6B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAYL0gC,GAAyC,SAAC,GAKhD,IAJL7nB,EAII,EAJJA,OACA8nB,EAGI,EAHJA,OACAC,EAEI,EAFJA,wBACAC,EACI,EADJA,wBAEMC,EAAe,SAACnF,GAAD,OAAuB,WAZZ,uCAa1BA,GACFxX,GpB/BGgL,GAAc,aAAc,wBoBkBJ,sCAgBzBwM,GACFxX,GpB/BGgL,GAAc,aAAc,uBoBeD,yCAmB5BwM,GACFxX,GpB/BGgL,GAAc,aAAc,mBoBanC,4CAqBMwM,GACFxX,GpB/BGgL,GAAc,aAAc,4BoBkCjCwR,EAAOhF,KAOT,OACE,kBAAC/6B,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASe,GAAI,GACnD,mBAGH,kBAAC,GAAD,CACE0C,GAAG,oCACHlI,MAAM,gBACNtF,cAAY,+BACZ49B,YAAa+B,EA9Ca,uCAgD1B,kBAAClgC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,eAGA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BuI,EAAOkZ,UAIZ,kBAACnxB,GAAD,CAAM0B,cAAc,OAClB,kBAAC,GAAD,CAAcuI,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,qBAGA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BuI,EAAOmZ,cAAgBnZ,EAAOmZ,cAAgB,SAKrD,kBAAC,GAAD,CACErjB,GAAG,mCACHlI,MAAM,eACNtF,cAAY,8BACZ49B,YAAa+B,EA9EY,sCAgFL,gBAAnBjoB,EAAOkZ,SACN,kBAAC,GAAD,CAA8BG,MAAOrZ,EAAOoZ,QAAQC,QAElC,kBAAnBrZ,EAAOkZ,SACN,kBAAC,GAAD,CAAgC9J,UAAWpP,EAAOoP,aAItD,kBAAC,GAAD,CACEtZ,GAAG,qDACHlI,MAAM,kCACNtF,cAAY,8CACZ49B,YAAa+B,EAzFnB,4CA2FM,kBAAClgC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,wCAGA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BuI,EAAO0Z,oBAIZ,kBAAC3xB,GAAD,CAAM0B,cAAc,OAClB,kBAAC,GAAD,CAAcuI,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,kBAGA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BuI,EAAO4Z,iBAKd,kBAAC,GAAD,CACE9jB,GAAG,sCACHlI,MAAM,kBACNtF,cAAY,iCACZ49B,YAAa+B,EA5He,yCA8H3BjoB,EAAO8R,eAAe3vB,KAAI,SAAC2vB,EAAgB/T,GAC1C,OACE,kBAAC,GAAD,CACE3c,IAAK2c,EACL+T,eAAgBA,EAChB2B,oBAAqB1V,EACrBqV,eAAgBpT,EAAOoT,qBAKD,OAA1BpT,EAAOoT,gBACmB,QAA1BpT,EAAOoT,iBACP,kBAAC,GAAD,CACEtB,eAAgB9R,EAAO8U,uBACvB8S,YAAa5nB,EAAOoT,eACpBxlB,MAAO,iBAKb,kBAAC,GAAD,CACEkI,GAAG,mBACHjB,MAAO,kBACL,kBAAC1E,GAAD,KACG,sCAAuC,IACxC,kBAAC,GAAD,CAAMiQ,KAAK,2CAAX,oBAKJ9H,KAAK,mBACLyD,SAhIgC,WACpCisB,KAgII5xB,QAAS2xB,EACTxpC,MAAOwpC,EACPvzB,GAAI,M,gBCzLNmY,GAAgBxlB,KAAOsH,OAAV,oQACf9G,KACAF,KACAF,KACAD,KACAoM,KACAhM,MAaEwT,GAAe/T,aAAOwlB,GAAPxlB,CAAH,6IASI,qBAAGmH,MAAkBvB,OAAO7B,aAEhC,qBAAGoD,MAAkBvB,OAAO7B,aAOjCg9B,GAAiD,SAAC,GAGxD,IAFLriC,EAEI,EAFJA,SACGwC,EACC,mBACJ,OACE,kBAAC,GAAD,eACEgL,aAAa,SACbtB,SAAU,EACVC,WAAY,EACZK,WAAW,OACXsC,GAAI,EACJoD,GAAI,EACJR,SAAU,IACNlP,GAEHxC,IAKPqiC,GAAyB3/B,aAAe,G,wCCpE3B4/B,GAA2D,SAAC,GAIlE,IAHLC,EAGI,EAHJA,MACAC,EAEI,EAFJA,YACGhgC,EACC,mBACEigC,EAAaF,EAAMnmC,OACnBsmC,EAAWH,EAAMC,EAAc,GAC/BG,EACJH,EAAcD,EAAMnmC,OAAS,SAAWmmC,EAAMC,GAAe,GAE/D,OACE,oCACGA,GAAeC,GACd,kBAACvgC,GAAD,eAAM0B,cAAc,OAAUpB,GAC5B,kBAAC,GAAD,eAA8BggC,EAA9B,eAAgDC,IAEhD,kBAACvgC,GAAD,CAAM0B,cAAc,SAASR,GAAI,GAC/B,kBAACkH,GAAD,CACE2F,GAAG,4BACHrO,MAAM,WACNsK,SAAU,EACVC,WAAY,GAEXu2B,GAGFC,GACC,kBAACr4B,GAAD,CACE2F,GAAG,+BACHrO,MAAM,gBACNsK,SAAU,EACVC,WAAY,GAEXw2B,OCpCJC,GAA6C,SAAC,GAAkB,IAAbpgC,EAAY,oBAC1E,OAAO,kBAAC,GAAuBA,ICE3BqgC,GAAevhC,aAAOY,GAAPZ,CAAH,kFAEd8G,GAAaI,kBAKJs6B,GAAiD,SAAC,GAExD,IADFtgC,EACC,oBACJ,OACE,kBAACqgC,GAAD,CAAcl/B,GAAI,EAAGP,GAAI,GACvB,kBAAC,GAAsBZ,K,gBCEvBskB,GAAgBxlB,KAAOsH,OAAV,oQACf9G,KACAF,KACAF,KACAD,KACAoM,KACAhM,MAaEwT,GAAe/T,aAAOwlB,GAAPxlB,CASnBoL,aAAQ,CACNO,MAAO,qBACPN,SAAU,CACRrN,QAAS,CACPqD,GAAI,UACJf,MAAO,QACPoQ,YAAa,UAEb,eAAgB,CACdpQ,MAAO,UAGXiN,SAAU,CACRlM,GAAI,gBACJf,MAAO,gBACPoQ,YAAa,gBAEb,eAAgB,CACdpQ,MAAO,kBAGXmhC,UAAW,CACTpgC,GAAI,UACJf,MAAO,YACPoQ,YAAa,UAEb,eAAgB,CACdpQ,MAAO,kBAOXohC,GAAsB1hC,aAAO+T,GAAP/T,CAAH,iFAKZ2hC,GAA6C,SAAC,GAA4B,IAA1BjjC,EAAyB,EAAzBA,SAAawC,EAAY,mBACpF,OACE,kBAACwgC,GAAD,eACEx1B,aAAa,SACbtB,SAAU,EACVC,WAAY,EACZpI,MAAO,GACPD,OAAQ,GACR0I,WAAW,QACPhK,GAEHxC,IAKPijC,GAA0BvgC,aAAe,G,sFCzFnCwgC,GAAiB5hC,KAAOqU,GAAV,iFAKdwtB,GAAiB7hC,aAAOgJ,GAAPhJ,CAAH,4GAMP8hC,GAC6C,SAAC,GAOpD,IANHC,EAME,EANFA,WACAX,EAKE,EALFA,SACApjC,EAIE,EAJFA,QACAyjC,EAGE,EAHFA,UACAO,EAEE,EAFFA,cACG9gC,EACD,mBACJ,OACE,kBAAC0gC,GAAmB1gC,EAChB,kBAAC,GAAD,CACIkK,QAASpN,EAAU,UAAYyjC,EAAY,YAAc,YAExDA,GAAaO,EACV,kBAAC,GAAD,CAAMj3B,KAAMi3B,IAEZD,GAIR,kBAACF,GAAD,CACIvhC,MAAOtC,EAAU,WAAa,gBAC9B4M,SAAU,EACVC,WAAY,EACZ/I,GAAI,EACJsc,GAAI,EACJvd,QAAQ,gBAEPugC,KAMbU,GAAoB1gC,aAAe,CACjCpD,SAAS,EACTyjC,WAAW,EACXO,cAAe,QC1DjB,I,GAAMC,GAAajiC,KAAOmU,GAAV,mHACZhU,KACAC,MAME8hC,GAAMliC,KAAOmiC,IAAV,qCACLhiC,MAGEiiC,GAAiBpiC,aAAO8hC,GAAP9hC,CAAH,qCAChBG,MAGSkiC,GAA8C,SAAC,GAGrD,IAFLpB,EAEI,EAFJA,MACAC,EACI,EADJA,YAEMoB,EAAiB1nC,MAAM2nC,KAAK3nC,MAAMsmC,GAAa7lC,QAErD,OACE,kBAAC6mC,GAAD,CAAK5kB,KAAK,aAAa7B,EAAE,QACvB,kBAACwmB,GAAD,CAAY1xB,GAAI,GACb0wB,EAAMjmC,KAAI,SAACwnC,EAAc5rB,GACxB,IAAMmrB,EAAanrB,EAAQ,EAE3B,OACE,kBAACwrB,GAAD,CACEnoC,IAAK8nC,EACLA,WAAYA,EACZX,SAAUoB,EACVxkC,QAAS+jC,IAAeb,EACxBO,UACEM,IAAeb,IAAf,OACAoB,QADA,IACAA,OADA,EACAA,EAAgBhmC,MACd,SAACmmC,GAAD,OAA2BA,IAAkBV,MAGjD91B,GAAI,UASlBo2B,GAAmBjhC,aAAe,GChDlC,I,GAAMwO,GAAc5P,aAAOY,GAAPZ,CAAH,oHAGb8G,GAAaI,kBAKJw7B,GAAkD,SAAC,GAEzD,IADFxhC,EACC,oBACJ,OACE,kBAAC,GAAD,CACET,SAAS,QACT+d,IAAI,MACJhe,OAAO,OACPmiC,YAAY,YACZC,iBAAiB,gBACjBpgC,OAAO,OACPC,MAAM,cACN2N,SAAS,QACTI,GAAI,GAEJ,kBAAC,GAAuBtP,KCtBxB2hC,GAAiB7iC,aAAOY,GAAPZ,CAAH,wGAEhB8G,GAAaI,kBAMJ47B,GAAsC,WACjD,MCZIlkC,KADFlB,yBAA4B7G,WAIrB,CAAC,sBAAuB,qBAG1B,CAAC,gBAAiB,qBDMzB,mBAAOksC,EAAP,KAAiBC,EAAjB,KACMhkC,EAAUC,cAMhB,OACE,kBAAC4jC,GAAD,CAAgBtyB,GAAI,EAAG6N,GAAI,GACzB,kBAAC,GAAD,CACErR,SAAU,qBACV4C,QARkB,WACtB3Q,EAAQU,KAAR,UAAgBqjC,KAQZp0B,GAAI,cACJvD,QAAS,aAER43B,KEzBIC,GAA2C,SAAC,GAAkB,IAAb/hC,EAAY,oBACxE,OACE,kBAACN,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,MAEA,kBAAC,GAA2BpB,GAC5B,kBAAC,GAA0BA,KCN3BgiC,GAA0B,CAAC,eAAgB,gBAAiB,UAErDC,GAA8C,SAAC,GAAkB,IAAbjiC,EAAY,oBAC3E,OAAO,kBAAC,GAAD,eAAiB+/B,MAAOiC,IAA6BhiC,KCCjDkiC,GAAgD,SAAC,GAIvD,IAHLr4B,EAGI,EAHJA,KACAtE,EAEI,EAFJA,MACApE,EACI,EADJA,GAEA,OACE,kBAACzB,GAAD,CAAMiB,WAAW,SAASQ,GAAIA,GAC5B,kBAAC,GAAD,CACE0I,KAAMA,EACN6F,GAAI,EACJpD,GAAI,EACJH,GAAI,EACJnB,aAAa,MACb5L,MAAM,QACN4d,gBAAgB,YAElB,kBAAClV,GAAD,CAAM1I,MAAM,iBAAiBmG,KAKnC28B,GAAgBhiC,aAAe,CAC7BqF,MAAO,IC9BF,ICHM48B,GAAgB,0DCe7Bt5B,KACEA,KACA,eACAN,IAGK,I,GAAM65B,GAAoCv5B,OAAaE,MAAM,CAClE8nB,QAAShoB,OACTkoB,QAASloB,OAAaM,KAAK,UAAW,CACpCC,GAAI,SAAC+jB,GAAD,MAAmC,gBAAbA,GAC1B30B,KAAMqQ,OAAaE,MAAM,CACvBioB,MAAOnoB,OAAYw5B,GACjBx5B,OAAaE,MAAM,CACjBokB,SAAUtkB,OAAaG,SAAS,+BAChCokB,eAAgBvkB,OAAaM,KAAK,WAAY,CAC5CC,GAAI,SAAC+jB,GAAD,MAAmC,mBAAbA,GAC1B30B,KAAMqQ,KAAW,CACfwkB,UAAWxkB,OAERG,SAAS,0BACTL,QACCP,GACA,uCAEDc,IAAI,EAAG,uBACVokB,SAAUzkB,OAEPG,SAAS,yBACTL,QACCP,GACA,sCAEDc,IAAI,GAAI,wBACXyd,aAAc9d,OAEXI,aAAa,4BACbC,IAAI,EAAG,uBACV0d,WAAY/d,OAETI,aAAa,0BACbD,SAAS,2BACTN,KACC,uBACA,qHACA,SAACxS,GACC,QAAKA,IAIWoS,GAA4BI,KAAKxS,MAIvDyjB,OAAQ9Q,OAELI,aAAa,qBACbD,SAAS,sBACTE,IAAI,GAAI,wBACRP,QACCN,GACA,mCAEJwR,SAAUhR,OAEPG,SAAS,wBACTL,QACCP,GACA,qCAEDxO,OAAO,EAAG,wDAGjBotB,mBAAoBne,OAAaM,KAAK,WAAY,CAChDC,GAAI,SAAC+jB,GAAD,MAAmC,wBAAbA,GAC1B30B,KAAMqQ,KAAW,CACf0kB,6BAA8B1kB,OAE3BI,aAAa,6CACbC,IAAI,IAAK,yBACZ6c,uBAAwBld,OACxB0d,cAAe1d,OAAaM,KAAK,yBAA0B,CACzDC,IAAI,EACJ5Q,KAAMqQ,OAAaH,KACjB,mBACA,6BAEA,SAAUxS,GACR,IAAQmrC,EAAS54B,KAAT44B,KAKR,IAAKnrC,EACH,OAAO,EAGT,IAAKmrC,EAAK,KAAOA,EAAK,GAAGnrC,MACvB,OAAO,EAGT,IAAMswB,EAAkB6a,EAAK,GAAGnrC,MAC7BswB,gBACH,YACsBjqB,IAApBiqB,GAAqD,KAApBA,KAIvCnd,UAAWR,SAEb4d,oBAAqB5d,OAAaM,KAAK,yBAA0B,CAC/DC,IAAI,EACJ5Q,KAAMqQ,KAAW,CACf8d,aAAc9d,OAEXI,aAAa,4BACbD,SAAS,6BACTE,IAAI,EAAG,uBACV0d,WAAY/d,OAETI,aAAa,0BACbC,IAAI,GAAI,wBACRF,SAAS,2BACZ2Q,OAAQ9Q,OAELI,aAAa,qBACbC,IAAI,GAAI,wBACRF,SAAS,sBACTL,QACCN,GACA,mCAEJwR,SAAUhR,OAEPI,aAAa,uBACbD,SAAS,wBACTL,QACCP,GACA,qCAEDxO,OACC,EACA,4DAMZ4zB,SAAU3kB,OAEPI,aAAa,wBACbD,SAAS,yBACZykB,YAAa5kB,OAAYM,KAAK,WAAY,CACxCC,GAAI,SAACokB,GAAD,MAAmC,WAAbA,GAC1Bh1B,KAAMqQ,OAAYw5B,GAChBx5B,OAAaE,MAAM,CACjBikB,WAAYnkB,OAETI,aAAa,0BACbC,IAAI,EAAG,uBACPF,SAAS,+BACTN,KACC,YACA,oBAEA,SAAUxS,GAYR,OAA6B,IAXZuS,KAAT44B,KAKiB,GAAGnrC,MACzBu3B,YAE4BxzB,QAC7B,SAACysB,GAAD,OAAUA,EAAKsG,aAAe92B,KAEd0D,UAGxBrE,KAAMsT,OAAaG,SAAS,oBAC5B6jB,MAAOhkB,OAAay5B,SAAS,GAAGt5B,SAAS,qBACzC8jB,QAASjkB,OAAay5B,SAAS,GAAGt5B,SAAS,oBAC3CikB,OAAQpkB,OAAaG,SAAS,2BAIpC4kB,kBAAmB/kB,OACnB6kB,uBAAwB7kB,OAErBw5B,GACCx5B,OAAaE,MAAM,CACjB8oB,SAAUhpB,OAAaG,SAAS,oBAChC0sB,IAAK7sB,OAAaG,SAAS,2BAG9BE,IAAI,EAAG,0BACVykB,YAAa9kB,OAAYM,KAAK,CAAC,WAAY,qBAAsB,CAC/DC,GAAI,SAACokB,EAAkBI,GAAnB,MACW,WAAbJ,IAA0BI,GAC5Bp1B,KAAMqQ,OAEHw5B,GACCx5B,OAAaE,MAAM,CACjB8oB,SAAUhpB,OAAaG,SAAS,oBAChC0sB,IAAK7sB,OAAaG,SAAS,2BAG9BM,IAAI,EAAG,sDACPJ,IAAI,EAAG,mCAMpB6d,UAAWle,OAAaM,KAAK,UAAW,CACtCC,GAAI,SAAC+jB,GAAD,MAAmC,kBAAbA,GAC1B30B,KAAMqQ,OAAaE,MAAM,CACvBie,mBAAoBne,OAAaE,MAAM,CACrCwkB,6BAA8B1kB,OAE3BI,aAAa,kCACbC,IAAI,IAAK,yBACZ6c,uBAAwBld,OACxB0d,cAAe1d,OAAaM,KAAK,yBAA0B,CACzDC,IAAI,EACJ5Q,KAAMqQ,OAAaH,KACjB,mBACA,6BAEA,SAAUxS,GACR,IAAQmrC,EAAS54B,KAAT44B,KAKR,IAAKnrC,EACH,OAAO,EAIT,GADmBmrC,EAAK,GACR,CACd,IAAM7a,EAAkB6a,EAAK,GAAGnrC,MAAMswB,gBACtC,YAA2BjqB,IAApBiqB,GAAqD,KAApBA,EAG1C,OAAO,KAGXnd,UAAWR,SAEb4d,oBAAqB5d,OAAaM,KAAK,yBAA0B,CAC/DC,IAAI,EACJ5Q,KAAMqQ,KAAW,CACf8d,aAAc9d,OAEXI,aAAa,4BACbD,SAAS,6BACTE,IAAI,EAAG,uBACV0d,WAAY/d,OAETI,aAAa,0BACbD,SAAS,2BACTE,IAAI,GAAI,wBACXyQ,OAAQ9Q,OAELI,aAAa,qBACbD,SAAS,sBACTE,IAAI,GAAI,wBACX2Q,SAAUhR,OAEPI,aAAa,uBACbD,SAAS,wBACTL,QACCP,GACA,qCAEDxO,OAAO,EAAG,0DAInBwqB,YAAavb,OAAaG,SAAS,4BACnCioB,iBAAkBpoB,OAAaM,KAAK,cAAe,CACjDC,GAAI,SAACgb,GAAD,MAAuD,UAAhBA,GAC3C5rB,KAAMqQ,OAEHI,aAAa,oBACbD,SAAS,uBAEdkoB,SAAUroB,OAEPG,SAAS,wBACTs5B,SAAS,EAAG,gBACZC,SAAS,GAAI,iBAChBpR,QAAStoB,OAEN25B,UAAU,mDACVx5B,SAAS,uBACTs5B,SAAS,EAAG,mBACZC,SAAS,OAAQ,sBACjB75B,KACC,aACA,iDACA,SAACxS,GAAD,QACEA,GAAQ,yBAAyBwS,KAAzB,OAA8BxS,QAA9B,IAA8BA,OAA9B,EAA8BA,EAAOy9B,eAEnDvC,eAAgBvoB,OAAaG,SAAS,mCAG1C8nB,cAAejoB,OAEZI,aAAa,6BACbC,IAAI,GAAI,wBACXuoB,6BAA8B5oB,OAC9B6oB,sCAAuC7oB,OACvCkiB,eAAgBliB,OAEbG,SAAS,0CACZqoB,kBAAmBxoB,OAAaG,SAAS,kCACzCsoB,oBAAqBzoB,OACrB0oB,cAAe1oB,OAAaG,SAAS,8BACrCwoB,gBAAiB3oB,OACjB4jB,uBAAwB5jB,OAAaM,KAAK,iBAAkB,CAC1DC,GAAI,SAAC2hB,GAAD,MAA4D,QAAnBA,GAC7CvyB,KAAMqQ,OAEHE,MACC,CACE7U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZrV,MAAOkV,OAAaM,KAAK,yBAA0B,CACjDC,GAAI,SAACse,GAAD,OACFA,EAAuB/zB,OACzB6E,KAAMqQ,OAEHI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,wBACRF,SAAS,qBACZK,UAAWR,OAERI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,0BAEb9U,OAAQyU,OAELM,KAAK,yBAA0B,CAC9BC,GAAI,SAACse,GAAD,OACFA,EAAuBC,KACzBnvB,KAAMqQ,OAEHI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,8BACbN,QAAQV,GAAgB,iCAE5BkB,KAAK,iBAAkB,CACtBC,GAAI,SAAC/U,GAAD,OACDA,GAAqC,KAAnBA,GACrBmE,KAAMqQ,OAEHI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,8BACbN,QAAQV,GAAgB,iCAE/B5T,eAAgBwU,OAEbI,aAAa,wCACbw5B,WACA95B,QACCR,GACA,wCAEJ7T,aAAcuU,OAEXI,aAAa,4BACbC,IAAI,IAAK,oCACZwe,uBAAwB7e,OAAaE,MAAM,CACzCpV,MAAOkV,OACP8e,IAAK9e,UAGT,CAAC,CAAC,SAAU,oBAEbG,SAAS,8CAEdygB,eAAgB5gB,OAEbw5B,GACCx5B,OAAaE,MACX,CACE7U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZrV,MAAOkV,OAAaM,KAAK,CAAC,yBAA0B,SAAU,CAC5DC,GAAI,SACFse,EACAE,GAEA,OACEF,EAAuB/zB,OACvBi0B,EAAMC,WACND,EAAMG,gCAGVvvB,KAAMqQ,OAEHI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,wBACRF,SAAS,qBACZK,UAAWR,OAERI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,0BAEb9U,OAAQyU,OAELM,KAAK,yBAA0B,CAC9BC,GAAI,SAACse,GACH,OAAOA,EAAuBC,KAEhCnvB,KAAMqQ,OAEHI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,8BACbN,QAAQV,GAAgB,iCAE5BkB,KAAK,iBAAkB,CACtBC,GAAI,SAAC/U,GACH,OAAQA,GAAqC,KAAnBA,GAE5BmE,KAAMqQ,OAEHI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,8BACbN,QAAQV,GAAgB,iCAE/B5T,eAAgBwU,OAEbI,aAAa,wCACbw5B,WACA95B,QACCR,GACA,wCAEJ7T,aAAcuU,OAEXI,aAAa,4BACbC,IAAI,IAAK,oCACZwe,uBAAwB7e,OAAaE,MAAM,CACzCpV,MAAOkV,OACP8e,IAAK9e,SAEPmf,eAAgBnf,OACbH,KACC,8BACA,oBAGA,SAAUiP,GAER,IAAM+qB,EAAaj6B,KAAK44B,KAAK,GAE7B,OAAOqB,EAAWxsC,MAAM0xB,MAAMC,WAC5B6a,EAAWxsC,MAAM0xB,MAAME,uBACvB4a,EAAWxsC,MAAM0xB,MAAMG,kCAE/BH,MAAO/e,OAAaE,MAAM,CACxB+e,sBAAuBjf,OAAcH,KACnC,yBACA,mCAEA,SAAUiP,GAER,OAAIlP,KAAK44B,KAAK,IAEL54B,KAAK44B,KAAK,GAAGnrC,MAAMu7B,gCAKhC1J,+BAAgClf,OAAcH,KAC5C,kCACA,mCAEA,SAAUiP,GAER,OAAIlP,KAAK44B,KAAK,IAEL54B,KAAK44B,KAAK,GAAGnrC,MACjBw7B,4CAOb,CAAC,CAAC,SAAU,uBC3gBPiR,GAAsC,SAAC,GAU7C,IATLn9B,EASI,EATJA,QACAo9B,EAQI,EARJA,WACAh4B,EAOI,EAPJA,QACAi4B,EAMI,EANJA,oBACAC,EAKI,EALJA,eACAC,EAII,EAJJA,mBACAC,EAGI,EAHJA,YACAC,EAEI,EAFJA,gBACAC,EACI,EADJA,gBAEMC,EAAeN,GAAuB,oBAE5C,OACE,kBAACnjC,GAAD,CAAM0B,cAAc,SAAS+J,UAAU,SAASxK,WAAW,SAASQ,GAAI,GACtE,kBAACzB,GAAD,CACEsL,aAAa,MACbgS,gBAAgB,gBAChB1b,OAAQ,GACRC,MAAO,GACP4J,UAAU,SACVJ,GAAI,GAEJ,kBAAC,GAAD,CACEkS,OAAO,OACPpT,KAAK,yBACLzK,MAAM,gBACNsK,SAAU,KAId,kBAAC,GAAD,CAAOrJ,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASe,GAAI,GACnDvF,GAGH,kBAAC9F,GAAD,CAAM0B,cAAc,UAClB,kBAACvC,GAAD,CAAKkM,GAAI,GACP,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM7H,cAAY,cAAc8K,GAAI,GACjC63B,GAEH,kBAAC96B,GAAD,CAAM7H,cAAY,WACf2K,EADH,8CACuD,IACrD,kBAAC,GAAD,CAAMmN,KAAI,iBAAYorB,IAAtB,iBAKJL,GAAkBC,IAClB,kBAACrjC,GAAD,CAAMgB,eAAe,UAClBoiC,GACC,kBAAC,GAAD,CACE7iC,cAAY,cACZiK,QAAU64B,EAAiC,YAAZ,UAC/Bt0B,QAASu0B,GAHX,QASDD,GACC,kBAAC,GAAD,CACE9iC,cAAY,mBACZ1K,KAAK,SACL2U,QAAU44B,EAA+B,UAAd,YAC3B72B,QAASi3B,EACT72B,SAAU62B,EACVz0B,QAASw0B,EACTriC,GAAIkiC,EAAiB,EAAI,GAP3B,iBAmBdH,GAAmBziC,aAAe,CAChCsF,QAAS,uBACTo9B,WAAY,qCCzEd,I,SAAMQ,GAAoB,MACxB7mC,EACA6lC,QACA7lC,GAGI0a,GAAcnY,aAAOoY,KAAPpY,CAAH,qCACbG,MAGSokC,GAAmC,SAAC,GAM1C,IALLjsB,EAKI,EALJA,cACAC,EAII,EAJJA,SACAisB,EAGI,EAHJA,aACAC,EAEI,EAFJA,WACAC,EACI,EADJA,WAEA,EAA8Dt1B,oBAAS,GAAvE,mBAAOwxB,EAAP,KAAgC+D,EAAhC,KACA,EAAsCv1B,oBAAS,GAA/C,mBAAOw1B,EAAP,KAAoBC,EAApB,KAG8BhuC,EAC1B+H,KADFlB,yBAA4B7G,WAGxBiuC,EAAaL,IAAevB,GAAwBpoC,OACpDiqC,EACJN,IAAevB,GAAwBpoC,OAAS,EAE5CkqC,EAAa,SAACnsB,GAClBgsB,GAAe,GACftsB,EAASM,GAETvgB,YAAW,WACTusC,GAAe,KACd,MAiHCI,EAAa,WAEjBT,EADiBC,EAAa,IAI1BS,EAAmB,SAACvJ,GAExB6I,EADiBC,EAAa,GAE9B/I,GAAiBC,IAGbwJ,EAAgC,WACpCR,GAA2B,SAACn1B,GAAD,OAAgBA,MAGvC41B,EAA8B,SAAC/M,GAC9BA,GACHwM,GAAe,IAInB,OACE,oCACGJ,EAAa,GACZ,kBAAC,GAAD,CACEh+B,MAAM,wBACNsE,KAAK,WACL1I,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,KAIrB,kBAAC,KAAD,CACEsW,kBAAkB,EAElBL,cAAeA,EACfI,iBAAkB4rB,GAAkBG,EAAa,GACjDlsB,SAlJiB,SACrBM,EACAwsB,GAEA,ItCpE8BtT,EsCsE1B+S,GAAcC,EAChBC,EAAWnsB,IAEXsL,ItCzE4B4N,EsCyEElZ,EAAOkZ,QtCrElC5C,GAAc,0BAFP,gBAAZ4C,EAA4B,gBAAkB,qBsC4E5CsT,EAAQC,WAAW,CACjBvT,SAAS,EACTE,QAAS,CACPC,MAAO,CACL,CACE7D,UAAU,EACVnG,mBAAoB,CAClBT,eAAe,EACfE,oBAAqB,CACnBE,cAAc,EACdC,YAAY,EACZjN,QAAQ,EACRE,UAAU,GAEZ0T,8BAA8B,GAEhCC,UAAU,EACVC,YAAa,CACX,CACET,YAAY,EACZz3B,MAAM,EACNs3B,OAAO,EACPC,SAAS,EACTG,QAAQ,OAMlBlG,UAAW,CACTC,mBAAoB,CAClBT,eAAe,EACfE,oBAAqB,CACnBE,cAAc,EACdC,YAAY,EACZjN,QAAQ,EACRE,UAAU,GAEZ0T,8BAA8B,GAEhCnJ,aAAa,EACb6M,kBAAkB,EAClBC,UAAU,EACVC,SAAS,EACTC,gBAAgB,GAElBK,8BAA8B,EAC9BC,uCAAuC,EACvC3G,gBAAgB,EAChBsG,mBAAmB,EACnBE,eAAe,EACf9E,uBAAwB,CACtBv4B,WAAW,EACXC,UAAU,EACVR,OAAO,EACPS,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACdozB,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,IAGT8B,eAAgB,CACd,CACEv1B,WAAW,EACXC,UAAU,EACVR,OAAO,EACPS,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACd0zB,gBAAgB,EAChBJ,MAAO,CACLE,uBAAuB,EACvBC,gCAAgC,GAElCL,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,QJ5Ja,SAAChQ,GAC/B,MAAuB,kBAAnBA,EAAOkZ,UAGiBsG,GAAoBxf,EAAOoZ,QAAQC,OI8JvDqT,CAAiB1sB,GAOnBgsB,GAAe,IALfL,EADWC,EAAa,GAIxBrI,UA6CC,gBAAGvjB,EAAH,EAAGA,OAAQd,EAAX,EAAWA,cAAX,OACC,kBAAC,GAAD,CAAa9L,GAAI,GACC,IAAfw4B,GACC,kBAAC,GAAD,CACE91B,GAAG,kCACHkK,OAAQA,EACRd,cAAeA,EACf6lB,sBAAuBwH,IAIX,IAAfX,GACC,kBAAC,GAAD,CACE5rB,OAAQA,EACR8nB,OAAQuE,EACRtE,wBAAyBA,EACzBC,wBAAyBsE,IAI7B,kBAACvkC,GAAD,CACEgB,eAAgB6iC,EAAa,EAAI,gBAAkB,WACnDpiC,GAAI,GAEY,IAAfoiC,GACC,kBAAC,GAAD,CACEr5B,QAAQ,YACR2c,UAAU,aACVpY,QAASs1B,GAHX,QASDR,EAAa,GACZ,kBAAC,GAAD,CACEr5B,QAAQ,YACR2c,UAAU,aACVyd,WAAW,OACXj4B,UAAW1W,EACX8Y,QAAS,kBAAM+0B,EAAW7rB,IAC1BxL,GAAG,IACHG,GAAG,IACHoD,GAAG,IACHzP,cAAa,eATf,QAeDsjC,EAAa,GACZ,kBAAC,GAAD,CACEhuC,KAAK,SACL8W,SACGu3B,IAAelE,GAA4BgE,EAE9C7c,UAAU,WACV5a,QAASy3B,EACTzjC,cAAa2jC,EAAa,gBAAkB,cAC5Ct3B,GAAG,IACHoD,GAAG,KAEFk0B,EAAa,SAAW,SAKf,IAAfL,GACC,kBAAC,GAAD,CACEX,WAAW,0DACXh4B,QAAQ,oCACRo4B,YAAae,EACbd,gBAAiB,kBAAMa,EAAWnsB,IAClCurB,gBAAiBQ,EACjBX,oBAAkB,EAClBD,gBAAc,UC7RjByB,GAAsB,uCAAG,WACpCruC,EACA+B,GAFoC,SAAAnB,EAAA,sEAIvBa,EACVO,KAAK,eAAgBhC,EAAO,CAC3BsB,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GAAD,OAAcA,EAASK,QARK,mFAAH,wDAWtB+rC,GAAwB,uCAAG,WACtCtuC,EACA+B,GAFsC,SAAAnB,EAAA,sEAIzBa,EACVO,KAAK,iBAAkBhC,EAAO,CAC7BsB,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GAAD,OAAcA,EAASK,QARO,mFAAH,wDCIxBgsC,GAA4C,CACvDC,QAAS,GACT7wC,YAAa,GACb8wC,UAAW,GACX9c,UAAW,GACX+c,UAAW,GAEXC,iBAAkB,KAElBC,mBAAoB,KACpBC,UAAW,IAGAC,GAA+D,CAC1EC,UAAW,GACXC,KAAM,EACNC,aAAc,EACdC,UAAW,IAGAC,GAAwC,CACnDD,UAAW,IAGAE,GAA4B,CACvC,CACE73B,GAAI,OACJ83B,OAAQ,QAEV,CACE93B,GAAI,eACJ83B,OAAQ,gBAEV,CACE93B,GAAI,WACJ83B,OAAQ,YAEV,CACE93B,GAAI,eACJ83B,OAAQ,gBAEV,CACE93B,GAAI,YACJ83B,OAAQ,aAEV,CACE93B,GAAI,SACJ83B,OAAQ,UAEV,CACE93B,GAAI,mBACJ83B,OAAQ,qBAICC,GAA8B,CACzC,CACE/3B,GAAI,OACJ83B,OAAQ,QAEV,CACE93B,GAAI,eACJ83B,OAAQ,gBAEV,CACE93B,GAAI,WACJ83B,OAAQ,YAEV,CACE93B,GAAI,eACJ83B,OAAQ,gBAEV,CACE93B,GAAI,YACJ83B,OAAQ,aAEV,CACE93B,GAAI,SACJ83B,OAAQ,UAEV,CACE93B,GAAI,SACJ83B,OAAQ,WAICE,GAAmC,CAC9C,CACEh4B,GAAI,OACJ83B,OAAQ,QAEV,CACE93B,GAAI,WACJ83B,OAAQ,YAEV,CACE93B,GAAI,aACJ83B,OAAQ,cAEV,CACE93B,GAAI,SACJ83B,OAAQ,UAEV,CACE93B,GAAI,gBACJ83B,OAAQ,iBAEV,CACE93B,GAAI,aACJ83B,OAAQ,cAEV,CACE93B,GAAI,SACJ83B,OAAQ,MCrICG,GAAsB,SAACj4B,EAAYk4B,GAAb,wBACtBl4B,EADsB,6BACCk4B,IAEvBC,GAAsB,SAAC/T,GAClC,IAAMgU,EAAkBC,mBAAmBjU,GAE3C,MAAM,iBAAN,OAAwBgU,ICKbE,GAAY,uCAAG,WAC1B9tC,GAD0B,eAAAnB,EAAA,sEAGLa,EAAUY,IAAoB,SAAU,CAC3Df,QAASM,EAAmBT,EAAiBY,KAJrB,cAGpB+kC,EAHoB,yBAOnBA,EAAOvkC,MAPY,2CAAH,sDAUZutC,GAAe,uCAAG,WAC7Bv4B,EACAk4B,EACA1tC,GAH6B,SAAAnB,EAAA,sEAKvBa,EACHY,IAAsBmtC,GAAoBj4B,EAAIk4B,GAAmB,CAChEnuC,QAASM,EAAmBT,EAAiBY,KAE9CO,MAAK,SAACJ,GAAD,OAAcA,EAASK,QATF,mFAAH,0DAWfwtC,GAAuB,uCAAG,WACrCC,EACAhB,EACAiB,EACAluC,GAJqC,SAAAnB,EAAA,sEAMxBa,EACVY,IAA+B,qBAAsB,CACpDf,QAASM,EAAmBT,EAAiBY,GAC7C8d,OAAQ,CACNmwB,iBACAhB,OACAiB,eAGH3tC,MAAK,SAACJ,GAAD,OAAcA,EAASK,QAfM,mFAAH,4DAkBvB2tC,GAAc,uCAAG,WAC5BzuB,EACA1f,GAF4B,SAAAnB,EAAA,+EAKpBa,EAAUiB,IAAI,gBAAiB+e,EAAQ,CAC3CngB,QAASM,EAAmBT,EAAiBY,KANrB,iCAQnB,GARmB,0DAUnB,GAVmB,wDAAH,wDAcdouC,GAAmB,uCAAG,WACjC1uB,EACA1f,GAFiC,eAAAnB,EAAA,sEAIVa,EAAUiB,IAAI,qBAAsB+e,EAAQ,CACjEngB,QAASM,EAAmBT,EAAiBY,KALd,cAI3BG,EAJ2B,yBAO1BA,EAASK,MAPiB,2CAAH,wDAUnB6tC,GAAsB,uCAAG,WACpC5B,EACAzsC,GAFoC,SAAAnB,EAAA,0DAIhC4tC,EAJgC,0CAM1B/sC,EAAU4uC,OAAO,qBAAsB,CAC3C/uC,QAASM,EAAmBT,EAAiBY,GAC7C8d,OAAQ,CAAE2uB,aARoB,iCAWzB,GAXyB,0DAazB,GAbyB,kCAiB7B,GAjB6B,yDAAH,wDCxEtB8B,GAAwB,SACnCC,EACAC,GAEID,IACFC,EAAWhC,QAAU+B,ICHZE,GAAiC,SAC5ChvB,EACA5hB,GAEA,OAAKA,EAAiB7B,WAAc6B,EAAiB5B,UAIrDwjB,EAAO8R,eAAe,GAAGv1B,UAAY6B,EAAiB7B,UACtDyjB,EAAO8R,eAAe,GAAGt1B,SAAW4B,EAAiB5B,SACrDwjB,EAAO8R,eAAe,GAAGn1B,aAAeyB,EAAiBzB,aACzDqjB,EAAO8R,eAAe,GAAGr1B,OAAS2B,EAAiB3B,OACnDujB,EAAO8R,eAAe,GAAGp1B,eAAiB0B,EAAiB1B,eAC3DsjB,EAAO8R,eAAe,GAAG91B,MAAQoC,EAAiBpC,MAE3CgkB,GAVEA,GAaEivB,GAAmC,SAC9CjvB,EACA5hB,GAEA,OAAKA,EAAiB7B,WAAc6B,EAAiB5B,UAIrDwjB,EAAO8R,eAAe,GAAGv1B,UAAY6B,EAAiB7B,UACtDyjB,EAAO8R,eAAe,GAAGt1B,SAAW4B,EAAiB5B,SACrDwjB,EAAO8R,eAAe,GAAGn1B,aAAeyB,EAAiBzB,aACzDqjB,EAAO8R,eAAe,GAAGr1B,OAAS2B,EAAiB3B,OACnDujB,EAAO8R,eAAe,GAAGp1B,eAAiB0B,EAAiB1B,eAC3DsjB,EAAO8R,eAAe,GAAG91B,MAAQoC,EAAiBpC,MAClDgkB,EAAO8R,eAAe,GAAGlgB,sBACvBxT,EAAiBxB,eACnBojB,EAAO8R,eAAe,GAAGvB,eAAiBnyB,EAAiBvB,YAEpDmjB,GAbEA,GCILjJ,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,yJAGb8G,GAAaI,kBAUXka,GAA4BphB,KAAOC,IAAV,sFAMlB8nC,GAAwB,WACnC,IACQxxC,EADSyxC,cACTzxC,MAER,EAEIqI,KADFlB,yBAA4B3G,EAD9B,EAC8BA,iBAAkBE,EADhD,EACgDA,iBAExCjC,EAAgB+B,EAAhB/B,YACAmsB,EAA0BD,KAA1BC,sBAEFyiB,EAAoCpH,KAAOS,QAAQ1mC,GACrDimC,KAAOyL,UAAUnW,IACjBv7B,EAAMwvC,iBAUV,EACE32B,mBAT4C,CAC5CC,MAAM,EACN5I,MAAO,GACPqF,QAAS,GACTV,QAAS,UACTL,KAAM,iBAGR,mBAAOm9B,EAAP,KAA6BC,EAA7B,KAGA,EAAoD/4B,mBAClDotB,KAAOS,QAAQ1mC,GAAS,GAAKA,EAAMqvC,SADrC,mBAAO+B,EAAP,KAA2BS,EAA3B,KAGA,EAAoCh5B,mBAAS,GAA7C,mBAAOq1B,EAAP,KAAmB4D,EAAnB,KAEA,EAAwCj5B,wBAEtC3R,GAFF,mBAAO6qC,EAAP,KAAqBC,EAArB,KAQMluB,EAAY,uCAAG,WAAOxB,GAAP,SAAA7gB,EAAA,sEAEjB6gB,EAAO3jB,UAAP,OAAmB+B,QAAnB,IAAmBA,OAAnB,EAAmBA,EAAkB/B,UAFpB,SAIXuwC,GAAuB5sB,EAAQ7jB,GAJpB,uBAKXmsB,IALW,uBAMXqmB,GAAuBG,EAAoB3yC,GANhC,OAQjBuzC,EAAgB1vB,GAChBsL,G7ChEGgL,GAAc,eAAgB,kC6CuDhB,kDAWjBkZ,EAAc,GACdlkB,G7C/DGgL,GAAc,eAAgB,8B6CmDhB,0DAAH,sDAgBZuV,EAAU,uCAAG,WAAO7rB,GAAP,mBAAA7gB,EAAA,uEAGT4vC,EAAapL,KAAOyL,UAAUtC,KACzBG,UAAY,mBACvB8B,EAAW7B,iBAAmBltB,EAE9B6uB,GAAsBC,EAAoBC,GAP3B,SASML,GAAoBK,EAAY5yC,GATtC,OASTkpC,EATS,OAUfkK,EAAsBlK,EAAO0H,SAE7B4C,GAAgB,EAChBrkB,G7C5EGgL,GAAc,mBAAoB,gC6C+DtB,kDAefqZ,GAAgB,EAChBrkB,G7C3EGgL,GAAc,mBAAoB,4B6C2DtB,QAmBjBgZ,EAAwB,CACtB94B,MAAM,EACN5I,MAAO+hC,EACH,cACA,wCACJ18B,QAAS08B,EACL,oFACA,qGACJp9B,QAASo9B,EAAgB,UAAY,QACrCz9B,KAAMy9B,EAAgB,eAAiB,YA5BxB,0DAAH,sDA0ChB,OACE,oCACE,kBAAC,GAAD,CAA4BtH,YAAauD,IACzC,kBAAC,GAAD,KACE,kBAAC,GAAD,CACEh+B,MAAOyhC,EAAqBzhC,MAC5BqF,QAASo8B,EAAqBp8B,QAC9BV,QAAS88B,EAAqB98B,QAC9BL,KAAMm9B,EAAqBn9B,KAC3BsR,QAAS6rB,EAAqB74B,KAC9B4M,cApBwB,WAC9BksB,EAAwB,CACtB94B,MAAM,EACN5I,MAAOyhC,EAAqBzhC,MAC5BqF,QAASo8B,EAAqBp8B,QAC9BV,QAAS88B,EAAqB98B,QAC9BL,KAAMm9B,EAAqBn9B,WAiB3B,kBAAC,GAAD,CAAa8F,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACvBgmC,EAYA,kBAAC,IAAD,CACEprB,GAAI,CACFrd,SAAU,yBACVtJ,MAAO+xC,KAdX,kBAAC,GAAD,CACEhwB,cAAeuvB,GACbjE,EACA3sC,GAEFshB,SAAU8B,EACVmqB,aApFa,SAACC,GACxB4D,EAAc5D,IAoFJA,WAAYA,EACZC,WAAYA,QCxKb+D,GAA8C,SAAC,GAAkB,IAAhBnoB,EAAe,EAAfA,SAC5D,OACE,kBAAC,GAAD,CAAMA,SAAUA,GACd,kBAAC,GAAD,QCROooB,GAAiD,CAC5DpoB,SAAU,IAGCqoB,GAAqC,WAChD,OAAO,kBAAC,GAAoBD,KCEjBE,GAA+B,SAAC,GAAoB,IAAlBniC,EAAiB,EAAjBA,MAAOoiC,EAAU,EAAVA,IAC5ChmC,EAAsBxF,cAAtBwF,kBAMR,OAAO,kBAAC,GAAD,CAAQ8M,QAJO,WACpB9M,EAAkB,CAAEvD,YAAaupC,MAGKpiC,IAG1CmiC,GAAYxnC,aAAe,CACzBqF,MAAO,UACPoiC,IAAKzwC,EAAI0wC,YCZJ,I,MAAMC,GAAmC,SAAC,GAAoB,IAAlBtiC,EAAiB,EAAjBA,MAAOoiC,EAAU,EAAVA,IAChDhmC,EAAsBxF,cAAtBwF,kBAMR,OAAO,kBAAC,GAAD,CAAY8M,QAJG,WACpB9M,EAAkB,CAAEvD,YAAaupC,MAGSpiC,IAG9CsiC,GAAgB3nC,aAAe,CAC7BqF,MAAO,UACPoiC,IAAKzwC,EAAI0wC,YCHX,I,SAAMl5B,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,yJAGb8G,GAAaI,kBAMJ8hC,GAAqC,SAAC,GAAmB,IAAjBlD,EAAgB,EAAhBA,UAC7C9mC,EAAUC,cAUhB,OACE,oCACE,kBAAC,GAAD,CAAa4R,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAACvC,GAAD,CACEuQ,SAAU,CAAC,EAAG,EAAG,KACjBD,UAAW,EACXD,SAAU,EACV/N,GAAI,EACJgK,UAAU,QAEV,kBAAC,GAAD,CACEzB,SAAU,EACVmC,SAAS,OACT4C,QAtBc,WACxB3Q,EAAQU,KAAK,kBAsBHyB,cAAY,eAJd,SAUF,kBAAC,GAAD,CAAOI,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,MAAMe,GAAI,EAAGmS,GAAI,GAA1D,kCAGA,kBAACpV,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,OAJb,kHAUA,kBAACtK,GAAD,CAAMyB,GAAI,GACR,kBAAC,GAAD,CACEoE,MAAO,UACPoiC,IAAG,UAAKzwC,EAAI0wC,WAAT,YAAuBhD,GAC1B3kC,cAAY,iBAGd,kBAAC,GAAD,CACEiK,QAAS,YACTtJ,GAAI,EACJ6N,QAhDe,WACzBlb,OAAOmL,SAASmd,QAAhB,WAA4B+oB,KAgDlB3kC,cAAY,gBAJd,wBAUF,kBAACP,GAAD,CAAMyB,GAAI,GACR,kBAAC2G,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,OAJb,8BAMyB,IACvB,kBAAC,GAAD,CACEzE,MAAO,UACPoiC,IAAG,UAAKzwC,EAAI0wC,WAAT,YAAuBhD,GAC1B3kC,cAAY,wBCnGfyB,GAA6B,SAAC,GAAmB,IAAjBkjC,EAAgB,EAAhBA,UAC3C,OACE,kBAAC,GAAD,KACE,kBAAC,GAAD,CAAmBA,UAAWA,MCLvBmD,GAA+B,WAC1C,IAAQnD,EAAcoD,cAAdpD,UAER,OAAO,kBAAC,GAAD,CAAWA,UAAWA,KCLlBqD,GAAqB,SAACna,GACjC,IAAIoa,EAAkB,GAEtB,OAAQpa,GACN,IAAK,IACHoa,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,IACHA,EAAkB,cAClB,MACF,IAAK,KACHA,EAAkB,eAClB,MACF,IAAK,eACHA,EAAkB,yBAItB,OAAOja,GAAc,2BAA4Bia,IClB7CC,GAAgBrpC,KAAOspC,SAAV,qSAKf9oC,KACAL,KACAI,MAEc,gBAAGjG,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OAAsB7M,GAAS6M,EAAMvB,OAAOQ,UAGlD,qBAAGmjC,UAGK,qBAAGpiC,MAAkBvB,OAAO/B,SAC9B,qBAAGsD,MAAkBa,QAAQE,cAI3B,qBAAGf,MAAkBvB,OAAOK,sBAInC,qBAAGkB,MAAkBvB,OAAOO,iBAInC4I,GAAe/O,aAAOyN,GAAPzN,CAAH,8CACP,gBAAGuN,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OAAyBoG,GAAYpG,EAAMvB,OAAOO,iBAGvD2J,GAAc9P,aAAOgJ,GAAPhJ,CAAH,6DACN,qBAAGmH,MAAkBvB,OAAOd,SAASQ,QACrC,gBAAGhL,EAAH,EAAGA,MAAO6M,EAAV,EAAUA,MAAV,OAAsB7M,GAAS6M,EAAMvB,OAAOQ,UAG1CojC,GAOT,SAAC,GAsBE,IArBL76B,EAqBI,EArBJA,GACA86B,EAoBI,EApBJA,KACAC,EAmBI,EAnBJA,KACAn8B,EAkBI,EAlBJA,SACAjT,EAiBI,EAjBJA,MACA+V,EAgBI,EAhBJA,UACAC,EAeI,EAfJA,SACApD,EAcI,EAdJA,UACAQ,EAaI,EAbJA,MACA5B,EAYI,EAZJA,QACAsE,EAWI,EAXJA,SACAnE,EAUI,EAVJA,GACA5J,EASI,EATJA,GACA8O,EAQI,EARJA,KACAlB,EAOI,EAPJA,SACA0C,EAMI,EANJA,YACA1F,EAKI,EALJA,SACA7V,EAII,EAJJA,MACAqL,EAGI,EAHJA,MACA8mC,EAEI,EAFJA,OACA30B,EACI,EADJA,SAEA,OACE,kBAAChU,GAAD,CACE0B,cAAc,SACdgO,SAAUA,EACVD,UAAWA,EACXD,SAAUA,EACV3N,MAAOA,EACPJ,GAAIA,EACJ4J,GAAIA,GAEJ,kBAACrL,GAAD,CAAM2P,GAAI,EAAGC,GAAI,EAAGvE,GAAI,EAAGrK,eAAe,iBACvC8L,GACC,oCACE,kBAAC,GAAD,CACE+C,QAAS9B,EACT/D,SAAS,OACTC,WAAW,OACX0C,SAAUA,EACVpM,cAAY,kBAEXuM,IAKNuC,GACC,kBAAC,GAAD,CACEnO,GAAG,OACHuL,GAAI,EACJzC,SAAU,EACVC,WAAY,EACZ1J,cAAY,qBALd,aAYJ,kBAACkoC,GAAD,CACE16B,GAAIA,EACJwC,KAAMA,EACNs4B,KAAMA,EACNC,KAAMA,EACNtyC,MAAOA,EACPkD,MAAOA,EACPiT,SAAUA,EACVoF,YAAaA,EACbpC,GAAI,EACJK,GAAI,EACJ24B,OAAQA,EACR/oC,OAAO,YACP0L,aAAa,QACbwE,YAAY,qBACZ1F,WAAW,UACX2F,aAAa,eACb1D,SAAUC,EAAYD,GAAY,EAClC9L,cAAY,iBACZyT,SAAUA,IAGX9I,GACC,kBAAC,GAAD,CACExR,MAAOA,EACPkI,OAAQ,EACRqO,GAAI,EACJjG,SAAU,EACVC,WAAY,EACZ1J,cAAY,oBAEX2K,KAOX09B,GAAQpoC,aAAe,CACrB9G,OAAO,EACPiT,UAAU,EACV0C,UAAU,EACV/C,WAAW,EACXq8B,OAAQ,Y,wBCvKGI,GAOT,SAAC,GAA+B,IAA7B54B,EAA4B,EAA5BA,MAAOC,EAAqB,EAArBA,KAAS9P,EAAY,mBAC3B5G,EAAQ2W,aAAMD,EAAKE,OAAQH,EAAMI,MACjCC,EAAQH,aAAMD,EAAKK,QAASN,EAAMI,MAExC,OACE,kBAAC,GAAD,iBAAaJ,EAAb,CAAoBzW,SAAO8W,IAAS9W,IAAQA,GAAmB4G,KChBtD0oC,GAAsB,SAACta,GAClC,MAAsB,iBAAlBA,EAAKN,UAIFM,EAAKL,KAAK3yB,MAAK,SAACutC,GAAD,MAAuC,kBAA9BA,EAAI7b,QAAQ8b,kBCmBhCC,GAA2C,SAAC,GAMlD,IALLpf,EAKI,EALJA,eACAC,EAII,EAJJA,aACA3d,EAGI,EAHJA,SACAC,EAEI,EAFJA,UACAud,EACI,EADJA,kBAEMD,EAAqBG,EAAe3vB,KAAI,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAE7DgC,EAC0CN,ErGW7CrvB,QAAO,SAAC2tB,EAAOlS,GAAR,OAA4B,IAAVA,KACzBxb,OAAM,SAAC0tB,GACN,OA3CoC,SACxCgB,GAEA,OACEA,EAAoBd,uBACpBc,EAAoBR,gBACpBQ,EAAoBP,cACpBO,EAAoBN,eAoCXwgB,CAA2BlhB,MqGXhCa,EAA2BY,GAC/BC,EACAC,GAGIM,EACJlB,GAAiDW,GAE7Cyf,EACJhgB,GAA0CO,GAEtC0f,EACJlgB,GAAwCQ,GAEpC2f,EACJjgB,GAA0CM,GAEtCZ,ElGtB6C,SACnDqB,EACAtB,EACAoB,EACAkf,EACAE,EACAD,GAEA,OACGnf,IACAkf,IACAC,IACAC,GACDlf,EAAsB,GACtBtB,EAA2B,EAEpB,cAELA,EAA2B,EACvB,gBAAN,OAAuBA,EAAvB,eAGAoB,IACCkf,EAEM,kCAGPA,IACClf,EAEM,kCAELof,IAAkCD,EAC7B,+BAELA,IAAgCC,EAC3B,iCAGF,MkGlBqBC,CAC1Bzf,EAAe7vB,OACf6uB,EACAoB,EACAkf,EACAE,EACAD,GAqBF,OACE,kBAAC,GAAD,CACExgB,iBAAkBoB,EAClBnB,yBAA0BA,EAC1BC,oBAAqBA,EACrB3c,SAAUA,EACVC,UAAWA,EACXyC,QAzBkB,WACpB,IAAMmZ,EjGxCqC,SAC7Ca,EACAoB,EACAkf,EACAC,EACAC,EACA1f,GAEA,IAAM3B,EAAQ,CACZC,WAAW,EACXC,uBAAuB,EACvBM,gBAAgB,EAChBC,cAAc,EACdC,gBAAgB,GAalB,OAViC,IAA7BG,GAAwD,WAAtBc,IACpC3B,EAAMQ,gBAAkB2gB,EACxBnhB,EAAME,uBAAyB+B,GAGA,IAA7BpB,GAAwD,YAAtBc,IACpC3B,EAAMS,cAAgB2gB,EACtBphB,EAAMU,gBAAkB2gB,GAGnBrhB,EiGcSuhB,CACZ1gB,EACAoB,EACAkf,EACAC,EACAC,EACA1f,GAGI6f,EACJnhB,GAEFmhB,EAAkCxhB,MAAQA,EAE1C8B,EAAalrB,KAAK4qC,OAetBP,GAAwB3oC,aAAe,CACrC6L,SAAU,EACVC,WAAW,GCpEN,IAAMq9B,GAA0D,SAAC,GASjE,IARLje,EAQI,EARJA,oBACAxC,EAOI,EAPJA,oBACAd,EAMI,EANJA,sBACAM,EAKI,EALJA,eACAC,EAII,EAJJA,aACAC,EAGI,EAHJA,eACAiB,EAEI,EAFJA,kBACAxe,EACI,EADJA,GAEMsgB,E3FViC,SACvCF,EACAC,GAEA,IAAItD,GAAwB,EACxBM,GAAiB,EACjBC,GAAe,EACfC,GAAiB,EAuBrB,OArBA6C,EAAmB/B,SAAQ,SAACxB,EAAOlS,GAC7BkS,EAAMQ,gBAAkBgD,IAAwB1V,IAClD0S,EAAiBR,EAAMQ,gBAErBR,EAAME,uBAAyBsD,IAAwB1V,IACzDoS,EAAwBF,EAAME,uBAE5BF,EAAMS,cAAgB+C,IAAwB1V,IAChD2S,EAAeT,EAAMS,cAEnBT,EAAMU,gBAAkB8C,IAAwB1V,IAClD4S,EAAiBV,EAAMU,gBAErBV,EAAMS,cAAgB+C,IAAwB1V,IAChD4S,GAAiB,GAEfV,EAAMU,gBAAkB8C,IAAwB1V,IAClD2S,GAAe,MAIZ,CACLR,WAAW,EACXO,iBACAN,wBACAO,eACAC,kB2FzBoBghB,CACpB1gB,EACAwC,GAGIG,E5FhCiD,SACvDJ,EACA5B,GAIA,MAA0B,WAAtBA,EACK4B,EAAmBtD,WACxBsD,EAAmBrD,uBACnBqD,EAAmB/C,eAGd+C,EAAmBtD,WACxBsD,EAAmB9C,cACnB8C,EAAmB7C,e4FkBcihB,CACjC3gB,EAAoBwC,GACpB7B,GAEJ,OACE,kBAAC7pB,GAAD,CAAM0B,cAAc,SAAS2J,GAAIA,GAC/B,kBAACrL,GAAD,CAAMqL,GAAI,GACR,kBAACjD,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGwC,GAAI,GAAtC,+CAGA,kBAAC,GAAD,CAActC,KAAK,QAChB,wOAML,kBAACnK,GAAD,CAAM0B,cAAe,CAAC,SAAU,SAAU,OAAQG,MAAM,QACrDumB,GACC,kBAACpoB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEqM,GAAE,yBAAoB2d,EAApB,iCACFnb,KAAI,yBAAoBmb,EAApB,iCACJ5e,MAAM,sBACNH,SAAUgf,EAAcvD,sBACxBtmB,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACX3N,UAAWqoB,MAGXgB,EAAcvD,uBACd,kBAAC,KAAD,CACE7X,KAAI,yBAAoBmb,EAApB,iCACJ5Z,UAAU,cACVxP,UAAWoO,MAIbmb,GACA,kBAAC,KAAD,CACEtb,KAAI,yBAAoBmb,EAApB,oBACJ5Z,UAAU,cACVxP,UAAWoO,MAOlBgY,GACC,kBAAC1oB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEqM,GAAE,yBAAoB2d,EAApB,0BACFnb,KAAI,yBAAoBmb,EAApB,0BACJ5e,MAAM,cACNH,SAAUgf,EAAcjD,eACxB5mB,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACX3N,UAAWqoB,MAGXgB,EAAcjD,gBACd,kBAAC,KAAD,CACEnY,KAAI,yBAAoBmb,EAApB,0BACJ5Z,UAAU,cACVxP,UAAWoO,MAMlBiY,GACC,kBAAC3oB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEqM,GAAE,yBAAoB2d,EAApB,wBACFnb,KAAI,yBAAoBmb,EAApB,wBACJ5e,MAAM,WACNH,SAAUgf,EAAchD,aACxB7mB,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACX3N,UAAWqoB,MAGXgB,EAAchD,cACd,kBAAC,KAAD,CACEpY,KAAI,yBAAoBmb,EAApB,wBACJ5Z,UAAU,cACVxP,UAAWoO,MAIbmb,GACA,kBAAC,KAAD,CACEtb,KAAI,yBAAoBmb,EAApB,oBACJ5Z,UAAU,cACVxP,UAAWoO,MAMlBkY,GACC,kBAAC5oB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEqM,GAAE,yBAAoB2d,EAApB,0BACFnb,KAAI,yBAAoBmb,EAApB,0BACJ5e,MAAM,aACNH,SAAUgf,EAAc/C,eACxB9mB,GAAI,CAAC,EAAG,EAAG,GACXmO,GAAI,CAAC,EAAG,EAAG,GACX3N,UAAWqoB,MAGXgB,EAAc/C,gBACd,kBAAC,KAAD,CACErY,KAAI,yBAAoBmb,EAApB,0BACJ5Z,UAAU,cACVxP,UAAWoO,SChJdo5B,GAA8C,SAAC,GAKrD,IAJLx9B,EAII,EAJJA,UACA+K,EAGI,EAHJA,cACAC,EAEI,EAFJA,gBACA3K,EACI,EADJA,SAEA,OACE,kBAAC3M,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,MAAO,OACrD2J,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,EACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,uCACF9G,KAAI,UAAK+G,EAAL,uCACJxK,MAAM,yCACNiF,YAAY,0DACZzF,UAAWA,EACXhK,UAAW4N,GACXvD,SAAUA,IAEZ,kBAAC,KAAD,CACE4D,KAAI,UAAK+G,EAAL,uCACJxF,UAAU,cACVxP,UAAWoO,OAKjB,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,SAAU,SAAU,OACxD2J,GAAI,CAAC,EAAG,EAAG,IAEX,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVnE,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBoB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEsB,GAAE,UAAKsJ,EAAL,gCACF9G,KAAI,UAAK+G,EAAL,gCACJxK,MAAM,SACNiF,YAAY,iBACZzF,UAAWA,EACX+C,UAAQ,EACR/M,UAAW4N,GACXvD,SAAUA,IAEZ,kBAAC,KAAD,CACE4D,KAAI,UAAK+G,EAAL,gCACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CAAM0B,cAAc,SAASgO,SAAU,GAAKD,UAAW,EAAGD,SAAU,GAClE,kBAAC,KAAD,CACEzB,GAAE,UAAKsJ,EAAL,8BACF9G,KAAI,UAAK+G,EAAL,8BACJxK,MAAM,OACNiF,YAAY,gBACZzF,UAAWA,EACXhK,UAAW4N,GACXvD,SAAUA,IAEZ,kBAAC,KAAD,CACE4D,KAAI,UAAK+G,EAAL,8BACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,OACpCgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAClB,GAAD,CACE0B,cAAc,SACd+N,UAAW,CAAC,OAAQ,GACpBC,SAAU,CAAC,EAAG,IACdF,SAAU,CAAC,OAAQ,IAEnB,kBAAC,KAAD,CACEzB,GAAE,UAAKsJ,EAAL,kCACF9G,KAAI,UAAK+G,EAAL,kCACJxK,MAAM,WACNiF,YAAY,YACZzF,UAAWA,EACXhK,UAAW4N,GACXvD,SAAUA,IAEZ,kBAAC,KAAD,CACE4D,KAAI,UAAK+G,EAAL,kCACJxF,UAAU,cACVxP,UAAWoO,MAIf,kBAACvR,GAAD,CACE+B,GAAI,CAAC,EAAG,GACRO,GAAI,EACJiO,SAAU,CAAC,EAAG,IACdD,UAAW,CAAC,OAAQ,GACpBD,SAAU,CAAC,OAAQ,IAEnB,kBAAC,GAAD,CAAM6I,KAAK,0DAAX,kBAEE,kBAAC,GAAD,CAAMlO,KAAK,sBCxHZ4/B,GAAyC,SAAC,GAQhD,IAPL1yB,EAOI,EAPJA,cACAC,EAMI,EANJA,gBACAmV,EAKI,EALJA,4BACArG,EAII,EAJJA,gBACAjP,EAGI,EAHJA,cACA6yB,EAEI,EAFJA,sBACApzB,EACI,EADJA,YAEA,OACE,oCACE,kBAAC,GAAD,CACES,cAAa,UAAKA,GAClBC,gBAAe,UAAKA,GACpBH,cAAeA,EACfxK,SAAU8f,GAA+BrG,EACzC7lB,cAAY,wBACZqW,YAAaA,IAGf,kBAAC,KAAD,CACE7I,GAAE,UAAKsJ,EAAL,kCACF9G,KAAI,UAAK+G,EAAL,kCACJnL,SAAQ,WAAOia,EAAiC,gBAAf,cACjCtZ,MAAK,UACFsZ,EAEG,0CADA,gCAGNe,UAAU,aACV1lB,GAAI,EACJ4J,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB0D,QAASi7B,EACT1nC,UAAWsjB,GACXjZ,SAAU8f,EACVlsB,cAAY,gCAGb6lB,GACC,kBAAC,GAAD,CACE/O,cAAa,UAAKA,GAClBC,gBAAe,UAAKA,GACpB3K,SAAU8f,MAOpBsd,GAAsBvpC,aAAe,CACnCisB,6BAA6B,GCvBxB,IAAMwd,GAAoD,SAAC,GAY3D,IAXLpgB,EAWI,EAXJA,kBACAE,EAUI,EAVJA,eACA2B,EASI,EATJA,oBACAM,EAQI,EARJA,qBACA1f,EAOI,EAPJA,UACA+e,EAMI,EANJA,eACAE,EAKI,EALJA,aACAvV,EAII,EAJJA,MACAmW,EAGI,EAHJA,iBACAnC,EAEI,EAFJA,aACA7S,EACI,EADJA,cAEA,EAEInZ,KADFlB,yBAA4B7G,EAD9B,EAC8BA,WAEtBlB,EAHR,EAC0CsB,iBAElCtB,SAER,EAA8CyZ,oBAAS,GAAvD,mBAAO4X,EAAP,KAAwBM,EAAxB,KAEM0F,EAAwBrC,EAAe2B,GACvCW,EAA6BD,EAAsBlE,MAEnDoE,EAAyBvC,EAAe3vB,KAAI,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAE7C,WAAtB2B,IAC0B,IAAxB6B,IACFW,EAA2BlE,WAAY,GAGrCkE,EAA2BlE,YAC7BiE,EAAsBpE,uBAAuB/zB,OAAQ,GAGnDo4B,EAA2B3D,iBAC7B0D,EAAsB3D,wBAAwBx0B,OAAQ,IAI1D,IAAMi2C,EChF2C,SACjDxtB,EACA1G,GAEA,IAAIlF,GAAoB,EACpBC,GAAmB,EACnBC,GAAgB,EAChBC,GAAiB,EACjBC,GAAyB,EAE7B,OACY,IAAV8E,IACE0G,EAAK0L,uBACJ1L,EAAKgM,gBACLhM,EAAKkM,gBACLlM,EAAKiM,gBACRjM,EAAKgM,gBAYHhM,EAAKkM,gBAA4B,IAAV5S,GACzBlF,GAAoB,EACpBC,GAAmB,GACV2L,EAAKiM,cAA0B,IAAV3S,IAC9BlF,GAAoB,EACpBC,GAAmB,EACnBC,GAAgB,GAEd0L,EAAK0L,uBAAmC,IAAVpS,IAChClF,GAAoB,EACpBC,GAAmB,EACnBE,GAAiB,EACjBC,GAAyB,GAGpB,CACLJ,oBACAC,mBACAC,gBACAC,iBACAC,yBACAC,sBAAsB,IA/Bf,CACLL,mBAAmB,EACnBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,wBAAwB,EACxBC,sBAAsB,GDwDWg5B,CACnC9d,EACAX,GAGI0e,EAAoB/d,EAA2B3D,eAE/C2hB,EACJhe,EAA2BlE,WAC3BkE,EAA2BjE,uBAC3BiE,EAA2B3D,eAEvB4hB,EACJje,EAA2B3D,eAEvB6hB,EACJF,GAAoCC,EAEhCE,IACJne,EAA2BzD,gBAA+B,aAAb7zB,GAEzCuc,EAAgC,aAAbvc,EAEnBw3B,GACHH,EAAsB13B,SACtB6T,GAAeS,KAAKojB,EAAsB13B,QAEvC+1C,GACHre,EAAsB13B,SACtB6T,GAAeS,KAAKojB,EAAsB13B,QAEvC83B,EACJH,EAA2BlE,YAAciE,EAAsBn4B,MAE3D4R,EAAQylB,GACZe,EACwB,IAAxBX,EACAL,EACAE,GAGIkB,EAA8BX,GAClC71B,EACAy1B,GAGFluB,qBAAU,WACJ4uB,EAAsBtS,+BACxB4M,GAAmB,KAGpB,IAEHlpB,qBAAU,WAGN2oB,GACEC,EACAgG,EAAsBtS,iCAGxBsS,EAAsBviB,sBAAwB,GAC9CuiB,EAAsBvS,iBAAmB,IAKzCyM,GACEF,EACAgG,EAAsBtS,iCAGxBsS,EAAsBrS,qBAAqBC,cAAgB,GAC3DoS,EAAsBrS,qBAAqBG,KAAO,GAClDkS,EAAsBrS,qBAAqBE,OAAS,GACpDmS,EAAsBrS,qBAAqBI,SAAW,MAGvD,CAACiM,IAuBJ,OACE,kBAACpmB,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CACEiB,WAAW,SACXoK,GAAI,EACJrK,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAMkC,WAAW,QAAQzE,GAExBsmB,GACC,kBAAC,GAAD,CACE5rB,cAAY,wBACZwO,QAAS,SAACtB,GAAD,OAtCa,SAC9BL,EACAsf,EACA1C,GAEAA,GAAgBA,EAAa2C,OAAOD,GAiCZE,CAAwBnf,EAAGuI,EAAOgU,IAClD7f,KAAK,QACLjJ,GAAI,KAKgB,QAAzB8qB,GACC,kBAAC,GAAD,CACE9C,oBAAqBoD,EACrBZ,oBAAqBA,EACrBtD,sBAA6C,WAAtByB,EACvBnB,eAAsC,WAAtBmB,EAChBlB,aAAoC,YAAtBkB,EACdjB,eAAsC,YAAtBiB,EAChBA,kBAAmBA,EACnBxe,GAAI,IAIR,kBAACrL,GAAD,CACE0B,cAAc,SACdV,eAAe,gBACfT,cAAY,kCAGZ,kBAAC,GAAD,CACE+L,UAAWA,EACXsE,SAAQ,yBAAoB8a,EAApB,KACR7a,WAAU,yBAAoB6a,EAApB,KACV5a,kBAAmBo5B,EAA6Bp5B,kBAChDC,iBAAkBm5B,EAA6Bn5B,iBAC/CC,cAAek5B,EAA6Bl5B,cAC5CC,eAAgBi5B,EAA6Bj5B,eAC7CE,qBACE+4B,EAA6B/4B,qBAE/BI,kBAAmBkb,EACnBjb,iBAAkBib,EAClBhb,cAAegb,EACf/a,eAAgB+a,EAChB9a,uBAAwB8a,EACxB7a,qBAAsB6a,EACtBnb,iBAAkBA,EAClBJ,wBAAsB,IAIvBs5B,GACC,kBAACxqC,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAE,yBAAoB2d,EAApB,oBACFnb,KAAI,yBAAoBmb,EAApB,oBACJ5e,MAAM,qCACN4C,SAAU,EACVpD,UAAWA,EACX+C,UAAQ,EACR+C,UAAW,GACX9P,UAAW4N,GACXvD,SAAU8f,IAEZ,kBAAC,KAAD,CACElc,KAAI,yBAAoBmb,EAApB,oBACJ5Z,UAAU,cACVxP,UAAWoO,MAMhB05B,GACC,kBAAC,GAAD,CACE/yB,cAAa,yBAAoBqU,EAApB,KACbpU,gBAAe,yBAAoBoU,EAApB,KACfe,4BAA6BA,EAC7BrG,gBAAiBA,EACjBjP,cAAeA,EACf6yB,sBA3GoB,WAE5B7yB,EAAc,kBAAD,OACOuU,EADP,4BAKbU,EAAsBtS,+BACnBsS,EAAsBtS,8BAEzB4M,GAAmB,SAAC9X,GAAD,OAAgBA,QAsGL,WAAzBod,GACC,kBAAC,GAAD,CACE9C,oBAAqBoD,EACrBZ,oBAAqBA,EACrBtD,sBAA6C,WAAtByB,EACvBnB,eAAsC,WAAtBmB,EAChBlB,aAAoC,YAAtBkB,EACdjB,eAAsC,YAAtBiB,EAChBA,kBAAmBA,EACnBxe,GAAI,IAKPk/B,GACC,kBAACvqC,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAACjD,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGwC,GAAI,GACnC,4HAGH,kBAAC,GAAD,CAActC,KAAK,QAAnB,+BAKDmgC,GACC,kBAAC,GAAD,CACEv8B,GAAE,yBAAoB2d,EAApB,6BACFnb,KAAI,yBAAoBmb,EAApB,6BACJ7lB,MAAM,gBACNglB,WAAW,QACXC,SAAS,MACTC,eAAa,EACbC,YAAayf,EACbn+B,UAAWA,EACXjB,GAAI,IAIPg/B,GACC,kBAAC,GAAD,CACEt8B,GAAE,yBAAoB2d,EAApB,4BACFnb,KAAI,yBAAoBmb,EAApB,4BACJ7lB,MAAM,eACNglB,WAAW,QACXC,SAAS,MACTC,cAAeyB,EACfxB,YAAauB,EACbjgB,UAAWA,MAOrB,kBAAC,GAAD,CACEzK,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,MAMhBqoC,GAAiCzpC,aAAe,CAC9CwrB,qBAAsB,MACtBa,eAAe,EACfvgB,WAAW,GEtVN,I,MAAMo+B,GAA0C,SAAC,GAGjD,IAFLnf,EAEI,EAFJA,aACAjf,EACI,EADJA,UAEA,OACE,kBAACtM,GAAD,CAAMyB,GAAI,EAAGC,cAAc,UACzB,kBAAC0G,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,8BASA,kBAACrL,GAAD,CAAMqL,GAAI,GACR,kBAAC,KAAD,CACEqB,UAAU,QACVI,MAAM,oBACNiB,GAAG,gBACHwC,KAAK,eACL/Z,MAAM,gBACN0sB,aAAcqI,EACd7b,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXnK,UAAWohB,GACXE,YAAU,IAEZ,kBAAC,KAAD,CACElX,UAAU,QACVI,MAAM,mBACNiB,GAAG,eACHwC,KAAK,eACL/Z,MAAM,eACN0sB,aAAcqI,EACd7b,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXoB,UAAWohB,GACXE,YAAU,KAGd,kBAAC5jB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CAAM6B,MAAM,QACV,kBAAC,KAAD,CACE6K,UAAU,QACVI,MAAM,cACNiB,GAAG,iBACHwC,KAAK,eACL/Z,MAAM,MACN60B,eAAgBE,EAChBrI,aAAcqI,EACd7b,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXnK,UAAWohB,GACXE,YAAU,IAEZ,kBAAC,KAAD,CACElX,UAAU,QACVI,MAAM,iBACNiB,GAAG,gBACHwC,KAAK,eACL/Z,MAAM,KACN0sB,aAAcqI,EACd7b,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXoB,UAAWohB,GACXE,YAAU,KAGd,kBAAC,KAAD,CACErT,KAAK,eACLuB,UAAU,cACVxP,UAAWoO,MAIG,QAAjB6a,GACC,kBAACvrB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACE4K,UAAWA,EACXsE,SAAS,yBACTC,WAAW,yBACXK,wBAAsB,EACtBC,sBAAoB,EACpBH,eAAa,OC5EZ25B,GAAmD,SAAC,GAS1D,IARL58B,EAQI,EARJA,GACAgc,EAOI,EAPJA,eACAF,EAMI,EANJA,kBACAvd,EAKI,EALJA,UACA+e,EAII,EAJJA,eACAE,EAGI,EAHJA,aACAwB,EAEI,EAFJA,uBACA5V,EACI,EADJA,cAEMyS,EAAqBG,EAAe3vB,KAAI,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAC7Da,EAA2BY,GAC/BC,EACAC,GAGI+gB,ECvCoC,SAC1C/gB,EACAD,GAEA,GAA0B,YAAtBC,EACF,MAAO,GAGT,IAAMghB,EACJzhB,GAAwCQ,GACpCkhB,EACJxhB,GAA0CM,GAE5C,OAAKihB,GAAyBC,EAElBD,EAEAC,EAIL,GAHE,yCAFA,uCAFA,GDyByBC,CAChClhB,EACAD,GAGF,OACE,kBAAC5pB,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC3F,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGxI,GAAI,EAAG4J,GAAI,GAA7C,mBAIA,kBAACjD,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,GAAzB,6JAMA,kBAAC,KAAD,CACEkF,KAAK,iBACLwH,kBAAkB,EAClBkV,OAAQ,SAACjD,GAAD,OACN,oCACGD,EAAe3vB,KAAI,SAAC6vB,EAASjU,GAAV,OAClB,kBAAC,GAAD,CACE6T,kBAAmBA,EACnBxwB,IAAK2c,EACLA,MAAOA,EACPgW,qBAAgC,IAAVhW,EAAc,SAAW,MAC/C+T,eAAgBA,EAChB2B,oBAAqB1V,EACrB6W,cAAyB,IAAV7W,EACf1J,UAAWA,EACX6f,iBAAkBnW,EAAQ,EAC1BgU,aAAcA,EACdqB,eAAgBA,EAChBE,aAAcA,EACdpU,cAAeA,OAIlB4S,EAAe7vB,OAAS,GAAK6uB,EAA2B,GACvD,kBAAC/oB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACEqoB,eAAgBA,EAChBC,aAAcA,EACd1d,UAAWA,EACXud,kBAAmBA,IAGE,YAAtBA,GACC+gB,GACE,kBAAC,KAAD,CACEr6B,KAAMq6B,EACN94B,UAAU,cACVxP,UAAWoO,WAUN,WAAtBmZ,GACC,kBAAC,GAAD,CACEwB,eAAgBA,EAChB0B,uBAAwBA,EACxBzgB,WAAS,IAIU,YAAtBud,GACC,kBAAC,GAAD,CAAwB0B,aAAcA,EAAcjf,WAAS,MAMrEq+B,GAAgCnqC,aAAe,CAC7C8L,WAAW,GE3Gb,I,uCAAMmkB,GAAerxB,aAAOY,GAAPZ,CAAH,2IAGd8G,GAAaG,aAGG,qBAAGE,MAAkBvB,OAAOd,SAASK,QAInDmsB,GAAYtxB,aAAOY,GAAPZ,CAAH,qGAGJ,qBAAGmH,MAAkBvB,OAAOd,SAASS,QAI1CgsB,GACJ,ucAMIC,GACJ,oJAGWoa,GAAoC,SAAC,GAI3C,IAHL5c,EAGI,EAHJA,SACAC,EAEI,EAFJA,KACArE,EACI,EADJA,aAcAxsB,qBAAU,WACR,IAAMytC,EAAoBC,oBAAS9c,GAEnC,GAAI6c,EAAoB5c,EAAKn0B,QAff,SAAC6qB,GACf,IAAK,IAAI/O,EAAQ,EAAGA,EAAQ+O,EAAO/O,IACjCgU,EAAalrB,KAAKouB,IAclBie,CAAQF,EAAoB5c,EAAKn0B,YAC5B,MAAI+wC,EAAoB5c,EAAKn0B,QAGlC,QAde,SAAC6qB,GAClB,IAAK,IAAI/O,EAAQ+O,EAAO/O,EAAQ,EAAGA,IACjCgU,EAAa2C,OAAO0B,EAAKn0B,OAAS,GAUlCkxC,CAAW/c,EAAKn0B,OAAS+wC,MAM1B,CAAC7c,EAAUC,IAEd,IAAMgd,EbhC0B,SAChChd,GAEA,IAAMid,EAA6B,GAwBnC,OAtBAjd,EAAK3E,SAAQ,SAACuf,GACZ,IAAIsC,EAAiB,GAErB,OAAQtC,EAAI7b,SACV,IAAK,KACHme,EAAiB,aACjB,MACF,IAAK,KACHA,EAAiB,aACjB,MACF,IAAK,MACHA,EAAiB,cACjB,MACF,IAAK,gBACHA,EAAiB,eAIrB,IAAM5nB,EAAU4K,GAAc,qBAAsBgd,GACpDD,EAAgBxsC,KAAK6kB,MAGhB2nB,EaKiBE,CAAmBnd,GAE3C,OACE,kBAACruB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAcwgB,GAAI,EAAG7W,GAAI,GACvB,kBAAC,GAAD,CAAWf,WAAW,SAASN,SAAU,EAAG0F,SAAU,IAAMjD,GAAI,GAAhE,QAGA,kBAAC,GAAD,CAAWnC,WAAW,SAASN,SAAU,EAAG0F,SAAU,IAAMjD,GAAI,GAC9D,kBAACrE,GAAD,cACA,kBAAC,GAAD,CAAc+B,KAAK,OAAOjJ,GAAI,GAC3ByvB,KAGL,kBAAC,GAAD,CAAWrmB,WAAW,SAASN,SAAU,EAAG0F,SAAU,IAAMjD,GAAI,GAC9D,kBAACrE,GAAD,CAAMvG,MAAM,eAAZ,cACA,kBAAC,GAAD,CAAcsI,KAAK,OAAOjJ,GAAI,EAAGimB,UAAU,OACxCyJ,MAKNvC,EAAKj0B,KAAI,SAAC6uC,EAAKjzB,GAAN,OACR,kBAAChW,GAAD,CACE3G,IAAG,oBAAe2c,EAAf,KACHtU,cAAe,CAAC,SAAU,SAAU,SAAU,MAAO,OACrDI,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAEjB,kBAAC,KAAD,CACEiM,GAAE,oBAAeiI,EAAf,UACFzF,KAAI,oBAAeyF,EAAf,UACJlJ,MAAM,OACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFyE,MAAO,CAAC,aAAc,eACtBF,aAAc,EACd5B,YAAY,GACZtF,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBqE,SAAU,IACVD,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtClN,UAAWiiB,KAGb,kBAAC,KAAD,CACExW,GAAE,oBAAeiI,EAAf,WACFzF,KAAI,oBAAeyF,EAAf,WACJlJ,MAAM,QACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFyE,MAAO,CAAC,IAAK,IAAK,KAClBF,aAAc,EACd5B,YAAY,GACZzC,QAASqhB,GACTphB,eAAgB,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,QACjD9C,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBqE,SAAU,IACVD,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtClN,UAAWiiB,KAGb,kBAAC,KAAD,CACExW,GAAE,oBAAeiI,EAAf,aACFzF,KAAI,oBAAeyF,EAAf,aACJlJ,MAAM,aACNsC,aAAc,CACZ,eACA,eACA,eACA,OACA,QAEFE,QAASshB,GACTrhB,eAAgB,CAAC,OAAQ,OAAQ,OAAQ,OAAQ,QACjDsE,MAAO,CAAC,KAAM,KAAM,KAAM,KAAM,MAAO,iBACvCF,aAAc,EACd5B,YAAY,GACZtF,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBpB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjBqE,SAAU,IACVD,UAAW,EACXD,SAAU,CAAC,OAAQ,OAAQ,OAAQ,EAAG,GACtCmU,QAAS0nB,EAAgBr1B,GACzB1T,UAAWiiB,WCzJjBsV,GAAcz6B,aAAOD,GAAPC,CAAH,+HAEK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAG1CknC,GAAoD,SAAC,GAI3D,IAHL19B,EAGI,EAHJA,GACA2gB,EAEI,EAFJA,KACAvX,EACI,EADJA,cAEMu0B,EAAY1C,GAAoBta,GAEtC,OACE,kBAAC1uB,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC,GAAD,CAAaxC,EAAG,EAAGD,aAAa,SAC9B,kBAAC,GAAD,CACEzF,MAAO,eACPxM,IAAK,EACL2c,MAAO,EACP0Y,KAAMA,EACNrX,cAAc,OACdC,gBAAgB,OAChB6U,kBAAkB,EAClBhV,cAAeA,EACf+O,UAAQ,IAGTwI,EAAKjB,UACJ,oCACE,kBAAC,GAAD,CACE5rB,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRH,GAAI,EACJ4J,GAAI,IAGN,kBAACrL,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACE0C,GAAG,gBACHwC,KAAK,gBACLsD,MAAO,CACL,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KACA,gBAEF/G,MAAM,iBACN6G,aAAc,GACd5B,YAAY,GACZ4R,QAAS4kB,GAAmB7Z,EAAKN,UACjC9rB,UAAWiiB,KAEb,kBAAC,KAAD,CACEhU,KAAK,gBACLuB,UAAU,cACVxP,UAAWoO,MAII,iBAAlBge,EAAKN,UACJ,kBAAC,KAAD,CACE7d,KAAK,YACLwH,kBAAkB,EAClBkV,OAAQ,SAACjD,GAAD,OACN,kBAAC,GAAD,CACEoE,SAAUM,EAAKN,SACfC,KAAMK,EAAKL,KACXrE,aAAcA,QAMpB0hB,GACA,oCACE,kBAAC1rC,GAAD,CAAM0B,cAAc,SAASD,GAAI,GAC/B,kBAAC,KAAD,CACEsM,GAAG,kCACHwC,KAAK,kCACLzD,MAAM,uCACNiF,YAAY,kFACZ+2B,KAAM,EACNH,OAAO,WACPt5B,UAAQ,EACR/M,UAAWymC,KAEb,kBAAC,KAAD,CACEx4B,KAAK,kCACLuB,UAAU,cACVxP,UAAWoO,SASzB,kBAAC,GAAD,CACE7O,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,MChIC6pC,GAAkC,SAAC,GAAwB,IAAtBhU,EAAqB,EAArBA,eAChD,OACE,kBAAC33B,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,eAGF,kBAACoH,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGoB,GAAI,GAAtC,oBAIA,kBAAC,GAAD,CAAclB,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IAAvD,uRAQF,kBAACkH,GAAD,CAAM6B,WAAY,EAAGoB,GAAI,GAAzB,mIAKA,kBAAC,KAAD,CACE0C,GAAG,YACHwC,KAAK,YACL+iB,gBAAiB,CACf,kBACA,mBACA,qBACA,0BACA,cACA,kBACA,oBACA,wBACA,gBACA,aACA,YACA,aACA,qBACA,2EAEFqE,eAAgBA,EAChBhC,eAAgB,YAChBrzB,UAAWk3B,OCnBNoS,GAAiD,SAAC,GAKxD,IAJL79B,EAII,EAJJA,GACAkK,EAGI,EAHJA,OACAd,EAEI,EAFJA,cACA6lB,EACI,EADJA,sBAEA,EAAiCC,eAAzB3sB,EAAR,EAAQA,OAAQsH,EAAhB,EAAgBA,aAEhBpa,qBAAU,WACJya,EAAO+wB,qBACT/wB,EAAO8R,eAAeL,SAAQ,SAACmiB,GAC7BA,EAAc3jB,MAAME,uBAAwB,EAC5CyjB,EAAc3jB,MAAMQ,gBAAiB,EACrCmjB,EAAch3C,eAAiB,GAC/Bg3C,EAAchyB,iBAAmB,GACjCgyB,EAAchiC,sBAAwB,MAGxCoO,EAAOoT,eAAiB,KAExBpT,EAAO8R,eAAeL,SAAQ,SAACmiB,GAC7BA,EAAc3jB,MAAMU,gBAAiB,EACrCijB,EAAc3jB,MAAMS,cAAe,KAGrC1Q,EAAOsT,aAAe,MAIvB,CAACtT,EAAO+wB,sBAEXxrC,qBAAU,WACR,IAAM8uB,EAAyBrU,EAAO8R,eAAe3vB,KACnD,SAAC6vB,GAAD,OAAaA,EAAQ/B,SAGvBjQ,EAAO8Z,6BACL9I,GAAiDqD,GACnDrU,EAAO6zB,sBAAwBziB,GAC7BiD,GAEFrU,EAAO8zB,oBAAsB3iB,GAC3BkD,GAEFrU,EAAO+zB,sBAAwB1iB,GAC7BgD,KAID,CAACrU,EAAO8R,eAAgB9R,EAAO+wB,sBAElCxrC,qBAAU,WACR,IAAMkuC,EAAY1C,GAAoB/wB,EAAOyW,MAC7CzW,EAAO+wB,oBAAsB0C,IAE5B,CAACzzB,EAAOyW,OAGXlxB,qBAAU,WACR,GAAIoa,EAAc,CAChB,IAAMslB,EAAiBd,GAAwB9rB,GAC3C4sB,GACF5B,GAAmB4B,MAGtB,CAACtlB,EAActH,IAGlB9S,qBAAU,WACR,GAAIw/B,EAAuB,CACzB,IAAMG,EAAsD,cAA7BllB,EAAOiW,kBACtC8O,EAAsBG,MAGvB,CAACllB,EAAOiW,oBAEX,IAAM+d,EAAoBjD,GAAoB/wB,EAAOyW,MAQrD,OACE,kBAAC1uB,GAAD,CAAM+N,GAAIA,EAAIrM,cAAc,UAC1B,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASe,GAAI,GAAtD,iBAIA,kBAAClM,GAAD,CAAK4O,GAAG,wCACN,kBAAC/N,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,cAEFS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB4J,GAAI,GAEJ,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,8CAUF,kBAACtK,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACEwJ,QACE,yGAEFV,QAAQ,UACRL,KAAK,OACLkB,GAAI,IAGN,kBAAC,GAAD,CACE0C,GAAG,sCACH2gB,KAAMzW,EAAOyW,KACbvX,cAAeA,MAKpB80B,GACC,oCACE,kBAACjsC,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,8BAUA,kBAACrL,GAAD,KACE,kBAAC,KAAD,CACE0M,UAAU,SACVqB,GAAG,0BACHwC,KAAK,cACLzD,MAAM,2BACNtW,MAAM,kBACN0sB,aAAcjL,EAAOi0B,YACrBx8B,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXkX,QhBtHP4K,GAAc,yBAA0B,wBgBuHjCjsB,UAAWohB,KAEb,kBAAC,KAAD,CACEhX,UAAU,SACVqB,GAAG,wBACHwC,KAAK,cACLzD,MAAM,sDACNtW,MAAM,mBACN0sB,aAAcjL,EAAOi0B,YACrBx8B,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXkX,QhBhIP4K,GAAc,yBAA0B,wBgBiIjCjsB,UAAWohB,OAKjB,kBAAC1jB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,cAEFS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB4J,GAAI,GAEJ,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,iCASA,kBAAC,GAAD,CAAcH,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IAAvD,4fAaF,kBAAClB,GAAD,KACE,kBAAC,KAAD,CACE0M,UAAU,SACVqB,GAAG,2BACHwC,KAAK,cACLzD,MAAM,cACNtW,MAAM,cACN0sB,aAAcjL,EAAOk0B,YACrBz8B,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXkX,QhB/KP4K,GAAc,sBAAuB,oBgBgL9BjsB,UAAWohB,KAEb,kBAAC,KAAD,CACEhX,UAAU,SACVqB,GAAG,wBACHwC,KAAK,cACLzD,MAAM,kBACNtW,MAAM,kBACN0sB,aAAcjL,EAAOk0B,YACrBz8B,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXkX,QhBzLP4K,GAAc,sBAAuB,YgB0L9BjsB,UAAWohB,OAKO,gBAAvBzL,EAAOk0B,aACN,kBAACnsC,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACrL,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,cAEFS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB4J,GAAI,GAEJ,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,yBAUF,kBAACtK,GAAD,KACE,kBAAC,KAAD,CACE0M,UAAU,SACVqB,GAAG,4BACHwC,KAAK,kBACLzD,MAAM,qDACNtW,MAAM,WACN0sB,aAAcjL,EAAOm0B,gBACrB18B,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,EACJkX,QhB7NT4K,GAAc,0BAA2B,gBgB8NhCjsB,UAAWohB,KAEb,kBAAC,KAAD,CACEhX,UAAU,SACVqB,GAAG,qCACHwC,KAAK,kBACLzD,MAAM,oBACNtW,MAAM,oBACN0sB,aAAcjL,EAAOm0B,gBACrB18B,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,EACJyiB,QhBvOT4K,GAAc,0BAA2B,kBgBwOhCjsB,UAAWohB,OAMnB,kBAAC1jB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,GALN,4CAUA,kBAAC,KAAD,CACE0C,GAAG,0BACHwC,KAAK,yBACLzD,MAAM,cACNiF,YAAY,mJACZ+2B,KAAM,EACNr8B,GAAI,EACJnK,UAAWymC,KAGb,kBAAC,KAAD,CACEx4B,KAAK,yBACLuB,UAAU,cACVxP,UAAWoO,OAMnB,kBAACvR,GAAD,KACE,kBAAC,GAAD,CAAgBw4B,eAvPe,SACnCzJ,GAEAjW,EAAOiW,kBAAoBA,KAsPvB,kBAAC,GAAD,CACErsB,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,KAIR,kBAAC,GAAD,CACEiM,GAAG,yCACHgc,eAAgB9R,EAAO8R,eACvBF,kBAAmBoiB,EAAoB,UAAY,SACnD5gB,eAAgBpT,EAAOoT,eACvBE,aAActT,EAAOsT,aACrBwB,uBAAwB9U,EAAO8U,uBAC/B5V,cAAeA,MChXjBqnB,GAAQp/B,KAAOq/B,MAAV,mHACPj/B,KAGA0G,GAAaE,cAMXs4B,GAAYt/B,KAAOu/B,GAAV,qFACXp/B,MAEc,qBAAGgH,MAAkBvB,OAAOd,SAASK,QAGjDq6B,GAAgBx/B,KAAOy/B,GAAV,oDACfl/B,MACO,qBAAG4G,MAAkBvB,OAAOd,SAASS,QAGnC0nC,GAAyC,SAAC,GAAc,IAAZhe,EAAW,EAAXA,KACvD,OACE,kBAAC,GAAD,KACE,+BACE,4BACE,kBAAC,GAAD,CAAepkB,WAAY,EAAGK,WAAW,UAAzC,eAGA,kBAAC,GAAD,CAAeL,WAAY,EAAGK,WAAW,UAAzC,SAGA,kBAAC,GAAD,CAAeL,WAAY,EAAGK,WAAW,UAAzC,gBAKJ,+BACG+jB,EAAKj0B,KAAI,SAAC6uC,EAAKjzB,GACd,OACE,wBAAIzV,cAAA,0BAAgCyV,EAAQ,GAAK3c,IAAK2c,GACpD,kBAAC,GAAD,CAAWhG,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,cAAoByV,EAAQ,EAA5B,UAAuCizB,EAAIpzC,OAEnD,kBAAC,GAAD,CAAWma,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,cAAoByV,EAAQ,EAA5B,WAAwCizB,EAAI9b,QAEpD,kBAAC,GAAD,CAAWnd,GAAI,GACb,kBAAC5H,GAAD,CAAM7H,cAAA,cAAoByV,EAAQ,EAA5B,UAAuCizB,EAAI7b,iBCtD3DoR,GAAQp/B,KAAOq/B,MAAV,iHACPj/B,KAIA0G,GAAaE,cAKXs4B,GAAYt/B,KAAOu/B,GAAV,qFACXp/B,MAEc,qBAAGgH,MAAkBvB,OAAOd,SAASK,QAGjD4J,GAAe/O,aAAOgJ,GAAPhJ,CAAH,iFACP,qBAAGmH,MAAkBvB,OAAOd,SAASS,QAK1Co6B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAMLktC,GAAwC,SAAC,GAAc,IAAZje,EAAW,EAAXA,KACtD,OACE,kBAAC,GAAD,KACE,gCACA,+BACGA,EAAKj0B,KAAI,SAAC6uC,EAAKjzB,GACd,OACE,wBAAIzV,cAAA,yBAA+ByV,EAAQ,GAAK3c,IAAK2c,GACnD,kBAAC,GAAD,CAAWwH,GAAI,EAAG0E,GAAI,GACpB,kBAACliB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,eAGA,kBAAC,GAAD,CACEnP,cAAA,cAAoByV,EAAQ,EAA5B,SACA/L,WAAY,EACZyF,SAAU,IAETu5B,EAAIpzC,OAGT,kBAACmK,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,SAGA,kBAAC,GAAD,CACEnP,cAAA,cAAoByV,EAAQ,EAA5B,UACA/L,WAAY,EACZyF,SAAU,IAETu5B,EAAI9b,QAGT,kBAACntB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,IAAvC,cAGA,kBAAC,GAAD,CACEnP,cAAA,cAAoByV,EAAQ,EAA5B,SACA/L,WAAY,EACZyF,SAAU,IAETu5B,EAAI7b,kBC5DnByM,GAAcz6B,aAAOY,GAAPZ,CAAH,qGACK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAGjD4J,GAAe/O,aAAOgJ,GAAPhJ,CAAH,iFACP,qBAAGmH,MAAkBvB,OAAOd,SAASY,QAK1Ci6B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAMZ6/B,GAAoB7/B,aAAOY,GAAPZ,CAAH,qGACD,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAGjD26B,GAAkB9/B,aAAOgJ,GAAPhJ,CAAH,sGACV,qBAAGmH,MAAkBvB,OAAOW,SACjB,qBAAGY,MAAkBvB,OAAOd,SAASS,QAI9C4nC,GAAyC,SAAC,GAAgB,IAAdt0B,EAAa,EAAbA,OACjDyzB,EAAY1C,GAAoB/wB,EAAOyW,MACvC8d,EAA8C,iBAAzBv0B,EAAOyW,KAAKN,SAEvC,OACE,oCACE,kBAACpuB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,WAIA,kBAAC,GAAD,CACEnP,cAAY,mCACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAEL,mBAAzBuI,EAAOyW,KAAKjB,SACT2Q,GAAsBnmB,EAAOyW,KAAKhB,gBACT,wBAAzBzV,EAAOyW,KAAKjB,SACZ6Q,GAAsBrmB,EAAOyW,KAAKpH,oBAClC,QAIPrP,EAAOyW,KAAKpH,oBACX,kBAACtnB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,kCAIA,kBAAC,GAAD,CACEnP,cAAY,8CACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOyW,KAAKpH,mBAAmBuG,+BAKtC,kBAAC7tB,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,kBAIA,kBAAC,GAAD,CACEnP,cAAY,qCACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOyW,KAAKN,YAIfsd,GACA,kBAAC1rC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,gCAIA,kBAAC,GAAD,CACEnP,cAAY,wDACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOyW,KAAKJ,6BAKlBod,GACC,oCACE,kBAAC1rC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,gBAIA,kBAAC,GAAD,CACEnP,cAAY,wCACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOi0B,cAIZ,kBAAClsC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,gBAIA,kBAAC,GAAD,CACEnP,cAAY,wCACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOk0B,cAIY,gBAAvBl0B,EAAOk0B,aACN,kBAACnsC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CACEpB,WAAY,EACZyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAFjC,uBAOA,kBAAC,GAAD,CACEnP,cAAY,4CACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOm0B,kBAId,kBAACpsC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,eAIA,kBAAC,GAAD,CACEnP,cAAY,mDACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOw0B,0BAMhB,kBAACzsC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAA5D,aAIA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,MAE9BuI,EAAOy0B,UAAUtyC,KAAI,SAAC4sB,EAAMhR,GAC3B,OACE,kBAAC,GAAD,CACE3c,IAAK2c,EACL3K,GAAI,EACJC,aAAa,QACboK,QAAS,CAAC,EAAG,EAAG,EAAG,IAEnB,kBAACtN,GAAD,CACE7H,cAAA,2BAAiCyV,EAAQ,EAAzC,aACAhM,SAAU,EACVC,WAAY,GAEXioB,GAA4BlL,EAAKmL,WAGpC,kBAAC,GAAD,CACE5xB,cAAA,2BAAiCyV,EAAQ,EAAzC,aACA9U,GAAI,EACJwU,QAAS,EACTpK,aAAa,WACbtB,SAAU,EACVC,WAAY,GAEXooB,GAAiBrL,EAAKmL,kBAQjCqa,GACA,kBAAC,GAAD,CACE9qC,cAAc,SACd4J,aAAa,QACboK,QAAS,CAAC,EAAG,EAAG,EAAG,GACnBrK,GAAI,GAEJ,kBAAC,GAAD,CAAuBgjB,KAAMpW,EAAOyW,KAAKL,OACzC,kBAAC,GAAD,CAAsBA,KAAMpW,EAAOyW,KAAKL,UClOrCse,GACX,SAAC,GAA2E,IAAzE5iB,EAAwE,EAAxEA,eAAgB2B,EAAwD,EAAxDA,oBAAqBL,EAAmC,EAAnCA,eAAgBE,EAAmB,EAAnBA,aACtD,OACE,kBAACvrB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGK,WAAW,OAAOe,GAAI,GACxCigB,GACCvB,EAAe7B,MACS,IAAxBwD,EACAL,EACAE,IAIJ,kBAAC,GAAD,CAA0BxB,eAAgBA,MCFrC6iB,GAA2C,SAAC,GAKlD,IAJL30B,EAII,EAJJA,OACA8nB,EAGI,EAHJA,OACAC,EAEI,EAFJA,wBACAC,EACI,EADJA,wBAEMC,EAAe,SAACnF,GAAD,OAAuB,WAV5C,yCAWMA,GACFxX,GrBgEGgL,GAAc,aAAc,sBqB1EnC,2CAaMwM,GACFxX,GrBgEGgL,GAAc,aAAc,kBqB7DjCwR,EAAOhF,KAGT,OACE,kBAAC/6B,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASe,GAAI,GACnD,mBAGH,kBAAC,GAAD,CACE0C,GAAG,mCACHlI,MAAM,eACNtF,cAAY,8BACZ49B,YAAa+B,EAhCnB,yCAkCM,kBAAC,GAAD,CAAuBjoB,OAAQA,KAGjC,kBAAC,GAAD,CACElK,GAAG,sCACHlI,MAAM,kBACNtF,cAAY,iCACZ49B,YAAa+B,EAvCnB,2CAyCOjoB,EAAO8R,eAAe3vB,KAAI,SAAC2vB,EAAgB/T,GAC1C,OACE,kBAAC,GAAD,CACE3c,IAAK2c,EACL+T,eAAgBA,EAChB2B,oBAAqB1V,EACrBqV,eAAgBpT,EAAOoT,eACvBE,aAActT,EAAOsT,mBAKC,OAA1BtT,EAAOoT,gBACmB,QAA1BpT,EAAOoT,iBACP,kBAAC,GAAD,CACEtB,eAAgB9R,EAAO8U,uBACvB8S,YAAa5nB,EAAOoT,eACpBxlB,MAAM,cACNwF,GAAI,KAIkB,OAAxB4M,EAAOsT,cAAiD,QAAxBtT,EAAOsT,eACvC,kBAAC,GAAD,CACExB,eAAgB9R,EAAO8U,uBACvB8S,YAAa5nB,EAAOsT,aACpB1lB,MAAM,aACNwF,GAAI,KAKV,kBAAC,GAAD,CACE0C,GAAG,mBACHjB,MAAO,kBACL,kBAAC1E,GAAD,KACG,sCAAuC,IACxC,kBAAC,GAAD,CAAMiQ,KAAK,2CAAX,oBAKJ9H,KAAK,mBACLyD,SAAUisB,EACV5xB,QAAS2xB,EACTxpC,MAAOwpC,EACPvzB,GAAI,MC3GNogC,GAA4B,CAAC,eAAgB,gBAAiB,UAEvDC,GAAgD,SAAC,GAAkB,IAAbxsC,EAAY,oBAC7E,OAAO,kBAAC,GAAD,eAAiB+/B,MAAOwM,IAA+BvsC,KCOhE6I,KACEA,KACA,eACAN,IAGK,I,kBCMD66B,GAAoB,MACxB7mC,EDPiDsM,OAAaE,MAAM,CACpE0jC,eAAgB5jC,OAChBulB,KAAMvlB,OAAaE,MAAM,CACvBokB,SAAUtkB,OAAaG,SAAS,yBAChCokB,eAAgBvkB,OAAaM,KAAK,WAAY,CAC5CC,GAAI,SAAC+jB,GAAD,MAAmC,mBAAbA,GAC1B30B,KAAMqQ,KAAW,CACfwkB,UAAWxkB,OAERG,SAAS,0BACTL,QAAQP,GAAsB,uCAC9Bc,IAAI,EAAG,uBACVokB,SAAUzkB,OAEPG,SAAS,yBACTL,QAAQP,GAAsB,sCAC9Bc,IAAI,GAAI,wBACXyd,aAAc9d,OAEXI,aAAa,4BACbC,IAAI,EAAG,uBACV0d,WAAY/d,OAETI,aAAa,0BACbD,SAAS,2BACTN,KACC,uBACA,qHACA,SAACxS,GACC,QAAKA,IAIWoS,GAA4BI,KAAKxS,MAIvDyjB,OAAQ9Q,OAELI,aAAa,qBACbC,IAAI,GAAI,wBACRF,SAAS,sBACTL,QACCN,GACA,mCAEJwR,SAAUhR,OAEPI,aAAa,wBACbD,SAAS,wBACTL,QAAQP,GAAsB,qCAC9BxO,OAAO,EAAG,wDAGjBotB,mBAAoBne,OAAaM,KAAK,WAAY,CAChDC,GAAI,SAAC+jB,GAAD,MAAmC,wBAAbA,GAC1B30B,KAAMqQ,KAAW,CACfkd,uBAAwBld,OACxB0d,cAAe1d,OAAaM,KAAK,yBAA0B,CACzDC,IAAI,EAEJ5Q,KAAMqQ,OAAaH,KACjB,mBACA,6BAEA,SAAUxS,GACR,IAAQmrC,EAAS54B,KAAT44B,KAKR,IAAKnrC,EACH,OAAO,EAIT,GADmBmrC,EAAK,GACR,CACd,IAAM7a,EAAkB6a,EAAK,GAAGnrC,MAAMswB,gBACtC,YAA2BjqB,IAApBiqB,GAAqD,KAApBA,EAG1C,OAAO,KAGXnd,UAAWR,SAEb4d,oBAAqB5d,OAAaM,KAAK,yBAA0B,CAC/DC,IAAI,EACJ5Q,KAAMqQ,KAAW,CACf8d,aAAc9d,OAEXI,aAAa,4BACbD,SAAS,6BACTE,IAAI,EAAG,uBACV0d,WAAY/d,OAETI,aAAa,0BACbD,SAAS,2BACTE,IAAI,GAAI,wBACXyQ,OAAQ9Q,OAELI,aAAa,qBACbD,SAAS,sBACTE,IAAI,GAAI,wBACRP,QACCN,GACA,mCAEJqe,KAAM7d,OAEHI,aAAa,mBACbC,IAAI,EAAG,uBACV2Q,SAAUhR,OAEPI,aAAa,uBACbD,SAAS,wBACTL,QACCP,GACA,qCAEDxO,OAAO,EAAG,wDAGjB2zB,6BAA8B1kB,OAE3BI,aAAa,6CACbC,IACC,IACA,iEAIR4kB,SAAUjlB,OAEPI,aAAa,wBACbD,SAAS,yBACZ+kB,KAAMllB,OAAYw5B,GAChBx5B,OAAaE,MAAM,CACjBxT,KAAMsT,OAAaG,WACnB6jB,MAAOhkB,OAAaG,WACpB8jB,QAASjkB,OAAaG,cAG1BglB,2BAA4BnlB,OAEzBI,aAAa,gCACbC,IAAI,IAAM,mDAEf0iC,YAAa/iC,OAAaM,KAAK,sBAAuB,CACpDC,GAAI,SAACs/B,GAAD,OAAkCA,GACtClwC,KAAMqQ,OAAaG,SAAS,4BAC5BK,UAAWR,SAEbgjC,YAAahjC,OAAaM,KAAK,sBAAuB,CACpDC,GAAI,SAACs/B,GAAD,OAAkCA,GACtClwC,KAAMqQ,OAAaG,SAAS,4BAC5BK,UAAWR,SAEbijC,gBAAiBjjC,OAAaM,KAAK,CAAC,sBAAuB,eAAgB,CACzEC,GAAI,SAACs/B,EAA8BmD,GAA/B,MACc,gBAAhBA,GAAiCnD,GACnClwC,KAAMqQ,OAAaG,SAAS,gCAC5BK,UAAWR,SAEbsjC,uBAAwBtjC,OAErBI,aAAa,0BACbC,IAAI,IAAK,0CACZ0kB,kBAAmB/kB,OACnBujC,UAAWvjC,OAAYM,KAAK,oBAAqB,CAC/CC,GAAI,SAACwkB,GAAD,OAAgCA,GACpCp1B,KAAMqQ,OAEHw5B,GACCx5B,OAAaE,MAAM,CACjB8oB,SAAUhpB,OAAaG,SAAS,oBAChC0sB,IAAK7sB,OAAaG,SAAS,2BAG9BM,IAAI,EAAG,2DACPJ,IAAI,EAAG,4BAEZw/B,oBAAqB7/B,OACrB4oB,6BAA8B5oB,OAC9B2iC,sBAAuB3iC,OACvB4iC,oBAAqB5iC,OACrB6iC,sBAAuB7iC,OACvBkiB,eAAgBliB,OAAaM,KAAK,sBAAuB,CACvDC,GAAI,SAACs/B,GAAD,OAAmCA,GACvClwC,KAAMqQ,OAAaG,SAAS,4CAE9BiiB,aAAcpiB,OAAaM,KAAK,sBAAuB,CACrDC,GAAI,SAACs/B,GAAD,OAAkCA,GACtClwC,KAAMqQ,OAAaG,SAAS,2CAE9BygB,eAAgB5gB,OAAYw5B,GAC1Bx5B,OAAaE,MACX,CACE7U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZrV,MAAOkV,OAAaM,KAAK,CAAC,yBAA0B,SAAU,CAC5DC,GAAI,SACFse,EACAE,GAEA,OACEF,EAAuB/zB,OACvBi0B,EAAMQ,gBACNR,EAAMS,cAGV7vB,KAAMqQ,OAEHI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,wBACRF,SAAS,qBACZK,UAAWR,OAERI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,0BAEb9U,OAAQyU,OAELM,KACC,CACE,0BACA,yBACA,QACA,kBAEF,CACEC,GAAI,SACF+e,EACAT,EACAE,EACAvzB,GAEA,OE3Q4B,SAC1Cq4C,EACAhlB,EACAE,EACAvzB,GAEA,IAAMs4C,EACJ/kB,EAAME,uBAAyBF,EAAMQ,gBAAkBR,EAAMC,UAEzD+kB,GAA4Bv4C,EAC5Bw4C,EAAwBnlB,EAAuBC,IAC/CmlB,EAA6BJ,EAAuB/kB,IAE1D,SACGilB,GACAC,GACAC,KAMAD,GAAyBF,GAC1BA,GACAG,GFmPmBC,CACL5kB,EACAT,EACAE,EACAvzB,IAGJmE,KAAMqQ,OAEHI,aAAa,+BACbN,QAAQV,GAAgB,+BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,+BACbN,QAAQV,GAAgB,iCAGjC5T,eAAgBwU,OAEbI,aAAa,wCACbw5B,WACA95B,QACCR,GACA,wCAEJ7T,aAAcuU,OAEXI,aAAa,4BACbC,IAAI,IAAK,oCACZgf,eAAgBrf,OAEbI,aAAa,8BACbw5B,WACA95B,QAAQP,GAAsB,iCAC9BxO,OAAO,GAAI,sDACd2f,iBAAkB1Q,OAClBU,sBAAuBV,OAEpBM,KAAK,CAAC,QAAS,iCAAkC,CAChDC,GAAI,SACFwe,EACApO,GAEA,OAAOoO,EAAMQ,iBAAmB5O,GAGlChhB,KAAMqQ,OAAaH,KACjB,mBACA,8BAEA,SAAUxS,GACR,IAAQmrC,EAAS54B,KAAT44B,KAKR,IAAKnrC,EACH,OAAO,EAGT,IAAM82C,EAAuB3L,EAAK,GAC5BqB,EAAarB,EAAK,GAExB,IAAK2L,IAAyBtK,EAC5B,OAAO,EAGT,IAAM+J,EAAiB/J,EAAWxsC,MAC/Bu2C,eACGlzB,EAAmByzB,EAAqB92C,MAC3CqjB,iBAUH,OG7VwB,SACtCqO,EACA6kB,EACAlzB,GAEA,QAAIkzB,GAAkB7kB,EAAMC,WAAaD,EAAMQ,oBAI3CR,EAAMQ,gBAAmB7O,GH8UI0zB,CAHLD,EAAqB92C,MAChC0xB,MAID6kB,EACAlzB,MAMNlQ,UAAWR,SAEf2Q,8BAA+B3Q,OAC/B4Q,qBAAsB5Q,OAEnBM,KAAK,gCAAiC,CACrCC,IAAI,EACJ5Q,KAAMqQ,KAAW,CACf6Q,cAAe7Q,OAEZI,aACC,qDAEDD,SAAS,sDACTE,IAAI,IAAK,yBACTI,IAAI,EAAG,qDACVqQ,OAAQ9Q,OAELI,aAAa,qBACbC,IAAI,GAAI,wBACRP,QACCN,GACA,mCAEJuR,KAAM/Q,OAEHI,aAAa,mBACbD,SAAS,oBACTE,IAAI,GAAI,wBACRP,QACCN,GACA,iCAEJwR,SAAUhR,OAEPI,aAAa,uBACbD,SAAS,wBACTL,QACCP,GACA,qCAEDxO,OAAO,EAAG,wDAGnB8tB,uBAAwB7e,OAAaE,MAAM,CACzCpV,MAAOkV,OACP8e,IAAK9e,SAEPsf,wBAAyBtf,OAAaE,MAAM,CAC1CpV,MAAOkV,OACP8e,IAAK9e,SAEP+e,MAAO/e,OAAaE,MAAM,CACxB8e,UAAWhf,OACXuf,eAAgBvf,OAAcH,KAC5B,kBACA,mCAGA,SAAUiP,GAER,IAAM+qB,EAAaj6B,KAAK44B,KAAK,GAC7B,OAAIqB,MACEA,EAAWxsC,MAAMwyC,qBAIdhG,EAAWxsC,MAAMs1C,0BAK9B1jB,sBAAuBjf,OAAcH,KACnC,yBACA,mCAGA,SAAUiP,GAER,IAAM+qB,EAAaj6B,KAAK44B,KAAK,GAC7B,OAAIqB,MACEA,EAAWxsC,MAAMwyC,qBAIdhG,EAAWxsC,MAAMu7B,iCAK9BpJ,aAAcxf,OAAcH,KAC1B,uBACA,yCAGA,SAAUiP,GAER,IAAM+qB,EAAaj6B,KAAK44B,KAAK,GAC7B,OAAIqB,KACGA,EAAWxsC,MAAMwyC,qBAIfhG,EAAWxsC,MAAMu1C,wBAK9BnjB,eAAgBzf,SAElBmf,eAAgBnf,OACfH,KACC,8BACA,oBAGA,SAAUiP,GAER,IAAM+qB,EAAaj6B,KAAK44B,KAAK,GAkB7B,OAhBoB54B,KAAK44B,KAAK,GAAGnrC,MAAMwyC,oBAWnChG,EAAWxsC,MAAM0xB,MAAMC,WACvB6a,EAAWxsC,MAAM0xB,MAAMS,cACvBqa,EAAWxsC,MAAM0xB,MAAMU,eAPvBoa,EAAWxsC,MAAM0xB,MAAMC,WACvB6a,EAAWxsC,MAAM0xB,MAAME,uBACvB4a,EAAWxsC,MAAM0xB,MAAMQ,mBAWjC,CAAC,CAAC,SAAU,qBAGhBqE,uBAAwB5jB,OAErBM,KAAK,iBAAkB,CACtBC,GAAI,SAAC2hB,GAAD,MAA4D,QAAnBA,GAC7CvyB,KAAMqQ,OAAaE,MACjB,CACE7U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZrV,MAAOkV,OAAaM,KAAK,yBAA0B,CACjDC,GAAI,SAACse,GAAD,OACFA,EAAuB/zB,OACzB6E,KAAMqQ,OAEHI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,wBACRF,SAAS,qBACZK,UAAWR,OAERI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,0BAEb9U,OAAQyU,OAELM,KAAK,yBAA0B,CAC9BC,GAAI,SAACse,GAAD,OACFA,EAAuBC,KACzBnvB,KAAMqQ,OAEHI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,8BACbN,QAAQV,GAAgB,iCAE5BkB,KAAK,iBAAkB,CACtBC,GAAI,SAAC/U,GAAD,OACDA,GAAqC,KAAnBA,GACrBmE,KAAMqQ,OAEHI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZK,UAAWR,OAERI,aAAa,8BACbN,QAAQV,GAAgB,iCAE/B5T,eAAgBwU,OAEbI,aAAa,wCACbw5B,WACA95B,QACCR,GACA,wCAEJ7T,aAAcuU,OAEXI,aAAa,4BACbC,IAAI,IAAK,oCACZwe,uBAAwB7e,OAAaE,MAAM,CACzCpV,MAAOkV,OACP8e,IAAK9e,UAGT,CAAC,CAAC,SAAU,sBAGfM,KAAK,eAAgB,CACpBC,GAAI,SAAC6hB,GAAD,MAAsD,QAAjBA,GACzCzyB,KAAMqQ,OAEHE,MACC,CACE7U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZrV,MAAOkV,OAAaM,KAAK,yBAA0B,CACjDC,GAAI,SAACse,GAAD,OACFA,EAAuB/zB,OACzB6E,KAAMqQ,OAEHI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,0BAEb9U,OAAQyU,OAELI,aAAa,+BACbN,QAAQV,GAAgB,+BAC3B5T,eAAgBwU,OAEbI,aAAa,wCACbN,QACCR,GACA,wCAEJ7T,aAAcuU,OAEXI,aAAa,4BACbC,IAAI,IAAK,oCACZwe,uBAAwB7e,OAAaE,MAAM,CACzCpV,MAAOkV,OACP8e,IAAK9e,UAGT,CAAC,CAAC,SAAU,oBAEbG,SAAS,kDC9kBhBzM,GAGI0a,GAAcnY,aAAOoY,KAAPpY,CAAH,qCACbG,MAGEyP,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKJknC,GAAqC,SAAC,GAM5C,IALL91B,EAKI,EALJA,cACAC,EAII,EAJJA,SACAisB,EAGI,EAHJA,aACAC,EAEI,EAFJA,WACAC,EACI,EADJA,WAEA,EAA8Dt1B,oBAAS,GAAvE,mBAAOwxB,EAAP,KAAgC+D,EAAhC,KACA,EAAsCv1B,oBAAS,GAA/C,mBAAOw1B,EAAP,KAAoBC,EAApB,KAG8BhuC,EAC1B+H,KADFlB,yBAA4B7G,WAGxBiuC,EAAaL,IAAegJ,GAA0B3yC,OACtDiqC,EACJN,IAAegJ,GAA0B3yC,OAAS,EAE9CkqC,EAAa,SAACnsB,GAClBgsB,GAAe,GACftsB,EAASM,GAETvgB,YAAW,WACTusC,GAAe,KACd,MAoHCI,EAAa,WAEjBT,EADiBC,EAAa,IAI1BS,EAAmB,SAACvJ,GAExB6I,EADiBC,EAAa,GAE9B/I,GAAiBC,IAGbkF,EAA0B,WAC9B8D,GAA2B,SAACn1B,GAAD,OAAgBA,MAKvC41B,EAA8B,SAAC/M,GAC9BA,GACHwM,GAAe,IAInB,OACE,oCACGJ,EAAa,GACZ,kBAAC,GAAD,CACEh+B,MAAM,yBACNsE,KAAK,WACL1I,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,KAIrB,kBAAC,KAAD,CACEsW,kBAAkB,EAElBL,cAAeA,EACfI,iBAAkB4rB,GAAkBG,EAAa,GACjDlsB,SAvJiB,SACrBM,EACAwsB,GAIIP,GAAcC,EAChBC,EAAWnsB,IAKXwsB,EAAQC,WAAW,CACjBwH,aAAa,EACbC,aAAa,EACbC,iBAAiB,EACjBK,wBAAwB,EACxB/d,KAAM,CACJjB,UAAU,EACVC,eAAgB,CACdC,WAAW,EACXC,UAAU,EACV3G,cAAc,EACdC,YAAY,EACZjN,QAAQ,EACRE,UAAU,GAEZmN,mBAAoB,CAClBT,eAAe,EACfgH,8BAA8B,GAEhCO,UAAU,EACVC,KAAM,CACJ,CACEjB,SAAS,EACTD,OAAO,EACPt3B,MAAM,IAGVy4B,4BAA4B,GAE9Boe,UAAW,CACT,CACEva,UAAU,EACV6D,KAAK,IAGTjM,eAAgB,CACd,CACEv1B,WAAW,EACXC,UAAU,EACVR,OAAO,EACPS,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACd4zB,gBAAgB,EAChB3e,uBAAuB,EACvBgQ,kBAAkB,EAClBC,+BAA+B,EAC/BwO,gBAAgB,EAChBvO,qBAAsB,CACpBC,eAAe,EACfE,MAAM,EACND,QAAQ,EACRE,UAAU,GAEZ+N,MAAO,CACLE,uBAAuB,EACvBM,gBAAgB,GAElBV,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,GAEPQ,wBAAyB,CACvBx0B,OAAO,EACPg0B,KAAK,KAIXoD,gBAAgB,EAChBE,cAAc,EACdwB,uBAAwB,CACtBv4B,WAAW,EACXC,UAAU,EACVR,OAAO,EACPS,QAAQ,EACRC,gBAAgB,EAChBC,cAAc,EACdozB,uBAAwB,CACtB/zB,OAAO,EACPg0B,KAAK,IAGT+gB,qBAAqB,EACrBjX,8BAA8B,EAC9B+Z,uBAAuB,EACvBC,qBAAqB,EACrBC,uBAAuB,KGxKC,SAAC/zB,GAC/B,MAAoC,SAA7BA,EAAOiW,kBH0KNyW,CAAiB1sB,GAOnBgsB,GAAe,IALfL,EADWC,EAAa,GAIxBrI,UA+CC,gBAAGvjB,EAAH,EAAGA,OAAQd,EAAX,EAAWA,cAAX,OACC,kBAAC,GAAD,CAAa9L,GAAI,GACC,IAAfw4B,GACC,kBAAC,GAAD,CACE91B,GAAG,oCACHkK,OAAQA,EACRd,cAAeA,EACf6lB,sBAAuBwH,IAIX,IAAfX,GACC,kBAAC,GAAD,CACE5rB,OAAQA,EACR8nB,OAAQuE,EACRtE,wBAAyBA,EACzBC,wBAAyBA,IAI7B,kBAACjgC,GAAD,CACEgB,eAAgB6iC,EAAa,EAAI,gBAAkB,WACnDpiC,GAAI,GAEY,IAAfoiC,GACC,kBAAC,GAAD,CACEr5B,QAAQ,YACR2c,UAAU,aACVpY,QAASs1B,GAHX,QASDR,EAAa,GACZ,kBAAC,GAAD,CACEr5B,QAAQ,YACR2c,UAAU,aACVyd,WAAW,OACXj4B,UAAW1W,EACX8Y,QAAS,kBAAM+0B,EAAW7rB,IAC1BxL,GAAG,IACHG,GAAG,IACHoD,GAAG,IACHzP,cAAa,eATf,QAeDsjC,EAAa,GACZ,kBAAC,GAAD,CACEhuC,KAAK,SACL8W,SACGu3B,IAAelE,GAA4BgE,EAE9C7c,UAAU,WACV5a,QAASy3B,GAERE,EAAa,SAAW,SAKf,IAAfL,GACC,kBAAC,GAAD,CAAaniC,cAAc,UACzB,kBAAC,GAAD,CACEwhC,WAAW,0DACXh4B,QAAQ,oCACRo4B,YAAae,EACbd,gBAAiB,kBAAMa,EAAWnsB,IAClCurB,gBAAiBQ,EACjBX,oBAAkB,EAClBD,gBAAc,WIrSnBqK,GAAsD,CACjEV,gBAAgB,EAChBre,KAAMP,GACN+d,YAAa,GACbC,YAAa,GACbC,gBAAiB,GACjBK,uBAAwB,GACxBve,kBAAmB,GACnBwe,UAAW,GACX3iB,eAAgB,CAACxB,IACjBwE,uBAAwBkE,GACxB5F,eAAgB,GAChBE,aAAc,GACdwG,8BAA8B,EAC9B+Z,uBAAuB,EACvBC,qBAAqB,EACrBC,uBAAuB,EACvBhD,qBAAqB,GCQjBh6B,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,yJAGb8G,GAAaI,kBAMXka,GAA4BphB,KAAOC,IAAV,sFAUlBquC,GAA0B,WACrC,IACQ/3C,EADSyxC,cACTzxC,MAER,EAMIqI,KALFlB,yBACE7G,EAFJ,EAEIA,WACAE,EAHJ,EAGIA,iBACAE,EAJJ,EAIIA,iBAGIjC,EAAgB+B,EAAhB/B,YACAmsB,EAA0BD,KAA1BC,sBAEFyiB,EAAsCpH,KAAOS,QAAQ1mC,GACvDimC,KAAOyL,UAAUoG,IACjB93C,EAAMyvC,mBACVpC,EAAW+J,eAAiB92C,EAE5B,IAQA,EACEuY,mBAT4C,CAC5CC,MAAM,EACN5I,MAAO,GACPqF,QAAS,GACTV,QAAS,UACTL,KAAM,iBAGR,mBAAOm9B,EAAP,KAA6BC,EAA7B,KAGA,EAAoD/4B,mBAClDotB,KAAOS,QAAQ1mC,GAAS,GAAKA,EAAMqvC,SADrC,mBAAO+B,EAAP,KAA2BS,EAA3B,KAIA,EAAoCh5B,mBAAS,GAA7C,mBAAOq1B,EAAP,KAAmB4D,EAAnB,KACA,EAAwCj5B,wBAEtC3R,GAFF,mBAAO6qC,EAAP,KAAqBC,EAArB,KAQMluB,EAAY,uCAAG,WAAOxB,GAAP,SAAA7gB,EAAA,sEAEjB6gB,EAAO3jB,UAAP,OAAmB+B,QAAnB,IAAmBA,OAAnB,EAAmBA,EAAkB/B,UAFpB,SAIXwwC,GAAyB7sB,EAAQ7jB,GAJtB,uBAKXmsB,IALW,uBAMXqmB,GAAuBG,EAAoB3yC,GANhC,OAQjBuzC,EAAgB1vB,GAChBsL,G7BEGgL,GAAc,eAAgB,iC6BXhB,kDAWjBkZ,EAAc,GACdlkB,G7BGGgL,GAAc,eAAgB,6B6BfhB,0DAAH,sDAgBZuV,EAAU,uCAAG,WAAO7rB,GAAP,mBAAA7gB,EAAA,uEAGT4vC,EAAapL,KAAOyL,UAAUtC,KACzBG,UAAY,qBACvB8B,EAAW5B,mBAAqBntB,EAEhC6uB,GAAsBC,EAAoBC,GAP3B,SASML,GAAoBK,EAAY5yC,GATtC,OASTkpC,EATS,OAUfkK,EAAsBlK,EAAO0H,SAE7B2I,GAA0B,EAC1BpqB,G7BVGgL,GAAc,mBAAoB,+B6BHtB,kDAefof,GAA0B,EAC1BpqB,G7BTGgL,GAAc,mBAAoB,2B6BPtB,QAmBjBgZ,EAAwB,CACtB94B,MAAM,EACN5I,MAAO8nC,EACH,cACA,wCACJziC,QAASyiC,EACL,oFACA,qGACJnjC,QAASmjC,EAA0B,UAAY,QAC/CxjC,KAAMwjC,EAA0B,eAAiB,YA5BlC,0DAAH,sDA0ChB,OACE,oCACE,kBAAC,GAAD,CAA8BrN,YAAauD,IAC3C,kBAAC,GAAD,KACE,kBAAC,GAAD,CACEh+B,MAAOyhC,EAAqBzhC,MAC5BqF,QAASo8B,EAAqBp8B,QAC9BV,QAAS88B,EAAqB98B,QAC9BL,KAAMm9B,EAAqBn9B,KAC3BsR,QAAS6rB,EAAqB74B,KAC9B4M,cApBwB,WAC9BksB,EAAwB,CACtB94B,MAAM,EACN5I,MAAOyhC,EAAqBzhC,MAC5BqF,QAASo8B,EAAqBp8B,QAC9BV,QAAS88B,EAAqB98B,QAC9BL,KAAMm9B,EAAqBn9B,WAiB3B,kBAAC,GAAD,CAAa8F,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACvBgmC,EAYA,kBAAC,IAAD,CACEprB,GAAI,CACFrd,SAAU,2BACVtJ,MAAO+xC,KAdX,kBAAC,GAAD,CACEhwB,cAAewvB,GACblE,EACA3sC,GAEFshB,SAAU8B,EACVmqB,aApFa,SAACC,GACxB4D,EAAc5D,IAoFJA,WAAYA,EACZC,WAAYA,QC5Kb8J,GAAkD,SAAC,GAEzD,IADLluB,EACI,EADJA,SAEA,OACE,kBAAC,GAAD,CAAMA,SAAUA,GACd,kBAAC,GAAD,QCVOmuB,GAAqD,CAChEnuB,SAAU,IAGCouB,GAAuC,WAClD,OAAO,kBAAC,GAAsBD,KCNnBE,GAAiC,WAC5C,OAAO,yBAAKhgC,GAAG,wBAAwB+D,UAAU,2BCiBtCk8B,GAAgD,SAAC,GAKvD,IAJLnoC,EAII,EAJJA,MACAooC,EAGI,EAHJA,YACAC,EAEI,EAFJA,sBACAC,EACI,EADJA,mBAEA,OACE,kBAACnuC,GAAD,CAAM0B,cAAc,SAASjB,GAAG,UAAU6K,aAAa,QAAQC,EAAG,EAAGF,GAAI,GACvE,kBAAC,GAAD,CAAO5J,GAAI,EAAGuI,SAAU,EAAGC,WAAY,EAAGK,WAAW,UAClDzE,GAGH,kBAACuC,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXxI,GAAI,EACJiI,wBAAyB,CAAE4X,OAAQssB,KAGrC,kBAACjuC,GAAD,CAAMyB,GAAI,EAAGC,cAAc,UACxBwsC,GACCA,EAAsB9zC,KAAI,SAAC5D,EAAOwf,GAAR,OACxB,kBAAC7W,GAAD,CAAK2C,GAAI,EAAGzI,IAAK2c,GACf,kBAAC5N,GAAD,CAAM6B,WAAY,GAAIzT,OAI3B23C,GACCA,EAAmB/zC,KAAI,SAAC5D,EAAOwf,GAAR,OACrB,kBAAC7W,GAAD,CAAK2C,GAAI,EAAGzI,IAAK2c,GACf,kBAAC,GAAD,CAAMqC,KAAM7hB,EAAMyxC,KACfzxC,EAAMy3C,YAAa,IACpB,kBAAC,GAAD,CAAMjkC,SAAU,EAAGC,WAAY,EAAGE,KAAK,wBC7CjDikC,GAA2B,CAC/BvoC,MAAO,oCACPooC,YACE,wFACFE,mBAAoB,CAClB,CACElG,IAAK,mFACLgG,YAAa,6CAEf,CACEhG,IAAK,sFACLgG,YAAa,wBAEf,CACEhG,IAAK,mFACLgG,YAAa,kCAEf,CACEhG,IAAK,sGACLgG,YAAa,sDAEf,CACEhG,IAAK,qFACLgG,YACE,gFAEJ,CACEhG,IAAK,+DACLgG,YAAa,mBAEf,CACEhG,IAAK,uEACLgG,YAAa,sCAEf,CACEhG,IAAK,6DACLgG,YAAa,6BAEf,CACEhG,IAAK,gEACLgG,YAAa,8BAEf,CACEhG,IAAK,yDACLgG,YAAa,+BAEf,CACEhG,IAAK,oEACLgG,YAAa,mCAEf,CACEhG,IAAK,4DACLgG,YAAa,qBAKbI,GAAmB,CACvBxoC,MAAO,oCACPooC,YACE,wFACFC,sBAAuB,CAAC,sBAAuB,oBAC/CC,mBAAoB,CAClB,CACElG,IAAK,4DACLgG,YAAa,wBAEf,CACEhG,IAAK,uDACLgG,YAAa,uBAKbK,GAAiC,CACrCzoC,MAAO,4CACPooC,YACE,wFACFE,mBAAoB,CAClB,CACElG,IAAK,yFACLgG,YAAa,2BAEf,CACEhG,IAAK,0FACLgG,YAAa,2CAEf,CACEhG,IAAK,uEACLgG,YACE,+EAKKM,GAAyD,SAAC,GAEhE,IADLrC,EACI,EADJA,YAEA,OACE,oCACmB,gBAAhBA,GACC,kBAAC,GAAiCkC,IAGnB,QAAhBlC,GACC,kBAAC,GAAiCmC,IAGnB,sBAAhBnC,GACC,kBAAC,GAAiCoC,MC7G7Bn1B,GAAM/Z,KAAOC,IAAV,+EAKHmvC,GAA4B,WACvC,OACE,kBAAC,GAAD,KACE,yCACA,sDACA,kBAAC,GAAD,MACA,kBAAC,GAAD,CAA8BtC,YAAY,kBAKhDsC,GAAShuC,aAAe,GCfjB,I,GAAMiuC,GAAwC,CACnD1gC,GAAI,GACJ2gC,qBAAsB,GACtBC,YAAa,GACbC,YAAa,CACXC,eAAgB,cAChBC,mBAAoB,IACpBC,gBAAiB,GACjBC,yBAA0B,IAAI3Z,KAC9B4Z,uBAAwB,IAAI5Z,KAC5B6Z,aAAc,GACdC,aAAc,GACdv4B,YAAa,GACbw4B,aAAc,GACdC,cAAe,IAEjBC,YAAa,CACXC,QAAS,eACTp5B,QAAS,GACTq5B,aAAc,eACdC,uBAAwB,CACtBte,QAAS,UACTue,eAAgB,GAChBte,cAAe,GACfO,kBAAmB,GACnBE,cAAe,GACfnN,YAAa,GACb8M,SAAU,GACVC,QAAS,GACTC,eAAgB,GAChBtB,MAAO,IAETuf,yBAA0B,CACxBvhB,SAAU,EACV8d,YAAa,GACbC,YAAa,GACbC,gBAAiB,GACjB6B,YAAa,GACbvB,UAAW,GACXre,KAAM,KAGVtE,eAAgB,GAChB6lB,UAAW,IAGAC,GAST,CACF,eAAgB,CACdC,oBACE,4IACFC,SAAS,GAAD,OAAKv4C,EAAIw4C,qBAAT,kDACRC,aAAc,4CACd9d,SAAU,gDAEZ,6BAA8B,CAC5B2d,oBACE,6HACFC,SAAS,GAAD,OAAKv4C,EAAIw4C,qBAAT,2DACRC,aACE,kEACF9d,SAAU,yDAEZ,iCAAkC,CAChC2d,oBACE,iIACFC,SAAS,GAAD,OAAKv4C,EAAIw4C,qBAAT,+DACRC,aACE,sEACF9d,SAAU,6DAEZ,4BAAwBt1B,GAGbqzC,GAAkE,CAC7E,eAAgB,yBAChB,iBAAkB,iCAGPC,GAGT,CACF,uBAAwB,gCACxB,6BAA8B,2CAC9B,iCACE,gDAGSC,GAAiE,CAC5E/e,QAAS,cACThK,UAAW,iBC/FPjnB,GAAShB,aAAOgJ,GAAPhJ,CAAH,iLACRM,MASS2wC,GAAgD,SAAC,GAIvD,IAHL3wC,EAGI,EAHJA,MACA/G,EAEI,EAFJA,OACAqR,EACI,EADJA,SAEA,OACE,kBAAC7K,GAAD,KACE,kBAAC,GAAD,CAAQO,MAAOA,IACf,kBAAC0I,GAAD,CAAM7H,cAAY,eAAeyJ,SAAUA,GACxCrR,EAASijC,KAAO0U,WAAW33C,GAAU,iBAM9C03C,GAAgB7vC,aAAe,CAC7BwJ,SAAU,GCrCL,I,SAAMumC,GAAiB,SAAC53C,GAC7B,IAAKA,EACH,OAAO4N,GAAMvB,OAAOlC,UAGtB,OAAQnK,EAAOuwC,eACb,IAAK,cACH,OAAO3iC,GAAMvB,OAAOlC,UACtB,IAAK,UAEL,IAAK,QACH,OAAOyD,GAAMvB,OAAOrB,YACtB,IAAK,YACH,OAAO4C,GAAMvB,OAAOd,SAASM,KAC/B,IAAK,WACH,OAAO+B,GAAMvB,OAAOzB,MACtB,QACE,OAAOgD,GAAMvB,OAAOpB,WAIb4sC,GAAmB,SAAC5B,GAC/B,QAAKA,GAIgC,cAA9BA,EAAY1F,eAGRuH,GAA6B,SACxC7B,GAEA,QAAKA,IAK2B,cAA9BA,EAAY1F,eACkB,cAA9B0F,EAAY1F,gBC7BHwH,GAAuC,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,gBAC/CC,EAAiBf,GAAyBc,GAEhD,OACE,oCACGC,GACC,kBAACzxC,GAAD,CAAKoB,cAAY,yBACf,kBAAC6H,GAAD,CAAM1I,MAAM,gBAAgBsK,SAAU,EAAGC,WAAY,GAClD2mC,EAAed,qBAGlB,kBAAC1nC,GAAD,CAAM1I,MAAM,gBAAgBsK,SAAU,EAAGC,WAAY,GAClD,KADH,gCAIA,kBAAC,GAAD,CACED,SAAU,EACVC,WAAY,EACZsB,EAAG,EACHhL,cAAY,iBACZwO,QAAS,kBAAMlb,OAAO4gC,KAAKmc,EAAeb,SAAU,YAEnD,IACAa,EAAeX,iBCxBtBY,GAAazxC,KAAOC,IAAV,yGAGAkH,GAAMvB,OAAOd,SAASG,MAIhCysC,GAAc1xC,KAAOC,IAAV,iHACbK,KACAF,MAMSuxC,GAAiD,SAAC,GAGxD,IAFLrxC,EAEI,EAFJA,MACAovC,EACI,EADJA,mBAEA,OACE,kBAAC+B,GAAD,KACE,kBAACC,GAAD,CAAapxC,MAAOA,EAAOmC,MAAK,UAAKitC,EAAL,SAKtCiC,GAAiBvwC,aAAe,CAC9Bd,MAAO6G,GAAMvB,OAAO7B,WCzBtB,I,uFAAM6tC,GAAc5xC,aAAOsB,GAAPtB,CAAH,uEACI,qBAAG6xC,YACN,eAAiB,UACxB,gBAAGA,EAAH,EAAGA,YAAa1qC,EAAhB,EAAgBA,MAAhB,OACP0qC,EAAc1qC,EAAMvB,OAAOd,SAASO,KAAO8B,EAAMvB,OAAOpC,YAG/CsuC,GAAyC,SAAC,GAAqB,IAAnBtC,EAAkB,EAAlBA,YAC/CC,EAAwDD,EAAxDC,eAAgBC,EAAwCF,EAAxCE,mBAAoBC,EAAoBH,EAApBG,gBAEtCkC,EAAcT,GAAiB3B,GAErC,OACE,oCACGE,GACC,kBAAC/uC,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC2lC,GAAD,CACErwC,GAAG,KACH2J,WAAW,OACX/J,cAAY,mBACZ0wC,YAAaA,GAEZlC,GAGH,kBAAC,GAAD,CACED,mBAAoBA,EACpBpvC,MAAOuxC,EAAc,gBAAkB,iBCxBtCE,GAIT,SAAC,GASE,IARLtrC,EAQI,EARJA,MACAqF,EAOI,EAPJA,QACAV,EAMI,EANJA,QACAL,EAKI,EALJA,KACAinC,EAII,EAJJA,WACAriC,EAGI,EAHJA,QACA1D,EAEI,EAFJA,GACAgmC,EACI,EADJA,iBAEA,OACE,kBAAC,GAAD,CACExrC,MAAOA,EACPqF,QAASA,EACTV,QAASA,EACTL,KAAMA,EACNkB,GAAIA,EACJxJ,MAAM,OACNsJ,aACE,kBAACnL,GAAD,CAAMO,cAAY,wBAAwBW,GAAImwC,GAC5C,kBAAC,GAAD,CACE7mC,QAAQ,UACRkC,UAAU,QACV9K,OAAQ,EACRC,MAAO,GACP+K,GAAG,MACHnL,GAAI,CAAC,EAAG,GACRP,GAAI,CAAC,EAAG,GACRmK,GAAI,EACJ0D,QAASA,GAERqiC,OCpCAE,GAAuC,SAAC,GAG9C,IAFL1C,EAEI,EAFJA,YACA2C,EACI,EADJA,WAEMnzC,EAAUC,cAERgxC,EAAkBT,EAAlBS,cAEFmC,ECGoB,SAACD,GAC3B,IAAKA,EACH,OAAO,EAGT,IAAQE,EAAYF,EAAZE,QACFC,EAAiB/6C,IAAO86C,GAAS56C,OA3BrB,cA6BlB,OAAOF,MAASg7C,eAAeD,EAAgB,ODX1BE,CAAaL,GAUlC,OACE,oCACGlC,IAAkBmC,GACjB,kBAAC,GAAD,CACEtmC,QAAS,kBACP,kBAAC9C,GAAD,CAAM2B,wBAAyB,CAAE4X,OAAQ0tB,MAE3C7kC,QAAQ,UACRL,KAAK,UACLkB,GAAI,EACJ9K,cAAY,yBAIf8uC,GAAiBmC,GAChB,kBAAC,GAAD,CACEjxC,cAAY,iBACZ2K,QAAS,kBACP,kBAAC9C,GAAD,CAAM2B,wBAAyB,CAAE4X,OAAQ0tB,MAE3C+B,WAAW,UACX5mC,QAAQ,UACRL,KAAK,UACL4E,QA/BoB,WAC1B,IAAQ8iC,EAAcN,EAAdM,UAEJA,GACFzzC,EAAQU,KAAR,mBAAyB+yC,KA4BrBxmC,GAAI,EACJgmC,iBAAiB,WE/CdS,GAAsC,SAAC,GAAqB,IAAnBlD,EAAkB,EAAlBA,YAC5CC,EAAiCD,EAAjCC,eAAgBK,EAAiBN,EAAjBM,aAElB6C,EDP8B,SACpC7C,EACAL,GAEA,OAAOK,IAAiBuB,GAA2B5B,GCG1BmD,CAAuB9C,EAAcL,GAE9D,OACE,oCACGkD,GACC,kBAAC/xC,GAAD,CAAM0B,cAAc,SAASD,GAAI,GAC/B,kBAAC2G,GAAD,CAAM1I,MAAM,gBAAgBa,cAAY,iBAAxC,cACc2uC,MCXX+C,GAAsC,SAAC,GAAqB,IAC/D7C,EAD8D,EAAlBR,YAC5CQ,aAER,OACE,oCACGA,GACC,kBAAC,GAAD,CACElkC,QAAS,kBACP,kBAAC9C,GAAD,CAAM2B,wBAAyB,CAAE4X,OAAQytB,MAE3C5kC,QAAQ,UACRL,KAAK,UACLkB,GAAI,EACJ9K,cAAY,oBCbT2xC,GAAqC,SAAC,GAAqB,IAC9Dt7B,EAD6D,EAAlBg4B,YAC3Ch4B,YAER,OACE,oCACGA,GACC,kBAAC,GAAD,CACE1L,QAAS,kBACP,kBAAC9C,GAAD,CAAM2B,wBAAyB,CAAE4X,OAAQ/K,MAE3CpM,QAAQ,UACRL,KAAK,OACLkB,GAAI,EACJ5J,GAAI,EACJlB,cAAY,mBCDhBs5B,GAAcz6B,aAAOD,GAAPC,CAAH,yJAEK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAI1C4tC,GAAwC,SAAC,GAI/C,IAHLvD,EAGI,EAHJA,YACA+B,EAEI,EAFJA,gBACAY,EACI,EADJA,WAEQ1C,EAAmBD,EAAnBC,eAER,OACE,kBAAC7uC,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,GAAD,CAAoBujC,YAAaA,IAEjC,kBAAC,GAAD,CAAarjC,EAAG,EAAGD,aAAa,SAC9B,kBAACtL,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,GAAD,CACE3L,MAAO6wC,GAAe1B,GACtBl2C,OAAQk2C,EACR7kC,SAAU,KAId,kBAAC,GAAD,CAAqB2mC,gBAAiBA,IAEtC,kBAAC,GAAD,CAAuB/B,YAAaA,IAEpC,kBAAC,GAAD,CACEA,YAAaA,EACb2C,WAAYA,IAGd,kBAAC,GAAD,CAAoB3C,YAAaA,IAEjC,kBAAC,GAAD,CAAmBA,YAAaA,OCjDlCzgC,GAAe/O,aAAOgJ,GAAPhJ,CAAH,kEAKZ2/B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAMLgzC,GAA+C,SAAC,GAKtD,IAJLtlC,EAII,EAJJA,MACAtW,EAGI,EAHJA,MACAuX,EAEI,EAFJA,GAEI,IADJ1C,UACI,MADC,EACD,EACJ,OACE,kBAACrL,GAAD,CAAM+N,GAAIA,EAAIrM,cAAc,MAAM2J,GAAIA,GACpC,kBAAC,GAAD,CACEpB,WAAY,EACZyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,IAC/BhQ,MAAM,gBACNa,cAAY,SAEXuM,GAGH,kBAAC,GAAD,CACE7C,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,IAC/BnP,cAAY,UAEO,kBAAV/J,GAAuC,kBAAVA,IAAuBA,EAC3C,oBAAVA,GAAwBA,OCpB3B67C,GAAsB,SAACC,GAClC,IAAMl0C,EAAUC,cAChB,OAAO,WACLD,EAAQU,KAAKknC,GAAoBsM,EAAMvkC,GAAIukC,EAAMrM,qBC3BxCsM,GAA2C,CACtD36C,QAASJ,EAAIK,WACb26C,aAAc,OACd16C,QAAS,CACPC,OAAQP,EAAIO,OACZ,kBAAmB,oCAIV06C,GAAiBv6C,IAAMC,OAAOo6C,ICJ9BG,GAAY,uCAAG,WAC1Bt+C,EACAu+C,GAF0B,2BAAAv7C,EAAA,sEAKZw7C,EAAmCD,EAAvC5kC,GAAYokB,EAA2BwgB,EAA3BxgB,SAAU0gB,EAAiBF,EAAjBE,aACxBC,EAAmB5M,GAAoB/T,GANrB,SAODsgB,GAAe55C,IAAIi6C,EAAkB,CAC1Dh7C,QAASM,EAAmBm6C,GAAsBn+C,GAClDiiB,OAAQ,CAAEu8B,SAAQC,kBATI,cAOlBn6C,EAPkB,OAWlBq6C,EAAUC,IAAIC,gBAAgBv6C,EAASK,OACvCm6C,EAAUvlC,SAASwlC,cAAc,MAE/B96B,KAAO06B,EACfG,EAAQE,SAAWjhB,EACnB+gB,EAAQ7vB,QACR2vB,IAAIK,gBAAgBN,GAjBI,mBAmBjB,GAnBiB,4DAqBjB,GArBiB,0DAAH,wDCRZO,GACJ,mCADIA,GAEF,GAEEC,GACJ,+BADIA,GAEF,2CAGEC,GACJ,+BADIA,GAEF,6CAEEC,GACJ,wCADIA,GAEF,4DCaL1c,GAAkB33B,aAAOgJ,GAAPhJ,CAAH,wGAMf43B,GAAuB53B,aAAOgJ,GAAPhJ,CAAH,+FACf,qBAAGmH,MAAkBvB,OAAOW,SACjB,qBAAGY,MAAkBvB,OAAOd,SAASS,QAIrD6b,GAA4BphB,KAAOC,IAAV,sFAMlBq0C,GAAqC,SAAC,GAAkB,IAAhB/lC,EAAe,EAAfA,SAC7CgmC,EAAmD,CACvDllC,MAAM,EACN5I,MAAO,GACPqF,QAAS,GACTV,QAAS,UACTL,KAAM,gBAKA/V,EADJ4J,KADFlB,yBAA4B3G,iBAEtB/B,YACF+9B,EAAWD,GAA4BvkB,EAASwkB,UAChDyhB,EAAgBvhB,GAAiB1kB,EAASwkB,UAEhD,EAA2Cv1B,sBACzC,SAACi3C,GAAD,OAAkBA,KAClB,GAFF,mBAAOC,EAAP,KAAsBC,EAAtB,KAIA,EAAkDvlC,mBAChDmlC,GADF,mBAAOK,EAAP,KAA0BC,EAA1B,KAMMC,EAAkB,uCAAG,4BAAA98C,EAAA,6DACzB28C,IADyB,SAEArB,GAAat+C,EAAauZ,GAF1B,OAEnBwmC,EAFmB,OAIzBF,EAAqB,CACnBxlC,MAAM,EACN5I,MAAOsuC,EAAaX,GAA4BC,GAChDvoC,QAASipC,EAAU,UACZhiB,EADY,YACAqhB,IADA,UAEZrhB,EAFY,YAEAshB,IACnBjpC,QAAS2pC,EAAa,UAAY,QAClChqC,KAAMgqC,EAAa,eAAiB,YAGtCJ,IAdyB,2CAAH,qDAiBxB,OACE,kBAAC/zC,GAAD,CAAMgQ,GAAI,GACR,kBAAC,GAAD,CACE/F,WAAY,EACZwC,GAAI,EACJuB,SAAU,CAAC,QAAS,QAAS,QAAS,gBAErCmkB,GAGFyhB,GACC,kBAAC,GAAD,CACE3pC,WAAY,EACZ2C,GAAI,EACJH,GAAI,CAAC,EAAG,EAAG,GACXlM,cAAY,0BAEXqzC,GAGL,kBAAC,GAAD,CACE1yC,GAAI,OACJ6N,QAASmlC,EACT3zC,cAAa,qBAEZuzC,EAAgB,kBAAC,GAAD,MAAc,YAEjC,kBAAC,GAAD,KACE,kBAAC,GAAD,CACEjuC,MAAOmuC,EAAkBnuC,MACzBqF,QAAS8oC,EAAkB9oC,QAC3BV,QAASwpC,EAAkBxpC,QAC3BL,KAAM6pC,EAAkB7pC,KACxBsR,QAASu4B,EAAkBvlC,KAC3B4M,cArDiB,kBAAM44B,EAAqBN,SCzDhDS,GAAkBh1C,aAAOD,GAAPC,CAAH,+HACC,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAI1C8vC,GAAkC,SAAC,GAAmB,IAC3DC,EAD0D,EAAhB1E,UACdx1C,KAAI,SAACC,GAAD,mBAAC,eAClCA,GADiC,IAEpC83B,SACE93B,EAAK83B,UAAY93B,EAAKk6C,oBAAsB,8BAGhD,OACE,oCACGD,EAAgBp6C,OAAS,GACxB,oCACE,kBAACkO,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,EACJ8b,UAAU,cALZ,aASA,kBAACitB,GAAD,CAAiB1yC,cAAe,SAAU6J,EAAG,EAAGD,aAAa,SAC1DgpC,EAAgBl6C,KAAI,SAACuT,EAAUqI,GAAX,OACnB,kBAAC,GAAD,CAAmB3c,IAAK2c,EAAOrI,SAAUA,QAG7C,kBAAC,GAAD,CACE9L,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,OC/BV0yC,GAAep1C,aAAOY,GAAPZ,CAAH,qGACI,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAG1CkwC,GAA+C,SAAC,GAItD,IAHLt+B,EAGI,EAHJA,QACAs5B,EAEI,EAFJA,uBACAG,EACI,EADJA,UAGEze,EASEse,EATFte,QACAC,EAQEqe,EARFre,cACAO,EAOE8d,EAPF9d,kBACAE,EAME4d,EANF5d,cACAnN,EAKE+qB,EALF/qB,YACA8M,EAIEie,EAJFje,SACAC,EAGEge,EAHFhe,QACAC,EAEE+d,EAFF/d,eACAtB,EACEqf,EADFrf,MAGIskB,EAAyB,YAAZvjB,EACb+R,ENzBgC,SAAC/R,GAAD,uBACtCif,GAA6Bjf,UADS,QALF,oBM8BjBwjB,CAAyBxjB,GAwB5C,OACE,kBAACnxB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,EACJ8b,UAAU,cALZ,gBASA,kBAAC,GAAD,CAAgBra,MAAM,cAActW,MAAO0sC,EAAYn1B,GAAG,gBAC1D,kBAAC,GAAD,CACEjB,MAAM,mBACNtW,MAAO46B,GAAiB,MACxBrjB,GAAG,qBAEJ2mC,GAActkB,EAAMl2B,OAAS,GAC5B,kBAAC,GAAD,CACE4S,MAAM,yBACNtW,MAAO45B,EAAMl2B,OACb6T,GAAG,2BAGP,kBAAC,GAAD,CAAgBjB,MAAM,UAAUtW,MAAO2f,EAASpI,GAAG,YA9C5B,WACzB,GAAI2mC,GAActkB,EAAMl2B,OAAQ,CAC9B,IAAM06C,EAAmBxkB,EAAMh2B,KAAI,SAAC4sB,GAAD,mBAAC,eAC/BA,GAD8B,IAEjCnxB,KAAM+lC,KAAO0U,WAAWtpB,EAAKnxB,MAC7B03B,OAAQqO,KAAO0U,WAAWtpB,EAAKuG,aAGjC,OACE,kBAACinB,GAAD,CACE9yC,cAAc,SACd4J,aAAa,QACboK,QAAS,CAAC,EAAG,EAAG,EAAG,GACnBjU,GAAI,GAEJ,kBAAC,GAAD,CAA+B2uB,MAAOwkB,IACtC,kBAAC,GAAD,CAA8BxkB,MAAOwkB,MAgCxCC,IAECH,GACA,oCACE,kBAAC,GAAD,CACE5nC,MAAM,eACNtW,MAAOkuB,EACP3W,GAAG,iBAEL,kBAAC,GAAD,CAAgBjB,MAAM,WAAWtW,MAAOg7B,EAAUzjB,GAAG,aACrD,kBAAC,GAAD,CAAgBjB,MAAM,UAAUtW,MAAK,UAAKi7B,EAAL,KAAiB1jB,GAAG,YACzD,kBAAC,GAAD,CACEjB,MAAM,kBACNtW,MAAOk7B,EACP3jB,GAAG,qBAIT,kBAAC,GAAD,CACElM,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,IAGN,kBAAC,GAAD,CAAgB8tC,UAAWA,IAE3B,kBAACxnC,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,EACJ8b,UAAU,cALZ,mCASA,kBAAC,GAAD,CACEra,MAAM,qBACNtW,MAAOm7B,EACP5jB,GAAG,uBAEL,kBAAC,GAAD,CACEjB,MAAM,iBACNtW,MAAOq7B,EACP9jB,GAAG,mBAGL,kBAAC,GAAD,CACElM,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,MCjINgzC,GAAc11C,aAAOY,GAAPZ,CAAH,qGACK,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAG1CwwC,GAAiD,SAAC,GAKxD,IAJL5+B,EAII,EAJJA,QACA0T,EAGI,EAHJA,kBACA8lB,EAEI,EAFJA,yBACAC,EACI,EADJA,UAEQxhB,EAAmBuhB,EAAnBvhB,SAAUC,EAASshB,EAATthB,KACZ6U,EPbkC,SACxCrZ,GADwC,uBAGxCsmB,GAA+BtmB,UAHS,QARJ,oBOqBjBmrB,CAA2BnrB,GAkB9C,OACE,kBAAC7pB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,EACJ8b,UAAU,cALZ,gBASA,kBAAC,GAAD,CAAgBra,MAAM,WAAWtW,MAAO0sC,EAAYn1B,GAAG,aACvD,kBAAC,GAAD,CAAgBjB,MAAM,UAAUtW,MAAO2f,EAASpI,GAAG,YACnD,kBAAC,GAAD,CACEjB,MAAM,iBACNtW,MAAO43B,EACPrgB,GAAG,mBAGL,kBAAC+mC,GAAD,CACEpzC,cAAc,SACd4J,aAAa,QACboK,QAAS,CAAC,EAAG,EAAG,EAAG,GACnBjU,GAAI,GAvCS,WACjB,GAAI4sB,EAAKn0B,OAAQ,CACf,IAAM+6C,EAAkB5mB,EAAKj0B,KAAI,SAAC6uC,GAAD,mBAAC,eAC7BA,GAD4B,IAE/BpzC,KAAM+lC,KAAO0U,WAAWrH,EAAIpzC,WAG9B,OACE,oCACE,kBAAC,GAAD,CAAuBw4B,KAAM4mB,IAC7B,kBAAC,GAAD,CAAsB5mB,KAAM4mB,MA+B7BC,IAGH,kBAAC,GAAD,CACErzC,MAAM,OACNjC,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,EACRE,GAAI,IAGN,kBAAC,GAAD,CAAgB8tC,UAAWA,MC9EpBuF,GAAoC,SAAC,GAG3C,IAFL7F,EAEI,EAFJA,YACAM,EACI,EADJA,UAEQL,EAAmCD,EAAnCC,QAASp5B,EAA0Bm5B,EAA1Bn5B,QAASq5B,EAAiBF,EAAjBE,aAyB1B,OAAO,kBAACxvC,GAAD,CAAM0B,cAAc,UAvBD,WACxB,GAAgB,iBAAZ6tC,EAA4B,CAC9B,IAAQE,EAA2BH,EAA3BG,uBACR,OACE,kBAAC,GAAD,CACEt5B,QAASA,EACTs5B,uBAAwBA,EACxBG,UAAWA,IAKjB,IAAQD,EAA6BL,EAA7BK,yBACR,OACE,kBAAC,GAAD,CACEx5B,QAASA,EACT0T,kBAAmB2lB,EACnBG,yBAA0BA,EAC1BC,UAAWA,IAKoBwF,KC/B1BC,GAAuC,SAAC,GAAwB,IAAtBtrB,EAAqB,EAArBA,eACrD,OACE,kBAAC/pB,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXe,GAAI,EACJ8b,UAAU,cALZ,mBAUC4C,EAAe3vB,KAAI,SAACk7C,EAASt/B,GAAV,OAClB,kBAAChW,GAAD,CACE3G,IAAG,UAAKi8C,EAAQ9gD,UAAb,cAA4B8gD,EAAQ7gD,SAApC,cAAkDuhB,GACrDtU,cAAc,UAEd,kBAAC0G,GAAD,CAAM6B,WAAY,EAAGK,WAAW,OAAOe,GAAI,GpJoEZ,SAAC6c,GACxC,IAAIriB,EAAQ,GAGVsiB,EAQED,EARFC,UACAotB,EAOErtB,EAPFqtB,kBACAC,EAMEttB,EANFstB,2BACAC,EAKEvtB,EALFutB,WACAC,EAIExtB,EAJFwtB,SACAC,EAGEztB,EAHFytB,WACAC,EAEE1tB,EAFF0tB,YACAC,EACE3tB,EADF2tB,UA6BF,OA1BI1tB,IACFtiB,GAAS,aAGP0vC,IACF1vC,GAASolB,GAAaplB,EAAO,wBAE3B2vC,IACF3vC,GAASolB,GAAaplB,EAAO,kCAE3B+vC,IACF/vC,GAASolB,GAAaplB,EAAO,gBAE3B4vC,IACF5vC,GAASolB,GAAaplB,EAAO,gBAE3B6vC,IACF7vC,GAASolB,GAAaplB,EAAO,aAE3B8vC,IACF9vC,GAASolB,GAAaplB,EAAO,eAE3BgwC,IACFhwC,GAASolB,GAAaplB,EAAO,eAGxBA,EoJ3GIiwC,CAA0BR,EAAQptB,QAGrC,kBAAC,GAAD,CACE1zB,UAAW8gD,EAAQ9gD,UACnBC,SAAU6gD,EAAQ7gD,SAClBR,MAAOqhD,EAAQrhD,MACfS,OAAQ4gD,EAAQ5gD,OAChBC,eAAgB2gD,EAAQ3gD,eACxBC,aAAc0gD,EAAQ1gD,aACtBC,eAAgBygD,EAAQS,cACxB/tB,uBAAwBstB,EAAQttB,uBAChCS,wBAAyB6sB,EAAQ7sB,gCClChCutB,GAAmC,WAC9C,OACE,kBAACh2C,GAAD,CAAM0B,cAAc,SAASjB,GAAG,UAAU6K,aAAa,QAAQC,EAAG,EAAGzJ,GAAI,GACvE,kBAAC,GAAD,CAAOL,GAAI,EAAGuI,SAAU,EAAGC,WAAY,EAAGK,WAAW,UAArD,eAIA,kBAAClC,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGK,WAAW,SAASxI,GAAI,GAA1D,uGAKA,kBAAC3C,GAAD,CACEsC,GAAI,EACJmL,GAAI,EACJoD,GAAI,EACJsN,gBAAgB,UAChBhS,aAAa,MACbzJ,MAAM,eAEN,kBAAC,GAAD,CAAMwW,KAAK,0CACT,kBAAC,GAAD,CAAM5L,GAAI,EAAGzC,SAAU,EAAGC,WAAY,EAAGE,KAAK,SAC9C,kBAAC/B,GAAD,CAAMlH,GAAI,GAAV,gBC5BG+0C,GAAwD,CACnEC,gBAAiB,GACjBlR,QAAS,ICFEmR,GAAoBhtC,OAAaE,MAAM,CAClD6sC,gBAAiB/sC,OAAaG,SAAS,+BCU5B8sC,GAA+C,SAAC,GAAgB,IAAdn+B,EAAa,EAAbA,OAC7D,OACE,kBAACjY,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,MACXe,GAAI,GALN,qNAYA,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,MACXe,GAAI,GALN,0BAUA,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACEqB,UAAU,QACVsW,UAAU,OACVlW,MAAM,qBACNiB,GAAG,qBACHwC,KAAK,kBACL/Z,MAAM,qBACN0sB,aAAcjL,EAAOi+B,gBACrB5zC,UAAWohB,GACXnjB,cAAY,iBAGhB,kBAACP,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACEqB,UAAU,QACVsW,UAAU,OACVlW,MAAM,wBACNiB,GAAG,wBACHwC,KAAK,kBACL/Z,MAAM,wBACN0sB,aAAcjL,EAAOi+B,gBACrB5zC,UAAWohB,GACXnjB,cAAY,kBAGhB,kBAACP,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACEqB,UAAU,QACVsW,UAAU,OACVlW,MAAM,wBACNiB,GAAG,wBACHwC,KAAK,kBACL/Z,MAAM,wBACN0sB,aAAcjL,EAAOi+B,gBACrB5zC,UAAWohB,GACXnjB,cAAY,iBAGhB,kBAACP,GAAD,CAAM0B,cAAc,UAClB,kBAAC,KAAD,CACEgL,UAAU,QACVsW,UAAU,OACVlW,MAAM,gBACNiB,GAAG,gBACHwC,KAAK,kBACL/Z,MAAM,gBACN0sB,aAAcjL,EAAOi+B,gBACrB5zC,UAAWohB,GACXnjB,cAAY,kBAGhB,kBAAC,KAAD,CACEgQ,KAAK,kBACLuB,UAAU,cACVxP,UAAWoO,QC/ER2lC,GAAyC,SAAC,GAKhD,IAJL3+B,EAII,EAJJA,cACA4+B,EAGI,EAHJA,aACAC,EAEI,EAFJA,aACAhqC,EACI,EADJA,QAEA,OACE,kBAAC,KAAD,CAEEmL,cAAeA,EACfI,iBAAkBq+B,GAClBx+B,SAAU,SAACM,GACTq+B,EAAar+B,MAGd,gBAAGA,EAAH,EAAGA,OAAQwB,EAAX,EAAWA,aAAX,OACC,kBAAC,KAAD,CAAM9B,SAAU8B,GACd,kBAAC,GAAD,CAA6B1L,GAAG,oBAAoBkK,OAAQA,IAE5D,kBAACjY,GAAD,CAAM0B,cAAc,MAAMV,eAAgB,WAAYS,GAAI,GACxD,kBAAC,GAAD,CACE+I,QAAQ,QACR3U,KAAK,QACLm6B,YAAa,EACbzvB,cAAY,eACZoM,SAAUJ,EACVwC,QAASwnC,GANX,UAWA,kBAAC,GAAD,CACE/rC,QAAQ,UACR3U,KAAK,SACL0K,cAAY,eACZgM,QAASA,EACTI,SAAUJ,GALZ,iBC5BCiqC,GAA0C,SAAC,GAIjD,IAHL5H,EAGI,EAHJA,YACA5J,EAEI,EAFJA,QACAyR,EACI,EADJA,gCAG8BtgD,EAC1B6H,KADFlB,yBAA4B3G,iBAG9B,EAAsCqY,oBAAS,GAA/C,mBAAOw1B,EAAP,KAAoBC,EAApB,KAEQ1jB,EAA0BD,KAA1BC,sBAEFm2B,EAAkB9a,KAAOyL,UAAU4O,IACzC,EAA4CznC,oBAAS,GAArD,mBAAOmoC,EAAP,KAAuBC,EAAvB,KACA,EAA4CpoC,mBAC1CgiC,GAAiB5B,IADnB,mBAAOiI,EAAP,KAAuBC,EAAvB,KAIMC,EAAuB,WACtB/S,GACH4S,GAAkB,SAAChoC,GAAD,OAAgBA,MAIhCooC,EAAiB,WACrBD,KAGIE,EAAc,uCAAG,WAAOh/B,GAAP,iBAAA7gB,EAAA,6DACrB6sC,GAAe,GACP7vC,EAAgB+B,EAAhB/B,YACR6jB,EAAO+sB,QAAUA,EAHI,SAIQ0B,GAAezuB,EAAQ7jB,GAJ/B,UAIf8iD,EAJe,OAMrBJ,EAAkBI,GAClBF,IACA/S,EAAeiT,GACfT,EAAgCS,IAE5BA,EAXiB,kCAYb32B,IAZa,4CAAH,sDAgBpB,OACE,qCACIs2B,GACA,kBAAC,GAAD,CAAY9nC,QAASgoC,GAArB,gBAGF,kBAAC,GAAD,CACElxC,MAAM,qCACNipB,UAAW6nB,EACXznB,aAAc6nB,EACd1nB,aAAa,GAEb,kBAAC,GAAD,CACE3X,cAAeg/B,EACfJ,aAAcW,EACdV,aAAcS,EACdz2C,cAAa,cACbgM,QAASy3B,OCtDbh1B,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaG,aAKXiT,GAAcla,aAAO+I,GAAP/I,CAAH,2JAIb8G,GAAaG,aAMJ8wC,GAAgC,SAAC,GAIvC,I5BDLpI,E4BFArH,EAGI,EAHJA,aACA1C,EAEI,EAFJA,QACAyR,EACI,EADJA,gCAGE7H,EAMElH,EANFkH,YACAF,EAKEhH,EALFgH,qBACAY,EAIE5H,EAJF4H,YACAvlB,EAGE2d,EAHF3d,eACA4kB,EAEEjH,EAFFiH,YACAiB,EACElI,EADFkI,UAEML,EAA2CD,EAA3CC,QAAuBoB,EAAoBrB,EAAlCE,aACV+B,EAAP,YAAqB5C,EAArB,MACM7oC,EhBzC8B,SAACo/B,GAAD,uBACpCgL,GAA0BhL,UADU,QAFA,oBgB2CpBkS,CAAuB7H,GACjC8H,GACH5G,GAA2B7B,EAAYC,oB5Bd1CE,E4Be4CH,EAAYG,kB5BTf,mCAAlCA,EAAgB7F,e4BWvB,OACE,kBAAC,GAAD,CAAaj5B,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC1B,GAAD,CAAMiB,WAAW,SAASD,eAAgB,iBACxC,kBAAC,GAAD,CAAOL,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,OACtCxE,GAGFuxC,GACC,kBAAC,GAAD,CACEzI,YAAaA,EAAYC,eACzB7J,QAASA,EACTyR,gCAAiCA,KAKvC,kBAACz2C,GAAD,CAAMiB,WAAY,SAAUD,eAAgB,iBAC1C,kBAACoH,GAAD,CACE6B,WAAY,EACZyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,IAC/BpF,WAAY,IACZe,GAAI,GAEHqjC,IAIL,kBAAC,GAAD,CACEE,YAAaA,EACb2C,WAAYA,EACZZ,gBAAiBA,IAGnB,kBAAC,GAAD,CAAkBrB,YAAaA,EAAaM,UAAWA,IAEvD,kBAAC,GAAD,CAAqB7lB,eAAgBA,KACnC0mB,GAA2B7B,EAAYC,iBACvC,kBAAC,GAAD,SClFGyI,GAA8D,SAAC,GAErE,IADLb,EACI,EADJA,gCAEA,EACEjoC,mBAA2BigC,IAD7B,mBAAO/G,EAAP,KAAqBC,EAArB,KAGA,EAAgCn5B,oBAAS,GAAzC,mBAAOpS,EAAP,KAAiBqa,EAAjB,KAEA,EAAsCjI,oBAAS,GAA/C,mBAAOw1B,EAAP,KAAoBC,EAApB,KAKQ7vC,EADJ4J,KADFlB,yBAA4B3G,iBAEtB/B,YAEA4wC,EAAYsD,cAAZtD,QACFiB,ECzBsB,SAAIsR,GAChC,IAAMv4C,EAAWooC,cACjB,EAAsB54B,mBAAS,IAAIgpC,gBAAgBx4C,EAASy4C,SAArDC,EAAP,oBAKA,OAHkB,SAACnnC,GAAD,uBAChBmnC,EAAY7+C,IAAI0X,UADA,QACS,GAEpBonC,CAAUJ,GDmBfK,CAAwC,oBAuB1C,OArBAp6C,qBAAU,YACe,uCAAG,4BAAApG,EAAA,+EAEAkvC,GACpBtB,EACAiB,EACA7xC,GALoB,OAEhB61B,EAFgB,OAOtB0d,EAAgB1d,GAChBxT,GAAY,GARU,gDAUtBA,GAAY,GAVU,QAaxBwtB,GAAe,GAbS,yDAAH,qDAgBvB4T,KAEC,CAACzjD,IAGF,oCACG4vC,GACC,kBAAChkC,GAAD,CACE0B,cAAc,SACdV,eAAe,eACfC,WAAW,SACXU,gBAAc,SACdC,OAAO,SAEP,kBAAC,GAAD,CAASb,KAAK,yBAIhBijC,GACA,kBAAC,GAAD,CACE0D,aAAcA,EACdhuC,MAAO0C,EACP4oC,QAASA,EACTyR,gCAAiCA,ME7DrCj2B,GAA4BphB,KAAOC,IAAV,sFAMlBy4C,GAAgD,SAAC,GAAkB,IAAhBp4B,EAAe,EAAfA,SAC9D,EACElR,mBAAkC,CAChCC,MAAM,EACN5I,MAAO,GACPqF,QAAS,GACTV,QAAS,UACTL,KAAM,iBANV,mBAAOuW,EAAP,KAAkCC,EAAlC,KASMo3B,EAAiB,uCAAG,WAAOC,GAAP,SAAA5gD,EAAA,sDACxBupB,EAA6B,CAC3BlS,MAAM,EACN5I,MAAOmyC,EACH,kCACA,uBACJ9sC,QAAS8sC,EACL,gEACA,2FACJxtC,QAASwtC,EAAiB,UAAY,QACtC7tC,KAAM6tC,EAAiB,eAAiB,YAVlB,2CAAH,sDAqBvB,OACE,kBAAC,GAAD,CACEt4B,SAAUA,EACVE,uBAAwB,kBAAM,kBAAC,GAAD,OAC9BhB,kBAAgB,GAEhB,kBAAC,GAAD,KACE,kBAAC,GAAD,CACE/Y,MAAO6a,EAA0B7a,MACjCqF,QAASwV,EAA0BxV,QACnCV,QAASkW,EAA0BlW,QACnCL,KAAMuW,EAA0BvW,KAChCsR,QAASiF,EAA0BjS,KACnC4M,cApB6B,WACnCsF,EAA6B,2BACxBD,GADuB,IAE1BjS,MAAM,SAqBN,kBAAC,GAAD,CAAcgoC,gCAAiCsB,MCnExCE,GAAmD,CAC9Dv4B,SAAU,IAGCw4B,GAAsC,WACjD,OAAO,kBAAC,GAAqBD,K,UCYzBE,GAAgB/4C,aAAO8M,GAAP9M,CAAH,4FAGf8G,GAAaG,aAKX+xC,GAAeh5C,aAAO8M,GAAP9M,CAAH,4FAGd8G,GAAaG,aAKJgyC,GAA8B,SAAC,GAUrC,IATLC,EASI,EATJA,WACAC,EAQI,EARJA,UACAC,EAOI,EAPJA,aACAC,EAMI,EANJA,gBACAC,EAKI,EALJA,SACAC,EAII,EAJJA,YACAC,EAGI,EAHJA,SACAC,EAEI,EAFJA,gBACAC,EACI,EADJA,aAEA,EC7BoC,SACpCC,EACAT,GAEA,IAAMU,EAAmB,SAACT,GAAD,OACvB1jB,KAAKokB,MAAMV,EAAYQ,IAEnBG,EAAwB,SAACC,GAC7B,IAAMC,EAAiBd,EAAaa,EAAYJ,EAChD,OAAOK,EAAiBL,EAAgBK,EAAiBL,GAkC3D,EAAoCn8C,sBA5BhC,SAACy8C,EAAyBzjD,GAC5B,IAAQE,EAAkBF,EAAlBE,QACR,OAD0BF,EAATC,MAEf,IAAK,mBACH,MAAO,CACLyjD,iBAAkBxjD,EAClByjD,MAAOv/C,MAAMk/C,EAAsB,IAAIM,KAAK,IAGhD,IAAK,kBACH,IAAML,EAAYH,EAAiBljD,GAEnC,MAAO,CACLwjD,iBAAkBH,EAClBI,MAAOv/C,MAAMk/C,EAAsBC,IAAYK,KAAK,IAGxD,IAAK,aACH,IAAML,EAAYH,EAAiBljD,GAEnC,MAAO,CACLwjD,iBAAkBH,EAClBI,MAAOv/C,MAAMk/C,EAAsBC,IAAYK,KAAK,OAMM,CAChED,MAAO,GACPD,iBAAkB,IAFpB,mBAAOG,EAAP,KAAwBtiB,EAAxB,KAKMuiB,EAAgBhmB,uBACpB,kBAAMyD,EAAS,CAAEthC,KAAM,mBAAoBC,QAAS,MACpD,IAYF,OAAO,aACL6jD,iBAJuB,SAACR,EAAmBZ,GAApB,OACvBY,EAAYJ,EAAgBR,GAI5BmB,gBACAE,aAZmB,kBACnBziB,EAAS,CAAEthC,KAAM,kBAAmBC,QAASwiD,EAAa,KAY1DuB,cAVoB,SAACtB,GAAD,OACpBphB,EAAS,CAAEthC,KAAM,aAAcC,QAASyiD,MAUrCkB,GD/BDK,CAAuB,EAAGxB,GAN5BgB,EADF,EACEA,iBACAC,EAFF,EAEEA,MACAI,EAHF,EAGEA,iBACAE,EAJF,EAIEA,cACAH,EALF,EAKEA,cACAE,EANF,EAMEA,aAGIG,EAAwB,WAC5BL,IACAd,EAAS,IAGLoB,EAAuB,WAC3BJ,IACAhB,EAASN,EAAa,IAGlB2B,EAA2B,WAC/BJ,EAActB,EAAY,GAC1BC,KAGI0B,EAAuB,WAC3BL,EAActB,EAAY,GAC1BG,KAgBF,OAJAl7C,qBAAU,WACRk8C,MACC,CAACb,EAAiBC,EAAcY,IAGjC,kBAAC15C,GAAD,CACEiB,WAAW,SACXD,eAAe,SACfiP,GAAG,OACHxO,GAAG,OACHygB,GAAI,GAEJ,kBAACi2B,GAAD,CACE53C,cAAY,kCACZwO,QAASgrC,EACTptC,UAAW8rC,EACXtsC,SAAS,6BACT3B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,GATN,SAaA,kBAACurC,GAAD,CACE53C,cAAY,qCACZwO,QAASkrC,EACTttC,UAAW8rC,EACXtsC,SAAS,iBACT3B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,GATN,QAcA,kBAACwrC,GAAD,CACE73C,cAAY,iCACZwO,QAASgrC,EACTptC,UAAW8rC,EACXtsC,SAAS,6BACT3B,QAAQ,QACRF,WAAW,UACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,IAEN,kBAACwrC,GAAD,CACE73C,cAAY,oCACZwO,QAASkrC,EACTttC,UAAW8rC,EACXtsC,SAAS,iBACT3B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,IAGL2sC,EAAMn/C,KAAI,SAAC+/C,EAASnkC,GACnB,IAAMokC,EAAgBT,EAAiBL,EAAkBtjC,GACzD,OACE,kBAAChW,GAAD,CACE3G,IAAK2c,EACL1K,aAAa,QACbtK,eAAe,SACfC,WAAW,SACXqc,gBACEi7B,IAAc6B,EAAgB,gBAAkB,eAElDv4C,MAAO,GACPD,OAAQ,GACRqO,GAAI,GAEJ,kBAAC7H,GAAD,CACEynB,MAAO,CAAEwqB,OAAQ,WACjBtrC,QAAS,kBAxFS,SAACurC,GAC7BT,EAActB,GACd,IAAMgC,EAAgBZ,EACpBL,EACAgB,GAEF1B,EAAS2B,GAkFgBC,CAAsBxkC,IACrCtW,MAAM,gBACNa,cAAA,0BAAgCyV,EAAQ,IAEvCokC,EAAgB,OAMzB,kBAAChC,GAAD,CACE73C,cAAY,gCACZwO,QAASmrC,EACTvtC,UAAWgsC,EACXvsC,UAAU,oBACV5B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,IAEN,kBAACwrC,GAAD,CACE73C,cAAY,gCACZwO,QAASirC,EACTrtC,UAAWgsC,EACXvsC,UAAU,8BACV5B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,IAGN,kBAACurC,GAAD,CACE53C,cAAY,iCACZwO,QAASmrC,EACTvtC,UAAWgsC,EACXvsC,UAAU,oBACV5B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,GATN,QAaA,kBAACurC,GAAD,CACE53C,cAAY,iCACZwO,QAASirC,EACTrtC,UAAWgsC,EACXvsC,UAAU,8BACV5B,QAAQ,QACRF,WAAW,SACXoC,UAAU,QACVF,SAAU,EACVI,GAAI,GATN,UE3MO6tC,GAA2B,WACtC,IAAMr8C,EAAUC,cAMhB,OACE,kBAAC2B,GAAD,CAAM0B,cAAc,SAAS+J,UAAU,SAASxK,WAAW,SAASQ,GAAI,GACtE,kBAACzB,GAAD,CACEsL,aAAa,MACbgS,gBAAgB,gBAChB1b,OAAQ,GACRC,MAAO,GACP4J,UAAU,SACVJ,GAAI,GAEJ,kBAAC,GAAD,CACEkS,OAAO,OACPpT,KAAK,aACLzK,MAAM,gBACNsK,SAAU,KAGd,kBAAC5B,GAAD,CAAMiD,GAAI,EAAGrB,SAAU,EAAGC,WAAY,GAAtC,qCAGA,kBAAC,GAAD,CACE1J,cAAY,mBACZ4mB,UAAU,WACV3c,QAAQ,YACRkC,UAAU,SACVqC,QA7BsB,WAC1B3Q,EAAQU,KAAK,mBAuBX,qBC3BO47C,GAAkC,SAAC,GAAiB,IAAf/jB,EAAc,EAAdA,QAChD,EAAsCnoB,oBAAS,GAA/C,mBAAOw1B,EAAP,KAAoBC,EAApB,KAWA,OACE,kBAAC,GAAD,CACEf,WAAW,2DACXh4B,QAAQ,oCACRq4B,gBAb0B,WAC5B5M,GAAWA,IACXsN,GAAe,GAEfvsC,YAAW,WACTusC,GAAe,KACd,MAQDT,gBAAiBQ,EACjBX,oBAAkB,KCzBXsX,GAAyB,SAAChiD,GACrC,OAAQA,EAAOiiD,OAAO1R,eACpB,IAAK,cACH,MAAO,cACT,IAAK,UACH,MAAO,UACT,IAAK,QACH,MAAO,QACT,IAAK,YACH,MAAO,YACT,IAAK,YACH,MAAO,YACT,QACE,MAAO,gBCEP2R,GAAUz7C,aAAOY,GAAPZ,CAAH,yFAKP07C,GAAa17C,aAAOgJ,GAAPhJ,CAAH,0JACE,qBAAGmH,MAAkBvB,OAAOd,SAASK,QAC5C,qBAAGgC,MAAkBvB,OAAOd,SAASS,QAO1Co2C,GAAW37C,aAAOgJ,GAAPhJ,CAAH,gLACI,qBAAGmH,MAAkBvB,OAAOd,SAASK,QAK5C,qBAAGgC,MAAkBvB,OAAOpC,YAIjCoM,GAAc5P,aAAOY,GAAPZ,CAAH,yLAGO,qBAAGmH,MAAkBvB,OAAOd,SAASG,QAIzC,qBAAGkC,MAAkBvB,OAAO7B,aAC9B,qBAAGoD,MAAkBa,QAAQE,cAKlC0zC,GAAwB,SAAC,GAAqB,IAAnBnlD,EAAkB,EAAlBA,KAAMy8C,EAAY,EAAZA,MACtC2I,EAAmB5I,GAAoBC,GAEvC1D,EAAc+L,GAAuBrI,EAAMjN,WAEjD,OACE,kBAAC,GAAD,CACE3jC,cAAc,SACd6J,EAAG,EACHD,aAAa,qBACb1L,OAAO,YACPkQ,YAAY,gBACZorC,aAAc,EACdxlC,QAAQ,OACR3G,QAASksC,GAET,kBAACJ,GAAD,KACE,kBAACzyC,GAAD,CAAM7H,cAAY,iBAAiByJ,SAAU,EAAGC,WAAY,GACzDqoC,EAAMn8B,UAIX,kBAACnW,GAAD,CAAMk7C,aAAc,EAAGj6C,WAAW,UACf,KAAhB2tC,GACC,kBAAC,GAAD,CACElvC,MAAO6wC,GAAe3B,GACtBj2C,OAAQi2C,KAKd,kBAACiM,GAAD,KACE,kBAACC,GAAD,CAAYv6C,cAAY,6BAAxB,kBAIA,kBAACw6C,GAAD,CAAUx6C,cAAY,0BACnB+xC,EAAM6I,cAIX,kBAACN,GAAD,KACE,kBAACC,GAAD,CAAYv6C,cAAY,yBAAxB,YACA,kBAACw6C,GAAD,CAAUx6C,cAAY,sBAAsB+xC,EAAM/C,UAGpD,kBAACsL,GAAD,KACE,kBAACC,GAAD,CAAYv6C,cAAY,6BAAxB,gBAGA,kBAACw6C,GAAD,CAAUx6C,cAAY,0BACnB+xC,EAAMnqB,YAIX,kBAAC0yB,GAAD,KACE,kBAACC,GAAD,CAAYv6C,cAAY,6BAAxB,aAGA,kBAACw6C,GAAD,CAAUx6C,cAAY,0BACnB+xC,EAAM8I,cAID,SAATvlD,GACC,kBAACglD,GAAD,KACE,kBAACC,GAAD,CAAYv6C,cAAY,iCAAxB,oBAGA,kBAACw6C,GAAD,CAAUx6C,cAAY,8BACnB+xC,EAAMvD,kBAKH,WAATl5C,GACC,kBAACglD,GAAD,KACE,kBAACC,GAAD,CAAYv6C,cAAY,uBAAxB,UACA,kBAACw6C,GAAD,CAAUx6C,cAAY,oBAAoB+xC,EAAM+I,WCpH7CC,GAAYl8C,KAAOu/B,GAAV,iEAGlBj/B,KACAH,KACAI,KACAH,KACAI,MCNE27C,GAAYn8C,KAAOo8C,GAAV,yLAGS,qBAAGj1C,MAAkBvB,OAAOd,SAASG,QAIzC,qBAAGkC,MAAkBvB,OAAO7B,aAC9B,qBAAGoD,MAAkBa,QAAQE,cAKlCm0C,GAA4B,SAAC,GAA4B,IAA1BzlC,EAAyB,EAAzBA,MAAOngB,EAAkB,EAAlBA,KAAMy8C,EAAY,EAAZA,MACjD2I,EAAmB5I,GAAoBC,GAEvC1D,EAAc+L,GAAuBrI,EAAMjN,WAEjD,OACE,kBAACkW,GAAD,CAAWxsC,QAASksC,EAAkB5uC,SAAU2J,GAC9C,kBAACslC,GAAD,CACE/6C,cAAY,iBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAMn8B,SAGT,kBAACmlC,GAAD,CACE/6C,cAAY,yBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAM6I,aAGT,kBAACG,GAAD,CACE/6C,cAAY,qBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAM/C,SAGT,kBAAC+L,GAAD,CACE/6C,cAAY,yBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAMnqB,WAGT,kBAACmzB,GAAD,CACE/6C,cAAY,yBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAM8I,aAGT,kBAACE,GAAD,CACE/6C,cAAY,mBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAEO,KAAhB4kC,GACC,kBAAC,GAAD,CACElvC,MAAO6wC,GAAe3B,GACtBj2C,OAAQi2C,KAKJ,SAAT/4C,GACC,kBAACylD,GAAD,CACE/6C,cAAY,4BACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAMvD,iBAID,WAATl5C,GACC,kBAACylD,GAAD,CACE/6C,cAAY,mBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAM+I,UC5HJ3qB,GAAiBtxB,KAAOy/B,GACnCn/B,KACAH,KACAI,KACAH,KACAI,MCMI87C,GAAet8C,KAAOq/B,MAAV,mEACdj/B,MAIEm8C,GAAmBv8C,aAAOsxB,GAAPtxB,CAAH,qDACJ,qBAAGmH,MAAkBvB,OAAOd,SAASK,QCAjDq3C,GAAex8C,cDGuB,SAAC,GAKtC,IAJL0S,EAII,EAJJA,UACAha,EAGI,EAHJA,QACAjC,EAEI,EAFJA,KACAgmD,EACI,EADJA,OAEA,OACE,kBAAC77C,GAAD,CAAM0B,cAAc,SAASoQ,UAAWA,EAAWzG,GAAI,GACrD,kBAACqwC,GAAD,KACE,+BACE,4BACG5jD,EAAQsC,KAAI,SAAC0hD,EAAQ9lC,GAAT,OACX,kBAAC2lC,GAAD,CACEtiD,IAAK2c,EACLzV,cAAY,eACZoP,GAAc,IAAVqG,EAAc,EAAI,EACtBhG,GAAI,EACJvE,UAAU,OACV6R,gBAAgB,gBAChBy+B,UAAU,YACVtpC,aAAa,YACb/S,MAAM,gBACN4K,WAAW,SACXN,SAAU,EACVC,WAAY,GAEX6xC,EAAOjW,WAIZ,kBAAC8V,GAAD,CACE/rC,GAAI,EACJI,GAAI,EACJvE,UAAU,OACV6R,gBAAgB,gBAChBy+B,UAAU,YACVtpC,aAAa,YACb/S,MAAM,gBACN4K,WAAW,SACXN,SAAU,EACVC,WAAY,MAOlB,+BACG4xC,EAAOzhD,KAAI,SAACk4C,EAAOt8B,GAAR,OACV,kBAAC,GAAD,CAAU3c,IAAK2c,EAAOA,MAAOA,EAAOngB,KAAMA,EAAMy8C,MAAOA,YCpD9ClzC,CAAH,2FACdI,KAGA0G,GAAaG,aAKX21C,GAAc58C,cCnBwB,SAAC,GAAiC,IAA/B0S,EAA8B,EAA9BA,UAAWjc,EAAmB,EAAnBA,KAAMgmD,EAAa,EAAbA,OAC9D,OACE,kBAAC77C,GAAD,CAAM0B,cAAc,SAASE,OAAO,OAAOkQ,UAAWA,GACnD+pC,EAAOzhD,KAAI,SAACk4C,EAAOt8B,GAAR,OACV,kBAAC,GAAD,CAAM3c,IAAK2c,EAAOngB,KAAMA,EAAMy8C,MAAOA,UDezBlzC,CAAH,2FACbI,KAGA0G,GAAaG,aAKJ41C,GAA0B,SAAC,GAQjC,IAPLJ,EAOI,EAPJA,OACAK,EAMI,EANJA,YACArmD,EAKI,EALJA,KACAsmD,EAII,EAJJA,QACAziD,EAGI,EAHJA,MACAi9B,EAEI,EAFJA,QACAmiB,EACI,EADJA,aAcA,OACE,oCACE,kBAAC1wC,GAAD,CAAM4B,SAAU,EAAGtK,MAAM,gBAAgB2L,GAAI,GAA7C,IACI6wC,EADJ,YAIA,kBAACN,GAAD,CACE9pC,UAAU,oBACVha,QAASqkD,EACTtmD,KAAMA,EACNgmD,OAAQA,IAGV,kBAACG,GAAD,CAAalqC,UAAU,qBAAqBjc,KAAMA,EAAMgmD,OAAQA,IAzBxC,WAC1B,IAAKK,IAAgBxiD,EACnB,OAAOo/C,EACL,kBAAC1wC,GAAD,CAAM7H,cAAa,wBAAnB,uCAIA,kBAAC,GAAD,MAoBD67C,GAEA1iD,GAAS,kBAAC,GAAD,CAAgBi9B,QAASA,ME3DnC0lB,GAAmB7kD,EAAI8kD,oBAEhBC,GAAwC,SAAC,GAS/C,IARLV,EAQI,EARJA,OACAK,EAOI,EAPJA,YACArmD,EAMI,EANJA,KACAsmD,EAKI,EALJA,QACAziD,EAII,EAJJA,MACAi9B,EAGI,EAHJA,QACAkiB,EAEI,EAFJA,gBACAC,EACI,EADJA,aAEA,EASI0D,oBACF,CACEL,QAASA,EACTpjD,KAAM8iD,EACNY,aAAc,CACZC,SAAUL,GACV9D,UAAW,IAGfoE,kBAjBAnX,EADF,EACEA,KACAkT,EAFF,EAEEA,SACAF,EAHF,EAGEA,aACAG,EAJF,EAIEA,YACAF,EALF,EAKEA,gBACAmE,EANF,EAMEA,YACSrE,EAPX,EAOE5iD,MAAS4iD,UACTsE,EARF,EAQEA,SAaIC,EAActX,EAAKprC,KAAI,SAAC2iD,GAAD,OAASA,EAAIC,YAE1C,OACE,oCACE,kBAAC,GAAD,CACEnB,OAAQiB,EACRZ,YAAaA,EACbrmD,KAAMA,EACNsmD,QAASA,EACTziD,MAAOA,EACPi9B,QAASA,EACTmiB,aAAcA,IAGf8D,EAAY1iD,OAAS,GACpB,kBAAC,GAAD,CACEo+C,WAAYsE,EAAY1iD,OACxBq+C,UAAWA,EACXE,gBAAiBA,EACjBD,aAAcA,EACdG,YAAaA,EACbD,SAAUA,EACVE,SAAUiE,EACVhE,gBAAiBA,EACjBC,aAAcA,MCjDlB9pC,GAAc5P,aAAOY,GAAPZ,CAAH,6EAEO,qBAAGmH,MAAkBvB,OAAOd,SAASG,QAIvD2f,GAAqB5kB,KAAOsH,OAAV,6dAGpB9G,KACAJ,KACAD,KACAI,KACAD,MAyBS,qBAAG6G,MAAkBvB,OAAOpC,YAInCqhB,GAAqB7kB,KAAOsH,OAAV,iKACpB9G,KACAL,MASE+T,GAAuBlU,KAAOmU,GAAV,wXAGtB3T,KACAJ,KACAD,KACAG,MAeoB,qBAAG6G,MAAkBvB,OAAOd,SAASK,QAOvDiP,GAAapU,KAAOqU,GAAV,+YAGZ/T,KACAH,KACAI,KACAH,MAQsB,qBAAG+G,MAAkBvB,OAAOd,SAASE,QACpD,qBAAGmC,MAAkBvB,OAAOpC,YAOf,qBAAG2D,MAAkBvB,OAAOd,SAASG,QAIrC,qBAAGkC,MAAkBvB,OAAO1B,WAIvC25C,GAET,SAAC,GAAsE,IAApEppC,EAAmE,EAAnEA,MAAOuJ,EAA4D,EAA5DA,aAAczJ,EAA8C,EAA9CA,aAAcO,EAAgC,EAAhCA,OAAQD,EAAwB,EAAxBA,QAASF,EAAe,EAAfA,SAGzD,EAMIoQ,aAAU,CACZtQ,QACAY,qBAAsB,YAAuB,IAApBC,EAAmB,EAAnBA,aACvBX,EAASW,MARXI,EADF,EACEA,OACAJ,EAFF,EAEEA,aACAK,EAHF,EAGEA,qBACAE,EAJF,EAIEA,aACAG,EALF,EAKEA,aAQF,OACE,kBAACjW,GAAD,KACE,kBAAC,GAAD,CACES,OAAO,OACP0d,gBAAiBxI,EAAS,gBAAkB,eAC5CxJ,aAAa,QACb1J,OAAQ,IAER,kBAAC,GAAD,iBACMmT,EAAqB,CACvBlf,KAAM,WAFV,CAIE0K,cAAY,gBACZ6J,WAAW,UACXE,WAAW,SACX5K,MAAM,WACNuK,WAAY,EACZD,SAAU,EACV2F,GAAI,IAES,qBAAZ+E,GAEiB0I,IAEpB,kBAAC,GAAD,iBACMrI,EAAqB,CACvBlf,KAAM,WAFV,CAIEynB,gBAAgB,SAEhB,kBAAC,GAAD,CACEtT,SAAU,EACVtK,MAAM,gBACNyK,KAAM2K,EAAS,cAAgB,kBAKrC,kBAAC,GAAD,iBACMG,EAAa,CACff,OAAQA,EACRD,QAASA,IAHb,CAKE1T,cAAY,2BACZsV,QAASf,IAAWjB,EAAM3Z,OAC1BuH,GAAI,EACJ4J,GAAI,EACJ4E,GAAI,EACJyF,QAAS,EACT9V,OAAO,YACPkQ,YAAY,gBACZxE,aAAa,QACbgS,gBAAgB,eAChBxH,UAAS,UApEiB,GAoEZnC,EAAL,MACToC,UAAWlC,EAAM3Z,OAASyZ,EAAe,SAAW,SACpD9R,MAAM,UAELgS,EAAMzZ,KAAI,SAACC,EAAc2b,GACxB,OACE,kBAAC,GAAD,eACE3c,IAAK2c,GACDZ,EAAa,CACf/a,OACA2b,UAJJ,CAMEhM,SAAU,EACVM,WACEoK,IAAiBra,EACb,OACA+iB,IAAiB/iB,GAASqa,EAE1B,SADA,OAGNzK,WAAY,EACZrI,OAAQ,GACRgL,GAAI,EACJnB,UAAU,WAETpR,SASf4iD,GAAez8C,aAAe,CAC5BmT,aAAc,GC7OT,I,kECWDupC,GAAqB99C,aAAOY,GAAPZ,CAAH,qKAKpB8G,GAAaC,YAGbD,GAAaE,cAKX+2C,GAAc/9C,KAAOuH,MAAV,qbACbpH,KACAI,MAOO,qBAAG4G,MAAkBvB,OAAOpC,YAYxB,qBAAG2D,MAAkBvB,OAAOd,SAASO,OAIhDyB,GAAaC,YAGbD,GAAaE,cAKX8H,GAAc9O,KAAOsH,OAAV,4YACbnH,KACAI,MAyBS,qBAAG4G,MAAkBvB,OAAOd,SAASY,QAKrCs4C,GAA+B,SAAC,GAEtC,IADLC,EACI,EADJA,2BAEA,EAAwC7uC,mBAAS,IAAjD,mBAAOsqC,EAAP,KAAqBwE,EAArB,KAcA,OACE,kBAACJ,GAAD,CACEz8C,GAAG,eACH8U,YAAa,EACbjK,aAAa,QACbwE,YAAa,gBACbvE,EAAG,GAEH,kBAAC4xC,GAAD,CACEtnD,KAAM,OACNW,MAAOsiD,EACP9kC,SAvB4B,SAChC5G,GAEA,IAAM5W,EAAQ4W,EAAMG,OAAO/W,MAC3B8mD,EAAgB9mD,GAChB6mD,EAA2B7mD,IAmBvBub,YAAa,6BACb/H,SAAU,EACVC,WAAY,EACZ1J,cAAa,iBAEf,kBAAC,GAAD,CACEoM,UAAWmsC,EACXjjD,KAAM,SACNkZ,QAzB0B,WAC9BuuC,EAAgB,IAChBD,EAA2B,KAwBvB98C,cAAa,sBAEb,kBAAC,GAAD,CACE4J,KAAM2uC,EAAe,QAAU,SAC/Bp5C,MAAO,qBClHXsP,GAAc5P,aAAOY,GAAPZ,CAAH,yJAIb8G,GAAaE,cAMJm3C,GAAgD,SAAC,GASvD,ICxC4B7X,EDgCjCmW,EAQI,EARJA,OACAz+B,EAOI,EAPJA,aACAogC,EAMI,EANJA,cACA3nD,EAKI,EALJA,KACAd,EAII,EAJJA,SACAonD,EAGI,EAHJA,QACAziD,EAEI,EAFJA,MACAi9B,EACI,EADJA,QAEA,EAA8CnoB,mBAAS4O,GAAvD,mBAAOy7B,EAAP,KAAwB4E,EAAxB,KACA,EAAwCjvC,mBAAS,IAAjD,mBAAOsqC,EAAP,KAAqBwE,EAArB,KAWII,GAAoBC,GCrDSjY,EDoDgBmW,EC3C1C,CAAE8B,kBARiB,SAACx1B,GACzB,MAAkB,QAAdA,EACKud,EAGFA,EAAUnrC,QAAO,SAAC+3C,GAAD,OAAWA,EAAMnqB,YAAcA,QD8CjDw1B,mBACkC9E,GAO1C,OAFA6E,GAAoBjG,EFtDa,SACjC5jC,EACA+pC,GAEA,IAAMC,EAAY,SAACrnD,GAAD,OAChB8D,OAAO9D,GAAO2lB,QAAQ,OAAQ,KAAKy+B,OAAO1R,eAW5C,MAAO,CAAEuO,OATM,SAACl9C,GAAD,OACZsZ,GAAS,IAAItZ,QAAO,SAACF,GAAD,MACH,kBAATA,GACH,OAACujD,QAAD,IAACA,IAAclqD,OAAO+G,KAAKJ,IAAOqB,MAAK,SAACrC,GAAD,OACrCwkD,EAAUxjD,EAAKhB,IAAiBqB,SAASmjD,EAAUtjD,OAErDsjD,EAAUvjD,OAAOD,IAAOK,SAASmjD,EAAUtjD,SEqChCujD,CAAoBJ,EAAmB,CACxD,cACA,YAFMjG,QAImBqB,GAGzB,oCACE,kBAAC,GAAD,CAAaztC,GAAI,GACf,kBAAC,GAAD,CAAagyC,2BAA4BC,IAE3B,aAAbvoD,GACC,kBAAC,GAAD,CACEqoB,aAAcA,EACdrJ,SAxB4B,SACpC8C,GAEIA,GACF4mC,EAAmB5mC,IAqBblD,aAAc,EACdE,MAAO2pC,KAKb,kBAAC,GAAD,CACE3B,OAAQ6B,EACRxB,YAAawB,EAAkBxjD,OAC/BrE,KAAMA,EACNsmD,QAASA,EACTziD,MAAOA,EACPi9B,QAASA,EACTkiB,gBAAiBA,EACjBC,aAAcA,MExETiF,GAAmC,SAAC,GAK1C,IAJLloD,EAII,EAJJA,KACAsmD,EAGI,EAHJA,QACA//C,EAEI,EAFJA,SACAy/C,EACI,EADJA,OAG8BxlD,EAC1B2H,KADFlB,yBAA4BzG,iBAEtB7B,EAAkC6B,EAAlC7B,UAAWC,EAAuB4B,EAAvB5B,SAAUM,EAAasB,EAAbtB,SAEvBqoB,EAAe5oB,GAAaC,EAAb,UAA2BD,EAA3B,YAAwCC,GAAa,GACpE+oD,ECvB2B,SAAC9X,GAClC,IAAM8X,EAAgB9X,EACnBtrC,KAAI,SAACk4C,GAAD,OAAWA,EAAMnqB,aACrB5tB,QAAO,SAAC/D,EAAOwf,EAAOgoC,GAAf,OAAwBA,EAAKC,QAAQznD,KAAWwf,KAG1D,OADAwnC,EAAcU,QAAQ,OACfV,EDiBeW,CAAoBtC,GAE1C,OACE,oCACGA,GACC,kBAAC,GAAD,CACEA,OAAQA,EACRz+B,aAAcA,EACdogC,cAAeA,EACf3nD,KAAMA,EACNd,SAAUA,EACVonD,QAASA,EACTziD,MAAO0C,ME5BJgiD,GAAkB,WAEzB,IADJC,EACG,uDADoC,CAAC,cAAe,WAEjD7iD,EAA2B,SAEjC,EAIIwC,KAFoB5J,EAFxB,EACE0I,yBACE3G,iBAAoB/B,YAIlBkqD,EAA2B,SAACzC,GAWhC,MAAO,CAAEnW,UAVWmW,EAAOnW,UACxBnrC,QAAO,SAAC+3C,GACP,IAAM1D,EAAc+L,GAAuBrI,EAAMjN,WACjD,OAAOgZ,EAAc3jD,SAASk0C,MAE/Bx0C,KAAI,SAACk4C,GAAD,mBAAC,eACDA,GADA,IAEH6I,YAAaxkD,IAAO27C,EAAM6I,aAAatkD,OAAO,qBASpD,EAIIkF,YAAyB,CAC3BP,SAAU,CAACA,EAAUpH,GACrB4H,QAAS,kBAAMqqC,GAAajyC,IAC5BmqD,OAAQD,EACRriD,UAAW7H,IAPLynD,EADR,EACE9iD,KACSqD,EAFX,EAEEC,QACWkQ,EAHb,EAGEvW,UAQF,MAAO,CACL6lD,OAAM,OAAEA,QAAF,IAAEA,IAAUlW,GAClBvpC,WACAmQ,YCvCSiyC,GAAuB,WAClC,MAAsCJ,KAA9BhiD,EAAR,EAAQA,SAAUy/C,EAAlB,EAAkBA,OAAQtvC,EAA1B,EAA0BA,QAE1B,OACE,kBAACvM,GAAD,CAAM4B,OAAO,OAAOC,MAAM,OAAOH,cAAc,UAC7C,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,UAAzC,eAIA,kBAACnL,GAAD,CAAKkM,GAAI,GACP,kBAAC,GAAD,CACEH,QAAS,kBACP,kBAAC9C,GAAD,6HAEoD,IAClD,kBAAC,GAAD,CAAMiQ,KAAK,4CAAX,YAHF,MASF7N,QAAQ,UACRL,KAAK,UACLkB,GAAI,KAIPkB,GAAW,kBAAC,GAAD,CAAiBxL,KAAK,aAEhCwL,GACA,kBAAC,GAAD,CACE1W,KAAK,OACLsmD,QAASvW,GACTxpC,SAAUA,EACVy/C,OAAQA,EAAOnW,cClCZ+Y,GAAyB,WACpC,MAAsCL,GAAgB,CACpD,YACA,cAFMhiD,EAAR,EAAQA,SAAUy/C,EAAlB,EAAkBA,OAAQtvC,EAA1B,EAA0BA,QAK1B,OACE,kBAACvM,GAAD,CAAM4B,OAAO,OAAOC,MAAM,OAAOH,cAAc,UAC7C,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,UAAzC,iBAIA,kBAACnL,GAAD,CAAKkM,GAAI,GACP,kBAAC,GAAD,CACEH,QAAS,kBACP,kBAAC9C,GAAD,6HAEoD,IAClD,kBAAC,GAAD,CAAMiQ,KAAK,4CAAX,YAHF,MASF7N,QAAQ,UACRL,KAAK,UACLkB,GAAI,KAGR,kBAAClM,GAAD,CAAKkM,GAAI,GACP,kBAAC,GAAD,CACEH,QACE,+HAEFV,QAAQ,UACRL,KAAK,OACLkB,GAAI,KAIPkB,GAAW,kBAAC,GAAD,CAAiBxL,KAAK,aAEhCwL,GACA,kBAAC,GAAD,CACE1W,KAAK,SACLsmD,QAASrW,GACT1pC,SAAUA,EACVy/C,OAAQA,EAAOnW,cC1BZgZ,GAA6B,SACxCrgB,GAEA,IAAMsgB,EAAe,GA8BrB,OA5BItgB,EAAmB1Q,WACrBgxB,EAAa7/C,KAAb,cAAyBu/B,EAAmB1Q,YAG1C0Q,EAAmBzQ,UACrB+wB,EAAa7/C,KAAb,aAAwBu/B,EAAmBzQ,WAGzCyQ,EAAmBnX,YACrBy3B,EAAa7/C,KAAb,UAEIu/B,EAAmBpX,aACfoX,EAAmBpX,aACnB,IACAoX,EAAmBnX,WACnBmX,EAAmBnX,aAKzBmX,EAAmBpkB,QACrB0kC,EAAa7/C,KAAb,UAAqBu/B,EAAmBpkB,SAGtCokB,EAAmBlkB,UACrBwkC,EAAa7/C,KAAb,UAAqBu/B,EAAmBlkB,WAGnCwkC,EAAajhB,KAAK,OAGdkhB,GAA6B,SACxCp4B,GAEA,OAAIA,EAAuBH,uBApEC,SAC5BU,GAEA,IAAM43B,EAAe,GAuBrB,OArBI53B,EAAoBC,MACtB23B,EAAa7/C,KAAb,eAA0BioB,EAAoBC,OAG5CD,EAAoBE,cAAgBF,EAAoBG,WAC1Dy3B,EAAa7/C,KAAb,UACKioB,EAAoBE,aADzB,YACyCF,EAAoBG,aAEpDH,EAAoBE,aAC7B03B,EAAa7/C,KAAb,UAAqBioB,EAAoBE,eAChCF,EAAoBG,YAC7By3B,EAAa7/C,KAAb,UAAqBioB,EAAoBG,aAGvCH,EAAoB9M,QACtB0kC,EAAa7/C,KAAb,UAAqBioB,EAAoB9M,SAEvC8M,EAAoB5M,UACtBwkC,EAAa7/C,KAAb,UAAqBioB,EAAoB5M,WAGpCwkC,EAAajhB,KAAK,MA2ChBmhB,CAAsBr4B,EAAuBO,qBAG/CP,EAAuBK,eCrEnBi4B,GAA0B,SAACC,GACtC,MAAmB,MAAfA,EACKA,EAAa,OAGH,MAAfA,EACK,QAGFA,EAAa,SAGTC,GAA4B,SAAC1M,GACxC,OAA+B,OAA3BA,EAAMnN,iBAE+B,kBAAnCmN,EAAMnN,iBAAiBhU,QAClBytB,GACLtM,EAAMnN,iBAAiB9d,UAAUC,oBAGkB,mBAArDgrB,EAAMnN,iBAAiB9T,QAAQC,MAAM,GAAG7D,SAEjCixB,GACLpM,EAAMnN,iBAAiB9T,QAAQC,MAAM,GAAG5D,gBAGnCkxB,GACLtM,EAAMnN,iBAAiB9T,QAAQC,MAAM,GAAGhK,oBAKG,mBAA3CgrB,EAAMlN,mBAAmB1W,KAAKjB,SACzBixB,GACLpM,EAAMlN,mBAAmB1W,KAAKhB,gBAGzBkxB,GACLtM,EAAMlN,mBAAmB1W,KAAKpH,qBAMzB23B,GAAmB,SAAC/Z,GAC/B,MAAkB,qBAAdA,EACK,wBAEF,kBAGIga,GAAsB,SACjC9xC,GAIA,MAAiC,WAFbA,EAAMG,OAEP4xC,WCxCf5D,GAAYn8C,KAAOo8C,GAAV,yLAGS,qBAAGj1C,MAAkBvB,OAAOd,SAASG,QAIzC,qBAAGkC,MAAkBvB,OAAO7B,aAC9B,qBAAGoD,MAAkBa,QAAQE,cAKzC83C,GAAoBhgD,aAAOqZ,GAAPrZ,CAAH,kDACR,qBAAGmH,MAAkBX,UAAU,MAGjCy5C,GAAuC,SAAC,GAK9C,IAJLrpC,EAII,EAJJA,MACAs8B,EAGI,EAHJA,MACAl1B,EAEI,EAFJA,aACAsZ,EACI,EADJA,SAEM4oB,EAAOR,GAAwBxM,EAAMrN,WACrC9uB,EAAU6oC,GAA0B1M,GACpCpN,EAAY+Z,GAAiB3M,EAAMpN,WAKnC9mC,EAAUC,cAgBhB,OACE,kBAAC,GAAD,CAAWgO,SAAU2J,EAAOjH,QAfL,SAAC3B,GACxBvZ,OAAOunC,SAAS,CAAExd,IAAK,EAAGyd,SAAU,WAEnB6jB,GAAoB9xC,KAGX,qBAApBklC,EAAMpN,UACR9mC,EAAQU,KAAK,eAAgBwzC,GAE7Bl0C,EAAQU,KAAK,kBAAmBwzC,MAOlC,kBAACgJ,GAAD,CACE/6C,cAAY,iBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETmM,GAGH,kBAACmlC,GAAD,CACE/6C,cAAY,qBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETk7B,GAGH,kBAACoW,GAAD,CACE/6C,cAAY,yBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAEToT,GAGH,kBAACk+B,GAAD,CACE/6C,cAAY,mBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAEV,kBAAC,GAAD,CAAiBtK,MAAO6G,GAAMvB,OAAOrB,YAAahL,OAAQ,WAG5D,kBAAC2iD,GAAD,CACE/6C,cAAY,yBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETsoC,EAAMn+C,aAGT,kBAACmnD,GAAD,CACE/6C,cAAY,yBACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,gBAClB1I,SAAU,GAETs1C,GAGH,kBAAChE,GAAD,CACEtxC,SAAU,EACVzJ,cAAY,eACZqB,OAAQ,GACRhC,OAAO,OACP6S,aAAa,YACbC,kBAAkB,iBAElB,kBAAC0sC,GAAD,CACE7+C,cAAY,sBACZwO,QAlGa,WACnB2nB,EAAS,CAAE7gC,KAAM,SAAUC,QAASw8C,MA+FhC,aChIFoJ,GAAet8C,KAAOq/B,MAAV,mEACdj/B,MAIEm8C,GAAmBv8C,aAAOsxB,GAAPtxB,CAAH,qDACJ,qBAAGmH,MAAkBvB,OAAOd,SAASK,QCAjDs2C,GAAUz7C,aAAOY,GAAPZ,CAAH,yFAKP07C,GAAa17C,aAAOgJ,GAAPhJ,CAAH,0JACE,qBAAGmH,MAAkBvB,OAAOd,SAASK,QAC5C,qBAAGgC,MAAkBvB,OAAOd,SAASS,QAO1Co2C,GAAW37C,aAAOgJ,GAAPhJ,CAAH,gLACI,qBAAGmH,MAAkBvB,OAAOd,SAASK,QAK5C,qBAAGgC,MAAkBvB,OAAOpC,YAIjCoM,GAAc5P,aAAOY,GAAPZ,CAAH,yLAGO,qBAAGmH,MAAkBvB,OAAOd,SAASG,QAIzC,qBAAGkC,MAAkBvB,OAAO7B,aAC9B,qBAAGoD,MAAkBa,QAAQE,cAKzC83C,GAAoBhgD,aAAOqZ,GAAPrZ,CAAH,kDACR,qBAAGmH,MAAkBX,UAAU,MAGjC25C,GAAmC,SAAC,GAI1C,IAHLjN,EAGI,EAHJA,MACAl1B,EAEI,EAFJA,aACAsZ,EACI,EADJA,SAEM4oB,EAAOR,GAAwBxM,EAAMrN,WACrC9uB,EAAU6oC,GAA0B1M,GACpCpN,EAAY+Z,GAAiB3M,EAAMpN,WAInC9mC,EAAUC,cAehB,OACE,kBAAC,GAAD,CACEqD,cAAc,SACd6J,EAAG,EACHD,aAAa,qBACb1L,OAAO,YACPkQ,YAAY,gBACZorC,aAAc,EACdxlC,QAAQ,OACR3G,QAtBqB,SAAC3B,GACxBvZ,OAAOunC,SAAS,CAAExd,IAAK,EAAGyd,SAAU,WACnB6jB,GAAoB9xC,KAGX,qBAApBklC,EAAMpN,UACR9mC,EAAQU,KAAK,eAAgBwzC,GAE7Bl0C,EAAQU,KAAK,kBAAmBwzC,MAgBlC,kBAAC,GAAD,KACE,kBAAClqC,GAAD,CAAM7H,cAAY,iBAAiByJ,SAAU,EAAGC,WAAY,GACzDkM,IAIL,kBAACnW,GAAD,CAAMk7C,aAAc,EAAGj6C,WAAW,UAChC,kBAAC,GAAD,CAAiBvB,MAAO6G,GAAMvB,OAAOrB,YAAahL,OAAQ,WAG5D,kBAAC,GAAD,KACE,kBAAC,GAAD,CAAY4H,cAAY,yBAAxB,YACA,kBAAC,GAAD,CAAUA,cAAY,wBAAwB2kC,IAGhD,kBAAC,GAAD,KACE,kBAAC,GAAD,CAAY3kC,cAAY,2BAAxB,cAGA,kBAAC,GAAD,CAAUA,cAAY,wBAAwB6c,IAGhD,kBAAC,GAAD,KACE,kBAAC,GAAD,CAAY7c,cAAY,6BAAxB,iBAGA,kBAAC,GAAD,CAAUA,cAAY,0BACnB+xC,EAAMn+C,cAIX,kBAAC,GAAD,KACE,kBAAC,GAAD,CAAYoM,cAAY,6BAAxB,cAGA,kBAAC,GAAD,CAAUA,cAAY,0BAA0B++C,IAGlD,kBAAC,GAAD,KACE,kBAAC,GAAD,CAAY/+C,cAAY,uBACtB,kBAAC,GAAD,CACEA,cAAY,sBACZwO,QAtEW,kBAAM2nB,EAAS,CAAE7gC,KAAM,SAAUC,QAASw8C,MAoEvD,cChHJsJ,GAAex8C,cFHkC,SAAC,GAA4D,IAA1D0S,EAAyD,EAAzDA,UAAWha,EAA8C,EAA9CA,QAAS+jD,EAAqC,EAArCA,OAAQz+B,EAA6B,EAA7BA,aAAcsZ,EAAe,EAAfA,SAClG,OACE,kBAAC12B,GAAD,CAAM0B,cAAc,SAASoQ,UAAWA,EAAWzG,GAAI,GACrD,kBAAC,GAAD,KACE,+BACE,4BACGvT,EAAQsC,KAAI,SAAC0hD,EAAQ9lC,GAAT,OACX,kBAAC,GAAD,CACE3c,IAAK2c,EACLzV,cAAY,2BACZoP,GAAc,IAAVqG,EAAc,EAAI,EACtBhG,GAAI,EACJvE,UAAU,OACV6R,gBAAgB,gBAChBy+B,UAAU,YACVtpC,aAAa,YACb/S,MAAM,gBACN4K,WAAW,SACXN,SAAU,EACVC,WAAY,GAEX6xC,EAAOjW,WAIZ,kBAAC,GAAD,CACEj2B,GAAI,EACJI,GAAI,EACJvE,UAAU,OACV6R,gBAAgB,gBAChBy+B,UAAU,YACVtpC,aAAa,YACb/S,MAAM,gBACN4K,WAAW,SACXN,SAAU,EACVC,WAAY,MAOlB,+BACG4xC,EAAOzhD,KAAI,SAACk4C,EAAOt8B,GAAR,OACV,kBAAC,GAAD,CAAqB3c,IAAK2c,EAAOA,MAAOA,EAAOs8B,MAAOA,EAAOl1B,aAAcA,EAAcsZ,SAAUA,YEzC1Ft3B,CAAH,2FACdI,KAGA0G,GAAaG,aAKX21C,GAAc58C,cCzBmC,SAAC,GAAmD,IAAjD0S,EAAgD,EAAhDA,UAAW+pC,EAAqC,EAArCA,OAAQz+B,EAA6B,EAA7BA,aAAcsZ,EAAe,EAAfA,SACzF,OACE,kBAAC12B,GAAD,CAAM0B,cAAc,SAASE,OAAO,OAAOkQ,UAAWA,GACnD+pC,EAAOzhD,KAAI,SAACk4C,EAAOt8B,GAAR,OACV,kBAAC,GAAD,CAAiB3c,IAAK2c,EAAOs8B,MAAOA,EAAOl1B,aAAcA,EAAcsZ,SAAUA,UDqBrEt3B,CAAH,2FACbI,KAGA0G,GAAaG,aAKJm5C,GAAsD,SAAC,GAQ7D,IAPL3D,EAOI,EAPJA,OACAK,EAMI,EANJA,YACAC,EAKI,EALJA,QACA/+B,EAII,EAJJA,aACA1jB,EAGI,EAHJA,MACAi9B,EAEI,EAFJA,QACA8oB,EACI,EADJA,yBAiBA,EAAqC7iD,sBAZjC,SACFy8C,EACAzjD,GAEA,OAAQA,EAAOC,MACb,IAAK,SACH,MAAO,CAAEi5B,WAAW,EAAM4wB,cAAe9pD,EAAOE,SAClD,IAAK,WACH,MAAO,CAAEg5B,WAAW,MAI0C,CAClEA,WAAW,IADb,mBAAO6wB,EAAP,KAAyBxoB,EAAzB,KAIMyoB,EAA6B,uCAAG,sBAAAxoD,EAAA,0DAChCuoD,EAAiBD,cADe,gCAE5BD,EAAyBE,EAAiBD,eAFd,OAGlCvoB,EAAS,CAAEthC,KAAM,aAHiB,2CAAH,qDAOnC,OACE,oCACE,kBAAC,GAAD,CACEgQ,MAAO,qCACPmpB,YAAa,SACbF,UAAW6wB,EAAiB7wB,UAC5BI,aAAc,kBAAMiI,EAAS,CAAEthC,KAAM,cACrCs5B,SAAU,kBAAMgI,EAAS,CAAEthC,KAAM,cACjCu5B,UAAWwwB,EACXvwB,aAAa,GAEb,+GAKF,kBAACjnB,GAAD,CAAM4B,SAAU,EAAGtK,MAAM,gBAAgB2L,GAAI,GAA7C,IACI6wC,EADJ,YAIA,kBAAC,GAAD,CACEpqC,UAAU,2BACVha,QAASqkD,EACTN,OAAQA,EACRz+B,aAAcA,EACdsZ,SAAUS,IAGZ,kBAAC,GAAD,CACErlB,UAAU,4BACV+pC,OAAQA,EACRz+B,aAAcA,EACdsZ,SAAUS,IAGK,IAAhB+kB,IAAsBxiD,GAAS,kBAAC,GAAD,MAE/BA,GAAS,kBAAC,GAAD,CAAgBi9B,QAASA,ME/GnCkpB,GAAoBroD,EAAIsoD,yBCexBt/B,GAA4BphB,KAAOC,IAAV,sFAMzBg9C,GAAmB7kD,EAAI8kD,oBAEhByD,GAA8C,SAAC,GAAiB,IAAf5D,EAAc,EAAdA,QACtD6D,EAAuD,CAC3DvxC,MAAM,EACN5I,MAAO,GACPqF,QAAS,GACTV,QAAS,UACTL,KAAM,gBAGR,EAAoCqE,mBAAS,GAA7C,mBAAOyxC,EAAP,KAAmBC,EAAnB,KAEA,EAAkD1xC,mBAEhD,IAFF,mBAAO2xC,EAAP,KAA0BC,EAA1B,KAIA,EAA8D5xC,mBAC5DwxC,GADF,mBAAOK,EAAP,KAAgCC,EAAhC,KAIA,EAEItiD,KADFlB,yBAA4B3G,EAD9B,EAC8BA,iBAAkBE,EADhD,EACgDA,iBAExCjC,EAAgB+B,EAAhB/B,YAEFmsD,ED7CkC,SACxCN,EACAzZ,EACAC,GAEA,MACEj4B,mBAAoC82B,IADtC,mBAAOkb,EAAP,KAA0BC,EAA1B,KAGA,EAAgCjyC,oBAAS,GAAzC,mBAAOpS,EAAP,KAAiBqa,EAAjB,KAKQriB,EADJ4J,KADFlB,yBAA4B3G,iBAEtB/B,YAwBR,OAtBAoJ,qBAAU,WAiBJpJ,GAhBmB,uCAAG,4BAAAgD,EAAA,+EAEUmvC,GAC9BsZ,GAtBS,EAwBTpZ,EACAryC,GANoB,OAEhBosD,EAFgB,OAStBC,EAAqBD,GACrB/pC,GAAY,GAVU,gDAYtBA,GAAY,GAZU,yDAAH,oDAiBrBiqC,KAED,CAACT,EAAYzZ,EAAgBC,EAAWryC,IAEpC,2BAAKosD,GAAZ,IAA+BpkD,SAAUA,ICQnBukD,CACpBV,EACA5D,IAGF7+C,qBAAU,WACR4iD,EAAqBG,EAAc7a,aAClC,CAAC6a,EAAc7a,YAElB,IAKMkb,EAA4B,uCAAG,WAAOtO,GAAP,eAAAl7C,EAAA,2DACb+oD,EAAkB/rB,WACtC,SAAC/5B,GAAD,OAAUA,EAAK2qC,UAAYsN,EAAMtN,YAItB,GANsB,gCAOX4B,GAAuB0L,EAAMtN,QAAS5wC,GAP3B,QAO3BysD,EAP2B,SAU/BT,GAAqB,SAACU,GAAD,OACnBA,EAAKvmD,QAAO,SAACF,GAAD,OAAUA,EAAK2qC,UAAYsN,EAAMtN,cAGjDsb,EAA2B,CACzB7xC,MAAM,EACN5I,MAAOg7C,EACHvN,GACAC,GACJroC,QAAS21C,EACLvN,GACAC,GACJ/oC,QAASq2C,EAAU,UAAY,QAC/B12C,KAAM02C,EAAU,eAAiB,YAvBF,2CAAH,sDA4B5BzjC,EACJ/mB,EAAiB7B,WAAa6B,EAAiB5B,SAA/C,UACO4B,EAAiB7B,UADxB,YACqC6B,EAAiB5B,UAClD,GAEN,OACE,oCACE,kBAAC,GAAD,KACE,kBAAC,GAAD,CACEgnB,QAAS4kC,EAAwB5xC,KACjC4M,cAzCiB,kBACvBilC,EAA2BN,IAyCrBn6C,MAAOw6C,EAAwBx6C,MAC/BqF,QAASm1C,EAAwBn1C,QACjCV,QAAS61C,EAAwB71C,QACjCL,KAAMk2C,EAAwBl2C,QAIlC,kBAAC,GAAD,CACE0xC,OAAQsE,EACRjE,YAAaiE,EAAkBjmD,OAC/BiiD,QAASA,EACT/+B,aAAcA,EACd1jB,MAAO6mD,EAAcnkD,SACrBu6B,QAzDc,kBAAMupB,GAAc,SAACtxC,GAAD,OAAeA,EAAY,MA0D7D6wC,yBAA0BmB,MClHrBG,GAA8B,WACzC,OACE,kBAAC/gD,GAAD,CAAM4B,OAAO,OAAOC,MAAM,OAAOH,cAAc,UAC7C,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,UAAzC,gBAIA,kBAACnL,GAAD,CAAKkM,GAAI,GACP,kBAAC,GAAD,CACEH,QACE,wFAEF3K,cAAY,YACZiK,QAAQ,UACRL,KAAK,OACLkB,GAAI,KAIR,kBAAC,GAAD,CAA4B8wC,QAASpW,OClBrC/2B,GAAc5P,aAAOY,GAAPZ,CAAH,qGACb8G,GAAaG,aAMJ26C,GAA6B,WACxC,OACE,kBAAC,GAAD,CAAat/C,cAAc,SAASuO,GAAI,GACtC,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAOmM,OAAK,EAACoL,KAAK,uBAChB,kBAAC,IAAD,CAAUlL,GAAG,qCAEf,kBAAC,IAAD,CACEF,OAAK,EACLoL,KAAK,kCACLllB,UAAWk8C,KAEb,kBAAC,IAAD,CACEpiC,OAAK,EACLoL,KAAK,oCACLllB,UAAWm8C,KAEb,kBAAC,IAAD,CACEriC,OAAK,EACLoL,KAAK,mCACLllB,UAAWy+C,QC3BRE,GAAwD,SAAC,GAE/D,IADLvhC,EACI,EADJA,SAEA,OACE,kBAAC,GAAD,CACEA,SAAUA,EACVE,uBAAwB,kBAAM,kBAAC,GAAD,OAC9BhB,kBAAgB,GAEhB,kBAAC,GAAD,QCZOsiC,GAA4D,CACvExhC,SAAU,IAGCyhC,GAA0C,WACrD,OAAO,kBAAC,GAAyBD,K,uGCE7Bx+B,GAAgBtjB,aAAOY,GAAPZ,CACpB,CACEgiD,UAAW,aACXpgD,eAAgB,SAChByK,UAAW,SACX/J,cAAe,SACf24C,OAAQ,WAEV7vC,aAAQ,CACNO,MAAO,yBACPN,SAAU,CACRxF,QAAS,CACPqG,aAAc,QACd1L,OAAQ,YACRkQ,YAAa,gBACb,UAAW,CACTA,YAAa,YACb0C,UAAW,cAEb,UAAW,CACT/R,GAAI,gBAOR0N,GAAe/O,aAAOyN,GAAPzN,CAAH,mDAIZiiD,GAAcjiD,aAAO0K,GAAP1K,CAAH,qGAMX0jB,GAAQ1jB,KAAOuH,MAAV,iDAILoc,GAAY3jB,aAAOsjB,GAAPtjB,CAAH,sFACG,gBAAGiP,EAAH,EAAGA,QAAS9H,EAAZ,EAAYA,MAAZ,OAAwB8H,GAAW9H,EAAMvB,OAAO7B,aAC5C,gBAAGkL,EAAH,EAAGA,QAAS9H,EAAZ,EAAYA,MAAZ,OAAwB8H,GAAW9H,EAAMvB,OAAO3B,WAClE,gBAAGsJ,EAAH,EAAGA,SAAUpG,EAAb,EAAaA,MAAb,OACAoG,GACAuO,aADQ,4TAIc3U,EAAMvB,OAAOd,SAASG,KACpC8J,GAGK5H,EAAMvB,OAAOd,SAASO,KAE3B48C,GAGK96C,EAAMvB,OAAOd,SAASO,SAK1B68C,GAKT,SAAC,GAaE,IAZLvzC,EAYI,EAZJA,GACAjB,EAWI,EAXJA,MACAmhC,EAUI,EAVJA,YACA/qB,EASI,EATJA,aACA1sB,EAQI,EARJA,MACAmW,EAOI,EAPJA,SACAN,EAMI,EANJA,SACAqD,EAKI,EALJA,SACAxO,EAII,EAJJA,GACAuL,EAGI,EAHJA,GACApB,EAEI,EAFJA,GACG/K,EACC,mBACE6iB,EAAwCxlB,IAAMT,OAAO,MACrDmR,EAAU6U,IAAiB1sB,EAUjC,OACE,kBAAC,GAAD,CACEgU,QAAQ,UACR6D,QAASA,EACTU,QAZkB,WAEhBoU,GAAYA,EAAS/lB,UACvB+lB,EAAS/lB,QAAQgmB,QACjBD,EAAS/lB,QAAQimB,UASjB1W,SAAUA,EACVN,SAAUA,EACVqD,SAAUA,EACVZ,kBAAiBf,EACjBxC,EAAG,EACHrK,GAAIA,EACJuL,GAAIA,EACJpB,GAAIA,GAEJ,kBAAC,GAAD,iBACM/K,EADN,CAEEyN,GAAIA,EACJvX,MAAOA,EACP6X,QAASA,EACTiV,eAAcjV,EACdQ,IAAKsU,EACLxW,SAAUA,EACV9W,KAAK,WAEP,kBAAC,GAAD,CACEmU,SAAU,EACVC,WAAY,EACZ8D,GAAIA,EACJ8B,QAAS9B,EACT1C,GAAI4iC,EAAc,EAAI,EACtBxiC,UAAU,QAETqB,GAEH,kBAACu0C,GAAD,CACEr3C,SAAU,EACVC,WAAY,EACZwB,UAAU,OACV/L,MAAM,iBAELuuC,KAMTqT,GAAuB9gD,aAAe,CACpCmM,UAAU,G,iBClJC40C,GAIgC,SAAC,GAAyB,IAAvBpxC,EAAsB,EAAtBA,MAAU7P,EAAY,mBACpE,OAAO,kBAAC,GAAD,iBAA6B6P,EAAW7P,KCGpCkhD,GAA0C,SAAC,GAGjD,IAFLvpC,EAEI,EAFJA,OACAwpC,EACI,EADJA,sBAEMC,EAA8B,WAClCD,KAGF,OACE,oCACE,kBAACr5C,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACX7I,GAAI,EACJ4J,GAAI,GANN,0BAWA,kBAAC,GAAD,CACEH,QAAQ,oGACRV,QAAQ,UACRL,KAAK,YAGP,kBAACnK,GAAD,CAAM0B,cAAc,SAASV,eAAe,gBAAgBS,GAAI,GAC9D,kBAACtC,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,gBACHwC,KAAK,yBACLzD,MAAM,iBACNtW,MAAM,gBACNy3C,YAAY,mLAEZ/qB,aAAcjL,EAAO0pC,uBACrBjyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAACpiD,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,WACHwC,KAAK,yBACLzD,MAAM,wBACNtW,MAAM,WACNy3C,YAAY,sJAEZ/qB,aAAcjL,EAAO0pC,uBACrBjyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAACpiD,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,2BACHwC,KAAK,yBACLzD,MAAM,4BACNtW,MAAM,2BACNy3C,YAAY,qDACZ/qB,aAAcjL,EAAO0pC,uBACrBjyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAACpiD,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,oBACHwC,KAAK,yBACLzD,MAAM,wBACNtW,MAAM,oBACNy3C,YAAY,8CACZ/qB,aAAcjL,EAAO0pC,uBACrBjyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAACpiD,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,gBACHwC,KAAK,yBACLzD,MAAM,iBACNtW,MAAM,gBACNy3C,YACE,0HAGF/qB,aAAcjL,EAAO0pC,uBACrBjyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAAC,GAAD,CAA8BrV,YAAaj0B,EAAO2pC,aCxG7CC,GAAkC,SAAC,GAGzC,IAFL5pC,EAEI,EAFJA,OACAwpC,EACI,EADJA,sBAEMC,EAA8B,WAClCD,KAGF,OACE,oCACE,kBAACr5C,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACX7I,GAAI,EACJ4J,GAAI,GANN,0BAWA,kBAACrL,GAAD,CAAM0B,cAAc,SAASV,eAAe,iBAE1C,kBAAC7B,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,mBACHwC,KAAK,iBACLzD,MAAM,4BACNtW,MAAM,mBACNy3C,YAAY,2KAEZ/qB,aAAcjL,EAAO6pC,eACrBpyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAACpiD,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,gBACHwC,KAAK,iBACLzD,MAAM,iBACNtW,MAAM,gBACNy3C,YACE,4HAGF/qB,aAAcjL,EAAO6pC,eACrBpyC,SAAU,EACVX,QAAS2yC,EACTp/C,UAAWi/C,MAIf,kBAAC,GAAD,CAA8BrV,YAAaj0B,EAAO2pC,aCvD7CG,GAA+C,SAAC,GAGtD,IAFL9pC,EAEI,EAFJA,OACAwpC,EACI,EADJA,sBAMA,OACE,oCACE,kBAACr5C,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACX7I,GAAI,EACJ4J,GAAI,GANN,0BAWA,kBAACrL,GAAD,CAAM0B,cAAc,SAASV,eAAe,iBAC1C,kBAAC7B,GAAD,CAAKkM,GAAI,GACP,kBAAC,KAAD,CACE0C,GAAG,iBACHwC,KAAK,uBACLzD,MAAM,mBACNtW,MAAM,iBACNy3C,YAAY,wGACZ/qB,aAAcjL,EAAO+pC,qBACrBtyC,SAAU,EACVX,QA3B0B,WAClC0yC,KA2BQn/C,UAAWi/C,MAIf,kBAAC,GAAD,CAA8BrV,YAAaj0B,EAAO2pC,aChC7CK,GAAmC,SAAC,GAA2B,IAAzBvqC,EAAwB,EAAxBA,cAAe3J,EAAS,EAATA,GAC1D3P,EAAUC,cAGcpI,EAC1B+H,KADFlB,yBAA4B7G,WA0E9B,OACE,kBAAC,KAAD,CAEEyhB,cAAeA,EACfC,SA3EiB,SAACM,GACpBpkB,OAAOunC,SAAS,CAAExd,IAAK,EAAGyd,SAAU,WAEpC,IACEumB,EAIE3pC,EAJF2pC,QACAD,EAGE1pC,EAHF0pC,uBACAG,EAEE7pC,EAFF6pC,eACAE,EACE/pC,EADF+pC,qBAGF,OAAQJ,GACN,IAAK,cACH,OAAQD,GACN,IAAK,WACHvjD,EAAQU,KACN7I,EAAa,eAAiB,6BAEhC,MAEF,IAAK,gBACHmI,EAAQU,KACN7I,EAAa,kBAAoB,gCAEnC,MAEF,IAAK,2BACHpC,OAAO4gC,KAAK,2CACZ,MAEF,IAAK,oBACH5gC,OAAO4gC,KAAK,6BACZ,MAEF,IAAK,gBACH5gC,OAAO4gC,KACL,kFAIN,MAEF,IAAK,MACH,OAAQqtB,GACN,IAAK,mBACHjuD,OAAO4gC,KAAK,2CACZ,MAEF,IAAK,gBACH5gC,OAAO4gC,KACL,kFAIN,MAEF,IAAK,oBACH,OAAQutB,GACN,IAAK,iBACHnuD,OAAO4gC,KACL,wFAkBP,gBAAGxc,EAAH,EAAGA,OAAQmsB,EAAX,EAAWA,WAAX,OACC,kBAAC,KAAD,KACE,kBAACpkC,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAAC,GAAD,CAAOpN,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,OAAzC,qBAIA,kBAAClC,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACX7I,GAAI,EACJ4J,GAAI,GANN,6BAWA,kBAACrL,GAAD,CACE0B,cAAe,CAAC,SAAU,SAAU,OACpCV,eAAe,iBAEf,kBAAC,KAAD,CACE+M,GAAG,cACHwC,KAAK,UACLzD,MAAM,cACNtW,MAAM,cACN0sB,aAAcjL,EAAO2pC,QACrBl1C,UAAW,CAAC,QAAS,QAAS,SAAU,UACxCgD,SAAU,IACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,CAAC,EAAG,EAAG,GACXpB,GAAI,CAAC,EAAG,EAAG,GACXlB,KAAK,WACL7H,UAAWohB,KAGb,kBAAC,KAAD,CACE3V,GAAG,MACHwC,KAAK,UACLzD,MAAM,MACNtW,MAAM,MACN0sB,aAAcjL,EAAO2pC,QACrBl1C,UAAW,CAAC,QAAS,QAAS,SAAU,UACxCgD,SAAU,IACVD,UAAW,EACXD,SAAU,EACVS,GAAI,CAAC,EAAG,EAAG,GACXnO,GAAI,CAAC,EAAG,EAAG,GACXqI,KAAK,wBACLC,WAAW,0BACX9H,UAAWohB,KAGb,kBAAC,KAAD,CACE3V,GAAG,oBACHwC,KAAK,UACLzD,MAAO,uBACPtW,MAAM,oBACN0sB,aAAcjL,EAAO2pC,QACrBl1C,UAAW,CAAC,QAAS,QAAS,SAAU,UACxCgD,SAAU,IACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXY,GAAI,CAAC,EAAG,EAAG,GACXqI,KAAK,OACLC,WAAW,0BACX9H,UAAWohB,MAIK,gBAAnBzL,EAAO2pC,SACN,kBAAC,GAAD,CACE3pC,OAAQA,EACRwpC,sBAAuBrd,IAIP,QAAnBnsB,EAAO2pC,SACN,kBAAC,GAAD,CACE3pC,OAAQA,EACRwpC,sBAAuBrd,IAIP,sBAAnBnsB,EAAO2pC,SACN,kBAAC,GAAD,CACE3pC,OAAQA,EACRwpC,sBAAuBrd,UAUvC6d,GAAgBzhD,aAAe,CAC7BkX,cAAe,CACbkqC,QAAS,GACTD,uBAAwB,GACxBG,eAAgB,GAChBE,qBAAsB,KCxM1B,I,oCAAME,GAA+B,GAExBC,GAA8C,SAAC,GAErD,IADL7hB,EACI,EADJA,YAEA,OACE,oCACE,kBAAC,GAAD,CACED,MAAO6hB,GACP5hB,YAAaA,MCRftxB,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,yJAGb8G,GAAaI,kBAMJ87C,GAAwB,WACnC,OACE,oCACE,kBAAC,GAAD,CAA4B9hB,YAAa,IACzC,kBAAC,GAAD,CAAarwB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC,GAAD,CAAiBqM,GAAG,0BCrBjBs0C,GAA8C,SAAC,GAAkB,IAAhB3iC,EAAe,EAAfA,SAC5D,OACE,kBAAC,GAAD,CAAMA,SAAUA,GACd,kBAAC,GAAD,QCRO4iC,GAAiD,CAC5D5iC,SAAU,IAGC6iC,GAAqC,WAChD,OAAO,kBAAC,GAAoBD,KCKxBn0C,GAAe/O,aAAOgJ,GAAPhJ,CAAH,kEAKZ2/B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAMLojD,GAA4C,SAAC,GAInD,IAHL7zB,EAGI,EAHJA,UACA8zB,EAEI,EAFJA,YACAvW,EACI,EADJA,YAEA,OACE,kBAAC/sC,GAAD,CAAK9F,IAAKs1B,GACR,kBAAC3uB,GAAD,CAAM0B,cAAc,MAAMI,GAAI,GAC5B,kBAAC,GAAD,CACEvB,cACEouB,EAAS,yBACaA,EADb,eAEL,4BAEN1kB,WAAY,EACZvK,MAAM,gBACNgQ,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,MAE/Bif,EAAS,eAAWA,GAAc,QAGrC,kBAAC,GAAD,CACEpuB,cACEouB,EAAS,yBACaA,EADb,kBAEL,+BAEN1kB,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,MAE/B+yC,IAIL,kBAACziD,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,MAA7D,mBAIA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,KAChCnP,cACEouB,EAAS,yBACaA,EADb,gBAEL,8BAGLud,IAIL,kBAAC,GAAD,CACErqC,MAAM,OACNJ,GAAI,EACJwM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,MC3DVoN,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,yJAGb8G,GAAaI,kBAMXo8C,GAAqBtjD,aAAOY,GAAPZ,CAAH,2EAEN,qBAAGmH,MAAkBvB,OAAOd,SAASK,QAG1Co+C,GAAuC,SAAC,GAAgB,IAAd1qC,EAAa,EAAbA,OAC/C7Z,EAAUC,cAER8yB,EAAgClZ,EAAhCkZ,QAASE,EAAuBpZ,EAAvBoZ,QAAShK,EAAcpP,EAAdoP,UAM1B,OACE,kBAAC,GAAD,KACE,kBAAC,GAAD,CAA4BiZ,YAAa,IAEzC,kBAAC,GAAD,CAAarwB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,OAAzC,4BAIA,kKAGS,6BAHT,IAGgB,6BAHhB,6FAIgD,6BAC9C,6BALF,oHASA,kBAACtK,GAAD,CAAMgB,eAAe,gBAAgBC,WAAW,SAASa,GAAI,GAC3D,kBAAC,GAAD,CAAOnB,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,OAAzC,iBAIA,kBAACtK,GAAD,CAAMiB,WAAW,UACf,kBAAC,GAAD,CACE6L,MAAM,kBACN3C,KAAK,OACLlJ,WAAW,cAHb,8KAYS,gBAAZkwB,GACCE,EAAQC,MAAMl3B,KAAI,SAACs0B,EAAuB1Y,GAAxB,OAChB,kBAAC,GAAD,CACE3c,IAAK2c,EACL2Y,UAAW3Y,EAAQ,EACnBysC,YAAalkB,GAAoB7P,GACjCwd,YAAY,6BAIL,kBAAZ/a,GACC,kBAAC,GAAD,CACEsxB,YAAankB,GAAsBjX,EAAUC,oBAC7C4kB,YAAY,0BAIhB,kBAAC9jC,GAAD,CAAMtG,GAAI,GAAV,kDACkD,IAChD,kBAAC,GAAD,CAAMuW,KAAK,oBAAX,gBAFF,KAKA,kBAACqqC,GAAD,CACE91C,GAAI,EACJoD,GAAI,EACJ1E,aAAa,cACb5J,cAAc,UAEd,kBAAC0G,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGoB,GAAI,GAAtC,yCAIA,kBAACjD,GAAD,uEAIA,kBAACpI,GAAD,CAAMgwB,YAAY,QAChB,kBAAC,GAAD,CACE7jB,SAAS,MACT3B,QAAQ,UACRkC,UAAU,SACVjL,GAAI,EACJlB,cAAY,uBACZwO,QApFkB,WAC9B3Q,EAAQU,KAAK,mBA6EH,eAaJ,kBAAC,GAAD,CACE+C,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,IAGV,kBAAC5B,GAAD,CAAM0B,cAAc,SAASwgB,GAAI,GAC/B,kBAAC,GAAD,CAAOvhB,GAAG,KAAKmB,GAAI,GAAnB,YAGA,kBAAC,GAAD,WCjJNqM,GAAe/O,aAAOgJ,GAAPhJ,CAAH,kEAKZ2/B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAMLwjD,GAA8C,SAAC,GAIrD,IAHLj0B,EAGI,EAHJA,UACA8zB,EAEI,EAFJA,YACAI,EACI,EADJA,YAEA,OACE,kBAAC1jD,GAAD,CAAK9F,IAAKs1B,GACR,kBAAC3uB,GAAD,CAAM0B,cAAc,MAAMI,GAAI,GAC5B,kBAAC,GAAD,CACEvB,cACEouB,EAAS,yBACaA,EADb,eAEL,4BAEN1kB,WAAY,EACZvK,MAAM,gBACNgQ,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,MAE/Bif,EAAS,eAAWA,GAAc,QAGrC,kBAAC,GAAD,CACEpuB,cACEouB,EAAS,yBACaA,EADb,kBAEL,+BAEN1kB,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,MAE/B+yC,IAIL,kBAACziD,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,MAA7D,mBAIA,kBAAC,GAAD,CACEzF,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,IAAM,KAChCnP,cACEouB,EAAS,yBACaA,EADb,gBAEL,8BAGLk0B,IAIL,kBAAC,GAAD,CACEhhD,MAAM,OACNJ,GAAI,EACJwM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,MC7DVoN,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,yJAGb8G,GAAaI,kBAMXo8C,GAAqBtjD,aAAOY,GAAPZ,CAAH,2EAEN,qBAAGmH,MAAkBvB,OAAOd,SAASK,QAG1Cu+C,GAAyC,SAAC,GAAgB,IAAd7qC,EAAa,EAAbA,OACjD7Z,EAAUC,cAERqwB,EAASzW,EAATyW,KACFgd,EAAY1C,GAAoB/wB,EAAOyW,MAM7C,OACE,kBAAC,GAAD,KACE,kBAAC,GAAD,CAA8B4R,YAAa,IAE3C,kBAAC,GAAD,CAAarwB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,OAAzC,4BAIA,kKAGS,6BAHT,IAGgB,6BAHhB,6FAIgD,6BAC9C,6BALF,oHASA,kBAACtK,GAAD,CAAMgB,eAAe,gBAAgBC,WAAW,SAASa,GAAI,GAC3D,kBAAC,GAAD,CAAOnB,GAAG,KAAKmB,GAAI,EAAGmI,WAAY,EAAGK,WAAW,OAAhD,iBAIA,kBAACtK,GAAD,CAAMiB,WAAW,UACdyqC,GACC,kBAAC,GAAD,CACE5+B,MAAM,kBACN3C,KAAK,OACLlJ,WAAW,cAHb,mQAaAyqC,GACA,kBAAC,GAAD,CACE5+B,MAAM,kBACN3C,KAAK,OACLlJ,WAAW,cAHb,+NAcN,kBAAC,GAAD,CACE4hD,YAAW,UACT7Z,GAAoB/wB,EAAOyW,MACvB,qBACA,qBAEN+zB,YAAalkB,GAAoB7P,KAGnC,kBAACtmB,GAAD,CAAMtG,GAAI,GAAV,kDACkD,IAChD,kBAAC,GAAD,CAAMuW,KAAK,oBAAX,gBAFF,KAKA,kBAAC,GAAD,CACEzL,GAAI,EACJoD,GAAI,EACJ1E,aAAa,cACb5J,cAAc,UAEd,kBAAC0G,GAAD,CAAM4B,SAAU,EAAGC,WAAY,EAAGoB,GAAI,GAAtC,yCAIA,kBAACjD,GAAD,uEAIA,kBAACpI,GAAD,CAAMgwB,YAAY,QAChB,kBAAC,GAAD,CACE7jB,SAAS,MACT3B,QAAQ,UACRkC,UAAU,SACVjL,GAAI,EACJlB,cAAY,uBACZwO,QA7FkB,WAC9B3Q,EAAQU,KAAK,mBAsFH,eAaH4sC,GACC,kBAAC,GAAD,CACExgC,QACE,6JAGFV,QAAQ,UACRL,KAAK,UACLkB,GAAI,EACJ5J,GAAI,IAIR,kBAAC,GAAD,CACEI,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,IAGV,kBAAC5B,GAAD,CAAM0B,cAAc,SAASwgB,GAAI,GAC/B,kBAAC,GAAD,CAAOvhB,GAAG,KAAKmB,GAAI,GAAnB,YAGA,kBAAC,GAAD,WAQZghD,GAAsBtiD,aAAe,GClL9B,IAAMuiD,GAAyB,WACpC,IAAQC,EAAa1a,cAAb0a,SAEFhkD,EAAWooC,cAIjB,OACE,oCACgB,gBAAb4b,GACC,kBAAC,GAAD,CAAqB/qC,OAAQjZ,EAASrJ,QAG1B,kBAAbqtD,GACC,kBAAC,GAAD,CAAuB/qC,OAAQjZ,EAASrJ,UCZhDwT,KACEA,KACA,eACAN,IAGK,I,MAAMo6C,GAAmC95C,KAAW,CACzD1Q,QAAS0Q,OAAaE,MAAM,CAC1BxT,KAAMsT,OAAaG,SAAS,4BAC5BsQ,cAAezQ,OACf3U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZ5U,OAAQyU,OAELI,aAAa,8BACbN,QAAQV,GAAgB,8BACxBe,SAAS,sBACZ3U,eAAgBwU,OAEbI,aAAa,wCACbN,QAAQR,GAAyB,wCACpC7T,aAAcuU,OAAaM,KAAK,OAAQ,CACtCC,GAAI,SAAC7T,GAAD,MAA2B,aAATA,GACtBiD,KAAMqQ,OAEHI,aAAa,4BACbC,IAAI,IAAK,oCACTF,SAAS,6BACZK,UAAWR,OAAaK,IAAI,IAAK,sCAEnC1U,YAAaqU,OAAaM,KAAK,CAAC,OAAQ,iBAAkB,CACxDC,GAAI,SAAC7T,EAAc+jB,GAAf,MACO,aAAT/jB,GAAyC,UAAlB+jB,GACzB9gB,KAAMqQ,OAEHF,QAAQP,GAAsB,iCAC9BkB,IAAI,GAAI,sDACRN,SAAS,sBAEduQ,iBAAkB1Q,OAAa45B,WAC/Bl5B,sBAAuBV,OAEpBM,KAAK,CAAC,OAAQ,gBAAiB,iCAAkC,CAChEC,GAAI,SACF7T,EACA+jB,EACAE,GAHE,MAKQ,aAATjkB,IAAwBikB,GACf,aAATjkB,IACEikB,GACiB,UAAlBF,IACCE,GACLhhB,KAAMqQ,OAAaH,KACjB,mBACA,8BAEA,SAAUxS,GACR,IAAQmrC,EAAS54B,KAAT44B,KAKR,IAAKnrC,EACH,OAAO,EAKT,GAFmBmrC,EAAK,GAER,CACd,IAAM9nB,EAAmB8nB,EAAK,GAAGnrC,MAAMqjB,iBACvC,YAA4Bhd,IAArBgd,GAAuD,KAArBA,EAG3C,OAAO,OAIfC,8BAA+B3Q,OAC/B4Q,qBAAsB5Q,OAAaM,KAAK,gCAAiC,CACvEC,IAAI,EACJ5Q,KAAMqQ,KAAW,CACf6Q,cAAe7Q,OAEZI,aAAa,qDACbD,SAAS,sDACTE,IAAI,IAAK,yBACTI,IAAI,EAAG,qDACVqQ,OAAQ9Q,OAELI,aAAa,qBACbC,IAAI,GAAI,wBACRP,QACCN,GACA,mCAEJuR,KAAM/Q,OAEHI,aAAa,mBACbD,SAAS,oBACTE,IAAI,GAAI,wBACRP,QACCN,GACA,iCAEJwR,SAAUhR,OAEPI,aAAa,uBACbD,SAAS,wBACTL,QAAQP,GAAsB,qCAC9BxO,OAAO,EAAG,4DCzGfgpD,GAAiB9jD,aAAOgJ,GAAPhJ,CAAH,8CACT,qBAAGmH,MAAkBvB,OAAOd,SAASQ,QAGnCy+C,GAA8C,SAAC,GAGrD,IAAD,EAFJlrC,EAEI,EAFJA,OACAd,EACI,EADJA,cAEMisC,EAAW,OAAGnrC,QAAH,IAAGA,GAAH,UAAGA,EAAQxf,eAAX,aAAG,EAAiB5C,KAC/Boc,EAAS,UAEToxC,EAA4C,aAAxBprC,EAAOxf,QAAQ5C,KACnCuiB,EAA4C,aAAxBH,EAAOxf,QAAQ5C,KACnC+jB,EAAiD,SAAjC3B,EAAOxf,QAAQmhB,cAC/B0pC,EAAuBlrC,IAAsBwB,EAE7C2pC,EACJF,GAAqBC,EACjB,uFACA,GAEAzxC,EAA0ByxC,EAC5B,uFACA,GAEEE,EAA4BF,EAC9B,uFACA,GAEJ,EAA8C90C,oBAAS,GAAvD,mBAAO4X,EAAP,KAAwBM,EAAxB,KAqCA,OAxBAlpB,qBAAU,WACJya,EAAOxf,QAAQqhB,+BACjB4M,GAAmB,KAGpB,IAEHlpB,qBAAU,WAEJ2oB,GAAqBC,GAAiB,KACxCnO,EAAOxf,QAAQoR,sBAAwB,GACvCoO,EAAOxf,QAAQohB,iBAAmB,IAIhCyM,GAAuBF,GAAiB,KAC1CnO,EAAOxf,QAAQshB,qBAAqBC,cAAgB,GACpD/B,EAAOxf,QAAQshB,qBAAqBG,KAAO,GAC3CjC,EAAOxf,QAAQshB,qBAAqBE,OAAS,GAC7ChC,EAAOxf,QAAQshB,qBAAqBI,SAAW,MAGhD,CAACiM,IAGF,kBAACpmB,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,OAAzC,yBAIA,kBAACtK,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,cAEFS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB4J,GAAI,GAEJ,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACX7I,GAAI,EACJ4J,GAAI,GANN,4CAUA,kBAAC,GAAD,CAAclB,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IAAvD,wSASF,kBAAClB,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAe,MAAO2J,GAAI,GAC9B,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,EACJpB,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,WACHwC,KAAI,UAAK0B,EAAL,SACJnF,MAAM,mBACNtW,MAAM,WACN0sB,aAAckgC,EACd9gD,UAAWohB,MAIf,kBAAC1jB,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXmK,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,WACHwC,KAAI,UAAK0B,EAAL,SACJnF,MAAM,mBACNtW,MAAM,WACN0sB,aAAckgC,EACd9gD,UAAWohB,QAOlBtL,GACC,oCACE,kBAACpY,GAAD,CACEgB,eAAgB,CACd,gBACA,gBACA,gBACA,cAEFS,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GACjB4J,GAAI,GAEJ,kBAACjD,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,SACX7I,GAAI,EACJ4J,GAAI,GANN,iGAWA,kBAAC,GAAD,CAAclB,KAAK,OAAOjJ,GAAI,CAAC,OAAQ,OAAQ,OAAQ,IAAvD,oLAOF,kBAAClB,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CAAM0B,cAAe,MAAO2J,GAAI,GAC9B,kBAACrL,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACV/C,GAAI,EACJpB,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,uBACHwC,KAAI,UAAK0B,EAAL,kBACJnF,MAAM,uBACNtW,MAAO,QACP0sB,aAAcjL,EAAOxf,QAAQmhB,cAC7BtX,UAAWohB,KAEb,kBAAC,KAAD,CACEnT,KAAI,UAAK0B,EAAL,kBACJH,UAAU,cACVxP,UAAWoO,MAIf,kBAAC1Q,GAAD,CACE0B,cAAc,SACdgO,SAAU,GACVD,UAAW,EACXD,SAAU,EACVtO,GAAI,CAAC,EAAG,EAAG,GACXmK,GAAI,CAAC,EAAG,EAAG,IAEX,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,2BACHwC,KAAI,UAAK0B,EAAL,kBACJnF,MAAM,2BACNtW,MAAO,OACP0sB,aAAcjL,EAAOxf,QAAQmhB,cAC7BtX,UAAWohB,KAEb,kBAACw/B,GAAD,CAAgBjzC,GAAI,EAAGxO,GAAI,EAAGuI,SAAU,EAAGC,WAAY,GAAvD,6GAUV,kBAAC,GAAD,CACEqC,WAAW,EACXsE,SAAUqB,EACVpB,WAAYoB,EACZf,wBAAsB,EACtBE,WAAW,EACXE,iBAAkB8G,EAClBvG,wBAAyBA,IAG1BuG,GAAsD,UAAjCH,EAAOxf,QAAQmhB,eACnC,kBAAC,GAAD,CAAa3H,OAAQA,EAAQ/G,QAASs4C,KAGL,UAAjCvrC,EAAOxf,QAAQmhB,gBAA8BxB,IAC7C,kBAAC,GAAD,CACEf,cAAe,UACfC,gBAAiB,UACjBmV,6BAA6B,EAC7BrG,gBAAiBA,EACjBjP,cAAeA,EACf6yB,sBAzNsB,WAE5B7yB,EAAc,iCAGdc,EAAOxf,QAAQqhB,+BACZ7B,EAAOxf,QAAQqhB,8BAElB4M,GAAmB,SAAC9X,GAAD,OAAgBA,MAkN7BgI,YAAa2sC,MChQjBzrC,GAAmBmrC,GAEnB1rC,GAAcnY,aAAOoY,KAAPpY,CAAH,qCACbG,MAGSkkD,GAAuC,SAAC,GAG9C,IAFL/rC,EAEI,EAFJA,cACAC,EACI,EADJA,SAMA,OACE,kBAAC,KAAD,CACEI,kBAAkB,EAElBL,cAAeA,EACfI,iBAAkBA,GAClBH,SAViB,SAACM,GACpBN,EAASM,MAWN,gBAAGA,EAAH,EAAGA,OAAQd,EAAX,EAAWA,cAAX,OACC,kBAAC,GAAD,CAAa9L,GAAI,EAAG4E,GAAI,CAAC,EAAG,EAAG,EAAG,QAChC,kBAAC,GAAD,CACEgI,OAAQA,EACRd,cAAeA,IAGjB,kBAACnX,GAAD,CAAMgB,eAAe,WAAWS,GAAI,GAClC,kBAAC,GAAD,CAAQ5L,KAAK,SAASsxB,UAAU,YAAhC,gBAUZs8B,GAAoBjjD,aAAe,CACjCkX,cAAekkB,KAAOyL,UAAU1tB,KC1DlC,IAAM+pC,GAA4B,CAChCzuD,MAAO,QACP0uD,kBAAmB,sBACnBC,wBAAyB,8BAG3BlwD,OAAO+B,OAAOiuD,IAECA,I,kBAAAA,MCJFG,GAAyB,SACpCluD,EACAC,GAEA,IAAQC,EAAkBD,EAAlBC,KAAMC,EAAYF,EAAZE,QAEd,OAAQD,GACN,KAAK6tD,GAA0BzuD,MAC7B,OAAO,2BACFU,GADL,IAEEK,WAAW,EACXD,UAAU,IAId,KAAK2tD,GAA0BC,kBAC7B,OAAO,2BACFhuD,GADL,IAEEK,WAAW,IAIf,KAAK0tD,GAA0BE,wBAC7B,IAAQE,EAAgBhuD,EAAhBguD,YAER,MAAO,CACLA,cACA9tD,WAAW,EACXD,UAAW+tD,GAIf,QACE,OAAOnuD,IChCAouD,GAAqC,WAChD,OACE,kBAAC/jD,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACEwhC,WAAW,2DACXh4B,QAAQ,gCAGV,kBAAClL,GAAD,CAAMgB,eAAe,UACnB,kBAAC,GAAD,CAAcwJ,QAAQ,YAAY2B,SAAS,GAAG1K,GAAI,OCEpDuN,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKJ09C,GAA4B,WACvC,MAA0BpnD,qBAAWinD,GAAwB,CAC3D7tD,WAAW,EACXD,UAAU,EACV+tD,iBAAajnD,IAHf,mBAAOlH,EAAP,KAAcwhC,EAAd,KAKQnhC,EAAqCL,EAArCK,UAAW8tD,EAA0BnuD,EAA1BmuD,YAAa/tD,EAAaJ,EAAbI,SAE1BqI,EAAUC,cAEhB,EAOIL,KAPJ,IACElB,yBACamnD,EAFf,EAEIjuD,UACAG,EAHJ,EAGIA,iBACAC,EAJJ,EAIIA,iBAEF2G,EANF,EAMEA,4BAGMT,EAA0BpB,GAChC/E,EAAiB/B,YACjB+B,EAAiBlC,OAFXqI,sBAKF4nD,EAAiC,uCAAG,WAAOC,GAAP,mBAAA/sD,EAAA,yDACnC+sD,EADmC,0CAE/B,GAF+B,uBAKG7nD,IALH,uBAK1B8nD,EAL0B,EAKhCrrD,KAGRgE,EAA4B,CAC1BlH,KAAMb,EAA6BM,sBACnCQ,QAAS,CACPE,WAAW,EACXI,iBANEqH,EAAyC,MAAvB2mD,KANgB,kBAgBjC3mD,GAhBiC,2CAAH,sDAiDvC,OAJIrH,GACFgI,EAAQU,KAAK,uBAGXmlD,GAAiBjuD,EACZ,kBAAC,GAAD,MAGLD,EACK,kBAAC,GAAD,MAGL+tD,EAEA,kBAAC,GAAD,CAAiB/iD,KAAK,uDAKxB,kBAAC,GAAD,CAAaW,cAAc,SAASV,eAAe,UACjD,kBAAC,GAAD,CAAqB2W,SA9CJ,SAACM,GACpBkf,EAAS,CACPthC,KAAM6tD,GAA0BC,kBAChC7tD,QAAS,KAGX,sBAAC,kCAAAsB,EAAA,6DACSnD,EAAuBkC,EAAvBlC,MAAOG,EAAgB+B,EAAhB/B,YACf6jB,EAAOxf,QAAQxE,MAAQA,EAFxB,SAIuBqE,EAAW2f,EAAQ7jB,GAJ1C,cAIOwW,EAJP,OAKCusB,EAAS,CACPthC,KAAM6tD,GAA0BE,wBAChC9tD,QAAS,CAAEguD,YAAal5C,KAP3B,SAYwBs5C,EAAkCt5C,GAZ1D,OAYOy5C,EAZP,OAaCltB,EAAS,CACPthC,KAAM6tD,GAA0BE,wBAChC9tD,QAAS,CAAEguD,YAAaO,KAf3B,2CAAD,QC/DSC,GAAkD,SAAC,GAEzD,IADL5kC,EACI,EADJA,SAEA,OACE,kBAAC,GAAD,CAAMA,SAAUA,EAAUC,WAAW,GACnC,kBAAC,GAAD,QCVO4kC,GAAyC,CACpD7kC,SAAU,IAGC8kC,GAAyC,WACpD,OAAO,kBAAC,GAAwBD,KCkCnBE,GAnCuB,SACpCtjD,GAEA,OAAO,SAAuCb,GAC5C,MAOItC,KANFlB,yBACE9G,EAFJ,EAEIA,UACAC,EAHJ,EAGIA,WACAG,EAJJ,EAIIA,iBACAL,EALJ,EAKIA,SAIE2uD,ECpB2B,SACnC1uD,EACAC,EACAG,GAEA,YAAyByG,IAArBzG,KAIIJ,GAAaC,IAAeG,GDWVuuD,CACtB3uD,EACAC,EACAG,GAGF,OAAIL,EACK,kBAAC,GAAD,MAGLC,EACK,kBAAC,GAAD,MAGL0uD,EACK,kBAAC,IAAD,CAAUpoC,GAAI,CAAErd,SAAU,uBAG5B,kBAACkC,EAAcb,KE7BbskD,GAA2B,WACtC,IAAMxmD,EAAUC,cAGcpI,EAC1B+H,KADFlB,yBAA4B7G,WAExBm7C,EAAan7C,EAAa,eAAiB,yBAUjD,OACE,oCACE,kBAAC,GAAD,CAAO0K,GAAG,KAAK0K,GAAI,EAAGpB,WAAY,EAAGK,WAAW,OAAhD,qBAIA,kBAAClC,GAAD,CAAMiD,GAAI,GAAV,+BACA,kBAACjD,GAAD,iDAEEnS,GACA,kBAACmS,GAAD,CAAM3G,GAAI,GAAV,kFAMF,kBAAC,GAAD,CACEI,MAAM,OACNC,GAAI,EACJmM,OAAQ,EACRrO,OAAO,YACPkQ,YAAY,gBACZrP,GAAG,gBACHoY,QAAQ,IACRjX,OAAQ,IAGV,kBAAC5B,GAAD,KACE,kBAAC,GAAD,CAAQ+O,QApCY,WACpB9Y,EACFmI,EAAQU,KAAK,uBAEbjL,OAAOmL,SAASmd,QAAQ,+BAgCei1B,MClDhCyT,GAA2B,WACtC,OACE,kBAAC,GAAD,CACE3hB,WAAW,mDACXh4B,QAAQ,uCCIR8D,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaG,aAKXiT,GAAcla,aAAO+I,GAAP/I,CAAH,2JAIb8G,GAAaG,aAMJy+C,GAA0B,WACrC,IAAQ9B,EAAa1a,cAAb0a,SAER,OACE,oCACE,kBAAC,GAAD,CAAa/yC,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,GAAInO,GAAI,GACpC,kBAAC,GAAD,CAAaJ,cAAc,UACX,YAAbshD,GAA0B,kBAAC,GAAD,MAEb,YAAbA,GAA0B,kBAAC,GAAD,UC9BxB+B,GAA8B,WAC1C,IAC6B9uD,EACzB+H,KADHlB,yBAA4B7G,WAG5B,OACE,kBAAC,GAAD,CACE2pB,uBACE3pB,EAAa,kBAAM,kBAAC,GAAD,YAAqC4G,EAE1D+hB,iBAAkB3oB,GAElB,kBAAC,GAAD,QCbO+uD,GAAuC,WAClD,IAAMC,ECHyB,WAC/B,IAAQxN,EAAWrQ,cAAXqQ,OAMR,OALqB95C,IAAMunD,SACzB,kBAAM,IAAI1N,gBAAgBC,KAC1B,CAACA,IAGiB5+C,IAAI,aDJNssD,GAElB,OACE,oCACGF,GAAa,kBAAC,GAAD,OAEZA,GAAa,kBAAC,GAAD,QEANG,GARO,uCAAG,WACvB9qC,GADuB,SAAAljB,EAAA,sEAGVa,EACVO,KAA6B,mBAAoB8hB,GACjDxhB,MAAK,SAACJ,GAAD,OAAcA,EAASK,QALR,mFAAH,sDCETssD,GAA8B,WACzC,MCDgC,WAChC,MAAsC72C,mBAAS,IAA/C,mBAAO82C,EAAP,KAAoBC,EAApB,KACA,EAAgC/2C,oBAAS,GAAzC,mBAAOpS,EAAP,KAAiBqa,EAAjB,KACQ9gB,EAAUyxC,cAAVzxC,MAEN6vD,EAOE7vD,EAPF6vD,OACAxgB,EAMErvC,EANFqvC,QACA6M,EAKEl8C,EALFk8C,UACA4T,EAIE9vD,EAJF8vD,SACAC,EAGE/vD,EAHF+vD,aACAC,EAEEhwD,EAFFgwD,OACAC,EACEjwD,EADFiwD,cAqCF,OAlCApoD,qBAAU,WAyBJwnC,GAAW2gB,EAxBmB,uCAAG,8BAAAvuD,EAAA,6DAC7BkjB,EAAwC,CAC5CkrC,SACAxgB,UACA6M,YACA4T,WACAC,eACAC,SACAC,iBARiC,kBAYJR,GAAiB9qC,GAZb,QAY3BurC,EAZ2B,SAcXA,EAAeC,WACnCP,EAAeM,EAAeC,YAE9BP,EAAe,KAjBgB,gDAoBjC9uC,GAAY,GApBqB,yDAAH,oDAyBhCsvC,GAEAR,EAAe,OAIhB,CAACvgB,IAEG,CAAEsgB,cAAalpD,YD/CY4pD,GAA1BV,EAAR,EAAQA,YAAalpD,EAArB,EAAqBA,SAEfgC,EAAUC,cAMhB,OAAIjC,EAEA,kBAAC,GAAD,CACE8mC,WAAW,4DACXh4B,QAAQ,oCACRo4B,YAToB,WACxBllC,EAAQ6nD,UASJ7iB,gBAAc,IAKA,MAAhBkiB,EACK,kBAAC,IAAD,CAAUhpC,GAAIgpC,IAGnBA,GACFzxD,OAAOmL,SAASqZ,KAAOitC,EAChB,MAGF,kBAAC,GAAD,CAAiBvkD,KAAK,iBE5BzBmlD,GAAqB,CAAC,SAAU,kBAAmB,WAE5CC,GAAyC,SAAC,GAAkB,IAAb7lD,EAAY,oBACtE,OAAO,kBAAC,GAAD,eAAiB+/B,MAAO6lB,IAAwB5lD,KCN5C8lD,GAAiB,SAACT,GAC7B,OAAQ9wB,KAAKwxB,MAAe,IAATV,GAAgB,KAAKW,eAAe,QAAS,CAC9DC,sBAAuB,KCQrBp4C,GAAe/O,aAAOgJ,GAAPhJ,CAAH,wGAMZ2/B,GAAe3/B,aAAOgJ,GAAPhJ,CAAH,iGAMLonD,GAA4C,SAAC,GAAsB,IAApBC,EAAmB,EAAnBA,aAClDhE,EACNgE,EADMhE,YAAaI,EACnB4D,EADmB5D,YAAa3W,EAChCua,EADgCva,YAAawa,EAC7CD,EAD6CC,WAAYC,EACzDF,EADyDE,YAGrDC,EAAkB,0BAA4BH,EAAarL,YAEjE,OACE,kBAACp7C,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,SACXmC,GAAI,EACJpB,GAAI,EACJ8b,UAAU,aACV5mB,cAAY,wBAEXqmD,GAGH,kBAAC5mD,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,WAGA,kBAAC,GAAD,CACEnP,cAAY,wBACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9B+yC,IAIL,kBAACziD,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,YAGA,kBAAC,GAAD,CACEnP,cAAY,yBACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9BmzC,IAIL,kBAAC7iD,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CAAcpB,WAAY,EAAGyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAA5D,gBAGA,kBAAC,GAAD,CACEnP,cAAY,6BACZ0J,WAAY,EACZ/I,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAE9Bw8B,IAIL,kBAAClsC,GAAD,CAAM0B,cAAc,MAAM2J,GAAI,GAC5B,kBAAC,GAAD,CACErB,SAAU,EACVC,WAAY,EACZK,WAAW,SACXoF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KAJjC,qBAQA,kBAAC,GAAD,CACEnP,cAAY,4BACZyJ,SAAU,EACVC,WAAY,EACZK,WAAW,SACXpJ,GAAI,EACJwO,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,KDnFH,SAACg3C,GACrC,MAAO,IAAMN,GAAeM,GCoFnBG,CAAuBH,KAI5B,kBAAC1mD,GAAD,CAAM0B,cAAc,OAClB,kBAAC,GAAD,CACEsI,SAAU,EACVC,WAAY,EACZyF,SAAU,CAAC,GAAK,GAAK,GAAK,GAAK,IAC/BnP,cAAY,6BD1Fc,SAAComD,GACnC,MAAO,kBAAoBhwD,IAAOgwD,GAAaG,QAAQjwD,OAAO,eC2FrDkwD,CAAqBJ,OC3GnBK,GAA4C,SAAC,GAGnD,IAFLnhD,EAEI,EAFJA,MACAsc,EACI,EADJA,OAEA,OACE,kBAACniB,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAACjD,GAAD,CACE4B,SAAU,EACVC,WAAY,EACZK,WAAW,QACXmC,GAAI,EACJhL,GAAI,EACJ4J,GAAI,EACJ8b,UAAU,aACV5mB,cAAY,2BAEXsF,GAGH,kBAACuC,GAAD,CACE7H,cAAY,2BACZmB,cAAc,SACd2J,GAAI,EACJrB,SAAU,EACVC,WAAY,EACZF,wBAAyB,CAAE4X,OAAQQ,OC7B9B8kC,GAAmD,CAC9DphD,MAAO,iBACPsc,OACE,8qBCME+kC,GAA2B9nD,aAAOD,GAAPC,CAAH,+HAER,qBAAGmH,MAAkBvB,OAAOd,SAASE,QAEzC,qBAAGmC,MAAkBvB,OAAOd,SAASK,QAG1C4iD,GAAqC,SAAC,GAA0B,IAAxBp5C,EAAuB,EAAvBA,GAAI04C,EAAmB,EAAnBA,aACvD,OACE,kBAACzmD,GAAD,CAAM0B,cAAc,SAASqM,GAAIA,GAC/B,kBAACm5C,GAAD,CAA0B37C,EAAG,EAAGD,aAAa,SAC3C,kBAAC,GAAD,CAA0Bm7C,aAAcA,KAE1C,kBAAC,GAAD,CACE5gD,MAAOohD,GAA6BphD,MACpCsc,OAAQ8kC,GAA6B9kC,WCDhCilC,GAA4C,SAAC,GASnD,IARLrnB,EAQI,EARJA,OACAsnB,EAOI,EAPJA,SACAC,EAMI,EANJA,qBACAC,EAKI,EALJA,qBACAC,EAII,EAJJA,aACArwC,EAGI,EAHJA,cACAc,EAEI,EAFJA,OACAP,EACI,EADJA,cAEMzF,EAAS,iBACTw1C,EAAiBxvC,EAAOwvC,eAE9B,EAA8Cj5C,oBAAS,GAAvD,mBAAO4X,EAAP,KAAwBM,EAAxB,KAEAlpB,qBAAU,WACJya,EAAOwvC,eAAe3tC,+BACxB4M,GAAmB,KAIpB,IAEHlpB,qBAAU,WAENya,EAAOwvC,eAAe59C,wBACtB6N,EAAc+vC,eAAe59C,wBAE7BoO,EAAOwvC,eAAeC,UAAY,MAGnC,CAACzvC,EAAOwvC,eAAe59C,wBAE1BrM,qBAAU,WAERiqD,EAAe3tC,8BAAgCsM,EAI7CD,GACEC,EACAqhC,EAAe3tC,iCAGjB2tC,EAAe59C,sBAAwB,GACvC49C,EAAe5tC,iBAAmB,GAClC4tC,EAAeC,UAAY,IAK3BphC,GACEF,EACAqhC,EAAe3tC,iCAGjB2tC,EAAe1tC,qBAAqBC,cAAgB,GACpDytC,EAAe1tC,qBAAqBG,KAAO,GAC3CutC,EAAe1tC,qBAAqBE,OAAS,GAC7CwtC,EAAe1tC,qBAAqBI,SAAW,MAGhD,CAACiM,IAcJ,OACE,kBAACpmB,GAAD,CAAM0B,cAAc,UAClB,kBAACvC,GAAD,KACE,kBAACa,GAAD,CAAMgB,eAAe,iBACnB,kBAAC,GAAD,CAAOL,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASxI,GAAI,GAAtD,mBAIA,kBAAC,GAAD,CACEqK,SAAS,OACTgb,UAAU,WACVpY,QAASgxB,EACT/vB,GAAI,EACJ3E,GAAI,GALN,SAWF,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACE4K,WAAW,EACXsE,SAAUqB,EACVpB,WAAYoB,EACZd,sBAAsB,EACtBE,WAAW,EACXE,mBAAoB81C,EACpB71C,kBAAmB61C,EACnB51C,eAAgB41C,EAChBz1C,sBAAuBy1C,IAGzB,kBAAC,GAAD,CACEhwC,cAAepF,EACfqF,gBAAiBrF,EACjBwa,6BAA8B46B,EAC9BjhC,gBAAiBA,EACjBjP,cAAeA,EACf6yB,sBAlDoB,WAE5B7yB,EAAc,wCAEduP,GAAmB,SAAC9X,GAAD,OAAgBA,SAkD9By4C,GACC,kBAACrnD,GAAD,CAAMgB,eAAe,YACnB,kBAAC,GAAD,CACEwJ,QAAQ,QACR2c,UAAU,WACVpY,QApDuB,WACjC2X,GAAmB,GACnB8gC,KAmDU/6C,GAAG,IACHG,GAAG,IACHoD,GAAG,IACHzP,cAAY,iBAPd,UAYA,kBAAC,GAAD,CACE1K,KAAK,SACL2U,QAAQ,YACR2c,UAAU,WACVva,GAAG,IACHoD,GAAG,IACHzP,cAAY,eANd,UAcN,kBAACP,GAAD,CAAMyB,GAAI,GACR,kBAAC,GAAD,CACEsM,GAAG,mBACHjB,MAC6B,kBACzB,kBAAC1E,GAAD,kEAKJmI,KAAK,8BACLyD,SAAUuzC,EACVl5C,QAASi5C,EACT9wD,MAAO8wD,EACP36C,SAAU06C,EACV56C,GAAI,EACJlM,cAAY,mCCtLtB4I,KACEA,KACA,eACAN,IAGK,I,YCkBD66B,GAAoB,MAAC7mC,EDlBKsM,OAAaE,MAAM,CACjDo+C,eAAgBt+C,OAAaE,MAAM,CACjC7U,UAAW2U,OAERI,aAAa,yBACbC,IAAI,GAAI,wBACRF,SAAS,0BACZ7U,SAAU0U,OAEPI,aAAa,wBACbC,IAAI,GAAI,wBACRF,SAAS,yBACZ1U,aAAcuU,OAEXI,aAAa,4BACbC,IAAI,IAAK,oCACZvV,MAAOkV,OAEJI,aAAa,uBACbN,QAAQw5B,GAAe,uBACvBj5B,IAAI,GAAI,wBACRF,SAAS,qBACZO,sBAAuBV,OAAaM,KAAK,gCAAiC,CACxEC,GAAI,SAACoQ,GACH,OAAQA,GAGVhhB,KAAMqQ,OAEHG,SAAS,uBACTN,KAAK,mBAAoB,sBAAsB,SAAUxS,GACxD,IAAQmrC,EAAS54B,KAAT44B,KAKR,IAAKnrC,EACH,OAAO,EAIT,GADmBmrC,EAAK,GACR,CACd,IAAM+lB,EAAY/lB,EAAK,GAAGnrC,MAAMkxD,UAIhC,SAHyB/lB,EAAK,GAAGnrC,MAAMqjB,mBAEf6tC,GAG1B,OAAO,OAGb5tC,8BAA+B3Q,OAC/B4Q,qBAAsB5Q,OAAaM,KAAK,gCAAiC,CACvEC,IAAI,EACJ5Q,KAAMqQ,KAAW,CACf6Q,cAAe7Q,OAEZI,aAAa,qDACbD,SAAS,sDACTE,IAAI,IAAK,yBACTI,IAAI,EAAG,qDACVqQ,OAAQ9Q,OAELI,aAAa,qBACbC,IAAI,GAAI,wBACRP,QACCN,GACA,mCAEJuR,KAAM/Q,OAEHI,aAAa,mBACbD,SAAS,oBACTE,IAAI,GAAI,wBACRP,QACCN,GACA,iCAEJwR,SAAUhR,OAEPI,aAAa,uBACbD,SAAS,wBACTL,QAAQP,GAAsB,qCAC9BxO,OAAO,EAAG,0DAInB0rD,cAAez8C,OAAaG,kBCrE0BzM,GAElD0a,GAAcnY,aAAOoY,KAAPpY,CAAH,qCACbG,MAGSooD,GAA8B,SAAC,GAMrC,IALL9V,EAKI,EALJA,UACAn6B,EAII,EAJJA,cACAC,EAGI,EAHJA,SACAisB,EAEI,EAFJA,aACAC,EACI,EADJA,WAGA,EAAgCr1B,oBAAS,GAAzC,mBAAO64C,EAAP,KAAiBO,EAAjB,KACA,EAAwDp5C,oBAAS,GAAjE,mBAAO84C,EAAP,KAA6BO,EAA7B,KAEMzpD,EAAUC,cAGclI,EAC1B6H,KADFlB,yBAA4B3G,iBAGxB+tC,EAAaL,IAAeqiB,GAAmBhsD,OAAS,EAExDuf,EAAe,SAACxB,GACpBN,EAASM,GACT2vC,GAAY,IAwBRE,EAAoB,WACxBD,GAAwB,GAGxBjkB,EADiBC,EAAa,IAI1BkkB,EAA+B,WACnCH,GAAY,GACZC,GAAwB,IAYpBN,EAAuB,WAC3BM,GAAwB,SAACj5C,GAAD,OAAgBA,MAG1C,OACE,oCACE,kBAAC,KAAD,CACEmJ,kBAAkB,EAElBL,cAAeA,EACfM,oBAAoB,EACpBF,iBAAkB4rB,GAAkBG,EAAa,GACjDlsB,SAAU8B,IAET,gBAAGxB,EAAH,EAAGA,OAAQC,EAAX,EAAWA,UAAWf,EAAtB,EAAsBA,cAAtB,OACC,kBAAC,GAAD,CAAa9L,GAAI,GACC,IAAfw4B,GACC,kBAAC7jC,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CAAOf,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASxI,GAAI,GAAtD,UAIA,kBAAC,GAAD,CACEiM,GAAG,uBACH04C,aAAc/uC,KAKJ,IAAfmsB,GACC,oCACE,kBAAC,GAAD,CACE9D,OAAQgoB,EACRV,SAAUA,EACVC,qBAAsBA,EACtBC,qBAAsBA,EACtB9tC,aAAcA,EACd+tC,aAAc,kBA9CS,SACrCtvC,GAIAA,GAAaA,IACb0vC,GAAY,GAwCsBI,CAA+B9vC,IACnDf,cAAeA,EACfc,OAAQA,EACRP,cAAeA,IAGjB,kBAAC1X,GAAD,CAAM0B,cAAc,SAASD,GAAI,GAC/B,kBAACzB,GAAD,KACE,kBAACoI,GAAD,CACEnI,QAAQ,eACR+J,SAAU,EACVC,WAAY,EACZK,WAAW,UAJb,4BAUF,kBAAC,GAAD,CACEzE,MAAM,gBACNqF,QAAQ,yFACRV,QAAQ,cACRL,KAAK,OACLrI,GAAI,EACJkI,SAAU,IAGZ,kBAAChK,GAAD,CAAM0B,cAAc,SAAS2J,GAAI,GAC/B,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,aACHwC,KAAK,gBACLzD,MAAM,4BACNmhC,YAAW,4UAEXz3C,MChLoB,aDiLpB0sB,aAAcjL,EAAO2tC,cACrBtjD,UAAWi/C,GACXl2C,GAAI,IAGN,kBAAC,KAAD,CACEqB,UAAU,SACVqB,GAAG,kBACHwC,KAAK,gBACLzD,MAAM,kBACNmhC,YAAY,GACZz3C,MC3L0B,kBD4L1B0sB,aAAcjL,EAAO2tC,cACrBtjD,UAAWi/C,QAOrB,kBAACvhD,GAAD,CACEgB,eAAgB6iC,EAAa,EAAI,gBAAkB,WACnDpiC,GAAI,GAEY,IAAfoiC,GACC,kBAAC,GAAD,CACEr5B,QAAQ,YACR2c,UAAU,aACVpY,QAAS+4C,EACTvnD,cAAY,eAJd,QAUDsjC,EAAa,GACZ,kBAAC,GAAD,CACEhuC,KAAK,SACL8W,SACGu3B,IAAeojB,GAChBD,IA5KE,EA+KJlgC,UAAU,WACV5a,SAhLI,EAiLJwC,QAAS,kBAhKP,SAACkJ,GACjB,GAAIisB,EACF9lC,EAAQU,KAAK,0BAA2B,CACtC0mD,OAAQrvD,EAAiBnC,QACzBgxC,QAAS/sB,EAAO+sB,QAChB6M,YACA4T,SAAUxtC,EAAOmjC,YACjBuK,OAAQS,GAAenuC,EAAOyuC,YAAYvqC,QAAQ,KAAM,IACxDupC,aAAa,GAAD,OAAKztC,EAAOwvC,eAAejzD,UAA3B,YAAwCyjB,EAAOwvC,eAAehzD,UAC1EmxD,cAAe3tC,EAAO2tC,oBAR1B,CAgBAhiB,EADWC,EAAa,GAExBrI,MA8I6BysB,CAAUhwC,IACzB1X,cAAa2jC,EAAa,aAAe,eAExCA,EAAa,UAAY,eE9N/BgkB,GAAkD,CAC7DljB,QAAS,GACToW,YAAa,GACbqH,YAAa,GACb0F,WAAY,GACZC,SAAU,GACVvF,YAAa,GACb3W,YAAa,GACbwa,WAAY,EACZC,YAAa,GACbhuD,OAAQ,GACR0vD,WAAY,GACZC,cAAe,GACfC,SAAU,GACVd,eAAgB,CACd7yD,aAAc,GACdiV,sBAAuB,GACvBgQ,iBAAkB,GAClBC,+BAA+B,EAC/BC,qBAAsB,CACpBC,cAAe,GACfC,OAAQ,GACRC,KAAM,GACNC,SAAU,IAEZutC,UAAW,GACXc,iBAAkB,GAClBh0D,UAAW,GACXC,SAAU,GACVE,eAAgB,GAChBD,OAAQ,GACRT,MAAO,IAET2xD,cDpCwC,cEYpC52C,GAAc5P,aAAOY,GAAPZ,CAAH,uEACb8G,GAAaI,kBAKXgT,GAAcla,aAAO+I,GAAP/I,CAAH,2JAIb8G,GAAaI,kBAYJmiD,GAA0B,SAAC,GAIjC,IV3BLxwC,EACAywC,EUuBA7W,EAGI,EAHJA,UACAn6B,EAEI,EAFJA,cACAC,EACI,EADJA,SAEMqrB,EAAiCpH,KAAOyL,UAC5C6gB,IAEF,EAAoC15C,mBAAS,GAA7C,mBAAOq1B,EAAP,KAAmB4D,EAAnB,KAMA,OACE,oCACE,kBAAC,GAAD,CAAuBnH,YAAauD,IACpC,kBAAC,GAAD,CAAa5zB,GAAI,CAAC,EAAG,EAAG,EAAG,EAAG,IAC5B,kBAAC,GAAD,CAAavO,cAAc,UACzB,kBAAC,GAAD,CACEgW,eV3CVO,EU2C8C+qB,EV1C9C0lB,EU0C0DhxC,GVxC1DO,EAAM,eAAQywC,IACPjB,eAAe5tC,iBAAmB,GACzC5B,EAAO2tC,cQhBiC,aRiBjC3tC,GUsCGN,SAAUA,EACVisB,aAZe,SAACC,GACxB4D,EAAc5D,IAYNgO,UAAWA,EACXhO,WAAYA,QC9CX8kB,GAAoC,SAAC,GAK3C,IAJL9W,EAII,EAJJA,UACAnyB,EAGI,EAHJA,SACAgpC,EAEI,EAFJA,mBACA/wC,EACI,EADJA,SAGA,OACE,kBAAC,GAAD,CAAM+H,SAAUA,GACd,kBAAC,GAAD,CACEmyB,UAAWA,EACXn6B,cAAegxC,EACf/wC,SAAUA,MClBLixC,GAAe,uCAAG,WAC7BC,EACAtwD,GAF6B,eAAAnB,EAAA,sEAINa,EAAUY,IAAV,mBAA0BgwD,GAAe,CAC9D/wD,QAASM,EAAmBT,EAAiBY,KALlB,cAIvBG,EAJuB,yBAOtBA,EAASK,MAPa,2CAAH,wDAUf+vD,GAAoB,uCAAG,WAClCrC,EACAluD,GAFkC,SAAAnB,EAAA,+EAK1Ba,EAAUiB,IAAI,kBAAmButD,EAAc,CACnD3uD,QAASM,EAAmBT,EAAiBY,KANf,cAQhCgrB,GCnBKgL,GAAc,uBAAwB,4BDWX,mBASzB,GATyB,uCAWhChL,GClBKgL,GAAc,uBAAwB,wBDOX,mBAYzB,GAZyB,yDAAH,wDEVpBw6B,GAA6B,WACxC,IAAM3qD,EAAUC,cAMhB,OACE,kBAAC2B,GAAD,CAAM0B,cAAc,UAClB,kBAAC,GAAD,CACEoE,QAAQ,iCACRo9B,WAAW,0DACXh4B,QAAQ,uHACRi4B,oBAAoB,8BAGtB,kBAACnjC,GAAD,CAAMgB,eAAe,UACnB,kBAAC,GAAD,CACET,cAAY,uBACZ4mB,UAAU,WACV3c,QAAQ,YACRkC,UAAU,SACVjL,GAAI,EACJsN,QApBS,WACf3Q,EAAQU,KAAK,OAaT,oBCpBKkqD,GAAsC,WACjD,OAAO,kBAAC,GAAD,OCFIC,GAAqD,CAChEjvC,cAAe,GACfC,OAAQ,GACRC,KAAM,GACNC,SAAU,ICYC+uC,GAAgC,WAC3C,MAEIlrD,KADFlB,yBAA4B7G,EAD9B,EAC8BA,WAEtB7B,EAHR,EAC0C+B,iBAElC/B,YAEFgK,EAAUC,cAERwzC,EAAcvJ,cAAduJ,UACR,EAAoDrjC,mBAClD05C,IADF,mBAAOQ,EAAP,KAA2BS,EAA3B,KAGA,EAAkC36C,oBAAS,GAA3C,mBAAOxY,EAAP,KAAkBozD,EAAlB,KACA,EACE56C,oBAAS,GADX,mBAAO66C,EAAP,KAAmCC,EAAnC,KAEA,EAA4D96C,oBAAS,GAArE,mBAAO+6C,EAAP,KAA+BC,EAA/B,KAEAhsD,qBAAU,YACkB,uCAAG,4BAAApG,EAAA,+EAEIwxD,GAAgB/W,EAAWz9C,GAF/B,QAEnBq1D,EAFmB,QAGVhC,eAAe1tC,qBAAuB6hB,KAAO8tB,MAC1DT,IAEFQ,EAAehC,eAAe3tC,+BAAgC,EAC9DqvC,EAAsBM,GACtBL,GAAa,GARY,kDAUzBV,EAAmB/vD,OAAS,QAC5BywD,GAAa,GAXY,0DAAH,qDAe1BO,KAGC,CAAC1zD,EAAY7B,IAEhB,IAAMqlB,EAAe,SAACxB,GACpBqxC,GAA8B,GAC9BE,GAA0B,GAE1BV,GAAqB7wC,EAAQ7jB,GAAa0E,MAAK,SAAC8wD,GACzCA,EAIHT,EAAsBlxC,IAHtBuxC,GAA0B,GAC1BF,GAA8B,QAWpC,OAAItzD,EACK,kBAAC,GAAD,CAAiB+K,KAAK,YAG3BsoD,EAEA,kBAAC,GAAD,CACEnmB,WAAW,kEACXh4B,QAAQ,oCACRo4B,YAboB,WACxBllC,EAAQ6nD,UAaJ1iB,gBAAiB,kBAAM9pB,EAAaivC,IACpCllB,gBAAiB+lB,EACjBlmB,oBAAkB,EAClBD,gBAAc,IAMlB,oCACiC,iBAA9BslB,EAAmB/vD,QAClB,kBAAC,GAAD,CACEk5C,UAAWA,EACXnyB,SAAS,GACTgpC,mBAAoBA,EACpB/wC,SAAU8B,IAIiB,iBAA9BivC,EAAmB/vD,QAClB,kBAAC,GAAD,QCxFKkxD,IALMzqD,KAAOC,IAAV,+EAKgC,WAC9C,OACE,kBAACW,GAAD,CAAM0B,cAAc,UAClB,kBAAC1B,GAAD,CACE0B,cAAc,SACd+J,UAAU,SACVxK,WAAW,SACXQ,GAAI,GAEJ,kBAAC,GAAD,CACEG,OAAQ,IACRC,MAAO,IACPC,GAAI,EACJC,IAAK,2CAGP,kBAAC,GAAD,CAAOpB,GAAG,KAAKsJ,WAAY,EAAGK,WAAW,SAASe,GAAI,GAAtD,eAIA,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAACvC,GAAD,CAAKkM,GAAI,GACP,kBAACrL,GAAD,CAAM0B,cAAc,UAClB,kBAAC0G,GAAD,CAAM7H,cAAY,cAAc8K,GAAI,GAApC,0GAKA,kBAACjD,GAAD,CAAM7H,cAAY,WAAlB,uD,wCClBDupD,GAA0C,SAAC,GAKjD,IAJLhsD,EAII,EAJJA,SAII,IAHJisD,qBAGI,MAHY,iBAGZ,EAFJC,EAEI,EAFJA,aACAC,EACI,EADJA,aAEMC,EAAWlvD,GAAW,OAACgvD,QAAD,IAACA,IAAgB,GACvCG,EAAWnvD,GAAW,OAACivD,QAAD,IAACA,IAAgB,GAGvClqC,EAAc,IAAIqqC,KAAY,CAClCC,eAAgB,CACd/uD,QAAS,CACPQ,UAAWouD,EACXruD,UAAWsuD,EACXG,MAAO,MAKPC,EAAYC,aAA2B,CAC3CC,QAAS52D,OAAOyF,eAChBD,IAAK0wD,EACLO,MAAOI,OAGT,OACE,kBAAC,KAAD,CACEC,OAAQ5qC,EACR6qC,eAAgB,CAAEL,YAAWM,OAAQX,IAEpCpsD,ICgEQgtD,OAhGf,WACE,OACE,kBAAC,IAAD,KACE,kBAAC,GAAD,CAAwBd,aAAc,GAAIC,aAAc,IACtD,kBAAC,GAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACE7tC,OAAK,EACLoL,KAAK,IACLllB,UAAWmiD,GACTlC,MAGJ,kBAAC,IAAD,CACEnmC,OAAK,EACLoL,KAAK,gBACLllB,UAAWmiD,GACTlC,MAGJ,kBAAC,IAAD,CACEnmC,OAAK,EACLoL,KAAK,2BACLllB,UAAWmiD,GAA8Bpc,MAE3C,kBAAC,IAAD,CACEjsB,OAAK,EACLoL,KAAK,eACLllB,UAAWmiD,GACT1c,MAGJ,kBAAC,IAAD,CACE3rB,OAAK,EACLoL,KAAK,kBACLllB,UAAWmiD,GACT3W,MAGJ,kBAAC,IAAD,CAAO1xB,OAAK,EAACoL,KAAK,uBAAuBllB,UAAWygD,KACpD,kBAAC,GAAD,CACEv7B,KAAK,sBACLllB,UAAWmiD,GACTtD,MAGJ,kBAAC,GAAD,CACE35B,KAAK,mBACLllB,UAAWmiD,GACTvM,MAGJ,kBAAC,GAAD,CACE97B,OAAK,EACLoL,KAAK,oBACLllB,UAAWgiD,KAEb,kBAAC,GAAD,CACEloC,OAAK,EACLoL,KAAK,oBACLllB,UAAWmiD,GAA8BhkC,MAE3C,kBAAC,IAAD,CAAOrE,OAAK,EAACoL,KAAK,SAASllB,UAAWN,KACtC,kBAAC,IAAD,CAAOoa,OAAK,EAACoL,KAAK,UAAUllB,UAAWJ,KACvC,kBAAC,IAAD,CAAOka,OAAK,EAACoL,KAAK,QAAQllB,UAAWmgB,KACrC,kBAAC,IAAD,CACErG,OAAK,EACLoL,KAAK,qBACLllB,UAAW0iD,KAEb,kBAAC,IAAD,CACE5oC,OAAK,EACLoL,KAAK,sBACLllB,UAAWmiD,GAA8ByE,MAE3C,kBAAC,IAAD,CACE9sC,OAAK,EACLoL,KAAK,0BACLllB,UAAW+iD,KAEb,kBAAC,IAAD,CACEjpC,OAAK,EACLoL,KAAK,iBACLllB,UAAW0mD,KAEb,kBAAC,IAAD,CAAO5sC,OAAK,EAACoL,KAAK,eAAellB,UAAWunD,KAC5C,kBAAC,IAAD,KACE,kBAAC,GAAD,YCpGMkB,QACW,cAA7Bl3D,OAAOmL,SAASgsD,UAEe,UAA7Bn3D,OAAOmL,SAASgsD,UAEhBn3D,OAAOmL,SAASgsD,SAAS9hD,MACvB,2D,OCLN2lB,IAAMo8B,cAAc,SAEpB,IAAMC,GAAiB,CACrBC,MAAO3zD,EAAI4zD,mBACXC,KAAM7zD,EAAI8zD,wBACVC,QAAS/zD,EAAIg0D,uBAGfhoC,KAAWioC,WAAWP,IAEtBQ,IAASz+B,OACP,kBAAC,IAAM0+B,WAAP,KACE,kBAAC,KAAD,CAAeplD,MAAOA,IACpB,kBAAC,GAAD,QAGJoH,SAASstB,eAAe,SD2GpB,kBAAmB2wB,WACrBA,UAAUC,cAAcC,MACrBhzD,MAAK,SAACizD,GACLA,EAAaC,gBAEdC,OAAM,SAACvyD,GACNwyD,QAAQxyD,MAAMA,EAAMwR,c","file":"static/js/main.a8e5c89d.chunk.js","sourcesContent":["// eslint-disable-next-line no-underscore-dangle\nexport default Object.assign({}, process.env, window._env_);\n","import { UserAuth0Details } from \"../types/UserAuth0Details\";\n\nexport const EMPTY_USER_AUTH0_DETAILS: UserAuth0Details = {\n  auth0Id: \"\",\n  email: \"\",\n  passwordChangeDate: \"\",\n  createdDate: \"\",\n  accessToken: \"\",\n};\n","import { UserBasicDetails } from \"../types/UserBasicDetails\";\n\nexport const EMPTY_USER_BASIC_DETAILS: UserBasicDetails = {\n  contactId: \"\",\n  accountId: \"\",\n  firstName: \"\",\n  lastName: \"\",\n  email: \"\",\n  mobile: \"\",\n  alternatePhone: \"\",\n  businessName: \"\",\n  billingAddress: \"\",\n  companyNzbn: \"\",\n  userType: \"personal\",\n};\n","const UserAuthenticationActionType = {\n  Error: \"ERROR\",\n  LogInStarted: \"LOG_IN_STARTED\",\n  LogInStopped: \"LOG_IN_STOPPED\",\n  LogInCompleted: \"LOG_IN_COMPLETED\",\n  Auth0DetailsRetrieved: \"AUTH0_DETAILS_RETRIEVED\",\n  SiebelAccountVerified: \"SIEBEL_ACCOUNT_VERIFIED\",\n  BasicDetailsRetrieved: \"BASIC_DETAILS_RETRIEVED\",\n  BasicDetailsUpdated: \"BASIC_DETAILS_UPDATED\",\n} as const;\n\nObject.freeze(UserAuthenticationActionType);\n\nexport default UserAuthenticationActionType;\n","import { UserAuthentication } from \"../../types/UserAuthentication\";\nimport { UserAuthenticationAction } from \"../../types/UserAuthenticationAction\";\nimport UserAuthenticationActionType from \"../../types/UserAuthenticationActionType\";\n\nexport const authenticatedUserReducer = (\n  state: UserAuthentication,\n  action: UserAuthenticationAction,\n): UserAuthentication => {\n  const { type, payload } = action;\n\n  switch (type) {\n    case UserAuthenticationActionType.Error: {\n      const { hasError } = payload;\n\n      return {\n        ...state,\n        hasError,\n        isLoading: false,\n      };\n    }\n\n    case UserAuthenticationActionType.LogInStopped: {\n      return {\n        ...state,\n        isLoading: false,\n        isLoggedIn: false,\n        isGuest: true,\n      };\n    }\n\n    case UserAuthenticationActionType.LogInCompleted: {\n      return {\n        ...state,\n        isLoggedIn: true,\n        isGuest: false,\n      };\n    }\n\n    case UserAuthenticationActionType.Auth0DetailsRetrieved: {\n      const { userAuth0Details } = payload;\n\n      return {\n        ...state,\n        userAuth0Details,\n      };\n    }\n\n    case UserAuthenticationActionType.SiebelAccountVerified: {\n      const { isLoading, hasSiebelAccount } = payload;\n\n      return {\n        ...state,\n        isLoading,\n        hasSiebelAccount,\n      };\n    }\n\n    case UserAuthenticationActionType.BasicDetailsRetrieved: {\n      const { userBasicDetails } = payload;\n\n      return {\n        ...state,\n        userBasicDetails,\n        isLoading: false,\n      };\n    }\n\n    case UserAuthenticationActionType.BasicDetailsUpdated: {\n      const { userBasicDetails } = payload;\n      return {\n        ...state,\n        userBasicDetails: {\n          ...state.userBasicDetails,\n          ...userBasicDetails,\n        },\n      };\n    }\n\n    default:\n      return state;\n  }\n};\n","import { UserAuth0Details } from \"../../types/UserAuth0Details\";\nimport { UserBasicDetails } from \"../../types/UserBasicDetails\";\n\nexport const isUserBasicDetailsEmpty = (userBasicDetails: UserBasicDetails) => {\n  return (\n    !userBasicDetails.contactId ||\n    !userBasicDetails.accountId ||\n    !userBasicDetails.firstName ||\n    !userBasicDetails.lastName ||\n    !userBasicDetails.email\n  );\n};\n\nexport const isUserAuth0DetailsEmpty = (userAuth0Details: UserAuth0Details) => {\n  return (\n    !userAuth0Details.auth0Id ||\n    !userAuth0Details.email ||\n    !userAuth0Details.createdDate\n  );\n};\n","import { User } from \"@auth0/auth0-react\";\nimport moment from \"moment/moment\";\n\nconst AUTH0_META_DATA_RULE_NAMESPACE = \"https://orders.vector.co.nz\";\n\nconst getMetaDataValue = (value: string, user?: User): string => {\n  if (!user) {\n    return \"\";\n  }\n\n  return user[value] || \"\";\n};\n\nexport const getAuthId = (user?: User): string => {\n  return getMetaDataValue(`${AUTH0_META_DATA_RULE_NAMESPACE}/auth0Id`, user);\n};\n\nexport const getPasswordChangeDate = (user?: User): string => {\n  const passwordChangeDate = getMetaDataValue(\n    `${AUTH0_META_DATA_RULE_NAMESPACE}/lastPasswordReset`,\n    user,\n  );\n\n  return (\n    passwordChangeDate && moment.utc(passwordChangeDate).format(\"DD MMMM YYYY\")\n  );\n};\n\nexport const getCreatedDate = (user?: User): string => {\n  const createdAt = getMetaDataValue(\n    `${AUTH0_META_DATA_RULE_NAMESPACE}/createdAt`,\n    user,\n  );\n\n  return createdAt && moment.utc(createdAt).format(\"DD MMMM YYYY\");\n};\n","import { EMPTY_USER_AUTH0_DETAILS } from \"../../constants/UserAuth0Details\";\nimport env from \"../../environment\";\nimport { UserAuth0Details } from \"../../types/UserAuth0Details\";\nimport {\n  getAuthId,\n  getCreatedDate,\n  getPasswordChangeDate,\n} from \"../auth0MetaDataExtractor/auth0MetaDataExtractor\";\nimport { GetTokenSilentlyOptions, User } from \"@auth0/auth0-react\";\n\nconst AUTH0_TOKEN_ISSUE_OFFSET_DELAY = 1500;\n\nexport const getUserAuth0DetailsWrapper = async (\n  auth0LoggedIn: boolean,\n  auth0User: User | undefined,\n  getAccessTokenSilently: (options: GetTokenSilentlyOptions) => Promise<string>,\n): Promise<UserAuth0Details> => {\n  if (!auth0LoggedIn) {\n    return Promise.resolve(EMPTY_USER_AUTH0_DETAILS);\n  }\n\n  const accessToken = await getAccessTokenSilently({\n    audience: `${env.auth0ApiBaseUrl}/api/v2/`,\n  });\n\n  const userAuth0Details: UserAuth0Details = {\n    auth0Id: getAuthId(auth0User),\n    email: auth0User?.email ?? \"\",\n    passwordChangeDate: getPasswordChangeDate(auth0User),\n    createdDate: getCreatedDate(auth0User),\n    accessToken,\n  };\n\n  // Add slight delay between when access token was issued and when it will be used\n  // Ensures that the token is valid when being sent to the backend to validate (avoids token used before the issue date)\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(userAuth0Details);\n    }, AUTH0_TOKEN_ISSUE_OFFSET_DELAY);\n  });\n};\n","import axios from \"axios\";\nimport env from \"../environment\";\nimport { ExtendedAxiosRequestConfig } from \"../types/ExtendedAxiosRequestConfig\";\n\nexport const apiClientConfig: ExtendedAxiosRequestConfig = {\n  baseURL: env.apiBaseUrl,\n  headers: {\n    apikey: env.apikey,\n    \"Content-Type\": \"application/json\",\n    Accept: \"application/json\",\n    \"referrer-policy\": \"strict-origin-when-cross-origin\",\n  },\n};\n\nexport const apiClient = axios.create(apiClientConfig);\n","import { AxiosRequestConfig } from \"axios\";\n\nexport const includeAccessToken = (\n  config: AxiosRequestConfig,\n  accessToken?: string,\n) => ({\n  ...config.headers,\n  ...(accessToken && {\n    \"access-token\": `${accessToken}`,\n  }),\n});\n","import { apiClient, apiClientConfig } from \"../client/ApiClient\";\nimport { CompleteProfileFormValues } from \"../types/CompleteProfileFormValues\";\nimport { UserFullDetails } from \"../types/UserFullDetails\";\nimport { UserBasicDetails } from \"../types/UserBasicDetails\";\nimport { includeAccessToken } from \"../client/AxiosConfigObjectUtil\";\n\nexport const createUser = async (\n  value: CompleteProfileFormValues,\n  auth0AccessToken?: string,\n): Promise<boolean> => {\n  try {\n    const response = await apiClient.post(\"users\", value.profile, {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    });\n\n    return response.status === 201;\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const retrieveUser = async (\n  auth0AccessToken?: string,\n): Promise<UserFullDetails> => {\n  return await apiClient\n    .get<UserFullDetails>(\"users\", {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => {\n      const data = response.data;\n\n      if (!data.alternatePhone) {\n        data.alternatePhone = \"\";\n      }\n      if (!data.businessName) {\n        data.businessName = \"\";\n      }\n\n      return data;\n    });\n};\n\nexport const verifySiebelAccount = async (auth0AccessToken?: string) => {\n  return await apiClient\n    .get(\"users/account\", {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => response.status);\n};\n\nexport const updateUser = async (\n  value: CompleteProfileFormValues,\n  auth0AccessToken?: string,\n): Promise<UserFullDetails> => {\n  return await apiClient\n    .put(\"users\", value.profile, {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => response.data);\n};\n\nexport const retrieveUserProfile = async (\n  auth0AccessToken?: string,\n): Promise<UserBasicDetails> => {\n  return await apiClient\n    .get<UserBasicDetails>(\"users/profile\", {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => {\n      const data = response.data;\n\n      if (!data.alternatePhone) {\n        data.alternatePhone = \"\";\n      }\n      if (!data.businessName) {\n        data.businessName = \"\";\n      }\n\n      return data;\n    });\n};\n","interface SessionStorageFunctions {\n  getItem<T extends object>(key: SessionStorageKey): T | null;\n  removeItem(key: SessionStorageKey): void;\n}\n\nexport type SessionStorageKey = \"ecssQueryCache\";\n\nexport const sessionStorageWrapper: SessionStorageFunctions = {\n  getItem<T>(key: SessionStorageKey): T | null {\n    const value = sessionStorage.getItem(key);\n    if (value) {\n      try {\n        return JSON.parse(value) as T;\n      } catch (error) {\n        return value as unknown as T;\n      }\n    }\n\n    return null;\n  },\n\n  removeItem(key: SessionStorageKey): void {\n    sessionStorage.removeItem(key);\n  },\n};\n","/***\n * Filter an array to return only the items with property keys all found in filters array (for object arrays)\n * or are equal to values in filters array (for number and string arrays)\n * @param array\n * @param filters\n * @param predicate - optional comparison function to use instead of the default filtering used on object arrays\n */\nexport const filterWithMultipleValues = <T extends object | number | string>(\n  array: T[] | undefined,\n  filters: string[] | number[],\n  predicate?: (item: T, filter: string) => boolean,\n): T[] => {\n  if (!Array.isArray(array) || !array.length) {\n    return [];\n  }\n\n  if (!Array.isArray(filters) || !filters.length) {\n    return array;\n  }\n\n  const stringFilters = filters.map((item) => String(item));\n\n  return array.filter((item) => {\n    if (typeof item === \"object\") {\n      return stringFilters.every((filter) =>\n        predicate\n          ? predicate(item, filter)\n          : Object.keys(item).includes(filter),\n      );\n    }\n\n    return stringFilters.includes(String(item));\n  });\n};\n","export type ReactQueryKeys =\n  | \"orders\"\n  | \"serviceProviders\"\n  | \"livening-inspectors\"\n  | \"power-retailers\"\n  | \"accountDetails\"\n  | \"accountVerification\"\n  | \"basicAccountDetails\"\n  | \"fullAccountDetails\";\n\nexport const accountVerificationKey: ReactQueryKeys[] = [\n  \"accountDetails\",\n  \"accountVerification\",\n];\n\nexport const basicAccountDetailsKey: ReactQueryKeys[] = [\n  \"accountDetails\",\n  \"basicAccountDetails\",\n];\n\nexport const fullAccountDetailsKey: ReactQueryKeys[] = [\n  \"accountDetails\",\n  \"fullAccountDetails\",\n];\n","export const hoursToMinutes = (hours: number): number => hours * 60;\n\nexport const minutesToMs = (minutes: number): number => minutes * 60000;\n","import { verifySiebelAccount } from \"../../../services/UsersService\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { sessionStorageWrapper } from \"../../../utils/sessionStorageWrapper/sessionStorageWrapper\";\nimport { PersistedClient } from \"@tanstack/react-query-persist-client\";\nimport { filterWithMultipleValues } from \"../../../utils/arrayHelper/arrayHelper\";\nimport {\n  accountVerificationKey,\n  ReactQueryKeys,\n} from \"../../../constants/ReactQueryKeys\";\nimport {\n  hoursToMinutes,\n  minutesToMs,\n} from \"../../../utils/numberComputationHelper/numberComputationHelper\";\n\nexport const useVerifySiebelAccount = (\n  auth0AccessToken: string,\n  email: string,\n) => {\n  const queryKey: ReactQueryKeys = \"accountDetails\";\n\n  const ecssQueryCache =\n    sessionStorageWrapper.getItem<PersistedClient>(\"ecssQueryCache\");\n\n  const queries = filterWithMultipleValues(\n    ecssQueryCache?.clientState?.queries,\n    [...accountVerificationKey, email],\n    (query, filter) =>\n      query.queryKey.includes(filter) && !query.state.isInvalidated,\n  );\n\n  const cachedSuccessResponse = queries.some(\n    (query) => query.state.data === 204,\n  );\n\n  // override default staleTime and cacheTime in this query\n  // - https://tanstack.com/query/v4/docs/react/reference/QueryClient#queryclientsetquerydefaults\n  const minutes = hoursToMinutes(24);\n  const queryClient = useQueryClient();\n  queryClient.setQueryDefaults([queryKey], {\n    staleTime: minutesToMs(minutes),\n    cacheTime: minutesToMs(minutes),\n  });\n\n  /***\n   * useQuery docs - https://tanstack.com/query/v4/docs/react/reference/useQuery\n   */\n  const {\n    data: responseStatus,\n    isError: apiError,\n    refetch: manuallyVerifyAccount,\n  } = useQuery({\n    queryKey: [...accountVerificationKey, email, auth0AccessToken],\n    queryFn: () => verifySiebelAccount(auth0AccessToken),\n    enabled: !!auth0AccessToken && !cachedSuccessResponse,\n  });\n\n  return {\n    siebelVerificationStatus: cachedSuccessResponse ? 204 : responseStatus,\n    apiError,\n    manuallyVerifyAccount,\n  };\n};\n","import { useAuth0 } from \"@auth0/auth0-react\";\nimport { useEffect, useReducer, useRef } from \"react\";\nimport { EMPTY_USER_AUTH0_DETAILS } from \"../../constants/UserAuth0Details\";\nimport { EMPTY_USER_BASIC_DETAILS } from \"../../constants/UserBasicDetails\";\nimport { authenticatedUserReducer } from \"../../reducers/UserAuthenticationReducer/UserAuthenticationReducer\";\nimport UserAuthenticationActionType from \"../../types/UserAuthenticationActionType\";\nimport { isUserAuth0DetailsEmpty } from \"../../utils/userDetailsValidator/UserDetailsValidator\";\nimport { getUserAuth0DetailsWrapper } from \"../../utils/getUserAuth0DetailsWrapper/getUserAuth0DetailsWrapper\";\nimport { useVerifySiebelAccount } from \"../cachedQueries/userAccount/useVerifySiebelAccount\";\nimport { useGetBasicUserDetails } from \"../cachedQueries/userAccount/useGetBasicUserDetails\";\n\nexport const useUserAuthenticationExecutor = () => {\n  const {\n    isLoading: auth0Loading,\n    isAuthenticated: auth0LoggedIn,\n    getAccessTokenSilently,\n    user: auth0User,\n  } = useAuth0();\n\n  const [authenticatedUserContext, setAuthenticatedUserContext] = useReducer(\n    authenticatedUserReducer,\n    {\n      isGuest: true,\n      isLoading: true,\n      isLoggedIn: false,\n      userAuth0Details: EMPTY_USER_AUTH0_DETAILS,\n      userBasicDetails: EMPTY_USER_BASIC_DETAILS,\n      hasError: false,\n      hasSiebelAccount: undefined,\n    },\n  );\n\n  const { isLoggedIn, userAuth0Details, hasSiebelAccount } =\n    authenticatedUserContext;\n  const { siebelVerificationStatus, apiError: siebelVerificationError } =\n    useVerifySiebelAccount(\n      userAuth0Details.accessToken,\n      userAuth0Details.email,\n    );\n\n  const userDetailsInitRef = useRef(false);\n  const { current: userDetailsInitialized } = userDetailsInitRef;\n  const { userBasicDetails } = useGetBasicUserDetails(\n    userAuth0Details.accessToken,\n    userAuth0Details.email,\n    hasSiebelAccount,\n  );\n\n  // Auth0 login\n  useEffect(() => {\n    if (auth0LoggedIn) {\n      setAuthenticatedUserContext({\n        type: UserAuthenticationActionType.LogInCompleted,\n        payload: {},\n      });\n    }\n\n    if (!auth0Loading && !auth0LoggedIn) {\n      setAuthenticatedUserContext({\n        type: UserAuthenticationActionType.LogInStopped,\n        payload: {},\n      });\n    }\n  }, [auth0Loading, auth0LoggedIn, setAuthenticatedUserContext]);\n\n  // Auth0 full details\n  useEffect(() => {\n    (async () => {\n      let userAuth0Details = EMPTY_USER_AUTH0_DETAILS;\n      if (isLoggedIn) {\n        userAuth0Details = await getUserAuth0DetailsWrapper(\n          isLoggedIn,\n          auth0User,\n          getAccessTokenSilently,\n        );\n      }\n\n      if (!isUserAuth0DetailsEmpty(userAuth0Details)) {\n        setAuthenticatedUserContext({\n          type: UserAuthenticationActionType.Auth0DetailsRetrieved,\n          payload: { userAuth0Details },\n        });\n      }\n    })();\n  }, [isLoggedIn, auth0User, getAccessTokenSilently]);\n\n  // Backend account verification\n  useEffect(() => {\n    if (siebelVerificationStatus !== undefined) {\n      const accountVerified = siebelVerificationStatus === 204;\n\n      setAuthenticatedUserContext({\n        type: UserAuthenticationActionType.SiebelAccountVerified,\n        payload: {\n          isLoading: accountVerified && !userDetailsInitialized,\n          hasSiebelAccount: accountVerified,\n        },\n      });\n    }\n\n    if (siebelVerificationError) {\n      setAuthenticatedUserContext({\n        type: UserAuthenticationActionType.Error,\n        payload: {\n          hasError: true,\n        },\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [siebelVerificationStatus, siebelVerificationError]);\n\n  // Backend user details\n  useEffect(() => {\n    if (userDetailsInitialized) {\n      return;\n    }\n\n    if (userBasicDetails) {\n      userDetailsInitRef.current = true;\n      setAuthenticatedUserContext({\n        type: UserAuthenticationActionType.BasicDetailsRetrieved,\n        payload: { userBasicDetails },\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [userBasicDetails]);\n\n  return {\n    authenticatedUserContext,\n    setAuthenticatedUserContext,\n  };\n};\n","import { sessionStorageWrapper } from \"../../../utils/sessionStorageWrapper/sessionStorageWrapper\";\nimport { PersistedClient } from \"@tanstack/react-query-persist-client\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { retrieveUserProfile } from \"../../../services/UsersService\";\nimport {\n  hoursToMinutes,\n  minutesToMs,\n} from \"../../../utils/numberComputationHelper/numberComputationHelper\";\nimport { UserBasicDetails } from \"../../../types/UserBasicDetails\";\nimport { filterWithMultipleValues } from \"../../../utils/arrayHelper/arrayHelper\";\nimport {\n  basicAccountDetailsKey,\n  ReactQueryKeys,\n} from \"../../../constants/ReactQueryKeys\";\n\nexport const useGetBasicUserDetails = (\n  auth0AccessToken: string,\n  email: string,\n  hasSiebelAccount?: boolean,\n) => {\n  const queryKey: ReactQueryKeys = \"accountDetails\";\n\n  const ecssQueryCache =\n    sessionStorageWrapper.getItem<PersistedClient>(\"ecssQueryCache\");\n\n  const [firstQuery] = filterWithMultipleValues(\n    ecssQueryCache?.clientState?.queries,\n    [...basicAccountDetailsKey, email],\n    (query, filter) =>\n      query.queryKey.includes(filter) && !query.state.isInvalidated,\n  );\n\n  const cachedBasicDetails = firstQuery?.state?.data as\n    | UserBasicDetails\n    | undefined;\n\n  // override default staleTime and cacheTime in this query\n  // - https://tanstack.com/query/v4/docs/react/reference/QueryClient#queryclientsetquerydefaults\n  const minutes = hoursToMinutes(24);\n  const queryClient = useQueryClient();\n  queryClient.setQueryDefaults([queryKey], {\n    staleTime: minutesToMs(minutes),\n    cacheTime: minutesToMs(minutes),\n  });\n\n  /***\n   * useQuery docs - https://tanstack.com/query/v4/docs/react/reference/useQuery\n   */\n  const { data: userBasicDetails } = useQuery<UserBasicDetails>({\n    queryKey: [...basicAccountDetailsKey, email, auth0AccessToken],\n    queryFn: () => retrieveUserProfile(auth0AccessToken),\n    enabled: !!auth0AccessToken && !!hasSiebelAccount && !cachedBasicDetails,\n  });\n\n  return { userBasicDetails: cachedBasicDetails ?? userBasicDetails };\n};\n","import React from \"react\";\nimport { useUserAuthenticationExecutor } from \"../../hooks/useUserAuthenticationExecutor/useUserAuthenticationExecutor\";\nimport { UserAuthentication } from \"../../types/UserAuthentication\";\nimport { UserAuthenticationAction } from \"../../types/UserAuthenticationAction\";\n\nconst AuthenticatedUserContext = React.createContext<\n  | {\n      authenticatedUserContext: UserAuthentication;\n      setAuthenticatedUserContext: React.Dispatch<UserAuthenticationAction>;\n    }\n  | undefined\n>(undefined);\n\nconst UserAuthenticationProvider: React.FC = ({ children }) => {\n  const { authenticatedUserContext, setAuthenticatedUserContext } =\n    useUserAuthenticationExecutor();\n\n  return (\n    <AuthenticatedUserContext.Provider\n      value={{\n        authenticatedUserContext,\n        setAuthenticatedUserContext,\n      }}\n    >\n      {children}\n    </AuthenticatedUserContext.Provider>\n  );\n};\n\nconst useUserAuthentication = () => {\n  const context = React.useContext(AuthenticatedUserContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useUserAuthentication should be called within UserAuthenticationProvider\",\n    );\n  }\n\n  return context;\n};\n\nexport { UserAuthenticationProvider, useUserAuthentication };\n","import React from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { AppState, Auth0Provider } from \"@auth0/auth0-react\";\nimport env from \"../../environment\";\nimport { UserAuthenticationProvider } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\nexport const AuthenticationProvider: React.FC = ({ children }) => {\n  const history = useHistory();\n\n  const handleAuth0Redirect = (appState: AppState) => {\n    history.push(appState?.returnTo || window.location.pathname);\n  };\n\n  return (\n    <Auth0Provider\n      domain={env.auth0Domain}\n      clientId={env.auth0ClientId}\n      redirectUri={env.auth0RedirectUri}\n      onRedirectCallback={handleAuth0Redirect}\n      useRefreshTokens\n      audience={`${env.auth0ApiBaseUrl}/api/v2/`}\n    >\n      <UserAuthenticationProvider>{children}</UserAuthenticationProvider>\n    </Auth0Provider>\n  );\n};\n","import styled from \"styled-components\";\nimport {\n  background,\n  border,\n  color,\n  flexbox,\n  grid,\n  layout,\n  position,\n  shadow,\n  space,\n  typography,\n} from \"styled-system\";\n\n/* eslint-disable  @typescript-eslint/no-explicit-any */\nexport const Box: any = styled.div(\n  background,\n  space,\n  layout,\n  flexbox,\n  color,\n  typography,\n  border,\n  position,\n  shadow,\n  grid,\n);\n","import styled from \"styled-components\";\nimport { Box } from \"../Box\";\n\n/* eslint-disable  @typescript-eslint/no-explicit-any */\nexport const Flex: any = styled(Box)<{ display: any }>`\n  display: ${({ display }) => (display ? display : \"flex\")};\n`;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport { color, ColorProps, space, SpaceProps } from \"styled-system\";\n\nconst rotate = keyframes`\n  0% {\n    transform: rotate(0);\n    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n  50% {\n    transform: rotate(360deg);\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  100% {\n    transform: rotate(720deg);\n  }\n`;\n\nconst Box = styled.div<SpaceProps>`\n  ${space}\n  vertical-align: middle;\n  display: inline-block;\n  width: 25px;\n  height: 25px;\n  overflow: hidden;\n`;\n\n/* eslint-disable  @typescript-eslint/no-explicit-any */\nconst Circle = styled.div<any>`\n  ${color}\n  width: 100%;\n  height: 100%;\n  position: relative;\n  transform: translateZ(0) scale(0.25);\n  backface-visibility: hidden;\n  transform-origin: 0 0;\n\n  div {\n    box-sizing: border-box !important;\n  }\n\n  > div {\n    position: absolute;\n    width: 82px;\n    height: 82px;\n    top: 9px;\n    left: 9px;\n    border-radius: 50%;\n    border: 10px solid currentColor;\n    border-color: currentColor transparent currentColor transparent;\n    animation: ${rotate} 3s linear infinite;\n  }\n\n  > div:nth-child(2) {\n    border-color: transparent;\n\n    > div {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      transform: rotate(45deg);\n\n      &:before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        top: -10px;\n        left: 26px;\n        background: currentColor;\n        border-radius: 50%;\n        box-shadow: 0 72px 0 0 currentColor;\n      }\n\n      &:after {\n        content: \"\";\n        display: block;\n        position: absolute;\n        width: 10px;\n        height: 10px;\n        left: -10px;\n        top: 26px;\n        background: currentColor;\n        border-radius: 50%;\n      }\n\n      &:after {\n        left: -10px;\n        top: 26px;\n        box-shadow: 72px 0 0 0 currentColor;\n      }\n    }\n  }\n`;\n\nexport const Spinner: React.FC<SpaceProps & ColorProps> = ({\n  color,\n  ...props\n}) => {\n  return (\n    <Box data-testid=\"spinner\" {...props}>\n      <Circle color={color}>\n        <div />\n        <div>\n          <div />\n        </div>\n      </Circle>\n    </Box>\n  );\n};\n\nSpinner.defaultProps = {\n  bg: \"transparent\",\n  color: \"primary\",\n};\n","import React, { HTMLAttributes } from \"react\";\nimport {\n  ColorProps,\n  FlexboxProps,\n  SpaceProps,\n  TypographyProps,\n} from \"styled-system\";\nimport { Box } from \"../Box\";\nimport { DataTest } from \"../../types/DataTest\";\n\ninterface Props {\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\nexport const Title: React.FC<\n  Props &\n    ColorProps &\n    FlexboxProps &\n    TypographyProps &\n    SpaceProps &\n    DataTest &\n    HTMLAttributes<HTMLHeadingElement>\n> = ({ as, dataTest, ...props }) => (\n  <Box as={as} data-test={dataTest} {...props}>\n    {props.children}\n  </Box>\n);\n\nTitle.defaultProps = {\n  as: \"h1\",\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Spinner } from \"../Spinner\";\nimport { Title } from \"../Title\";\n\ninterface Props {\n  text?: string;\n}\n\nexport const Loading: React.FC<Props> = ({ text }) => {\n  return (\n    <Flex justifyContent=\"space-around\" alignItems=\"center\">\n      <Title as=\"h2\" color=\"black\">\n        {text}\n      </Title>\n      <Spinner color=\"primary\" ml={2} />\n    </Flex>\n  );\n};\n\nLoading.defaultProps = {\n  text: \"Loading\",\n};\n","import React, { ImgHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport { layout, LayoutProps, space, SpaceProps } from \"styled-system\";\n\nconst Component = styled.img<\n  LayoutProps & SpaceProps & ImgHTMLAttributes<HTMLImageElement>\n>`\n  ${layout}\n  ${space}\n`;\n\nexport const VectorLogo: React.FC<\n  LayoutProps & SpaceProps & ImgHTMLAttributes<HTMLImageElement>\n> = ({ ...props }) => <Component alt=\"logo\" {...props} />;\n","import React from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { Flex } from \"../Flex\";\nimport { Loading } from \"../Loading\";\nimport { VectorLogo } from \"../VectorLogo\";\n\ninterface Props {\n  text?: string;\n  showVectorLogo?: boolean;\n}\n\nexport const CenteredLoading: React.FC<Props & SpaceProps> = ({\n  text,\n  showVectorLogo,\n  mt,\n}) => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      justifyContent=\"space-around\"\n      alignItems=\"center\"\n      align-content=\"center\"\n      height=\"100vh\"\n      mt={mt}\n    >\n      <Flex flexDirection=\"column\" alignItems=\"center\" align-content=\"center\">\n        {showVectorLogo && (\n          <VectorLogo\n            height={120}\n            width={120}\n            my={3}\n            src={\"/assets/images/vector-logo-desktop.svg\"}\n          />\n        )}\n        <Loading text={text} />\n      </Flex>\n    </Flex>\n  );\n};\n\nCenteredLoading.defaultProps = {\n  text: \"Loading\",\n  showVectorLogo: false,\n};\n","import React, { useEffect } from \"react\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { CenteredLoading } from \"../CenteredLoading\";\n\nexport const LoginPage: React.FC = () => {\n  const { loginWithRedirect } = useAuth0();\n\n  useEffect(() => {\n    loginWithRedirect();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <CenteredLoading text=\"Redirecting\" />;\n};\n","import React, { useEffect } from \"react\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport env from \"../../environment\";\nimport { CenteredLoading } from \"../CenteredLoading\";\nimport { sessionStorageWrapper } from \"../../utils/sessionStorageWrapper/sessionStorageWrapper\";\n\nexport const LogoutPage: React.FC = () => {\n  const { logout } = useAuth0();\n\n  useEffect(() => {\n    sessionStorageWrapper.removeItem(\"ecssQueryCache\");\n    logout({ returnTo: env.auth0LogoutUri });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return <CenteredLoading text=\"Logging out\" />;\n};\n","import React from \"react\";\nimport { Route } from \"react-router-dom\";\nimport {\n  withAuthenticationRequired,\n  WithAuthenticationRequiredOptions,\n} from \"@auth0/auth0-react\";\nimport { CenteredLoading } from \"../CenteredLoading\";\n\n/* eslint-disable  @typescript-eslint/no-explicit-any */\nexport const ProtectedRoute = (props: any) => {\n  const { component, ...args } = props;\n\n  /* istanbul ignore next */\n  const handleOnRedirecting = () => <CenteredLoading />;\n\n  const options: WithAuthenticationRequiredOptions = {\n    onRedirecting: handleOnRedirecting,\n  };\n\n  return (\n    <Route\n      component={withAuthenticationRequired(component, options)}\n      {...args}\n    />\n  );\n};\n","/**\n * This is the baseline theme object that is designed to provide the raw theme\n * values alongside some common utilities and baseline definitions to meet the\n * Theme UI Spec (see: https://system-ui.com/theme/)\n * Reference table: https://styled-system.com/table\n */\n\n// Note: ..Alt colours are special-use colours for contrast-ratio purposes on certain backgrounds.\nconst baseColors = {\n  nightSky: \"#000840\",\n  nightSkyLight: \"#0D2E54\",\n  newEnergy: \"#0DCF5A\",\n  newEnergy25: \"#C2F3D6\",\n  newEnergyLight: \"#0CDF6E\",\n  hydro: \"#1F79FF\",\n  hydroLight: \"#1E97FF\",\n  hydroDark: \"#0053DE\",\n  hydroDarker: \"#004AC7\",\n  hydro10: \"rgba(31,121,255,0.1)\",\n  hydro25: \"#C7DDFF\",\n  solar: \"#00B5E0\",\n  solarLight: \"#00C5EE\",\n  urgentRed: \"#E64B38\",\n  urgentRed25: \"#F9D2CD\",\n  orangeAlert: \"#FF6C0E\",\n  sunshine: \"#FFA400\",\n  optimism: \"#F7BE00\",\n  optimism25: \"#FDEFBF\",\n  black: \"#535249\",\n  greyWhite: \"#E4E4E4\",\n  gradient:\n    \"linear-gradient(rgba(31, 121, 225, 1.0) 4%, rgba(0, 181, 224, 1.0) 29%, rgba(13, 207, 90, 1.0) 95%)\",\n  neutrals: {\n    ln0: \"#FFFFFF\",\n    ln10: \"#FAFBFC\",\n    ln20: \"#F4F5F7\",\n    ln2090: \"rgba(244, 245, 247, 0.9)\",\n    ln30: \"#EBECF0\",\n    mn20: \"#B3BAC5\",\n    mn40: \"#97A0AF\",\n    mn60: \"#7A869A\",\n    mn80: \"#5E6C84\",\n    mn90: \"#505F79\",\n    ln40: \"#DFE1E6\",\n    dn40: \"#42526E\",\n    dn50: \"#344563\",\n  },\n};\n\nconst colors = {\n  ...baseColors,\n  text: baseColors.black,\n  background: baseColors.neutrals.ln0,\n  primary: baseColors.hydroDark,\n  secondary: baseColors.newEnergy,\n  tertiary: baseColors.solar,\n  accent: baseColors.hydro,\n  disabledBackground: baseColors.neutrals.ln20,\n  disabledBorder: baseColors.neutrals.ln40,\n  disabledColor: baseColors.neutrals.mn20,\n  danger: baseColors.urgentRed,\n  hover: baseColors.hydro,\n  active: baseColors.hydroLight,\n  white: baseColors.neutrals.ln0,\n};\n\nconst fonts = {\n  current: \"Montserrat, sans-serif\",\n};\n\nconst fontWeights = {\n  regular: 400,\n  medium: 500,\n  heavy: 700,\n  bold: \"bold\",\n};\n\nexport interface AliasedFontSizes extends Array<string> {\n  title?: string;\n  heading?: string;\n  body?: string;\n}\n\nconst fontSizes: AliasedFontSizes = [\n  \"0.75rem\", // 12px\n  \"0.88rem\", // 14px\n  \"1.00rem\", // 16px\n  \"1.13rem\", // 18px\n  \"1.25rem\", // 20px\n  \"1.50rem\", // 24px\n  \"1.75rem\", // 28px\n  \"2.00rem\", // 32px\n  \"2.50rem\", // 40px\n  \"3.00rem\", // 48px\n  \"3.50rem\", // 56px\n  \"4.19rem\", // 67px\n];\nfontSizes.title = fontSizes[11];\nfontSizes.heading = fontSizes[9];\nfontSizes.body = fontSizes[2];\n\nexport interface AliasedLineHeights extends Array<string> {\n  title?: string;\n  heading?: string;\n  body?: string;\n}\n\nconst lineHeights: AliasedLineHeights = [\n  \"1.13rem\", // 18px\n  \"1.31rem\", // 21px\n  \"1.50rem\", // 24px\n  \"1.69rem\", // 26px\n  \"1.88rem\", // 30px\n  \"2.25rem\", // 36px\n  \"2.63rem\", // 42px\n  \"3.00rem\", // 48px\n  \"3.75rem\", // 60px\n  \"4.50rem\", // 72px\n  \"5.25rem\", // 84px\n  \"6.31rem\", // 101px\n];\nlineHeights.title = lineHeights[10];\nlineHeights.heading = lineHeights[7];\nlineHeights.body = lineHeights[2];\n\n// eslint-disable-next-line max-len\n// margin, margin-top, margin-right, margin-bottom, margin-left, padding, padding-top, padding-right, padding-bottom, padding-left, grid-gap, grid-column-gap, grid-row-gap\nconst space = [0, 4, 8, 16, 24, 32, 48, 64, 96];\n\n// width, height, min-width, max-width, min-height, max-height\nconst sizes = [\n  0, 2, 4, 8, 12, 16, 20, 24, 28, 30, 32, 40, 48, 56, 62, 64, 80, 96,\n];\n\nconst shadows = {\n  baseFocus: \"0px 0px 0px 4px rgba(0, 83, 222, 0.25)\",\n  inputFocus: \"0px 0px 0px 4px rgba(0, 83, 222, 0.25)\",\n  inputFocusLight: \"0px 0px 0px 4px rgba(0, 197, 238, 0.25)\",\n  inputFocusWhite: \"0px 0px 0px 4px rgba(255, 255, 255, 0.25)\",\n  modal: \"0px 8px 24px rgba(13, 46, 84, 0.08\",\n  menu: \"0px 8px 24px rgba(13, 46, 84, 0.08)\",\n};\n\n// the breakpoints come from\n// https://www.figma.com/file/omCaNpCUE0v9LvvDzzIm7f/Vector-UI-Kits?node-id=796%3A8\nconst breakpoints = [\"375px\", \"600px\", \"900px\", \"1200px\"];\n\nexport const mediaQueries = {\n  // Small devices (landscape phones, 375px and up)\n  smallDevice: `@media screen and (min-width: ${breakpoints[0]})`,\n  // Medium devices (tablets, 600px and up)\n  mediumDevice: `@media screen and (min-width: ${breakpoints[1]})`,\n  // Large devices (desktops, 900px and up)\n  largeDevice: `@media screen and (min-width: ${breakpoints[2]})`,\n  // Extra large devices (large desktops, 1200px and up)\n  extraLargeDevice: `@media screen and (min-width: ${breakpoints[3]})`,\n};\n\nconst radii = {\n  button: 4,\n  input: 6,\n  radio: 12,\n  checkbox: 20,\n  checkboxWithBorder: 22,\n  squareCheckbox: 6,\n  fileType: 3,\n  notificationBanner: 12,\n  menu: 12,\n  infoSection: 4,\n};\n\nconst borderStyles = [\n  \"dotted\",\n  \"dashed\",\n  \"solid\",\n  \"double\",\n  \"groove\",\n  \"ridge\",\n  \"inset\",\n  \"outset\",\n  \"none\",\n  \"hidden\",\n];\n\nconst zIndices = [\"-1\"];\n\nexport const theme = {\n  // Structure & Utility\n  space,\n  sizes,\n  breakpoints,\n  mediaQueries,\n  radii,\n  shadows,\n  zIndices,\n  // Colours\n  colors,\n  // Typography\n  fonts,\n  fontSizes,\n  fontWeights,\n  lineHeights,\n  // Elements\n  // Border Styles\n  borderStyles,\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  FlexboxProps,\n  grid,\n  GridProps,\n  LayoutProps,\n  SpaceProps,\n} from \"styled-system\";\nimport { Box } from \"../Box\";\n\nconst GridContainer = styled(Box)`\n  display: grid;\n  ${grid}\n`;\n\nexport const Grid: React.FC<\n  GridProps & FlexboxProps & SpaceProps & LayoutProps\n> = ({ children, ...props }) => (\n  <GridContainer {...props}>{children}</GridContainer>\n);\n","import styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  flexbox,\n  FlexboxProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\n\nexport const Span = styled.span<\n  ColorProps &\n    FlexboxProps &\n    SpaceProps &\n    TypographyProps &\n    LayoutProps &\n    BorderProps &\n    PositionProps\n>`\n  ${color}\n  ${space}\n  ${typography}\n  ${layout}\n  ${border}\n  ${flexbox}\n  ${position}\n  \n  & > a {\n    text-decoration: none;\n    color: ${({ theme }) => theme.colors.primary};\n    &:hover {\n      border-bottom: 1px solid;\n      border-bottom-color: ${({ theme }) => theme.colors.primary};\n    }\n  }\n`;\n","const MOBILE_REG_STRING = \"^02([ ]*[0-9]){7,9}$\";\n\nconst LANDLINE_REG_STRING =\n  \"^[+]?(64|0064)?(03|04|06|07|09){1}([ ]*[0-9]){7,9}$\";\n\n// Matches a wide range of international phone number including signs like + and ()\n// eslint-disable-next-line no-useless-escape\nconst INTERNATIONAL_REG_STRING =\n  \"^[+]?([0-9]{2,4})?([(]?[0-9]{3}[)]?)[0-9]{3}[0-9]{4,6}$\";\n\nconst ALTERNATE_PHONE_REG_STRING = `(${MOBILE_REG_STRING})|(${LANDLINE_REG_STRING})|(${INTERNATIONAL_REG_STRING})`;\n\nexport const MOBILE_REG_EXP = new RegExp(MOBILE_REG_STRING);\nexport const ALTERNATE_PHONE_REG_EXP = new RegExp(ALTERNATE_PHONE_REG_STRING);\n","export const ONLY_NUMBERS_REG_EXP = /^\\d+$/;\nexport const ONLY_LETTERS_AND_SPACE_REG_EXP = /^[a-zA-Z][a-zA-Z\\s]*$/;\nexport const STARTS_WITH_NUMBERS_REG_EXP = /^\\d+\\s+/;\n","// Extension of Yup validation\nexport const noWhitespaceValidation = function (errorMessage) {\n  return this.test(\"no-whitespace\", errorMessage, function (value) {\n    if (value === undefined) {\n      return true;\n    }\n\n    const matches = value.match(/^\\s*/g);\n    if (!matches) {\n      return true;\n    }\n\n    return matches[0] === \"\";\n  });\n};\n","import * as yup from \"yup\";\nimport {\n  ALTERNATE_PHONE_REG_EXP,\n  MOBILE_REG_EXP,\n} from \"../../constants/ContactNumbersRegex\";\nimport { ONLY_NUMBERS_REG_EXP } from \"../../constants/FormRegex\";\nimport { noWhitespaceValidation } from \"../../utils/noWhitespaceValidation/noWhitespaceValidation\";\n\nyup.addMethod<yup.StringSchema>(\n  yup.string,\n  \"noWhitespace\",\n  noWhitespaceValidation,\n);\n\nexport const AccountDetailsFormSchema = yup.object({\n  profile: yup.object().shape({\n    type: yup.string().required(\"Account type is required\"),\n    firstName: yup\n      .string()\n      .noWhitespace(\"First name is invalid\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"First name is required\"),\n    lastName: yup\n      .string()\n      .noWhitespace(\"Last name is invalid\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"Last name is required\"),\n    mobile: yup\n      .string()\n      .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n      .required(\"Mobile is required\"),\n    alternatePhone: yup\n      .string()\n      .matches(ALTERNATE_PHONE_REG_EXP, \"Enter a valid alternate phone number\"),\n    businessName: yup.string().when(\"type\", {\n      is: (type: string) => type === \"business\",\n      then: yup\n        .string()\n        .noWhitespace(\"Business name is invalid\")\n        .max(100, \"Maximum length is 100 characters\")\n        .required(\"Business name is required\"),\n      otherwise: yup\n        .string()\n        .noWhitespace(\"Business name is invalid\")\n        .max(100, \"Maximum length is 100 characters\"),\n    }),\n    companyNzbn: yup.string().when(\"type\", {\n      is: (type: string) => type === \"business\",\n      then: yup\n        .string()\n        .matches(ONLY_NUMBERS_REG_EXP, \"NZBN can only contain numbers\")\n        .min(13, \"Your NZBN should contain 13 numbers, please update\"),\n    }),\n    billingAddressDisplay: yup.string(),\n  }),\n});\n","import React, { HTMLAttributes } from \"react\";\nimport { ColorProps, SpaceProps, TypographyProps } from \"styled-system\";\nimport { Box } from \"../Box\";\nimport { DataTest } from \"../../types/DataTest\";\n\ninterface Props {\n  dangerouslySetInnerHTML?: {\n    __html: string;\n  };\n}\n\nexport const Text: React.FC<\n    Props &\n    ColorProps &\n    TypographyProps &\n    SpaceProps &\n    DataTest &\n    HTMLAttributes<HTMLParagraphElement>\n> = ({ dangerouslySetInnerHTML, children, dataTest, ...props }) => (\n  <Box\n    as=\"p\"\n    data-test={dataTest}\n    {...props}\n    dangerouslySetInnerHTML={dangerouslySetInnerHTML}\n  >\n    {children}\n  </Box>\n);\n\nText.defaultProps = {\n  fontSize: \"body\",\n  lineHeight: \"body\"\n};\n","import React, { HTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\n\ninterface Props {\n  icon: string; //https://fonts.google.com/icons search for rounded\n}\n\nconst Component = styled.span<\n  ColorProps &\n    BorderProps &\n    PositionProps &\n    SpaceProps &\n    TypographyProps &\n    LayoutProps &\n    HTMLAttributes<HTMLSpanElement>\n>`\n  ${border}\n  ${color}\n  ${position}\n  ${space}\n  ${typography}\n  ${layout}\n  font-style: normal;\n  display: inline-block;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Support for IE. */\n  font-feature-settings: \"liga\";\n`;\n\nexport const Icon: React.FC<\n  Props &\n    BorderProps &\n    ColorProps &\n    PositionProps &\n    SpaceProps &\n    TypographyProps &\n    LayoutProps &\n    HTMLAttributes<HTMLSpanElement>\n> = ({ icon, ...props }) => <Component {...props}>{icon}</Component>;\n\nIcon.defaultProps = {\n  color: \"primary\",\n  fontFamily: \"Material Icons\",\n  fontSize: 5,\n  lineHeight: \"body\",\n  verticalAlign: \"middle\",\n  fontWeight: 400,\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { Text } from \"../Text\";\nimport { Icon } from \"../Icon\";\nimport { LayoutProps, SpaceProps, variant } from \"styled-system\";\nimport { Grid } from \"../Grid\";\nimport { Title } from \"../Title\";\nimport { Box } from \"../Box\";\n\nexport interface BasicNotificationBannerProps {\n  title?: string;\n  message: string | (() => void);\n  variant: NotificationBannerVariant;\n  icon: NotificationBannerIcon;\n  actionButton?: React.ReactNode;\n  closeButton?: React.ReactNode;\n  fontSize?: number;\n}\n\nconst IconStyle = styled(Icon)<{ variant: string }>(\n  variant({\n    variants: {\n      default: {\n        color: \"hydro\",\n      },\n      information: {\n        color: \"hydro\",\n      },\n      success: {\n        color: \"newEnergy\",\n      },\n      error: {\n        color: \"urgentRed\",\n      },\n      warning: {\n        color: \"sunshine\",\n      },\n    },\n  }),\n);\n\nconst BannerStyle = styled(Flex)(\n  variant({\n    scale: \"notificationBanner\",\n    variants: {\n      default: {\n        bg: \"neutrals.ln20\",\n      },\n      information: {\n        bg: \"hydro25\",\n      },\n      informationGray: {\n        bg: \"neutrals.ln20\",\n      },\n      success: {\n        bg: \"newEnergy25\",\n      },\n      error: {\n        bg: \"urgentRed25\",\n      },\n      warning: {\n        bg: \"optimism25\",\n      },\n    },\n  }),\n);\n\nexport const BasicNotificationBanner: React.FC<\n  BasicNotificationBannerProps & SpaceProps & LayoutProps\n> = ({\n  title,\n  message,\n  variant,\n  icon,\n  actionButton,\n  closeButton,\n  mb,\n  mt,\n  my,\n  fontSize = 2,\n  width,\n}) => {\n  return (\n    <BannerStyle\n      borderRadius=\"notificationBanner\"\n      justifyContent=\"flex-start\"\n      variant={variant}\n      p={3}\n      mb={mb}\n      mt={mt}\n      my={my}\n    >\n      <IconStyle variant={variant} icon={icon} data-testid=\"icon\" />\n\n      <Grid gridTemplateColumns={[\"auto\", \"auto auto\"]} width={width}>\n        <Flex flexDirection=\"column\" ml={2}>\n          {title && (\n            <Title\n              as=\"h4\"\n              mt={0}\n              mb={2}\n              fontWeight=\"bold\"\n              lineHeight=\"body\"\n              fontSize=\"body\"\n              color=\"nightSky\"\n              textAlign=\"left\"\n            >\n              {title}\n            </Title>\n          )}\n\n          <Text fontSize={fontSize} color=\"neutrals.dn40\" mt={0} mb={0}>\n            {typeof message === \"string\" && message}\n            {typeof message === \"function\" && message()}\n          </Text>\n        </Flex>\n\n        {actionButton && actionButton}\n      </Grid>\n\n      {closeButton && (\n        <Box data-testid=\"close-button-wrapper\">{closeButton}</Box>\n      )}\n    </BannerStyle>\n  );\n};\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  FlexboxProps,\n  layout,\n  LayoutProps,\n  size,\n  SizeProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n  variant,\n} from \"styled-system\";\nimport { Icon } from \"../Icon\";\nimport { Spinner } from \"../Spinner\";\n\nexport interface ButtonProps {\n  variant?: \"primary\" | \"secondary\" | \"lowAffordance\" | \"ghost\";\n  magnitude?: \"large\" | \"medium\" | \"small\";\n  iconLeft?: string;\n  iconRight?: string;\n  iconSize?: number;\n  focusable?: boolean;\n  loading?: boolean;\n}\n\nconst Wrapper = styled.button`\n  ${border}\n  ${color}\n  ${layout}\n  ${space}\n  ${size}\n  ${typography}\n  cursor: pointer;\n  text-decoration: none;\n  border: none;\n  appearance: none;\n  outline: none;\n  font-family: inherit;\n\n  &:disabled {\n    pointer-events: none;\n  }\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydroDark};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n  }\n`;\n\nconst ButtonStyled = styled(Wrapper)<\n  ButtonProps &\n    SpaceProps &\n    SizeProps &\n    BorderProps &\n    LayoutProps &\n    TypographyProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n>(\n  variant({\n    scale: \"button\",\n    variants: {\n      primary: {\n        bg: \"primary\",\n        color: \"white\",\n        \">:only-child\": {\n          color: \"white\",\n        },\n        \"&:hover\": {\n          bg: \"hover\",\n          \">span\": {\n            bg: \"hover\",\n          },\n        },\n        \"&:active\": {\n          bg: \"active\",\n          \">:only-child\": {\n            bg: \"active\",\n          },\n        },\n        \"&:disabled\": {\n          bg: \"disabledBackground\",\n          color: \"disabledColor\",\n          \">:only-child\": {\n            color: \"disabledColor\",\n          },\n        },\n      },\n      secondary: {\n        bg: \"hydro10\",\n        color: \"primary\",\n        \">:only-child\": {\n          color: \"primary\",\n        },\n        \"&:hover\": {\n          bg: \"hydro25\",\n          color: \"hydro\",\n          \">:only-child\": {\n            color: \"hydro\",\n          },\n        },\n        \"&:active\": {\n          bg: \"hydro10\",\n          color: \"hydroLight\",\n          \">:only-child\": {\n            color: \"hydroLight\",\n          },\n        },\n        \"&:disabled\": {\n          bg: \"neutrals.ln20\",\n          color: \"disabledColor\",\n          \">:only-child\": {\n            color: \"disabledColor\",\n          },\n        },\n      },\n      lowAffordance: {\n        bg: \"neutrals.ln20\",\n        color: \"neutrals.dn40\",\n        \">:only-child\": {\n          color: \"neutrals.dn40\",\n        },\n        \"&:hover\": {\n          bg: \"neutrals.ln30\",\n          color: \"neutrals.dn40\",\n          \">:only-child\": {\n            color: \"neutrals.dn40\",\n          },\n        },\n        \"&:active\": {\n          bg: \"neutrals.ln30\",\n          color: \"neutrals.dn40\",\n          \">:only-child\": {\n            color: \"neutrals.dn40\",\n          },\n        },\n        \"&:disabled\": {\n          bg: \"neutrals.ln30\",\n          color: \"neutrals.mn20\",\n          \">:only-child\": {\n            color: \"neutrals.mn20\",\n          },\n        },\n      },\n      ghost: {\n        bg: \"transparent\",\n        color: \"primary\",\n        \">:only-child\": {\n          color: \"primary\",\n        },\n        \"&:hover\": {\n          bg: \"neutrals.ln20\",\n        },\n        \"&:active\": {\n          bg: \"neutrals.ln30\",\n        },\n        \"&:disabled\": {\n          bg: \"transparent\",\n          color: \"disabledColor\",\n          \">:only-child\": {\n            color: \"disabledColor\",\n          },\n        },\n      },\n    },\n  }),\n  variant({\n    prop: \"magnitude\",\n    scale: \"buttonMagnitude\",\n    variants: {\n      large: {\n        height: 13,\n      },\n      medium: {\n        height: 11,\n      },\n      small: {\n        height: 9,\n      },\n    },\n  }),\n);\n\nexport const Button: React.FC<\n  ButtonProps &\n    FlexboxProps &\n    LayoutProps &\n    SpaceProps &\n    SizeProps &\n    TypographyProps &\n    BorderProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n> = ({\n  children,\n  iconLeft,\n  iconRight,\n  tabIndex,\n  focusable,\n  loading,\n  iconSize,\n  ...props\n}) => {\n  return (\n    <ButtonStyled\n      {...props}\n      borderRadius=\"button\"\n      verticalAlign=\"middle\"\n      tabIndex={focusable ? tabIndex : -1}\n    >\n      {iconLeft && <Icon icon={iconLeft} mr={2} fontSize={iconSize} />}\n      {children}\n      {iconRight && <Icon icon={iconRight} ml={2} fontSize={iconSize} />}\n      {loading && <Spinner color=\"color\" ml={2} />}\n    </ButtonStyled>\n  );\n};\n\nButton.defaultProps = {\n  type: \"button\",\n  variant: \"primary\",\n  magnitude: \"large\",\n  fontSize: \"body\",\n  disabled: false,\n  px: 5,\n  focusable: true,\n  loading: false,\n  textAlign: \"center\",\n  fontWeight: \"bold\",\n};\n","import styled from \"styled-components\";\nimport {\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\n\nexport const Label = styled.label<\n  ColorProps & SpaceProps & TypographyProps & LayoutProps\n>`\n  ${color}\n  ${space}\n  ${typography}\n  ${layout}\n`;\n","import { useEffect } from \"react\";\n\ntype Hook = <T>(\n  elementRef: React.RefObject<T>,\n  onClickedOutsideElement: () => void,\n  doNotCheckCondition?: () => boolean,\n) => void;\n\nexport const useClickedOutsideElement: Hook = <T,>(\n  elementRef: React.RefObject<T>,\n  onClickedOutsideElement: () => void,\n  doNotCheckCondition?: () => boolean,\n) => {\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent | KeyboardEvent) => {\n      // Early termination\n      if (!elementRef || (doNotCheckCondition && doNotCheckCondition())) {\n        return;\n      }\n\n      /* eslint-disable  @typescript-eslint/no-explicit-any */\n      const refCurrent = elementRef.current as any;\n      if (!refCurrent) {\n        return;\n      }\n\n      if (!refCurrent.contains(event.target)) {\n        onClickedOutsideElement();\n      }\n    };\n\n    const handleEscKey = (e: KeyboardEvent) => {\n      e.code === \"Escape\" && handleClickOutside(e);\n    };\n\n    document.addEventListener(\"click\", handleClickOutside);\n    document.addEventListener(\"keydown\", handleEscKey);\n\n    /* istanbul ignore next */\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside);\n      document.removeEventListener(\"keydown\", handleEscKey);\n    };\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [doNotCheckCondition]);\n};\n","import React, { InputHTMLAttributes, useRef } from \"react\";\nimport {\n  DisplayProps,\n  FlexboxProps,\n  LayoutProps,\n  SpaceProps,\n} from \"styled-system\";\nimport { Icon } from \"../Icon\";\nimport { PopupTip } from \"../PopupTip\";\nimport styled from \"styled-components\";\nimport { Box } from \"../Box\";\nimport { mediaQueries } from \"../../theme\";\nimport { Span } from \"../Span\";\nimport { useClickedOutsideElement } from \"../../hooks/useClickedOutsideElement/useClickedOutsideElement\";\n\ninterface Props {\n  icon: string;\n  label?: string;\n  onClose?: () => void;\n}\n\nconst PopupWrapper = styled(PopupTip)`\n  min-width: 200px;\n  right: 0;\n\n  ${mediaQueries.largeDevice} {\n    right: auto;\n    left: 0;\n  }\n`;\n\nconst IconWrapper = styled(Icon)<InputHTMLAttributes<HTMLInputElement>>`\n  cursor: pointer;\n`;\n\nconst LabelWrapper = styled(Span)`\n  cursor: pointer;\n`;\n\nexport const IconPopupTip: React.FC<\n  Props &\n    DisplayProps &\n    FlexboxProps &\n    LayoutProps &\n    SpaceProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({ id, icon, label, checked, onClose, ml, mt, display, children }) => {\n  const flexRef = useRef<HTMLDivElement>(null);\n  const [show, setShow] = React.useState(checked);\n\n  const handleChange = () => {\n    setShow((prevState) => !prevState);\n  };\n\n  const handleClickedOutsideElement = () => {\n    setShow(false);\n    onClose && onClose();\n  };\n\n  useClickedOutsideElement<HTMLDivElement>(\n    flexRef,\n    handleClickedOutsideElement,\n    () => !show,\n  );\n\n  return (\n    <Box display={display} position=\"relative\" ml={ml} ref={flexRef} mt={mt}>\n      <IconWrapper\n        icon={icon}\n        aria-labelledby={id}\n        onClick={handleChange}\n        data-testid=\"icon\"\n      />\n\n      {label && (\n        <LabelWrapper\n          ml={2}\n          color=\"primary\"\n          onClick={handleChange}\n          data-testid=\"label\"\n        >\n          {label}\n        </LabelWrapper>\n      )}\n\n      {show && (\n        <PopupWrapper id={id} mt={4} position=\"absolute\" data-testid=\"popup\">\n          {children}\n        </PopupWrapper>\n      )}\n    </Box>\n  );\n};\n\nIconPopupTip.defaultProps = {\n  icon: \"\",\n  checked: false,\n  display: \"inline-block\",\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport { Span } from \"../Span\";\nimport { PositionProps, SpaceProps } from \"styled-system\";\n\nexport const PopupTip: React.FC<\n  SpaceProps & PositionProps & InputHTMLAttributes<HTMLInputElement>\n> = ({ id, children, ...props }) => {\n  return (\n    <Span\n      id={id}\n      borderRadius=\"input\"\n      p={3}\n      fontSize={1}\n      bg=\"neutrals.dn50\"\n      color=\"neutrals.ln0\"\n      lineHeight=\"21px\"\n      width=\"inherit\"\n      maxWidth=\"292px\"\n      zIndex={1}\n      {...props}\n    >\n      {children}\n    </Span>\n  );\n};\n","import {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  FlexboxProps,\n  layout,\n  LayoutProps,\n  ResponsiveValue,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\nimport React, { InputHTMLAttributes, ReactElement } from \"react\";\nimport * as CSS from \"csstype\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { Span } from \"../Span\";\nimport styled from \"styled-components\";\nimport { IconPopupTip } from \"../IconPopupTip\";\n\nexport interface InputTextProps {\n  label?: string;\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  displayLabel?: ResponsiveValue<CSS.Property.Display, any>;\n  message?: ReactElement | string;\n  error?: boolean;\n  optional?: boolean;\n  focusable?: boolean;\n  tooltip?: string;\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  displayTooltip?: ResponsiveValue<CSS.Property.Display, any>;\n}\n\nconst FlexWrapper = styled(Flex)`\n  box-sizing: border-box;\n`;\n\nconst LabelWrapper = styled(Label)<\n  InputTextProps & ColorProps & InputHTMLAttributes<HTMLInputElement>\n>`\n  color: ${({ disabled, theme }) => disabled && theme.colors.disabledColor};\n`;\n\nconst InputWrapper = styled.input<\n  InputTextProps &\n    BorderProps &\n    ColorProps &\n    SpaceProps &\n    TypographyProps &\n    InputHTMLAttributes<HTMLInputElement>\n>`\n  ${border}\n  ${layout}\n  ${color}\n  ${space}\n  ${typography}\n  outline: none;\n  border-color: ${({ error, theme }) => error && theme.colors.danger};\n  box-sizing: border-box;\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydro};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n  }\n  &:disabled {\n    color: ${({ theme }) => theme.colors.disabledColor};\n    background-color: ${({ theme }) => theme.colors.disabledBackground};\n    border-color: ${({ theme }) => theme.colors.disabledBorder};\n  }\n  &::placeholder {\n    color: ${({ theme }) => theme.colors.disabledColor};\n  }\n`;\n\nconst SpanWrapper = styled(Span)<\n  InputTextProps & ColorProps & InputHTMLAttributes<HTMLInputElement>\n>`\n  color: ${({ theme }) => theme.colors.neutrals.mn60};\n  color: ${({ error, theme }) => error && theme.colors.danger};\n`;\n\nexport const InputText: React.FC<\n  InputTextProps &\n    BorderProps &\n    ColorProps &\n    FlexboxProps &\n    SpaceProps &\n    TypographyProps &\n    LayoutProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({\n  id,\n  label,\n  displayLabel,\n  error,\n  disabled,\n  message,\n  optional,\n  width,\n  mb,\n  mt,\n  focusable,\n  tooltip,\n  displayTooltip,\n  tabIndex,\n  color,\n  minWidth,\n  flexBasis,\n  flexGrow,\n  ...props\n}) => {\n  return (\n    <FlexWrapper\n      flexDirection=\"column\"\n      flexGrow={flexGrow}\n      flexBasis={flexBasis}\n      minWidth={minWidth}\n      width={width}\n      mt={mt}\n      mb={mb}\n    >\n      <Flex pl={2} pr={2} mb={1} justifyContent=\"space-between\">\n        {label && (\n          <>\n            <LabelWrapper\n              htmlFor={id}\n              fontSize=\"body\"\n              lineHeight=\"body\"\n              disabled={disabled}\n              color={color}\n              display={displayLabel}\n              data-testid=\"input-text-label\"\n            >\n              {label}\n            </LabelWrapper>\n\n            {tooltip && (\n              <IconPopupTip\n                display={displayTooltip}\n                icon=\"help\"\n                ml={1}\n                data-testid=\"input-text-popuptip\"\n              >\n                {tooltip}\n              </IconPopupTip>\n            )}\n          </>\n        )}\n\n        {optional && (\n          <SpanWrapper\n            ml=\"auto\"\n            mr={2}\n            fontSize={1}\n            lineHeight={1}\n            data-testid=\"input-text-optional\"\n          >\n            Optional\n          </SpanWrapper>\n        )}\n      </Flex>\n\n      <InputWrapper\n        id={id}\n        error={error}\n        disabled={disabled}\n        border=\"2px solid\"\n        borderRadius=\"input\"\n        borderColor=\"disabledBackground\"\n        fontFamily=\"inherit\"\n        autoComplete=\"new-password\"\n        pl={3}\n        py={3}\n        fontSize={2}\n        lineHeight={2}\n        width={width}\n        {...props}\n        type=\"text\"\n        tabIndex={focusable ? tabIndex : -1}\n        data-testid=\"input-text-input\"\n      />\n      {/*HACK - refactor message box to prevent duplication - duplicates is to pass coverage test. */}\n      {error && (\n        <SpanWrapper\n          error={error}\n          height={0}\n          mx={0}\n          fontSize={0}\n          lineHeight={0}\n          data-testid=\"error-wrapper\"\n        />\n      )}\n      {!error && message && (\n        <SpanWrapper\n          error={error}\n          height={6}\n          mx={2}\n          fontSize={1}\n          lineHeight={1}\n          data-testid=\"input-text-message\"\n        >\n          {message}\n        </SpanWrapper>\n      )}\n    </FlexWrapper>\n  );\n};\n\nInputText.defaultProps = {\n  error: false,\n  disabled: false,\n  optional: false,\n  focusable: true,\n  displayLabel: \"inline-block\",\n  displayTooltip: \"flex\",\n};\n","import { ColorProps, FlexboxProps, LayoutProps } from \"styled-system\";\nimport { FieldProps, getIn } from \"formik\";\nimport React, { InputHTMLAttributes } from \"react\";\n\nimport { InputText } from \"../InputText\";\nimport { InputTextProps } from \"../InputText/InputText\";\n\nexport const FormikInputText: React.FC<\n  FieldProps &\n    FlexboxProps &\n    InputTextProps &\n    ColorProps &\n    LayoutProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({ field, form, ...props }) => {\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <InputText {...field} error={touch && error ? error : false} {...props} />\n  );\n};\n","import { InputHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport { Span } from \"../Span\";\nimport { InputTextProps } from \"../InputText/InputText\";\nimport { ColorProps, SpaceProps } from \"styled-system\";\n\nexport const FormInputErrorMessage = styled(Span)<\n    InputTextProps &\n    ColorProps &\n    SpaceProps &\n    InputHTMLAttributes<HTMLInputElement>>`\n    height: 20px;\n    margin-left: 8px;\n    margin-right: 8px;\n    font-size: 0.75rem;\n    line-height: 1.13rem;\n    flex-grow: 1;\n    color: ${({ theme }) => theme.colors.danger};\n`;\n","import React, { ReactElement } from \"react\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { FormikInputText } from \"../../FormikInputText\";\nimport { Flex } from \"../../Flex\";\nimport { SpaceProps } from \"styled-system\";\nimport { FormInputErrorMessage } from \"../../FormInputErrorMessage\";\n\ninterface Props {\n  focusable?: boolean;\n  idPrefix: string;\n  namePrefix: string;\n  optionalFirstName?: boolean;\n  optionalLastName?: boolean;\n  optionalEmail?: boolean;\n  optionalMobile?: boolean;\n  optionalAlternatePhone?: boolean;\n  optionalBusinessName?: boolean;\n  showEmail?: boolean;\n  showPhone?: boolean;\n  showBusinessName?: boolean;\n  disabledFirstName?: boolean;\n  disabledLastName?: boolean;\n  disabledEmail?: boolean;\n  disabledMobile?: boolean;\n  disabledAlternatePhone?: boolean;\n  disabledBusinessName?: boolean;\n  businessNameInfoMessage?: ReactElement | string;\n}\n\nexport const ContactDetailFields: React.FC<Props & SpaceProps> = ({\n  focusable,\n  idPrefix,\n  namePrefix,\n  optionalFirstName,\n  optionalLastName,\n  optionalEmail,\n  optionalMobile,\n  optionalAlternatePhone,\n  optionalBusinessName,\n  showEmail,\n  showPhone,\n  showBusinessName,\n  disabledFirstName,\n  disabledLastName,\n  disabledEmail,\n  disabledMobile,\n  disabledAlternatePhone,\n  disabledBusinessName,\n  businessNameInfoMessage,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      {/* First name / Last name */}\n      <Flex flexDirection={[\"column\", \"column\", \"row\"]} mb={4}>\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mr={[0, 0, 2]}\n          mb={[4, 4, 0]}\n        >\n          <Field\n            id={`${idPrefix}.firstName`}\n            name={`${namePrefix}.firstName`}\n            label=\"First name\"\n            flexGrow={1}\n            focusable={focusable}\n            optional={optionalFirstName}\n            disabled={disabledFirstName}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${namePrefix}.firstName`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={[0, 0, 2]}\n        >\n          <Field\n            id={`${idPrefix}.lastName`}\n            name={`${namePrefix}.lastName`}\n            label=\"Last name\"\n            flexGrow={1}\n            focusable={focusable}\n            optional={optionalLastName}\n            disabled={disabledLastName}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${namePrefix}.lastName`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Flex>\n\n      {/* Email  */}\n      {showEmail && (\n        <Flex flexDirection=\"column\" mb={4}>\n          <Field\n            id={`${idPrefix}.email`}\n            name={`${namePrefix}.email`}\n            label=\"Email\"\n            flexGrow={1}\n            focusable={focusable}\n            optional={optionalEmail}\n            disabled={disabledEmail}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${namePrefix}.email`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      )}\n\n      {/* Mobile / Alternate Phone */}\n      {showPhone && (\n        <Flex flexDirection={[\"column\", \"column\", \"row\"]} mb={4}>\n          <Flex\n            flexDirection=\"column\"\n            flexGrow={[1, 1, 0.5]}\n            flexBasis={[\"auto\", \"auto\", 0]}\n            minWidth={[\"auto\", \"auto\", 0]}\n            mr={[0, 0, 2]}\n            mb={[4, 4, 0]}\n          >\n            <Field\n              id={`${idPrefix}.mobile`}\n              name={`${namePrefix}.mobile`}\n              label=\"Mobile\"\n              placeholder=\"Enter mobile number\"\n              flexGrow={1}\n              focusable={focusable}\n              optional={optionalMobile}\n              disabled={disabledMobile}\n              component={FormikInputText}\n            />\n            <ErrorMessage\n              name={`${namePrefix}.mobile`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n\n          <Flex\n            flexDirection=\"column\"\n            flexGrow={[1, 1, 0.5]}\n            flexBasis={[\"auto\", \"auto\", 0]}\n            minWidth={[\"auto\", \"auto\", 0]}\n            ml={[0, 0, 2]}\n          >\n            <Field\n              id={`${idPrefix}.alternatePhone`}\n              name={`${namePrefix}.alternatePhone`}\n              label=\"Alternate phone\"\n              placeholder=\"Enter alternate number\"\n              flexGrow={1}\n              focusable={focusable}\n              disabled={disabledAlternatePhone}\n              optional={optionalAlternatePhone}\n              component={FormikInputText}\n            />\n            <ErrorMessage\n              name={`${namePrefix}.alternatePhone`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n        </Flex>\n      )}\n\n      {/* Business name  */}\n      {showBusinessName && (\n        <Flex flexDirection=\"column\" mb={4}>\n          <Field\n            id={`${idPrefix}.businessName`}\n            name={`${namePrefix}.businessName`}\n            label=\"Business name\"\n            flexGrow={1}\n            focusable={focusable}\n            optional={optionalBusinessName}\n            disabled={disabledBusinessName}\n            component={FormikInputText}\n            message={businessNameInfoMessage}\n          />\n          <ErrorMessage\n            name={`${namePrefix}.businessName`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nContactDetailFields.defaultProps = {\n  focusable: true,\n  optionalFirstName: false,\n  optionalLastName: false,\n  optionalEmail: false,\n  optionalMobile: false,\n  optionalAlternatePhone: false,\n  optionalBusinessName: false,\n  showEmail: true,\n  showPhone: true,\n  showBusinessName: true,\n  disabledFirstName: false,\n  disabledLastName: false,\n  disabledEmail: false,\n  disabledMobile: false,\n  disabledAlternatePhone: false,\n  disabledBusinessName: false,\n};\n","import React, { ReactElement } from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { Flex } from \"../Flex\";\n\ninterface Props {\n  prefix: string;\n  propertyName?: string;\n  label?: string;\n  focusable?: boolean;\n  maxLength?: number;\n  flexGrow?: number;\n  optional?: boolean;\n  disabled?: boolean;\n  message?: ReactElement | string;\n}\n\nexport const CompanyNzbn: React.FC<Props & SpaceProps> = ({\n  prefix,\n  propertyName = \"companyNzbn\",\n  ...props\n}) => {\n  const baseOptions = {\n    id: `${prefix}.${propertyName}`,\n    name: `${prefix}.${propertyName}`,\n    label: \"NZBN (New Zealand Business Number)\",\n    focusable: true,\n    maxLength: 13,\n    flexGrow: 1,\n  };\n\n  props = { ...baseOptions, ...props };\n\n  return (\n    <Flex flexDirection={\"column\"} mb={4}>\n      <Field {...props} component={FormikInputText} />\n      <ErrorMessage\n        name={`${prefix}.${propertyName}`}\n        className=\"field-error\"\n        component={FormInputErrorMessage}\n      />\n    </Flex>\n  );\n};\n","import React, { AnchorHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  color as c,\n  ColorProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n  variant,\n} from \"styled-system\";\n\ninterface Props {\n  variant?: \"primary\" | \"secondary\" | \"tertiary\";\n}\n\nconst Href = styled.a<\n  ColorProps &\n    TypographyProps &\n    SpaceProps &\n    AnchorHTMLAttributes<HTMLAnchorElement>\n>`\n  ${c}\n  ${typography}\n  ${space}\n  outline: none;\n  text-decoration: none;\n  cursor: pointer;\n  width: max-content;\n`;\n\nconst Component = styled(Href).attrs((props) => ({\n  className: props.className,\n}))(\n  variant({\n    scale: \"link\",\n    variants: {\n      primary: {\n        color: \"primary\",\n        lineHeight: \"body\",\n        px: 0,\n        fontWeight: \"medium\",\n        \">:only-child\": {\n          color: \"primary\",\n        },\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n        },\n        \"&.styled-link:hover\": {\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"primary\",\n        },\n        \"&:active\": {\n          color: \"hydroDarker\",\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"hydroDarker\",\n          \">:only-child\": {\n            color: \"hydroDarker\",\n          },\n        },\n        \"&:visited\": {\n          color: \"hydroDarker\",\n          borderBottomColor: \"hydroDarker\",\n          \">:only-child\": {\n            color: \"hydroDarker\",\n          },\n        },\n        \"&:disabled\": {\n          color: \"neutrals.mn40\",\n          \">:only-child\": {\n            color: \"neutrals.mn40\",\n          },\n        },\n      },\n      secondary: {\n        color: \"solarLight\",\n        lineHeight: \"body\",\n        px: 0,\n        fontWeight: \"medium\",\n        \">:only-child\": {\n          color: \"solarLight\",\n        },\n        \"&:focus\": {\n          borderColor: \"solarLight\",\n          boxShadow: \"inputFocusLight\",\n        },\n        \"&.styled-link:hover\": {\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"solarLight\",\n        },\n        \"&:active\": {\n          color: \"solarLight\",\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"solarLight\",\n          \">:only-child\": {\n            color: \"solarLight\",\n          },\n        },\n        \"&:visited\": {\n          color: \"solarLight\",\n          borderBottomColor: \"solarLight\",\n          \">:only-child\": {\n            color: \"solarLight\",\n          },\n        },\n        \"&:disabled\": {\n          color: \"neutrals.mn40\",\n          \">:only-child\": {\n            color: \"neutrals.mn40\",\n          },\n        },\n      },\n      tertiary: {\n        color: \"neutrals.ln0\",\n        lineHeight: \"body\",\n        px: 0,\n        fontWeight: \"medium\",\n        borderBottom: \"1px solid\",\n        borderBottomColor: \"neutrals.ln0\",\n        \">:only-child\": {\n          color: \"neutrals.ln0\",\n        },\n        \"&:focus\": {\n          borderColor: \"neutrals.ln0\",\n          boxShadow: \"inputFocusWhite\",\n        },\n        \"&.styled-link:hover\": {\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"neutrals.ln0\",\n        },\n        \"&:active\": {\n          color: \"neutrals.ln0\",\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"neutrals.ln0\",\n          \">:only-child\": {\n            color: \"neutrals.ln0\",\n          },\n        },\n        \"&:visited\": {\n          color: \"neutrals.ln0\",\n          borderBottomColor: \"neutrals.ln0\",\n          \">:only-child\": {\n            color: \"neutrals.ln0\",\n          },\n        },\n        \"&:disabled\": {\n          color: \"neutrals.mn40\",\n          \">:only-child\": {\n            color: \"neutrals.mn40\",\n          },\n        },\n      },\n    },\n  }),\n);\n\nexport const Link: React.FC<\n  Props &\n    ColorProps &\n    TypographyProps &\n    SpaceProps &\n    AnchorHTMLAttributes<HTMLAnchorElement>\n> = ({ children, ...props }) => (\n  <Component className=\"styled-link\" {...props}>\n    {children}\n  </Component>\n);\n\nLink.defaultProps = {\n  variant: \"primary\",\n  rel: \"noopener noreferrer\",\n  target: \"_blank\",\n};\n","const ComboBoxStateChangeType = {\n  InputChange: \"__input_change__\",\n  ItemClick: \"__item_click__\",\n  ToggleButtonClick: \"__togglebutton_click__\",\n} as const;\n\nObject.freeze(ComboBoxStateChangeType);\n\nexport default ComboBoxStateChangeType;\n","import ComboBoxStateChangeType from \"../../../types/ComboBoxStateChangeType\";\n\n// Refer to UseComboboxStateChangeTypes for enum indexes\nconst INPUT_CHANGE_STATE_CHANGE_TYPE_INDEX = 6;\nconst ITEM_CLICK_STATE_CHANGE_TYPE_INDEX = 10;\nconst TOGGLE_BUTTON_CLICK_STATE_CHANGE_TYPE_INDEX = 11;\n\n// Refer to UseComboboxStateChangeTypes for enum values\nconst INPUT_CHANGE_STATE_CHANGE_TYPE_VALUE = \"__input_change__\";\nconst ITEM_CLICK_STATE_CHANGE_TYPE_VALUE = \"__item_click__\";\nconst TOGGLE_BUTTON_CLICK_STATE_CHANGE_TYPE_VALUE = \"__togglebutton_click__\";\n\nconst mapComboBoxStateChangeType = (type: any) => {\n  if (\n    type === INPUT_CHANGE_STATE_CHANGE_TYPE_VALUE ||\n    type === INPUT_CHANGE_STATE_CHANGE_TYPE_INDEX\n  ) {\n    return ComboBoxStateChangeType.InputChange;\n  }\n\n  if (\n    type === ITEM_CLICK_STATE_CHANGE_TYPE_VALUE ||\n    type === ITEM_CLICK_STATE_CHANGE_TYPE_INDEX\n  ) {\n    return ComboBoxStateChangeType.ItemClick;\n  }\n\n  if (\n    type === TOGGLE_BUTTON_CLICK_STATE_CHANGE_TYPE_VALUE ||\n    type === TOGGLE_BUTTON_CLICK_STATE_CHANGE_TYPE_INDEX\n  ) {\n    return ComboBoxStateChangeType.ToggleButtonClick;\n  }\n\n  return ComboBoxStateChangeType.InputChange;\n};\n\nexport default mapComboBoxStateChangeType;\n","import {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  FlexGrowProps,\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\nimport React, { ReactElement, useEffect, useState } from \"react\";\n\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Label } from \"../Label\";\nimport { Span } from \"../Span\";\nimport styled from \"styled-components\";\nimport { useCombobox } from \"downshift\";\nimport ComboBoxStateChangeType from \"../../types/ComboBoxStateChangeType\";\nimport mapComboBoxStateChangeType from \"./_/ComboBoxStateChangeTypeMapper\";\n\ninterface Props {\n  optional?: boolean;\n  label: string;\n  message?: ReactElement | string;\n  items: string[];\n  visibleItems: number;\n  valueLengthLookupTrigger: number;\n  error?: boolean;\n  noResultsMessage?: string;\n  onSelect: (selected?: string | null) => void;\n  onChange: (value?: string) => void;\n}\n\nconst LabelWrapper = styled(Label)<ColorProps & { disabled: boolean }>`\n  color: ${({ disabled, theme }) => disabled && theme.colors.disabledColor};\n`;\n\nconst InputWrapper = styled(Flex)<ColorProps & { disabled: boolean }>`\n  background-color: ${({ disabled, theme }) =>\n    disabled && theme.colors.disabledBackground};\n\n  box-sizing: border-box;\n  border-style: solid;\n`;\n\nconst StyledInput = styled.input<Props & SpaceProps & TypographyProps>`\n  ${space}\n  ${typography}\n  font-family: inherit;\n  color: ${({ value, theme }) =>\n    value === \"\" ? theme.colors.neutrals.mn40 : theme.colors.nightSky};\n  border: none;\n  outline: none;\n  background: none;\n  flex-grow: 1;\n\n  :focus,\n  :focus-visible,\n  :focus-within {\n    outline: none;\n  }\n\n  :enabled:focus {\n    ::placeholder {\n      color: ${({ theme }) => theme.colors.nightSky};\n    }\n  }\n\n  :disabled {\n    color: ${({ theme }) => theme.colors.disabledColor};\n  }\n`;\n\nconst StyledButton = styled.button`\n  ${space}\n  background: none;\n  border: none;\n  outline: none;\n  flex-grow: 0;\n  cursor: pointer;\n\n  :active,\n  :hover {\n    background: none;\n  }\n\n  :active,\n  :focus {\n    border: none;\n  }\n\n  :focus {\n    box-shadow: none;\n  }\n`;\n\nconst StyledOptionalMessage = styled(Span)`\n  align-self: flex-end;\n  color: ${({ theme }) => theme.colors.neutrals.mn60};\n`;\n\nconst StyledMessage = styled(Span)<{ error?: boolean }>`\n  align-self: flex-start;\n  color: ${({ error, theme }) =>\n    error ? theme.colors.urgentRed : theme.colors.neutrals.mn60};\n`;\n\nconst StyledItemsContainer = styled.ul<BorderProps & LayoutProps>`\n  ${border}\n  ${layout}\n\n  position: relative;\n  top: 0;\n  margin: 0;\n  padding: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-style: solid;\n  border-width: 2px;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln0};\n  border-top: 0;\n  list-style: none;\n\n  ::-webkit-scrollbar {\n    width: 1em;\n  }\n\n  ::-webkit-scrollbar-track {\n    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln30};\n    border-radius: 6px;\n  }\n\n  outline: none;\n`;\n\nconst StyledItem = styled.li<ColorProps & SpaceProps & TypographyProps>`\n  ${color}\n  ${space}\n  ${typography}\n\n  background: none;\n  position: relative;\n  cursor: pointer;\n  display: block;\n  border-top: 2px solid ${({ theme }) => theme.colors.neutrals.ln10};\n  height: auto;\n  text-align: left;\n  color: ${({ theme }) => theme.colors.nightSky};\n  text-transform: none;\n  box-shadow: none;\n  whitespace: normal;\n  wordwrap: normal;\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  :last-child {\n    border-radius: 0 0 6px 6px;\n  }\n`;\n\nexport const LookupComboBox: React.FC<\n  Props &\n    ColorProps &\n    TypographyProps &\n    FlexGrowProps &\n    SpaceProps &\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onSelect\">\n> = ({\n  id,\n  name,\n  label,\n  optional,\n  placeholder,\n  message,\n  visibleItems,\n  error,\n  value,\n  disabled,\n  noResultsMessage,\n  items,\n  valueLengthLookupTrigger,\n  flexGrow,\n  onSelect,\n  onChange,\n  onFocus,\n  onBlur,\n}) => {\n  const MENU_ITEM_HEIGHT_PIXELS = 60;\n\n  const [hasFocus, setHasFocus] = useState(false);\n  const [menuItems, setMenuItems] = useState<string[]>(items);\n\n  const {\n    inputValue,\n    isOpen,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getInputProps,\n    getComboboxProps,\n    getItemProps,\n    setInputValue,\n  } = useCombobox({\n    defaultSelectedItem: \"\",\n    items: menuItems,\n    onSelectedItemChange: ({ selectedItem }) => {\n      onSelect(selectedItem);\n    },\n    onInputValueChange: ({ inputValue, selectedItem, type }) => {\n      const changeType = mapComboBoxStateChangeType(type);\n\n      if (\n        changeType === ComboBoxStateChangeType.InputChange &&\n        inputValue !== selectedItem\n      ) {\n        onChange(inputValue);\n      }\n\n      if (changeType === ComboBoxStateChangeType.ItemClick) {\n        onSelect(inputValue);\n      }\n\n      if (changeType === ComboBoxStateChangeType.ToggleButtonClick) {\n        onChange(\"\");\n      }\n\n      if (!inputValue && !selectedItem) {\n        onChange(inputValue);\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (\n      inputValue &&\n      inputValue.length >= valueLengthLookupTrigger &&\n      items.length === 0 &&\n      noResultsMessage\n    ) {\n      items.push(noResultsMessage);\n    }\n\n    setMenuItems(items);\n  }, [inputValue, valueLengthLookupTrigger, items, noResultsMessage]);\n\n  // Can't use isOpen alone to toggle menu because we may not have any items to display\n  // Downshift automatically sets isOpen once input is changed\n  // This, however, does not mean there are items to display yet\n  const showMenu =\n    inputValue &&\n    inputValue.length >= valueLengthLookupTrigger &&\n    menuItems.length > 0 &&\n    isOpen;\n\n  const handleResetClick = () => {\n    setInputValue(\"\");\n    onChange(\"\");\n  };\n\n  const handleInputOnFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n    setHasFocus(true);\n\n    if (onFocus) {\n      onFocus(event);\n    }\n  };\n\n  const handleInputOnBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    setHasFocus(false);\n\n    if (onBlur) {\n      onBlur(event);\n    }\n  };\n\n  return (\n    <>\n      <Flex flexDirection=\"column\" flexGrow={flexGrow}>\n        {(label || optional) && (\n          <Flex\n            pl={2}\n            pr={2}\n            mb={1}\n            flexDirection=\"row\"\n            justifyContent=\"space-between\"\n          >\n            {label && (\n              <LabelWrapper\n                {...getLabelProps({\n                  id: `${id}-label`,\n                })}\n                htmlFor={id}\n                mr=\"auto\"\n                disabled={disabled}\n                color=\"nightSky\"\n                fontSize={2}\n                lineHeight={2}\n              >\n                {label}\n              </LabelWrapper>\n            )}\n\n            {optional && (\n              <StyledOptionalMessage fontSize={1} lineHeight={1}>\n                Optional\n              </StyledOptionalMessage>\n            )}\n          </Flex>\n        )}\n\n        <InputWrapper\n          position=\"relative\"\n          flexDirection=\"row\"\n          width=\"100%\"\n          bg=\"neutrals.ln0\"\n          borderWidth={2}\n          borderRadius=\"input\"\n          borderBottomLeftRadius={showMenu ? \"0\" : \"input\"}\n          borderBottomRightRadius={showMenu ? \"0\" : \"input\"}\n          borderColor={\n            error\n              ? \"urgentRed\"\n              : hasFocus || showMenu\n              ? \"hydro\"\n              : \"neutrals.ln40\"\n          }\n          borderBottom={showMenu ? \"0\" : \"\"}\n          boxShadow={hasFocus && !(error || showMenu) ? \"inputFocus\" : \"\"}\n          disabled={disabled}\n          {...getComboboxProps()}\n        >\n          <StyledInput\n            {...getInputProps({\n              onFocus: handleInputOnFocus,\n              onBlur: handleInputOnBlur,\n              autoComplete: \"off\",\n              value: value,\n            })}\n            padding={3}\n            fontSize={2}\n            lineHeight={2}\n            id={id}\n            name={name}\n            disabled={disabled}\n            placeholder={placeholder}\n            error={error}\n            data-error={error} // Expose the data attribute for acceptance tests\n          />\n          <StyledButton\n            {...getToggleButtonProps({\n              id: `${id}-reset-button`,\n              onClick: handleResetClick,\n              type: \"button\",\n            })}\n            variant=\"lowAffordance\"\n            lineHeight={2}\n            pl={2}\n            pr={3}\n            disabled={disabled}\n            aria-label=\"reset\"\n          >\n            <Icon fontSize={5} color=\"neutrals.dn40\" icon={\"close\"} />\n          </StyledButton>\n        </InputWrapper>\n\n        {!showMenu && message && (\n          <StyledMessage fontSize={1} lineHeight={1} px={2} error={error}>\n            {message}\n          </StyledMessage>\n        )}\n      </Flex>\n\n      <StyledItemsContainer\n        {...getMenuProps({\n          id: `${id}-menu`,\n        })}\n        hidden={!showMenu || !menuItems.length}\n        borderColor={showMenu && error ? \"urgentRed\" : showMenu ? \"hydro\" : \"\"}\n        borderBottomLeftRadius=\"input\"\n        borderBottomRightRadius=\"input\"\n        maxHeight={`${visibleItems * MENU_ITEM_HEIGHT_PIXELS}px`}\n        overflowY={menuItems.length > visibleItems ? \"scroll\" : \"hidden\"}\n      >\n        {showMenu &&\n          menuItems.map((item: string, index: number) => (\n            <StyledItem\n              fontSize={1}\n              lineHeight={2}\n              p={3}\n              key={index}\n              {...getItemProps({\n                id: `${id}-menu-item-${index}`,\n                item,\n                index,\n                disabled: item === noResultsMessage,\n              })}\n            >\n              {item}\n            </StyledItem>\n          ))}\n      </StyledItemsContainer>\n    </>\n  );\n};\n\nLookupComboBox.defaultProps = {\n  placeholder: \"Select\",\n  noResultsMessage: \"No results\",\n  visibleItems: 5,\n  valueLengthLookupTrigger: 3,\n};\n","import React, { ReactElement } from \"react\";\nimport { FlexGrowProps } from \"styled-system\";\nimport { LookupComboBox } from \"../LookupComboBox\";\n\ninterface Props {\n  label: string;\n  visibleItems: number;\n  valueLengthLookupTrigger: number;\n  optional?: boolean;\n  message?: ReactElement | string;\n  error?: boolean;\n  noResultsMessage?: string;\n  allowManualEntry?: boolean;\n  items: string[];\n  onSelect: (selected?: string | null) => void;\n  onChange: (value?: string) => void;\n}\n\nexport const AddressSearchField: React.FC<\n  Props &\n    FlexGrowProps &\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onSelect\">\n> = ({ ...props }) => {\n  return <LookupComboBox {...props} />;\n};\n\nAddressSearchField.defaultProps = {\n  id: \"address-search\",\n  name: \"address-search\",\n  disabled: false,\n  label: \"Address\",\n  placeholder: \"Specify address\",\n};\n","import { apiClient } from \"../client/ApiClient\";\nimport { Address } from \"../types/Address\";\n\nconst lookupAddress = async (\n  address: string,\n  isPostalAddress: boolean,\n): Promise<Address[]> => {\n  return await apiClient\n    .get<Address[]>(\"address\", {\n      params: {\n        q: address,\n        isPostalAddress: isPostalAddress,\n      },\n    })\n    .then((response) => response.data);\n};\n\nexport default lookupAddress;\n","import React, { ReactElement, useEffect, useState } from \"react\";\nimport { AddressSearchField } from \"./AddressSearchField\";\nimport { FlexGrowProps } from \"styled-system\";\nimport lookupAddress from \"../../services/AddressService\";\nimport { Address } from \"../../types/Address\";\n\nexport interface AddressSearchFieldProps {\n  label: string;\n  visibleItems: number;\n  optional?: boolean;\n  error?: boolean;\n  message?: ReactElement | string;\n  noResultsMessage?: string;\n  focusable?: boolean;\n  onChange: (value?: string | null) => void;\n  onSelect: (selected?: string | null, selectedId?: string | null) => void;\n  isPostalAddress: boolean;\n  infoMessage?: ReactElement | string;\n}\n\nconst VALUE_LENGTH_LOOKUP_TRIGGER = 3;\n\nexport const AddressSearchFieldContainer: React.FC<\n  AddressSearchFieldProps &\n    FlexGrowProps &\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"onSelect\">\n> = ({\n  message,\n  error,\n  onChange,\n  onSelect,\n  isPostalAddress,\n  noResultsMessage,\n  ...props\n}) => {\n  const [items, setItems] = useState<Address[]>([]);\n  const [apiError, setApiError] = useState(false);\n\n  useEffect(() => {\n    setApiError(error as boolean);\n  }, [error]);\n\n  const handleOnChange = async (value?: string) => {\n    onChange(value);\n\n    let lookupAddresses: Address[] = [];\n\n    if (value && value.length >= VALUE_LENGTH_LOOKUP_TRIGGER) {\n      try {\n        lookupAddresses = await lookupAddress(value, isPostalAddress);\n      } catch (err: any) {\n        setApiError(true);\n      }\n    }\n\n    setItems(lookupAddresses);\n  };\n\n  const handleOnSelect = (selected?: string | null) => {\n    if (!selected || !items) {\n      return;\n    }\n\n    const selectedItem = items.find(\n      (item) => selected === item?.label,\n    ) as Address;\n\n    onSelect(selected, selectedItem.id);\n  };\n\n  return (\n    <AddressSearchField\n      {...props}\n      items={items.map((item) => item.label)}\n      error={apiError}\n      message={apiError ? message : props.infoMessage}\n      noResultsMessage={noResultsMessage}\n      valueLengthLookupTrigger={VALUE_LENGTH_LOOKUP_TRIGGER}\n      onChange={handleOnChange}\n      onSelect={handleOnSelect}\n    />\n  );\n};\n\nAddressSearchFieldContainer.defaultProps = {\n  error: false,\n  disabled: false,\n  optional: false,\n  focusable: true,\n  isPostalAddress: false,\n  noResultsMessage: \"We couldn’t find this address.\",\n};\n","import React from \"react\";\nimport { FieldProps, getIn } from \"formik\";\nimport { AddressSearchField } from \"../AddressSearchField\";\nimport { AddressSearchFieldProps } from \"../AddressSearchField/AddressSearchFieldContainer\";\nimport { FlexGrowProps } from \"styled-system\";\n\ninterface Props {\n  nameId: string;\n  isPostalAddress: boolean;\n}\n\nexport const FormikAddressSearchField: React.FC<\n  Props & FieldProps & AddressSearchFieldProps & FlexGrowProps\n> = ({ field, form, nameId, isPostalAddress, ...props }) => {\n  const handleOnChange = (value?: string | null | undefined) => {\n    form.setFieldValue(field.name, value);\n    form.setFieldValue(nameId, \"\");\n  };\n\n  const handleOnSelect = (\n    value?: string | null | undefined,\n    valueId?: string | null,\n  ) => {\n    form.setFieldValue(field.name, value);\n    form.setFieldValue(nameId, valueId);\n\n    setTimeout(() => {\n      form.validateField(field.name);\n    }, 200);\n  };\n\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <AddressSearchField\n      {...field}\n      error={touch && error ? error : false}\n      {...props}\n      onSelect={handleOnSelect}\n      onChange={handleOnChange}\n      isPostalAddress={isPostalAddress}\n    />\n  );\n};\n","import React from \"react\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { Flex } from \"../Flex\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { FormikAddressSearchField } from \"../FormikAddressSearchField\";\n\ninterface Props {\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  validateField: (field: string) => void;\n  disabled?: boolean;\n  label?: string;\n  placeholder?: string;\n  infoMessage?: string | (() => void);\n}\n\nexport const PostalAddress: React.FC<Props> = ({\n  fieldIdPrefix,\n  fieldNamePrefix,\n  label,\n  infoMessage,\n  disabled,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex flexDirection=\"column\" mb={4}>\n        <Field\n          id={`${fieldIdPrefix}.billingAddressDisplay`}\n          name={`${fieldNamePrefix}.billingAddressDisplay`}\n          nameId={`${fieldNamePrefix}.billingAddressId`}\n          label={label}\n          visibleItems={10}\n          placeholder={\"e.g. 101 Carlton Gore Road, Newmarket, Auckland\"}\n          noResultsMessage={\n            \"We couldn’t find a matching address, please enter a valid postal address.\"\n          }\n          component={FormikAddressSearchField}\n          isPostalAddress\n          infoMessage={infoMessage}\n          disabled={disabled}\n        />\n        <ErrorMessage\n          name={`${fieldNamePrefix}.billingAddressDisplay`}\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n\nPostalAddress.defaultProps = {\n  disabled: false,\n  label: \"NZ Billing Address\",\n};\n","import React, { useEffect, useState } from \"react\";\nimport { Form, Formik, FormikState } from \"formik\";\nimport styled from \"styled-components\";\nimport { space, SpaceProps } from \"styled-system\";\nimport { AccountDetailsFormSchema } from \"./AccountDetailsFormSchema\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { Button } from \"../Button\";\nimport { ContactDetailFields } from \"../ContactDetailsForm/ContactDetailFields\";\nimport { CompanyNzbn } from \"../CompanyNzbn/CompanyNzbn\";\nimport { Flex } from \"../Flex\";\nimport { Link } from \"../Link\";\nimport { PostalAddress } from \"../PostalAddress\";\nimport { Span } from \"../Span\";\nimport { CompleteProfileFormValues } from \"../../types/CompleteProfileFormValues\";\n\ninterface Props {\n  onSubmit: (values: CompleteProfileFormValues) => void;\n  initialValues?: CompleteProfileFormValues;\n}\n\nconst FormWrapper = styled(Form)<SpaceProps>`\n  ${space}\n`;\n\nexport const AccountDetailsForm: React.FC<Props> = ({\n  initialValues,\n  onSubmit,\n}) => {\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const validationSchema = AccountDetailsFormSchema;\n\n  const handleSubmit = (values: CompleteProfileFormValues) => {\n    onSubmit(values);\n    setIsSubmitting(true);\n  };\n\n  const handleOnCancelClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    resetForm: (\n      nextState?: Partial<FormikState<CompleteProfileFormValues>> | undefined,\n    ) => void,\n  ) => {\n    resetForm && resetForm();\n  };\n\n  const changePostalOrBusinessInfoText = (isBusinessAccount: boolean) => {\n    return (\n      <Span>\n        {`If you need to update your postal address${\n          isBusinessAccount ? \" or business information\" : \"\"\n        },\n\t\t\t  please`}\n        <Link href={\"mailto:vectorconnections@vector.co.nz\"}> contact us.</Link>\n      </Span>\n    );\n  };\n\n  useEffect(() => {\n    setIsSubmitting(false);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialValues]);\n\n  return (\n    <Formik\n      validateOnChange={false}\n      /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n      initialValues={initialValues!}\n      validationSchema={validationSchema}\n      enableReinitialize={true}\n      onSubmit={handleSubmit}\n    >\n      {({ values, resetForm, dirty, validateField }) => {\n        const prefix = \"profile\";\n        const isBusinessAccount = values?.profile?.type === \"business\";\n\n        return (\n          <FormWrapper mb={7}>\n            <Flex\n              flexDirection=\"column\"\n              mt={3}\n              border=\"1px solid\"\n              borderColor=\"neutrals.ln30\"\n              bg=\"neutrals.ln10\"\n              borderRadius=\"radio\"\n              padding={4}\n            >\n              <ContactDetailFields\n                focusable={true}\n                idPrefix={prefix}\n                namePrefix={prefix}\n                optionalAlternatePhone\n                showEmail={false}\n                disabledBusinessName={isBusinessAccount}\n                showBusinessName={isBusinessAccount}\n              />\n\n              {isBusinessAccount && (\n                <CompanyNzbn prefix={prefix} disabled={true} />\n              )}\n\n              <PostalAddress\n                fieldIdPrefix={prefix}\n                fieldNamePrefix={prefix}\n                validateField={validateField}\n                disabled={true}\n              />\n\n              <BasicNotificationBanner\n                message={() =>\n                  changePostalOrBusinessInfoText(isBusinessAccount)\n                }\n                variant=\"default\"\n                icon=\"info\"\n              />\n            </Flex>\n\n            <Flex justifyContent=\"flex-end\" mt={7}>\n              <Button\n                onClick={(e) => handleOnCancelClick(e, resetForm)}\n                disabled={!dirty}\n                variant=\"ghost\"\n                mr={3}\n                data-testid=\"cancel-button\"\n              >\n                Cancel\n              </Button>\n\n              <Button\n                type=\"submit\"\n                disabled={!dirty || isSubmitting}\n                loading={isSubmitting}\n                data-testid=\"save-button\"\n              >\n                Save\n              </Button>\n            </Flex>\n          </FormWrapper>\n        );\n      }}\n    </Formik>\n  );\n};\n","import {\n  BorderProps,\n  ColorProps,\n  FlexboxProps,\n  LayoutProps,\n  ShadowProps,\n  SizeProps,\n  SpaceProps,\n  TypographyProps,\n  border,\n  color,\n  flexbox,\n  layout,\n  shadow,\n  size,\n  space,\n  typography,\n  variant,\n} from \"styled-system\";\nimport React, { ButtonHTMLAttributes } from \"react\";\n\nimport { Icon } from \"../Icon\";\nimport styled from \"styled-components\";\n\nexport interface ActionLinkProps {\n  variant?: \"primary\" | \"secondary\";\n  iconLeft?: string;\n  iconRight?: string;\n}\n\nconst ButtonComponent = styled.button`\n  ${border}\n  ${color}\n  ${flexbox}\n  ${layout}\n  ${shadow}\n  ${space}\n  ${size}\n  ${typography}\n  background: transparent;\n  border: none;\n  text-align: center;\n  text-decoration: none;\n  appearance: none;\n  cursor: pointer;\n  font-family: inherit;\n  outline: none;\n\n  &:disabled {\n    pointer-events: none;\n  }\n`;\n\nconst Component = styled(ButtonComponent)<\n  ActionLinkProps &\n    FlexboxProps &\n    SpaceProps &\n    SizeProps &\n    BorderProps &\n    LayoutProps &\n    ColorProps &\n    TypographyProps &\n    ShadowProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n>(\n  variant({\n    scale: \"actionLink\",\n    variants: {\n      primary: {\n        color: \"primary\",\n        lineHeight: \"body\",\n        fontSize: \"body\",\n        px: 0,\n        fontWeight: \"medium\",\n        \">:only-child\": {\n          color: \"primary\",\n        },\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n        },\n        \"&:hover\": {\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"primary\",\n        },\n        \"&:active\": {\n          color: \"hydroDarker\",\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"hydroDarker\",\n          \">:only-child\": {\n            color: \"hydroDarker\",\n          },\n        },\n        \"&:visited\": {\n          color: \"hydroLight\",\n          borderBottomColor: \"hydroLight\",\n          \">:only-child\": {\n            color: \"hydroLight\",\n          },\n        },\n        \"&:disabled\": {\n          color: \"neutrals.mn40\",\n          \">:only-child\": {\n            color: \"neutrals.mn40\",\n          },\n        },\n      },\n      secondary: {\n        color: \"nightSky\",\n        lineHeight: \"body\",\n        fontSize: \"body\",\n        px: 0,\n        fontWeight: \"medium\",\n        \">:only-child\": {\n          color: \"nightSky\",\n        },\n        \"&:focus\": {\n          borderColor: \"nightSky\",\n          boxShadow: \"inputFocus\",\n        },\n        \"&:hover\": {\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"nightSky\",\n        },\n        \"&:active\": {\n          color: \"nightSkyLight\",\n          borderBottom: \"1px solid\",\n          borderBottomColor: \"nightSkyLight\",\n          \">:only-child\": {\n            color: \"nightSkyLight\",\n          },\n        },\n        \"&:visited\": {\n          color: \"nightSkyLight\",\n          borderBottomColor: \"nightSkyLight\",\n          \">:only-child\": {\n            color: \"nightSkyLight\",\n          },\n        },\n        \"&:disabled\": {\n          color: \"neutrals.mn40\",\n          \">:only-child\": {\n            color: \"neutrals.mn40\",\n          },\n        },\n      },\n    },\n  }),\n);\n\nexport const ActionLink: React.FC<\n  ActionLinkProps &\n    SpaceProps &\n    SizeProps &\n    BorderProps &\n    LayoutProps &\n    TypographyProps &\n    ShadowProps &\n    FlexboxProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n> = ({ variant, iconLeft, iconRight, children, ...props }) => {\n  return (\n    <Component\n      type=\"button\"\n      verticalAlign=\"middle\"\n      variant={variant}\n      {...props}\n    >\n      {iconLeft && <Icon icon={iconLeft} mr={2} />}\n      {children}\n      {iconRight && <Icon icon={iconRight} ml={2} />}\n    </Component>\n  );\n};\n\nActionLink.defaultProps = {\n  variant: \"primary\",\n  disabled: false,\n};\n","import React, { HTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  space,\n  SpaceProps,\n} from \"styled-system\";\n\nconst LineWrapper = styled.hr<\n    BorderProps &\n    LayoutProps &\n    SpaceProps &\n    ColorProps &\n    PositionProps &\n    HTMLAttributes<HTMLHRElement>\n  >`\n  ${border}\n  ${layout}\n  ${color}\n  ${space}\n  ${position}\n`;\n\nexport const Line: React.FC<\n  BorderProps &\n  LayoutProps &\n  SpaceProps &\n  ColorProps &\n  PositionProps &\n  HTMLAttributes<HTMLHRElement>> = props => <LineWrapper {...props} />;\n\nLine.defaultProps = {\n  opacity: 0.2,\n  height: 1,\n  bg: \"primary\",\n  border: \"none\",\n};\n","import React from \"react\";\nimport { ActionLink } from \"../ActionLink\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { Flex } from \"../Flex\";\nimport { Span } from \"../Span\";\nimport { Title } from \"../Title\";\nimport { SpaceProps } from \"styled-system\";\nimport { Box } from \"../Box\";\nimport { Line } from \"../Line\";\nimport { Link } from \"../Link\";\n\ninterface Props {\n  email: string;\n  passwordChangeDate: string;\n  createdDate: string;\n  onResetPasswordClick: (email: string) => void;\n}\n\nexport const AccountSecurityDetails: React.FC<Props & SpaceProps> = ({\n  email,\n  passwordChangeDate,\n  createdDate,\n  onResetPasswordClick,\n}) => {\n  const handleResetPasswordClick = () => {\n    onResetPasswordClick(email);\n  };\n\n  const noPasswordChangeDate = passwordChangeDate === \"\";\n\n  return (\n    <>\n      <Flex flexDirection=\"column\">\n        <Title fontSize={4} lineHeight={4} fontStyle=\"normal\" fontWeight=\"500\">\n          Security\n        </Title>\n\n        <Flex\n          flexDirection=\"column\"\n          p={4}\n          borderRadius=\"notificationBanner\"\n          bg=\"neutrals.ln10\"\n          border=\"1px solid\"\n          borderColor=\"neutrals.ln30\"\n        >\n          <Flex mb={[2, 2, 3]} flexDirection={[\"column\", \"column\", \"row\"]}>\n            <Span\n              color=\"neutrals.dn40\"\n              flexGrow={0.25}\n              flexBasis={0}\n              minWidth={0}\n            >\n              Email\n            </Span>\n\n            <Span\n              color=\"nightSky\"\n              flexGrow={0.75}\n              flexBasis={0}\n              minWidth={0}\n              data-testid=\"security-info-email\"\n              mt={[3, 3, 0]}\n            >\n              {email}\n            </Span>\n          </Flex>\n\n          <Flex\n            my={5}\n            alignItems=\"flex-start\"\n            flexDirection={[\"column\", \"column\", \"row\"]}\n          >\n            <Span\n              color=\"neutrals.dn40\"\n              flexGrow={[1, 1, 0.25]}\n              flexBasis={0}\n              minWidth={0}\n            >\n              Password\n            </Span>\n\n            {noPasswordChangeDate && (\n              <Span\n                color=\"neutrals.mn80\"\n                fontSize={1}\n                lineHeight={1}\n                flexGrow={[1, 1, 0.5]}\n                flexBasis={0}\n                minWidth={0}\n                data-testid=\"security-info-created-date\"\n                mt={[3, 3, 0]}\n              >\n                {`Created ${createdDate}`}\n              </Span>\n            )}\n\n            {!noPasswordChangeDate && (\n              <Span\n                color=\"neutrals.mn80\"\n                fontSize={1}\n                lineHeight={1}\n                flexGrow={[1, 1, 0.5]}\n                flexBasis={0}\n                minWidth={0}\n                data-testid=\"security-info-password\"\n                mt={[3, 3, 0]}\n              >\n                {`Last updated ${passwordChangeDate}`}\n              </Span>\n            )}\n\n            <Box\n              flexGrow={[1, 1, 0.25]}\n              flexBasis={0}\n              minWidth={0}\n              ml={[\"0\", \"0\", \"auto\"]}\n              mt={[3, 3, 0]}\n              textAlign=\"right\"\n            >\n              <ActionLink onClick={handleResetPasswordClick}>\n                Reset password\n              </ActionLink>\n            </Box>\n          </Flex>\n\n          <Line\n            width=\"100%\"\n            border=\"1px solid\"\n            borderColor=\"neutrals.ln30\"\n            bg=\"neutrals.ln30\"\n            opacity=\"1\"\n            height={0}\n            mb={[5]}\n          />\n\n          <BasicNotificationBanner\n            message={() => (\n              <Span>\n                To change your 2-step verification method, please contact us on{\" \"}\n                <Link href=\"mailto:tech.support@vector.co.nz\">\n                  tech.support@vector.co.nz\n                </Link>\n              </Span>\n            )}\n            variant=\"information\"\n            icon=\"info\"\n          />\n        </Flex>\n      </Flex>\n    </>\n  );\n};\n","import React from \"react\";\nimport { AccountSecurityDetails } from \"./AccountSecurityDetails\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\ninterface Props {\n  onResetPasswordClick: (email: string) => void;\n}\n\nexport const AccountSecurityDetailsContainer: React.FC<Props> = ({\n  onResetPasswordClick,\n}) => {\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n  const { email, passwordChangeDate, createdDate } = userAuth0Details;\n\n  return (\n    <AccountSecurityDetails\n      email={email}\n      passwordChangeDate={passwordChangeDate}\n      createdDate={createdDate}\n      onResetPasswordClick={onResetPasswordClick}\n    />\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  variant,\n  border,\n  color,\n  borderColor,\n  BorderProps,\n} from \"styled-system\";\n\ninterface Props {\n  variant?: \"primary\" | \"secondary\";\n}\n\nconst Div = styled.div`\n  ${border}\n  ${color}\n  ${borderColor}\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 8px 16px;\n\n  position: static;\n  width: fit-content;\n  height: 40px;\n\n  box-sizing: border-box;\n  border-radius: 20px;\n  border-style: solid;\n  border-width: 2px;\n`;\n\nconst BadgeVariant = styled(Div)(\n  variant({\n    scale: \"badge\",\n    variants: {\n      primary: {\n        bg: \"neutrals.ln0\",\n        borderColor: \"neutrals.ln40\",\n        color: \"baseColors.nightSky\",\n      },\n      secondary: {\n        bg: \"hydro10\",\n        borderColor: \"hydro25\",\n        color: \"primary\",\n      },\n    },\n  }),\n);\n\nexport const Badge: React.FC<Props & BorderProps> = ({\n  children,\n  ...props\n}) => {\n  return <BadgeVariant {...props}>{children}</BadgeVariant>;\n};\n\nBadge.defaultProps = {\n  variant: \"primary\",\n};\n","import React from \"react\";\nimport { Title } from \"../Title\";\nimport { CompleteProfileFormValues } from \"../../types/CompleteProfileFormValues\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { Span } from \"../Span\";\nimport { AccountDetailsForm } from \"../AccountDetailsForm\";\nimport { AccountSecurityDetails } from \"../AccountSecurityDetails\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport { Link } from \"../Link\";\n\ninterface AccountSettingsProps {\n  userInfo: CompleteProfileFormValues;\n  onSubmit: (values: CompleteProfileFormValues) => void;\n  onResetPasswordClick: (email: string) => void;\n}\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.largeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n\n  ${mediaQueries.largeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nexport const AccountSettings: React.FC<AccountSettingsProps> = ({\n  userInfo,\n  onSubmit,\n  onResetPasswordClick,\n}) => {\n  const handleSubmit = async (values: CompleteProfileFormValues) => {\n    onSubmit(values);\n  };\n\n  let firstName = \"\";\n  let isAdmin = false;\n\n  if (userInfo && userInfo.profile) {\n    firstName = userInfo.profile.firstName;\n    isAdmin = userInfo.profile.isAdmin || false;\n  }\n\n  return (\n    <GridWrapper mx={[2, 2, 4, 4, 0]}>\n      <FlexWrapper flexDirection=\"column\">\n        <Flex alignItems=\"center\" justifyContent={\"flex-start\"} mb={5}>\n          <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mr={4}>\n            Hi {firstName}\n          </Title>\n\n          {isAdmin && <Badge>Admin</Badge>}\n        </Flex>\n\n        <Span\n          display=\"inline-block\"\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n        >\n          Account details\n        </Span>\n\n        <AccountDetailsForm initialValues={userInfo} onSubmit={handleSubmit} />\n\n        <AccountSecurityDetails onResetPasswordClick={onResetPasswordClick} />\n\n        {isAdmin && (\n          <Flex flexDirection=\"column\" mt={7} mb={4}>\n            <Title\n              fontSize={4}\n              lineHeight={4}\n              fontStyle=\"normal\"\n              fontWeight=\"500\"\n            >\n              User management\n            </Title>\n\n            <Flex\n              flexDirection=\"row\"\n              p={4}\n              borderRadius=\"notificationBanner\"\n              bg=\"neutrals.ln10\"\n              border=\"1px solid\"\n              borderColor=\"neutrals.ln30\"\n            >\n              <Icon icon=\"person_add\" mr={2} />\n              <Span>\n                If you need to invite users under this business account, please{\" \"}\n                <Link href=\"mailto: vectorconnections@vector.co.nz\">\n                  contact us\n                </Link>\n                .\n              </Span>\n            </Flex>\n          </Flex>\n        )}\n      </FlexWrapper>\n    </GridWrapper>\n  );\n};\n","import { CompleteProfileFormValues } from \"../types/CompleteProfileFormValues\";\n\nexport const EMPTY_COMPLETE_PROFILE_VALUES: CompleteProfileFormValues = {\n  profile: {\n    firstName: \"\",\n    lastName: \"\",\n    mobile: \"\",\n    alternatePhone: \"\",\n    businessName: \"\",\n    id: \"\",\n    auth0Id: \"\",\n    type: \"personal\",\n    isInvitedUser: \"false\",\n    billingAddressDisplay: \"\",\n    billingAddressId: \"\",\n    manuallyEnteredBillingAddress: false,\n    manualBillingAddress: {\n      addressString: \"\",\n      suburb: \"\",\n      city: \"\",\n      postcode: \"\",\n    },\n    companyNzbn: \"\",\n    email: \"\",\n  },\n};\n","import axios, { AxiosRequestConfig } from \"axios\";\nimport env from \"../environment\";\n\nconst config: AxiosRequestConfig = {\n  baseURL: env.auth0ApiBaseUrl,\n  headers: {\n    \"Content-Type\": \"application/json\",\n    Accept: \"application/json\",\n  },\n};\n\nexport const auth0Client = axios.create(config);\n","import env from \"../environment\";\nimport { auth0Client } from \"../client/Auth0Client\";\nimport { PasswordReset } from \"../types/PasswordReset\";\n\nconst AUTH0_APP_CONNECTION = \"Username-Password-Authentication\";\n\nconst sendPasswordResetEmail = async (email: string): Promise<boolean> => {\n  const request: PasswordReset = {\n    /* eslint-disable  @typescript-eslint/camelcase */\n    client_id: env.auth0ClientId,\n    connection: AUTH0_APP_CONNECTION,\n    email,\n  };\n\n  return await auth0Client\n    .post<boolean>(\"dbconnections/change_password\", request)\n    .then((response) => response.status === 200);\n};\n\nexport default sendPasswordResetEmail;\n","import {\n  BorderProps,\n  ColorProps,\n  LayoutProps,\n  SpaceProps,\n  border,\n  color,\n  layout,\n  size,\n  space,\n  typography,\n  variant,\n} from \"styled-system\";\nimport React, { ButtonHTMLAttributes } from \"react\";\n\nimport { Icon } from \"../Icon\";\nimport styled from \"styled-components\";\n\nexport interface Props {\n  icon: string;\n  variant?: \"primary\" | \"secondary\" | \"transparent\";\n  magnitude?: \"small\" | \"large\";\n}\n\nconst Wrapper = styled.button`\n  ${border}\n  ${color}\n  ${layout}\n  ${space}\n  ${size}\n  ${typography}\n  cursor: pointer;\n  text-decoration: none;\n  border: none;\n  border-radius: 50%;\n  appearance: none;\n  padding: 0;\n  font-family: inherit;\n  &:disabled {\n    pointer-events: none;\n  }\n`;\n\nconst ActionVariant = styled(Wrapper)(\n  variant({\n    scale: \"actionButton\",\n    variants: {\n      primary: {\n        bg: \"neutrals.ln20\",\n        color: \"primary\",\n        \">:only-child\": {\n          color: \"primary\",\n        },\n        \"&:hover\": {\n          bg: \"neutrals.ln20\",\n        },\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n          outline: \"none\",\n        },\n        \"&:active\": {\n          bg: \"neutrals.ln30\",\n          borderColor: \"none\",\n          boxShadow: \"none\",\n        },\n        \"&:disabled\": {\n          bg: \"neutrals.ln10\",\n          color: \"disabledColor\",\n          \">:only-child\": {\n            color: \"disabledColor\",\n          },\n        },\n      },\n      secondary: {\n        bg: \"transparent\",\n        color: \"neutrals.dn40\",\n        \">:only-child\": {\n          color: \"neutrals.dn40\",\n        },\n        \"&:hover\": {\n          bg: \"neutrals.ln20\",\n        },\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n          outline: \"none\",\n        },\n        \"&:active\": {\n          bg: \"neutrals.ln30\",\n          borderColor: \"none\",\n          boxShadow: \"none\",\n        },\n        \"&:disabled\": {\n          bg: \"transparent\",\n          color: \"disabledColor\",\n          \">:only-child\": {\n            color: \"disabledColor\",\n          },\n        },\n      },\n      transparent: {\n        bg: \"transparent\",\n        color: \"neutrals.dn40\",\n        \">:only-child\": {\n          color: \"neutrals.dn40\",\n        },\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n          outline: \"none\",\n        },\n        \"&:disabled\": {\n          bg: \"transparent\",\n          color: \"disabledColor\",\n          \">:only-child\": {\n            color: \"disabledColor\",\n          },\n        },\n      },\n    },\n  }),\n  variant({\n    prop: \"magnitude\",\n    scale: \"actionButtonMagnitude\",\n    variants: {\n      small: {\n        width: 10,\n        height: 10,\n        \">:only-child\": {\n          fontSize: 4,\n        },\n      },\n      large: {\n        width: 12,\n        height: 12,\n        \">:only-child\": {\n          fontSize: 7,\n        },\n      },\n    },\n  }),\n);\n\nconst IconWrapper = styled(Icon)`\n  padding: 1px 6px;\n`;\n\nexport const ActionButton: React.FC<\n  Props &\n    ColorProps &\n    SpaceProps &\n    LayoutProps &\n    BorderProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n> = ({ icon, ...props }) => (\n  <ActionVariant type=\"button\" {...props}>\n    <IconWrapper icon={icon} m=\"auto\" data-testid=\"icon\" />\n  </ActionVariant>\n);\n\nActionButton.defaultProps = {\n  variant: \"primary\",\n  magnitude: \"small\",\n  disabled: false,\n};\n","import React, { useEffect, useState } from \"react\";\nimport styled, { css, keyframes } from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { ActionButton } from \"../ActionButton\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { BasicNotificationBannerProps } from \"../BasicNotificationBanner/BasicNotificationBanner\";\nimport { Flex } from \"../Flex\";\n\ninterface Props extends BasicNotificationBannerProps {\n  showBanner: boolean;\n  onBannerClose: () => void;\n}\n\nconst slideInAnimation = keyframes`\n  0% {\n    transform: translateY(50px);\n    opacity: 0;\n  }\n\n  75% {\n    transform: translateY(0);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst slideOutAnimation = keyframes`\n  0% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n\n  75% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateY(50px);\n  }\n`;\n\nconst StyledFloatingBanner = styled(Flex)<{ isVisible: boolean }>`\n  position: sticky;\n  top: 75vh;\n  z-index: 9999;\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.06);\n\n  ${mediaQueries.mediumDevice} {\n    width: 374px;\n  }\n\n  ${({ isVisible }) =>\n    isVisible &&\n    css`\n      animation: ${slideInAnimation} 0.25s ease-out forwards;\n    `}\n\n  ${({ isVisible }) =>\n    !isVisible &&\n    css`\n      animation: ${slideOutAnimation} 0.25s ease-in forwards;\n    `}\n`;\n\nexport const FloatingBanner: React.FC<Props> = ({\n  showBanner,\n  onBannerClose,\n  ...props\n}) => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  const handleCloseClick = () => {\n    onBannerClose();\n    setIsVisible(false);\n  };\n\n  useEffect(() => {\n    setIsVisible(showBanner);\n  }, [showBanner]);\n\n  return (\n    <StyledFloatingBanner\n      borderRadius=\"notificationBanner\"\n      flexDirection=\"column\"\n      my={[2, 2, 1]}\n      mx={[2, 2, 1]}\n      left={[\"0\", \"0\", \"2vw\"]}\n      isVisible={isVisible}\n      data-testid=\"floating-banner\"\n    >\n      <BasicNotificationBanner\n        {...props}\n        closeButton={\n          <ActionButton\n            icon=\"close\"\n            variant=\"transparent\"\n            color=\"neutrals.dn40\"\n            onClick={handleCloseClick}\n            ml=\"auto\"\n          />\n        }\n      />\n    </StyledFloatingBanner>\n  );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { BasicNotificationBannerProps } from \"../BasicNotificationBanner/BasicNotificationBanner\";\nimport { FloatingBanner } from \"./FloatingBanner\";\n\nexport interface FloatingBannerProps extends BasicNotificationBannerProps {\n  visible: boolean;\n  onBannerClose?: () => void;\n}\n\nconst BANNER_AUTO_DISMISS_TIME_MILLISECONDS = 5000;\nconst BANNER_RENDER_DELAY_TIME_MILLISECONDS = 1000;\n\n/**\n * Has to be relative to the main parent on page in order to render correctly at the bottom of the page\n */\nexport const FloatingBannerContainer: React.FC<FloatingBannerProps> = ({\n  visible,\n  onBannerClose,\n  ...props\n}) => {\n  const [showBanner, setShowBanner] = useState(false);\n  const [renderBanner, setRenderBanner] = useState(false);\n\n  const closeBanner = () => {\n    // Slight delay before removing element from DOM\n    // This allows sufficient time for animations to complete (hiding banner)\n    setTimeout(() => {\n      setRenderBanner(false);\n      onBannerClose && onBannerClose();\n    }, BANNER_RENDER_DELAY_TIME_MILLISECONDS);\n  };\n\n  useEffect(() => {\n    setShowBanner(visible);\n    setRenderBanner(visible);\n  }, [visible]);\n\n  useEffect(() => {\n    if (!renderBanner) {\n      return;\n    }\n\n    // Automatically dismiss the banner after x seconds if it is visible\n    setTimeout(() => {\n      setShowBanner(false);\n      closeBanner();\n    }, BANNER_AUTO_DISMISS_TIME_MILLISECONDS);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [renderBanner]);\n\n  const handleOnBannerClose = () => {\n    closeBanner();\n  };\n\n  return (\n    <>\n      {renderBanner && (\n        <FloatingBanner\n          showBanner={showBanner}\n          onBannerClose={handleOnBannerClose}\n          {...props}\n        />\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport { Button } from \"../../../Button\";\nimport { Icon } from \"../../../Icon\";\nimport { Span } from \"../../../Span\";\nimport { NavLink, useHistory } from \"react-router-dom\";\nimport styled from \"styled-components\";\nimport { Line } from \"../../../Line\";\nimport { Box } from \"../../../Box\";\nimport { SpaceProps, space } from \"styled-system\";\nimport { Link } from \"../../../Link\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\nconst StyledNavLink = styled(NavLink)<SpaceProps>`\n  ${space}\n\n  display: block;\n  text-decoration: none;\n  border-radius: 6px;\n\n  &.active {\n    background-color: ${(props) => props.theme.colors.neutrals.ln30};\n  }\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n`;\n\nconst FeedbackLink = styled(Link)`\n  &:hover {\n    border: none;\n  }\n`;\n\nexport const OrderDetailsListNavigationMenu: React.FC = () => {\n  const history = useHistory();\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n  const { auth0Id } = userAuth0Details;\n\n  let feedbackUrl = \"https://survey.vector.co.nz/jfe/form/SV_0HXtq1qeG8zfWRM\";\n  if (auth0Id) {\n    feedbackUrl += `?user=${auth0Id.replace(\"auth0|\", \"\")}`;\n  }\n\n  const handleOnClick = () => {\n    history.push(\"/service-type\");\n  };\n\n  return (\n    <Flex\n      flexDirection=\"column\"\n      height=\"90vh\"\n      width={[\"100%\", \"100%\", \"262px\"]}\n    >\n      <Flex mt={3} px={3} flexDirection=\"column\">\n        <Button\n          iconLeft=\"add_circle\"\n          magnitude=\"large\"\n          lineHeight=\"22px\"\n          fontWeight=\"medium\"\n          onClick={handleOnClick}\n        >\n          New Order\n        </Button>\n\n        <Flex flexDirection=\"column\" mt={5}>\n          <Flex alignItems=\"center\" p=\"12px\" mb={2}>\n            <Box ml=\"12px\">\n              <Icon icon=\"description\" color=\"neutrals.mn80\" />\n            </Box>\n\n            <Span\n              fontSize={2}\n              lineHeight={2}\n              fontWeight=\"medium\"\n              ml={3}\n              color=\"nightSky\"\n            >\n              Orders\n            </Span>\n          </Flex>\n\n          <Box mb={1} ml={6}>\n            <StyledNavLink\n              exact\n              activeClassName=\"active\"\n              to=\"/order-details-list/open-orders\"\n              px={2}\n              py={1}\n              ml={2}\n            >\n              <Span\n                color=\"nightSky\"\n                fontSize={1}\n                lineHeight={4}\n                fontWeight=\"medium\"\n              >\n                Open orders\n              </Span>\n            </StyledNavLink>\n          </Box>\n\n          <Box mb={1} ml={6}>\n            <StyledNavLink\n              exact\n              activeClassName=\"active\"\n              to=\"/order-details-list/closed-orders\"\n              px={2}\n              py={1}\n              ml={2}\n            >\n              <Span\n                color=\"nightSky\"\n                fontSize={1}\n                lineHeight={4}\n                fontWeight=\"medium\"\n              >\n                Closed orders\n              </Span>\n            </StyledNavLink>\n          </Box>\n\n          <Box mb={1} ml={6}>\n            <StyledNavLink\n              exact\n              activeClassName=\"active\"\n              to=\"/order-details-list/draft-orders\"\n              px={2}\n              py={1}\n              ml={2}\n            >\n              <Span\n                color=\"nightSky\"\n                fontSize={1}\n                lineHeight={4}\n                fontWeight=\"medium\"\n              >\n                Draft orders\n              </Span>\n            </StyledNavLink>\n          </Box>\n        </Flex>\n      </Flex>\n\n      <Flex px={4} mt=\"auto\" mb={[2, 2, 5]} flexDirection=\"column\">\n        <Line\n          width=\"100%\"\n          zIndex={0}\n          border=\"1px solid\"\n          borderColor=\"neutrals.ln30\"\n          bg=\"neutrals.ln30\"\n          opacity=\"1\"\n          height={0}\n        />\n\n        <Flex alignItems=\"center\" mt={3} mb={2}>\n          <FeedbackLink\n            href={feedbackUrl}\n            target=\"_blank\"\n            data-testid=\"feedback-link\"\n          >\n            <Icon icon=\"chat\" color=\"neutrals.mn80\" />\n            <Span\n              fontSize={1}\n              lineHeight={2}\n              fontWeight=\"medium\"\n              ml={2}\n              color=\"nightSky\"\n            >\n              Feedback\n            </Span>\n          </FeedbackLink>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport { LayoutProps, TypographyProps } from \"styled-system\";\nimport { Span } from \"../Span\";\n\nconst TooltipBox = styled(Span)`\n    background-color: ${({ theme }) => theme.colors.neutrals.dn50};\n    color: ${({ theme }) => theme.colors.neutrals.ln0};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n\nexport const Tooltip: React.FC<\n    LayoutProps &\n    TypographyProps &\n    InputHTMLAttributes<HTMLInputElement>> =\n    ({   id,\n         children,\n         ...props }) => {\n  return(\n      <TooltipBox borderRadius=\"input\"\n                  id={id}\n                  px={2}\n                  py=\"2px\"\n                  fontSize={0}\n                  overflow=\"hidden\"\n                  textAlign=\"center\"\n                  role=\"tooltip\"\n                  {...props}\n      >\n          {children}\n      </TooltipBox>\n  );\n};\n\nTooltip.defaultProps = {\n  fontSize: 1,\n  lineHeight: 1\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Icon } from \"../Icon\";\nimport { Flex } from \"../Flex\";\nimport {\n  color,\n  ColorProps,\n  FlexboxProps,\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  TypographyProps,\n} from \"styled-system\";\n\ninterface Props {\n  icon: string;\n}\n\nconst TooltipWrapper = styled(Tooltip)<LayoutProps & SpaceProps>`\n  ${layout}\n  ${space}\n  &:hover {\n    opacity: 1;\n    visibility: visible;\n  }\n  opacity: 0;\n  transition: 0;\n  visibility: hidden;\n  position: absolute;\n`;\n\nconst IconWrapper = styled(Icon)<Props & ColorProps>`\n  ${color}\n  &:hover + ${TooltipWrapper} {\n    transition-delay: 0.2s;\n    opacity: 1;\n    visibility: visible;\n  }\n`;\n\nexport const IconTooltip: React.FC<\n  Props &\n    LayoutProps &\n    FlexboxProps &\n    SpaceProps &\n    ColorProps &\n    TypographyProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({ id, icon, color, width, mr, fontSize, alignItems, children }) => {\n  return (\n    <Flex flexDirection=\"column\" alignItems={alignItems} mr={mr}>\n      <IconWrapper\n        icon={icon}\n        aria-labelledby={id}\n        fontSize={fontSize}\n        color={color}\n      />\n      <TooltipWrapper id={id} width={width} mt={4}>\n        {children}\n      </TooltipWrapper>\n    </Flex>\n  );\n};\n\nIconTooltip.defaultProps = {\n  icon: \"\",\n};\n","import React, { AnchorHTMLAttributes } from \"react\";\nimport { Link } from \"../Link\";\nimport { IconTooltip } from \"../IconTooltip\";\nimport { SpaceProps } from \"styled-system\";\nimport styled from \"styled-components\";\n\ninterface Props {\n  icon: string;\n}\n\nconst StyledLink = styled(Link)`\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:active {\n    text-decoration: none;\n    border: none;\n  }\n\n  &:focus {\n    border: none;\n    box-shadow: none;\n  }\n`;\n\nexport const IconTooltipLink: React.FC<\n  Props & SpaceProps & AnchorHTMLAttributes<HTMLAnchorElement>\n> = ({ icon, href, mr, children }) => {\n  return (\n    <StyledLink href={href}>\n      <IconTooltip\n        icon={icon}\n        alignItems=\"center\"\n        color=\"neutrals.dn40\"\n        fontSize=\"26.67px\"\n        mr={mr}\n      >\n        {children}\n      </IconTooltip>\n    </StyledLink>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { LayoutProps, SpaceProps } from \"styled-system\";\nimport { Flex } from \"../Flex\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  userInitials: string;\n  userFullName: string;\n  userEmail: string;\n}\n\nconst StyledLogoWrapper = styled(Flex)`\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst StyledNameWrapper = styled(Flex)`\n  display: flex;\n`;\n\nexport const UserLogo = React.forwardRef<\n  HTMLDivElement,\n  Props & LayoutProps & SpaceProps\n>(({ userInitials, userFullName, userEmail, height, width, ml, mr }, ref) => {\n  return (\n    <>\n      <StyledLogoWrapper\n        borderRadius=\"50%\"\n        backgroundColor=\"neutrals.mn90\"\n        width={width || 12}\n        height={height || 12}\n        ml={ml}\n        mr={mr || 2}\n        ref={ref}\n      >\n        <Span\n          margin=\"auto\"\n          color=\"neutrals.ln10\"\n          fontSize={3}\n          data-testid=\"userInitials\"\n        >\n          {userInitials}\n        </Span>\n      </StyledLogoWrapper>\n\n      <StyledNameWrapper flexDirection=\"column\" my=\"auto\">\n        <Span color=\"nightSky\" fontSize={1} data-testid=\"userFullName\">\n          {userFullName}\n        </Span>\n\n        <Span color=\"neutrals.mn80\" fontSize={0} pt={1} data-testid=\"userEmail\">\n          {userEmail}\n        </Span>\n      </StyledNameWrapper>\n    </>\n  );\n});\n\nUserLogo.displayName = \"UserLogo\";\n\nUserLogo.defaultProps = {\n  userInitials: \"G\",\n  userFullName: \"Guest\",\n  userEmail: \"Limited features\",\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { layout, LayoutProps, PositionProps, SpaceProps } from \"styled-system\";\nimport { Box } from \"../Box\";\n\ninterface Props {\n  id: string;\n  children: React.ReactNode;\n}\n\nconst StyledMenu = styled(Box)<LayoutProps>`\n  ${layout}\n\n  position: absolute;\n  z-index: 1000;\n`;\n\nexport const Menu = React.forwardRef<\n  HTMLDivElement,\n  Props & LayoutProps & PositionProps & SpaceProps\n>(({ id, top, left, right, p, width, children }, ref) => {\n  return (\n    <StyledMenu\n      id={id}\n      data-testid=\"menu\"\n      p={p || 4}\n      top={top}\n      left={left}\n      right={right}\n      width={width}\n      boxShadow=\"menu\"\n      borderRadius=\"menu\"\n      backgroundColor=\"neutrals.ln0\"\n      ref={ref}\n    >\n      {children}\n    </StyledMenu>\n  );\n});\n\nMenu.displayName = \"Menu\";\n\nStyledMenu.defaultProps = {\n  top: 0,\n  right: 0,\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { LayoutProps, PositionProps, SpaceProps } from \"styled-system\";\nimport { useClickedOutsideElement } from \"../../hooks/useClickedOutsideElement/useClickedOutsideElement\";\nimport { Menu } from \"./Menu\";\n\ninterface Props {\n  id: string;\n  triggerRef: React.RefObject<HTMLDivElement>;\n  children: React.ReactNode;\n}\n\nexport const MenuContainer: React.FC<\n  Props & LayoutProps & PositionProps & SpaceProps\n> = ({ id, triggerRef, children, ...props }) => {\n  const [showMenu, setShowMenu] = useState(false);\n\n  const handleClickedOutsideElement = () => {\n    setShowMenu(false);\n  };\n\n  const menuRef = useRef<HTMLDivElement>(null);\n  useClickedOutsideElement<HTMLDivElement>(\n    menuRef,\n    handleClickedOutsideElement,\n    () => !showMenu,\n  );\n\n  useEffect(() => {\n    const handleOnTriggerClick = () => {\n      setShowMenu((prevState) => !prevState);\n    };\n\n    const triggerRefCurrent = triggerRef.current;\n    if (!triggerRefCurrent) {\n      return;\n    }\n\n    triggerRefCurrent.onclick = handleOnTriggerClick;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <>\n      {showMenu && (\n        <Menu id={id} ref={menuRef} {...props}>\n          {children}\n        </Menu>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { Button } from \"../Button\";\nimport env from \"../../environment\";\nimport { LayoutProps, SpaceProps, TypographyProps } from \"styled-system\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { sessionStorageWrapper } from \"../../utils/sessionStorageWrapper/sessionStorageWrapper\";\n\nexport const LogoutButton: React.FC<\n  ButtonProps & LayoutProps & SpaceProps & TypographyProps\n> = ({ ...props }) => {\n  const { logout } = useAuth0();\n\n  const handleOnClick = () => {\n    sessionStorageWrapper.removeItem(\"ecssQueryCache\");\n    logout({ returnTo: env.auth0LogoutUri });\n  };\n\n  return (\n    <Button {...props} onClick={handleOnClick}>\n      Sign out\n    </Button>\n  );\n};\n\nLogoutButton.defaultProps = {\n  variant: \"ghost\",\n  magnitude: \"medium\",\n  iconLeft: \"logout\",\n};\n","import React, { useRef } from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { VectorLogo } from \"../VectorLogo\";\nimport { mediaQueries } from \"../../theme\";\nimport { IconTooltipLink } from \"../IconTooltipLink\";\nimport { UserLogo } from \"../UserLogo\";\nimport { Menu } from \"../Menu\";\nimport { Button } from \"../Button\";\nimport { LogoutButton } from \"../LogoutButton\";\nimport { Line } from \"../Line\";\nimport { Icon } from \"../Icon\";\nimport { useHistory } from \"react-router-dom\";\n\ninterface Props {\n  userInitials: string;\n  userFullName: string;\n  userEmail: string;\n  showUserLogo?: boolean;\n  hasMobileNavMenu?: boolean;\n  onMobileNavMenuClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  showMobileNav?: boolean;\n  userLogoDisabled?: boolean;\n}\n\nconst TopBarWrapper = styled(Flex)`\n  z-index: 99999;\n\n  ${mediaQueries.largeDevice} {\n    position: fixed;\n    width: 100%;\n    top: 0;\n  }\n`;\n\nconst MenuIconWrapper = styled(Icon)`\n  display: inline-flex;\n  align-items: center;\n\n  ${mediaQueries.largeDevice} {\n    display: none;\n  }\n`;\n\nconst MobileVectorLogo = styled(VectorLogo)`\n  display: inline-block;\n\n  ${mediaQueries.mediumDevice} {\n    display: none;\n  }\n`;\n\nconst DesktopVectorLogo = styled(VectorLogo)`\n  display: none;\n\n  ${mediaQueries.mediumDevice} {\n    display: inline-block;\n  }\n`;\n\nconst UserLogoWrapper = styled(Flex)<{ disabled?: boolean }>`\n  pointer-events: ${({ disabled }) => (disabled ? \"none\" : \"default\")};\n`;\n\nexport const MainTopBar: React.FC<Props> = ({\n  userInitials,\n  userFullName,\n  userEmail,\n  showUserLogo,\n  hasMobileNavMenu,\n  onMobileNavMenuClick,\n  showMobileNav,\n  userLogoDisabled,\n}) => {\n  const userLogoRef = useRef<HTMLDivElement>(null);\n  const history = useHistory();\n\n  const handleMenuSettingsClick = () => {\n    history.push(\"/account-settings\");\n  };\n\n  return (\n    <>\n      <TopBarWrapper\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        border=\"none\"\n        borderBottom=\"2px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        backgroundColor=\"white\"\n        height={[13, 13, 16]}\n      >\n        <Flex>\n          {hasMobileNavMenu && (\n            <MenuIconWrapper\n              icon={showMobileNav ? \"clear\" : \"menu\"}\n              color=\"neutrals.mn80\"\n              ml={3}\n              verticalAlign=\"middle\"\n              fontSize={6}\n              onClick={onMobileNavMenuClick}\n            />\n          )}\n\n          <Flex>\n            <MobileVectorLogo\n              height={11}\n              ml={3}\n              src={\"/assets/images/vector-logo-mobile.svg\"}\n              verticalAlign=\"middle\"\n            />\n\n            <DesktopVectorLogo\n              height={12}\n              ml={5}\n              src={\"/assets/images/vector-logo-desktop.svg\"}\n            />\n          </Flex>\n        </Flex>\n\n        <Flex alignItems=\"center\" position=\"relative\" mr={[3, 3, 5]}>\n          <IconTooltipLink href=\"/help\" icon=\"help\" mr={[1, 2, 3]}>\n            Help\n          </IconTooltipLink>\n\n          {showUserLogo && (\n            <UserLogoWrapper disabled={userLogoDisabled}>\n              <UserLogo\n                userInitials={userInitials}\n                userFullName={userFullName}\n                userEmail={userEmail}\n                ref={userLogoRef}\n                ml={[1, 2, 3]}\n                height={[10, 10, 12]}\n                width={[10, 10, 12]}\n              />\n\n              <Menu\n                id=\"account-settings-menu\"\n                top={[11, 11, 55]}\n                right={0}\n                width={[\"250px\", \"300px\"]}\n                triggerRef={userLogoRef}\n              >\n                <Flex flexDirection=\"column\" justifyContent=\"flex-start\">\n                  <Button\n                    variant=\"lowAffordance\"\n                    iconLeft=\"settings\"\n                    magnitude=\"medium\"\n                    width=\"100%\"\n                    textAlign=\"left\"\n                    onClick={handleMenuSettingsClick}\n                    data-testid=\"menu-account-settings\"\n                  >\n                    Settings\n                  </Button>\n\n                  <Line\n                    width=\"100%\"\n                    my={4}\n                    border=\"1px solid\"\n                    borderColor=\"neutrals.ln30\"\n                    bg=\"neutrals.ln30\"\n                    opacity=\"1\"\n                    height={0}\n                  />\n\n                  <LogoutButton textAlign=\"left\" width=\"100%\" />\n                </Flex>\n              </Menu>\n            </UserLogoWrapper>\n          )}\n        </Flex>\n      </TopBarWrapper>\n    </>\n  );\n};\n\nMainTopBar.defaultProps = {\n  showUserLogo: true,\n  hasMobileNavMenu: false,\n  showMobileNav: false,\n};\n","export const getUserInitials = (firstName: string, lastName: string) =>\n  `${firstName ? firstName.substring(0, 1) : \"\"}${\n    lastName ? lastName.substring(0, 1) : \"\"\n  }`;\n\n/***\n * Get initials from first and last name, supports space separated names to cater for\n * names combined in one field as they came from Siebel - will only return first two initials\n * e.g. John Doe => JD\n * e.g. Jack Ryan Smith => JR\n *\n * @param firstName\n * @param lastName\n * @returns initials, empty string if no name provided\n */\nexport const getUserInitialsWithMultipleNames = (\n  firstName: string,\n  lastName: string,\n) =>\n  `${\n    firstName\n      ? firstName\n          .split(\" \")\n          .slice(0, 2)\n          .map((name) => name.substring(0, 1))\n          .join(\"\")\n      : \"\"\n  }${\n    lastName\n      ? lastName\n          .split(\" \")\n          .slice(0, 2)\n          .map((name) => name.substring(0, 1))\n          .join(\"\")\n      : \"\"\n  }`;\n","import React from \"react\";\nimport { MainTopBar } from \"./MainTopBar\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { getUserInitials } from \"../../utils/userDetailsHelper/userDetailsHelper\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\n\ninterface Props {\n  showUserLogo?: boolean;\n  hasMobileNavMenu?: boolean;\n  onMobileNavMenuClick?: () => void;\n  showMobileNav?: boolean;\n  userLogoDisabled?: boolean;\n}\n\nconst Spacer = styled.div`\n  ${mediaQueries.largeDevice} {\n    padding-bottom: 5em;\n  }\n`;\n\nexport const MainTopBarContainer: React.FC<Props> = ({\n  showUserLogo,\n  hasMobileNavMenu,\n  onMobileNavMenuClick,\n  showMobileNav,\n  userLogoDisabled,\n}) => {\n  const {\n    authenticatedUserContext: { userBasicDetails },\n  } = useUserAuthentication();\n\n  let userInitials;\n  let userFullName;\n  let userEmail;\n\n  if (\n    userBasicDetails &&\n    userBasicDetails.firstName &&\n    userBasicDetails.lastName\n  ) {\n    const { firstName, lastName } = userBasicDetails;\n\n    userInitials = getUserInitials(firstName, lastName);\n    userFullName = \"\";\n    userEmail = \"\";\n  } else {\n    userInitials = \"G\";\n    userFullName = \"Guest\";\n    userEmail = \"Limited features\";\n\n    userLogoDisabled = true;\n  }\n\n  return (\n    <Spacer>\n      <MainTopBar\n        userInitials={userInitials.toUpperCase()}\n        userFullName={userFullName}\n        userEmail={userEmail}\n        showUserLogo={showUserLogo}\n        hasMobileNavMenu={hasMobileNavMenu}\n        onMobileNavMenuClick={onMobileNavMenuClick}\n        showMobileNav={showMobileNav}\n        userLogoDisabled={userLogoDisabled}\n      />\n    </Spacer>\n  );\n};\n\nMainTopBarContainer.defaultProps = {\n  showUserLogo: true,\n  showMobileNav: false,\n  userLogoDisabled: false,\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\n\ninterface Props {\n  menuContents: () => void;\n  showMobileNav: boolean;\n}\n\nconst MenuWrapper = styled(Flex)<{ showMobileNav: boolean }>`\n  display: ${({ showMobileNav }) => (showMobileNav ? \"block\" : \"none\")};\n  width: 100vw;\n  height: 100%;\n  background-color: white;\n\n  ${mediaQueries.largeDevice} {\n    display: flex;\n    position: fixed;\n    border: none;\n    border-right: 2px solid;\n    border-right-color: ${(props) => props.theme.colors.neutrals.ln30};\n    width: max-content;\n    min-width: 240px;\n  }\n`;\n\nexport const NavigationMenu: React.FC<Props> = ({\n  menuContents,\n  showMobileNav,\n}) => {\n  return (\n    <MenuWrapper showMobileNav={showMobileNav} data-testid=\"nav-menu\">\n      {menuContents()}\n    </MenuWrapper>\n  );\n};\n","import React, { useState } from \"react\";\nimport { useDocumentTitle } from \"../../hooks/documentFunction/useDocumentTitle\";\nimport { MainTopBarContainer } from \"../MainTopBar/MainTopBarContainer\";\nimport { NavigationMenu } from \"../NavigationMenu\";\n\ninterface Props {\n  tabTitle?: string;\n  showUserLogo?: boolean;\n  hasMobileNavMenu?: boolean;\n  hasTopBar?: boolean;\n  navigationMenuContents?: () => void;\n}\n\nexport const Page: React.FC<Props> = ({\n  children,\n  tabTitle,\n  showUserLogo,\n  hasMobileNavMenu,\n  hasTopBar,\n  navigationMenuContents,\n}) => {\n  const [showMobileNav, setShowMobileNav] = useState(false);\n\n  const handleMobileNavMenuClick = () => {\n    setShowMobileNav((prevState) => !prevState);\n  };\n\n  return (\n    <>\n      {useDocumentTitle(tabTitle)}\n\n      {hasTopBar && (\n        <MainTopBarContainer\n          onMobileNavMenuClick={handleMobileNavMenuClick}\n          hasMobileNavMenu={hasMobileNavMenu}\n          showUserLogo={showUserLogo}\n          showMobileNav={showMobileNav}\n        />\n      )}\n\n      {navigationMenuContents && (\n        <NavigationMenu\n          menuContents={() => navigationMenuContents()}\n          showMobileNav={showMobileNav}\n        />\n      )}\n\n      {!showMobileNav && <> {children} </>}\n    </>\n  );\n};\n\nPage.defaultProps = {\n  showUserLogo: true,\n  hasMobileNavMenu: false,\n  hasTopBar: true,\n};\n","import { useEffect } from \"react\";\n\ntype Hook = (title?: string) => void;\n\nexport const useDocumentTitle: Hook = (title) => {\n  useEffect(() => {\n    if (title) {\n      document.title = title;\n    }\n  }, [title]);\n};\n","import { sessionStorageWrapper } from \"../../../utils/sessionStorageWrapper/sessionStorageWrapper\";\nimport { PersistedClient } from \"@tanstack/react-query-persist-client\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport { retrieveUser } from \"../../../services/UsersService\";\nimport {\n  hoursToMinutes,\n  minutesToMs,\n} from \"../../../utils/numberComputationHelper/numberComputationHelper\";\nimport { filterWithMultipleValues } from \"../../../utils/arrayHelper/arrayHelper\";\nimport {\n  fullAccountDetailsKey,\n  ReactQueryKeys,\n} from \"../../../constants/ReactQueryKeys\";\nimport { UserFullDetails } from \"../../../types/UserFullDetails\";\n\nexport const useGetFullUserDetails = (\n  auth0AccessToken: string,\n  email: string,\n  hasSiebelAccount?: boolean,\n) => {\n  const queryKey: ReactQueryKeys = \"accountDetails\";\n\n  const ecssQueryCache =\n    sessionStorageWrapper.getItem<PersistedClient>(\"ecssQueryCache\");\n\n  const [firstQuery] = filterWithMultipleValues(\n    ecssQueryCache?.clientState?.queries,\n    [...fullAccountDetailsKey, email],\n    (query, filter) =>\n      query.queryKey.includes(filter) && !query.state.isInvalidated,\n  );\n\n  const cachedFullDetails = firstQuery?.state?.data as\n    | UserFullDetails\n    | undefined;\n\n  // override default staleTime and cacheTime in this query\n  // - https://tanstack.com/query/v4/docs/react/reference/QueryClient#queryclientsetquerydefaults\n  const minutes = hoursToMinutes(24);\n  const queryClient = useQueryClient();\n  queryClient.setQueryDefaults([queryKey], {\n    staleTime: minutesToMs(minutes),\n    cacheTime: minutesToMs(minutes),\n  });\n\n  /***\n   * useQuery docs - https://tanstack.com/query/v4/docs/react/reference/useQuery\n   */\n  const { data: userFullDetails, isError: apiError } =\n    useQuery<UserFullDetails>({\n      queryKey: [...fullAccountDetailsKey, email, auth0AccessToken],\n      queryFn: () => retrieveUser(auth0AccessToken),\n      enabled: !!auth0AccessToken && !!hasSiebelAccount && !cachedFullDetails,\n    });\n\n  return { userFullDetails: cachedFullDetails ?? userFullDetails, apiError };\n};\n","import {\n  InvalidateOptions,\n  InvalidateQueryFilters,\n  useQueryClient,\n} from \"@tanstack/react-query\";\nimport { ReactQueryKeys } from \"../../../constants/ReactQueryKeys\";\n\nexport const useQueryInvalidator = () => {\n  const queryClient = useQueryClient();\n\n  /***\n   * use to invalidate queries that match the key/s.\n   * Array keys are hashed deterministically, so the order of the keys does not matter inside objects, but matters for array\n   * items\n   *\n   * relevant docs - https://tanstack.com/query/v4/docs/react/reference/QueryClient#queryclientinvalidatequeries\n   * @param queryKey one of the primary query keys used throughout the app\n   * @param filterOptions\n   * @param invalidateOptions\n   * @param additionalKeys additional keys to further filter the query key\n   */\n  const invalidateQuery = async <T = unknown>(\n    queryKey: ReactQueryKeys | ReactQueryKeys[],\n    filterOptions?: InvalidateQueryFilters<T>,\n    invalidateOptions?: InvalidateOptions,\n    ...additionalKeys: string[]\n  ) => {\n    const mainQueryKey = Array.isArray(queryKey) ? [...queryKey] : [queryKey];\n\n    await queryClient.invalidateQueries(\n      [...mainQueryKey, ...additionalKeys],\n      filterOptions,\n      invalidateOptions,\n    );\n  };\n\n  return { invalidateQuery };\n};\n","import { useQueryInvalidator } from \"../useQueryInvalidator/useQueryInvalidator\";\nimport { OrdersResponse } from \"../../../types/Order\";\n\nexport const useInvalidateOrderList = () => {\n  const { invalidateQuery } = useQueryInvalidator();\n\n  const invalidateOrdersCache = async () => {\n    //a bit of timeout to give time for siebel to get updated\n    await new Promise<void>((resolve) =>\n      setTimeout(() => {\n        invalidateQuery<OrdersResponse>(\"orders\");\n        resolve();\n      }, 1500),\n    );\n  };\n\n  return { invalidateOrdersCache };\n};\n","import React, { useEffect, useRef, useState } from \"react\";\nimport { AccountSettings } from \"../../components/AccountSettings\";\nimport { updateUser } from \"../../services/UsersService\";\nimport { CompleteProfileFormValues } from \"../../types/CompleteProfileFormValues\";\nimport { EMPTY_COMPLETE_PROFILE_VALUES } from \"../../constants/CompleteProfileDetails\";\nimport sendPasswordResetEmail from \"../../services/Auth0Service\";\nimport { BasicNotificationBannerProps } from \"../../components/BasicNotificationBanner/BasicNotificationBanner\";\nimport { FloatingBanner } from \"../../components/FloatingBanner\";\nimport { OrderDetailsListNavigationMenu } from \"../../components/OrderDetailsList/_/OrderDetailsListNavigationMenu\";\nimport { Page } from \"../../components/Page\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport styled from \"styled-components\";\nimport { useGetFullUserDetails } from \"../../hooks/cachedQueries/userAccount/useGetFullUserDetails\";\nimport { useInvalidateAccountDetails } from \"../../hooks/cachedQueries/useInvalidateAccountDetails/useInvalidateAccountDetails\";\nimport UserAuthenticationActionType from \"../../types/UserAuthenticationActionType\";\nimport { useInvalidateOrderList } from \"../../hooks/cachedQueries/useInvalidateOrderList/useInvalidateOrderList\";\nimport { CenteredLoading } from \"../../components/CenteredLoading\";\n\nexport interface AccountSettingsPageProps {\n  tabTitle: string;\n}\n\ninterface NotificationBannerProps extends BasicNotificationBannerProps {\n  show: boolean;\n}\n\nconst WrappedNotificationBanner = styled.div`\n  position: fixed;\n  left: 2.2vh;\n  bottom: 14.7vh;\n`;\n\nexport const AccountSettingsPage: React.FC<AccountSettingsPageProps> = ({\n  tabTitle,\n}) => {\n  const [notificationBannerContent, setNotificationBannerContent] =\n    useState<NotificationBannerProps>({\n      show: false,\n      title: \"\",\n      message: \"\",\n      variant: \"success\",\n      icon: \"check_circle\",\n    });\n\n  const { invalidateAccountDetailsCache } = useInvalidateAccountDetails();\n  const { invalidateOrdersCache } = useInvalidateOrderList();\n\n  const {\n    authenticatedUserContext: { userAuth0Details, hasSiebelAccount },\n    setAuthenticatedUserContext,\n  } = useUserAuthentication();\n  const { accessToken, email } = userAuth0Details;\n\n  const userDetailsInitRef = useRef(false);\n  const { current: userDetailsInitialized } = userDetailsInitRef;\n  const { userFullDetails, apiError } = useGetFullUserDetails(\n    accessToken,\n    email,\n    hasSiebelAccount,\n  );\n\n  const [userInfo, setUserInfo] = useState<\n    CompleteProfileFormValues | undefined\n  >(userFullDetails ? { profile: userFullDetails } : undefined);\n\n  useEffect(() => {\n    if (apiError) {\n      setNotificationBannerContent({\n        show: true,\n        title: \"Something went wrong\",\n        message:\n          \"There was an error retrieving your details. Please try again in a few minutes.\",\n        variant: \"error\",\n        icon: \"warning\",\n      });\n      setUserInfo(EMPTY_COMPLETE_PROFILE_VALUES);\n    }\n  }, [apiError]);\n\n  useEffect(() => {\n    if (userDetailsInitialized) {\n      return;\n    }\n\n    if (userFullDetails) {\n      userDetailsInitRef.current = true;\n      setUserInfo({ profile: userFullDetails });\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [userFullDetails, userInfo]);\n\n  const handleSubmit = async (values: CompleteProfileFormValues) => {\n    let userUpdated = false;\n\n    try {\n      const updatedUser = await updateUser(values, accessToken);\n      setUserInfo({ profile: updatedUser });\n      userUpdated = true;\n\n      await invalidateAccountDetailsCache();\n      await invalidateOrdersCache();\n\n      setAuthenticatedUserContext({\n        type: UserAuthenticationActionType.BasicDetailsUpdated,\n        payload: {\n          userBasicDetails: {\n            firstName: updatedUser.firstName,\n            lastName: updatedUser.lastName,\n            mobile: updatedUser.mobile,\n            alternatePhone: updatedUser.alternatePhone,\n          },\n        },\n      });\n    } catch (error) {\n      userUpdated = false;\n      setUserInfo({ profile: values.profile });\n    }\n\n    setNotificationBannerContent({\n      show: true,\n      title: userUpdated ? \"Update successful\" : \"Something went wrong\",\n      message: userUpdated\n        ? \"Your account settings have been successfully saved.\"\n        : \"There was an error saving your details. Please try again in a few minutes.\",\n      variant: userUpdated ? \"success\" : \"error\",\n      icon: userUpdated ? \"check_circle\" : \"warning\",\n    });\n  };\n\n  const handleResetPasswordClick = async (email: string) => {\n    let emailSent = false;\n\n    try {\n      emailSent = await sendPasswordResetEmail(email);\n    } catch (error) {\n      // @ts-ignore\n      // Do nothing\n    }\n\n    setNotificationBannerContent({\n      show: true,\n      title: emailSent\n        ? \"Reset password email sent\"\n        : \"Reset password email not sent\",\n      message: emailSent\n        ? \"An email has been sent with instructions to reset your password.\"\n        : \"We could not send you the email to reset your password. Please wait a few minutes and try again.\",\n      variant: emailSent ? \"success\" : \"error\",\n      icon: emailSent ? \"check_circle\" : \"warning\",\n    });\n  };\n\n  const handleNotificationBannerClose = () => {\n    setNotificationBannerContent({\n      ...notificationBannerContent,\n      show: false,\n    });\n  };\n\n  return (\n    <Page\n      tabTitle={tabTitle}\n      navigationMenuContents={() => <OrderDetailsListNavigationMenu />}\n      hasMobileNavMenu\n    >\n      <WrappedNotificationBanner>\n        <FloatingBanner\n          title={notificationBannerContent?.title}\n          message={notificationBannerContent?.message}\n          variant={notificationBannerContent?.variant}\n          icon={notificationBannerContent?.icon}\n          visible={notificationBannerContent?.show}\n          onBannerClose={handleNotificationBannerClose}\n        />\n      </WrappedNotificationBanner>\n      {!userInfo && <CenteredLoading />}\n\n      {userInfo && (\n        <AccountSettings\n          userInfo={userInfo}\n          onSubmit={handleSubmit}\n          onResetPasswordClick={handleResetPasswordClick}\n        />\n      )}\n    </Page>\n  );\n};\n","import { useQueryInvalidator } from \"../useQueryInvalidator/useQueryInvalidator\";\nimport {\n  basicAccountDetailsKey,\n  fullAccountDetailsKey,\n} from \"../../../constants/ReactQueryKeys\";\n\nexport const useInvalidateAccountDetails = () => {\n  const { invalidateQuery } = useQueryInvalidator();\n\n  const invalidateAccountDetailsCache = async () => {\n    //a bit of timeout to give time for siebel to get updated\n    await new Promise<void>((resolve) =>\n      setTimeout(async () => {\n        await invalidateQuery(fullAccountDetailsKey);\n        await invalidateQuery(basicAccountDetailsKey);\n        resolve();\n      }, 500),\n    );\n  };\n\n  return { invalidateAccountDetailsCache };\n};\n","import React from \"react\";\nimport {\n  AccountSettingsPage,\n  AccountSettingsPageProps,\n} from \"./AccountSettingsPage\";\n\nexport const DEFAULT_ACCOUNT_SETTINGS_TYPE: AccountSettingsPageProps = {\n  tabTitle: \"\",\n};\n\nexport const AccountSettingsPageContainer: React.FC = () => {\n  return <AccountSettingsPage {...DEFAULT_ACCOUNT_SETTINGS_TYPE} />;\n};\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { Title } from \"../Title\";\nimport { Flex } from \"../Flex\";\nimport { Box } from \"../Box\";\nimport { Icon } from \"../Icon\";\nimport { theme } from \"../../theme\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  title: string;\n  content: string;\n}\n\nconst StyledFlex = styled(Flex)`\n  cursor: pointer;\n`;\n\nexport const Accordion: React.FC<Props> = ({ title, content }) => {\n  const [show, setShow] = useState<boolean>(false);\n\n  const onClick = () => setShow((prevState) => !prevState);\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      border=\"1px solid\"\n      borderRadius=\"12px\"\n      borderColor={theme.colors.neutrals.ln40}\n      px={3}\n      flexDirection=\"column\"\n    >\n      <Flex flexDirection=\"column\" width=\"100%\">\n        <StyledFlex\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n          onClick={onClick}\n          data-testid=\"accordionOnClick\"\n        >\n          <Box pr={3}>\n            <Title as=\"h4\" data-testid=\"faqQuestion\">\n              {title}\n            </Title>\n          </Box>\n          <Icon\n            icon={show ? \"remove\" : \"add\"}\n            fontWeight={500}\n            color={theme.colors.neutrals.dn40}\n          />\n        </StyledFlex>\n\n        <Span\n          data-testid=\"faqAnswer\"\n          flexDirection=\"column\"\n          display={show ? \"inline-block\" : \"none\"}\n          mb={3}\n          fontSize={1}\n          lineHeight={1}\n          dangerouslySetInnerHTML={{ __html: content }}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Title } from \"../../../Title\";\nimport { Box } from \"../../../Box\";\nimport { Flex } from \"../../../Flex\";\nimport { FaqTypes } from \"../../../../constants/FaqValues\";\nimport { Accordion } from \"../../../Accordion\";\n\ninterface Props {\n  faqs: FaqTypes[];\n}\n\nexport const FaqAccordionGroup: React.FC<Props> = ({ faqs }) => {\n  return (\n    <Box>\n      {faqs.map((category) => (\n        <Flex flexDirection=\"column\" pt={2} key={category.category}>\n          <Title fontSize={6} fontWeight=\"medium\" key={category.category}>\n            {category.category}\n          </Title>\n\n          {category.qa.map((faq) => (\n            <Box key={faq.question} pb={2}>\n              <Accordion title={faq.question} content={faq.answer} />\n            </Box>\n          ))}\n        </Flex>\n      ))}\n    </Box>\n  );\n};\n","import React from \"react\";\nimport { Box } from \"../../../Box\";\nimport { Flex } from \"../../../Flex\";\nimport { Icon } from \"../../../Icon\";\nimport { Link } from \"../../../Link\";\nimport { Span } from \"../../../Span\";\nimport { Title } from \"../../../Title\";\n\nexport const FaqGetSupport: React.FC = () => {\n  return (\n    <Flex flexDirection=\"column\" bg=\"hydro10\" borderRadius=\"radio\" p={4} my={7}>\n      <Title mt={0} fontSize={5} lineHeight={5} fontWeight=\"medium\">\n        Get support\n      </Title>\n\n      <Span fontSize={2} lineHeight={2} fontWeight=\"medium\" my={2}>\n        If you need any help, you can contact us directly via email or call us\n        at <a href=\"tel:+64508832867\">0508 832 867</a>.\n      </Span>\n\n      <Box\n        mt={2}\n        px={3}\n        py={1}\n        backgroundColor=\"hydro10\"\n        borderRadius=\"4px\"\n        width=\"fit-content\"\n      >\n        <Link href=\"mailto: info@vector.co.nz\">\n          <Icon mr={2} fontSize={2} lineHeight={2} icon=\"mail\" />\n          <Span ml={1}>Email us</Span>\n        </Link>\n      </Box>\n    </Flex>\n  );\n};\n","export interface FaqTypes {\n  category: string;\n  qa: QuestionAnswer[];\n}\n\nexport interface QuestionAnswer {\n  question: string;\n  answer: string;\n}\n\nexport const FaqValues: FaqTypes[] = [\n  {\n    category: \"Online requests\",\n    qa: [\n      {\n        question:\n          \"When searching for a site address, I am told the address is not found. How can I let you know the address on the form?\",\n        answer:\n          \"An address can be manually added to the form after selecting Add Manual Address.\",\n      },\n      {\n        question: \"Why do I need to consult an electrician for my request?\",\n        answer:\n          \"An electrician provides specialised information such as the phase and fuse (amp) sizes that are required and installed at the site. This information determines the capacity to be made available on the network to meet the site load requirements.\",\n      },\n      {\n        question: \"Why do I need to provide so many contacts for my request?\",\n        answer:\n          \"We need to have contact details for specific roles because at various times during the job we may need to contact them to coordinate works or obtain information. We will also use the supplied email or mobile numbers to provide progress updates \" +\n          \"(if these have been requested).\",\n      },\n      {\n        question:\n          \"Can my electrician be the livening inspector for my ICP order?\",\n        answer:\n          \"No, only Vector pre-approved electricians with the necessary qualifications for working on our network can liven a connection. These pre-approved electricians confirm a site is electrically safe, liven the supply and provide the necessary electrical \" +\n          \"compliance certification. They must provide Vector with the livening information for the site.\" +\n          \" Click <a href='https://www.vector.co.nz/personal/electricity/approved-livening-inspector'\" +\n          \" data-new-window='true' target='_blank' rel='noopener noreferrer'>here</a>\" +\n          \" to view the list of livening inspectors.\",\n      },\n      {\n        question: \"Can I receive progress updates on my request?\",\n        answer:\n          \"Yes. When completing the order form, you will need to let us know: \" +\n          \"<ul> \" +\n          \"<li>what contacts are to receive progress updates</li>\" +\n          \"<li>their email and/or mobile phone number</li>\" +\n          \"<li>how they would like to receive them, for example by email or SMS</li>\" +\n          \"</ul>\" +\n          \"Once the order form has been submitted, we will send the relevant progress updates to those identified on the order form.\",\n      },\n      {\n        question:\n          \"Can I order multiple livening requests for different sites at the same time?\",\n        answer:\n          \"Yes. If the contact details, retailer and livening inspector are the same across all sites, then you can add multiple sites on the one order. You will need to specify the details for each ICP required for each site, or, if you have a large number,\" +\n          \" upload our template file for each site.<br/>\" +\n          \"<br/>If the contact details, retailer or livening inspector are different across the sites, then separate requests will need to be submitted.<br/>\" +\n          \"<br/>Once a request which has multiple sites has been submitted, each site will become an individual request and we will provide you with different reference number for each site.\",\n      },\n      {\n        question: \"Can I save my order and return to it later?\",\n        answer:\n          \"This functionality is only accessible if you are logged into your registered account. Unfortunately, when placing an order as a guest, the ability to save your form and continue later is not available.\",\n      },\n      {\n        question: \"Can I edit my request before I submit it?\",\n        answer:\n          \"Yes. When you are reviewing your request, you have the option to edit it. Select the “Edit” button next the relevant section and update. When completed, select the next button to return to the “Review and Submit” page.\",\n      },\n      {\n        question: \"What are the next steps after I submit my request?\",\n        answer:\n          \"You will receive a confirmation of receipt of your request, including a summary of your request details, and a reference number. Our team will assess the request. We will keep you updated with automated emails informing you about the request progress.\",\n      },\n      {\n        question:\n          \"How do I request a new connection and the livening of it at the same time?\",\n        answer:\n          \"A separate request will need to be submitted for each service as, usually, the livening takes place months after the connection supply point installation.\",\n      },\n      {\n        question: \"How do I request a new gas connection?\",\n        answer:\n          \"If the connection is for a residential property, you can use the \" +\n          \"<a href='https://css.vector.co.nz/' > gas self-service-portal</a>.\" +\n          \" If the connection is for a commercial property or a gas subdivision, then you will need to contact us on \" +\n          \"<a href='tel:+640508832867'>0508 832 867</a>.\",\n      },\n      {\n        question:\n          \"The order form is not working, what do I do and who do I contact?\",\n        answer:\n          \"Email <a href='mailto:tech.support@vector.co.nz?subject=ECSS%20Service%20Query' >tech.support@vector.co.nz</a>\" +\n          \" and let us know as much detail as you can on what happened. Please provide screenshots, if possible, of any error messages.\",\n      },\n      {\n        question: \"I have trouble uploading a file, what do I do?\",\n        answer:\n          \"There are several reasons why a file cannot be uploaded: \" +\n          \"<ul> \" +\n          \"<li>The file is too big (the maximum size is 10MB)</li>\" +\n          \"<li>The file format is not accepted. We only accept Excel or Google Sheet files for ICP orders, and pdf, dwg, jpg, doc or docx files for new connection orders</li> \" +\n          \"<li>The file you uploaded is corrupt – please create your file again and upload again</li>\" +\n          \"<li>Something is wrong on our side: please try again in a couple of minutes and do not refresh your page in the meantime</li>\" +\n          \"</ul>\",\n      },\n    ],\n  },\n  {\n    category: \"Account management\",\n    qa: [\n      {\n        question:\n          \"Do I have to register before using the customer self-service portal?\",\n        answer:\n          \"You do not need to register to submit a request, but you will need to register if you want to use the portal to save your request before submitting or track its progress.\" +\n          \" We recommend ordering as a guest user if you are making a one-off request. We recommend you register if you will be submitting multiple requests, as this will make ordering and tracking simpler for you.\",\n      },\n      {\n        question: \"Can I have one account for all employees in my company?\",\n        answer:\n          \"Yes, you can. The first person who registers a business account becomes the admin for that account. This admin can add additional admins or users by contacting us.<br/> \" +\n          \"<br/>Send an email from your registered email account \" +\n          \"<a href='mailto:vectorconnections@vector.co.nz?subject=Request%20changes%20to%20<registered%20account%20name>%20'>  \" +\n          \"vectorconnections@vector.co.nz</a> and in the subject line type: 'Request changes to &lt;registered account name&gt;'. \" +\n          \"You will need to let us know the name and email address of the person you would like added or removed. If a new user is to also be an admin, you will need to include this information.\",\n      },\n      {\n        question:\n          \"What are the differences between ordering as a guest or a registered user?\",\n        answer:\n          \"Both guest and registered users can:\" +\n          \"<ol type='a'> \" +\n          \"<li>Receive updates on request progress (via email or SMS)</li>\" +\n          \"<li>Pay online by clicking ‘Pay Now’ in your email (for new simple electricity connections only).</li>\" +\n          \"</ol> \" +\n          \"Guest users can:\" +\n          \"<ul> \" +\n          \"<li>Order online but cannot save their request</li>\" +\n          \"</ul> \" +\n          \"Registered users can: \" +\n          \"<ul> \" +\n          \"<li>Order online and save their request if they do not want to submit straight away</li>\" +\n          \"<li>View and track the progress of all their requests online</li>\" +\n          \"<li>Add other users to the same account (used by companies with multiple employees) so all company requests are visible to all users</li>\" +\n          \"</ul>\",\n      },\n    ],\n  },\n  {\n    category: \"Billing and payment\",\n    qa: [\n      {\n        question:\n          \"Can you confirm if my online payment has been successfully processed?\",\n        answer:\n          \"Once you complete a payment online, you will see a ‘transaction approved’ reference number displayed on the screen.<br/>\" +\n          \"<br/>The payment will be allocated within two business days. You will receive a notification once we have received payment.\",\n      },\n      {\n        question: \"I cannot pay my invoice.\",\n        answer:\n          \"After clicking on the link within your email notification or account, this will revert you to the Windcave payment page and enable you to \" +\n          \"insert your credit card details to process your payment. If the payment page does not appear, refresh your page, and return to the page again.\",\n      },\n    ],\n  },\n  {\n    category: \"Technical issues\",\n    qa: [\n      {\n        question: \"Why can’t I see all my orders in the electricity portal?\",\n        answer:\n          \"Unfortunately, if you have submitted a complex request on the portal, this will not show up in the order list. A complex request is:\" +\n          \"<ul> \" +\n          \"<li>A subdivision with more than 10 lots</li>\" +\n          \"<li>A connection with a fuse size of over 100 amps</li>\" +\n          \"</ul>\" +\n          \"If you cannot see your livening (ICP number) or simple connections, try logging out and logging back in again.<br/>\" +\n          \"<br/>If you still cannot see your requests, please email \" +\n          \"<a href='mailto:tech.support@vector.co.nz?subject=ECSS%20Service%20Query'>tech.support@vector.co.nz</a> and let us know as much detail as you can on what requests are missing. Please provide screenshots, if possible, of any error messages.\",\n      },\n      {\n        question: \"Why can’t I submit an order?\",\n        answer:\n          \"If the submit button is greyed out, make sure you have ticked the privacy policy statement to accept our terms and conditions relating to privacy. Once you’ve accepted the policy terms, the submit button will be active.<br/>\" +\n          \"<br/>If you have clicked on submit and there are problems creating your request, you will receive a message that something went wrong. Please try again in a few minutes. If it still does not work, please email \" +\n          \"<a href='mailto:tech.support@vector.co.nz?subject=ECSS%20Service%20Query'>tech.support@vector.co.nz</a> and let us know as much detail as you can on what happened. Please provide screenshots, if possible, of any error messages.\",\n      },\n    ],\n  },\n];\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Title } from \"../Title\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { Span } from \"../Span\";\nimport { FaqAccordionGroup } from \"./_/FaqAccordionGroup\";\nimport { FaqGetSupport } from \"./_/FaqGetSupport\";\nimport { FaqValues } from \"../../constants/FaqValues\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.largeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n\n  ${mediaQueries.largeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nexport const HelpCentre: React.FC = () => {\n  return (\n    <GridWrapper mx={[2, 2, 4, 4, 0]}>\n      <FlexWrapper flexDirection=\"column\">\n        <Title as=\"h1\" lineHeight={6} fontWeight=\"500\" mb={6} pt={7}>\n          Help centre\n        </Title>\n\n        <Span\n          display=\"inline-block\"\n          fontSize={3}\n          lineHeight={3}\n          fontWeight=\"500\"\n          mb={5}\n        >\n          Please take a look at the frequently asked questions below.\n        </Span>\n\n        <FaqAccordionGroup faqs={FaqValues} />\n\n        <FaqGetSupport />\n      </FlexWrapper>\n    </GridWrapper>\n  );\n};\n","import React from \"react\";\nimport { HelpCentre } from \"../../components/HelpCentre\";\nimport { Page } from \"../../components/Page\";\nimport { OrderDetailsListNavigationMenu } from \"../../components/OrderDetailsList/_/OrderDetailsListNavigationMenu\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\ninterface Props {\n  tabTitle: string;\n}\n\nexport const HelpCentrePage: React.FC<Props> = ({ tabTitle }) => {\n  const {\n    authenticatedUserContext: { isLoggedIn },\n  } = useUserAuthentication();\n\n  return (\n    <Page\n      tabTitle={tabTitle}\n      navigationMenuContents={\n        isLoggedIn ? () => <OrderDetailsListNavigationMenu /> : undefined\n      }\n      hasMobileNavMenu={isLoggedIn}\n    >\n      <HelpCentre />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { HelpCentrePageContent } from \"../../types/HelpCentrePageContent\";\nimport { HelpCentrePage } from \"./HelpCentrePage\";\n\nexport const EMPTY_HELP_CENTRE_PAGE_CONTENT: HelpCentrePageContent = {\n  tabTitle: \"\",\n};\n\nexport const HelpCentrePageContainer: React.FC = () => {\n  return <HelpCentrePage {...EMPTY_HELP_CENTRE_PAGE_CONTENT} />;\n};\n","import {\n  FlexboxProps,\n  LayoutProps,\n  SpaceProps,\n  TypographyProps,\n  variant,\n} from \"styled-system\";\nimport React, { InputHTMLAttributes, RefObject } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Label } from \"../Label\";\n\nexport interface RadioButtonProps {\n  label: string;\n  magnitude?: \"small\" | \"medium\" | \"large\" | \"xLarge\";\n  alignText?: string;\n  currentValue?: string | number;\n  icon?: string;\n  focusable?: boolean;\n  error?: boolean;\n}\n\nconst FlexContainer = styled(Flex)(\n  variant({\n    scale: \"radioButton\",\n    variants: {\n      primary: {\n        borderRadius: \"radio\",\n        border: \"2px solid\",\n        borderColor: \"neutrals.ln40\",\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n        },\n        \"&:focus-visible\": {\n          outline: \"none\",\n        },\n        \"&:hover\": {\n          bg: \"hydro10\",\n        },\n      },\n    },\n  }),\n  variant({\n    prop: \"magnitude\",\n    scale: \"radioButtonMagnitude\",\n    variants: {\n      xLarge: {\n        fontSize: 4,\n        lineHeight: 4,\n        py: 7,\n      },\n      large: {\n        fontSize: 4,\n        lineHeight: 4,\n        py: 4,\n      },\n      medium: {\n        fontSize: 2,\n        lineHeight: 2,\n        paddingTop: [1, 2, \"19px\"],\n        paddingBottom: [1, 2, \"19px\"],\n      },\n      small: {\n        fontSize: 2,\n        lineHeight: 2,\n        py: 2,\n      },\n    },\n  }),\n);\n\nconst LabelWrapper = styled(Label)`\n  cursor: pointer;\n`;\n\nconst Input = styled.input`\n  display: none;\n`;\n\nconst IconWrapper = styled(Icon)``;\n\nconst Container = styled(FlexContainer)<{\n  alignText?: string;\n}>`\n  justify-content: center;\n  text-align: ${(props) => props.alignText};\n  flex-direction: column;\n  cursor: pointer;\n  border-color: ${({ error, theme }) => error && theme.colors.danger};\n  border-color: ${({ checked, theme }) => checked && theme.colors.hydroDark};\n  background-color: ${({ checked, theme }) => checked && theme.colors.hydro10};\n  ${({ disabled, theme }) =>\n    disabled &&\n    css`\n      cursor: none;\n      pointer-events: none;\n      background-color: ${theme.colors.neutrals.ln20};\n      & > ${LabelWrapper} {\n        cursor: none;\n        pointer-events: none;\n        color: ${theme.colors.neutrals.mn40};\n      }\n      & > ${IconWrapper} {\n        color: ${theme.colors.neutrals.mn40};\n      }\n    `}\n`;\n\nexport const RadioButton: React.FC<\n  RadioButtonProps &\n    FlexboxProps &\n    LayoutProps &\n    SpaceProps &\n    TypographyProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({\n  id,\n  label,\n  magnitude,\n  icon,\n  currentValue,\n  value,\n  disabled,\n  error,\n  tabIndex,\n  flexGrow,\n  flexBasis,\n  minWidth,\n  focusable,\n  ml,\n  mr,\n  mb,\n  mt,\n  mx,\n  my,\n  width,\n  fontSize,\n  fontFamily,\n  alignText,\n  ...props\n}) => {\n  const inputRef: RefObject<HTMLInputElement> = React.useRef(null);\n  const checked = currentValue === value;\n\n  const handleOnClick = () => {\n    /* istanbul ignore next */\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.click();\n    }\n  };\n\n  return (\n    <Container\n      variant=\"primary\"\n      magnitude={magnitude}\n      checked={checked}\n      onClick={handleOnClick}\n      error={error}\n      disabled={disabled}\n      tabIndex={focusable ? tabIndex : -1}\n      flexGrow={flexGrow}\n      flexBasis={flexBasis}\n      minWidth={minWidth}\n      width={width}\n      alignText={alignText}\n      ml={ml}\n      mr={mr}\n      mb={mb}\n      mt={mt}\n      mx={mx}\n      my={my}\n      px={3}\n    >\n      {icon && (\n        <IconWrapper\n          icon={icon}\n          color=\"hydro\"\n          fontSize={8}\n          fontFamily={fontFamily}\n          lineHeight={7}\n          mb={3}\n        />\n      )}\n      <Input\n        {...props}\n        id={id}\n        value={value}\n        checked={checked}\n        aria-checked={checked}\n        ref={inputRef}\n        disabled={disabled}\n        type=\"radio\"\n      />\n      <LabelWrapper fontSize={fontSize} htmlFor={id}>\n        {label}\n      </LabelWrapper>\n    </Container>\n  );\n};\n\nRadioButton.defaultProps = {\n  error: false,\n  magnitude: \"large\",\n  disabled: false,\n  focusable: true,\n  tabIndex: 0,\n  alignText: \"center\",\n};\n","import TagManager from \"react-gtm-module\";\n\nexport interface GAEvent {\n  event: string;\n  category: string;\n  action: string;\n  label: string;\n}\n\nexport const sendGAEvent = (event: GAEvent) => {\n  TagManager.dataLayer({\n    dataLayer: event\n  });\n};\n","import React, { ChangeEvent, InputHTMLAttributes } from \"react\";\nimport { RadioButton } from \"../RadioButton\";\nimport { FieldProps, getIn } from \"formik\";\nimport { RadioButtonProps } from \"../RadioButton/RadioButton\";\nimport { FlexboxProps, SpaceProps, TypographyProps } from \"styled-system\";\nimport { GAEvent, sendGAEvent } from \"../../utils/ga/GaEventSender\";\n\ninterface Props {\n  gaEvent?: GAEvent;\n  useTimeout?: boolean;\n  alignText?: string;\n}\n\nexport const FormikRadioButton: React.FC<\n  FieldProps &\n    FlexboxProps &\n    RadioButtonProps &\n    SpaceProps &\n    TypographyProps &\n    InputHTMLAttributes<HTMLInputElement> &\n    Props\n> = ({ field, form, gaEvent, useTimeout, alignText, ...props }) => {\n  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {\n    if (gaEvent) {\n      sendGAEvent(gaEvent);\n    }\n\n    field.onChange(evt);\n\n    if (useTimeout) {\n      setTimeout(() => {\n        form.validateField(field.name);\n      }, 200);\n    } else {\n      form.validateField(field.name);\n    }\n  };\n\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <RadioButton\n      {...field}\n      error={touch && error ? error : false}\n      {...props}\n      onChange={handleChange}\n      alignText={alignText}\n    />\n  );\n};\n\nFormikRadioButton.defaultProps = {\n  useTimeout: false,\n};\n","import { Unmetered } from \"../types/Unmetered\";\n\nexport const UnmeteredFeatureTypeValues = [\n  \"Bulk water meter\",\n  \"Bus timetable monitor\",\n  \"Bus shelter\",\n  \"CCTV camera\",\n  \"Datran unit\",\n  \"Flow recorder\",\n  \"Gate control\",\n  \"Lever control equipment\",\n  \"Light\",\n  \"Motorway sign\",\n  \"Payphone\",\n  \"PCM unit (Chorus)\",\n  \"Pump\",\n  \"Railway lights/bell\",\n  \"Remote monitoring beacon\",\n  \"Siren\",\n  \"Speed camera\",\n  \"Other\",\n];\n\nexport type UnmeteredFeatureType =\n  | \"\" // Empty because Formik initial values are empty\n  | \"Bulk water meter\"\n  | \"Bus timetable monitor\"\n  | \"Bus shelter\"\n  | \"CCTV camera\"\n  | \"Datran unit\"\n  | \"Flow recorder\"\n  | \"Gate control\"\n  | \"Lever control equipment\"\n  | \"Light\"\n  | \"Motorway sign\"\n  | \"Payphone\"\n  | \"PCM unit (Chorus)\"\n  | \"Pump\"\n  | \"Railway lights/bell\"\n  | \"Remote monitoring beacon\"\n  | \"Siren\"\n  | \"Speed camera\"\n  | \"Other\";\n\nexport const UnmeteredAvailableHourValues = [\n  \"Daytime hours\",\n  \"Night-time hours\",\n  \"24 hours\",\n];\n\nexport type UnmeteredAvailableHourType =\n  | \"\" // Empty because Formik initial values are empty\n  | \"Daytime hours\"\n  | \"Night-time hours\"\n  | \"24 hours\";\n\nexport const EMPTY_UNMETERED: Unmetered = {\n  addressInformation: {\n    streetAddress: \"\",\n    streetAddressId: \"\",\n    manuallyEnteredAddress: false,\n    manualStreetAddress: {\n      streetNumber: \"\",\n      streetName: \"\",\n      suburb: \"\",\n      unit: \"\",\n      postcode: \"\",\n    },\n    additionalAddressInformation: \"\",\n  },\n  featureType: \"\",\n  featureTypeOther: \"\",\n  quantity: 0,\n  wattage: 1.1,\n  availableHours: \"\",\n};\n","import {\n  BorderProps,\n  ColorProps,\n  FlexboxProps,\n  LayoutProps,\n  SpaceProps,\n  TypographyProps,\n  border,\n  color,\n  layout,\n  space,\n  typography,\n  ResponsiveValue,\n} from \"styled-system\";\nimport React, { ButtonHTMLAttributes, useRef, useState } from \"react\";\nimport * as CSS from \"csstype\";\nimport { Box } from \"../Box\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Label } from \"../Label\";\nimport { Span } from \"../Span\";\nimport styled from \"styled-components\";\nimport { useSelect } from \"downshift\";\nimport { IconPopupTip } from \"../IconPopupTip\";\n\nexport interface DropdownProps {\n  label: string;\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  displayLabel?: ResponsiveValue<CSS.Property.Display, any>;\n  items: string[];\n  visibleItems: number;\n  message?: string;\n  error?: boolean;\n  optional?: boolean;\n  tooltip?: string;\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  displayTooltip?: ResponsiveValue<CSS.Property.Display, any>;\n  onSelect: (selected?: string | null) => void;\n}\n\nconst InputWrapper = styled(Flex)<ColorProps & { disabled: boolean }>`\n  background-color: ${({ theme }) => theme.colors.white};\n  background-color: ${({ disabled, theme }) =>\n    disabled && theme.colors.neutrals.ln30};\n\n  box-sizing: border-box;\n  border-style: solid;\n`;\n\nconst StyledSelectButton = styled.button<\n  DropdownProps & BorderProps & LayoutProps & TypographyProps & ColorProps\n>`\n  ${border}\n  ${layout}\n  ${space}\n  ${typography}\n  ${color}\n  cursor: pointer;\n  text-decoration: none;\n  border: none;\n  appearance: none;\n  outline: none;\n  font-family: inherit;\n\n  text-align: left;\n  flex-grow: 1;\n  background: none;\n\n  width: min-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  :hover,\n  :focus,\n  :focus-visible,\n  :focus-within,\n  :active {\n    outline: none;\n    background: none;\n  }\n\n  :enabled:focus {\n    color: ${({ theme }) => theme.colors.nightSky};\n  }\n`;\n\nconst StyledToggleButton = styled.button<\n  DropdownProps & BorderProps & SpaceProps\n>`\n  ${border}\n  ${space}\n  background: ${({ disabled }) => (disabled ? \"\" : \"none\")};\n  border: none;\n  outline: none;\n  padding-right: 16px;\n  flex-grow: 0;\n  cursor: pointer;\n  min-height: 56px;\n`;\n\nconst StyledOptionalMessage = styled(Span)`\n  align-self: flex-end;\n  color: ${({ theme }) => theme.colors.neutrals.mn60};\n`;\n\nconst StyledMessage = styled(Span)<{ error?: boolean }>`\n  align-self: flex-start;\n  color: ${({ error, theme }) =>\n    error ? theme.colors.urgentRed : theme.colors.neutrals.mn60};\n`;\n\nconst StyledItemsContainer = styled.ul<BorderProps & LayoutProps>`\n  ${border}\n  ${layout}\n\n  overflow: auto;\n  position: absolute;\n  z-index: 1;\n  margin: 0;\n  padding: 0;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-style: solid;\n  border-width: 2px;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln0};\n  border-top: 0;\n  list-style: none;\n\n  ::-webkit-scrollbar {\n    width: 1em;\n  }\n\n  ::-webkit-scrollbar-track {\n    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln30};\n    border-radius: 6px;\n  }\n\n  outline: none;\n`;\n\nconst StyledItem = styled.li<ColorProps & SpaceProps & TypographyProps>`\n  ${color}\n  ${space}\n  ${typography}\n\n  background: none;\n  position: relative;\n  cursor: pointer;\n  display: block;\n  border-top: 2px solid ${({ theme }) => theme.colors.neutrals.ln10};\n  height: auto;\n  text-align: left;\n  color: ${({ theme }) => theme.colors.nightSky};\n  text-transform: none;\n  box-shadow: none;\n  whitespace: normal;\n  wordwrap: normal;\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  :last-child {\n    border-radius: 0 0 6px 6px;\n  }\n`;\n\nexport const Dropdown: React.FC<\n  DropdownProps &\n    ColorProps &\n    FlexboxProps &\n    LayoutProps &\n    SpaceProps &\n    TypographyProps &\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      \"onSelect\" | \"width\" | \"height\" | \"size\"\n    >\n> = ({\n  id,\n  name,\n  label,\n  displayLabel,\n  optional,\n  placeholder,\n  message,\n  error,\n  disabled,\n  onSelect,\n  onFocus,\n  onBlur,\n  visibleItems,\n  value,\n  items,\n  tooltip,\n  displayTooltip,\n  width,\n  minWidth,\n  flexBasis,\n  flexGrow,\n  my,\n  mr,\n  mb,\n}) => {\n  const MENU_ITEM_HEIGHT_PIXELS = 60;\n\n  const [hasFocus, setHasFocus] = useState(false);\n\n  const {\n    isOpen,\n    selectedItem,\n    getToggleButtonProps,\n    getLabelProps,\n    getMenuProps,\n    getItemProps,\n  } = useSelect({\n    items,\n    onSelectedItemChange: ({ selectedItem }) => {\n      onSelect(selectedItem);\n    },\n  });\n\n  const handleInputOnFocus = () => {\n    setHasFocus(true);\n  };\n\n  const handleInputOnBlur = () => {\n    setHasFocus(false);\n  };\n\n  const inputWrapperRef = useRef(null);\n\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  const containerWidth = inputWrapperRef.current as any;\n\n  return (\n    <Box\n      mr={mr}\n      my={my}\n      mb={mb}\n      flexGrow={flexGrow}\n      flexBasis={flexBasis}\n      minWidth={minWidth}\n    >\n      {(label || optional) && (\n        <Flex pl={2} pr={2} mb={1}>\n          {label && (\n            <>\n              <Label\n                {...getLabelProps({\n                  id: `${id}-label`,\n                })}\n                htmlFor={id}\n                color=\"nightSky\"\n                fontSize=\"body\"\n                lineHeight=\"body\"\n                display={displayLabel}\n                data-testid={`${id}-label-testid`}\n              >\n                {label}\n              </Label>\n\n              {tooltip && (\n                <IconPopupTip\n                  display={displayTooltip}\n                  icon=\"help\"\n                  ml=\"auto\"\n                  data-testid={`${id}-popuptip-testid`}\n                >\n                  {tooltip}\n                </IconPopupTip>\n              )}\n            </>\n          )}\n\n          {optional && (\n            <StyledOptionalMessage\n              ml=\"auto\"\n              mr={2}\n              fontSize={1}\n              lineHeight={1}\n              data-testid={`${id}-optional-testid`}\n            >\n              Optional\n            </StyledOptionalMessage>\n          )}\n        </Flex>\n      )}\n\n      <InputWrapper\n        ref={inputWrapperRef}\n        flexDirection=\"row\"\n        width={width}\n        borderWidth={2}\n        borderRadius=\"input\"\n        borderBottomLeftRadius={isOpen ? \"0\" : \"input\"}\n        borderBottomRightRadius={isOpen ? \"0\" : \"input\"}\n        borderColor={\n          error ? \"urgentRed\" : hasFocus || isOpen ? \"hydro\" : \"neutrals.ln40\"\n        }\n        borderBottom={isOpen ? \"0\" : \"\"}\n        boxShadow={hasFocus && !(error || isOpen) ? \"inputFocus\" : \"\"}\n        disabled={disabled}\n      >\n        <StyledSelectButton\n          {...getToggleButtonProps({\n            id: `${id}-select`,\n            \"aria-labelledby\": `${id}-label`,\n            type: \"button\",\n            onFocus: handleInputOnFocus,\n            onBlur: handleInputOnBlur,\n          })}\n          fontSize={2}\n          lineHeight={2}\n          py={3}\n          pl={3}\n          pr={0}\n          name={name}\n          disabled={disabled}\n          error={error}\n          data-testid={`${id}-select-testid`}\n          color=\"nightSky\"\n        >\n          {value || selectedItem || placeholder}\n        </StyledSelectButton>\n\n        <StyledToggleButton\n          {...getToggleButtonProps({\n            id: `${id}-toggle-button`,\n            type: \"button\",\n          })}\n          variant=\"lowAffordance\"\n          lineHeight={2}\n          pl={2}\n          pr={3}\n          disabled={disabled}\n          aria-label=\"reset\"\n          data-testid={`${id}-toggle-testid`}\n        >\n          <Icon\n            fontSize={5}\n            color=\"neutrals.dn40\"\n            icon={isOpen ? \"expand_less\" : \"expand_more\"}\n          />\n        </StyledToggleButton>\n      </InputWrapper>\n\n      <StyledItemsContainer\n        {...getMenuProps({\n          id: `${id}-menu`,\n          onBlur: onBlur,\n          onFocus: onFocus,\n        })}\n        hidden={!isOpen || !items.length}\n        borderColor={isOpen && error ? \"urgentRed\" : isOpen ? \"hydro\" : \"\"}\n        borderBottomLeftRadius=\"input\"\n        borderBottomRightRadius=\"input\"\n        maxHeight={`${visibleItems * MENU_ITEM_HEIGHT_PIXELS}px`}\n        overflowY={items.length > visibleItems ? \"scroll\" : \"hidden\"}\n        tabIndex={-1}\n        width={`${containerWidth?.offsetWidth - 4}px`}\n        data-testid={`${id}-menu-testid`}\n      >\n        {items.map((item: string, index: number) => (\n          <StyledItem\n            fontSize={1}\n            lineHeight={2}\n            p={3}\n            key={index}\n            {...getItemProps({\n              id: `${id}-menu-item-${index}`,\n              item,\n              index,\n            })}\n          >\n            {item}\n          </StyledItem>\n        ))}\n      </StyledItemsContainer>\n\n      {!isOpen && message && (\n        <StyledMessage\n          fontSize={1}\n          lineHeight={1}\n          pl={2}\n          pr={2}\n          error={error}\n          data-testid={`${id}-message-testid`}\n        >\n          {message}\n        </StyledMessage>\n      )}\n    </Box>\n  );\n};\n\nDropdown.defaultProps = {\n  placeholder: \"Select\",\n  visibleItems: 5,\n  displayLabel: \"inline-block\",\n  displayTooltip: \"flex\",\n};\n","import { FieldProps, getIn } from \"formik\";\nimport React, { ButtonHTMLAttributes } from \"react\";\nimport { Dropdown } from \"../Dropdown\";\nimport { DropdownProps } from \"../Dropdown/Dropdown\";\nimport { FlexboxProps, FlexGrowProps, LayoutProps } from \"styled-system\";\nimport { GAEvent, sendGAEvent } from \"../../utils/ga/GaEventSender\";\n\ninterface Props {\n  gaEvent?: GAEvent;\n}\n\nexport const FormikDropdown: React.FC<\n  Props &\n    DropdownProps &\n    FieldProps &\n    LayoutProps &\n    FlexboxProps &\n    FlexGrowProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n> = ({ field, form, label, items, gaEvent, ...props }) => {\n  const handleOnSelect = (selected?: string | null | undefined) => {\n    if (gaEvent) {\n      sendGAEvent(gaEvent);\n    }\n\n    form.setFieldValue(field.name, selected, true);\n  };\n\n  const handleOnBlur = () => {\n    form.setFieldTouched(field.name, true);\n  };\n\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <Dropdown\n      {...field}\n      {...props}\n      onSelect={handleOnSelect}\n      onBlur={handleOnBlur}\n      error={touch && error ? error : false}\n      label={label}\n      items={items}\n    />\n  );\n};\n","import { Field, ErrorMessage } from \"formik\";\nimport React from \"react\";\nimport {\n  UnmeteredAvailableHourValues,\n  UnmeteredFeatureType,\n} from \"../../../../constants/Unmetered\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikDropdown } from \"../../../FormikDropdown\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\n\ninterface Props {\n  featureType: UnmeteredFeatureType;\n}\n\nexport const AvailableHours: React.FC<Props> = ({ featureType }) => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      flexGrow={featureType !== \"Other\" ? 0.2 : 0.4}\n      flexBasis={0}\n      minWidth={[\"100%\", \"100%\", \"100%\", 0]}\n    >\n      <Field\n        id=\"unmetered.availableHours\"\n        name=\"unmetered.availableHours\"\n        items={UnmeteredAvailableHourValues}\n        visibleItems={2}\n        label=\"Available hours\"\n        placeholder=\"\"\n        component={FormikDropdown}\n      />\n      <ErrorMessage\n        name=\"unmetered.availableHours\"\n        className=\"field-error\"\n        component={FormInputErrorMessage}\n      />\n    </Flex>\n  );\n};\n","import { Field, ErrorMessage } from \"formik\";\nimport React from \"react\";\nimport { UnmeteredFeatureTypeValues } from \"../../../../constants/Unmetered\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikDropdown } from \"../../../FormikDropdown\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\n\nexport const FeatureType: React.FC = () => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      flexGrow={0.3}\n      flexBasis={0}\n      minWidth={[\"100%\", \"100%\", \"100%\", 0]}\n      mr={[0, 0, 0, 3]}\n      mb={[3, 3, 3, 0]}\n    >\n      <Field\n        id=\"unmetered.featureType\"\n        name=\"unmetered.featureType\"\n        items={UnmeteredFeatureTypeValues}\n        visibleItems={4}\n        label=\"Feature type\"\n        placeholder=\"Select\"\n        component={FormikDropdown}\n      />\n      <ErrorMessage\n        name=\"unmetered.featureType\"\n        className=\"field-error\"\n        component={FormInputErrorMessage}\n      />\n    </Flex>\n  );\n};\n","import {\n  BackgroundProps,\n  BorderProps,\n  ColorProps,\n  LayoutProps,\n  SpaceProps,\n  TypographyProps,\n  border,\n  color,\n  layout,\n  space,\n  typography,\n} from \"styled-system\";\nimport React, {\n  InputHTMLAttributes,\n  RefObject,\n  useEffect,\n  useState,\n} from \"react\";\n\nimport { Button } from \"../Button\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Span } from \"../Span\";\nimport styled from \"styled-components\";\nimport { Label } from \"../Label\";\n\nexport interface CounterProps {\n  value: number;\n  error?: boolean;\n  message?: string;\n  onChange: (count: number) => void;\n  focusable?: boolean;\n  label?: string;\n}\n\nconst InputWrapper = styled.input<\n  Omit<CounterProps, \"onChange\"> &\n    BorderProps &\n    ColorProps &\n    SpaceProps &\n    TypographyProps\n>`\n  ${border}\n  ${layout}\n  ${color}\n  ${space}\n  ${typography}\n  outline: none;\n\n  &:disabled {\n    border-color: transparent;\n  }\n`;\n\nconst FlexWrapper = styled(Flex)`\n  box-sizing: border-box;\n\n  &:focus {\n    box-shadow: inputFocus;\n  }\n`;\n\nconst ButtonWrapper = styled(Button)`\n  border: 2px solid;\n  border-color: ${({ disabled, theme }) =>\n    disabled ? theme.colors.neutrals.ln30 : theme.colors.neutrals.ln20};\n\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  }\n\n  &:focus {\n    border-color: ${({ disabled, theme }) =>\n      disabled ? theme.colors.neutrals.ln30 : theme.colors.neutrals.ln20};\n  }\n`;\n\nexport const Counter: React.FC<\n  BackgroundProps &\n    CounterProps &\n    ColorProps &\n    LayoutProps &\n    SpaceProps &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\">\n> = ({\n  value,\n  min,\n  max,\n  error,\n  message,\n  disabled,\n  mb,\n  mr,\n  width,\n  tabIndex,\n  focusable,\n  onChange,\n  onFocus,\n  onBlur,\n  label,\n}) => {\n  const regExp = /^[+-]?\\d*(?:[.,]\\d*)?$/;\n\n  const [count, setCount] = useState(value);\n  const inputRef: RefObject<HTMLInputElement> = React.useRef(null);\n\n  useEffect(() => {\n    onChange(count);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [count]);\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const countValue = event.target.value;\n\n    if (regExp.test(countValue)) {\n      setCount(Number(countValue));\n    }\n  };\n\n  /* istanbul ignore next */\n  const inputRefBlur = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.blur();\n    }\n  };\n\n  const handleDecrement = () => {\n    setCount((preValue) => preValue - 1);\n    inputRefBlur();\n  };\n\n  const handleIncrement = () => {\n    setCount((preValue) => preValue + 1);\n    inputRefBlur();\n  };\n\n  const isDecrementDisabled = () => {\n    if (disabled) {\n      return true;\n    }\n\n    if (min && count <= min) {\n      return true;\n    }\n\n    if (count <= 1) {\n      return true;\n    }\n\n    return false;\n  };\n\n  const isIncrementDisabled = () => {\n    if (disabled) {\n      return true;\n    }\n\n    if (max && count >= max) {\n      return true;\n    }\n\n    return false;\n  };\n\n  return (\n    <Flex flexDirection=\"column\" mb={mb} width={width}>\n      <Label\n        color=\"nightSky\"\n        fontSize=\"body\"\n        lineHeight=\"body\"\n        pl={2}\n        pr={2}\n        mb={1}\n      >\n        {label}\n      </Label>\n\n      <FlexWrapper\n        justifyContent=\"space-between\"\n        border=\"2px solid\"\n        borderColor={error ? \"urgentRed\" : \"neutrals.ln40\"}\n        borderRadius=\"input\"\n        bg={disabled ? \"neutrals.ln20\" : \"neutrals.ln0\"}\n        alignItems=\"center\"\n        mr={mr}\n        px={2}\n        py=\"5px\"\n      >\n        <ButtonWrapper\n          id=\"icp-count-decrease-button\"\n          px={2}\n          borderWidth={1}\n          width={11}\n          borderRadius=\"input\"\n          variant=\"lowAffordance\"\n          magnitude=\"medium\"\n          focusable={focusable}\n          disabled={isDecrementDisabled()}\n          onClick={handleDecrement}\n        >\n          <Icon icon=\"remove\" margin=\"auto\" />\n        </ButtonWrapper>\n\n        <InputWrapper\n          type=\"text\"\n          textAlign=\"center\"\n          width=\"100%\"\n          border={disabled ? \"neutrals.ln20\" : \"transparent\"}\n          bg={disabled ? \"neutrals.ln20\" : \"transparent\"}\n          py={2}\n          fontWeight=\"medium\"\n          fontSize={3}\n          fontFamily=\"inherit\"\n          lineHeight={4}\n          borderColor=\"transparent\"\n          color={disabled ? \"neutrals.mn40\" : \"nightSky\"}\n          disabled={disabled}\n          error={error}\n          value={count}\n          ref={inputRef}\n          tabIndex={focusable ? tabIndex : -1}\n          onChange={handleChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n        />\n\n        <ButtonWrapper\n          id=\"icp-count-increase-button\"\n          px={2}\n          borderWidth={1}\n          width={11}\n          borderRadius=\"input\"\n          variant=\"lowAffordance\"\n          magnitude=\"medium\"\n          focusable={focusable}\n          disabled={isIncrementDisabled()}\n          onClick={handleIncrement}\n        >\n          <Icon icon=\"add\" />\n        </ButtonWrapper>\n      </FlexWrapper>\n\n      {message && (\n        <Span\n          color=\"neutrals.mn60\"\n          height={6}\n          mx={2}\n          fontSize={1}\n          lineHeight={1}\n          data-testid=\"counter-message\"\n        >\n          {message}\n        </Span>\n      )}\n    </Flex>\n  );\n};\n\nCounter.defaultProps = {\n  disabled: false,\n  error: false,\n  value: 1,\n  focusable: true,\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport { FieldProps, getIn } from \"formik\";\nimport { LayoutProps, SpaceProps } from \"styled-system\";\nimport { Counter } from \"../Counter\";\nimport { CounterProps } from \"../Counter/Counter\";\n\nexport const FormikCounter: React.FC<\n  CounterProps &\n    FieldProps &\n    LayoutProps &\n    SpaceProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({ field, form, ...props }) => {\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  const handleOnChange = (count: number) => {\n    form.setFieldValue(field.name, count);\n  };\n\n  const handleOnBlur = () => {\n    form.setFieldTouched(field.name, true);\n  };\n\n  return (\n    <Counter\n      {...field}\n      {...props}\n      error={touch && error ? error : false}\n      onChange={handleOnChange}\n      onBlur={handleOnBlur}\n    />\n  );\n};\n","import { Field, ErrorMessage } from \"formik\";\nimport React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikCounter } from \"../../../FormikCounter\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\n\nexport const Quantity: React.FC = () => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      flexGrow={0.3}\n      flexBasis={0}\n      minWidth={[\"100%\", \"100%\", \"100%\", 0]}\n      mr={[0, 0, 0, 3]}\n      mb={[3, 3, 3, 0]}\n    >\n      <Field\n        id=\"unmetered.quantity\"\n        name=\"unmetered.quantity\"\n        min={1}\n        max={10}\n        value={1}\n        label=\"Quantity\"\n        component={FormikCounter}\n      />\n      <ErrorMessage\n        name=\"unmetered.quantity\"\n        className=\"field-error\"\n        component={FormInputErrorMessage}\n      />\n    </Flex>\n  );\n};\n","import { Field, ErrorMessage } from \"formik\";\nimport React from \"react\";\nimport { UnmeteredFeatureType } from \"../../../../constants/Unmetered\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikInputText } from \"../../../FormikInputText\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\n\ninterface Props {\n  featureType: UnmeteredFeatureType;\n}\n\nexport const Wattage: React.FC<Props> = ({ featureType }) => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      flexGrow={featureType !== \"Other\" ? 0.2 : 0.3}\n      flexBasis={0}\n      minWidth={[\"100%\", \"100%\", \"100%\", 0]}\n      mr={[0, 0, 0, 3]}\n      mb={[3, 3, 3, 0]}\n    >\n      <Field\n        id=\"unmetered.wattage\"\n        name=\"unmetered.wattage\"\n        label=\"Wattage\"\n        placeholder=\"\"\n        component={FormikInputText}\n      />\n      <ErrorMessage\n        name=\"unmetered.wattage\"\n        className=\"field-error\"\n        component={FormInputErrorMessage}\n      />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { UnmeteredFeatureType } from \"../../../../constants/Unmetered\";\nimport { Flex } from \"../../../Flex\";\nimport { AvailableHours } from \"../AvailableHours\";\nimport { FeatureType } from \"../FeatureType\";\nimport { Quantity } from \"../Quantity\";\nimport { Wattage } from \"../Wattage\";\n\ninterface Props {\n  featureType: UnmeteredFeatureType;\n}\n\nexport const FeatureTypeNonOtherLayout: React.FC<Props> = ({ featureType }) => {\n  return (\n    <Flex\n      flexDirection={[\"column\", \"column\", \"column\", \"row\"]}\n      alignItems={\"flex-start\"}\n    >\n      <FeatureType />\n      <Quantity />\n      <Wattage featureType={featureType} />\n      <AvailableHours featureType={featureType} />\n    </Flex>\n  );\n};\n","import { Field, ErrorMessage } from \"formik\";\nimport React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikInputText } from \"../../../FormikInputText\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\n\nexport const FeatureTypeOther: React.FC = () => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      flexGrow={0.7}\n      flexBasis={0}\n      minWidth={[\"100%\", \"100%\", \"100%\", 0]}\n    >\n      <Field\n        id=\"unmetered.featureTypeOther\"\n        name=\"unmetered.featureTypeOther\"\n        label=\"'Other' details\"\n        placeholder=\"Please provide details\"\n        maxLength={100}\n        component={FormikInputText}\n      />\n      <ErrorMessage\n        name=\"unmetered.featureTypeOther\"\n        className=\"field-error\"\n        component={FormInputErrorMessage}\n      />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { UnmeteredFeatureType } from \"../../../../constants/Unmetered\";\nimport { Flex } from \"../../../Flex\";\nimport { AvailableHours } from \"../AvailableHours\";\nimport { FeatureType } from \"../FeatureType\";\nimport { FeatureTypeOther } from \"../FeatureTypeOther\";\nimport { Quantity } from \"../Quantity\";\nimport { Wattage } from \"../Wattage\";\n\ninterface Props {\n  featureType: UnmeteredFeatureType;\n}\n\nexport const FeatureTypeOtherLayout: React.FC<Props> = ({ featureType }) => {\n  return (\n    <>\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"row\"]}\n        alignItems={\"flex-start\"}\n        mb={3}\n      >\n        <FeatureType />\n        <FeatureTypeOther />\n      </Flex>\n\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"row\"]}\n        alignItems={\"flex-start\"}\n      >\n        <Quantity />\n        <Wattage featureType={featureType} />\n        <AvailableHours featureType={featureType} />\n      </Flex>\n    </>\n  );\n};\n","import React from \"react\";\nimport { ActionLink } from \"../ActionLink\";\nimport { FieldProps } from \"formik\";\nimport { ActionLinkProps } from \"../ActionLink/ActionLink\";\n\ninterface Props {\n  label?: string;\n}\n\nexport const FormikActionLink: React.FC<Props & ActionLinkProps & FieldProps> =\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  ({ field, form, label, ...props }) => {\n    return (\n      <ActionLink {...field} {...props}>\n        {label}\n      </ActionLink>\n    );\n  };\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { Box } from \"../Box\";\nimport { Link } from \"../Link\";\nimport { Icon } from \"../Icon\";\n\ninterface Props {\n  focusable?: boolean;\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  showPoBox?: boolean;\n  showCity?: boolean;\n  optionalStreetNumber?: boolean;\n  optionalStreetName?: boolean;\n  showUnit?: boolean;\n}\n\nexport const StreetAddressFields: React.FC<Props> = ({\n  focusable,\n  fieldIdPrefix,\n  fieldNamePrefix,\n  showPoBox,\n  showCity,\n  optionalStreetNumber,\n  optionalStreetName,\n  showUnit,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      {(showPoBox || showCity) && (\n        <Flex\n          flexDirection={[\"column\", \"column\", \"column\", \"row\", \"row\"]}\n          mb={[3, 3, 3, 3, 4]}\n        >\n          {showPoBox && (\n            <Flex\n              flexDirection=\"column\"\n              flexGrow={0.25}\n              flexBasis={0}\n              minWidth={0}\n              mr={[0, 0, 0, 3, 3]}\n            >\n              <Field\n                id={`${fieldIdPrefix}.poBox`}\n                name={`${fieldNamePrefix}.poBox`}\n                label=\"PO Box\"\n                placeholder=\"e.g. PO Box 99882\"\n                focusable={focusable}\n                optional\n                component={FormikInputText}\n              />\n              <ErrorMessage\n                name={`${fieldNamePrefix}.poBox`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            </Flex>\n          )}\n\n          {showCity && (\n            <Flex\n              flexDirection=\"column\"\n              flexGrow={0.75}\n              flexBasis={0}\n              minWidth={0}\n            >\n              <Field\n                id={`${fieldIdPrefix}.city`}\n                name={`${fieldNamePrefix}.city`}\n                label=\"City\"\n                placeholder=\"e.g. Auckland\"\n                focusable={focusable}\n                optional\n                component={FormikInputText}\n              />\n              <ErrorMessage\n                name={`${fieldNamePrefix}.city`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            </Flex>\n          )}\n        </Flex>\n      )}\n\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"row\", \"row\"]}\n        mb={[3, 3, 3, 3, 4]}\n      >\n        {showUnit && (\n          <Flex\n            flexDirection=\"column\"\n            flexGrow={0.25}\n            flexBasis={0}\n            minWidth={0}\n            mb={[3, 3, 3, 0, 0]}\n            mr={[0, 0, 0, 3, 3]}\n          >\n            <Field\n              id={`${fieldIdPrefix}.unit`}\n              name={`${fieldNamePrefix}.unit`}\n              label=\"Unit number\"\n              placeholder=\"e.g. 3\"\n              focusable={focusable}\n              component={FormikInputText}\n            />\n            <ErrorMessage\n              name={`${fieldNamePrefix}.unit`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n        )}\n\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.25}\n          flexBasis={0}\n          minWidth={0}\n          mb={[3, 3, 3, 0, 0]}\n          mr={[0, 0, 0, 3, 3]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.streetNumber`}\n            name={`${fieldNamePrefix}.streetNumber`}\n            label=\"Street number\"\n            placeholder=\"e.g. 109\"\n            focusable={focusable}\n            optional={optionalStreetNumber}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.streetNumber`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex flexDirection=\"column\" flexGrow={0.75} flexBasis={0} minWidth={0}>\n          <Field\n            id={`${fieldIdPrefix}.streetName`}\n            name={`${fieldNamePrefix}.streetName`}\n            label=\"Street name\"\n            placeholder=\"e.g. Newton road\"\n            focusable={focusable}\n            optional={optionalStreetName}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.streetName`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Flex>\n\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"column\", \"row\"]}\n        mb={[3, 3, 4]}\n      >\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mb={[3, 3, 3, 3, 0]}\n          mr={[0, 0, 0, 0, 2]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.suburb`}\n            name={`${fieldNamePrefix}.suburb`}\n            label=\"Suburb\"\n            placeholder=\"e.g. Glen Eden\"\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.suburb`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex\n          flexDirection={[\"column\", \"column\", \"row\"]}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={[0, 0, 0, 0, 2]}\n        >\n          <Flex\n            flexDirection=\"column\"\n            flexBasis={[\"auto\", 0]}\n            flexGrow={[1, 0.5]}\n            minWidth={[\"auto\", 0]}\n          >\n            <Field\n              id={`${fieldIdPrefix}.postcode`}\n              name={`${fieldNamePrefix}.postcode`}\n              label=\"Postcode\"\n              placeholder=\"e.g. 1010\"\n              focusable={focusable}\n              component={FormikInputText}\n            />\n            <ErrorMessage\n              name={`${fieldNamePrefix}.postcode`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n\n          <Box\n            ml={[0, 3]}\n            mt={4}\n            flexGrow={[1, 0.5]}\n            flexBasis={[\"auto\", 0]}\n            minWidth={[\"auto\", 0]}\n          >\n            <Link href=\"https://www.nzpost.co.nz/tools/address-postcode-finder\">\n              Postcode Finder\n              <Icon icon=\"open_in_new\" />\n            </Link>\n          </Box>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n","export const checkIsManualAddress = (\n  isManualAddress: boolean,\n  manuallyEnteredAddress: boolean,\n): boolean => {\n  return isManualAddress && manuallyEnteredAddress;\n};\n\nexport const checkIsSearchedAddress = (\n  isManualAddress: boolean,\n  manuallyEnteredAddress: boolean,\n): boolean => {\n  return !isManualAddress && !manuallyEnteredAddress;\n};\n","import React, { useEffect, useState } from \"react\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { Flex } from \"../Flex\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { FormikAddressSearchField } from \"../FormikAddressSearchField\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { FormikActionLink } from \"../FormikActionLink\";\nimport { SiteAddressInformation } from \"../../types/SiteAddressInformation\";\nimport { StreetAddressFields } from \"../StreetAddressFields\";\nimport {\n  checkIsManualAddress,\n  checkIsSearchedAddress,\n} from \"../ManualAddressHelperUtil/ManualAddressHelperUtil\";\n\ninterface Props {\n  siteAddressInformation: SiteAddressInformation;\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  focusable?: boolean;\n  validateField: (field: string) => void;\n  showUnit: boolean;\n  showAdditional?: boolean;\n}\n\nexport const StreetNumberAndName: React.FC<Props> = ({\n  siteAddressInformation,\n  fieldIdPrefix,\n  fieldNamePrefix,\n  focusable,\n  validateField,\n  showUnit,\n  showAdditional,\n}) => {\n  const [isManualAddress, setIsManualAddress] = useState(false);\n\n  const formattedFieldIdPrefix = `${fieldIdPrefix}.addressInformation`;\n  const formattedFieldNamePrefix = `${fieldNamePrefix}.addressInformation`;\n\n  const handleActionLinkClick = () => {\n    // Manually trigger Formik field validation for street address because action link has no blur\n    validateField(`${fieldNamePrefix}.addressInformation.streetAddress`);\n\n    // Toggle manuallyEnteredAddress in Formik values to manage field validation\n    siteAddressInformation.manuallyEnteredAddress =\n      !siteAddressInformation.manuallyEnteredAddress;\n\n    setIsManualAddress((prevState) => !prevState);\n  };\n\n  useEffect(() => {\n    if (siteAddressInformation.manuallyEnteredAddress) {\n      setIsManualAddress(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    //the address is manual entered\n    if (\n      checkIsManualAddress(\n        isManualAddress,\n        siteAddressInformation.manuallyEnteredAddress,\n      )\n    ) {\n      siteAddressInformation.streetAddress = \"\";\n      siteAddressInformation.streetAddressId = \"\";\n    }\n\n    //the address is searched\n    if (\n      checkIsSearchedAddress(\n        isManualAddress,\n        siteAddressInformation.manuallyEnteredAddress,\n      )\n    ) {\n      if (showUnit) {\n        siteAddressInformation.manualStreetAddress.unit = \"\";\n      }\n\n      siteAddressInformation.manualStreetAddress.streetNumber = \"\";\n      siteAddressInformation.manualStreetAddress.streetName = \"\";\n      siteAddressInformation.manualStreetAddress.suburb = \"\";\n      siteAddressInformation.manualStreetAddress.postcode = \"\";\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isManualAddress]);\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex flexDirection=\"column\" mb={2}>\n        <Field\n          id={`${formattedFieldIdPrefix}.streetAddress`}\n          name={`${formattedFieldNamePrefix}.streetAddress`}\n          nameId={`${formattedFieldNamePrefix}.streetAddressId`}\n          label=\"Street number and name\"\n          visibleItems={10}\n          placeholder=\"e.g. 101 Carlton Gore Road, Newmarket, Auckland\"\n          noResultsMessage={\n            \"We couldn’t find a matching address. \" +\n            \"Please continue using the manual address fields.\"\n          }\n          disabled={isManualAddress}\n          focusable={focusable}\n          value={isManualAddress ? \"\" : siteAddressInformation.streetAddress}\n          component={FormikAddressSearchField}\n        />\n        <ErrorMessage\n          name={`${formattedFieldNamePrefix}.streetAddress`}\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n      </Flex>\n\n      <Field\n        id={`${formattedFieldIdPrefix}.manuallyEnteredAddress`}\n        name={`${formattedFieldNamePrefix}.manuallyEnteredAddress`}\n        iconLeft={` ${!isManualAddress ? \"add_circle\" : \"remove_circle\"}`}\n        label={`${\n          !isManualAddress\n            ? \"Add address manually\"\n            : \"Remove manually entered address\"\n        }`}\n        alignSelf=\"flex-start\"\n        value={`${!isManualAddress ? \"manual\" : \"\"}`}\n        mt={2}\n        mb={[3, 3, 3, 3, 4]}\n        onClick={handleActionLinkClick}\n        component={FormikActionLink}\n      />\n\n      {isManualAddress && (\n        <StreetAddressFields\n          fieldIdPrefix={`${formattedFieldIdPrefix}.manualStreetAddress`}\n          fieldNamePrefix={`${formattedFieldNamePrefix}.manualStreetAddress`}\n          showUnit={showUnit}\n        />\n      )}\n\n      {showAdditional && (\n        <Flex flexDirection=\"column\" mb={4}>\n          <Field\n            id={`${formattedFieldIdPrefix}.additionalAddressInformation`}\n            name={`${formattedFieldNamePrefix}.additionalAddressInformation`}\n            label=\"Additional address information\"\n            placeholder=\"e.g. ABC Building\"\n            optional\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${formattedFieldNamePrefix}.additionalAddressInformation`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n\nStreetNumberAndName.defaultProps = {\n  focusable: true,\n  showAdditional: true,\n};\n","import React from \"react\";\nimport { Span } from \"../Span\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { Unmetered } from \"../../types/Unmetered\";\nimport { FeatureTypeNonOtherLayout } from \"./_/FeatureTypeNonOtherLayout\";\nimport { FeatureTypeOtherLayout } from \"./_/FeatureTypeOtherLayout\";\n\nimport { StreetNumberAndName } from \"../StreetNumberAndName\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\n\ninterface Props {\n  unmetered: Unmetered;\n  validateField: (field: string) => void;\n}\n\nexport const UnmeteredIcp: React.FC<Props> = ({ unmetered, validateField }) => {\n  const fieldIdPrefix = \"unmetered\";\n  const fieldNamePrefix = \"unmetered\";\n\n  return (\n    <>\n      <StreetNumberAndName\n        fieldIdPrefix={fieldIdPrefix}\n        fieldNamePrefix={fieldNamePrefix}\n        siteAddressInformation={unmetered.addressInformation}\n        validateField={validateField}\n        showUnit={false}\n        showAdditional={false}\n      />\n\n      <Flex flexDirection=\"column\" mb={7}>\n        <Span\n          display=\"inline-block\"\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          mb={3}\n        >\n          Additional information\n        </Span>\n        <Field\n          id={`${fieldIdPrefix}.addressInformation.additionalAddressInformation`}\n          name={`${fieldNamePrefix}.addressInformation.additionalAddressInformation`}\n          label=\"Additional address information\"\n          message=\"If this ICP is not exactly at the above address, please provide additional information about the site location.\"\n          optional\n          component={FormikInputText}\n        />\n        <ErrorMessage\n          name={`${fieldIdPrefix}.addressInformation.additionalAddressInformation`}\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n      </Flex>\n\n      <Flex mb={7} flexDirection=\"column\" flexGrow={1}>\n        <Span\n          display=\"inline-block\"\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          mb={3}\n        >\n          Unmetered ICP information\n        </Span>\n\n        {unmetered.featureType === \"Other\" && (\n          <FeatureTypeOtherLayout featureType={unmetered.featureType} />\n        )}\n\n        {unmetered.featureType !== \"Other\" && (\n          <FeatureTypeNonOtherLayout featureType={unmetered.featureType} />\n        )}\n      </Flex>\n    </>\n  );\n};\n","import { apiClient } from \"../client/ApiClient\";\nimport { InspectorRetailer } from \"../types/InspectorRetailer\";\n\nconst getInspectorRetailers = async (\n  path: string,\n): Promise<InspectorRetailer[]> => {\n  return await apiClient\n    .get<InspectorRetailer[]>(path)\n    .then((response) => response.data);\n};\n\nexport default getInspectorRetailers;\n","import React from \"react\";\nimport { FlexGrowProps } from \"styled-system\";\nimport { Dropdown } from \"../Dropdown\";\nimport { useGetInspectorRetailers } from \"../../hooks/cachedQueries/useGetInspectorRetailers/useGetInspectorRetailers\";\nimport { InspectorRetailer } from \"../../types/InspectorRetailer\";\n\nexport interface LiveningInspectorFieldProps {\n  label: string;\n  visibleItems: number;\n  optional?: boolean;\n  error?: boolean;\n  message?: string;\n  focusable?: boolean;\n  onSelect: (selected?: string | null, selectedId?: string | null) => void;\n  path: \"livening-inspectors\" | \"power-retailers\";\n}\n\nexport const InspectorRetailerDropdownFieldContainer: React.FC<\n  LiveningInspectorFieldProps &\n    FlexGrowProps &\n    Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onSelect\">\n> = ({ error, onSelect, path, ...props }) => {\n  const { serviceProviders, apiError } = useGetInspectorRetailers(path);\n\n  const handleOnSelect = (selected?: string | null) => {\n    if (!selected || !serviceProviders) {\n      return;\n    }\n\n    const selectedItem = serviceProviders.find(\n      (item) => selected === item?.name,\n    ) as InspectorRetailer;\n\n    onSelect(selected, selectedItem.id);\n  };\n\n  return (\n    <Dropdown\n      {...props}\n      onSelect={handleOnSelect}\n      items={serviceProviders.map((item) => item.name)}\n      error={error || apiError}\n    />\n  );\n};\n\nInspectorRetailerDropdownFieldContainer.defaultProps = {\n  error: false,\n  disabled: false,\n  optional: false,\n  focusable: true,\n};\n","import { ReactQueryKeys } from \"../../../constants/ReactQueryKeys\";\nimport { useQuery, useQueryClient } from \"@tanstack/react-query\";\nimport getInspectorRetailers from \"../../../services/InspectorRetailerService\";\nimport {\n  hoursToMinutes,\n  minutesToMs,\n} from \"../../../utils/numberComputationHelper/numberComputationHelper\";\nimport { sessionStorageWrapper } from \"../../../utils/sessionStorageWrapper/sessionStorageWrapper\";\nimport { PersistedClient } from \"@tanstack/react-query-persist-client\";\nimport { filterWithMultipleValues } from \"../../../utils/arrayHelper/arrayHelper\";\nimport { InspectorRetailer } from \"../../../types/InspectorRetailer\";\n\nexport const useGetInspectorRetailers = (\n  path: \"livening-inspectors\" | \"power-retailers\",\n) => {\n  const queryKey: ReactQueryKeys = \"serviceProviders\";\n\n  const ecssQueryCache =\n    sessionStorageWrapper.getItem<PersistedClient>(\"ecssQueryCache\");\n\n  const [firstQuery] = filterWithMultipleValues(\n    ecssQueryCache?.clientState?.queries,\n    [queryKey, path],\n    (query, filter) =>\n      query.queryKey.includes(filter) && !query.state.isInvalidated,\n  );\n\n  const cachedProviders = firstQuery?.state?.data as\n    | InspectorRetailer[]\n    | undefined;\n\n  // override default staleTime and cacheTime in this query\n  // - https://tanstack.com/query/v4/docs/react/reference/QueryClient#queryclientsetquerydefaults\n  const minutes = hoursToMinutes(24);\n  const queryClient = useQueryClient();\n  queryClient.setQueryDefaults([queryKey], {\n    staleTime: minutesToMs(minutes),\n    cacheTime: minutesToMs(minutes),\n  });\n\n  /***\n   * useQuery docs - https://tanstack.com/query/v4/docs/react/reference/useQuery\n   */\n  const { data: serviceProviders, isError: apiError } = useQuery<\n    InspectorRetailer[]\n  >({\n    queryKey: [queryKey, path],\n    queryFn: () => getInspectorRetailers(path),\n    enabled: !cachedProviders,\n  });\n\n  return {\n    serviceProviders: cachedProviders ?? serviceProviders ?? [],\n    apiError,\n  };\n};\n","import React from \"react\";\nimport { FieldProps, getIn } from \"formik\";\nimport { LiveningInspectorFieldProps } from \"../InspectorRetailerDropdownField/InspectorRetailerDropdownFieldContainer\";\nimport { FlexGrowProps } from \"styled-system\";\nimport { InspectorRetailerDropdownFieldContainer } from \"../InspectorRetailerDropdownField\";\n\ninterface Props {\n  nameId: string;\n}\n\nexport const FormikInspectorRetailerField: React.FC<\n  Props & FieldProps & LiveningInspectorFieldProps & FlexGrowProps\n> = ({ field, form, nameId, ...props }) => {\n  const handleOnSelect = (\n    selected?: string | null | undefined,\n    selectedId?: string | null | undefined,\n  ) => {\n    form.setFieldValue(field.name, selected);\n    form.setFieldValue(nameId, selectedId);\n  };\n\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <InspectorRetailerDropdownFieldContainer\n      {...field}\n      error={touch && error ? error : false}\n      {...props}\n      onSelect={handleOnSelect}\n    />\n  );\n};\n","import { LiveningIcpContactDetailsValues } from \"../types/LiveningIcpContactDetailsValues\";\nimport { NewConnectionContactDetailsValues } from \"../types/NewConnectionContactDetailsValues\";\n\nexport const EMPTY_LIVENING_ICP_CONTACT_DETAILS_VALUES: LiveningIcpContactDetailsValues =\n  {\n    firstName: \"\",\n    lastName: \"\",\n    email: \"\",\n    mobile: \"\",\n    alternatePhone: \"\",\n    businessName: \"\",\n    workContactPreferences: {\n      email: false,\n      sms: false,\n    },\n    roles: {\n      requester: false,\n      siteAccessContactRole: false,\n      powerRetailerAccountHolderRole: false,\n    },\n    contactHasRole: false\n  };\n\nexport const EMPTY_NEW_CONNECTION_CONTACT_DETAILS_VALUES: NewConnectionContactDetailsValues =\n  {\n    firstName: \"\",\n    lastName: \"\",\n    email: \"\",\n    mobile: \"\",\n    alternatePhone: \"\",\n    billingAddressDisplay: \"\",\n    billingAddressId: \"\",\n    manuallyEnteredBillingAddress: false,\n    manualBillingAddress: {\n      addressString: \"\",\n      suburb: \"\",\n      city: \"\",\n      postcode: \"\",\n    },\n    businessName: \"\",\n    businessNumber: \"\",\n    workContactPreferences: {\n      email: false,\n      sms: false,\n    },\n    quoteContactPreferences: {\n      email: false,\n      sms: false,\n    },\n    roles: {\n      requester: false,\n      quotePayerRole: false,\n      siteAccessContactRole: false,\n      customerRole: false,\n      consultantRole: false,\n    },\n    contactHasRole: false\n  };\n","import React from \"react\";\nimport { ActionLink } from \"../../ActionLink\";\n\ninterface Props {\n  anyRolesSelected: boolean;\n  remainingSelectableRoles: number;\n  actionLinkRoleTitle: string;\n  onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  tabIndex?: number;\n  focusable?: boolean;\n}\n\nexport const ContactDetailsFormAddContact: React.FC<Props> = ({\n  anyRolesSelected,\n  remainingSelectableRoles,\n  onClick,\n  focusable,\n  tabIndex,\n  actionLinkRoleTitle,\n}) => {\n  return (\n    <ActionLink\n      iconLeft=\"add_circle\"\n      onClick={onClick}\n      disabled={!anyRolesSelected || remainingSelectableRoles === 0}\n      tabIndex={focusable ? tabIndex : -1}\n    >\n      {actionLinkRoleTitle}\n    </ActionLink>\n  );\n};\n\nContactDetailsFormAddContact.defaultProps = {\n  tabIndex: 0,\n  focusable: true,\n};\n","import {\n  LiveningIcpRoles,\n  NewConnectionRoles,\n  Roles,\n} from \"../../../types/ContactDetailRoles\";\n\nexport const newConnectionRolesSelected = (\n  contactDetailsRoles: NewConnectionRoles,\n): boolean => {\n  return (\n    contactDetailsRoles.siteAccessContactRole ||\n    contactDetailsRoles.quotePayerRole ||\n    contactDetailsRoles.customerRole ||\n    contactDetailsRoles.consultantRole\n  );\n};\n\nexport const liveningIcpRolesSelectedInAllContactDetails = (\n  contactDetailsRoles: LiveningIcpRoles[],\n) => {\n  return contactDetailsRoles\n    .filter((roles, index) => index !== 0)\n    .every(\n      (roles) =>\n        roles.powerRetailerAccountHolderRole || roles.siteAccessContactRole,\n    );\n};\n\n//new connection and icp request use\nexport const siteAccessContactRoleSelectedInAllContactDetails = (\n  contactDetailsRoles: Roles[],\n): boolean => {\n  return contactDetailsRoles.some((roles) => roles.siteAccessContactRole);\n};\n\nexport const powerRetailerAccountHolderRoleSelectedInAllContactDetails = (\n  contactDetailsRoles: LiveningIcpRoles[],\n): boolean => {\n  return contactDetailsRoles.some(\n    (roles) => roles.powerRetailerAccountHolderRole,\n  );\n};\n\nexport const newConnectionRolesSelectedInAllContactDetails = (\n  contactDetailsRoles: NewConnectionRoles[],\n) => {\n  return contactDetailsRoles\n    .filter((roles, index) => index !== 0)\n    .every((roles) => {\n      return newConnectionRolesSelected(roles);\n    });\n};\n\nexport const customerRoleSelectedInAllContactDetails = (\n  contactDetailsRoles: NewConnectionRoles[],\n): boolean => {\n  return contactDetailsRoles.some((roles) => roles.customerRole);\n};\n\nexport const quotePayerRoleSelectedInAllContactDetails = (\n  contactDetailsRoles: NewConnectionRoles[],\n): boolean => {\n  return contactDetailsRoles.some((roles) => roles.quotePayerRole);\n};\n\nexport const consultantRoleSelectedInAllContactDetails = (\n  contactDetailsRoles: NewConnectionRoles[],\n): boolean => {\n  return contactDetailsRoles.some((roles) => roles.consultantRole);\n};\n","import {\n  LiveningIcpRoles,\n  NewConnectionRoles,\n} from \"../../../types/ContactDetailRoles\";\n\nconst MAX_SELECTED_LIVENING_ICP_ROLES = 2;\nconst MAX_SELECTED_NEW_CONNECTION_ROLES = 2;\n\nexport const calculateSelectableLiveningIcpRoles = (\n  liveningIcpRoles: LiveningIcpRoles[],\n): number => {\n  let selectedRolesCount = 0;\n\n  liveningIcpRoles.forEach((role) => {\n    if (role.powerRetailerAccountHolderRole) {\n      selectedRolesCount = selectedRolesCount + 1;\n    }\n\n    if (role.siteAccessContactRole) {\n      selectedRolesCount = selectedRolesCount + 1;\n    }\n  });\n\n  const remainingSelectableRoleCount =\n    MAX_SELECTED_LIVENING_ICP_ROLES - selectedRolesCount;\n\n  return remainingSelectableRoleCount;\n};\n\nexport const calculateSelectableNewConnectionRoles = (\n  newConnectionRoles: NewConnectionRoles[],\n  newConnectionType: string,\n): number => {\n  let selectedRolesCount = 0;\n\n  newConnectionRoles.forEach((role) => {\n    if (role.siteAccessContactRole && newConnectionType === \"simple\") {\n      selectedRolesCount = selectedRolesCount + 1;\n    }\n\n    if (role.quotePayerRole && newConnectionType === \"simple\") {\n      selectedRolesCount = selectedRolesCount + 1;\n    }\n    if (role.customerRole && newConnectionType === \"complex\") {\n      selectedRolesCount = selectedRolesCount + 1;\n    }\n\n    if (role.consultantRole && newConnectionType === \"complex\") {\n      selectedRolesCount = selectedRolesCount + 1;\n    }\n  });\n\n  const remainingSelectableRoleCount =\n    MAX_SELECTED_NEW_CONNECTION_ROLES - selectedRolesCount;\n\n  return remainingSelectableRoleCount;\n};\n","import { FieldArrayRenderProps } from \"formik\";\nimport React from \"react\";\nimport { EMPTY_LIVENING_ICP_CONTACT_DETAILS_VALUES } from \"../../../../constants/ContactDetailsValues\";\nimport { LiveningIcpContactDetailsValues } from \"../../../../types/LiveningIcpContactDetailsValues\";\nimport { ContactDetailsFormAddContact } from \"../../../ContactDetailsForm/ContactDetailsFormAddContact\";\nimport {\n  liveningIcpRolesSelectedInAllContactDetails,\n  powerRetailerAccountHolderRoleSelectedInAllContactDetails,\n  siteAccessContactRoleSelectedInAllContactDetails,\n} from \"../../../ContactDetailsForm/ContactDetailsRoleChecker/ContactDetailsRoleChecker\";\nimport { calculateSelectableLiveningIcpRoles } from \"../../../ContactDetailsForm/RemainingRolesCalculator/RemainingRolesCalculator\";\nimport { checksLiveningIcpSelectedRole } from \"../../../CheckSelectedRolesUtil/CheckSelectedRolesUtil\";\nimport { getLiveningIcpAddContactButtonTitle } from \"../../../AddContactButtonTitleUtil/AddContactButtonTitleUtil\";\n\ninterface Props {\n  contactDetails: LiveningIcpContactDetailsValues[];\n  arrayHelpers: FieldArrayRenderProps;\n  tabIndex?: number;\n  focusable?: boolean;\n}\n\nexport const LiveningIcpAddContact: React.FC<Props> = ({\n  contactDetails,\n  arrayHelpers,\n  tabIndex,\n  focusable,\n}) => {\n  const liveningIcpRoles = contactDetails.map((details) => details.roles);\n\n  const areAnyRolesSelected =\n    liveningIcpRolesSelectedInAllContactDetails(liveningIcpRoles);\n\n  const hasSiteAccessContactRoleBeenSelected =\n    siteAccessContactRoleSelectedInAllContactDetails(liveningIcpRoles);\n\n  const hasPowerRetailerAccountHolderRoleBeenSelected =\n    powerRetailerAccountHolderRoleSelectedInAllContactDetails(liveningIcpRoles);\n\n  const remainingSelectableRoles =\n    calculateSelectableLiveningIcpRoles(liveningIcpRoles);\n\n  const handleOnClick = () => {\n    const roles = checksLiveningIcpSelectedRole(\n      remainingSelectableRoles,\n      hasSiteAccessContactRoleBeenSelected,\n      hasPowerRetailerAccountHolderRoleBeenSelected,\n    );\n\n    const liveningIcpContactDetailsValues =\n      EMPTY_LIVENING_ICP_CONTACT_DETAILS_VALUES;\n\n    liveningIcpContactDetailsValues.roles = roles;\n\n    arrayHelpers.push(liveningIcpContactDetailsValues);\n  };\n\n  const actionLinkRoleTitle = getLiveningIcpAddContactButtonTitle(\n    contactDetails.length,\n    remainingSelectableRoles,\n    hasSiteAccessContactRoleBeenSelected,\n    hasPowerRetailerAccountHolderRoleBeenSelected,\n  );\n\n  return (\n    <ContactDetailsFormAddContact\n      anyRolesSelected={areAnyRolesSelected}\n      remainingSelectableRoles={remainingSelectableRoles}\n      actionLinkRoleTitle={actionLinkRoleTitle}\n      tabIndex={tabIndex}\n      focusable={focusable}\n      onClick={handleOnClick}\n    />\n  );\n};\n\nLiveningIcpAddContact.defaultProps = {\n  tabIndex: 0,\n  focusable: true,\n};\n","export const getLiveningIcpAddContactButtonTitle = (\n  contactDetailsCount: number,\n  remainingSelectableRoles: number,\n  hasSiteAccessContactRoleBeenSelected: boolean,\n  hasPowerRetailerAccountHolderRoleBeenSelected: boolean,\n): string => {\n  if (\n    !hasSiteAccessContactRoleBeenSelected &&\n    !hasPowerRetailerAccountHolderRoleBeenSelected &&\n    contactDetailsCount > 1 &&\n    remainingSelectableRoles > 1\n  ) {\n    return \"Add contact\";\n  }\n  if (remainingSelectableRoles > 1) {\n    return `Add contact (${remainingSelectableRoles} more left)`;\n  }\n  if (\n    hasSiteAccessContactRoleBeenSelected &&\n    !hasPowerRetailerAccountHolderRoleBeenSelected\n  ) {\n    return \"Add Power Retailer Account Holder contact details\";\n  }\n  if (\n    hasPowerRetailerAccountHolderRoleBeenSelected &&\n    !hasSiteAccessContactRoleBeenSelected\n  ) {\n    return \"Add Site Access Contact details\";\n  }\n\n  return \"N/A\";\n};\n\nexport const getNewConnectionAddContactButtonTitle = (\n  contactDetailsCount: number,\n  remainingSelectableRoles: number,\n  hasSiteAccessContactRoleBeenSelected: boolean,\n  hasQuotePayerRoleRoleBeenSelected: boolean,\n  hasConsultantRoleBeenSelected: boolean,\n  hasCustomerRoleBeenSelected: boolean,\n): string => {\n  if (\n    !hasSiteAccessContactRoleBeenSelected &&\n    !hasQuotePayerRoleRoleBeenSelected &&\n    !hasCustomerRoleBeenSelected &&\n    !hasConsultantRoleBeenSelected &&\n    contactDetailsCount > 1 &&\n    remainingSelectableRoles > 1\n  ) {\n    return \"Add contact\";\n  }\n  if (remainingSelectableRoles > 1) {\n    return `Add contact (${remainingSelectableRoles} more left)`;\n  }\n  if (\n    hasSiteAccessContactRoleBeenSelected &&\n    !hasQuotePayerRoleRoleBeenSelected\n  ) {\n    return \"Add Quote Payer contact details\";\n  }\n  if (\n    hasQuotePayerRoleRoleBeenSelected &&\n    !hasSiteAccessContactRoleBeenSelected\n  ) {\n    return \"Add Site Access Contact details\";\n  }\n  if (hasConsultantRoleBeenSelected && !hasCustomerRoleBeenSelected) {\n    return \"Add Customer contact details\";\n  }\n  if (hasCustomerRoleBeenSelected && !hasConsultantRoleBeenSelected) {\n    return \"Add Consultant contact details\";\n  }\n\n  return \"N/A\";\n};\n","import {\n  LiveningIcpRoles,\n  NewConnectionRoles,\n} from \"../../types/ContactDetailRoles\";\n\nexport const checksLiveningIcpSelectedRole = (\n  remainingSelectableRoles: number,\n  hasSiteAccessContactRoleBeenSelected: boolean,\n  hasPowerRetailerAccountHolderRoleBeenSelected: boolean,\n): LiveningIcpRoles => {\n  const roles = {\n    requester: false,\n    powerRetailerAccountHolderRole: false,\n    siteAccessContactRole: false,\n  };\n\n  if (remainingSelectableRoles === 1) {\n    roles.powerRetailerAccountHolderRole =\n      !hasPowerRetailerAccountHolderRoleBeenSelected;\n    roles.siteAccessContactRole = !hasSiteAccessContactRoleBeenSelected;\n  }\n\n  return roles;\n};\n\nexport const checksNewConnectionSelectedRole = (\n  remainingSelectableRoles: number,\n  hasSiteAccessContactRoleBeenSelected: boolean,\n  hasQuotePayerRoleRoleBeenSelected: boolean,\n  hasCustomerRoleBeenSelected: boolean,\n  hasConsultantRoleBeenSelected: boolean,\n  newConnectionType: string,\n): NewConnectionRoles => {\n  const roles = {\n    requester: false,\n    siteAccessContactRole: false,\n    quotePayerRole: false,\n    customerRole: false,\n    consultantRole: false,\n  };\n\n  if (remainingSelectableRoles === 1 && newConnectionType === \"simple\") {\n    roles.quotePayerRole = !hasQuotePayerRoleRoleBeenSelected;\n    roles.siteAccessContactRole = !hasSiteAccessContactRoleBeenSelected;\n  }\n\n  if (remainingSelectableRoles === 1 && newConnectionType === \"complex\") {\n    roles.customerRole = !hasCustomerRoleBeenSelected;\n    roles.consultantRole = !hasConsultantRoleBeenSelected;\n  }\n\n  return roles;\n};\n","import {\n  BorderProps,\n  ColorProps,\n  SpaceProps,\n  TypographyProps,\n  border,\n  PositionProps,\n  position,\n} from \"styled-system\";\nimport React, { InputHTMLAttributes } from \"react\";\nimport styled, { css } from \"styled-components\";\n\nimport { Icon } from \"../Icon\";\nimport { Label } from \"../Label\";\n\nexport interface CheckboxProps {\n  value: boolean;\n  icon?: string;\n  label?: string;\n  focusable?: boolean;\n  error?: boolean;\n}\n\nconst LabelWrapper = styled(Label)<\n  { disabled?: boolean; checked?: boolean; error?: boolean } & BorderProps &\n    TypographyProps\n>`\n  ${border}\n\n  border: 2px solid;\n  border-color: ${({ error, theme }) => error && theme.colors.danger};\n  border-color: ${({ theme }) => theme.colors.neutrals.ln40};\n  cursor: pointer;\n  user-select: none;\n\n  ${({ disabled, theme }) =>\n    disabled &&\n    css`\n      color: ${({ theme }) => theme.colors.disabledColor};\n      cursor: none;\n      pointer-events: none;\n      background-color: ${theme.colors.neutrals.ln20};\n    `};\n\n  ${({ checked, disabled, theme }) =>\n    checked &&\n    !disabled &&\n    css`\n      border-color: ${theme.colors.hydroDark};\n      background-color: ${theme.colors.hydro10};\n    `};\n\n  ${({ checked, disabled, theme }) =>\n    checked &&\n    disabled &&\n    css`\n      border-color: ${theme.colors.neutrals.mn80};\n      color: ${theme.colors.neutrals.mn80};\n    `};\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydro};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.hydro10};\n  }\n`;\n\nconst InputWrapper = styled.input<PositionProps>`\n  ${position}\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n`;\n\nconst IconWrapper = styled(Icon)<\n  { disabled?: boolean } & ColorProps & SpaceProps\n>`\n  color: ${({ theme }) => theme.colors.hydroDark};\n  color: ${({ disabled, theme }) => disabled && theme.colors.neutrals.mn80};\n`;\n\nexport const Checkbox: React.FC<\n  CheckboxProps &\n    SpaceProps &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"value\">\n> = ({\n  id,\n  label,\n  name,\n  checked,\n  value,\n  disabled,\n  error,\n  mr,\n  mx,\n  my,\n  ml,\n  focusable,\n  tabIndex,\n  onChange,\n  onBlur,\n}) => {\n  const isChecked = checked || value;\n\n  return (\n    <LabelWrapper\n      htmlFor={id}\n      fontSize={2}\n      lineHeight={2}\n      pl={!isChecked ? 3 : \"12px\"}\n      pr={3}\n      py={2}\n      mr={mr}\n      my={my}\n      mx={mx}\n      ml={ml}\n      borderRadius=\"checkboxWithBorder\"\n      checked={isChecked}\n      disabled={disabled}\n      error={error}\n      textAlign=\"center\"\n      minWidth=\"125px\"\n    >\n      {isChecked && <IconWrapper icon=\"check\" disabled={disabled} pr={1} />}\n      {label}\n\n      <InputWrapper\n        id={id}\n        name={name}\n        type=\"checkbox\"\n        position=\"absolute\"\n        disabled={disabled}\n        checked={isChecked}\n        onChange={onChange}\n        onBlur={onBlur}\n        tabIndex={focusable ? tabIndex : -1}\n      />\n    </LabelWrapper>\n  );\n};\n\nCheckbox.defaultProps = {\n  error: false,\n  disabled: false,\n  focusable: true,\n};\n","import React, { ChangeEvent, InputHTMLAttributes } from \"react\";\nimport { Checkbox } from \"../Checkbox\";\nimport { FieldProps, getIn } from \"formik\";\nimport { CheckboxProps } from \"../Checkbox/Checkbox\";\nimport { SpaceProps } from \"styled-system\";\n\nexport const FormikCheckbox: React.FC<\n  FieldProps &\n    CheckboxProps &\n    SpaceProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({ field, form, ...props }) => {\n  const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {\n    field.onChange(evt);\n    form.validateField(field.name);\n  };\n\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <Checkbox\n      {...field}\n      {...props}\n      error={touch && error ? error : false}\n      onChange={handleChange}\n    />\n  );\n};\n","import { Field } from \"formik\";\nimport React from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { Flex } from \"../../Flex\";\nimport { FormikCheckbox } from \"../../FormikCheckbox\";\nimport { Span } from \"../../Span\";\n\ninterface Props {\n  id: string;\n  name: string;\n  title: string;\n  emailLabel: string;\n  smsLabel: string;\n  emailDisabled?: boolean;\n  smsDisabled?: boolean;\n  focusable?: boolean;\n}\n\nexport const ContactDetailsContactPreferences: React.FC<Props & SpaceProps> = ({\n  id,\n  name,\n  title,\n  emailLabel,\n  smsLabel,\n  focusable,\n  emailDisabled,\n  smsDisabled,\n  mb,\n}) => {\n  return (\n    <>\n      <Span mb={2}>{title}</Span>\n      <Flex flexDirection=\"row\" mb={mb}>\n        <Field\n          id={`${id}.email`}\n          name={`${name}.email`}\n          label={emailLabel}\n          focusable={focusable}\n          disabled={emailDisabled}\n          component={FormikCheckbox}\n        />\n\n        <Field\n          id={`${id}.sms`}\n          name={`${name}.sms`}\n          label={smsLabel}\n          focusable={focusable}\n          ml={2}\n          disabled={smsDisabled}\n          component={FormikCheckbox}\n        />\n      </Flex>\n    </>\n  );\n};\n\nContactDetailsContactPreferences.defaultProps = {\n  focusable: true,\n  emailDisabled: false,\n  smsDisabled: false,\n};\n","import { HasElectricianTypes } from \"../../constants/HasOptionalRoleValues\";\nimport {\n  LiveningIcpRoles,\n  NewConnectionRoles,\n} from \"../../types/ContactDetailRoles\";\nimport { OrderDetailsRole } from \"../../types/OrderDetailsRole\";\n\nconst addDelimiter = (value: string, roleName: string): string => {\n  return `${value ? ` / ${roleName}` : `${roleName}`}`;\n};\n\nexport const getLiveningIcpRolesTitle = (\n  roles: LiveningIcpRoles,\n  isRequester: boolean,\n  hasElectrician: HasElectricianTypes,\n) => {\n  let title = \"\";\n\n  if (isRequester) {\n    title += \"Requester\";\n  }\n\n  if (roles.siteAccessContactRole) {\n    title += addDelimiter(title, \"Site access contact\");\n  }\n  if (roles.powerRetailerAccountHolderRole) {\n    title += addDelimiter(title, \"Power retailer account holder\");\n  }\n  if (\n    hasElectrician === \"yes site access contact\" &&\n    roles.siteAccessContactRole\n  ) {\n    title += addDelimiter(title, \"Electrician\");\n  }\n  if (hasElectrician === \"yes requester\" && isRequester) {\n    title += addDelimiter(title, \"Electrician\");\n  }\n\n  // Placeholder if no role has been selected and not the Requester\n  if (!title) {\n    title = \"New contact\";\n  }\n\n  return title;\n};\n\nexport const getNewConnectionRolesTitle = (\n  roles: NewConnectionRoles,\n  isRequester: boolean,\n  //temp optional till handle review form for new connection\n  hasElectrician?: HasElectricianTypes,\n  hasLandOwner?: string,\n) => {\n  let title = \"\";\n\n  if (isRequester) {\n    title += \"Requester\";\n  }\n\n  if (roles.siteAccessContactRole) {\n    title += addDelimiter(title, \"Site access contact\");\n  }\n  if (roles.quotePayerRole) {\n    title += addDelimiter(title, \"Quote payer\");\n  }\n  if (roles.customerRole) {\n    title += addDelimiter(title, \"Customer\");\n  }\n  if (roles.consultantRole) {\n    title += addDelimiter(title, \"Consultant\");\n  }\n\n  if (\n    hasElectrician === \"yes site access contact\" &&\n    roles.siteAccessContactRole\n  ) {\n    title += addDelimiter(title, \"Electrician\");\n  }\n  if (hasElectrician === \"yes requester\" && isRequester) {\n    title += addDelimiter(title, \"Electrician\");\n  }\n\n  if (hasLandOwner === \"yes customer\" && roles.customerRole) {\n    title += addDelimiter(title, \"Land owner\");\n  }\n  if (hasLandOwner === \"yes requester\" && isRequester) {\n    title += addDelimiter(title, \"Land owner\");\n  }\n\n  // Placeholder if no role has been selected and not the Requester\n  if (!title) {\n    title = \"New contact\";\n  }\n\n  return title;\n};\n\nexport const getOrderDetailsRolesTitle = (roles: OrderDetailsRole) => {\n  let title = \"\";\n\n  const {\n    requester,\n    siteAccessContact,\n    powerRetailerAccountHolder,\n    quotePayer,\n    customer,\n    consultant,\n    electrician,\n    landOwner,\n  } = roles;\n\n  if (requester) {\n    title += \"Requester\";\n  }\n\n  if (siteAccessContact) {\n    title += addDelimiter(title, \"Site access contact\");\n  }\n  if (powerRetailerAccountHolder) {\n    title += addDelimiter(title, \"Power retailer account holder\");\n  }\n  if (electrician) {\n    title += addDelimiter(title, \"Electrician\");\n  }\n  if (quotePayer) {\n    title += addDelimiter(title, \"Quote payer\");\n  }\n  if (customer) {\n    title += addDelimiter(title, \"Customer\");\n  }\n  if (consultant) {\n    title += addDelimiter(title, \"Consultant\");\n  }\n  if (landOwner) {\n    title += addDelimiter(title, \"Land owner\");\n  }\n\n  return title;\n};\n","import { ErrorMessage, Field } from \"formik\";\nimport React from \"react\";\nimport { LiveningIcpRoles } from \"../../../../types/ContactDetailRoles\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikCheckbox } from \"../../../FormikCheckbox\";\nimport { liveningIcpRoleDisabler } from \"../../../ContactDetailsForm/ContactDetailsRoleDisabler/ContactDetailsRoleDisabler\";\nimport { SpaceProps } from \"styled-system\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Span } from \"../../../Span\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport {\n  showLiveningRoleRequiredErrorMessage\n} from \"../../../ContactDetailsForm/ContactDetailsShowRoleRequiredUtil/ContactDetailsShowRoleRequiredUtil\";\n\ninterface Props {\n  contactDetailsIndex: number;\n  contactDetailsRoles: LiveningIcpRoles[];\n}\n\nexport const LiveningIcpRoleSelector: React.FC<Props & SpaceProps> = ({\n  contactDetailsIndex,\n  contactDetailsRoles,\n  mb,\n}) => {\n  const disabledRoles = liveningIcpRoleDisabler(\n    contactDetailsRoles,\n    contactDetailsIndex,\n  );\n\n  const roleRequiredRoleErrorMessage = showLiveningRoleRequiredErrorMessage(\n    contactDetailsRoles[contactDetailsIndex]);\n\n  return (\n    <Flex flexDirection=\"column\" mb={mb}>\n      <Flex\n        mb={3}\n        justifyContent={[\n          \"space-between\",\n          \"space-between\",\n          \"space-between\",\n          \"flex-start\",\n        ]}\n      >\n        <Span fontSize={2} lineHeight={2} mr={3}>\n          Select what other role(s) this contact has.\n        </Span>\n        <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n          {\"Vector requires the contact details of all people / roles, \" +\n            \"as they need to contact them at different times during the job. \" +\n            \"Sometimes one person fulfils several roles eg the requestor and the electrician might be the same person\"}\n        </IconPopupTip>\n      </Flex>\n\n      <Flex flexDirection={[\"column\", \"column\", \"row\"]} width=\"100%\">\n        <Flex flexDirection=\"column\">\n          <Field\n            id={`contactDetails[${contactDetailsIndex}].roles.siteAccessContactRole`}\n            name={`contactDetails[${contactDetailsIndex}].roles.siteAccessContactRole`}\n            label=\"Site access contact\"\n            disabled={disabledRoles.siteAccessContactRole}\n            my={[1, 1, 0]}\n            mx={[0, 0, 1]}\n            component={FormikCheckbox}\n          />\n\n          {!disabledRoles.siteAccessContactRole && (\n            <ErrorMessage\n              name={`contactDetails[${contactDetailsIndex}].roles.siteAccessContactRole`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          )}\n\n          {!roleRequiredRoleErrorMessage && (\n          <ErrorMessage\n            name={`contactDetails[${contactDetailsIndex}].contactHasRole`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n          )}\n        </Flex>\n\n        <Flex flexDirection=\"column\">\n          <Field\n            id={`contactDetails[${contactDetailsIndex}].roles.powerRetailerAccountHolderRole`}\n            name={`contactDetails[${contactDetailsIndex}].roles.powerRetailerAccountHolderRole`}\n            label=\"Power retailer account holder\"\n            disabled={disabledRoles.powerRetailerAccountHolderRole}\n            my={[1, 1, 0]}\n            mx={[0, 0, 1]}\n            component={FormikCheckbox}\n          />\n\n          {!disabledRoles.powerRetailerAccountHolderRole && (\n            <ErrorMessage\n              name={`contactDetails[${contactDetailsIndex}].roles.powerRetailerAccountHolderRole`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          )}\n\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n","import { LiveningIcpRoles, NewConnectionRoles } from \"../../../types/ContactDetailRoles\";\n\nexport const showLiveningRoleRequiredErrorMessage = (\n  contactDetailRoles: LiveningIcpRoles,\n): boolean => {\n\n  return contactDetailRoles.requester ||\n      contactDetailRoles.siteAccessContactRole ||\n      contactDetailRoles.powerRetailerAccountHolderRole;\n};\n\nexport const showNewConnectionRoleRequiredErrorMessage = (\n  contactDetailRoles: NewConnectionRoles,\n  newConnectionType: NewConnectionType\n): boolean => {\n  \n\n  if (newConnectionType === \"simple\") {\n    return contactDetailRoles.requester ||\n      contactDetailRoles.siteAccessContactRole ||\n      contactDetailRoles.quotePayerRole;\n    \n  } else {\n    return contactDetailRoles.requester ||\n      contactDetailRoles.customerRole ||\n      contactDetailRoles.consultantRole;\n  }\n\n};\n","import {\n  LiveningIcpRoles,\n  NewConnectionRoles,\n} from \"../../../types/ContactDetailRoles\";\n\nexport const liveningIcpRoleDisabler = (\n  contactDetailRoles: LiveningIcpRoles[],\n  contactDetailsIndex: number,\n): LiveningIcpRoles => {\n  let siteAccessContactRole = false;\n  let powerRetailerAccountHolderRole = false;\n\n  contactDetailRoles.forEach((roles, index) => {\n    if (roles.siteAccessContactRole && contactDetailsIndex !== index) {\n      siteAccessContactRole = roles.siteAccessContactRole;\n    }\n    if (roles.powerRetailerAccountHolderRole && contactDetailsIndex !== index) {\n      powerRetailerAccountHolderRole = roles.powerRetailerAccountHolderRole;\n    }\n  });\n\n  return {\n    requester: false,\n    siteAccessContactRole,\n    powerRetailerAccountHolderRole,\n  };\n};\n\nexport const newConnectionRoleDisabler = (\n  contactDetailRoles: NewConnectionRoles[],\n  contactDetailsIndex: number,\n): NewConnectionRoles => {\n  let siteAccessContactRole = false;\n  let quotePayerRole = false;\n  let customerRole = false;\n  let consultantRole = false;\n\n  contactDetailRoles.forEach((roles, index) => {\n    if (roles.quotePayerRole && contactDetailsIndex !== index) {\n      quotePayerRole = roles.quotePayerRole;\n    }\n    if (roles.siteAccessContactRole && contactDetailsIndex !== index) {\n      siteAccessContactRole = roles.siteAccessContactRole;\n    }\n    if (roles.customerRole && contactDetailsIndex !== index) {\n      customerRole = roles.customerRole;\n    }\n    if (roles.consultantRole && contactDetailsIndex !== index) {\n      consultantRole = roles.consultantRole;\n    }\n    if (roles.customerRole && contactDetailsIndex === index) {\n      consultantRole = true;\n    }\n    if (roles.consultantRole && contactDetailsIndex === index) {\n      customerRole = true;\n    }\n  });\n\n  return {\n    requester: false,\n    quotePayerRole,\n    siteAccessContactRole,\n    customerRole,\n    consultantRole,\n  };\n};\n","export const isRequesterAndLoggedIn = (\n  isLoggedIn: boolean,\n  contactDetailsIndex: number,\n): boolean => {\n  return isLoggedIn && contactDetailsIndex === 0;\n};\n","import React from \"react\";\nimport { LiveningIcpContactDetailsValues } from \"../../../../types/LiveningIcpContactDetailsValues\";\nimport { ContactDetailFields } from \"../../../ContactDetailsForm/ContactDetailFields\";\nimport { ContactDetailsContactPreferences } from \"../../../ContactDetailsForm/ContactDetailsContactPreferences\";\nimport { getLiveningIcpRolesTitle } from \"../../../ContactDetailsRolesTitle/ContactDetailsRolesTitle\";\nimport { Flex } from \"../../../Flex\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Line } from \"../../../Line\";\nimport { Span } from \"../../../Span\";\nimport { LiveningIcpRoleSelector } from \"../LiveningIcpRoleSelector\";\nimport { MOBILE_REG_EXP } from \"../../../../constants/ContactNumbersRegex\";\nimport { ActionButton } from \"../../../ActionButton\";\nimport { FieldArrayRenderProps } from \"formik\";\nimport { HasElectricianTypes } from \"../../../../constants/HasOptionalRoleValues\";\nimport { isRequesterAndLoggedIn } from \"../../../FormContactDetailsFieldsUtil/FormContactDetailsFieldsUtil\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\ninterface Props {\n  contactDetails: LiveningIcpContactDetailsValues[];\n  contactDetailsIndex: number;\n  roleSelectorPosition?: \"top\" | \"bottom\";\n  fieldsVisible?: boolean;\n  disableWorkEmailPreference?: boolean;\n  disableWorkSmsPreference?: boolean;\n  focusable?: boolean;\n  showRemoveButton?: boolean;\n  index: number;\n  arrayHelpers?: FieldArrayRenderProps;\n  hasElectrician: HasElectricianTypes;\n}\n\nexport const LiveningIcpContactDetailFields: React.FC<Props> = ({\n  contactDetails,\n  contactDetailsIndex,\n  roleSelectorPosition,\n  disableWorkEmailPreference,\n  disableWorkSmsPreference,\n  focusable,\n  showRemoveButton,\n  index,\n  arrayHelpers,\n  hasElectrician,\n}) => {\n  const {\n    authenticatedUserContext: { isLoggedIn, userBasicDetails },\n  } = useUserAuthentication();\n  const { userType } = userBasicDetails;\n\n  const currentContactDetails = contactDetails[contactDetailsIndex];\n  const currentContactDetailsRoles = currentContactDetails.roles;\n\n  const allContactDetailsRoles = contactDetails.map((details) => details.roles);\n\n  if (contactDetailsIndex === 0) {\n    currentContactDetailsRoles.requester = true;\n\n    // Force email work contact preference to be true for requester\n    currentContactDetails.workContactPreferences.email = true;\n  }\n\n  const title = getLiveningIcpRolesTitle(\n    currentContactDetailsRoles,\n    contactDetailsIndex === 0,\n    hasElectrician,\n  );\n\n  const shouldDisableWorkSmsPreference =\n    disableWorkSmsPreference ||\n    !currentContactDetails.mobile ||\n    !MOBILE_REG_EXP.test(currentContactDetails.mobile);\n\n  const shouldDisableWorkEmailPreference =\n    disableWorkEmailPreference || !currentContactDetails.email;\n\n  const shouldDisableContactDetails = isRequesterAndLoggedIn(\n    isLoggedIn,\n    contactDetailsIndex,\n  );\n\n  const showBusinessName = userType === \"business\";\n\n  const handleContactClearClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    contactIndex: number,\n    arrayHelpers?: FieldArrayRenderProps,\n  ) => {\n    arrayHelpers && arrayHelpers.remove(contactIndex);\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex\n        alignItems=\"center\"\n        mb={4}\n        justifyContent={[\n          \"space-between\",\n          \"space-between\",\n          \"space-between\",\n          \"flex-start\",\n        ]}\n      >\n        <Span fontWeight=\"bold\">{title}</Span>\n\n        {showRemoveButton && (\n          <ActionButton\n            data-testid=\"remove-contact-button\"\n            onClick={(e) => handleContactClearClick(e, index, arrayHelpers)}\n            icon=\"clear\"\n            ml={2}\n          />\n        )}\n      </Flex>\n\n      {/* Role selector (top)  */}\n      {roleSelectorPosition === \"top\" && (\n        <LiveningIcpRoleSelector\n          contactDetailsRoles={allContactDetailsRoles}\n          contactDetailsIndex={contactDetailsIndex}\n          mb={4}\n        />\n      )}\n\n      <Flex\n        flexDirection=\"column\"\n        justifyContent=\"space-between\"\n        data-testid=\"contact-details-fields-wrapper\"\n      >\n        <ContactDetailFields\n          focusable={focusable}\n          idPrefix={`contactDetails[${contactDetailsIndex}]`}\n          namePrefix={`contactDetails[${contactDetailsIndex}]`}\n          disabledFirstName={shouldDisableContactDetails}\n          disabledLastName={shouldDisableContactDetails}\n          disabledEmail={shouldDisableContactDetails}\n          disabledMobile={shouldDisableContactDetails}\n          disabledAlternatePhone={shouldDisableContactDetails}\n          disabledBusinessName={shouldDisableContactDetails}\n          showBusinessName={showBusinessName}\n          optionalAlternatePhone\n        />\n\n        {/* Role selector (bottom)  */}\n        {roleSelectorPosition === \"bottom\" && (\n          <LiveningIcpRoleSelector\n            contactDetailsRoles={allContactDetailsRoles}\n            contactDetailsIndex={contactDetailsIndex}\n            mb={5}\n          />\n        )}\n\n        {/* Contact preferences selector */}\n        <Flex flexDirection=\"column\">\n          <Flex\n            flexDirection=\"row\"\n            mb={3}\n            justifyContent={[\n              \"space-between\",\n              \"space-between\",\n              \"space-between\",\n              \"flex-start\",\n            ]}\n          >\n            <Span fontSize={2} lineHeight={2} mr={3}>\n              {\"Select contact preferences\"}\n            </Span>\n            <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", 3]}>\n              Different roles might have different contact preferences. Identify\n              whether they want to be notified via email and/or SMS.\n            </IconPopupTip>\n          </Flex>\n\n          <ContactDetailsContactPreferences\n            id={`contactDetails[${contactDetailsIndex}].workContactPreferences`}\n            name={`contactDetails[${contactDetailsIndex}].workContactPreferences`}\n            title=\"Work update:\"\n            emailLabel=\"Email\"\n            smsLabel=\"SMS\"\n            emailDisabled={shouldDisableWorkEmailPreference}\n            smsDisabled={shouldDisableWorkSmsPreference}\n            focusable={focusable}\n          />\n        </Flex>\n      </Flex>\n\n      <Line\n        width=\"100%\"\n        my={5}\n        zIndex={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n      />\n    </Flex>\n  );\n};\n\nLiveningIcpContactDetailFields.defaultProps = {\n  roleSelectorPosition: \"top\",\n  fieldsVisible: false,\n  focusable: true,\n  disableWorkEmailPreference: false,\n  disableWorkSmsPreference: false,\n};\n","import React from \"react\";\nimport { ContactDetailsValues } from \"../../types/ContactDetailsValues\";\nimport { MOBILE_REG_EXP } from \"../../constants/ContactNumbersRegex\";\nimport { ContactDetailsContactPreferences } from \"../ContactDetailsForm/ContactDetailsContactPreferences\";\nimport { IconPopupTip } from \"../IconPopupTip\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { ContactDetailFields } from \"../ContactDetailsForm/ContactDetailFields\";\nimport { Span } from \"../Span\";\nimport { Flex } from \"../Flex\";\nimport { FormikRadioButton } from \"../FormikRadioButton\";\nimport { ErrorMessage, Field } from \"formik\";\n\ninterface Props {\n  hasElectrician?: string;\n  focusable?: boolean;\n  optionalContactDetails: ContactDetailsValues;\n}\n\nexport const ElectricianContactFields: React.FC<Props> = ({\n  hasElectrician,\n  focusable,\n  optionalContactDetails,\n}) => {\n  const shouldDisableWorkSmsPreference =\n    !optionalContactDetails.mobile ||\n    !MOBILE_REG_EXP.test(optionalContactDetails.mobile);\n\n  const shouldDisableWorkEmailPreference = optionalContactDetails.email === \"\";\n\n  // Fail-safe to ensure the SMS is not checked when it is disabled\n  if (shouldDisableWorkEmailPreference) {\n    optionalContactDetails.workContactPreferences.email = false;\n  }\n\n  return (\n    <Flex mt={5} flexDirection=\"column\">\n      <Span\n        display=\"inline-block\"\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mb={4}\n      >\n        Do you have an electrician?\n      </Span>\n      <Flex mb={4}>\n        <Field\n          magnitude=\"small\"\n          label=\"Same as requester\"\n          id=\"yes requester\"\n          name=\"hasElectrician\"\n          value=\"yes requester\"\n          currentValue={hasElectrician}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mr={[2, 2, 3]}\n          component={FormikRadioButton}\n          useTimeout\n        />\n        <Field\n          magnitude=\"small\"\n          label=\"Same as site access contact\"\n          id=\"yes site access contact\"\n          name=\"hasElectrician\"\n          value=\"yes site access contact\"\n          currentValue={hasElectrician}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={[2, 2, 3]}\n          component={FormikRadioButton}\n          useTimeout\n        />\n      </Flex>\n      <Flex flexDirection=\"column\" mb={4}>\n        <Flex width=\"100%\">\n          <Field\n            magnitude=\"small\"\n            label=\"New contact\"\n            id=\"yes Electrician\"\n            name=\"hasElectrician\"\n            value=\"yes\"\n            hasElectrician={hasElectrician}\n            currentValue={hasElectrician}\n            flexGrow={0.5}\n            flexBasis={0}\n            minWidth={0}\n            mr={[2, 2, 3]}\n            component={FormikRadioButton}\n            useTimeout\n          />\n          <Field\n            magnitude=\"small\"\n            id=\"no Electrician\"\n            name=\"hasElectrician\"\n            label=\"Not applicable\"\n            value=\"no\"\n            currentValue={hasElectrician}\n            flexGrow={0.5}\n            flexBasis={0}\n            minWidth={0}\n            ml={[2, 2, 3]}\n            component={FormikRadioButton}\n            useTimeout\n          />\n        </Flex>\n        <ErrorMessage\n          name=\"hasElectrician\"\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n      </Flex>\n\n      {hasElectrician === \"yes\" && (\n        <Flex flexDirection=\"column\">\n          <ContactDetailFields\n            focusable={focusable}\n            idPrefix=\"optionalContactDetails\"\n            namePrefix=\"optionalContactDetails\"\n            optionalEmail\n            optionalBusinessName\n            optionalAlternatePhone\n          />\n\n          <Flex\n            flexDirection=\"row\"\n            mb={3}\n            justifyContent={[\n              \"space-between\",\n              \"space-between\",\n              \"space-between\",\n              \"flex-start\",\n            ]}\n          >\n            <Span fontSize={2} lineHeight={2} mr={3}>\n              {\"Select contact preferences\"}\n            </Span>\n            <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", 3]}>\n              Identify whether they want to be notified via email and/or SMS.\n            </IconPopupTip>\n          </Flex>\n\n          <ContactDetailsContactPreferences\n            id=\"optionalContactDetails.workContactPreferences\"\n            name=\"optionalContactDetails.workContactPreferences\"\n            title=\"Work update:\"\n            emailLabel=\"Email\"\n            smsLabel=\"SMS\"\n            emailDisabled={shouldDisableWorkEmailPreference}\n            smsDisabled={shouldDisableWorkSmsPreference}\n            focusable={focusable}\n          />\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { FieldArray } from \"formik\";\nimport { LiveningIcpContactDetailsValues } from \"../../../../types/LiveningIcpContactDetailsValues\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { LiveningIcpAddContact } from \"../LiveningIcpAddContact\";\nimport { LiveningIcpContactDetailFields } from \"../LiveningIcpContactDetailFields\";\nimport { ElectricianContactFields } from \"../../../ElectricianContactFields\";\nimport { ContactDetailsValues } from \"../../../../types/ContactDetailsValues\";\nimport { calculateSelectableLiveningIcpRoles } from \"../../../ContactDetailsForm/RemainingRolesCalculator/RemainingRolesCalculator\";\nimport { HasElectricianTypes } from \"../../../../constants/HasOptionalRoleValues\";\n\ninterface Props {\n  id: string;\n  contactDetails: LiveningIcpContactDetailsValues[];\n  focusable?: boolean;\n  hasElectrician: HasElectricianTypes;\n  optionalContactDetails: ContactDetailsValues;\n}\n\nexport const LiveningIcpContactDetailsForm: React.FC<Props> = ({\n  id,\n  contactDetails,\n  focusable,\n  hasElectrician,\n  optionalContactDetails,\n}) => {\n  const liveningIcpRoles = contactDetails.map((details) => details.roles);\n  const remainingSelectableRoles =\n    calculateSelectableLiveningIcpRoles(liveningIcpRoles);\n\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <Span fontSize={4} lineHeight={4} mt={0} mb={3}>\n        Contact details\n      </Span>\n\n      <Span lineHeight={2} mb={5}>\n        Please fill out your contact details. We require the contact details for\n        your electrician, quote payer, energy retailer account holder, and site\n        contact.\n      </Span>\n\n      <FieldArray\n        name=\"contactDetails\"\n        validateOnChange={false}\n        render={(arrayHelpers) => (\n          <>\n            {contactDetails.map((details, index) => (\n              <LiveningIcpContactDetailFields\n                key={index}\n                index={index}\n                roleSelectorPosition={index === 0 ? \"bottom\" : \"top\"}\n                contactDetails={contactDetails}\n                contactDetailsIndex={index}\n                fieldsVisible={index === 0}\n                focusable={focusable}\n                arrayHelpers={arrayHelpers}\n                disableWorkEmailPreference={index === 0}\n                showRemoveButton={index > 0}\n                hasElectrician={hasElectrician}\n              />\n            ))}\n\n            {contactDetails.length < 3 && remainingSelectableRoles > 0 && (\n              <Flex flexDirection=\"row\" mb={5}>\n                <LiveningIcpAddContact\n                  contactDetails={contactDetails}\n                  arrayHelpers={arrayHelpers}\n                  focusable={focusable}\n                />\n              </Flex>\n            )}\n          </>\n        )}\n      />\n\n      <ElectricianContactFields\n        hasElectrician={hasElectrician}\n        optionalContactDetails={optionalContactDetails}\n        focusable\n      />\n    </Flex>\n  );\n};\n\nLiveningIcpContactDetailsForm.defaultProps = {\n  focusable: true,\n};\n","import { NewConnectionLotValues } from \"../types/NewConnectionLotValues\";\n\nexport const EMPTY_NEW_CONNECTION_LOT_VALUES: NewConnectionLotValues = {\n  type: \"Residential\",\n  phase: 1,\n  fuseAmp: \"60\",\n};\n","import { ManualUnitValues } from \"../types/ManualUnitValues\";\n\nexport const EMPTY_MANUAL_UNIT_VALUES: ManualUnitValues = {\n  unitNumber: \"\",\n  type: \"Residential\",\n  phase: 1,\n  fuseAmp: 60,\n  supply: \"Permanent\",\n};\n","import { LiveningIcpSite } from \"../types/LiveningIcpSite\";\nimport { NewConnectionSite } from \"../types/NewConnectionSite\";\nimport { EMPTY_NEW_CONNECTION_LOT_VALUES } from \"./NewConnectionLotValues\";\nimport { EMPTY_MANUAL_UNIT_VALUES } from \"./ManualUnitValues\";\nimport { SiteAddressInformation } from \"../types/SiteAddressInformation\";\n\nexport const EMPTY_ADDRESS_INFORMATION: SiteAddressInformation = {\n  streetAddress: \"\",\n  streetAddressId: \"\",\n  manuallyEnteredAddress: false,\n  manualStreetAddress: {\n    streetNumber: \"\",\n    streetName: \"\",\n    suburb: \"\",\n    unit: \"\",\n    postcode: \"\",\n  },\n  additionalAddressInformation: \"\",\n};\n\nexport const EMPTY_LIVENING_ICP_SITES: LiveningIcpSite = {\n  siteType: \"\",\n  lotInformation: {\n    lotNumber: \"\",\n    dpNumber: \"\",\n    streetNumber: \"\",\n    streetName: \"\",\n    suburb: \"\",\n    postcode: \"\",\n  },\n  addressInformation: {\n    streetAddress: \"\",\n    streetAddressId: \"\",\n    manuallyEnteredAddress: false,\n    manualStreetAddress: {\n      streetNumber: \"\",\n      streetName: \"\",\n      suburb: \"\",\n      unit: \"\",\n      postcode: \"\",\n    },\n    additionalAddressInformation: \"\",\n  },\n  unitType: \"\",\n  manualUnits: [EMPTY_MANUAL_UNIT_VALUES],\n  uploadProofOfAddresses: [],\n  uploadUnits: [],\n  filesUploadStatus: \"\",\n};\n\nexport const EMPTY_NEW_CONNECTION_SITES: NewConnectionSite = {\n  siteType: \"\",\n  lotInformation: {\n    lotNumber: \"\",\n    dpNumber: \"\",\n    streetNumber: \"\",\n    streetName: \"\",\n    suburb: \"\",\n    postcode: \"\",\n  },\n  addressInformation: {\n    streetAddress: \"\",\n    streetAddressId: \"\",\n    manuallyEnteredAddress: false,\n    manualStreetAddress: {\n      streetNumber: \"\",\n      streetName: \"\",\n      suburb: \"\",\n      unit: \"\",\n      postcode: \"\",\n    },\n    additionalAddressInformation: \"\",\n  },\n  lotCount: \"1\",\n  lots: [EMPTY_NEW_CONNECTION_LOT_VALUES],\n  additionalSiteRequirements: \"\",\n};\n","import { GAEvent } from \"./GaEventSender\";\n\nexport const createGaEvent = (\n  action: string,\n  label: string,\n): GAEvent => {\n  return {\n    event: \"ecss_event\",\n    category: \"order_service\",\n    action,\n    label,\n  };\n};\n","import React from \"react\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { Flex } from \"../Flex\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { Link } from \"../Link\";\nimport { Icon } from \"../Icon\";\nimport { Box } from \"../Box\";\n\ninterface Props {\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  focusable?: boolean;\n}\n\nexport const LotNumberDpInformation: React.FC<Props> = ({\n  fieldIdPrefix,\n  fieldNamePrefix,\n  focusable,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex mb={[3, 3, 4]}>\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mr={2}\n        >\n          <Field\n            id={`${fieldIdPrefix}.lotInformation.lotNumber`}\n            name={`${fieldNamePrefix}.lotInformation.lotNumber`}\n            label=\"Lot Number\"\n            placeholder=\"e.g. 109\"\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.lotInformation.lotNumber`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={2}\n        >\n          <Field\n            id={`${fieldIdPrefix}.lotInformation.dpNumber`}\n            name={`${fieldNamePrefix}.lotInformation.dpNumber`}\n            label=\"DP\"\n            placeholder=\"e.g. 12345\"\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.lotInformation.dpNumber`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Flex>\n\n      <Flex flexDirection={[\"column\", \"column\", \"row\", \"row\"]} mb={[3, 3, 4]}>\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.3}\n          flexBasis={0}\n          minWidth={0}\n          mr={[0, 0, 2, 2]}\n          mb={[3, 3, 0, 0]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.lotInformation.streetNumber`}\n            name={`${fieldNamePrefix}.lotInformation.streetNumber`}\n            label=\"Street number\"\n            placeholder=\"e.g. 10\"\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.lotInformation.streetNumber`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.7}\n          flexBasis={0}\n          minWidth={0}\n          ml={[0, 0, 2, 2]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.lotInformation.streetName`}\n            name={`${fieldNamePrefix}.lotInformation.streetName`}\n            label=\"Street name\"\n            placeholder=\"e.g. Newton road\"\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.lotInformation.streetName`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Flex>\n\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"column\", \"row\"]}\n        mb={[3, 3, 4]}\n      >\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mb={[3, 3, 4, 4, 0]}\n          mr={[0, 0, 0, 0, 2]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.lotInformation.suburb`}\n            name={`${fieldNamePrefix}.lotInformation.suburb`}\n            label=\"Suburb\"\n            placeholder=\"e.g. Glen Eden\"\n            focusable={focusable}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.lotInformation.suburb`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex\n          flexDirection={[\"column\", \"row\"]}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={[0, 0, 0, 0, 2]}\n        >\n          <Flex\n            flexDirection=\"column\"\n            flexBasis={[\"auto\", 0]}\n            flexGrow={[1, 0.5]}\n            minWidth={[\"auto\", 0]}\n          >\n            <Field\n              id={`${fieldIdPrefix}.lotInformation.postcode`}\n              name={`${fieldNamePrefix}.lotInformation.postcode`}\n              label=\"Postcode\"\n              placeholder=\"e.g. 1010\"\n              focusable={focusable}\n              component={FormikInputText}\n            />\n            <ErrorMessage\n              name={`${fieldNamePrefix}.lotInformation.postcode`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n\n          <Box\n            ml={[0, 3]}\n            mt={4}\n            flexBasis={[\"auto\", 0]}\n            flexGrow={[1, 0.5]}\n            minWidth={[\"auto\", 0]}\n          >\n            <Link href=\"https://www.nzpost.co.nz/tools/address-postcode-finder\">\n              Postcode Finder\n              <Icon icon=\"open_in_new\" />\n            </Link>\n          </Box>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n\nLotNumberDpInformation.defaultProps = {\n  focusable: true,\n};\n","import { ErrorMessage, Field, FieldArrayRenderProps } from \"formik\";\nimport React from \"react\";\nimport { Site } from \"../../types/Site\";\nimport { ActionButton } from \"../ActionButton\";\nimport { Flex } from \"../Flex\";\nimport { FormikRadioButton } from \"../FormikRadioButton\";\nimport { IconPopupTip } from \"../IconPopupTip\";\nimport { Line } from \"../Line\";\nimport { LotNumberDpInformation } from \"../LotNumberDpInformation\";\nimport { Span } from \"../Span\";\nimport { StreetNumberAndName } from \"../StreetNumberAndName\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\n\ninterface Props {\n  site: Site;\n  index: number;\n  title: string;\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  validateField: (field: string) => void;\n  arrayHelpers?: FieldArrayRenderProps;\n  showRemoveButton?: boolean;\n  showUnit: boolean;\n}\n\nexport const SiteInformationFields: React.FC<Props> = ({\n  site,\n  index,\n  title,\n  fieldIdPrefix,\n  fieldNamePrefix,\n  arrayHelpers,\n  showRemoveButton,\n  validateField,\n  showUnit,\n}) => {\n  const handleSiteClearClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    siteIndex: number,\n    arrayHelpers?: FieldArrayRenderProps,\n  ) => {\n    arrayHelpers && arrayHelpers.remove(siteIndex);\n  };\n\n  return (\n    <>\n      <Flex\n        alignItems=\"center\"\n        justifyContent={[\n          \"space-between\",\n          \"space-between\",\n          \"space-between\",\n          \"flex-start\",\n        ]}\n      >\n        <Span fontSize={[3, 3, 3, 4]} lineHeight={4}>\n          {title}\n        </Span>\n\n        <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n          {\"Your street number may not be in our address database as it’s in a new subdivision or is a new build. \" +\n            \"In these situations we’ll ask for the Lot / DP number and looks something like this: Lot 123 DP45678. \" +\n            \"This information can normally be found on the Certificate of Title of the land or on rates bills from the council.\"}\n        </IconPopupTip>\n\n        {showRemoveButton && (\n          <ActionButton\n            data-testid=\"remove-site-button\"\n            onClick={(e) => handleSiteClearClick(e, index, arrayHelpers)}\n            icon=\"clear\"\n            ml={2}\n          />\n        )}\n      </Flex>\n\n      <Line\n        width=\"100%\"\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n        mt={3}\n        mb={5}\n      />\n\n      <Flex flexDirection=\"column\">\n        <Flex flexDirection=\"column\" mb={4}>\n          <Flex width=\"100%\">\n            <Field\n              magnitude=\"medium\"\n              id={`${fieldIdPrefix}.lotNumberAndDP`}\n              name={`${fieldNamePrefix}.siteType`}\n              label=\"Lot # and DP information\"\n              value=\"lotAndDpNumber\"\n              currentValue={site.siteType}\n              flexGrow={0.5}\n              mr={[2, 2, 3]}\n              component={FormikRadioButton}\n            />\n\n            <Field\n              magnitude=\"medium\"\n              id={`${fieldIdPrefix}.streetNumberAndName`}\n              name={`${fieldNamePrefix}.siteType`}\n              label=\"Street number and name\"\n              value=\"streetNumberAndName\"\n              currentValue={site.siteType}\n              flexGrow={0.5}\n              ml={[2, 2, 3]}\n              component={FormikRadioButton}\n            />\n          </Flex>\n          <ErrorMessage\n            name={`${fieldNamePrefix}.siteType`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Flex>\n\n      {site.siteType === \"lotAndDpNumber\" ? (\n        <LotNumberDpInformation\n          fieldIdPrefix={fieldIdPrefix}\n          fieldNamePrefix={fieldNamePrefix}\n        />\n      ) : site.siteType === \"streetNumberAndName\" ? (\n        <StreetNumberAndName\n          fieldIdPrefix={fieldIdPrefix}\n          fieldNamePrefix={fieldNamePrefix}\n          siteAddressInformation={site.addressInformation}\n          validateField={validateField}\n          showUnit={showUnit}\n        />\n      ) : null}\n    </>\n  );\n};\n","import React, { useContext } from \"react\";\nimport ReactModal from \"react-modal\";\nimport { ThemeContext } from \"styled-components\";\nimport { ActionButton } from \"../ActionButton\";\nimport { Box } from \"../Box\";\nimport { Button } from \"../Button\";\nimport { Flex } from \"../Flex\";\nimport { Line } from \"../Line\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  title: string;\n  showModal: boolean;\n  onCloseModal: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  showButtons?: boolean;\n  cancelText?: string;\n  confirmText?: string;\n  cancelButtonVariant?: \"secondary\" | \"ghost\";\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onConfirm?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const Modal: React.FC<Props> = ({\n  showModal,\n  title,\n  cancelText,\n  confirmText,\n  cancelButtonVariant,\n  onCloseModal,\n  onCancel,\n  onConfirm,\n  children,\n  showButtons,\n}) => {\n  const themeContext = useContext(ThemeContext);\n  const { innerWidth } = window;\n\n  const getBreakpointValue = (index: number): number => {\n    const breakpoint = themeContext.breakpoints[index];\n    return breakpoint.substring(0, breakpoint.length - 2);\n  };\n\n  return (\n    <ReactModal\n      isOpen={showModal}\n      contentLabel={title}\n      onRequestClose={onCloseModal}\n      style={{\n        overlay: {\n          backgroundColor: `${themeContext.colors.neutrals.ln2090}`,\n          overflow: \"auto\",\n        },\n        content: {\n          maxWidth: \"660px\",\n          top: \"50%\",\n          left: \"50%\",\n          right: \"auto\",\n          bottom: \"auto\",\n          marginRight: \"-50%\",\n          transform: `${\n            innerWidth < getBreakpointValue(0)\n              ? \"translate(-50%, -35%)\"\n              : \"translate(-50%, -50%)\"\n          }`,\n          padding: \"24px\",\n          borderRadius: \"12px\",\n          boxShadow: `${themeContext.shadows.modal}`,\n          width: `${innerWidth < getBreakpointValue(2) ? \"80%\" : \"100%\"}`,\n        },\n      }}\n    >\n      <Flex flexDirection=\"column\" justifyContent=\"space-between\">\n        <Flex flexDirection=\"column\" justifyContent=\"space-between\">\n          <Flex flexDirection=\"row\" justifyContent=\"space-between\">\n            <Span fontSize={6} lineHeight={6}>\n              {title}\n            </Span>\n            <ActionButton icon=\"close\" onClick={onCloseModal} ml={3} />\n          </Flex>\n          <Line\n            width=\"100%\"\n            mt={2}\n            mb={5}\n            border=\"1px solid\"\n            borderColor=\"neutrals.ln30\"\n            bg=\"neutrals.ln30\"\n            opacity=\"1\"\n            height={0}\n          />\n        </Flex>\n\n        <Box>{children}</Box>\n\n        {showButtons && (\n          <Flex\n            flexDirection=\"row\"\n            justifyContent={[\"center\", \"center\", \"flex-end\"]}\n            flexWrap=\"wrap\"\n            alignItems=\"flex-end\"\n          >\n            <Button variant={cancelButtonVariant} onClick={onCancel}>\n              {cancelText}\n            </Button>\n\n            <Button\n              variant=\"primary\"\n              onClick={onConfirm}\n              ml={[0, 0, 3]}\n              mt={[3, 3, 0]}\n            >\n              {confirmText}\n            </Button>\n          </Flex>\n        )}\n      </Flex>\n    </ReactModal>\n  );\n};\n\nModal.defaultProps = {\n  showModal: false,\n  showButtons: true,\n  confirmText: \"Confirm\",\n  cancelText: \"Cancel\",\n  cancelButtonVariant: \"secondary\",\n};\n","import React, { useState } from \"react\";\nimport { Field, FieldArrayRenderProps } from \"formik\";\nimport { ActionButton } from \"../ActionButton\";\nimport { FormikCounter } from \"../FormikCounter\";\nimport { Modal } from \"../Modal\";\nimport { ManualUnitValues } from \"../../types/ManualUnitValues\";\nimport { EMPTY_MANUAL_UNIT_VALUES } from \"../../constants/ManualUnitValues\";\n\ninterface Props {\n  units: ManualUnitValues[];\n  index: number;\n  arrayHelpers: FieldArrayRenderProps;\n}\n\nexport const UnitCopy: React.FC<Props> = ({ units, index, arrayHelpers }) => {\n  const [showModal, setShowModal] = useState(false);\n\n  const handleShowModal = () => {\n    setShowModal(true);\n  };\n\n  const handleCloseModal = () => {\n    setShowModal(false);\n  };\n\n  const handleOnCancel = () => {\n    setShowModal(false);\n  };\n\n  const handleOnConfirm = () => {\n    const copiedUnit = units[index];\n\n    for (let i = 0; i < arrayHelpers.form.values.unitCopyCount; i++) {\n      arrayHelpers.push({\n        unitNumber: EMPTY_MANUAL_UNIT_VALUES.unitNumber,\n        type: copiedUnit.type,\n        phase: copiedUnit.phase,\n        fuseAmp: copiedUnit.fuseAmp,\n        supply: copiedUnit.supply,\n      });\n    }\n\n    setShowModal(false);\n  };\n\n  const areUnitsPresent = (): boolean => {\n    return units[index].unitNumber === \"\";\n  };\n\n  return (\n    <>\n      <ActionButton\n        icon=\"content_copy\"\n        onClick={handleShowModal}\n        disabled={areUnitsPresent()}\n      />\n\n      <Modal\n        title=\"Duplicate site details\"\n        showModal={showModal}\n        cancelText=\"Cancel\"\n        confirmText=\"Apply\"\n        cancelButtonVariant=\"ghost\"\n        onCloseModal={handleCloseModal}\n        onCancel={handleOnCancel}\n        onConfirm={handleOnConfirm}\n      >\n        <Field\n          id=\"unitCopyCount\"\n          name=\"unitCopyCount\"\n          value={1}\n          mr=\"auto\"\n          component={FormikCounter}\n        />\n      </Modal>\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage, Field, FieldArray, FieldArrayRenderProps } from \"formik\";\nimport { Span } from \"../Span\";\nimport { ManualUnitValues } from \"../../types/ManualUnitValues\";\nimport { mediaQueries } from \"../../theme\";\nimport { ActionButton } from \"../ActionButton\";\nimport { FormikDropdown } from \"../FormikDropdown\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { UnitCopy } from \"../UnitCopy\";\nimport { ActionLink } from \"../ActionLink\";\nimport { EMPTY_MANUAL_UNIT_VALUES } from \"../../constants/ManualUnitValues\";\nimport { Line } from \"../Line\";\nimport { IconPopupTip } from \"../IconPopupTip\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { Box } from \"../Box\";\n\ninterface Props {\n  siteIndex: number;\n  units: ManualUnitValues[];\n}\n\nconst TableHeaders = styled(Flex)`\n  display: none;\n\n  ${mediaQueries.largeDevice} {\n    display: flex;\n    border-bottom: 1px solid;\n    border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  }\n`;\n\nconst TableHead = styled(Flex)`\n  min-width: 0;\n  flex-basis: 0;\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n  align-self: end;\n`;\n\nconst PHASE_POPUPTIP =\n  \"3 phase power can cope with the electricity demands of larger and more powerful appliances. \" +\n  \"Therefore, it is more commonly used in commercial and industrial settings. \" +\n  \"Most homes and apartments don’t need 3 phase power as all their appliances and power needs will run well on single phase supply. \" +\n  \"But if you’re renovating, building new or adding high-energy appliances, \" +\n  \"talk to your electrician to get advice on whether you need 3 phase power.\";\n\nconst FUSE_POPUPTIP =\n  \"Different fuse sizes are used depending on the electricity supply. \" +\n  \"Talk to your electrician to confirm the fuse size you need to power your home.\";\n\nexport const SiteUnitsManual: React.FC<Props> = ({ units, siteIndex }) => {\n  const handleUnitClearClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    arrayHelpers: FieldArrayRenderProps,\n    siteUnitIndex: number,\n  ) => {\n    arrayHelpers.remove(siteUnitIndex);\n  };\n\n  const handleAddUnitClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    arrayHelpers: FieldArrayRenderProps,\n  ) => {\n    arrayHelpers.push(EMPTY_MANUAL_UNIT_VALUES);\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <TableHeaders pb={2} mb={4}>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.1} mr={2}>\n          Unit/Lot number\n        </TableHead>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.25} mr={2}>\n          Type\n        </TableHead>\n        <TableHead\n          fontWeight=\"medium\"\n          fontSize={2}\n          flexGrow={0.15}\n          mr={2}\n          display={\"block\"}\n        >\n          <Span>Phase</Span>\n          <IconPopupTip icon=\"help\" ml={2}>\n            {PHASE_POPUPTIP}\n          </IconPopupTip>\n        </TableHead>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.15} mr={2}>\n          <Span width=\"min-content\">Fuse (Amp)</Span>\n          <IconPopupTip icon=\"help\" ml={2} mt={10}>\n            {FUSE_POPUPTIP}\n          </IconPopupTip>\n        </TableHead>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.25} mr={2}>\n          Supply\n        </TableHead>\n        <TableHead flexGrow={0.1}>\n          {/* Empty by design for controls */}\n        </TableHead>\n      </TableHeaders>\n\n      <BasicNotificationBanner\n        message={\n          \"If you don't need to enter any unit/lot number, please enter N/A.\"\n        }\n        variant=\"information\"\n        icon=\"info\"\n        mb={3}\n      />\n\n      <FieldArray\n        name={`metered.sites[${siteIndex}].manualUnits`}\n        validateOnChange={false}\n        render={(arrayHelpers) => (\n          <>\n            {units.map((unit, index) => (\n              <Flex\n                key={`metered.sites[${siteIndex}].manualUnits[${index}]`}\n                flexDirection={[\"column\", \"column\", \"column\", \"row\", \"row\"]}\n                my={[4, 4, 4, 2, 2]}\n              >\n                <Flex\n                  flexDirection=\"column\"\n                  flexGrow={0.1}\n                  minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n                  flexBasis={0}\n                  mr={[0, 0, 0, 2, 2]}\n                  mb={[3, 3, 3, 0, 0]}\n                >\n                  <Field\n                    id={`metered.sites[${siteIndex}].manualUnits[${index}].unitNumber`}\n                    name={`metered.sites[${siteIndex}].manualUnits[${index}].unitNumber`}\n                    label=\"Unit/Lot number\"\n                    displayLabel={[\n                      \"inline-block\",\n                      \"inline-block\",\n                      \"inline-block\",\n                      \"none\",\n                      \"none\",\n                    ]}\n                    flexGrow={1}\n                    placeholder=\"e.g. 1A\"\n                    component={FormikInputText}\n                  />\n                  <Box width=\"max-content\" mt={[0, 0, 2]}>\n                    <ErrorMessage\n                      name={`metered.sites[${siteIndex}].manualUnits[${index}].unitNumber`}\n                      className=\"field-error\"\n                      component={FormInputErrorMessage}\n                    />\n                  </Box>\n                </Flex>\n\n                <Field\n                  id={`metered.sites[${siteIndex}].manualUnits[${index}].type`}\n                  name={`metered.sites[${siteIndex}].manualUnits[${index}].type`}\n                  label=\"Type\"\n                  displayLabel={[\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"none\",\n                    \"none\",\n                  ]}\n                  items={[\"Residential\", \"Commercial\"]}\n                  visibleItems={2}\n                  placeholder=\"\"\n                  mr={[0, 0, 0, 2, 2]}\n                  mb={[3, 3, 3, 0, 0]}\n                  minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n                  flexGrow={0.25}\n                  flexBasis={0}\n                  component={FormikDropdown}\n                />\n\n                <Field\n                  id={`metered.sites[${siteIndex}].manualUnits[${index}].phase`}\n                  name={`metered.sites[${siteIndex}].manualUnits[${index}].phase`}\n                  label=\"Phase\"\n                  displayLabel={[\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"none\",\n                    \"none\",\n                  ]}\n                  items={[\"1\", \"2\", \"3\"]}\n                  visibleItems={3}\n                  placeholder=\"\"\n                  tooltip={PHASE_POPUPTIP}\n                  displayTooltip={[\"flex\", \"flex\", \"flex\", \"none\", \"none\"]}\n                  mr={[0, 0, 0, 2, 2]}\n                  mb={[3, 3, 3, 0, 0]}\n                  minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n                  flexGrow={0.15}\n                  flexBasis={0}\n                  component={FormikDropdown}\n                />\n\n                <Field\n                  id={`metered.sites[${siteIndex}].manualUnits[${index}].fuseAmp`}\n                  name={`metered.sites[${siteIndex}].manualUnits[${index}].fuseAmp`}\n                  label=\"Fuse (Amp)\"\n                  displayLabel={[\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"none\",\n                    \"none\",\n                  ]}\n                  tooltip={FUSE_POPUPTIP}\n                  displayTooltip={[\"flex\", \"flex\", \"flex\", \"none\", \"none\"]}\n                  items={[\n                    \"30\",\n                    \"32\",\n                    \"60\",\n                    \"63\",\n                    \"80\",\n                    \"100\",\n                    \"150\",\n                    \"160\",\n                    \"200\",\n                    \"250\",\n                    \"300\",\n                    \"350\",\n                    \"400\",\n                    \"430\",\n                    \"450\",\n                    \"500\",\n                    \"600\",\n                    \"630\",\n                    \"650\",\n                    \"700\",\n                    \"750\",\n                    \"800\",\n                    \"1000\",\n                    \"1200\",\n                    \"1500\",\n                    \"1600\",\n                    \"3000\",\n                  ]}\n                  visibleItems={6}\n                  placeholder=\"\"\n                  mr={[0, 0, 0, 2, 2]}\n                  mb={[3, 3, 3, 0, 0]}\n                  minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n                  flexGrow={0.15}\n                  flexBasis={0}\n                  component={FormikDropdown}\n                />\n\n                <Field\n                  id={`metered.sites[${siteIndex}].manualUnits[${index}].supply`}\n                  name={`metered.sites[${siteIndex}].manualUnits[${index}].supply`}\n                  label=\"Supply type\"\n                  displayLabel={[\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"inline-block\",\n                    \"none\",\n                    \"none\",\n                  ]}\n                  items={[\"Builders Temporary Supply\", \"Permanent\"]}\n                  visibleItems={2}\n                  placeholder=\"\"\n                  mr={[0, 0, 0, 2, 2]}\n                  mb={[3, 3, 3, 0, 0]}\n                  minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n                  flexGrow={0.25}\n                  flexBasis={0}\n                  component={FormikDropdown}\n                />\n\n                <Flex\n                  justifyContent=\"end\"\n                  alignItems=\"center\"\n                  ml={[0, 0, 0, 1, 1]}\n                  mb={[3, 3, 3, 0, 0]}\n                  minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n                  flexGrow={0.1}\n                  flexBasis={0}\n                >\n                  <UnitCopy\n                    units={units}\n                    index={index}\n                    arrayHelpers={arrayHelpers}\n                  />\n\n                  <ActionButton\n                    data-testid=\"remove-unit-button\"\n                    icon=\"clear\"\n                    disabled={units.length === 1}\n                    onClick={(e) =>\n                      handleUnitClearClick(e, arrayHelpers, index)\n                    }\n                    ml={[4, 4, 4, 2, 2]}\n                  />\n                </Flex>\n              </Flex>\n            ))}\n\n            <Span\n              data-testid=\"icp-units-entered\"\n              color=\"neutrals.mn80\"\n              fontWeight=\"medium\"\n              fontSize={2}\n              mt={4}\n            >\n              {`ICP units entered: ${units.length}`}\n            </Span>\n\n            <Line\n              width=\"100%\"\n              border=\"1px solid\"\n              borderColor=\"neutrals.ln30\"\n              bg=\"neutrals.ln30\"\n              opacity=\"1\"\n              height={0}\n              mt={5}\n              mb={4}\n            />\n\n            <ActionLink\n              iconLeft=\"add_circle\"\n              type=\"button\"\n              alignSelf=\"start\"\n              mt={1}\n              onClick={(e) => handleAddUnitClick(e, arrayHelpers)}\n            >\n              Add unit\n            </ActionLink>\n          </>\n        )}\n      />\n    </Flex>\n  );\n};\n","import { ContactDetailsValues } from \"../types/ContactDetailsValues\";\n\nexport const EMPTY_CONTACT_DETAILS_VALUES: ContactDetailsValues = {\n  firstName: \"\",\n  lastName: \"\",\n  email: \"\",\n  mobile: \"\",\n  alternatePhone: \"\",\n  businessName: \"\",\n  workContactPreferences: {\n    email: false,\n    sms: false,\n  },\n};\n","import { LiveningIcpFormValues } from \"../types/LiveningIcpFormValues\";\nimport { EMPTY_METERED } from \"./Metered\";\nimport { EMPTY_UNMETERED } from \"./Unmetered\";\nimport { EMPTY_LIVENING_ICP_CONTACT_DETAILS_VALUES } from \"./ContactDetailsValues\";\nimport { EMPTY_CONTACT_DETAILS_VALUES } from \"./EmptyContactDetailsValues\";\n\nexport const EMPTY_LIVENING_ICP_ORDER: LiveningIcpFormValues = {\n  icpType: \"metered ICP\",\n  projectNumber: \"\",\n  metered: EMPTY_METERED,\n  unmetered: EMPTY_UNMETERED,\n  liveningInspector: \"\",\n  liveningInspectorId: \"\",\n  powerRetailer: \"\",\n  powerRetailerId: \"\",\n  contactDetails: [EMPTY_LIVENING_ICP_CONTACT_DETAILS_VALUES],\n  optionalContactDetails: EMPTY_CONTACT_DETAILS_VALUES,\n  siteAccessContactRoleChecked: false,\n  powerRetailerAccountHolderRoleChecked: false,\n  hasElectrician: \"\",\n};\n\nexport const LIVENING_ICP_UPLOAD_TEMPLATE_PATH =\n  \"/assets/files/multiple-icp-request-template.xlsx\";\n","import { Metered } from \"../types/Metered\";\nimport { EMPTY_LIVENING_ICP_SITES } from \"./Sites\";\n\nexport const EMPTY_METERED: Metered = {\n  sites: [EMPTY_LIVENING_ICP_SITES],\n};\n","export const FileTypeValues: FileType[] = [\n  \"application/pdf\",\n  \"image/jpg\",\n  \"image/jpeg\",\n  \"application/acad\",\n  \"application/x-acad\",\n  \"application/autocad_dwg\",\n  \"image/x-dwg\",\n  \"application/dwg\",\n  \"application/x-dwg\",\n  \"application/x-autocad\",\n  \"image/vnd.dwg\",\n  \"drawing/dw\",\n  \"application/msword\",\n  \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  \"application/vnd.ms-excel\",\n  \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  \"application/vnd.oasis.opendocument.spreadsheet\",\n];\n","import { FileTypeValues } from \"../../../../constants/FileTypeValues\";\n\nexport const getFileNameWithoutExtension = (fileName: string): string => {\n  if (!fileName) {\n    return \"\";\n  }\n\n  const index = fileName.lastIndexOf(\".\");\n  if (index === -1) {\n    return fileName;\n  }\n\n  return fileName.substring(0, index);\n};\n\nexport const getFileExtension = (fileName: string): string => {\n  if (!fileName) {\n    return \"\";\n  }\n\n  const index = fileName.lastIndexOf(\".\");\n  if (index === -1) {\n    return \"\";\n  }\n\n  return fileName.substring(index + 1);\n};\n\nexport const getAcceptedMimeTypes = (): FileType[] => {\n  return FileTypeValues;\n};\n\n/* istanbul ignore next */\nexport const mockArrayBuffer = (): Promise<ArrayBuffer> => {\n  //eslint-disable-next-line @typescript-eslint/no-empty-function\n  return new Promise<ArrayBuffer>(() => {});\n};\n\n/* istanbul ignore next */\nexport const mockSlice = (\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  start?: number,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  end?: number,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  contentType?: string,\n): Blob => {\n  return new Blob();\n};\n\n/* istanbul ignore next */\nexport const mockStream = (): ReadableStream => {\n  return new ReadableStream();\n};\n\n/* istanbul ignore next */\nexport const mockText = (): Promise<string> => {\n  //eslint-disable-next-line @typescript-eslint/no-empty-function\n  return new Promise<string>(() => {});\n};\n","import React, { InputHTMLAttributes, useCallback } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport styled, { css } from \"styled-components\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { Flex } from \"../../../Flex\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport { Icon } from \"../../../Icon\";\nimport { Span } from \"../../../Span\";\nimport { extendedFileNameValidator } from \"../DropZoneFileValidator/DropZoneFileValidator\";\nimport { getAcceptedMimeTypes } from \"../FileUtil/FileUtil\";\n\ninterface Props {\n  allowMultiple?: boolean;\n  maxFiles?: number;\n  maxSizeInBytes?: number;\n  acceptFileTypes: FileType[];\n  rejectedFileNames?: string[];\n  disabled?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  onFilesSelected: (selectedFiles: CssFile[]) => void;\n  onBlur?: () => void;\n}\n\nexport const UploadWrapper = styled(Flex)<{\n  isDragActive: boolean;\n  isDragReject: boolean;\n  error: boolean;\n  disabled: boolean;\n}>`\n  outline: none;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln40};\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border-width: 2px;\n  border-radius: 12px;\n  border-style: dashed;\n  transition: border 0.15s ease-in-out;\n  transition: background-color 0.15s ease-in-out;\n\n  ${({ isDragActive, theme }) =>\n    isDragActive &&\n    css`\n      border-color: ${theme.colors.hydroDark};\n      background-color: ${theme.colors.hydro25};\n    `};\n\n  ${({ isDragReject, theme }) =>\n    isDragReject &&\n    css`\n      border-color: ${theme.colors.urgentRed};\n      background-color: ${theme.colors.urgentRed25};\n    `};\n\n  ${({ error, theme }) =>\n    error &&\n    css`\n      border-style: solid;\n      border-color: ${theme.colors.urgentRed};\n    `};\n\n  ${({ disabled, theme }) =>\n    disabled &&\n    css`\n      border-style: solid;\n      border-color: ${theme.colors.neutrals.ln40};\n      background-color: ${theme.colors.neutrals.ln20};\n    `};\n\n  &:hover {\n    ${({ disabled, theme }) =>\n      !disabled &&\n      css`\n        border-color: ${theme.colors.hydro};\n        background-color: ${theme.colors.hydro10};\n      `};\n  }\n\n  &:focus {\n    ${({ disabled, theme }) =>\n      !disabled &&\n      css`\n        border-color: ${theme.colors.hydro};\n        box-shadow: ${theme.shadows.inputFocus};\n      `};\n  }\n`;\n\nexport const DropZoneFileUpload: React.FC<\n  Props & Omit<InputHTMLAttributes<HTMLInputElement>, \"OnBlur\">\n> = ({\n  name,\n  allowMultiple,\n  maxFiles,\n  maxSizeInBytes,\n  acceptFileTypes,\n  rejectedFileNames,\n  error,\n  errorMessage,\n  disabled,\n  onFilesSelected,\n  onBlur,\n}) => {\n  const onDrop = useCallback(\n    (acceptedFiles) => {\n      onFilesSelected(acceptedFiles);\n    },\n    [onFilesSelected],\n  );\n\n  /* istanbul ignore next */\n  const handleOnFileDialogCancel = () => {\n    onBlur && onBlur();\n  };\n\n  /* istanbul ignore next */\n  const fileNameValidator = (file: File) => {\n    return extendedFileNameValidator(file, rejectedFileNames);\n  };\n\n  const { getRootProps, getInputProps, isDragActive, isDragReject, open } =\n    useDropzone({\n      noClick: true,\n      multiple: allowMultiple,\n      maxFiles,\n      maxSize: maxSizeInBytes,\n      accept: acceptFileTypes.toString(),\n      disabled,\n      validator: fileNameValidator,\n      onDrop,\n      onFileDialogCancel: handleOnFileDialogCancel,\n    });\n\n  return (\n    <Flex flexDirection=\"column\">\n      <UploadWrapper\n        data-testid=\"dropzone-upload-wrapper\"\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        padding={4}\n        isDragActive={isDragActive}\n        isDragReject={isDragReject}\n        error={error}\n        disabled={disabled}\n        {...getRootProps()}\n      >\n        <input\n          {...getInputProps({\n            name,\n          })}\n          data-testid=\"dropzone-upload-input\"\n        />\n\n        {!isDragActive && (\n          <>\n            <Span color=\"neutrals.mn80\" textAlign=\"center\" mb={1}>\n              Drag and drop your file here or click &ldquo;Upload file&ldquo;\n            </Span>\n\n            <ActionLink\n              iconLeft=\"add_circle\"\n              disabled={disabled}\n              onClick={open}\n            >\n              Upload file\n            </ActionLink>\n          </>\n        )}\n\n        {isDragActive && (\n          <>\n            <Span textAlign=\"center\" fontSize={1} lineHeight={1} mb={2}>\n              Drag and drop your file here\n            </Span>\n            <Icon icon=\"file_download\" fontSize={7}></Icon>\n          </>\n        )}\n      </UploadWrapper>\n\n      {error && errorMessage && (\n        <FormInputErrorMessage>{errorMessage}</FormInputErrorMessage>\n      )}\n    </Flex>\n  );\n};\n\nDropZoneFileUpload.defaultProps = {\n  allowMultiple: true,\n  maxFiles: 5,\n  maxSizeInBytes: 10485760,\n  acceptFileTypes: getAcceptedMimeTypes(),\n  rejectedFileNames: [],\n};\n","import { FileError } from \"react-dropzone\";\n\nexport const extendedFileNameValidator = (\n  file: File,\n  rejectedFileNames?: string[],\n): FileError | FileError[] | null => {\n  if (!rejectedFileNames) {\n    return null;\n  }\n\n  const fileIndex = rejectedFileNames.findIndex(\n    (rejectedFileName) => rejectedFileName === file.name,\n  );\n\n  if (fileIndex !== -1) {\n    return {\n      code: \"duplicate-file-name\",\n      message: `A file with name ${file.name} has already been selected`,\n    };\n  }\n\n  return null;\n};\n","import { FileScanResponse } from \"../types/FileScanResponse\";\nimport { SCAN_TIMEOUT_MILLISECONDS } from \"./FileUploadService\";\n\nconst ONE_SECOND = 1000;\n\nexport const getDelayInterval = (executionCount: number) => {\n  const delayMilliseconds = Math.pow(2, executionCount) * 100;\n  const delayOffsetMilliseconds =\n    ONE_SECOND + delayMilliseconds * 0.2 * Math.random();\n\n  return delayMilliseconds + delayOffsetMilliseconds;\n};\n\nexport const calculateRemainingTimeoutInterval = (\n  delay: number,\n  timeout?: number,\n  lastRequestTime?: number,\n): number => {\n  if (timeout && lastRequestTime) {\n    const lastRequestDuration = Date.now() - lastRequestTime;\n    return Math.max(timeout - lastRequestDuration - delay, 1);\n  }\n\n  return SCAN_TIMEOUT_MILLISECONDS;\n};\n\nexport const shouldScanResultRetry = (response: FileScanResponse): boolean => {\n  if (response && response.scanResult === \"pending\") {\n    return true;\n  }\n\n  return false;\n};\n","import { apiClient } from \"../client/ApiClient\";\nimport { ExtendedAxiosRequestConfig } from \"../types/ExtendedAxiosRequestConfig\";\nimport { ExtendedAxiosResponse } from \"../types/ExtendedAxiosResponse\";\nimport { FileScanResponse } from \"../types/FileScanResponse\";\nimport { UploadFileResponse } from \"../types/UploadFileResponse\";\nimport {\n  calculateRemainingTimeoutInterval,\n  getDelayInterval,\n  shouldScanResultRetry,\n} from \"./FileUploadServiceUtil\";\n\nexport const SCAN_TIMEOUT_MILLISECONDS = 600000; //10mins\n\nexport const uploadFile = async (\n  file: CssFile,\n  attachmentType: string,\n): Promise<UploadFileResponse> => {\n  const formData = new FormData();\n  formData.append(\"file\", file);\n\n  return await apiClient\n    .post(`file-upload/${attachmentType}`, formData, {\n      headers: {\n        \"Content-Type\": \"multipart/form-data\",\n      },\n    })\n    .then((response) => response.data);\n};\n\n// Using a variation of the retry logic/mechanism found in https://github.com/softonic/axios-retry\n// At the time of writing axios-retry doesn't allow for custom 200 retry logic (only errors)\nconst getFileScanResultAsync = async (\n  md5: string,\n  attachmentType: string,\n): Promise<FileScanResponse> => {\n  let executionCount = 1;\n\n  apiClient.defaults.timeout = SCAN_TIMEOUT_MILLISECONDS;\n\n  apiClient.interceptors.request.use((config: ExtendedAxiosRequestConfig) => {\n    config.lastRequestTime = Date.now();\n    return config;\n  });\n\n  apiClient.interceptors.response.use(\n    (response: ExtendedAxiosResponse<FileScanResponse>) => {\n      const { data, config } = response;\n\n      /* istanbul ignore next */\n      if (!config) {\n        return Promise.reject(response);\n      }\n\n      const shouldRetry = shouldScanResultRetry(data);\n      if (!shouldRetry) {\n        return Promise.resolve(response);\n      }\n\n      executionCount = executionCount + 1;\n      config.executionCount = executionCount;\n\n      const delayInterval = getDelayInterval(executionCount);\n      config.timeout = calculateRemainingTimeoutInterval(\n        delayInterval,\n        config.timeout,\n        config.lastRequestTime,\n      );\n\n      config.transformRequest = [(data) => data];\n\n      return new Promise((resolve) =>\n        setTimeout(() => {\n          resolve(apiClient.request(config));\n        }, delayInterval),\n      );\n    },\n  );\n\n  return await apiClient\n    .get<FileScanResponse>(`file-scan-result\\\\${md5}`, {\n      params: { attachmentType },\n    })\n    .then((response) => {\n      return response.data;\n    })\n    .then((response) => {\n      return response;\n    });\n};\n\nexport const getFileScanResult = async (\n  md5: string,\n  attachmentType: string,\n): Promise<FileScanResponse> => {\n  return getFileScanResultAsync(md5, attachmentType);\n};\n","import React from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { Spinner } from \"../../../Spinner\";\n\ninterface Props {\n  uploadStatus: UploadStatus;\n  onRetry: () => void;\n  onDelete: (event: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const UploadFileStatus: React.FC<Props & SpaceProps> = ({\n  uploadStatus,\n  onDelete,\n  onRetry,\n  ml,\n}) => {\n  return (\n    <Flex ml={ml} alignItems=\"center\">\n      {(uploadStatus === \"UPLOADING\" || uploadStatus === \"SCANNING\") && (\n        <>\n          <Span\n            data-testid=\"upload-item-uploading-message\"\n            color=\"neutrals.mn80\"\n            mr={5}\n          >\n            {uploadStatus === \"UPLOADING\" && \"Uploading...\"}\n            {uploadStatus === \"SCANNING\" && \"Scanning...\"}\n          </Span>\n\n          <Span mr={5}>\n            <Spinner color=\"neutrals.mn80\" />\n          </Span>\n        </>\n      )}\n\n      {((uploadStatus === \"UPLOAD_FAILED\" || uploadStatus === \"SCAN_FAILED\" || uploadStatus === \"UPLOAD_NAME_FAILED\")) && (\n        <>\n          <Span\n            data-testid=\"upload-item-upload-failed-message\"\n            color=\"urgentRed\"\n            mr={3}\n          >\n            {uploadStatus === \"UPLOAD_FAILED\" && \"Failed to upload\"}\n            {uploadStatus === \"SCAN_FAILED\" && \"File corrupted\"}\n            {uploadStatus === \"UPLOAD_NAME_FAILED\" && \"Please check the file name is not empty and does not contain any special characters\"}\n          </Span>\n        </>\n      )}\n\n      {uploadStatus === \"UPLOAD_FAILED\" && (\n        <ActionLink mr={3} onClick={onRetry}>\n          Retry\n        </ActionLink>\n      )}\n\n      {!(uploadStatus === \"UPLOADING\" || uploadStatus === \"SCANNING\") && (\n        <ActionLink ml=\"auto\" onClick={onDelete}>\n          Delete\n        </ActionLink>\n      )}\n    </Flex>\n  );\n};\n","export const reducer = (\n  uploadState: UploadState,\n  action: UploadAction,\n): UploadState => {\n  const { type } = action;\n\n  switch (type) {\n    case \"UPLOAD\": {\n      return { status: \"UPLOADING\" };\n    }\n\n    case \"GET_SCAN_RESULT\": {\n      return { status: \"SCANNING\", md5: action.payload?.md5 };\n    }\n\n    case \"UPLOAD_FAILED\": {\n      return {\n        status: \"UPLOAD_FAILED\",\n      };\n    }\n\n    case \"UPLOAD_NAME_FAILED\": {\n      return {\n        status: \"UPLOAD_NAME_FAILED\",\n      };\n    }\n\n    case \"SCAN_FAILED\": {\n      return { status: \"SCAN_FAILED\" };\n    }\n\n    case \"COMPLETE\": {\n      return { status: \"COMPLETE\" };\n    }\n\n    default:\n      throw new Error(\"Unknown action\");\n  }\n};\n","export const FILE_NAME_REG_EXP = /^[a-zA-Z0-9_.\\-()[\\]{},& ]+$/;\n","import React, { useEffect, useReducer } from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { SpaceProps } from \"styled-system\";\nimport {\n  getFileNameWithoutExtension,\n  getFileExtension,\n} from \"../FileUtil/FileUtil\";\nimport {\n  getFileScanResult,\n  uploadFile,\n} from \"../../../../services/FileUploadService\";\nimport { UploadFileStatus } from \"../UploadFileStatus\";\nimport { reducer } from \"../UploadReducer/UploadReducer\";\nimport { FILE_NAME_REG_EXP } from \"../../../../constants/FileUploadNameRegex\";\n\ninterface Props {\n  id: string;\n  file: CssFile;\n  onDelete: (file: CssFile) => void;\n  onUploadScanComplete: (file: CssFile) => void;\n  attachmentType: string;\n}\n\nconst FlexWrapper = styled(Flex)<{ error: boolean }>`\n  border-radius: 12px;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n\n  border: 1px solid\n    ${({ error, theme }) =>\n      error ? theme.colors.urgentRed : theme.colors.neutrals.ln30};\n`;\n\nconst FileNameWrapper = styled(Span)`\n  display: inline-block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nconst FileExtensionWrapper = styled(Span)`\n  display: inline-block;\n  color: ${({ theme }) => theme.colors.white};\n  background-color: ${({ theme }) => theme.colors.neutrals.mn80};\n  border-radius: 3px;\n`;\n\nexport const UploadFileItem: React.FC<Props & SpaceProps> = ({\n  id,\n  file,\n  onDelete,\n  onUploadScanComplete,\n  mt,\n  attachmentType,\n}) => {\n  const [uploadState, dispatch] = useReducer(reducer, {\n    status: \"\",\n    md5: \"\",\n  });\n\n  const uploadFileAsync = async (file: CssFile) => {\n    let dispatchType: UploadActionType = \"UPLOAD_FAILED\";\n    let dispatchPayload: UploadActionPayload = { md5: \"\" };\n\n    try {\n      const response = await uploadFile(file, attachmentType);\n\n      dispatchType =\n        response && response.name && response.md5\n          ? \"GET_SCAN_RESULT\"\n          : \"UPLOAD_FAILED\";\n\n      if (response && response.name && response.md5) {\n        file.uploaded = true;\n        file.md5 = response.md5;\n        dispatchPayload = { md5: response.md5 };\n      }\n    } catch (error: any) {\n      file.uploaded = false;\n      dispatchType = (getFileNameWithoutExtension(file.name).match(FILE_NAME_REG_EXP)) ? \"UPLOAD_FAILED\" : \"UPLOAD_NAME_FAILED\";\n    }\n\n    dispatch({\n      type: dispatchType,\n      payload: dispatchPayload,\n    });\n  };\n\n  const getFileScanResultAsync = async (md5: string) => {\n    const dispatchPayload: UploadActionPayload = { md5 };\n    let dispatchType: UploadActionType = \"SCAN_FAILED\";\n\n    try {\n      const response = await getFileScanResult(md5, attachmentType);\n\n      dispatchType =\n        response && response.scanResult === \"ok\" ? \"COMPLETE\" : \"SCAN_FAILED\";\n\n      if (response.scanResult === \"ok\") {\n        file.scanned = true;\n        onUploadScanComplete(file);\n      }\n    } catch (error: any) {\n      file.scanned = false;\n      dispatchType = \"SCAN_FAILED\";\n    }\n\n    dispatch({\n      type: dispatchType,\n      payload: dispatchPayload,\n    });\n  };\n\n  const handleOnDelete = () => {\n    onDelete(file);\n  };\n\n  const handleRetry = () => {\n    dispatch({\n      type: \"UPLOAD\",\n    });\n\n    uploadFileAsync(file);\n  };\n\n  // Check file scan result based on upload/scan status\n  useEffect(() => {\n    if (!file.scanned && uploadState.status === \"SCANNING\" && uploadState.md5) {\n      getFileScanResultAsync(uploadState.md5);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uploadState]);\n\n  // Upload file on component mount\n  useEffect(() => {\n    if (!file.uploaded) {\n      dispatch({\n        type: \"UPLOAD\",\n      });\n\n      uploadFileAsync(file);\n    }\n\n    if (file.scanned) {\n      dispatch({\n        type: \"COMPLETE\",\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <FlexWrapper\n        flexDirection={\n          uploadState.status === \"COMPLETE\"\n            ? \"row\"\n            : [\"column\", \"column\", \"row\"]\n        }\n        alignItems={[\"flex-start\", \"flex-start\", \"center\"]}\n        padding={3}\n        mt={mt}\n        error={\n          uploadState.status === \"UPLOAD_FAILED\" ||\n          uploadState.status === \"SCAN_FAILED\" ||\n          uploadState.status === \"UPLOAD_NAME_FAILED\"\n        }\n      >\n        <Flex>\n          <FileNameWrapper\n            data-testid=\"upload-item-file-name\"\n            lineHeight={2}\n            mr={3}\n            maxWidth={[\"100px\", \"100px\", \"300px\", \"fit-content\"]}\n          >\n            {getFileNameWithoutExtension(file.name)}\n          </FileNameWrapper>\n\n          <FileExtensionWrapper\n            data-testid=\"upload-item-file-type\"\n            lineHeight={2}\n            px={1}\n            mr={[0, 0, 7]}\n          >\n            {getFileExtension(file.name)}\n          </FileExtensionWrapper>\n        </Flex>\n\n        <UploadFileStatus\n          mt={[2, 2, 0]}\n          ml={uploadState.status === \"COMPLETE\" ? \"auto\" : [0, 0, \"auto\"]}\n          uploadStatus={uploadState.status}\n          onDelete={handleOnDelete}\n          onRetry={handleRetry}\n        />\n      </FlexWrapper>\n\n      {uploadState.status === \"SCAN_FAILED\" && (\n        <Span color=\"urgentRed\" fontSize={1} lineHeight={1} ml={1} mt={1}>\n          Try uploading a new file\n        </Span>\n      )}\n    </Flex>\n  );\n};\n","import { LiveningIcpSite } from \"../../types/LiveningIcpSite\";\nimport { UploadUnitValues } from \"../../types/UploadUnitValues\";\n\nexport const getFileSelectUploadStatus = (\n  selectedUnits: CssFile[],\n  uploadedUnits: UploadUnitValues[],\n): FileSelectUploadStatus => {\n  if (selectedUnits.length === 0) {\n    return \"\";\n  }\n\n  for (let index = 0; index < selectedUnits.length; index++) {\n    const selectedUnit = selectedUnits[index];\n\n    const indexInUploadUnits = uploadedUnits.findIndex(\n      (uploadedUnit) => uploadedUnit.fileName === selectedUnit.name,\n    );\n\n    if (indexInUploadUnits === -1) {\n      return \"UPLOADING\";\n    }\n  }\n\n  return \"DONE\";\n};\n\nexport const filesStillUploading = (sites: LiveningIcpSite[]): boolean => {\n  return sites.some((site) => site.filesUploadStatus === \"UPLOADING\");\n};\n\nexport const getFileNameFromPath = (filePath: string) => {\n  let index = -1;\n  const separators = [\"/\", \"\\\\\"];\n  separators.some((item) => {\n    index = filePath.lastIndexOf(item);\n    return index !== -1;\n  });\n\n  if (index === -1) {\n    return filePath;\n  }\n\n  return filePath.substring(index + 1);\n};\n","import React, { InputHTMLAttributes, useEffect, useState } from \"react\";\nimport { DropZoneFileUpload } from \"./_/DropZoneFileUpload/DropZoneFileUpload\";\nimport { Flex } from \"../Flex\";\nimport { UploadFileItem } from \"./_/UploadFileItem\";\nimport { UploadUnitValues } from \"../../types/UploadUnitValues\";\nimport {\n  mockArrayBuffer,\n  mockSlice,\n  mockStream,\n  mockText,\n} from \"./_/FileUtil/FileUtil\";\nimport {\n  getFileSelectUploadStatus,\n  getFileNameFromPath,\n} from \"../FileUploadUtil/FileUploadUtil\";\n\nexport interface FileUploadProps {\n  value: UploadUnitValues[];\n  acceptFileTypes: FileType[];\n  allowMultiple?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  onChange?: (units: UploadUnitValues[]) => void;\n  onBlur?: () => void;\n  onStatusChange: (filesUploadStatus: FileSelectUploadStatus) => void;\n  attachmentType: string;\n}\n\nconst MAX_UPLOAD_FILES = 5;\nconst MAX_FILE_SIZE = 20971520;\n\nexport const FileUploadContainer: React.FC<\n  FileUploadProps &\n    Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      \"value\" | \"onBlur\" | \"onChange\" | \"onSelect\"\n    >\n> = ({ id, value, onChange, onStatusChange, attachmentType, ...props }) => {\n  const [selectedFiles, setSelectedFiles] = useState<CssFile[]>([]);\n  const [uploadedFiles, setUploadedFiles] = useState<UploadUnitValues[]>([]);\n\n  const handleSelectedFiles = (selectedFiles: CssFile[]) => {\n    const transformedFiles: CssFile[] = selectedFiles.map((selectedFile) => {\n      const fileBlob = selectedFile.slice(\n        0,\n        selectedFile.size,\n        selectedFile.type,\n      );\n      const transformedName = getFileNameFromPath(selectedFile.name);\n      const newFile = new File([fileBlob], transformedName, {\n        type: selectedFile.type,\n        lastModified: selectedFile.lastModified,\n      }) as CssFile;\n\n      newFile.attachmentType = attachmentType;\n\n      return newFile;\n    });\n    setSelectedFiles((prevState) => [...prevState, ...transformedFiles]);\n  };\n\n  const handleOnUploadScanComplete = (file: CssFile) => {\n    const convertedFile = {\n      md5: file.md5,\n      fileName: file.name,\n      attachmentType: attachmentType,\n    };\n\n    setUploadedFiles((prevState) => [...prevState, convertedFile]);\n  };\n\n  const handleFileDelete = (file: CssFile) => {\n    const updatedUploadFiles = selectedFiles.filter(\n      (selectedFile: CssFile) => selectedFile.name !== file.name,\n    );\n\n    const updatedUnits = value.filter(\n      (unit: UploadUnitValues) => unit.fileName !== file.name,\n    );\n\n    setSelectedFiles([...updatedUploadFiles]);\n    setUploadedFiles([...updatedUnits]);\n  };\n\n  // If the selected files are being set by way of value\n  useEffect(() => {\n    if (value.length > 0) {\n      const mappedSelectedFiles = value.map((uploadedUnit) => {\n        return {\n          md5: uploadedUnit.md5,\n          name: uploadedUnit.fileName,\n          attachmentType: attachmentType,\n          uploaded: true,\n          scanned: true,\n          lastModified: 0,\n          webkitRelativePath: \"\",\n          size: 0,\n          type: \"\",\n          arrayBuffer: mockArrayBuffer,\n          slice: mockSlice,\n          stream: mockStream,\n          text: mockText,\n        };\n      });\n\n      setSelectedFiles(() => [...mappedSelectedFiles]);\n\n      mappedSelectedFiles.forEach((selectedFile) => {\n        handleOnUploadScanComplete(selectedFile);\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    const filesUploadStatus = getFileSelectUploadStatus(\n      selectedFiles,\n      uploadedFiles,\n    );\n\n    onStatusChange && onStatusChange(filesUploadStatus);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectedFiles, uploadedFiles]);\n\n  useEffect(() => {\n    onChange && onChange(uploadedFiles);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [uploadedFiles]);\n\n  return (\n    <Flex id={id} flexDirection=\"column\">\n      <DropZoneFileUpload\n        {...props}\n        maxSizeInBytes={MAX_FILE_SIZE}\n        maxFiles={MAX_UPLOAD_FILES - selectedFiles.length}\n        disabled={selectedFiles.length >= MAX_UPLOAD_FILES}\n        rejectedFileNames={selectedFiles.map(\n          (selectedFile) => selectedFile.name,\n        )}\n        onFilesSelected={handleSelectedFiles}\n      />\n\n      {selectedFiles.map((file: CssFile, index: number) => (\n        <UploadFileItem\n          key={`${index}_${file.name}`}\n          id={`upload_file_item_${index}`}\n          mt={3}\n          file={file}\n          onDelete={handleFileDelete}\n          onUploadScanComplete={handleOnUploadScanComplete}\n          attachmentType={attachmentType}\n        />\n      ))}\n    </Flex>\n  );\n};\n\nFileUploadContainer.defaultProps = {\n  value: [],\n};\n","import React from \"react\";\nimport { FieldProps, getIn } from \"formik\";\nimport { FileUploadProps } from \"../FileUpload/FileUploadContainer\";\nimport { FileUpload } from \"../FileUpload\";\nimport { UploadUnitValues } from \"../../types/UploadUnitValues\";\n\nexport const FormikFileUpload: React.FC<FieldProps & FileUploadProps> = ({\n  field,\n  form,\n  ...props\n}) => {\n  const handleOnBlur = () => {\n    form.setFieldTouched(field.name, true);\n  };\n\n  const handleOnChange = (units: UploadUnitValues[]) => {\n    form.setFieldValue(field.name, units);\n    form.validateField(field.name);\n  };\n\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <FileUpload\n      {...field}\n      {...props}\n      error={touch && error ? error : false}\n      errorMessage={error}\n      onBlur={handleOnBlur}\n      onChange={handleOnChange}\n    />\n  );\n};\n","import { Field } from \"formik\";\nimport React from \"react\";\nimport { LIVENING_ICP_UPLOAD_TEMPLATE_PATH } from \"../../constants/LiveningIcpOrder\";\nimport { Flex } from \"../Flex\";\nimport { FormikFileUpload } from \"../FormikFileUpload\";\nimport { Link } from \"../Link\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  siteIndex: number;\n  onStatusChange?: (filesUploadStatus: FileSelectUploadStatus) => void;\n}\n\nexport const SiteUnitsUpload: React.FC<Props> = ({\n  siteIndex,\n  onStatusChange,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Span lineHeight={2} mb={3}>\n        Upload fuse and phase information.\n      </Span>\n\n      <Span lineHeight={2} mb={3}>\n        Please download our{\" \"}\n        <Link href={LIVENING_ICP_UPLOAD_TEMPLATE_PATH}>template file</Link>,\n        fill it out and then upload the file below (max. 5 files, xlsx, xls or\n        ods format). 10Mb max per file.\n      </Span>\n\n      <Field\n        id={`metered.sites[${siteIndex}].uploadUnits`}\n        name={`metered.sites[${siteIndex}].uploadUnits`}\n        acceptFileTypes={[\n          \"application/vnd.ms-excel\",\n          \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n          \"application/vnd.oasis.opendocument.spreadsheet\",\n        ]}\n        attachmentType={\"ICP unit details\"}\n        onStatusChange={onStatusChange}\n        component={FormikFileUpload}\n      />\n    </Flex>\n  );\n};\n","import { Field } from \"formik\";\nimport React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { FormikFileUpload } from \"../FormikFileUpload\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  siteIndex: number;\n}\n\nexport const ProofOfAddressUpload: React.FC<Props> = ({ siteIndex }) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Span lineHeight={2} mb={3} fontWeight={\"bold\"}>\n        Proof of address / site plan\n      </Span>\n\n      <Span lineHeight={2} mb={3}>\n        Please upload proof that this address exists (e.g. council confirmation\n        letter). Max. 5 files, pdf, jpg, gif, png or tiff format.\n      </Span>\n\n      <Field\n        id={`metered.sites[${siteIndex}].uploadProofOfAddresses`}\n        name={`metered.sites[${siteIndex}].uploadProofOfAddresses`}\n        acceptFileTypes={[\n          \"application/pdf\",\n          \"image/jpg\",\n          \"image/jpeg\",\n          \"image/gif\",\n          \"image/tiff\",\n        ]}\n        attachmentType={\"Proof of address\"}\n        component={FormikFileUpload}\n      />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { SiteUnitsManual } from \"../SiteUnitsManual\";\nimport { Span } from \"../Span\";\nimport { ManualUnitValues } from \"../../types/ManualUnitValues\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { FormikRadioButton } from \"../FormikRadioButton\";\nimport { SiteUnitsUpload } from \"../SiteUnitsUpload\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport {\n  getGaMeteredUnitManualEvent,\n  getGaMeteredUnitUploadEvent,\n} from \"../../utils/ga/GaLiveningIcpEvents\";\nimport { ProofOfAddressUpload } from \"../ProofOfAddressUpload\";\n\ninterface Props {\n  siteIndex: number;\n  unitType: string;\n  manualUnits: ManualUnitValues[];\n  onUploadUnitsStatusChange?: (\n    filesUploadStatus: FileSelectUploadStatus,\n  ) => void;\n}\n\nexport const SiteUnitSection: React.FC<Props> = ({\n  siteIndex,\n  unitType,\n  manualUnits,\n  onUploadUnitsStatusChange,\n}) => {\n  const handleUploadUnitsStatusChange = (\n    filesUploadStatus: FileSelectUploadStatus,\n  ) => {\n    onUploadUnitsStatusChange && onUploadUnitsStatusChange(filesUploadStatus);\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <ProofOfAddressUpload siteIndex={siteIndex} />\n\n      <Flex flexDirection=\"column\">\n        <Span lineHeight={2} mb={3} mt={4} fontWeight={\"bold\"}>\n          Site requirements (including fuse / phase information)\n        </Span>\n\n        <Span lineHeight={2} mb={[3, 3, 4]}>\n          We recommend uploading a file (using our template) if the unit/lot\n          number is more than 50.\n        </Span>\n\n        <Flex flexDirection=\"column\" mb={5}>\n          <Flex width=\"100%\">\n            <Field\n              magnitude=\"medium\"\n              label=\"Enter manually\"\n              id={`metered.sites[${siteIndex}].manual`}\n              name={`metered.sites[${siteIndex}].unitType`}\n              value=\"manual\"\n              currentValue={unitType}\n              flexGrow={0.5}\n              ml={[2, 2, 3]}\n              flexBasis={0}\n              minWidth={0}\n              mr={3}\n              component={FormikRadioButton}\n              gaEvent={getGaMeteredUnitManualEvent()}\n            />\n\n            <Field\n              magnitude=\"medium\"\n              label=\"Upload a file\"\n              id={`metered.sites[${siteIndex}].upload`}\n              name={`metered.sites[${siteIndex}].unitType`}\n              value=\"upload\"\n              currentValue={unitType}\n              flexGrow={0.5}\n              ml={[2, 2, 3]}\n              flexBasis={0}\n              minWidth={0}\n              component={FormikRadioButton}\n              gaEvent={getGaMeteredUnitUploadEvent()}\n            />\n          </Flex>\n          <ErrorMessage\n            name={`metered.sites[${siteIndex}].unitType`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        {unitType === \"manual\" && (\n          <SiteUnitsManual siteIndex={siteIndex} units={manualUnits} />\n        )}\n\n        {unitType === \"upload\" && (\n          <SiteUnitsUpload\n            siteIndex={siteIndex}\n            onStatusChange={handleUploadUnitsStatusChange}\n          />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n","import { createGaEvent } from \"./GaEventFactory\";\nimport { GAEvent } from \"./GaEventSender\";\n\nexport const getGaIcpTypeEvent = (icpType: string): GAEvent => {\n  const eventLabel =\n    icpType === \"metered ICP\" ? \"E_ICP_metered\" : \"E_ICP_unmetered\";\n\n  return createGaEvent(\"select_service_sub_type\", eventLabel);\n};\n\nexport const getGaMeteredUnitManualEvent = (): GAEvent => {\n  return createGaEvent(\"select_unit_info\", \"E_ICP_metered_manual\");\n};\n\nexport const getGaMeteredUnitUploadEvent = (): GAEvent => {\n  return createGaEvent(\"select_unit_info\", \"E_ICP_metered_upload\");\n};\n\nexport const getGaAddSiteEvent = (): GAEvent => {\n  return createGaEvent(\"select_site\", \"E_ICP_new_site\");\n};\n\nexport const getGaEditOrderDetailsEvent = (): GAEvent => {\n  return createGaEvent(\"edit_order\", \"E_ICP_order_details\");\n};\n\nexport const getGaEditSiteDetailsEvent = (): GAEvent => {\n  return createGaEvent(\"edit_order\", \"E_ICP_site_details\");\n};\n\nexport const getGaEditContactDetailsEvent = (): GAEvent => {\n  return createGaEvent(\"edit_order\", \"E_ICP_contacts\");\n};\n\nexport const getGaEditInspectorRetailerEvent = (): GAEvent => {\n  return createGaEvent(\"edit_order\", \"E_ICP_livening_retailer\");\n};\n\nexport const getGaSubmitSuccessEvent = (): GAEvent => {\n  return createGaEvent(\"submit_order\", \"E_ICP_submit_order_successful\");\n};\n\nexport const getGaSubmitFailedEvent = (): GAEvent => {\n  return createGaEvent(\"submit_order\", \"E_ICP_submit_order_failed\");\n};\n\nexport const getGaSaveDraftSuccessEvent = (): GAEvent => {\n  return createGaEvent(\"save_draft_order\", \"E_ICP_save_draft_successful\");\n};\n\nexport const getGaSaveDraftFailedEvent = (): GAEvent => {\n  return createGaEvent(\"save_draft_order\", \"E_ICP_save_draft_failed\");\n};","import { FieldArrayRenderProps, FieldArray } from \"formik\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { EMPTY_LIVENING_ICP_SITES } from \"../../../../constants/Sites\";\nimport { LiveningIcpSite } from \"../../../../types/LiveningIcpSite\";\nimport { getGaAddSiteEvent } from \"../../../../utils/ga/GaLiveningIcpEvents\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { Box } from \"../../../Box\";\nimport { countAllSiteUnits } from \"../../../CountSiteUnits/CountSiteUnits\";\nimport { Flex } from \"../../../Flex\";\nimport { Line } from \"../../../Line\";\nimport { SiteInformationFields } from \"../../../SiteInformationFields\";\nimport { SiteUnitSection } from \"../../../SiteUnitSection\";\nimport { Span } from \"../../../Span\";\nimport { sendGAEvent } from \"../../../../utils/ga/GaEventSender\";\n\ninterface Props {\n  id: string;\n  sites: LiveningIcpSite[];\n  validateField: (field: string) => void;\n}\n\nconst SiteWrapper = styled(Box)`\n  display: inline-block;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst TotalIcpCountWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n`;\n\nexport const LiveningIcpSiteInformationForm: React.FC<Props> = ({\n  id,\n  sites,\n  validateField,\n}) => {\n  const handleAddSiteClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    arrayHelpers: FieldArrayRenderProps,\n  ) => {\n    sendGAEvent(getGaAddSiteEvent());\n    arrayHelpers.push(EMPTY_LIVENING_ICP_SITES);\n  };\n\n  const handleUploadUnitsStatusChange = (\n    siteIndex: number,\n    filesUploadStatus: FileSelectUploadStatus,\n    arrayHelpers: FieldArrayRenderProps,\n  ) => {\n    const site = sites[siteIndex];\n    site.filesUploadStatus = filesUploadStatus;\n\n    arrayHelpers.replace(siteIndex, site);\n  };\n\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <FieldArray\n        name=\"metered.sites\"\n        validateOnChange={false}\n        render={(arrayHelpers) => (\n          <>\n            {sites.map((site, index) => (\n              <SiteWrapper key={index} mb={3} p={4} borderRadius=\"radio\">\n                <SiteInformationFields\n                  title={`Site ${index + 1}`}\n                  key={index}\n                  index={index}\n                  site={site}\n                  fieldIdPrefix={`metered.sites[${index}]`}\n                  fieldNamePrefix={`metered.sites[${index}]`}\n                  arrayHelpers={arrayHelpers}\n                  showRemoveButton={index > 0}\n                  validateField={validateField}\n                  showUnit={false}\n                />\n\n                {site.siteType && (\n                  <SiteUnitSection\n                    siteIndex={index}\n                    unitType={site.unitType}\n                    manualUnits={site.manualUnits}\n                    onUploadUnitsStatusChange={(filesUploadStatus) =>\n                      handleUploadUnitsStatusChange(\n                        index,\n                        filesUploadStatus,\n                        arrayHelpers,\n                      )\n                    }\n                  />\n                )}\n              </SiteWrapper>\n            ))}\n\n            <ActionLink\n              iconLeft=\"add_circle\"\n              type=\"button\"\n              alignSelf=\"flex-start\"\n              onClick={(e) => handleAddSiteClick(e, arrayHelpers)}\n              mb={3}\n            >\n              Add site\n            </ActionLink>\n          </>\n        )}\n      />\n\n      <TotalIcpCountWrapper id=\"total-icp-count\" fontSize={1} lineHeight={1}>\n        {`Total ICP entered: ${countAllSiteUnits(sites)}`}\n      </TotalIcpCountWrapper>\n\n      <Line\n        width=\"100%\"\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n        my={7}\n      />\n    </Flex>\n  );\n};\n","import { LiveningIcpSite } from \"../../types/LiveningIcpSite\";\n\nexport const countAllSiteUnits = (sites: LiveningIcpSite[]) => {\n  return sites\n    .map((site) => site.manualUnits)\n    .reduce((previousUnit, currentUnit) => {\n      return [...previousUnit, ...currentUnit];\n    }).length;\n};\n","export const URLVALUES = {\n  approvedLiveningInspector:\n    \"https://www.vector.co.nz/personal/electricity/approved-livening-inspector\",\n};\n","export const TOP_BAR_HEIGHT = -100;\n\nexport const getTopPositionByElementName = (elementName: string): number => {\n  const elements = document.getElementsByName(elementName);\n  if (!elements || !elements.length) {\n    return -1;\n  }\n\n  const element = elements[0];\n\n  const parent = element.parentElement;\n  if (!parent) {\n    return -1;\n  }\n\n  return parent.getBoundingClientRect().top;\n};\n\nexport const handleScrollToId = (elementId: string) => {\n  setTimeout(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const element = document.getElementById(elementId)!;\n    if (element) {\n      const yAxisOffset =\n        element.getBoundingClientRect().top +\n        window.pageYOffset +\n        TOP_BAR_HEIGHT;\n      window.scrollTo({ top: yAxisOffset, behavior: \"smooth\" });\n    }\n  }, 1000);\n};\n\nexport const handleScrollToName = (elementName: string) => {\n  setTimeout(() => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const boundingClientRectTop = getTopPositionByElementName(elementName);\n    if (boundingClientRectTop === -1) {\n      return;\n    }\n\n    const yAxisOffset =\n      boundingClientRectTop + window.pageYOffset + TOP_BAR_HEIGHT;\n\n    window.scrollTo({ top: yAxisOffset, behavior: \"smooth\" });\n  }, 1000);\n};\n\nexport const scrollToTop = () => {\n  setTimeout(() => {\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\n  }, 100);\n};\n","import { FormikErrors } from \"formik\";\nimport lodash from \"lodash\";\nimport { getTopPositionByElementName } from \"../../utils/handleScroll/HandleScroll\";\n\nconst getHierarchicalFieldName = (\n  fieldName: string,\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  errors: FormikErrors<any>,\n): string => {\n  const keyValuePairs = lodash.toPairs(errors);\n\n  for (let index = 0; index < keyValuePairs.length; index++) {\n    const keyValue = keyValuePairs[index];\n\n    const propertyName = keyValue[0];\n    const propertyValue = keyValue[1];\n\n    if (lodash.isString(propertyValue) || lodash.isNumber(propertyValue)) {\n      if (fieldName === propertyName) {\n        return propertyName;\n      }\n\n      continue;\n    } else if (lodash.isArray(propertyValue)) {\n      for (\n        let innerIndex = 0;\n        innerIndex < propertyValue.length;\n        innerIndex++\n      ) {\n        const property = propertyValue[innerIndex];\n        const response = getHierarchicalFieldName(\n          fieldName,\n          /* eslint-disable  @typescript-eslint/no-explicit-any */\n          property as FormikErrors<any>,\n        );\n\n        if (response) {\n          return `${propertyName}[${innerIndex}].` + response;\n        }\n      }\n    } /* istanbul ignore next */ else if (lodash.isObject(propertyValue)) {\n      const response = getHierarchicalFieldName(\n        fieldName,\n        /* eslint-disable  @typescript-eslint/no-explicit-any */\n        propertyValue as FormikErrors<any>,\n      );\n\n      if (response) {\n        return `${propertyName}.` + response;\n      }\n    }\n  }\n\n  /* istanbul ignore next */\n  return \"\";\n};\n\nconst findFirstErrorByPosition = (\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  originalErrors: FormikErrors<any>,\n  /* eslint-disable  @typescript-eslint/no-explicit-any */\n  errorsSubset: FormikErrors<any>,\n  minTopPosition: number,\n  fieldName: string,\n): { fieldName: string; minTopPosition: number } => {\n  const keyValuePairs = lodash.toPairs(errorsSubset);\n\n  for (let index = 0; index < keyValuePairs.length; index++) {\n    const keyValue = keyValuePairs[index];\n\n    const propertyName = keyValue[0];\n    const propertyValue = keyValue[1];\n\n    if (lodash.isString(propertyValue) || lodash.isNumber(propertyValue)) {\n      const fieldFullName = getHierarchicalFieldName(\n        propertyName,\n        originalErrors,\n      );\n\n      const topPosition = getTopPositionByElementName(fieldFullName);\n      if (topPosition === -1 || topPosition >= minTopPosition) {\n        continue;\n      }\n\n      minTopPosition = topPosition;\n      fieldName = propertyName;\n    } else if (lodash.isArray(propertyValue)) {\n      for (\n        let innerIndex = 0;\n        innerIndex < propertyValue.length;\n        innerIndex++\n      ) {\n        const property = propertyValue[innerIndex];\n\n        const arrayResponse = findFirstErrorByPosition(\n          originalErrors,\n          /* eslint-disable  @typescript-eslint/no-explicit-any */\n          property as FormikErrors<any>,\n          minTopPosition,\n          fieldName,\n        );\n\n        fieldName = arrayResponse.fieldName;\n        minTopPosition = arrayResponse.minTopPosition;\n      }\n    } /* istanbul ignore next */ else if (lodash.isObject(propertyValue)) {\n      const objectResponse = findFirstErrorByPosition(\n        originalErrors,\n        /* eslint-disable  @typescript-eslint/no-explicit-any */\n        propertyValue as FormikErrors<any>,\n        minTopPosition,\n        fieldName,\n      );\n\n      fieldName = objectResponse.fieldName;\n      minTopPosition = objectResponse.minTopPosition;\n    }\n  }\n\n  return { fieldName, minTopPosition };\n};\n\n/* eslint-disable  @typescript-eslint/no-explicit-any */\nexport const getFirstErrorByPosition = (errors: FormikErrors<any>): string => {\n  if (lodash.isEmpty(errors)) {\n    return \"\";\n  }\n\n  const { fieldName } = findFirstErrorByPosition(\n    errors,\n    errors,\n    Number.MAX_VALUE,\n    \"\",\n  );\n\n  const hierarchicalFieldName = getHierarchicalFieldName(fieldName, errors);\n  return hierarchicalFieldName;\n};\n","import React, { useEffect } from \"react\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Box } from \"../../../Box\";\nimport { ErrorMessage, Field, useFormikContext } from \"formik\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikInputText } from \"../../../FormikInputText\";\nimport { FormikRadioButton } from \"../../../FormikRadioButton\";\nimport { LiveningIcpFormValues } from \"../../../../types/LiveningIcpFormValues\";\nimport { Span } from \"../../../Span\";\nimport { Title } from \"../../../Title\";\nimport { UnmeteredIcp } from \"../../../UnmeteredIcp\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Line } from \"../../../Line\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport { FormikInspectorRetailerField } from \"../../../FormikInspectorRetailerField\";\nimport { LiveningIcpContactDetailsForm } from \"../LiveningIcpContactDetailsForm\";\nimport { LiveningIcpSiteInformationForm } from \"../LiveningIcpSiteInformationForm\";\nimport { URLVALUES } from \"../../../../constants/UrlValues\";\nimport { Link } from \"../../../Link\";\nimport { getFirstErrorByPosition } from \"../../../CheckErrorsUtil/CheckErrorsUtil\";\nimport { handleScrollToName } from \"../../../../utils/handleScroll/HandleScroll\";\nimport { filesStillUploading } from \"../../../FileUploadUtil/FileUploadUtil\";\nimport {\n  powerRetailerAccountHolderRoleSelectedInAllContactDetails,\n  siteAccessContactRoleSelectedInAllContactDetails,\n} from \"../../../ContactDetailsForm/ContactDetailsRoleChecker/ContactDetailsRoleChecker\";\n\ninterface Props {\n  id: string;\n  values: LiveningIcpFormValues;\n  validateField: (field: string) => void;\n  onFilesStillUploading?: (filesStillUploading: boolean) => void;\n}\n\nexport const LiveningIcpOrderDetailsForm: React.FC<Props> = ({\n  id,\n  values,\n  validateField,\n  onFilesStillUploading,\n}) => {\n  useEffect(() => {\n    const allContactDetailsRoles = values.contactDetails.map(\n      (details) => details.roles,\n    );\n\n    values.siteAccessContactRoleChecked =\n      siteAccessContactRoleSelectedInAllContactDetails(allContactDetailsRoles);\n    values.powerRetailerAccountHolderRoleChecked =\n      powerRetailerAccountHolderRoleSelectedInAllContactDetails(\n        allContactDetailsRoles,\n      );\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.contactDetails]);\n\n  const { errors, isSubmitting } = useFormikContext<LiveningIcpFormValues>();\n\n  // Scroll to first validation error (if any)\n  useEffect(() => {\n    if (isSubmitting) {\n      const errorFieldName = getFirstErrorByPosition(errors);\n      if (errorFieldName) {\n        handleScrollToName(errorFieldName);\n      }\n    }\n  }, [isSubmitting, errors]);\n\n  // Check if files are still uploading\n  useEffect(() => {\n    if (onFilesStillUploading) {\n      const areFilesStillUploading = filesStillUploading(values.metered.sites);\n      onFilesStillUploading(areFilesStillUploading);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.metered.sites]);\n\n  return (\n    <Flex id={id} flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mb={5}>\n        Order details\n      </Title>\n\n      <Box id=\"livening-icp-order-details-section\">\n        <Flex\n          justifyContent={[\n            \"space-between\",\n            \"space-between\",\n            \"space-between\",\n            \"flex-start\",\n          ]}\n          mt={[2, 2, 2, 0, 0]}\n          mb={3}\n        >\n          <Span\n            display=\"inline-block\"\n            fontSize={4}\n            lineHeight={4}\n            fontWeight=\"medium\"\n          >\n            What type of ICP do you need?\n          </Span>\n\n          <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n            {\"All residential supplies must be metered.\" +\n              \" It is possible to have an unmetered supply on some commercial or \" +\n              \" ancillary supplies where capacity is less than 1kVA and usage is predictable or \" +\n              \" can be accurately calculated without a meter. For example, street lightning or billboards.\"}\n          </IconPopupTip>\n        </Flex>\n\n        <Flex mb={3}>\n          <Field\n            magnitude=\"medium\"\n            id=\"icp-type-metered\"\n            name=\"icpType\"\n            label=\"Metered ICP\"\n            value=\"metered ICP\"\n            currentValue={values.icpType}\n            flexGrow={0.5}\n            mr={[2, 2, 3]}\n            component={FormikRadioButton}\n          />\n          <Field\n            magnitude=\"medium\"\n            id=\"icp-type-unmetered\"\n            name=\"icpType\"\n            label=\"Unmetered ICP\"\n            value=\"unmetered ICP\"\n            currentValue={values.icpType}\n            flexGrow={0.5}\n            ml={[2, 2, 3]}\n            component={FormikRadioButton}\n          />\n        </Flex>\n\n        <BasicNotificationBanner\n          message={\n            \"Please submit separate order for ICPs at different site locations that require different site contacts, \" +\n            \"energy retailer account holders, and/or power retailer.\"\n          }\n          variant=\"default\"\n          icon=\"info\"\n          mb={7}\n        />\n\n        <Span\n          display=\"inline-block\"\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          mb={3}\n        >\n          Do you have a reference number to a service request or project related\n          to the connection supply point? (Optional)\n        </Span>\n\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mr={[0, 0, 2]}\n          mb={7}\n        >\n          <Field\n            id=\"project-number\"\n            name=\"projectNumber\"\n            label=\"SR ref. or project number\"\n            optional\n            flexGrow={1}\n            component={FormikInputText}\n          />\n          <ErrorMessage\n            name=\"projectNumber\"\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Box>\n\n      {values.icpType === \"unmetered ICP\" && (\n        <UnmeteredIcp\n          unmetered={values.unmetered}\n          validateField={validateField}\n        />\n      )}\n\n      {values.icpType === \"metered ICP\" && (\n        <>\n          <Span\n            display=\"inline-block\"\n            fontSize={4}\n            lineHeight={4}\n            fontWeight=\"medium\"\n            mb={3}\n          >\n            Site addresses phase and fuse information\n          </Span>\n\n          <BasicNotificationBanner\n            message={\n              \"You must consult your electrician to confirm the phase and fuse size you will need to power your home.\"\n            }\n            variant=\"default\"\n            icon=\"info\"\n            mb={3}\n          />\n\n          <LiveningIcpSiteInformationForm\n            id=\"livening-icp-site-details-section\"\n            sites={values.metered.sites}\n            validateField={validateField}\n          />\n        </>\n      )}\n\n      <Flex flexDirection=\"column\" id=\"livening-icp-inspector-retailer-section\">\n        <Flex\n          mb={3}\n          alignItems=\"center\"\n          justifyContent={[\n            \"space-between\",\n            \"space-between\",\n            \"space-between\",\n            \"flex-start\",\n          ]}\n        >\n          <Span\n            display=\"inline-block\"\n            fontSize={4}\n            lineHeight={4}\n            fontWeight=\"medium\"\n            mr={3}\n          >\n            Select a Vector approved livening inspector\n          </Span>\n\n          <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n            A livening inspector will confirm the site is electrically safe,\n            complete the necessary electrical certification and liven the\n            supply. They will provide Vector with required information about\n            livening. Visit{\" \"}\n            <Link\n              variant=\"secondary\"\n              href={URLVALUES.approvedLiveningInspector}\n            >\n              our website\n            </Link>{\" \"}\n            for a list of approved inspectors and their contact details. Your\n            power retailer will organise the livening with the inspector.\n          </IconPopupTip>\n        </Flex>\n\n        <Field\n          id=\"liveningInspector\"\n          name=\"liveningInspector\"\n          nameId=\"liveningInspectorId\"\n          label=\"Livening inspector\"\n          path=\"livening-inspectors\"\n          placeholder=\"\"\n          width={[\"100%\", \"100%\", \"65%\", \"50%\", \"50%\"]}\n          component={FormikInspectorRetailerField}\n        />\n        <ErrorMessage\n          name=\"liveningInspector\"\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n\n        <Flex\n          mt={7}\n          mb={3}\n          alignItems=\"center\"\n          justifyContent={[\n            \"space-between\",\n            \"space-between\",\n            \"space-between\",\n            \"flex-start\",\n          ]}\n        >\n          <Span\n            display=\"inline-block\"\n            fontSize={4}\n            lineHeight={4}\n            fontWeight=\"medium\"\n            mr={3}\n          >\n            Select a power retailer\n          </Span>\n\n          <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n            Retailers are companies that sell electricity to the end-consumer.\n            They are responsible for organising the installation of the meter\n            and the livening with your chosen livening inspector. You must sign\n            up with a retailer before your power can be livened.\n          </IconPopupTip>\n        </Flex>\n\n        <Field\n          id=\"powerRetailer\"\n          name=\"powerRetailer\"\n          nameId=\"powerRetailerId\"\n          label=\"Power retailer\"\n          path=\"power-retailers\"\n          placeholder=\"\"\n          width={[\"100%\", \"100%\", \"65%\", \"50%\", \"50%\"]}\n          component={FormikInspectorRetailerField}\n        />\n        <ErrorMessage\n          name=\"powerRetailer\"\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n\n        <Line\n          width=\"100%\"\n          my={7}\n          zIndex={0}\n          border=\"1px solid\"\n          borderColor=\"neutrals.ln30\"\n          bg=\"neutrals.ln30\"\n          opacity=\"1\"\n          height={0}\n        />\n      </Flex>\n\n      <LiveningIcpContactDetailsForm\n        id=\"livening-icp-contact-details-section\"\n        contactDetails={values.contactDetails}\n        hasElectrician={values.hasElectrician}\n        optionalContactDetails={values.optionalContactDetails}\n      />\n    </Flex>\n  );\n};\n","import { ContactPreferences } from \"../../types/ContactDetailsValues\";\n\nexport const getContactPreferencesDisplay = (\n  type: \"site\" | \"quote\",\n  contactPreferences?: ContactPreferences,\n): string => {\n  let result = `${\n    type === \"quote\" ? \"Quote\" : \"Work\"\n  } update contact preference: `;\n\n  if (!contactPreferences) {\n    return \"\";\n  }\n\n  if (contactPreferences.email && contactPreferences.sms) {\n    return (result += \"Email & SMS\");\n  }\n\n  if (contactPreferences.email) {\n    return (result += \"Email\");\n  }\n\n  if (contactPreferences.sms) {\n    return (result += \"SMS\");\n  }\n\n  return \"\";\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { ContactPreferences } from \"../../types/ContactDetailsValues\";\nimport { getContactPreferencesDisplay } from \"../ContactPreferencesUtil/ContactPreferencesUtil\";\nimport { Flex } from \"../Flex\";\nimport { Span } from \"../Span\";\nimport { UserLogo } from \"../UserLogo\";\nimport { getUserInitialsWithMultipleNames } from \"../../utils/userDetailsHelper/userDetailsHelper\";\n\ninterface Props {\n  firstName: string;\n  lastName: string;\n  email: string;\n  mobile: string;\n  alternatePhone?: string;\n  businessName?: string;\n  businessNumber?: string;\n  billingAddress?: string;\n  workContactPreferences?: ContactPreferences;\n  quoteContactPreferences?: ContactPreferences;\n}\n\nconst SpanWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n`;\n\nexport const ContactDetailsDisplay: React.FC<Props> = ({\n  firstName,\n  lastName,\n  email,\n  mobile,\n  alternatePhone,\n  businessName,\n  businessNumber,\n  billingAddress,\n  workContactPreferences,\n  quoteContactPreferences,\n}) => {\n  const initials = getUserInitialsWithMultipleNames(firstName, lastName);\n  const fullName = `${firstName ?? \"\"} ${lastName ?? \"\"}`;\n  const workContactPreferencesDisplay = getContactPreferencesDisplay(\n    \"site\",\n    workContactPreferences,\n  );\n  const quoteContactPreferencesDisplay = getContactPreferencesDisplay(\n    \"quote\",\n    quoteContactPreferences,\n  );\n\n  /* istanbul ignore next */\n  const hasContactDetails =\n    mobile ||\n    alternatePhone ||\n    businessName ||\n    businessNumber ||\n    billingAddress ||\n    workContactPreferencesDisplay ||\n    quoteContactPreferencesDisplay;\n\n  return (\n    <Flex flexDirection=\"column\" mb={5}>\n      <Flex mb={/* istanbul ignore next */ hasContactDetails ? 3 : 0}>\n        <UserLogo\n          userInitials={initials}\n          userFullName={fullName}\n          userEmail={email}\n        />\n      </Flex>\n\n      {mobile && (\n        <SpanWrapper\n          lineHeight={2}\n          mb={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-mobile\"\n        >\n          {mobile}\n        </SpanWrapper>\n      )}\n\n      {alternatePhone && (\n        <SpanWrapper\n          lineHeight={2}\n          mb={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-alternate-phone\"\n        >\n          {alternatePhone}\n        </SpanWrapper>\n      )}\n\n      {businessName && (\n        <SpanWrapper\n          lineHeight={2}\n          mb={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-business-name\"\n        >\n          {businessName}\n        </SpanWrapper>\n      )}\n\n      {businessNumber && (\n        <SpanWrapper\n          lineHeight={2}\n          mb={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-business-number\"\n        >\n          {`NZBN: ${businessNumber}`}\n        </SpanWrapper>\n      )}\n\n      {billingAddress && (\n        <SpanWrapper\n          lineHeight={2}\n          mb={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-billing-address\"\n        >\n          {billingAddress}\n        </SpanWrapper>\n      )}\n\n      {workContactPreferencesDisplay && (\n        <SpanWrapper\n          lineHeight={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-work-preferences\"\n        >\n          {workContactPreferencesDisplay}\n        </SpanWrapper>\n      )}\n\n      {quoteContactPreferencesDisplay && (\n        <SpanWrapper\n          lineHeight={2}\n          ml={6}\n          pl={2}\n          data-testid=\"contact-details-quote-preferences\"\n        >\n          {quoteContactPreferencesDisplay}\n        </SpanWrapper>\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { ContactDetailsValues } from \"../../types/ContactDetailsValues\";\nimport { ContactDetailsDisplay } from \"../ContactDetailsDisplay\";\n\ninterface Props {\n  contactDetails: ContactDetailsValues;\n}\n\nexport const ReviewFormContactDetails: React.FC<Props> = ({\n  contactDetails,\n}) => {\n  const {\n    firstName,\n    lastName,\n    email,\n    mobile,\n    alternatePhone,\n    businessName,\n    businessNumber,\n    billingAddress,\n    workContactPreferences,\n    quoteContactPreferences,\n  } = contactDetails;\n\n  return (\n    <ContactDetailsDisplay\n      firstName={firstName}\n      lastName={lastName}\n      email={email}\n      mobile={mobile}\n      alternatePhone={alternatePhone}\n      businessName={businessName}\n      businessNumber={businessNumber}\n      billingAddress={billingAddress}\n      workContactPreferences={workContactPreferences}\n      quoteContactPreferences={quoteContactPreferences}\n    />\n  );\n};\n","import React from \"react\";\nimport { LiveningIcpContactDetailsValues } from \"../../../../../../types/LiveningIcpContactDetailsValues\";\nimport { getLiveningIcpRolesTitle } from \"../../../../../ContactDetailsRolesTitle/ContactDetailsRolesTitle\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Span } from \"../../../../../Span\";\nimport { ReviewFormContactDetails } from \"../../../../../ReviewFormContactDetails\";\nimport { HasElectricianTypes } from \"../../../../../../constants/HasOptionalRoleValues\";\n\ninterface Props {\n  contactDetails: LiveningIcpContactDetailsValues;\n  contactDetailsIndex: number;\n  hasElectrician: HasElectricianTypes;\n}\n\nexport const ReviewFormLiveningIcpContactDetailsWithTitle: React.FC<Props> = ({\n  contactDetails,\n  contactDetailsIndex,\n  hasElectrician,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Span lineHeight={2} fontWeight=\"bold\" mb={3}>\n        {getLiveningIcpRolesTitle(\n          contactDetails.roles,\n          contactDetailsIndex === 0,\n          hasElectrician,\n        )}\n      </Span>\n\n      <ReviewFormContactDetails contactDetails={contactDetails} />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { ActionLink } from \"../../../../../ActionLink\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Line } from \"../../../../../Line\";\nimport { Span } from \"../../../../../Span\";\n\ninterface Props {\n  id: string;\n  title: string;\n  onEditClick: () => void;\n}\n\nexport const ReviewFormSection: React.FC<Props> = ({\n  id,\n  title,\n  onEditClick,\n  children,\n}) => {\n  const handleEditClick = () => {\n    onEditClick();\n  };\n\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <Flex justifyContent=\"space-between\" mb={5}>\n        <Span\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          mr={3}\n          alignSelf=\"flex-start\"\n        >\n          {title}\n        </Span>\n        <ActionLink\n          iconLeft=\"edit\"\n          alignSelf=\"flex-start\"\n          onClick={handleEditClick}\n        >\n          Edit\n        </ActionLink>\n      </Flex>\n\n      {children}\n\n      <Line\n        width=\"100%\"\n        my={7}\n        zIndex={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n      />\n    </Flex>\n  );\n};\n","import { ManualStreetAddress } from \"../../../../../../types/ManualStreetAddress\";\nimport { Site } from \"../../../../../../types/Site\";\nimport { SiteAddressInformation } from \"../../../../../../types/SiteAddressInformation\";\nimport { SiteLotInformation } from \"../../../../../../types/SiteLotInformation\";\n\nconst getManualAddress = (manualStreetAddress: ManualStreetAddress): string => {\n  //eslint-disable-next-line max-len\n  let formattedAddress = manualStreetAddress.unit\n    ? `${manualStreetAddress.unit} / `\n    : \"\";\n\n  //eslint-disable-next-line max-len\n  return (formattedAddress += `${manualStreetAddress.streetNumber} ${manualStreetAddress.streetName}, ${manualStreetAddress.suburb}, ${manualStreetAddress.postcode}`);\n};\n\nexport const getSiteLotInformation = (\n  siteLotInformation: SiteLotInformation,\n): string => {\n  if (\n    siteLotInformation &&\n    siteLotInformation.lotNumber &&\n    siteLotInformation.dpNumber &&\n    siteLotInformation.streetName &&\n    siteLotInformation.suburb &&\n    siteLotInformation.postcode\n  ) {\n    //eslint-disable-next-line max-len\n    return `Lot ${siteLotInformation.lotNumber}, DP ${\n      siteLotInformation.dpNumber\n    } / ${\n      siteLotInformation.streetNumber ? siteLotInformation.streetNumber + \" \" : \"\"\n    }${siteLotInformation.streetName}, ${siteLotInformation.suburb}, ${\n      siteLotInformation.postcode\n    }`;\n  }\n\n  return \"\";\n};\n\nexport const getAddressInformation = (\n  siteAddressInformation: SiteAddressInformation,\n): string => {\n  if (siteAddressInformation.manuallyEnteredAddress) {\n    return getManualAddress(siteAddressInformation.manualStreetAddress);\n  }\n\n  return siteAddressInformation.streetAddress;\n};\n\nexport const getFormattedAddress = (site: Site): string => {\n  if (site.siteType === \"lotAndDpNumber\") {\n    return getSiteLotInformation(site.lotInformation);\n  } else if (site.siteType === \"streetNumberAndName\") {\n    return getAddressInformation(site.addressInformation);\n  } else {\n    return \"N/A\";\n  }\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\nimport { mediaQueries } from \"../../../../../../theme\";\nimport { ManualUnitValues } from \"../../../../../../types/ManualUnitValues\";\nimport { Span } from \"../../../../../Span\";\n\ninterface Props {\n  units: ManualUnitValues[];\n}\n\nconst Table = styled.table<LayoutProps>`\n  ${layout}\n  display: none;\n\n  ${mediaQueries.mediumDevice} {\n    display: table;\n    text-align: left;\n  }\n`;\n\nconst TableCell = styled.td<SpaceProps>`\n  ${space}\n  border-top: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst TableHeadCell = styled.th<TypographyProps>`\n  ${typography}\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n`;\n\nexport const ReviewFormDesktopMeteredUnits: React.FC<Props> = ({ units }) => {\n  return (\n    <Table>\n      <thead>\n        <tr>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Unit/Lot number\n          </TableHeadCell>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Supply type\n          </TableHeadCell>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Phase\n          </TableHeadCell>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Fuse (Amp)\n          </TableHeadCell>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Supply\n          </TableHeadCell>\n        </tr>\n      </thead>\n      <tbody>\n        {units.map((unit, index) => {\n          return (\n            <tr\n              data-testid={`desktop-metered-unit-row-${index + 1}`}\n              key={index}\n            >\n              <TableCell py={3}>\n                <Span data-testid={`unit-${index + 1}-number`}>\n                  {unit.unitNumber}\n                </Span>\n              </TableCell>\n              <TableCell py={3}>\n                <Span data-testid={`unit-${index + 1}-type`}>{unit.type}</Span>\n              </TableCell>\n              <TableCell py={3}>\n                <Span data-testid={`unit-${index + 1}-phase`}>\n                  {unit.phase}\n                </Span>\n              </TableCell>\n              <TableCell py={3}>\n                <Span data-testid={`unit-${index + 1}-fuse`}>\n                  {unit.fuseAmp}\n                </Span>\n              </TableCell>\n              <TableCell py={3}>\n                <Span data-testid={`unit-${index + 1}-supply`}>\n                  {unit.supply}\n                </Span>\n              </TableCell>\n            </tr>\n          );\n        })}\n      </tbody>\n    </Table>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { layout, LayoutProps, space, SpaceProps } from \"styled-system\";\nimport { mediaQueries } from \"../../../../../../theme\";\nimport { ManualUnitValues } from \"../../../../../../types/ManualUnitValues\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Span } from \"../../../../../Span\";\n\ninterface Props {\n  units: ManualUnitValues[];\n}\n\nconst Table = styled.table<LayoutProps>`\n  ${layout}\n  text-align: left;\n  display: table;\n\n  ${mediaQueries.mediumDevice} {\n    display: none;\n  }\n`;\n\nconst TableCell = styled.td<SpaceProps>`\n  ${space}\n  border-top: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst LabelWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nexport const ReviewFormMobileMeteredUnits: React.FC<Props> = ({ units }) => {\n  return (\n    <Table>\n      <thead></thead>\n      <tbody>\n        {units.map((unit, index) => {\n          return (\n            <tr\n              data-testid={`mobile-metered-unit-row-${index + 1}`}\n              key={index}\n            >\n              <TableCell pt={2} pb={3}>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Unit/Lot Number\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`unit-${index + 1}-number`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {unit.unitNumber}\n                  </ValueWrapper>\n                </Flex>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Supply Type\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`unit-${index + 1}-type`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {unit.type}\n                  </ValueWrapper>\n                </Flex>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Phase\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`unit-${index + 1}-phase`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {unit.phase}\n                  </ValueWrapper>\n                </Flex>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Fuse (Amp)\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`unit-${index + 1}-fuse`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {unit.fuseAmp}\n                  </ValueWrapper>\n                </Flex>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Supply\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`unit-${index + 1}-supply`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {unit.supply}\n                  </ValueWrapper>\n                </Flex>\n              </TableCell>\n            </tr>\n          );\n        })}\n      </tbody>\n    </Table>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Span } from \"../../../../../Span\";\nimport {\n  getFileNameWithoutExtension,\n  getFileExtension,\n} from \"../../../../../FileUpload/_/FileUtil/FileUtil\";\nimport { UploadUnitValues } from \"../../../../../../types/UploadUnitValues\";\n\ninterface Props {\n  uploads: UploadUnitValues[];\n  uploadTitle: string;\n}\n\nconst LabelWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.dn40};\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst UploadUnitWrapper = styled(Flex)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst FileTypeWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.white};\n  background-color: ${({ theme }) => theme.colors.neutrals.mn80};\n  text-transform: uppercase;\n`;\n\nexport const ReviewUploadsFormMeteredDetails: React.FC<Props> = ({\n  uploads,\n  uploadTitle,\n}) => {\n  return (\n    <>\n      {uploads.length !== 0 && (\n        <Span mb={3}>\n          <LabelWrapper\n            lineHeight={2}\n            flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}\n            mt={3}\n            mb={3}\n            data-testid={\"uploadReviewTitle\"}\n          >\n            {uploadTitle}\n          </LabelWrapper>\n          {uploads.map((site, index) => {\n            return (\n              <UploadUnitWrapper\n                key={index}\n                mb={3}\n                borderRadius=\"radio\"\n                padding={[2, 2, 2, 3]}\n              >\n                <Span\n                  data-testid={`review-form-site-${index + 1}-filename`}\n                  fontSize={2}\n                  lineHeight={2}\n                >\n                  {getFileNameWithoutExtension(site.fileName)}\n                </Span>\n                <FileTypeWrapper\n                  data-testid={`review-form-site-${index + 1}-filetype`}\n                  ml={3}\n                  padding={1}\n                  borderRadius=\"fileType\"\n                  fontSize={1}\n                  lineHeight={0}\n                >\n                  {getFileExtension(site.fileName)}\n                </FileTypeWrapper>\n              </UploadUnitWrapper>\n            );\n          })}\n        </Span>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  getAddressInformation,\n  getSiteLotInformation,\n} from \"../FormattedAddressUtil/FormattedAddressUtil\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Line } from \"../../../../../Line\";\nimport { Span } from \"../../../../../Span\";\nimport { ReviewFormDesktopMeteredUnits } from \"../ReviewFormDesktopMeteredUnits\";\nimport { LiveningIcpSite } from \"../../../../../../types/LiveningIcpSite\";\nimport { ReviewFormMobileMeteredUnits } from \"../ReviewFormMobileMeteredUnits\";\nimport { Box } from \"../../../../../Box\";\nimport { ReviewUploadsFormMeteredDetails } from \"../ReviewUploadsFormMeteredDetails\";\n\ninterface Props {\n  sites: LiveningIcpSite[];\n}\n\nconst SiteWrapper = styled(Flex)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const ReviewFormMeteredSiteDetails: React.FC<Props> = ({ sites }) => {\n  return (\n    <>\n      {sites.map((site, index) => {\n        const formattedAddress =\n          site.siteType === \"lotAndDpNumber\"\n            ? getSiteLotInformation(site.lotInformation)\n            : site.siteType === \"streetNumberAndName\"\n            ? getAddressInformation(site.addressInformation)\n            : \"N/A\";\n\n        return (\n          <Box key={index}>\n            <SiteWrapper\n              key={index}\n              flexDirection=\"column\"\n              borderRadius=\"radio\"\n              padding={[3, 3, 3, 4]}\n              mb={4}\n            >\n              <Span\n                data-testid={`review-form-site-${index + 1}-title`}\n                fontSize={4}\n                lineHeight={4}\n                fontWeight=\"medium\"\n              >{`Site ${index + 1}`}</Span>\n\n              <Line\n                width=\"100%\"\n                border=\"1px solid\"\n                borderColor=\"neutrals.ln30\"\n                bg=\"neutrals.ln30\"\n                opacity=\"1\"\n                height={0}\n                mt={[3, 3, 3, 4]}\n                mb={[2, 2, 2, 5]}\n              />\n\n              <Span\n                data-testid={`review-form-site-${index + 1}-streetaddress`}\n                fontWeight=\"medium\"\n                lineHeight={3}\n                mb={[3, 3, 3, 5]}\n              >\n                {formattedAddress}\n              </Span>\n\n              {site.uploadProofOfAddresses.length !== 0 && (\n                <ReviewUploadsFormMeteredDetails\n                  uploads={site.uploadProofOfAddresses}\n                  uploadTitle=\"Proof of address\"\n                  data-testid={`review-upload-proof-of-address-site-${\n                    index + 1\n                  }`}\n                />\n              )}\n\n              {site.unitType === \"upload\" && (\n                <ReviewUploadsFormMeteredDetails\n                  uploads={site.uploadUnits}\n                  uploadTitle=\"Fuse and phase information\"\n                  data-testid={`review-upload-units-site-${index + 1}`}\n                />\n              )}\n\n              {site.unitType === \"manual\" && (\n                <>\n                  <ReviewFormDesktopMeteredUnits units={site.manualUnits} />\n                  <ReviewFormMobileMeteredUnits units={site.manualUnits} />\n                </>\n              )}\n            </SiteWrapper>\n            {/*)}*/}\n          </Box>\n        );\n      })}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Unmetered } from \"../../../../../../types/Unmetered\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Span } from \"../../../../../Span\";\nimport { getAddressInformation } from \"../FormattedAddressUtil/FormattedAddressUtil\";\n\ninterface Props {\n  unmetered: Unmetered;\n}\n\nconst LabelWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.dn40};\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\nexport const ReviewFormUnmeteredSiteDetails: React.FC<Props> = ({\n  unmetered,\n}) => {\n  const {\n    addressInformation,\n    featureType,\n    featureTypeOther,\n    quantity,\n    wattage,\n    availableHours,\n  } = unmetered;\n  const { additionalAddressInformation } = addressInformation;\n\n  return (\n    <Flex flexDirection=\"column\" mb={4}>\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Address\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"unmetered-street-address\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {getAddressInformation(addressInformation)}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Additional information\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"unmetered-additional-address-info\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {additionalAddressInformation ? additionalAddressInformation : \"N/A\"}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Feature type\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"unmetered-feature-type\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {featureType}\n        </ValueWrapper>\n      </Flex>\n\n      {featureType === \"Other\" && (\n        <Flex flexDirection=\"row\" mb={3}>\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n            Feature type (Other)\n          </LabelWrapper>\n          <ValueWrapper\n            data-testid=\"unmetered-feature-type-other\"\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n          >\n            {featureTypeOther}\n          </ValueWrapper>\n        </Flex>\n      )}\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Quantity\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"unmetered-quantity\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {quantity}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Wattage\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"unmetered-wattage\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {wattage}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Available hours\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"unmetered-available-hours\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {availableHours}\n        </ValueWrapper>\n      </Flex>\n    </Flex>\n  );\n};\n","import {\n  BorderProps,\n  ColorProps,\n  SpaceProps,\n  TypographyProps,\n} from \"styled-system\";\nimport React, { InputHTMLAttributes } from \"react\";\nimport styled, { css } from \"styled-components\";\n\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Label } from \"../Label\";\nimport { Span } from \"../Span\";\n\nexport interface SquareCheckboxProps {\n  value: boolean;\n  label?: string | (() => void);\n  focusable?: boolean;\n  onKeyDown?: React.KeyboardEventHandler<HTMLLabelElement>;\n}\n\nconst LabelWrapper = styled(Label)<{ checked?: boolean; disabled?: boolean }>`\n  user-select: none;\n  color: ${({ theme }) => theme.colors.nightSky};\n\n  ${({ checked, disabled, theme }) =>\n    !checked &&\n    disabled &&\n    css`\n      color: ${theme.colors.neutrals.mn40};\n    `};\n`;\n\nconst SpanWrapper = styled(Span)<\n  { disabled?: boolean } & BorderProps & TypographyProps\n>`\n  border: 2px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln40};\n  border-radius: 6px;\n  user-select: none;\n\n  cursor: ${({ disabled }) => (disabled ? \"default\" : \"pointer\")};\n  pointer-events: ${({ disabled }) => (disabled ? \"none\" : \"default\")};\n\n  background-color: ${({ theme, disabled }) =>\n    disabled ? theme.colors.neutrals.ln20 : theme.colors.white};\n\n  &:focus {\n    ${({ disabled, theme }) =>\n      !disabled &&\n      css`\n        border-color: ${theme.colors.hydro};\n        box-shadow: ${theme.shadows.inputFocus};\n      `};\n  }\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.hydro10};\n  }\n`;\n\nconst IconWrapper = styled(Icon)<\n  { disabled?: boolean; checked?: boolean } & ColorProps & SpaceProps\n>`\n  padding: 0 3px;\n  border-radius: 6px;\n  color: ${({ theme }) => theme.colors.white};\n  cursor: ${({ disabled }) => (disabled ? \"default\" : \"pointer\")};\n  pointer-events: ${({ disabled }) => (disabled ? \"none\" : \"default\")};\n\n  border-color: ${({ disabled, theme }) =>\n    !disabled ? theme.colors.hydroDark : theme.colors.neutrals.mn80};\n  background-color: ${({ disabled, theme }) =>\n    !disabled ? theme.colors.hydroDark : theme.colors.neutrals.mn80};\n\n  &:focus {\n    ${({ disabled, theme }) =>\n      !disabled &&\n      css`\n        border-color: ${theme.colors.hydro};\n        box-shadow: ${theme.shadows.inputFocus};\n      `};\n  }\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nexport const SquareCheckbox: React.FC<\n  SquareCheckboxProps &\n    SpaceProps &\n    Omit<InputHTMLAttributes<HTMLInputElement>, \"value\" | \"onKeyDown\">\n> = ({\n  id,\n  label,\n  name,\n  checked,\n  value,\n  disabled,\n  mr,\n  focusable,\n  tabIndex,\n  onChange,\n  onBlur,\n  onKeyDown,\n}) => {\n  const isChecked = checked || value;\n\n  return (\n    <LabelWrapper\n      htmlFor={id}\n      fontSize={2}\n      disabled={disabled}\n      checked={isChecked}\n      onKeyDown={onKeyDown}\n    >\n      <Flex flexDirection=\"row\" alignItems=\"center\">\n        {!isChecked && (\n          <SpanWrapper\n            borderRadius=\"squareCheckbox\"\n            tabIndex={focusable ? tabIndex : -1}\n            disabled={disabled}\n            width={6}\n            height={6}\n            mr={mr}\n          />\n        )}\n        {isChecked && (\n          <IconWrapper\n            icon=\"check\"\n            fontSize={3}\n            mr={2}\n            tabIndex={focusable ? tabIndex : -1}\n            disabled={disabled}\n          />\n        )}\n\n        {typeof label === \"string\" && label}\n        {typeof label === \"function\" && label()}\n\n        <input\n          id={id}\n          name={name}\n          type=\"checkbox\"\n          disabled={disabled}\n          defaultChecked={isChecked}\n          onChange={onChange}\n          onBlur={onBlur}\n          style={{ display: \"none\" }}\n        />\n      </Flex>\n    </LabelWrapper>\n  );\n};\n\nSquareCheckbox.defaultProps = {\n  disabled: false,\n  focusable: true,\n  tabIndex: 0,\n};\n","import React from \"react\";\nimport { Span } from \"../Span\";\nimport { Flex } from \"../Flex\";\nimport { ReviewFormContactDetails } from \"../ReviewFormContactDetails\";\nimport { ContactDetailsValues } from \"../../types/ContactDetailsValues\";\nimport { SpaceProps } from \"styled-system\";\n\ninterface Props {\n  contactDetails: ContactDetailsValues;\n  hasOptional: \"no\" | \"yes\";\n  title: string;\n}\n\nexport const ReviewFormOptionalContactDetails: React.FC<Props & SpaceProps> = ({\n  contactDetails,\n  hasOptional,\n  title,\n  mb,\n}) => {\n  return (\n    <Flex flexDirection=\"column\" mb={mb}>\n      <Flex flexDirection=\"column\">\n        <Span lineHeight={2} fontWeight=\"bold\" mb={3}>\n          {title}\n        </Span>\n\n        {hasOptional === \"no\" && (\n          <Flex id={\"test-id-no-content\"}>No contact</Flex>\n        )}\n\n        {hasOptional === \"yes\" && (\n          <ReviewFormContactDetails contactDetails={contactDetails} />\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { LiveningIcpFormValues } from \"../../../../types/LiveningIcpFormValues\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { Title } from \"../../../Title\";\nimport { ReviewFormLiveningIcpContactDetailsWithTitle } from \"./_/ReviewFormLiveningIcpContactDetailsWithTitle\";\nimport { ReviewFormSection } from \"./_/ReviewFormSection\";\nimport { ReviewFormMeteredSiteDetails } from \"./_/ReviewFormMeteredSiteDetails\";\nimport { ReviewFormUnmeteredSiteDetails } from \"./_/ReviewFormUnmeteredSiteDetails\";\nimport { SquareCheckbox } from \"../../../SquareCheckbox\";\nimport {\n  getGaEditContactDetailsEvent,\n  getGaEditInspectorRetailerEvent,\n  getGaEditOrderDetailsEvent,\n  getGaEditSiteDetailsEvent,\n} from \"../../../../utils/ga/GaLiveningIcpEvents\";\nimport { ReviewFormOptionalContactDetails } from \"../../../ReviewFormOptionalContactDetails\";\nimport { Link } from \"../../../Link\";\nimport { sendGAEvent } from \"../../../../utils/ga/GaEventSender\";\n\ninterface Props {\n  values: LiveningIcpFormValues;\n  onEdit: (elementId: string) => void;\n  selectedTermsConditions: boolean;\n  onSelectTermsConditions: () => void;\n}\n\nconst LabelWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.dn40};\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nconst ICP_ORDER_DETAILS_SECTION = \"livening-icp-order-details-section\";\nconst ICP_SITE_DETAILS_SECTION = \"livening-icp-site-details-section\";\nconst ICP_CONTACT_DETAILS_SECTION = \"livening-icp-contact-details-section\";\nconst ICP_INSPECTOR_RETAILER_SECTION =\n  \"livening-icp-inspector-retailer-section\";\n\nexport const LiveningIcpReviewForm: React.FC<Props> = ({\n  values,\n  onEdit,\n  selectedTermsConditions,\n  onSelectTermsConditions,\n}) => {\n  const handleOnEdit = (elementId: string) => () => {\n    if (elementId === ICP_ORDER_DETAILS_SECTION) {\n      sendGAEvent(getGaEditOrderDetailsEvent());\n    }\n\n    if (elementId === ICP_SITE_DETAILS_SECTION) {\n      sendGAEvent(getGaEditSiteDetailsEvent());\n    }\n\n    if (elementId === ICP_CONTACT_DETAILS_SECTION) {\n      sendGAEvent(getGaEditContactDetailsEvent());\n    }\n\n    if (elementId === ICP_INSPECTOR_RETAILER_SECTION) {\n      sendGAEvent(getGaEditInspectorRetailerEvent());\n    }\n\n    onEdit(elementId);\n  };\n\n  const handleOnSelectTermsConditions = () => {\n    onSelectTermsConditions();\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mb={5}>\n        {\"Review & Submit\"}\n      </Title>\n\n      <ReviewFormSection\n        id=\"review-form-order-details-section\"\n        title=\"Order details\"\n        data-testid=\"review-section-order-details\"\n        onEditClick={handleOnEdit(ICP_ORDER_DETAILS_SECTION)}\n      >\n        <Flex flexDirection=\"row\" mb={3}>\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n            Type of ICP\n          </LabelWrapper>\n          <ValueWrapper\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n          >\n            {values.icpType}\n          </ValueWrapper>\n        </Flex>\n\n        <Flex flexDirection=\"row\">\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n            SR/Project number\n          </LabelWrapper>\n          <ValueWrapper\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n          >\n            {values.projectNumber ? values.projectNumber : \"N/A\"}\n          </ValueWrapper>\n        </Flex>\n      </ReviewFormSection>\n\n      <ReviewFormSection\n        id=\"review-form-site-details-section\"\n        title=\"Site details\"\n        data-testid=\"review-section-site-details\"\n        onEditClick={handleOnEdit(ICP_SITE_DETAILS_SECTION)}\n      >\n        {values.icpType === \"metered ICP\" && (\n          <ReviewFormMeteredSiteDetails sites={values.metered.sites} />\n        )}\n        {values.icpType === \"unmetered ICP\" && (\n          <ReviewFormUnmeteredSiteDetails unmetered={values.unmetered} />\n        )}\n      </ReviewFormSection>\n\n      <ReviewFormSection\n        id=\"review-form-inspector-and-retailer-details-section\"\n        title=\"Livening electrician &#38; retailer\"\n        data-testid=\"review-section-electrician-retailer-details\"\n        onEditClick={handleOnEdit(ICP_INSPECTOR_RETAILER_SECTION)}\n      >\n        <Flex flexDirection=\"row\" mb={3}>\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n            Vector approved livening electrician\n          </LabelWrapper>\n          <ValueWrapper\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n          >\n            {values.liveningInspector}\n          </ValueWrapper>\n        </Flex>\n\n        <Flex flexDirection=\"row\">\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n            Power retailer\n          </LabelWrapper>\n          <ValueWrapper\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n          >\n            {values.powerRetailer}\n          </ValueWrapper>\n        </Flex>\n      </ReviewFormSection>\n\n      <ReviewFormSection\n        id=\"review-form-contact-details-section\"\n        title=\"Contact details\"\n        data-testid=\"review-section-contact-details\"\n        onEditClick={handleOnEdit(ICP_CONTACT_DETAILS_SECTION)}\n      >\n        {values.contactDetails.map((contactDetails, index) => {\n          return (\n            <ReviewFormLiveningIcpContactDetailsWithTitle\n              key={index}\n              contactDetails={contactDetails}\n              contactDetailsIndex={index}\n              hasElectrician={values.hasElectrician}\n            />\n          );\n        })}\n\n        {(values.hasElectrician === \"no\" ||\n          values.hasElectrician === \"yes\") && (\n          <ReviewFormOptionalContactDetails\n            contactDetails={values.optionalContactDetails}\n            hasOptional={values.hasElectrician}\n            title={\"Electrician\"}\n          />\n        )}\n      </ReviewFormSection>\n\n      <SquareCheckbox\n        id=\"terms-conditions\"\n        label={() => (\n          <Span>\n            {\"I have read and understand Vector's\"}{\" \"}\n            <Link href=\"https://www.vector.co.nz/privacy-policy\">\n              privacy policy\n            </Link>\n          </Span>\n        )}\n        name=\"terms-conditions\"\n        onChange={handleOnSelectTermsConditions}\n        checked={selectedTermsConditions}\n        value={selectedTermsConditions}\n        mr={3}\n      />\n    </Flex>\n  );\n};\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  size,\n  SizeProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\n\n\nconst ButtonWrapper = styled.button`\n  ${border}\n  ${color}\n  ${layout}\n  ${space}\n  ${size}\n  ${typography}\n  cursor: pointer;\n  text-decoration: none;\n  appearance: none;\n  font-family: inherit;\n  border-style: solid;\n  border-width: 2px;\n\n  &:disabled {\n    pointer-events: none;\n  }\n`;\n\nconst StyledButton = styled(ButtonWrapper)<\n    BorderProps &\n    ColorProps &\n    LayoutProps &\n    SizeProps &\n    SpaceProps &\n    TypographyProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n>`\n  background-color: ${({ theme }) => theme.colors.hydroDark};\n  color: white;\n  border-color: ${({ theme }) => theme.colors.hydroDark};\n\n  >:only-child: {\n    color: white;\n  }\n`;\n\nexport const MobileProgressStepButton: React.FC<SpaceProps> = ({\n  children,\n  ...props\n}) => {\n  return (\n    <StyledButton\n      borderRadius=\"button\"\n      fontSize={1}\n      lineHeight={2}\n      fontWeight=\"bold\"\n      px={3}\n      py={2}\n      minWidth={16}\n      {...props}\n    >\n      {children}\n    </StyledButton>\n  );\n};\n\nMobileProgressStepButton.defaultProps = {};\n","import React from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { MobileProgressStepButton } from \"../MobileProgressStepButton\";\nimport { ProgressSteps } from \"../../../../types/ProgressSteps\";\n\nexport const MobileProgressStep: React.FC<ProgressSteps & SpaceProps> = ({\n  steps,\n  currentStep,\n  ...props\n}) => {\n  const stepsCount = steps.length;\n  const stepText = steps[currentStep - 1];\n  const stepSubText =\n    currentStep < steps.length ? \"Next: \" + steps[currentStep] : \"\";\n\n  return (\n    <>\n      {currentStep <= stepsCount && (\n        <Flex flexDirection=\"row\" {...props}>\n          <MobileProgressStepButton>{`${currentStep} of ${stepsCount}`}</MobileProgressStepButton>\n\n          <Flex flexDirection=\"column\" ml={2}>\n            <Span\n              id=\"mobile-progress-step-text\"\n              color=\"nightSky\"\n              fontSize={1}\n              lineHeight={2}\n            >\n              {stepText}\n            </Span>\n\n            {stepSubText && (\n              <Span\n                id=\"mobile-progress-step-subtext\"\n                color=\"neutrals.mn80\"\n                fontSize={0}\n                lineHeight={0}\n              >\n                {stepSubText}\n              </Span>\n            )}\n          </Flex>\n        </Flex>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport { MobileProgressStep } from \"./_/MobileProgressStep\";\nimport { ProgressSteps } from \"../../types/ProgressSteps\";\n\nexport const MobileProgressBar: React.FC<ProgressSteps> = ({ ...props }) => {\n  return <MobileProgressStep {...props} />;\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { ProgressSteps } from \"../../types/ProgressSteps\";\nimport { MobileProgressBar } from \"../MobileProgressBar\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\n\nconst ShowOnMobile = styled(Flex)`\n  display: flex;\n  ${mediaQueries.extraLargeDevice} {\n    display: none;\n  }\n`;\n\nexport const ProgressStepperMobile: React.FC<ProgressSteps> = ({\n  ...props\n}) => {\n  return (\n    <ShowOnMobile mt={3} ml={3}>\n      <MobileProgressBar {...props} />\n    </ShowOnMobile>\n  );\n};\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  layout,\n  LayoutProps,\n  size,\n  SizeProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n  variant,\n} from \"styled-system\";\n\ninterface Props {\n  variant: \"current\" | \"disabled\" | \"completed\";\n}\n\nconst ButtonWrapper = styled.button`\n  ${border}\n  ${color}\n  ${layout}\n  ${space}\n  ${size}\n  ${typography}\n  cursor: pointer;\n  text-decoration: none;\n  appearance: none;\n  font-family: inherit;\n  border-style: solid;\n  border-width: 2px;\n\n  &:disabled {\n    pointer-events: none;\n  }\n`;\n\nconst StyledButton = styled(ButtonWrapper)<\n  Props &\n    SpaceProps &\n    SizeProps &\n    BorderProps &\n    LayoutProps &\n    TypographyProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n>(\n  variant({\n    scale: \"progressStepButton\",\n    variants: {\n      current: {\n        bg: \"primary\",\n        color: \"white\",\n        borderColor: \"primary\",\n\n        \">:only-child\": {\n          color: \"white\",\n        },\n      },\n      disabled: {\n        bg: \"neutrals.ln30\",\n        color: \"neutrals.mn80\",\n        borderColor: \"neutrals.ln30\",\n\n        \">:only-child\": {\n          color: \"neutrals.mn80\",\n        },\n      },\n      completed: {\n        bg: \"hydro25\",\n        color: \"hydroDark\",\n        borderColor: \"hydro25\",\n\n        \">:only-child\": {\n          color: \"hydroDark\",\n        },\n      },\n    },\n  }),\n);\n\nconst StyledButtonWrapper = styled(StyledButton)`\n  display: inline-block;\n  vertical-align: top;\n`;\n\nexport const DesktopProgressStepButton: React.FC<Props> = ({ children, ...props }) => {\n  return (\n    <StyledButtonWrapper\n      borderRadius=\"button\"\n      fontSize={1}\n      lineHeight={2}\n      width={11}\n      height={11}\n      fontWeight=\"bold\"\n      {...props}\n    >\n      {children}\n    </StyledButtonWrapper>\n  );\n};\n\nDesktopProgressStepButton.defaultProps = {};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SpaceProps } from \"styled-system\";\nimport { Icon } from \"../../../Icon\";\nimport { Span } from \"../../../Span\";\nimport { DesktopProgressStepButton } from \"../DesktopProgressStepButton\";\n\ninterface Props {\n  stepNumber: number;\n  stepText: string;\n  current?: boolean;\n  completed?: boolean;\n  completedIcon?: string;\n}\n\nconst StyledStepItem = styled.li`\n  display: inline-block;\n  white-space: nowrap;\n`;\n\nconst StyledStepText = styled(Span)`\n  vertical-align: middle;\n  white-space: normal;\n  word-wrap: break-word;\n`;\n\nexport const DesktopProgressStep: React.FC<Props &\n                                            SpaceProps> = ({\n    stepNumber,\n    stepText,\n    current,\n    completed,\n    completedIcon,\n    ...props\n}) => {\n  return (\n    <StyledStepItem {...props}>\n        <DesktopProgressStepButton\n            variant={current ? \"current\" : completed ? \"completed\" : \"disabled\"}\n        >\n            {completed && completedIcon ? (\n                <Icon icon={completedIcon} />\n            ) : (\n                stepNumber\n            )}\n        </DesktopProgressStepButton>\n\n        <StyledStepText\n            color={current ? \"nightSky\" : \"neutrals.mn80\"}\n            fontSize={4}\n            lineHeight={4}\n            ml={3}\n            pt={1}\n            display=\"inline-block\"\n        >\n            {stepText}\n        </StyledStepText>\n    </StyledStepItem>\n  );\n};\n\nDesktopProgressStep.defaultProps = {\n  current: false,\n  completed: false,\n  completedIcon: \"done\",\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { layout, LayoutProps, space, SpaceProps } from \"styled-system\";\nimport { DesktopProgressStep } from \"./_/DesktopProgressStep\";\nimport { ProgressSteps } from \"../../types/ProgressSteps\";\n\nconst StyledList = styled.ul<SpaceProps & LayoutProps>`\n  ${space}\n  ${layout}\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n`;\n\nconst Nav = styled.nav<SpaceProps>`\n  ${space}\n`;\n\nconst StyledListItem = styled(DesktopProgressStep)<SpaceProps>`\n  ${space}\n`;\n\nexport const DesktopProgressBar: React.FC<ProgressSteps> = ({\n  steps,\n  currentStep,\n}) => {\n  const completedSteps = Array.from(Array(currentStep).keys());\n\n  return (\n    <Nav role=\"navigation\" m=\"auto\">\n      <StyledList pl={4}>\n        {steps.map((step: string, index: number) => {\n          const stepNumber = index + 1;\n\n          return (\n            <StyledListItem\n              key={stepNumber}\n              stepNumber={stepNumber}\n              stepText={step}\n              current={stepNumber === currentStep}\n              completed={\n                stepNumber !== currentStep &&\n                completedSteps?.some(\n                  (completedStep: number) => completedStep === stepNumber,\n                )\n              }\n              mb={6}\n            />\n          );\n        })}\n      </StyledList>\n    </Nav>\n  );\n};\n\nDesktopProgressBar.defaultProps = {};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { ProgressSteps } from \"../../types/ProgressSteps\";\nimport { DesktopProgressBar } from \"../DesktopProgressBar\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\n\nconst FlexWrapper = styled(Flex)`\n  display: none;\n  transform: translate(0, -35%);\n  ${mediaQueries.extraLargeDevice} {\n    display: flex;\n  }\n`;\n\nexport const ProgressStepperDesktop: React.FC<ProgressSteps> = ({\n  ...props\n}) => {\n  return (\n    <FlexWrapper\n      position=\"fixed\"\n      top=\"40%\"\n      border=\"none\"\n      borderRight=\"2px solid\"\n      borderRightColor=\"neutrals.ln30\"\n      height=\"100%\"\n      width=\"max-content\"\n      minWidth=\"240px\"\n      pr={4}\n    >\n      <DesktopProgressBar {...props} />\n    </FlexWrapper>\n  );\n};\n","import React from \"react\";\nimport { ActionLink } from \"../ActionLink\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\nimport { useHistory } from \"react-router-dom\";\nimport { useFormBackButtonText } from \"../FormBackButtonUtil/FormBackButtonUtil\";\n\nconst FlexWrapperTwo = styled(Flex)`\n  display: flex;\n  ${mediaQueries.extraLargeDevice} {\n    position: fixed;\n    z-index: 9999;\n  }\n`;\n\nexport const ProgressStepperBackButton: React.FC = () => {\n  const [backLink, backText] = useFormBackButtonText();\n  const history = useHistory();\n\n  const handleBackClick = () => {\n    history.push(`${backLink}`);\n  };\n\n  return (\n    <FlexWrapperTwo pl={5} pt={5}>\n      <ActionLink\n        iconLeft={\"keyboard_backspace\"}\n        onClick={handleBackClick}\n        id={\"back-button\"}\n        variant={\"secondary\"}\n      >\n        {backText}\n      </ActionLink>\n    </FlexWrapperTwo>\n  );\n};\n","import { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\nexport const useFormBackButtonText = (): string[] => {\n  const {\n    authenticatedUserContext: { isLoggedIn },\n  } = useUserAuthentication();\n\n  if (isLoggedIn) {\n    return [\"/order-details-list\", \"Back to my orders\"];\n  }\n\n  return [\"/service-type\", \"Back to new order\"];\n};\n","import React from \"react\";\nimport { ProgressSteps } from \"../../types/ProgressSteps\";\nimport { ProgressStepperMobile } from \"../ProgressStepperMobile\";\nimport { ProgressStepperDesktop } from \"../ProgressStepperDesktop\";\nimport { Flex } from \"../Flex\";\nimport { ProgressStepperBackButton } from \"../ProgressStepperBackButton\";\n\nexport const ProgressStepper: React.FC<ProgressSteps> = ({ ...props }) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <ProgressStepperBackButton />\n\n      <ProgressStepperDesktop {...props} />\n      <ProgressStepperMobile {...props} />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { ProgressStepper } from \"../ProgressStepper\";\n\ninterface Props {\n  currentStep: number;\n}\n\nconst LIVENING_ICP_FORM_STEPS = [\"Service Type\", \"Order Details\", \"Review\"];\n\nexport const LiveningIcpProgressStepper: React.FC<Props> = ({ ...props }) => {\n  return <ProgressStepper steps={LIVENING_ICP_FORM_STEPS} {...props} />;\n};\n\nexport { LIVENING_ICP_FORM_STEPS };\n","import React from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  icon: string;\n  title: string;\n}\n\nexport const IconServiceType: React.FC<Props & SpaceProps> = ({\n  icon,\n  title,\n  mt,\n}) => {\n  return (\n    <Flex alignItems=\"center\" mt={mt}>\n      <Icon\n        icon={icon}\n        py={1}\n        px={1}\n        mr={3}\n        borderRadius=\"6px\"\n        color=\"hydro\"\n        backgroundColor=\"hydro25\"\n      />\n      <Span color=\"neutrals.mn80\">{title}</Span>\n    </Flex>\n  );\n};\n\nIconServiceType.defaultProps = {\n  title: \"\",\n};\n","import { LiveningIcpFormValues } from \"../../../../types/LiveningIcpFormValues\";\nimport { filesStillUploading } from \"../../../FileUploadUtil/FileUploadUtil\";\n\nexport const shouldGoToReview = (values: LiveningIcpFormValues) => {\n  if (values.icpType === \"unmetered ICP\") {\n    return true;\n  } else {\n    const areFilesUploading = filesStillUploading(values.metered.sites);\n    return !areFilesUploading;\n  }\n};\n","export const EMAIL_REG_EXP = /^[a-zA-Z0-9._%+-]+@(?:[a-zA-Z0-9-]+[.])+[a-zA-Z]{2,63}$/;\n","import * as yup from \"yup\";\nimport { ContactPreferences } from \"../../types/ContactDetailsValues\";\nimport { UnmeteredFeatureType } from \"../../constants/Unmetered\";\nimport { LiveningIcpRoles } from \"../../types/ContactDetailRoles\";\nimport { ManualUnitValues } from \"../../types/ManualUnitValues\";\nimport { ALTERNATE_PHONE_REG_EXP, MOBILE_REG_EXP } from \"../../constants/ContactNumbersRegex\";\nimport { HasElectricianTypes } from \"../../constants/HasOptionalRoleValues\";\nimport {\n  ONLY_LETTERS_AND_SPACE_REG_EXP,\n  ONLY_NUMBERS_REG_EXP,\n  STARTS_WITH_NUMBERS_REG_EXP\n} from \"../../constants/FormRegex\";\nimport { noWhitespaceValidation } from \"../../utils/noWhitespaceValidation/noWhitespaceValidation\";\nimport { EMAIL_REG_EXP } from \"../../constants/EmailRegex\";\n\nyup.addMethod<yup.StringSchema>(\n  yup.string,\n  \"noWhitespace\",\n  noWhitespaceValidation,\n);\n\nexport const LiveningIcpOrderDetailsFormSchema = yup.object().shape({\n  icpType: yup.string(),\n  metered: yup.object().when(\"icpType\", {\n    is: (siteType: string) => siteType === \"metered ICP\",\n    then: yup.object().shape({\n      sites: yup.array().of(\n        yup.object().shape({\n          siteType: yup.string().required(\"Type of address is required\"),\n          lotInformation: yup.object().when(\"siteType\", {\n            is: (siteType: string) => siteType === \"lotAndDpNumber\",\n            then: yup.object({\n              lotNumber: yup\n                .string()\n                .required(\"Lot number is required\")\n                .matches(\n                  ONLY_NUMBERS_REG_EXP,\n                  \"Lot Number can only contain numbers\",\n                )\n                .max(5, \"Maximum length is 5\"),\n              dpNumber: yup\n                .string()\n                .required(\"DP number is required\")\n                .matches(\n                  ONLY_NUMBERS_REG_EXP,\n                  \"DP Number can only contain numbers\",\n                )\n                .max(50, \"Maximum length is 50\"),\n              streetNumber: yup\n                .string()\n                .noWhitespace(\"Street number is invalid\")\n                .max(6, \"Maximum length is 6\"),\n              streetName: yup\n                .string()\n                .noWhitespace(\"Street name is invalid\")\n                .required(\"Street name is required\")\n                .test(\n                  \"is-valid-street-name\",\n                  \"The street number cannot be entered in the Street Name field. Please move the number into the Street Number field\",\n                  (value) => {\n                    if (!value) {\n                      return false;\n                    }\n\n                    const matches = STARTS_WITH_NUMBERS_REG_EXP.test(value);\n                    return !matches;\n                  },\n                ),\n              suburb: yup\n                .string()\n                .noWhitespace(\"Suburb is invalid\")\n                .required(\"Suburb is required\")\n                .max(50, \"Maximum length is 50\")\n                .matches(\n                  ONLY_LETTERS_AND_SPACE_REG_EXP,\n                  \"Suburb can only contain letters\",\n                ),\n              postcode: yup\n                .string()\n                .required(\"Postcode is required\")\n                .matches(\n                  ONLY_NUMBERS_REG_EXP,\n                  \"Postcode can only contain numbers\",\n                )\n                .length(4, \"Postcode should contain 4 numbers, please update\"),\n            }),\n          }),\n          addressInformation: yup.object().when(\"siteType\", {\n            is: (siteType: string) => siteType === \"streetNumberAndName\",\n            then: yup.object({\n              additionalAddressInformation: yup\n                .string()\n                .noWhitespace(\"Additional address information is invalid\")\n                .max(100, \"Maximum length is 100\"),\n              manuallyEnteredAddress: yup.boolean(),\n              streetAddress: yup.string().when(\"manuallyEnteredAddress\", {\n                is: false,\n                then: yup.string().test(\n                  \"is-valid-address\",\n                  \"Street address is invalid\",\n\n                  function (value) {\n                    const { from } = this as yup.TestContext & {\n                      /* eslint-disable  @typescript-eslint/no-explicit-any */\n                      from: any;\n                    };\n\n                    if (!value) {\n                      return false;\n                    }\n\n                    if (!from[0] || !from[0].value) {\n                      return true;\n                    }\n\n                    const streetAddressId = from[0].value\n                      .streetAddressId as string;\n                    return (\n                      streetAddressId !== undefined && streetAddressId !== \"\"\n                    );\n                  },\n                ),\n                otherwise: yup.string(),\n              }),\n              manualStreetAddress: yup.object().when(\"manuallyEnteredAddress\", {\n                is: true,\n                then: yup.object({\n                  streetNumber: yup\n                    .string()\n                    .noWhitespace(\"Street number is invalid\")\n                    .required(\"Street number is required\")\n                    .max(6, \"Maximum length is 6\"),\n                  streetName: yup\n                    .string()\n                    .noWhitespace(\"Street name is invalid\")\n                    .max(50, \"Maximum length is 50\")\n                    .required(\"Street name is required\"),\n                  suburb: yup\n                    .string()\n                    .noWhitespace(\"Suburb is invalid\")\n                    .max(50, \"Maximum length is 50\")\n                    .required(\"Suburb is required\")\n                    .matches(\n                      ONLY_LETTERS_AND_SPACE_REG_EXP,\n                      \"Suburb can only contain letters\",\n                    ),\n                  postcode: yup\n                    .string()\n                    .noWhitespace(\"Postcode is invalid\")\n                    .required(\"Postcode is required\")\n                    .matches(\n                      ONLY_NUMBERS_REG_EXP,\n                      \"Postcode can only contain numbers\",\n                    )\n                    .length(\n                      4,\n                      \"Postcode should contain 4 numbers, please update\",\n                    ),\n                }),\n              }),\n            }),\n          }),\n          unitType: yup\n            .string()\n            .noWhitespace(\"Unit type is invalid\")\n            .required(\"Unit type is required\"),\n          manualUnits: yup.array().when(\"unitType\", {\n            is: (unitType: string) => unitType === \"manual\",\n            then: yup.array().of(\n              yup.object().shape({\n                unitNumber: yup\n                  .string()\n                  .noWhitespace(\"Unit number is invalid\")\n                  .max(5, \"Maximum length is 5\")\n                  .required(\"Unit/Lot number is required\")\n                  .test(\n                    \"is-unique\",\n                    \"Duplicate number\",\n\n                    function (value) {\n                      const { from } = this as yup.TestContext & {\n                        /* eslint-disable  @typescript-eslint/no-explicit-any */\n                        from: any;\n                      };\n\n                      const manualUnits = from[1].value\n                        .manualUnits as ManualUnitValues[];\n\n                      const unitValues = manualUnits.filter(\n                        (unit) => unit.unitNumber === value,\n                      );\n                      return unitValues.length === 1;\n                    },\n                  ),\n                type: yup.string().required(\"Type is required\"),\n                phase: yup.number().moreThan(0).required(\"Phase is required\"),\n                fuseAmp: yup.number().moreThan(0).required(\"Fuse is required\"),\n                supply: yup.string().required(\"Supply is required\"),\n              }),\n            ),\n          }),\n          filesUploadStatus: yup.string(),\n          uploadProofOfAddresses: yup\n            .array()\n            .of(\n              yup.object().shape({\n                fileName: yup.string().required(\"File is required\"),\n                md5: yup.string().required(\"File md5 is required\"),\n              }),\n            )\n            .max(5, \"Max of 5 files allowed\"),\n          uploadUnits: yup.array().when([\"unitType\", \"filesUploadStatus\"], {\n            is: (unitType: string, filesUploadStatus: string) =>\n              unitType === \"upload\" && !filesUploadStatus,\n            then: yup\n              .array()\n              .of(\n                yup.object().shape({\n                  fileName: yup.string().required(\"File is required\"),\n                  md5: yup.string().required(\"File md5 is required\"),\n                }),\n              )\n              .min(1, \"Please upload the file containing the unit details\")\n              .max(5, \"Max of 5 files allowed\"),\n          }),\n        }),\n      ),\n    }),\n  }),\n  unmetered: yup.object().when(\"icpType\", {\n    is: (siteType: string) => siteType === \"unmetered ICP\",\n    then: yup.object().shape({\n      addressInformation: yup.object().shape({\n        additionalAddressInformation: yup\n          .string()\n          .noWhitespace(\"Address information is invalid\")\n          .max(100, \"Maximum length is 100\"),\n        manuallyEnteredAddress: yup.boolean(),\n        streetAddress: yup.string().when(\"manuallyEnteredAddress\", {\n          is: false,\n          then: yup.string().test(\n            \"is-valid-address\",\n            \"Street address is invalid\",\n\n            function (value) {\n              const { from } = this as yup.TestContext & {\n                /* eslint-disable  @typescript-eslint/no-explicit-any */\n                from: any;\n              };\n\n              if (!value) {\n                return false;\n              }\n\n              const formValues = from[0];\n              if (formValues) {\n                const streetAddressId = from[0].value.streetAddressId as string;\n                return streetAddressId !== undefined && streetAddressId !== \"\";\n              }\n\n              return false;\n            },\n          ),\n          otherwise: yup.string(),\n        }),\n        manualStreetAddress: yup.object().when(\"manuallyEnteredAddress\", {\n          is: true,\n          then: yup.object({\n            streetNumber: yup\n              .string()\n              .noWhitespace(\"Street number is invalid\")\n              .required(\"Street number is required\")\n              .max(6, \"Maximum length is 6\"),\n            streetName: yup\n              .string()\n              .noWhitespace(\"Street name is invalid\")\n              .required(\"Street name is required\")\n              .max(50, \"Maximum length is 50\"),\n            suburb: yup\n              .string()\n              .noWhitespace(\"Suburb is invalid\")\n              .required(\"Suburb is required\")\n              .max(50, \"Maximum length is 50\"),\n            postcode: yup\n              .string()\n              .noWhitespace(\"Postcode is invalid\")\n              .required(\"Postcode is required\")\n              .matches(\n                ONLY_NUMBERS_REG_EXP,\n                \"Postcode can only contain numbers\",\n              )\n              .length(4, \"Postcode should contain 4 numbers, please update\"),\n          }),\n        }),\n      }),\n      featureType: yup.string().required(\"Feature type is required\"),\n      featureTypeOther: yup.string().when(\"featureType\", {\n        is: (featureType: UnmeteredFeatureType) => featureType === \"Other\",\n        then: yup\n          .string()\n          .noWhitespace(\"Other is invalid\")\n          .required(\"Other is required\"),\n      }),\n      quantity: yup\n        .number()\n        .required(\"Quantity is required\")\n        .moreThan(0, \"Minimum is 1\")\n        .lessThan(11, \"Maximum is 10\"),\n      wattage: yup\n        .number()\n        .typeError(\"Wattage must be a number between 1.1 and 1000.0\")\n        .required(\"Wattage is required\")\n        .moreThan(1, \"Minimum is 1.1W\")\n        .lessThan(1000.1, \"Maximum is 1000.0W\")\n        .test(\n          \"is-decimal\",\n          \"Wattage must be a number with 1 decimal point\",\n          (value) =>\n            value ? /(^\\d+$)|(^\\d+\\.\\d{1}$)/.test(value?.toString()) : false,\n        ),\n      availableHours: yup.string().required(\"Available hours is required\"),\n    }),\n  }),\n  projectNumber: yup\n    .string()\n    .noWhitespace(\"Project number is invalid\")\n    .max(20, \"Maximum length is 20\"),\n  siteAccessContactRoleChecked: yup.boolean(),\n  powerRetailerAccountHolderRoleChecked: yup.boolean(),\n  hasElectrician: yup\n    .string()\n    .required(\"Please select a option for electrician\"),\n  liveningInspector: yup.string().required(\"Livening inspector is required\"),\n  liveningInspectorId: yup.string(),\n  powerRetailer: yup.string().required(\"Power retailer is required\"),\n  powerRetailerId: yup.string(),\n  optionalContactDetails: yup.object().when(\"hasElectrician\", {\n    is: (hasElectrician: HasElectricianTypes) => hasElectrician === \"yes\",\n    then: yup\n      .object()\n      .shape(\n        {\n          firstName: yup\n            .string()\n            .noWhitespace(\"First name is invalid\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"First name is required\"),\n          lastName: yup\n            .string()\n            .noWhitespace(\"Last name is invalid\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"Last name is required\"),\n          email: yup.string().when(\"workContactPreferences\", {\n            is: (workContactPreferences: ContactPreferences) =>\n              workContactPreferences.email,\n            then: yup\n              .string()\n              .noWhitespace(\"Enter a valid email\")\n              .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n              .max(50, \"Maximum length is 50\")\n              .required(\"Email is required\"),\n            otherwise: yup\n              .string()\n              .noWhitespace(\"Enter a valid email\")\n              .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n              .max(50, \"Maximum length is 50\"),\n          }),\n          mobile: yup\n            .string()\n            .when(\"workContactPreferences\", {\n              is: (workContactPreferences: ContactPreferences) =>\n                workContactPreferences.sms,\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            })\n            .when(\"alternatePhone\", {\n              is: (alternatePhone: string) =>\n                !alternatePhone || alternatePhone === \"\",\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            }),\n          alternatePhone: yup\n            .string()\n            .noWhitespace(\"Enter a valid alternate phone number\")\n            .nullable()\n            .matches(\n              ALTERNATE_PHONE_REG_EXP,\n              \"Enter a valid alternate phone number\",\n            ),\n          businessName: yup\n            .string()\n            .noWhitespace(\"Business name is invalid\")\n            .max(100, \"Maximum length is 100 characters\"),\n          workContactPreferences: yup.object().shape({\n            email: yup.boolean(),\n            sms: yup.boolean(),\n          }),\n        },\n        [[\"mobile\", \"alternatePhone\"]],\n      )\n      .required(\"Must complete electrician contact detail\"),\n  }),\n  contactDetails: yup\n    .array()\n    .of(\n      yup.object().shape(\n        {\n          firstName: yup\n            .string()\n            .noWhitespace(\"First name is invalid\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"First name is required\"),\n          lastName: yup\n            .string()\n            .noWhitespace(\"Last name is invalid\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"Last name is required\"),\n          email: yup.string().when([\"workContactPreferences\", \"roles\"], {\n            is: (\n              workContactPreferences: ContactPreferences,\n              roles: LiveningIcpRoles,\n            ) => {\n              return (\n                workContactPreferences.email ||\n                roles.requester ||\n                roles.powerRetailerAccountHolderRole\n              );\n            },\n            then: yup\n              .string()\n              .noWhitespace(\"Enter a valid email\")\n              .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n              .max(50, \"Maximum length is 50\")\n              .required(\"Email is required\"),\n            otherwise: yup\n              .string()\n              .noWhitespace(\"Enter a valid email\")\n              .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n              .max(50, \"Maximum length is 50\"),\n          }),\n          mobile: yup\n            .string()\n            .when(\"workContactPreferences\", {\n              is: (workContactPreferences: ContactPreferences) => {\n                return workContactPreferences.sms;\n              },\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            })\n            .when(\"alternatePhone\", {\n              is: (alternatePhone: string) => {\n                return !alternatePhone || alternatePhone === \"\";\n              },\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            }),\n          alternatePhone: yup\n            .string()\n            .noWhitespace(\"Enter a valid alternate phone number\")\n            .nullable()\n            .matches(\n              ALTERNATE_PHONE_REG_EXP,\n              \"Enter a valid alternate phone number\",\n            ),\n          businessName: yup\n            .string()\n            .noWhitespace(\"Business name is invalid\")\n            .max(100, \"Maximum length is 100 characters\"),\n          workContactPreferences: yup.object().shape({\n            email: yup.boolean(),\n            sms: yup.boolean(),\n          }),\n          contactHasRole: yup.boolean()\n            .test(\n              \"contactDetailsRole-selected\",\n              \"Role is required\",\n              /* eslint-disable @typescript-eslint/no-explicit-any */\n              /* eslint-disable @typescript-eslint/no-unused-vars */\n              function (values: any) {\n                /* @ts-ignore */\n                const formValues = this.from[0];\n\n                return formValues.value.roles.requester ||\n                  formValues.value.roles.siteAccessContactRole ||\n                  formValues.value.roles.powerRetailerAccountHolderRole;\n              }),\n          roles: yup.object().shape({\n            siteAccessContactRole: yup.boolean().test(\n              \"siteAccessContactCheck\",\n              \"Must be assigned to one contact\",\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars\n              function (values: any) {\n                /* @ts-ignore */\n                if (this.from[2]) {\n                  /* @ts-ignore */\n                  return this.from[2].value.siteAccessContactRoleChecked;\n                }\n                return true;\n              },\n            ),\n            powerRetailerAccountHolderRole: yup.boolean().test(\n              \"powerRetailerAccountHolderCheck\",\n              \"Must be assigned to one contact\",\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars\n              function (values: any) {\n                /* @ts-ignore */\n                if (this.from[2]) {\n                  /* @ts-ignore */\n                  return this.from[2].value\n                    .powerRetailerAccountHolderRoleChecked;\n                }\n                return true;\n              },\n            ),\n          }),\n        },\n        [[\"mobile\", \"alternatePhone\"]],\n      ),\n    )\n});\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Title } from \"../Title\";\nimport { Link } from \"../Link\";\nimport { Icon } from \"../Icon\";\nimport { Button } from \"../Button\";\nimport { Span } from \"../Span\";\nimport { Box } from \"../Box\";\n\ninterface Props {\n  heading?: string;\n  subHeading?: string;\n  message?: string;\n  contactEmailAddress?: string;\n  showBackButton?: boolean;\n  showTryAgainButton?: boolean;\n  onBackClick?: () => void;\n  onTryAgainClick?: () => void;\n  tryAgainLoading?: boolean;\n}\n\nexport const SomethingWentWrong: React.FC<Props> = ({\n  heading,\n  subHeading,\n  message,\n  contactEmailAddress,\n  showBackButton,\n  showTryAgainButton,\n  onBackClick,\n  onTryAgainClick,\n  tryAgainLoading,\n}) => {\n  const supportEmail = contactEmailAddress || \"info@vector.co.nz\";\n\n  return (\n    <Flex flexDirection=\"column\" textAlign=\"center\" alignItems=\"center\" mt={7}>\n      <Flex\n        borderRadius=\"50%\"\n        backgroundColor=\"neutrals.ln20\"\n        height={17}\n        width={17}\n        textAlign=\"center\"\n        mb={4}\n      >\n        <Icon\n          margin=\"auto\"\n          icon=\"sentiment_dissatisfied\"\n          color=\"neutrals.mn80\"\n          fontSize={8}\n        />\n      </Flex>\n\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mb={4}>\n        {heading}\n      </Title>\n\n      <Flex flexDirection=\"column\">\n        <Box mb={5}>\n          <Flex flexDirection=\"column\">\n            <Span data-testid=\"sub-heading\" mb={1}>\n              {subHeading}\n            </Span>\n            <Span data-testid=\"message\">\n              {message} or alternatively, if the problem persists,{\" \"}\n              <Link href={`mailto:${supportEmail}`}>email us.</Link>\n            </Span>\n          </Flex>\n        </Box>\n\n        {(showBackButton || showTryAgainButton) && (\n          <Flex justifyContent=\"center\">\n            {showBackButton && (\n              <Button\n                data-testid=\"back-button\"\n                variant={!showTryAgainButton ? \"primary\" : \"secondary\"}\n                onClick={onBackClick}\n              >\n                Back\n              </Button>\n            )}\n\n            {showTryAgainButton && (\n              <Button\n                data-testid=\"try-again-button\"\n                type=\"submit\"\n                variant={!showBackButton ? \"secondary\" : \"primary\"}\n                loading={tryAgainLoading}\n                disabled={tryAgainLoading}\n                onClick={onTryAgainClick}\n                ml={showBackButton ? 5 : 0}\n              >\n                Try again\n              </Button>\n            )}\n          </Flex>\n        )}\n      </Flex>\n    </Flex>\n  );\n};\n\nSomethingWentWrong.defaultProps = {\n  heading: \"Something went wrong\",\n  subHeading: \"It looks like there was an error.\",\n};\n","import React, { useState } from \"react\";\nimport { Form, Formik, FormikHelpers } from \"formik\";\nimport { Button } from \"../Button\";\nimport { LiveningIcpFormValues } from \"../../types/LiveningIcpFormValues\";\nimport { LiveningIcpOrderDetailsForm } from \"./_/LiveningIcpOrderDetailsForm\";\nimport { LiveningIcpReviewForm } from \"./_/LiveningIcpReviewForm\";\nimport { Flex } from \"../Flex\";\nimport styled from \"styled-components\";\nimport { space, SpaceProps } from \"styled-system\";\nimport { LIVENING_ICP_FORM_STEPS } from \"../LiveningIcpProgressStepper/LiveningIcpProgressStepper\";\nimport {\n  handleScrollToId,\n  scrollToTop,\n} from \"../../utils/handleScroll/HandleScroll\";\nimport { IconServiceType } from \"../IconServiceType\";\nimport { getGaIcpTypeEvent } from \"../../utils/ga/GaLiveningIcpEvents\";\nimport { shouldGoToReview } from \"./_/LiveningIcpFormUtil/LiveningIcpFormUtil\";\nimport { LiveningIcpOrderDetailsFormSchema } from \"./LiveningIcpOrderDetailsFormSchema\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { SomethingWentWrong } from \"../SomethingWentWrong/SomethingWentWrong\";\nimport { sendGAEvent } from \"../../utils/ga/GaEventSender\";\n\ninterface Props {\n  onSubmit: (values: LiveningIcpFormValues) => void;\n  onStepChange: (activeStep: number) => void;\n  activeStep: number;\n  initialValues: LiveningIcpFormValues;\n  handleSave: (values: LiveningIcpFormValues) => void;\n}\n\nconst validationSchemas = [\n  undefined,\n  LiveningIcpOrderDetailsFormSchema,\n  undefined,\n];\n\nconst FormWrapper = styled(Form)<SpaceProps>`\n  ${space}\n`;\n\nexport const LiveningIcpForm: React.FC<Props> = ({\n  initialValues,\n  onSubmit,\n  onStepChange,\n  activeStep,\n  handleSave,\n}) => {\n  const [selectedTermsConditions, setSelectedTermsConditions] = useState(false);\n  const [showLoading, setShowLoading] = useState(false);\n\n  const {\n    authenticatedUserContext: { isLoggedIn },\n  } = useUserAuthentication();\n\n  const isLastStep = activeStep === LIVENING_ICP_FORM_STEPS.length;\n  const isSubmissionErrorStep =\n    activeStep === LIVENING_ICP_FORM_STEPS.length + 1;\n\n  const submitForm = (values: LiveningIcpFormValues) => {\n    setShowLoading(true);\n    onSubmit(values);\n\n    setTimeout(() => {\n      setShowLoading(false);\n    }, 3000);\n  };\n\n  const handleOnSubmit = (\n    values: LiveningIcpFormValues,\n    actions: FormikHelpers<LiveningIcpFormValues>,\n  ) => {\n    let nextStep = 1;\n\n    if (isLastStep || isSubmissionErrorStep) {\n      submitForm(values);\n    } else {\n      sendGAEvent(getGaIcpTypeEvent(values.icpType));\n\n      // Reset touched fields to false\n      // Formik automatically sets all fields as touched onSubmit\n      // This falsy triggers error states for fields\n      actions.setTouched({\n        icpType: false,\n        metered: {\n          sites: [\n            {\n              siteType: false,\n              addressInformation: {\n                streetAddress: false,\n                manualStreetAddress: {\n                  streetNumber: false,\n                  streetName: false,\n                  suburb: false,\n                  postcode: false,\n                },\n                additionalAddressInformation: false,\n              },\n              unitType: false,\n              manualUnits: [\n                {\n                  unitNumber: false,\n                  type: false,\n                  phase: false,\n                  fuseAmp: false,\n                  supply: false,\n                },\n              ],\n            },\n          ],\n        },\n        unmetered: {\n          addressInformation: {\n            streetAddress: false,\n            manualStreetAddress: {\n              streetNumber: false,\n              streetName: false,\n              suburb: false,\n              postcode: false,\n            },\n            additionalAddressInformation: false,\n          },\n          featureType: false,\n          featureTypeOther: false,\n          quantity: false,\n          wattage: false,\n          availableHours: false,\n        },\n        siteAccessContactRoleChecked: false,\n        powerRetailerAccountHolderRoleChecked: false,\n        hasElectrician: false,\n        liveningInspector: false,\n        powerRetailer: false,\n        optionalContactDetails: {\n          firstName: false,\n          lastName: false,\n          email: false,\n          mobile: false,\n          alternatePhone: false,\n          businessName: false,\n          workContactPreferences: {\n            email: false,\n            sms: false,\n          },\n        },\n        contactDetails: [\n          {\n            firstName: false,\n            lastName: false,\n            email: false,\n            mobile: false,\n            alternatePhone: false,\n            businessName: false,\n            contactHasRole: false,\n            roles: {\n              siteAccessContactRole: false,\n              powerRetailerAccountHolderRole: false,\n            },\n            workContactPreferences: {\n              email: false,\n              sms: false,\n            },\n          },\n        ],\n      });\n\n      if (shouldGoToReview(values)) {\n        nextStep = activeStep + 1;\n        onStepChange(nextStep);\n\n        // Scroll to top when user navigates back and forth on form\n        scrollToTop();\n      } else {\n        setShowLoading(true);\n      }\n    }\n  };\n\n  const handleBack = () => {\n    const nextStep = activeStep - 1;\n    onStepChange(nextStep);\n  };\n\n  const handleReviewEdit = (elementId: string) => {\n    const nextStep = activeStep - 1;\n    onStepChange(nextStep);\n    handleScrollToId(elementId);\n  };\n\n  const handleOnSelectTermsConditions = () => {\n    setSelectedTermsConditions((prevState) => !prevState);\n  };\n\n  const handleOnFilesStillUploading = (filesStillUploading: boolean) => {\n    if (!filesStillUploading) {\n      setShowLoading(false);\n    }\n  };\n\n  return (\n    <>\n      {activeStep < 4 && (\n        <IconServiceType\n          title=\"Livening (ICP number)\"\n          icon=\"flash_on\"\n          mt={[5, 5, 5, 5, 7]}\n        />\n      )}\n\n      <Formik\n        validateOnChange={false}\n        /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n        initialValues={initialValues!}\n        validationSchema={validationSchemas[activeStep - 1]}\n        onSubmit={handleOnSubmit}\n      >\n        {({ values, validateField }) => (\n          <FormWrapper mb={8}>\n            {activeStep === 2 && (\n              <LiveningIcpOrderDetailsForm\n                id=\"livening-icp-order-details-form\"\n                values={values}\n                validateField={validateField}\n                onFilesStillUploading={handleOnFilesStillUploading}\n              />\n            )}\n\n            {activeStep === 3 && (\n              <LiveningIcpReviewForm\n                values={values}\n                onEdit={handleReviewEdit}\n                selectedTermsConditions={selectedTermsConditions}\n                onSelectTermsConditions={handleOnSelectTermsConditions}\n              />\n            )}\n\n            <Flex\n              justifyContent={activeStep > 2 ? \"space-between\" : \"flex-end\"}\n              mt={5}\n            >\n              {activeStep === 3 && (\n                <Button\n                  variant=\"secondary\"\n                  alignSelf=\"flex-start\"\n                  onClick={handleBack}\n                >\n                  Back\n                </Button>\n              )}\n\n              {activeStep < 4 && (\n                <Button\n                  variant=\"secondary\"\n                  alignSelf=\"flex-start\"\n                  marginLeft=\"auto\"\n                  disabled={!isLoggedIn}\n                  onClick={() => handleSave(values)}\n                  mr=\"3\"\n                  px=\"6\"\n                  py=\"3\"\n                  data-testid={\"save-button\"}\n                >\n                  Save\n                </Button>\n              )}\n\n              {activeStep < 4 && (\n                <Button\n                  type=\"submit\"\n                  disabled={\n                    (isLastStep && !selectedTermsConditions) || showLoading\n                  }\n                  alignSelf=\"flex-end\"\n                  loading={showLoading}\n                  data-testid={isLastStep ? \"submit-button\" : \"next-button\"}\n                  px=\"6\"\n                  py=\"3\"\n                >\n                  {isLastStep ? \"Submit\" : \"Next\"}\n                </Button>\n              )}\n            </Flex>\n\n            {activeStep === 4 && (\n              <SomethingWentWrong\n                subHeading=\"It looks like there was an error submitting your order.\"\n                message=\"Please try again in a few minutes\"\n                onBackClick={handleBack}\n                onTryAgainClick={() => submitForm(values)}\n                tryAgainLoading={showLoading}\n                showTryAgainButton\n                showBackButton\n              />\n            )}\n          </FormWrapper>\n        )}\n      </Formik>\n    </>\n  );\n};\n","import { apiClient, apiClientConfig } from \"../client/ApiClient\";\nimport { LiveningIcpFormValues } from \"../types/LiveningIcpFormValues\";\nimport { NewConnectionFormValues } from \"../types/NewConnectionFormValues\";\nimport { includeAccessToken } from \"../client/AxiosConfigObjectUtil\";\n\nexport const submitLiveningIcpOrder = async (\n  value: LiveningIcpFormValues,\n  auth0AccessToken?: string,\n): Promise<void> => {\n  return await apiClient\n    .post(\"livening-icp\", value, {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => response.data);\n};\n\nexport const submitNewConnectionOrder = async (\n  value: NewConnectionFormValues,\n  auth0AccessToken?: string,\n): Promise<void> => {\n  return await apiClient\n    .post(\"new-connection\", value, {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => response.data);\n};\n","import {\n  Order,\n  OrdersResponse,\n  UnsubmittedOrder,\n  UnsubmittedOrdersResponse,\n} from \"../types/Order\";\n\nexport const EMPTY_ORDER: Order = {\n  id: \"\",\n  orderDetailsType: \"\",\n  address: \"\",\n  requestDate: \"\",\n  jobType: \"\",\n  requester: \"\",\n  orderNumber: \"\",\n  jobStatus: \"\",\n  currentActivity: \"\",\n  reason: \"\",\n};\n\nexport const EMPTY_UNSUBMITTED_ORDER: UnsubmittedOrder = {\n  orderId: \"\",\n  createdDate: \"\",\n  expiryDay: \"\",\n  requester: \"\",\n  orderType: \"\",\n  // @ts-ignore\n  liveningIcpOrder: null,\n  // @ts-ignore\n  newConnectionOrder: null,\n  jobStatus: \"\",\n};\n\nexport const EMPTY_UNSUBMITTED_ORDERS_RESPONSE: UnsubmittedOrdersResponse = {\n  requestId: \"\",\n  page: 1,\n  totalRecords: 0,\n  orderList: [],\n};\n\nexport const EMPTY_ORDERS_RESPONSE: OrdersResponse = {\n  orderList: [],\n};\n\nexport const OPEN_ORDERS_TABLE_COLUMNS = [\n  {\n    id: \"Site\",\n    Header: \"Site\",\n  },\n  {\n    id: \"Request date\",\n    Header: \"Request date\",\n  },\n  {\n    id: \"Job type\",\n    Header: \"Job type\",\n  },\n  {\n    id: \"Requested by\",\n    Header: \"Requested by\",\n  },\n  {\n    id: \"Order no.\",\n    Header: \"Order no.\",\n  },\n  {\n    id: \"Status\",\n    Header: \"Status\",\n  },\n  {\n    id: \"Current activity\",\n    Header: \"Current activity\",\n  },\n];\n\nexport const CLOSED_ORDERS_TABLE_COLUMNS = [\n  {\n    id: \"Site\",\n    Header: \"Site\",\n  },\n  {\n    id: \"Request date\",\n    Header: \"Request date\",\n  },\n  {\n    id: \"Job type\",\n    Header: \"Job type\",\n  },\n  {\n    id: \"Requested by\",\n    Header: \"Requested by\",\n  },\n  {\n    id: \"Order no.\",\n    Header: \"Order no.\",\n  },\n  {\n    id: \"Status\",\n    Header: \"Status\",\n  },\n  {\n    id: \"Reason\",\n    Header: \"Reason\",\n  },\n];\n\nexport const UNSUBMITTED_ORDERS_TABLE_COLUMNS = [\n  {\n    id: \"Site\",\n    Header: \"Site\",\n  },\n  {\n    id: \"Job type\",\n    Header: \"Job type\",\n  },\n  {\n    id: \"Created by\",\n    Header: \"Created by\",\n  },\n  {\n    id: \"Status\",\n    Header: \"Status\",\n  },\n  {\n    id: \"Creation date\",\n    Header: \"Creation date\",\n  },\n  {\n    id: \"Expires in\",\n    Header: \"Expires in\",\n  },\n  {\n    id: \"Delete\",\n    Header: \" \",\n  },\n];\n","export const getOrderDetailsPath = (id: string, orderDetailsType: string) =>\n  `/orders/${id}?orderDetailsType=${orderDetailsType}`;\n\nexport const getFileDownloadPath = (fileName: string) => {\n  const encodedFileName = encodeURIComponent(fileName);\n\n  return `file-download/${encodedFileName}`;\n};\n","import { apiClient, apiClientConfig } from \"../client/ApiClient\";\nimport {\n  OrdersResponse,\n  UnsubmittedOrder,\n  UnsubmittedOrdersResponse,\n} from \"../types/Order\";\nimport { OrderDetailsType } from \"../types/OrderDetails\";\nimport { getOrderDetailsPath } from \"../utils/apiPathsProvider/apiPathsProvider\";\nimport { includeAccessToken } from \"../client/AxiosConfigObjectUtil\";\nimport { OrderDetailsCancelFormValues } from \"../types/OrderDetailsCancelFormValues\";\n\nexport const getOrderList = async (\n  auth0AccessToken?: string,\n): Promise<OrdersResponse> => {\n  const result = await apiClient.get<OrdersResponse>(\"orders\", {\n    headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n  });\n\n  return result.data;\n};\n\nexport const getOrderDetails = async (\n  id: string,\n  orderDetailsType: string,\n  auth0AccessToken?: string,\n): Promise<OrderDetailsType> =>\n  await apiClient\n    .get<OrderDetailsType>(getOrderDetailsPath(id, orderDetailsType), {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    })\n    .then((response) => response.data);\n\nexport const getUnSubmittedOrderList = async (\n  recordsPerPage?: number,\n  page?: number,\n  sortOrder?: string,\n  auth0AccessToken?: string,\n): Promise<UnsubmittedOrdersResponse> => {\n  return await apiClient\n    .get<UnsubmittedOrdersResponse>(\"orders/unsubmitted\", {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n      params: {\n        recordsPerPage,\n        page,\n        sortOrder,\n      },\n    })\n    .then((response) => response.data);\n};\n\nexport const putCancelOrder = async (\n  values: OrderDetailsCancelFormValues,\n  auth0AccessToken?: string,\n): Promise<boolean> => {\n  try {\n    await apiClient.put(\"orders/cancel\", values, {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    });\n    return true;\n  } catch (error) {\n    return false;\n  }\n};\n\nexport const putUnSubmittedOrder = async (\n  values: UnsubmittedOrder,\n  auth0AccessToken?: string,\n): Promise<UnsubmittedOrder> => {\n  const response = await apiClient.put(\"orders/unsubmitted\", values, {\n    headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n  });\n  return response.data;\n};\n\nexport const deleteUnSubmittedOrder = async (\n  orderId: string,\n  auth0AccessToken?: string,\n) => {\n  if (orderId) {\n    try {\n      await apiClient.delete(\"orders/unsubmitted\", {\n        headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n        params: { orderId },\n      });\n\n      return true;\n    } catch (error) {\n      return false;\n    }\n  }\n\n  return false;\n};\n","import { UnsubmittedOrder } from \"../../types/Order\";\n\nexport const addUnsubmittedOrderId = (\n  unsubmittedOrderId: string,\n  draftOrder: UnsubmittedOrder,\n) => {\n  if (unsubmittedOrderId) {\n    draftOrder.orderId = unsubmittedOrderId;\n  }\n};\n","import { LiveningIcpFormValues } from \"../../types/LiveningIcpFormValues\";\nimport { UserBasicDetails } from \"../../types/UserBasicDetails\";\nimport { NewConnectionFormValues } from \"../../types/NewConnectionFormValues\";\n\nexport const setRequesterDetailsLiveningIcp = (\n  values: LiveningIcpFormValues,\n  userBasicDetails: UserBasicDetails,\n): LiveningIcpFormValues => {\n  if (!userBasicDetails.firstName && !userBasicDetails.lastName) {\n    return values;\n  }\n\n  values.contactDetails[0].firstName = userBasicDetails.firstName;\n  values.contactDetails[0].lastName = userBasicDetails.lastName;\n  values.contactDetails[0].businessName = userBasicDetails.businessName;\n  values.contactDetails[0].mobile = userBasicDetails.mobile;\n  values.contactDetails[0].alternatePhone = userBasicDetails.alternatePhone;\n  values.contactDetails[0].email = userBasicDetails.email;\n\n  return values;\n};\n\nexport const setRequesterDetailsNewConnection = (\n  values: NewConnectionFormValues,\n  userBasicDetails: UserBasicDetails,\n): NewConnectionFormValues => {\n  if (!userBasicDetails.firstName && !userBasicDetails.lastName) {\n    return values;\n  }\n\n  values.contactDetails[0].firstName = userBasicDetails.firstName;\n  values.contactDetails[0].lastName = userBasicDetails.lastName;\n  values.contactDetails[0].businessName = userBasicDetails.businessName;\n  values.contactDetails[0].mobile = userBasicDetails.mobile;\n  values.contactDetails[0].alternatePhone = userBasicDetails.alternatePhone;\n  values.contactDetails[0].email = userBasicDetails.email;\n  values.contactDetails[0].billingAddressDisplay =\n    userBasicDetails.billingAddress;\n  values.contactDetails[0].businessNumber = userBasicDetails.companyNzbn;\n\n  return values;\n};\n","import React, { useState } from \"react\";\nimport { LiveningIcpFormValues } from \"../../types/LiveningIcpFormValues\";\nimport { LiveningIcpForm } from \"../LiveningIcpForm\";\nimport { Flex } from \"../Flex\";\nimport { Grid } from \"../Grid\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { LiveningIcpProgressStepper } from \"../LiveningIcpProgressStepper\";\nimport { submitLiveningIcpOrder } from \"../../services/SubmitOrderService\";\nimport { Redirect, useLocation } from \"react-router-dom\";\nimport {\n  getGaSaveDraftFailedEvent,\n  getGaSaveDraftSuccessEvent,\n  getGaSubmitFailedEvent,\n  getGaSubmitSuccessEvent,\n} from \"../../utils/ga/GaLiveningIcpEvents\";\nimport { EMPTY_UNSUBMITTED_ORDER } from \"../../constants/Orders\";\nimport {\n  deleteUnSubmittedOrder,\n  putUnSubmittedOrder,\n} from \"../../services/OrderService\";\nimport { FloatingBanner } from \"../FloatingBanner\";\nimport { BasicNotificationBannerProps } from \"../BasicNotificationBanner/BasicNotificationBanner\";\nimport { addUnsubmittedOrderId } from \"../AddDraftOrderIdUtil/AddDraftOrderIdUtil\";\nimport lodash from \"lodash\";\nimport { EMPTY_LIVENING_ICP_ORDER } from \"../../constants/LiveningIcpOrder\";\nimport { setRequesterDetailsLiveningIcp } from \"../SetRequesterFormDetailsUtil/SetRequesterFormDetailsUtil\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { sendGAEvent } from \"../../utils/ga/GaEventSender\";\nimport { useInvalidateOrderList } from \"../../hooks/cachedQueries/useInvalidateOrderList/useInvalidateOrderList\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 25vw auto 10vw;\n  }\n`;\n\ninterface NotificationBannerProps extends BasicNotificationBannerProps {\n  show: boolean;\n}\n\nconst WrappedNotificationBanner = styled.div`\n  position: fixed;\n  left: 2.2vh;\n  bottom: 14.7vh;\n`;\n\nexport const LiveningIcp: React.FC = () => {\n  const location = useLocation();\n  const { state } = location;\n\n  const {\n    authenticatedUserContext: { userAuth0Details, userBasicDetails },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n  const { invalidateOrdersCache } = useInvalidateOrderList();\n\n  const formValues: LiveningIcpFormValues = lodash.isEmpty(state)\n    ? lodash.cloneDeep(EMPTY_LIVENING_ICP_ORDER)\n    : state.liveningIcpOrder;\n\n  const initialState: NotificationBannerProps = {\n    show: false,\n    title: \"\",\n    message: \"\",\n    variant: \"success\",\n    icon: \"check_circle\",\n  };\n\n  const [saveOrderResetBanner, setSaveOrderResetBanner] =\n    useState(initialState);\n\n  const [unsubmittedOrderId, setUnsubmittedOrderId] = useState(\n    lodash.isEmpty(state) ? \"\" : state.orderId,\n  );\n  const [activeStep, setActiveStep] = useState(2);\n\n  const [orderDetails, setOrderDetails] = useState<\n    LiveningIcpFormValues | undefined\n  >(undefined);\n\n  const handleStepChange = (activeStep: number) => {\n    setActiveStep(activeStep);\n  };\n\n  const handleSubmit = async (values: LiveningIcpFormValues) => {\n    try {\n      values.contactId = userBasicDetails?.contactId;\n\n      await submitLiveningIcpOrder(values, accessToken);\n      await invalidateOrdersCache();\n      await deleteUnSubmittedOrder(unsubmittedOrderId, accessToken);\n\n      setOrderDetails(values);\n      sendGAEvent(getGaSubmitSuccessEvent());\n    } catch (err: any) {\n      setActiveStep(4);\n      sendGAEvent(getGaSubmitFailedEvent());\n    }\n  };\n\n  const handleSave = async (values: LiveningIcpFormValues) => {\n    let icpOrderSaved;\n    try {\n      const draftOrder = lodash.cloneDeep(EMPTY_UNSUBMITTED_ORDER);\n      draftOrder.orderType = \"LiveningIcpOrder\";\n      draftOrder.liveningIcpOrder = values;\n\n      addUnsubmittedOrderId(unsubmittedOrderId, draftOrder);\n\n      const result = await putUnSubmittedOrder(draftOrder, accessToken);\n      setUnsubmittedOrderId(result.orderId);\n\n      icpOrderSaved = true;\n      sendGAEvent(getGaSaveDraftSuccessEvent());\n    } catch (error) {\n      icpOrderSaved = false;\n      sendGAEvent(getGaSaveDraftFailedEvent());\n    }\n\n    setSaveOrderResetBanner({\n      show: true,\n      title: icpOrderSaved\n        ? \"Order saved\"\n        : \"Oops, looks like something went wrong\",\n      message: icpOrderSaved\n        ? \"Your order has been successfully saved and can be found in your Draft orders list\"\n        : \"Please wait a few minutes and try again. If the problem persists, contact us at info@vector.co.nz.\",\n      variant: icpOrderSaved ? \"success\" : \"error\",\n      icon: icpOrderSaved ? \"check_circle\" : \"warning\",\n    });\n  };\n\n  const handleOnSaveBannerClose = () => {\n    setSaveOrderResetBanner({\n      show: false,\n      title: saveOrderResetBanner.title,\n      message: saveOrderResetBanner.message,\n      variant: saveOrderResetBanner.variant,\n      icon: saveOrderResetBanner.icon,\n    });\n  };\n\n  return (\n    <>\n      <LiveningIcpProgressStepper currentStep={activeStep} />\n      <WrappedNotificationBanner>\n        <FloatingBanner\n          title={saveOrderResetBanner.title}\n          message={saveOrderResetBanner.message}\n          variant={saveOrderResetBanner.variant}\n          icon={saveOrderResetBanner.icon}\n          visible={saveOrderResetBanner.show}\n          onBannerClose={handleOnSaveBannerClose}\n        />\n      </WrappedNotificationBanner>\n      <GridWrapper mx={[3, 3, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          {!orderDetails ? (\n            <LiveningIcpForm\n              initialValues={setRequesterDetailsLiveningIcp(\n                formValues,\n                userBasicDetails,\n              )}\n              onSubmit={handleSubmit}\n              onStepChange={handleStepChange}\n              activeStep={activeStep}\n              handleSave={handleSave}\n            />\n          ) : (\n            <Redirect\n              to={{\n                pathname: \"/thank-you/liveningIcp\",\n                state: orderDetails,\n              }}\n            />\n          )}\n        </FlexWrapper>\n      </GridWrapper>\n    </>\n  );\n};\n","import React from \"react\";\nimport { LiveningIcp } from \"../../components/LiveningIcp\";\nimport { Page } from \"../../components/Page\";\n\nexport interface LiveningIcpProps {\n  tabTitle: string;\n}\n\nexport const LiveningIcpPage: React.FC<LiveningIcpProps> = ({ tabTitle }) => {\n  return (\n    <Page tabTitle={tabTitle}>\n      <LiveningIcp />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { LiveningIcpPage, LiveningIcpProps } from \"./LiveningIcpPage\";\n\nexport const DEFAULT_LIVENING_ICP_CONTENT: LiveningIcpProps = {\n  tabTitle: \"\",\n};\n\nexport const LiveningIcpPageContainer: React.FC = () => {\n  return <LiveningIcpPage {...DEFAULT_LIVENING_ICP_CONTENT} />;\n};\n","import React from \"react\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { Button } from \"../Button\";\nimport env from \"../../environment\";\n\ninterface Props {\n  title: string;\n  url?: string;\n}\n\nexport const LoginButton: React.FC<Props> = ({ title, url }) => {\n  const { loginWithRedirect } = useAuth0();\n\n  const handleOnClick = () => {\n    loginWithRedirect({ redirectUri: url });\n  };\n\n  return <Button onClick={handleOnClick}>{title}</Button>;\n};\n\nLoginButton.defaultProps = {\n  title: \"Sign in\",\n  url: env.appBaseUri,\n};\n","import React from \"react\";\nimport { useAuth0 } from \"@auth0/auth0-react\";\nimport { ActionLink } from \"../ActionLink\";\nimport env from \"../../environment\";\n\ninterface Props {\n  title: string;\n  url?: string;\n}\n\nexport const LoginActionLink: React.FC<Props> = ({ title, url }) => {\n  const { loginWithRedirect } = useAuth0();\n\n  const handleOnClick = () => {\n    loginWithRedirect({ redirectUri: url });\n  };\n\n  return <ActionLink onClick={handleOnClick}>{title}</ActionLink>;\n};\n\nLoginActionLink.defaultProps = {\n  title: \"Sign in\",\n  url: env.appBaseUri,\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { Span } from \"../Span\";\nimport { Title } from \"../Title\";\nimport { ActionLink } from \"../ActionLink\";\nimport { Box } from \"../Box\";\nimport { Button } from \"../Button\";\nimport { useHistory } from \"react-router-dom\";\nimport { LoginButton } from \"../LoginButton\";\nimport { LoginActionLink } from \"../LoginActionLink\";\nimport env from \"../../environment\";\n\ninterface Props {\n  orderType: string;\n}\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nexport const LoginOptionScreen: React.FC<Props> = ({ orderType }) => {\n  const history = useHistory();\n\n  const handleBackOnClick = () => {\n    history.push(\"/service-type\");\n  };\n\n  const handleGuestOnClick = () => {\n    window.location.replace(`/${orderType}`);\n  };\n\n  return (\n    <>\n      <GridWrapper mx={[2, 2, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          <Box\n            flexGrow={[1, 1, 0.25]}\n            flexBasis={0}\n            minWidth={0}\n            mt={6}\n            textAlign=\"left\"\n          >\n            <ActionLink\n              fontSize={2}\n              iconLeft=\"west\"\n              onClick={handleBackOnClick}\n              data-testid=\"back-action\"\n            >\n              Back\n            </ActionLink>\n          </Box>\n\n          <Title as=\"h1\" lineHeight={6} fontWeight=\"500\" mb={5} pt={5}>\n            Sign in or continue as a guest\n          </Title>\n          <Span\n            display=\"inline-block\"\n            fontSize={2}\n            lineHeight={2}\n            fontWeight=\"500\"\n          >\n            By signing in, you can save your progress and finish your order\n            later. Otherwise, you can continue as a guest.\n          </Span>\n\n          <Flex mt={5}>\n            <LoginButton\n              title={\"Sign in\"}\n              url={`${env.appBaseUri}/${orderType}`}\n              data-testid=\"login-button\"\n            />\n\n            <Button\n              variant={\"secondary\"}\n              ml={5}\n              onClick={handleGuestOnClick}\n              data-testid=\"guest-button\"\n            >\n              Continue as a guest\n            </Button>\n          </Flex>\n\n          <Flex mt={5}>\n            <Span\n              display=\"inline-block\"\n              fontSize={2}\n              lineHeight={2}\n              fontWeight=\"500\"\n            >\n              Don’t have an account?{\" \"}\n              <LoginActionLink\n                title={\"Sign up\"}\n                url={`${env.appBaseUri}/${orderType}`}\n                data-testid=\"signup-action\"\n              />\n            </Span>\n          </Flex>\n        </FlexWrapper>\n      </GridWrapper>\n    </>\n  );\n};\n","import React from \"react\";\nimport { Page } from \"../../components/Page\";\nimport { LoginOptionScreen } from \"../../components/LoginOptionScreen\";\n\ninterface Props {\n  orderType: string;\n}\n\nexport const LoginPage: React.FC<Props> = ({ orderType }) => {\n  return (\n    <Page>\n      <LoginOptionScreen orderType={orderType} />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { LoginPage } from \"./LoginPage\";\nimport { useParams } from \"react-router-dom\";\n\ntype LoginOptionParams = { orderType: string };\n\nexport const LoginPageContainer: React.FC = () => {\n  const { orderType } = useParams<LoginOptionParams>();\n\n  return <LoginPage orderType={orderType} />;\n};\n","import { NewConnectionLotValues } from \"../../types/NewConnectionLotValues\";\nimport { createGaEvent } from \"./GaEventFactory\";\nimport { GAEvent } from \"./GaEventSender\";\n\nexport const getGaLotCountEvent = (lotCount: string): GAEvent => {\n  let gaLotCountLabel = \"\";\n\n  switch (lotCount) {\n    case \"1\":\n      gaLotCountLabel = \"E_NC_1_lots\";\n      break;\n    case \"2\":\n      gaLotCountLabel = \"E_NC_2_lots\";\n      break;\n    case \"3\":\n      gaLotCountLabel = \"E_NC_3_lots\";\n      break;\n    case \"4\":\n      gaLotCountLabel = \"E_NC_4_lots\";\n      break;\n    case \"5\":\n      gaLotCountLabel = \"E_NC_5_lots\";\n      break;\n    case \"6\":\n      gaLotCountLabel = \"E_NC_6_lots\";\n      break;\n    case \"7\":\n      gaLotCountLabel = \"E_NC_7_lots\";\n      break;\n    case \"8\":\n      gaLotCountLabel = \"E_NC_8_lots\";\n      break;\n    case \"9\":\n      gaLotCountLabel = \"E_NC_9_lots\";\n      break;\n    case \"10\":\n      gaLotCountLabel = \"E_NC_10_lots\";\n      break;\n    case \"More than 10\":\n      gaLotCountLabel = \"E_NC_More_than_10_lots\";\n      break;\n  }\n\n  return createGaEvent(\"select_connection_points\", gaLotCountLabel);\n};\n\nexport const getGaFuseAmpEvents = (\n  lots: NewConnectionLotValues[],\n): GAEvent[] => {\n  const gaFuseAmpEvents: GAEvent[] = [];\n\n  lots.forEach((lot) => {\n    let gaFuseAmpLabel = \"\";\n\n    switch (lot.fuseAmp) {\n      case \"32\":\n        gaFuseAmpLabel = \"E_NC_32amp\";\n        break;\n      case \"60\":\n        gaFuseAmpLabel = \"E_NC_60amp\";\n        break;\n      case \"100\":\n        gaFuseAmpLabel = \"E_NC_100amp\";\n        break;\n      case \"more than 100\":\n        gaFuseAmpLabel = \"E_NC_>100amp\";\n        break;\n    }\n\n    const gaEvent = createGaEvent(\"select_service_amp\", gaFuseAmpLabel);\n    gaFuseAmpEvents.push(gaEvent);\n  });\n\n  return gaFuseAmpEvents;\n};\n\nexport const getGaIndicativeServiceEvent = (): GAEvent => {\n  return createGaEvent(\"select_complex_service\", \"E_NC_indicative_cost\");\n};\n\nexport const getGaDetailServiceEvent = (): GAEvent => {\n  return createGaEvent(\"select_complex_service\", \"E_NC_detailed_design\");\n};\n\nexport const getGaSubdivisionProjectEvent = (): GAEvent => {\n  return createGaEvent(\"select_project_type\", \"E_NC_subdivision\");\n};\n\nexport const getGaPosProjectEvent = (): GAEvent => {\n  return createGaEvent(\"select_project_type\", \"E_NC_PoS\");\n};\n\nexport const getGaPosSubdivisionEvent = (): GAEvent => {\n  return createGaEvent(\"select_subdivision_type\", \"E_NC_sub_POS\");\n};\n\nexport const getGaReticSubdivisionEvent = (): GAEvent => {\n  return createGaEvent(\"select_subdivision_type\", \"E_NC_sub_retic\");\n};\n\nexport const getGaEditSiteDetailsEvent = (): GAEvent => {\n  return createGaEvent(\"edit_order\", \"E_NC_site_details\");\n};\n\nexport const getGaEditContactDetailsEvent = (): GAEvent => {\n  return createGaEvent(\"edit_order\", \"E_NC_contacts\");\n};\n\nexport const getGaSubmitSuccessEvent = (): GAEvent => {\n  return createGaEvent(\"submit_order\", \"E_NC_submit_order_successful\");\n};\n\nexport const getGaSubmitFailedEvent = (): GAEvent => {\n  return createGaEvent(\"submit_order\", \"E_NC_submit_order_failed\");\n};\n\nexport const getGaSaveDraftSuccessEvent = (): GAEvent => {\n  return createGaEvent(\"save_draft_order\", \"E_NC_save_draft_successful\");\n};\n\nexport const getGaSaveDraftFailedEvent = (): GAEvent => {\n  return createGaEvent(\"save_draft_order\", \"E_NC_save_draft_failed\");\n};\n","import React, { TextareaHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport {\n  BorderProps,\n  FlexboxProps,\n  LayoutProps,\n  SpaceProps,\n  TypographyProps,\n  border,\n  space,\n  typography,\n} from \"styled-system\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { Span } from \"../Span\";\n\nexport interface TextBoxProps {\n  label?: string;\n  message?: string;\n  error?: boolean;\n  optional?: boolean;\n  focusable?: boolean;\n  resize?: \"vertical\" | \"horizontal\";\n}\n\nconst StyledTextBox = styled.textarea<\n  BorderProps &\n    SpaceProps &\n    TypographyProps & { error?: boolean; resize?: \"vertical\" | \"horizontal\" }\n>`\n  ${border}\n  ${space}\n  ${typography}\n  outline: none;\n  border-color: ${({ error, theme }) => error && theme.colors.danger};\n  box-sizing: border-box;\n\n  resize: ${({ resize }) => resize};\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydro};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n  }\n\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabledBackground};\n  }\n\n  &::placeholder {\n    color: ${({ theme }) => theme.colors.disabledColor};\n  }\n`;\n\nconst LabelWrapper = styled(Label)<{ disabled?: boolean }>`\n  color: ${({ disabled, theme }) => disabled && theme.colors.disabledColor};\n`;\n\nconst SpanWrapper = styled(Span)<{ error?: boolean }>`\n  color: ${({ theme }) => theme.colors.neutrals.mn60};\n  color: ${({ error, theme }) => error && theme.colors.danger};\n`;\n\nexport const TextBox: React.FC<\n  TextBoxProps &\n    FlexboxProps &\n    LayoutProps &\n    SpaceProps &\n    TypographyProps &\n    TextareaHTMLAttributes<HTMLTextAreaElement>\n> = ({\n  id,\n  cols,\n  rows,\n  disabled,\n  error,\n  flexBasis,\n  flexGrow,\n  focusable,\n  label,\n  message,\n  minWidth,\n  mb,\n  mt,\n  name,\n  optional,\n  placeholder,\n  tabIndex,\n  value,\n  width,\n  resize,\n  onChange,\n}) => {\n  return (\n    <Flex\n      flexDirection=\"column\"\n      flexGrow={flexGrow}\n      flexBasis={flexBasis}\n      minWidth={minWidth}\n      width={width}\n      mt={mt}\n      mb={mb}\n    >\n      <Flex pl={2} pr={2} mb={1} justifyContent=\"space-between\">\n        {label && (\n          <>\n            <LabelWrapper\n              htmlFor={id}\n              fontSize=\"body\"\n              lineHeight=\"body\"\n              disabled={disabled}\n              data-testid=\"text-box-label\"\n            >\n              {label}\n            </LabelWrapper>\n          </>\n        )}\n\n        {optional && (\n          <SpanWrapper\n            ml=\"auto\"\n            mr={2}\n            fontSize={1}\n            lineHeight={1}\n            data-testid=\"text-box-optional\"\n          >\n            Optional\n          </SpanWrapper>\n        )}\n      </Flex>\n\n      <StyledTextBox\n        id={id}\n        name={name}\n        cols={cols}\n        rows={rows}\n        value={value}\n        error={error}\n        disabled={disabled}\n        placeholder={placeholder}\n        pl={3}\n        py={3}\n        resize={resize}\n        border=\"2px solid\"\n        borderRadius=\"input\"\n        borderColor=\"disabledBackground\"\n        fontFamily=\"inherit\"\n        autoComplete=\"new-password\"\n        tabIndex={focusable ? tabIndex : -1}\n        data-testid=\"text-box-input\"\n        onChange={onChange}\n      />\n\n      {message && (\n        <SpanWrapper\n          error={error}\n          height={6}\n          mx={2}\n          fontSize={1}\n          lineHeight={1}\n          data-testid=\"text-box-message\"\n        >\n          {message}\n        </SpanWrapper>\n      )}\n    </Flex>\n  );\n};\n\nTextBox.defaultProps = {\n  error: false,\n  disabled: false,\n  optional: false,\n  focusable: true,\n  resize: \"vertical\",\n};\n","import { ColorProps, FlexboxProps, LayoutProps } from \"styled-system\";\nimport { FieldProps, getIn } from \"formik\";\nimport React, { TextareaHTMLAttributes } from \"react\";\nimport { TextBox } from \"../TextBox\";\nimport { TextBoxProps } from \"../TextBox/TextBox\";\n\nexport const FormikTextBox: React.FC<\n  FieldProps &\n    FlexboxProps &\n    TextBoxProps &\n    ColorProps &\n    LayoutProps &\n    TextareaHTMLAttributes<HTMLTextAreaElement>\n> = ({ field, form, ...props }) => {\n  const error = getIn(form.errors, field.name);\n  const touch = getIn(form.touched, field.name);\n\n  return (\n    <TextBox {...field} error={touch && error ? error : false} {...props} />\n  );\n};\n","import { NewConnectionSite } from \"../../types/NewConnectionSite\";\n\nexport const isComplexConnection = (site: NewConnectionSite): boolean => {\n  if (site.lotCount === \"More than 10\") {\n    return true;\n  }\n\n  return site.lots.some((lot) => lot.fuseAmp.toLowerCase() === \"more than 100\");\n};\n","import { FieldArrayRenderProps } from \"formik\";\nimport React from \"react\";\nimport { EMPTY_NEW_CONNECTION_CONTACT_DETAILS_VALUES } from \"../../../../constants/ContactDetailsValues\";\nimport { NewConnectionContactDetailsValues } from \"../../../../types/NewConnectionContactDetailsValues\";\nimport { ContactDetailsFormAddContact } from \"../../../ContactDetailsForm/ContactDetailsFormAddContact\";\n// eslint-disable-next-line max-len\nimport {\n  consultantRoleSelectedInAllContactDetails,\n  customerRoleSelectedInAllContactDetails,\n  newConnectionRolesSelectedInAllContactDetails,\n  quotePayerRoleSelectedInAllContactDetails,\n  siteAccessContactRoleSelectedInAllContactDetails,\n} from \"../../../ContactDetailsForm/ContactDetailsRoleChecker/ContactDetailsRoleChecker\";\n// eslint-disable-next-line max-len\nimport { calculateSelectableNewConnectionRoles } from \"../../../ContactDetailsForm/RemainingRolesCalculator/RemainingRolesCalculator\";\nimport { checksNewConnectionSelectedRole } from \"../../../CheckSelectedRolesUtil/CheckSelectedRolesUtil\";\nimport { getNewConnectionAddContactButtonTitle } from \"../../../AddContactButtonTitleUtil/AddContactButtonTitleUtil\";\n\ninterface Props {\n  contactDetails: NewConnectionContactDetailsValues[];\n  arrayHelpers: FieldArrayRenderProps;\n  tabIndex?: number;\n  focusable?: boolean;\n  newConnectionType: string;\n}\n\nexport const NewConnectionAddContact: React.FC<Props> = ({\n  contactDetails,\n  arrayHelpers,\n  tabIndex,\n  focusable,\n  newConnectionType,\n}) => {\n  const newConnectionRoles = contactDetails.map((details) => details.roles);\n\n  const areAnyRolesSelected =\n    newConnectionRolesSelectedInAllContactDetails(newConnectionRoles);\n\n  const remainingSelectableRoles = calculateSelectableNewConnectionRoles(\n    newConnectionRoles,\n    newConnectionType,\n  );\n\n  const hasSiteAccessContactRoleBeenSelected =\n    siteAccessContactRoleSelectedInAllContactDetails(newConnectionRoles);\n\n  const hasQuotePayerRoleRoleBeenSelected =\n    quotePayerRoleSelectedInAllContactDetails(newConnectionRoles);\n\n  const hasCustomerRoleBeenSelected =\n    customerRoleSelectedInAllContactDetails(newConnectionRoles);\n\n  const hasConsultantRoleBeenSelected =\n    consultantRoleSelectedInAllContactDetails(newConnectionRoles);\n\n  const actionLinkRoleTitle = getNewConnectionAddContactButtonTitle(\n    contactDetails.length,\n    remainingSelectableRoles,\n    hasSiteAccessContactRoleBeenSelected,\n    hasQuotePayerRoleRoleBeenSelected,\n    hasConsultantRoleBeenSelected,\n    hasCustomerRoleBeenSelected,\n  );\n\n  const handleOnClick = () => {\n    const roles = checksNewConnectionSelectedRole(\n      remainingSelectableRoles,\n      hasSiteAccessContactRoleBeenSelected,\n      hasQuotePayerRoleRoleBeenSelected,\n      hasCustomerRoleBeenSelected,\n      hasConsultantRoleBeenSelected,\n      newConnectionType,\n    );\n\n    const newConnectionContactDetailsValues =\n      EMPTY_NEW_CONNECTION_CONTACT_DETAILS_VALUES;\n\n    newConnectionContactDetailsValues.roles = roles;\n\n    arrayHelpers.push(newConnectionContactDetailsValues);\n  };\n\n  return (\n    <ContactDetailsFormAddContact\n      anyRolesSelected={areAnyRolesSelected}\n      remainingSelectableRoles={remainingSelectableRoles}\n      actionLinkRoleTitle={actionLinkRoleTitle}\n      tabIndex={tabIndex}\n      focusable={focusable}\n      onClick={handleOnClick}\n    />\n  );\n};\n\nNewConnectionAddContact.defaultProps = {\n  tabIndex: 0,\n  focusable: true,\n};\n","import { ErrorMessage, Field } from \"formik\";\nimport React from \"react\";\nimport { SpaceProps } from \"styled-system\";\nimport { NewConnectionRoles } from \"../../../../types/ContactDetailRoles\";\nimport {\n  newConnectionRoleDisabler\n} from \"../../../ContactDetailsForm/ContactDetailsRoleDisabler/ContactDetailsRoleDisabler\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikCheckbox } from \"../../../FormikCheckbox\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Span } from \"../../../Span\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport {\n  showNewConnectionRoleRequiredErrorMessage\n} from \"../../../ContactDetailsForm/ContactDetailsShowRoleRequiredUtil/ContactDetailsShowRoleRequiredUtil\";\n\ninterface Props {\n  contactDetailsIndex: number;\n  contactDetailsRoles: NewConnectionRoles[];\n  electricianRole?: boolean;\n  siteAccessContactRole?: boolean;\n  quotePayerRole?: boolean;\n  customerRole?: boolean;\n  landOwnerRole?: boolean;\n  consultantRole?: boolean;\n  newConnectionType: NewConnectionType;\n}\n\nexport const NewConnectionRoleSelector: React.FC<Props & SpaceProps> = ({\n  contactDetailsIndex,\n  contactDetailsRoles,\n  siteAccessContactRole,\n  quotePayerRole,\n  customerRole,\n  consultantRole,\n  newConnectionType,\n  mb,\n}) => {\n  const disabledRoles = newConnectionRoleDisabler(\n    contactDetailsRoles,\n    contactDetailsIndex,\n  );\n\n  const roleRequiredRoleErrorMessage = showNewConnectionRoleRequiredErrorMessage(\n      contactDetailsRoles[contactDetailsIndex],\n      newConnectionType);\n\n  return (\n    <Flex flexDirection=\"column\" mb={mb}>\n      <Flex mb={3}>\n        <Span fontSize={2} lineHeight={2} mr={3}>\n          Select what other role(s) this contact has.\n        </Span>\n        <IconPopupTip icon=\"help\">\n          {\"Vector requires the contact details of all people / roles, \" +\n            \"as they need to contact them at different times during the job. \" +\n            \"Sometimes one person fulfils several roles eg the requestor and the electrician might be the same person\"}\n        </IconPopupTip>\n      </Flex>\n\n      <Flex flexDirection={[\"column\", \"column\", \"row\"]} width=\"100%\">\n        {siteAccessContactRole && (\n          <Flex flexDirection=\"column\">\n            <Field\n              id={`contactDetails[${contactDetailsIndex}].roles.siteAccessContactRole`}\n              name={`contactDetails[${contactDetailsIndex}].roles.siteAccessContactRole`}\n              label=\"Site access contact\"\n              disabled={disabledRoles.siteAccessContactRole}\n              my={[1, 1, 0]}\n              mx={[0, 0, 1]}\n              component={FormikCheckbox}\n            />\n\n            {!disabledRoles.siteAccessContactRole && (\n              <ErrorMessage\n                name={`contactDetails[${contactDetailsIndex}].roles.siteAccessContactRole`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            )}\n\n            {!roleRequiredRoleErrorMessage && (\n              <ErrorMessage\n                name={`contactDetails[${contactDetailsIndex}].contactHasRole`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            )}\n\n          </Flex>\n        )}\n\n        {quotePayerRole && (\n          <Flex flexDirection=\"column\">\n            <Field\n              id={`contactDetails[${contactDetailsIndex}].roles.quotePayerRole`}\n              name={`contactDetails[${contactDetailsIndex}].roles.quotePayerRole`}\n              label=\"Quote payer\"\n              disabled={disabledRoles.quotePayerRole}\n              my={[1, 1, 0]}\n              mx={[0, 0, 1]}\n              component={FormikCheckbox}\n            />\n\n            {!disabledRoles.quotePayerRole && (\n              <ErrorMessage\n                name={`contactDetails[${contactDetailsIndex}].roles.quotePayerRole`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            )}\n          </Flex>\n        )}\n\n        {customerRole && (\n          <Flex flexDirection=\"column\">\n            <Field\n              id={`contactDetails[${contactDetailsIndex}].roles.customerRole`}\n              name={`contactDetails[${contactDetailsIndex}].roles.customerRole`}\n              label=\"Customer\"\n              disabled={disabledRoles.customerRole}\n              my={[1, 1, 0]}\n              mx={[0, 0, 1]}\n              component={FormikCheckbox}\n            />\n\n            {!disabledRoles.customerRole && (\n              <ErrorMessage\n                name={`contactDetails[${contactDetailsIndex}].roles.customerRole`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            )}\n\n            {!roleRequiredRoleErrorMessage && (\n              <ErrorMessage\n                name={`contactDetails[${contactDetailsIndex}].contactHasRole`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            )}\n          </Flex>\n        )}\n\n        {consultantRole && (\n          <Flex flexDirection=\"column\">\n            <Field\n              id={`contactDetails[${contactDetailsIndex}].roles.consultantRole`}\n              name={`contactDetails[${contactDetailsIndex}].roles.consultantRole`}\n              label=\"Consultant\"\n              disabled={disabledRoles.consultantRole}\n              my={[1, 1, 0]}\n              mx={[0, 0, 1]}\n              component={FormikCheckbox}\n            />\n\n            {!disabledRoles.consultantRole && (\n              <ErrorMessage\n                name={`contactDetails[${contactDetailsIndex}].roles.consultantRole`}\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            )}\n          </Flex>\n        )}\n      </Flex>\n\n\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { FormikInputText } from \"../FormikInputText\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { Box } from \"../Box\";\nimport { Link } from \"../Link\";\nimport { Icon } from \"../Icon\";\n\ninterface Props {\n  focusable?: boolean;\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  disabled?: boolean;\n}\n\nexport const ManualBillingAddressFields: React.FC<Props> = ({\n  focusable,\n  fieldIdPrefix,\n  fieldNamePrefix,\n  disabled,\n}) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"row\", \"row\"]}\n        mb={[3, 3, 3, 3, 4]}\n      >\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={1}\n          flexBasis={0}\n          minWidth={0}\n          mr={[0, 0, 0, 3, 3]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.manualBillingAddress.addressString`}\n            name={`${fieldNamePrefix}.manualBillingAddress.addressString`}\n            label=\"Street address / PO Box or Private Bag\"\n            placeholder=\"e.g. 109 Sample Street / PO Box 99882 / Private Bag 123\"\n            focusable={focusable}\n            component={FormikInputText}\n            disabled={disabled}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.manualBillingAddress.addressString`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n      </Flex>\n\n      <Flex\n        flexDirection={[\"column\", \"column\", \"column\", \"column\", \"row\"]}\n        mb={[3, 3, 4]}\n      >\n        <Flex\n          flexDirection=\"column\"\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mb={[3, 3, 3, 3, 0]}\n          mr={[0, 0, 0, 0, 2]}\n        >\n          <Field\n            id={`${fieldIdPrefix}.manualBillingAddress.suburb`}\n            name={`${fieldNamePrefix}.manualBillingAddress.suburb`}\n            label=\"Suburb\"\n            placeholder=\"e.g. Glen Eden\"\n            focusable={focusable}\n            optional\n            component={FormikInputText}\n            disabled={disabled}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.manualBillingAddress.suburb`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex flexDirection=\"column\" flexGrow={0.5} flexBasis={0} minWidth={0}>\n          <Field\n            id={`${fieldIdPrefix}.manualBillingAddress.city`}\n            name={`${fieldNamePrefix}.manualBillingAddress.city`}\n            label=\"City\"\n            placeholder=\"e.g. Auckland\"\n            focusable={focusable}\n            component={FormikInputText}\n            disabled={disabled}\n          />\n          <ErrorMessage\n            name={`${fieldNamePrefix}.manualBillingAddress.city`}\n            className=\"field-error\"\n            component={FormInputErrorMessage}\n          />\n        </Flex>\n\n        <Flex\n          flexDirection={[\"column\", \"column\", \"row\"]}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={[0, 0, 0, 0, 2]}\n        >\n          <Flex\n            flexDirection=\"column\"\n            flexBasis={[\"auto\", 0]}\n            flexGrow={[1, 0.5]}\n            minWidth={[\"auto\", 0]}\n          >\n            <Field\n              id={`${fieldIdPrefix}.manualBillingAddress.postcode`}\n              name={`${fieldNamePrefix}.manualBillingAddress.postcode`}\n              label=\"Postcode\"\n              placeholder=\"e.g. 1010\"\n              focusable={focusable}\n              component={FormikInputText}\n              disabled={disabled}\n            />\n            <ErrorMessage\n              name={`${fieldNamePrefix}.manualBillingAddress.postcode`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n\n          <Box\n            ml={[0, 3]}\n            mt={4}\n            flexGrow={[1, 0.5]}\n            flexBasis={[\"auto\", 0]}\n            minWidth={[\"auto\", 0]}\n          >\n            <Link href=\"https://www.nzpost.co.nz/tools/address-postcode-finder\">\n              Postcode Finder\n              <Icon icon=\"open_in_new\" />\n            </Link>\n          </Box>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Field } from \"formik\";\nimport { PostalAddress } from \"../PostalAddress\";\nimport { FormikActionLink } from \"../FormikActionLink\";\nimport { ManualBillingAddressFields } from \"../ManualBillingAddressFields\";\n\ninterface Props {\n  fieldIdPrefix: string;\n  fieldNamePrefix: string;\n  shouldDisableContactDetails?: boolean;\n  isManualAddress: boolean;\n  validateField: (field: string) => void;\n  handleActionLinkClick: () => void;\n  infoMessage?: string;\n}\n\nexport const BillingAddressSection: React.FC<Props> = ({\n  fieldIdPrefix,\n  fieldNamePrefix,\n  shouldDisableContactDetails,\n  isManualAddress,\n  validateField,\n  handleActionLinkClick,\n  infoMessage,\n}) => {\n  return (\n    <>\n      <PostalAddress\n        fieldIdPrefix={`${fieldIdPrefix}`}\n        fieldNamePrefix={`${fieldNamePrefix}`}\n        validateField={validateField}\n        disabled={shouldDisableContactDetails || isManualAddress}\n        data-testid=\"postal-address-search\"\n        infoMessage={infoMessage}\n      />\n\n      <Field\n        id={`${fieldIdPrefix}.manuallyEnteredBillingAddress`}\n        name={`${fieldNamePrefix}.manuallyEnteredBillingAddress`}\n        iconLeft={` ${!isManualAddress ? \"add_circle\" : \"remove_circle\"}`}\n        label={`${\n          !isManualAddress\n            ? \"Add billing address manually\"\n            : \"Remove manually entered billing address\"\n        }`}\n        alignSelf=\"flex-start\"\n        mt={2}\n        mb={[3, 3, 3, 3, 4]}\n        onClick={handleActionLinkClick}\n        component={FormikActionLink}\n        disabled={shouldDisableContactDetails}\n        data-testid=\"manual-address-button-field\"\n      />\n\n      {isManualAddress && (\n        <ManualBillingAddressFields\n          fieldIdPrefix={`${fieldIdPrefix}`}\n          fieldNamePrefix={`${fieldNamePrefix}`}\n          disabled={shouldDisableContactDetails}\n        />\n      )}\n    </>\n  );\n};\n\nBillingAddressSection.defaultProps = {\n  shouldDisableContactDetails: false,\n};\n","import { ErrorMessage, Field, FieldArrayRenderProps } from \"formik\";\nimport React, { useEffect, useState } from \"react\";\nimport { NewConnectionContactDetailsValues } from \"../../../../types/NewConnectionContactDetailsValues\";\nimport { ContactDetailFields } from \"../../../ContactDetailsForm/ContactDetailFields\";\nimport { ContactDetailsContactPreferences } from \"../../../ContactDetailsForm/ContactDetailsContactPreferences\";\nimport { getNewConnectionRolesTitle } from \"../../../ContactDetailsRolesTitle/ContactDetailsRolesTitle\";\nimport { Flex } from \"../../../Flex\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Line } from \"../../../Line\";\nimport { Span } from \"../../../Span\";\nimport { NewConnectionRoleSelector } from \"../NewConnectionRoleSelector\";\nimport { ActionButton } from \"../../../ActionButton\";\nimport { MOBILE_REG_EXP } from \"../../../../constants/ContactNumbersRegex\";\nimport { getOptionalContactDetailsFormFields } from \"../NewConnectionOptionalFormFieldsUtil/NewConnectionOptionalFormFieldsUtil\";\nimport {\n  HasElectricianTypes,\n  HasLandOwnerTypes,\n} from \"../../../../constants/HasOptionalRoleValues\";\nimport { isRequesterAndLoggedIn } from \"../../../FormContactDetailsFieldsUtil/FormContactDetailsFieldsUtil\";\nimport { FormikInputText } from \"../../../FormikInputText\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport {\n  checkIsManualAddress,\n  checkIsSearchedAddress,\n} from \"../../../ManualAddressHelperUtil/ManualAddressHelperUtil\";\nimport { BillingAddressSection } from \"../../../BillingAddressSection\";\n\ninterface Props {\n  newConnectionType: NewConnectionType;\n  contactDetails: NewConnectionContactDetailsValues[];\n  contactDetailsIndex: number;\n  roleSelectorPosition?: \"top\" | \"bottom\";\n  fieldsVisible?: boolean;\n  focusable?: boolean;\n  hasElectrician: HasElectricianTypes;\n  hasLandOwner: HasLandOwnerTypes;\n  index: number;\n  showRemoveButton?: boolean;\n  arrayHelpers?: FieldArrayRenderProps;\n  validateField: (field: string) => void;\n}\n\nexport const NewConnectionContactDetailFields: React.FC<Props> = ({\n  newConnectionType,\n  contactDetails,\n  contactDetailsIndex,\n  roleSelectorPosition,\n  focusable,\n  hasElectrician,\n  hasLandOwner,\n  index,\n  showRemoveButton,\n  arrayHelpers,\n  validateField,\n}) => {\n  const {\n    authenticatedUserContext: { isLoggedIn, userBasicDetails },\n  } = useUserAuthentication();\n  const { userType } = userBasicDetails;\n\n  const [isManualAddress, setIsManualAddress] = useState(false);\n\n  const currentContactDetails = contactDetails[contactDetailsIndex];\n  const currentContactDetailsRoles = currentContactDetails.roles;\n\n  const allContactDetailsRoles = contactDetails.map((details) => details.roles);\n\n  if (newConnectionType === \"simple\") {\n    if (contactDetailsIndex === 0) {\n      currentContactDetailsRoles.requester = true;\n    }\n\n    if (currentContactDetailsRoles.requester) {\n      currentContactDetails.workContactPreferences.email = true;\n    }\n\n    if (currentContactDetailsRoles.quotePayerRole) {\n      currentContactDetails.quoteContactPreferences.email = true;\n    }\n  }\n\n  const optionalContactDetailsFields = getOptionalContactDetailsFormFields(\n    currentContactDetailsRoles,\n    contactDetailsIndex,\n  );\n\n  const showPostalAddress = currentContactDetailsRoles.quotePayerRole;\n\n  const showWorkUpdateContactPreferences =\n    currentContactDetailsRoles.requester ||\n    currentContactDetailsRoles.siteAccessContactRole ||\n    currentContactDetailsRoles.quotePayerRole;\n\n  const showQuoteUpdateContactPreferences =\n    currentContactDetailsRoles.quotePayerRole;\n\n  const showContactPreferencesSelector =\n    showWorkUpdateContactPreferences || showQuoteUpdateContactPreferences;\n\n  const showBusinessNumber = !(\n    currentContactDetailsRoles.consultantRole || userType === \"personal\"\n  );\n  const showBusinessName = userType === \"business\";\n\n  const shouldDisableWorkSmsPreference =\n    !currentContactDetails.mobile ||\n    !MOBILE_REG_EXP.test(currentContactDetails.mobile);\n\n  const shouldDisableQuoteSmsPreference =\n    !currentContactDetails.mobile ||\n    !MOBILE_REG_EXP.test(currentContactDetails.mobile);\n\n  const shouldDisableWorkEmailPreference =\n    currentContactDetailsRoles.requester || !currentContactDetails.email;\n\n  const title = getNewConnectionRolesTitle(\n    currentContactDetailsRoles,\n    contactDetailsIndex === 0,\n    hasElectrician,\n    hasLandOwner,\n  );\n\n  const shouldDisableContactDetails = isRequesterAndLoggedIn(\n    isLoggedIn,\n    contactDetailsIndex,\n  );\n\n  useEffect(() => {\n    if (currentContactDetails.manuallyEnteredBillingAddress) {\n      setIsManualAddress(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    //the address is manual entered\n    if (\n      checkIsManualAddress(\n        isManualAddress,\n        currentContactDetails.manuallyEnteredBillingAddress,\n      )\n    ) {\n      currentContactDetails.billingAddressDisplay = \"\";\n      currentContactDetails.billingAddressId = \"\";\n    }\n\n    //the address is searched\n    if (\n      checkIsSearchedAddress(\n        isManualAddress,\n        currentContactDetails.manuallyEnteredBillingAddress,\n      )\n    ) {\n      currentContactDetails.manualBillingAddress.addressString = \"\";\n      currentContactDetails.manualBillingAddress.city = \"\";\n      currentContactDetails.manualBillingAddress.suburb = \"\";\n      currentContactDetails.manualBillingAddress.postcode = \"\";\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isManualAddress]);\n\n  const handleContactClearClick = (\n    event: React.MouseEvent<HTMLButtonElement>,\n    contactIndex: number,\n    arrayHelpers?: FieldArrayRenderProps,\n  ) => {\n    arrayHelpers && arrayHelpers.remove(contactIndex);\n  };\n\n  const handleActionLinkClick = () => {\n    // Manually trigger Formik field validation for street address because action link has no blur\n    validateField(\n      `contactDetails[${contactDetailsIndex}].billingAddressDisplay`,\n    );\n\n    // Toggle manuallyEnteredAddress in Formik values to manage field validation\n    currentContactDetails.manuallyEnteredBillingAddress =\n      !currentContactDetails.manuallyEnteredBillingAddress;\n\n    setIsManualAddress((prevState) => !prevState);\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex\n        alignItems=\"center\"\n        mb={4}\n        justifyContent={[\n          \"space-between\",\n          \"space-between\",\n          \"space-between\",\n          \"flex-start\",\n        ]}\n      >\n        <Span fontWeight=\"bold\">{title}</Span>\n\n        {showRemoveButton && (\n          <ActionButton\n            data-testid=\"remove-contact-button\"\n            onClick={(e) => handleContactClearClick(e, index, arrayHelpers)}\n            icon=\"clear\"\n            ml={2}\n          />\n        )}\n      </Flex>\n      {/* Role selector (top)  */}\n      {roleSelectorPosition === \"top\" && (\n        <NewConnectionRoleSelector\n          contactDetailsRoles={allContactDetailsRoles}\n          contactDetailsIndex={contactDetailsIndex}\n          siteAccessContactRole={newConnectionType === \"simple\"}\n          quotePayerRole={newConnectionType === \"simple\"}\n          customerRole={newConnectionType === \"complex\"}\n          consultantRole={newConnectionType === \"complex\"}\n          newConnectionType={newConnectionType}\n          mb={4}\n        />\n      )}\n\n      <Flex\n        flexDirection=\"column\"\n        justifyContent=\"space-between\"\n        data-testid=\"contact-details-fields-wrapper\"\n      >\n        {/*{section}*/}\n        <ContactDetailFields\n          focusable={focusable}\n          idPrefix={`contactDetails[${contactDetailsIndex}]`}\n          namePrefix={`contactDetails[${contactDetailsIndex}]`}\n          optionalFirstName={optionalContactDetailsFields.optionalFirstName}\n          optionalLastName={optionalContactDetailsFields.optionalLastName}\n          optionalEmail={optionalContactDetailsFields.optionalEmail}\n          optionalMobile={optionalContactDetailsFields.optionalMobile}\n          optionalBusinessName={\n            optionalContactDetailsFields.optionalBusinessName\n          }\n          disabledFirstName={shouldDisableContactDetails}\n          disabledLastName={shouldDisableContactDetails}\n          disabledEmail={shouldDisableContactDetails}\n          disabledMobile={shouldDisableContactDetails}\n          disabledAlternatePhone={shouldDisableContactDetails}\n          disabledBusinessName={shouldDisableContactDetails}\n          showBusinessName={showBusinessName}\n          optionalAlternatePhone\n        />\n\n        {/* Business number  */}\n        {showBusinessNumber && (\n          <Flex flexDirection=\"column\" mb={4}>\n            <Field\n              id={`contactDetails[${contactDetailsIndex}].businessNumber`}\n              name={`contactDetails[${contactDetailsIndex}].businessNumber`}\n              label=\"NZBN (New Zealand Business Number)\"\n              flexGrow={1}\n              focusable={focusable}\n              optional\n              maxLength={13}\n              component={FormikInputText}\n              disabled={shouldDisableContactDetails}\n            />\n            <ErrorMessage\n              name={`contactDetails[${contactDetailsIndex}].businessNumber`}\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n        )}\n\n        {/* NZ postal address  */}\n        {showPostalAddress && (\n          <BillingAddressSection\n            fieldIdPrefix={`contactDetails[${contactDetailsIndex}]`}\n            fieldNamePrefix={`contactDetails[${contactDetailsIndex}]`}\n            shouldDisableContactDetails={shouldDisableContactDetails}\n            isManualAddress={isManualAddress}\n            validateField={validateField}\n            handleActionLinkClick={handleActionLinkClick}\n          />\n        )}\n\n        {/* Role selector (bottom)  */}\n        {roleSelectorPosition === \"bottom\" && (\n          <NewConnectionRoleSelector\n            contactDetailsRoles={allContactDetailsRoles}\n            contactDetailsIndex={contactDetailsIndex}\n            siteAccessContactRole={newConnectionType === \"simple\"}\n            quotePayerRole={newConnectionType === \"simple\"}\n            customerRole={newConnectionType === \"complex\"}\n            consultantRole={newConnectionType === \"complex\"}\n            newConnectionType={newConnectionType}\n            mb={5}\n          />\n        )}\n\n        {/* Contact preferences selector */}\n        {showContactPreferencesSelector && (\n          <Flex flexDirection=\"column\">\n            <Flex flexDirection=\"row\" mb={3}>\n              <Span fontSize={2} lineHeight={2} mr={3}>\n                {\"Different roles might have different contact preferences. \" +\n                  \"Identify whether they want to be notified via email and/or SMS\"}\n              </Span>\n              <IconPopupTip icon=\"help\">\n                Select contact preferences\n              </IconPopupTip>\n            </Flex>\n\n            {showQuoteUpdateContactPreferences && (\n              <ContactDetailsContactPreferences\n                id={`contactDetails[${contactDetailsIndex}].quoteContactPreferences`}\n                name={`contactDetails[${contactDetailsIndex}].quoteContactPreferences`}\n                title=\"Quote update:\"\n                emailLabel=\"Email\"\n                smsLabel=\"SMS\"\n                emailDisabled\n                smsDisabled={shouldDisableQuoteSmsPreference}\n                focusable={focusable}\n                mb={5}\n              />\n            )}\n\n            {showWorkUpdateContactPreferences && (\n              <ContactDetailsContactPreferences\n                id={`contactDetails[${contactDetailsIndex}].workContactPreferences`}\n                name={`contactDetails[${contactDetailsIndex}].workContactPreferences`}\n                title=\"Work update:\"\n                emailLabel=\"Email\"\n                smsLabel=\"SMS\"\n                emailDisabled={shouldDisableWorkEmailPreference}\n                smsDisabled={shouldDisableWorkSmsPreference}\n                focusable={focusable}\n              />\n            )}\n          </Flex>\n        )}\n      </Flex>\n\n      <Line\n        width=\"100%\"\n        my={5}\n        zIndex={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n      />\n    </Flex>\n  );\n};\n\nNewConnectionContactDetailFields.defaultProps = {\n  roleSelectorPosition: \"top\",\n  fieldsVisible: false,\n  focusable: true,\n};\n","import { NewConnectionRoles } from \"../../../../types/ContactDetailRoles\";\n\nexport const getOptionalContactDetailsFormFields = (\n  role: NewConnectionRoles,\n  index: number,\n): OptionalContactDetailsFormFields => {\n  let optionalFirstName = true;\n  let optionalLastName = true;\n  let optionalEmail = true;\n  let optionalMobile = true;\n  let optionalAlternatePhone = true;\n\n  if (\n    index === 0 ||\n    (!role.siteAccessContactRole &&\n      !role.quotePayerRole &&\n      !role.consultantRole &&\n      !role.customerRole) ||\n    role.quotePayerRole\n  ) {\n    return {\n      optionalFirstName: false,\n      optionalLastName: false,\n      optionalEmail: false,\n      optionalMobile: false,\n      optionalAlternatePhone: false,\n      optionalBusinessName: true,\n    };\n  }\n\n  if (role.consultantRole && index !== 0) {\n    optionalFirstName = false;\n    optionalLastName = false;\n  } else if (role.customerRole && index !== 0) {\n    optionalFirstName = false;\n    optionalLastName = false;\n    optionalEmail = false;\n  }\n  if (role.siteAccessContactRole && index !== 0) {\n    optionalFirstName = false;\n    optionalLastName = false;\n    optionalMobile = false;\n    optionalAlternatePhone = false;\n  }\n\n  return {\n    optionalFirstName,\n    optionalLastName,\n    optionalEmail,\n    optionalMobile,\n    optionalAlternatePhone,\n    optionalBusinessName: true,\n  };\n};\n","import React from \"react\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport { ContactDetailFields } from \"../ContactDetailsForm/ContactDetailFields\";\nimport { Span } from \"../Span\";\nimport { Flex } from \"../Flex\";\nimport { FormikRadioButton } from \"../FormikRadioButton\";\nimport { ErrorMessage, Field } from \"formik\";\n\ninterface Props {\n  hasLandOwner?: string;\n  focusable?: boolean;\n}\n\nexport const LandOwnerContactFields: React.FC<Props> = ({\n  hasLandOwner,\n  focusable,\n}) => {\n  return (\n    <Flex mt={5} flexDirection=\"column\">\n      <Span\n        display=\"inline-block\"\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mb={4}\n      >\n        Do you have an land owner?\n      </Span>\n      <Flex mb={4}>\n        <Field\n          magnitude=\"small\"\n          label=\"Same as requester\"\n          id=\"yes requester\"\n          name=\"hasLandOwner\"\n          value=\"yes requester\"\n          currentValue={hasLandOwner}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          mr={[2, 2, 3]}\n          component={FormikRadioButton}\n          useTimeout\n        />\n        <Field\n          magnitude=\"small\"\n          label=\"Same as customer\"\n          id=\"yes customer\"\n          name=\"hasLandOwner\"\n          value=\"yes customer\"\n          currentValue={hasLandOwner}\n          flexGrow={0.5}\n          flexBasis={0}\n          minWidth={0}\n          ml={[2, 2, 3]}\n          component={FormikRadioButton}\n          useTimeout\n        />\n      </Flex>\n      <Flex flexDirection=\"column\" mb={4}>\n        <Flex width=\"100%\">\n          <Field\n            magnitude=\"small\"\n            label=\"New contact\"\n            id=\"yes land owner\"\n            name=\"hasLandOwner\"\n            value=\"yes\"\n            hasElectrician={hasLandOwner}\n            currentValue={hasLandOwner}\n            flexGrow={0.5}\n            flexBasis={0}\n            minWidth={0}\n            mr={[2, 2, 3]}\n            component={FormikRadioButton}\n            useTimeout\n          />\n          <Field\n            magnitude=\"small\"\n            label=\"Not applicable\"\n            id=\"no land owner\"\n            name=\"hasLandOwner\"\n            value=\"no\"\n            currentValue={hasLandOwner}\n            flexGrow={0.5}\n            flexBasis={0}\n            minWidth={0}\n            ml={[2, 2, 3]}\n            component={FormikRadioButton}\n            useTimeout\n          />\n        </Flex>\n        <ErrorMessage\n          name=\"hasLandOwner\"\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n      </Flex>\n\n      {hasLandOwner === \"yes\" && (\n        <Flex flexDirection=\"column\">\n          <ContactDetailFields\n            focusable={focusable}\n            idPrefix=\"optionalContactDetails\"\n            namePrefix=\"optionalContactDetails\"\n            optionalAlternatePhone\n            optionalBusinessName\n            optionalEmail\n          />\n        </Flex>\n      )}\n    </Flex>\n  );\n};\n","import { ErrorMessage, FieldArray } from \"formik\";\nimport React from \"react\";\nimport { NewConnectionContactDetailsValues } from \"../../../../types/NewConnectionContactDetailsValues\";\nimport { NewConnectionAddContact } from \"../NewConnectionAddContact\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { NewConnectionContactDetailFields } from \"../NewConnectionContactDetailFields\";\nimport { ElectricianContactFields } from \"../../../ElectricianContactFields\";\nimport { ContactDetailsValues } from \"../../../../types/ContactDetailsValues\";\nimport { LandOwnerContactFields } from \"../../../LandOwnerContactFields\";\nimport { calculateSelectableNewConnectionRoles } from \"../../../ContactDetailsForm/RemainingRolesCalculator/RemainingRolesCalculator\";\nimport {\n  HasElectricianTypes,\n  HasLandOwnerTypes,\n} from \"../../../../constants/HasOptionalRoleValues\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport { getComplexAddContactErrorMsg } from \"../NewConnectionContactDetailsFormUtil/NewConnectionContactDetailsFormUtil\";\n\ninterface Props {\n  id: string;\n  contactDetails: NewConnectionContactDetailsValues[];\n  newConnectionType: NewConnectionType;\n  focusable?: boolean;\n  hasElectrician: HasElectricianTypes;\n  hasLandOwner: HasLandOwnerTypes;\n  optionalContactDetails: ContactDetailsValues;\n  validateField: (field: string) => void;\n}\n\nexport const NewConnectionContactDetailsForm: React.FC<Props> = ({\n  id,\n  contactDetails,\n  newConnectionType,\n  focusable,\n  hasElectrician,\n  hasLandOwner,\n  optionalContactDetails,\n  validateField,\n}) => {\n  const newConnectionRoles = contactDetails.map((details) => details.roles);\n  const remainingSelectableRoles = calculateSelectableNewConnectionRoles(\n    newConnectionRoles,\n    newConnectionType,\n  );\n\n  const complexAddContactErrorMsg = getComplexAddContactErrorMsg(\n    newConnectionType,\n    newConnectionRoles,\n  );\n\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <Span fontSize={4} lineHeight={4} mt={0} mb={3}>\n        Contact details\n      </Span>\n\n      <Span lineHeight={2} mb={5}>\n        Please fill out your contact details. We require the contact details for\n        your electrician, quote payer, energy retailer account holder, and site\n        contact.\n      </Span>\n\n      <FieldArray\n        name=\"contactDetails\"\n        validateOnChange={false}\n        render={(arrayHelpers) => (\n          <>\n            {contactDetails.map((details, index) => (\n              <NewConnectionContactDetailFields\n                newConnectionType={newConnectionType}\n                key={index}\n                index={index}\n                roleSelectorPosition={index === 0 ? \"bottom\" : \"top\"}\n                contactDetails={contactDetails}\n                contactDetailsIndex={index}\n                fieldsVisible={index === 0}\n                focusable={focusable}\n                showRemoveButton={index > 0}\n                arrayHelpers={arrayHelpers}\n                hasElectrician={hasElectrician}\n                hasLandOwner={hasLandOwner}\n                validateField={validateField}\n              />\n            ))}\n\n            {contactDetails.length < 3 && remainingSelectableRoles > 0 && (\n              <Flex flexDirection=\"row\" mb={5}>\n                <Flex flexDirection=\"column\">\n                  <NewConnectionAddContact\n                    contactDetails={contactDetails}\n                    arrayHelpers={arrayHelpers}\n                    focusable={focusable}\n                    newConnectionType={newConnectionType}\n                  />\n\n                  {newConnectionType === \"complex\" &&\n                    complexAddContactErrorMsg && (\n                      <ErrorMessage\n                        name={complexAddContactErrorMsg}\n                        className=\"field-error\"\n                        component={FormInputErrorMessage}\n                      />\n                    )}\n                </Flex>\n              </Flex>\n            )}\n          </>\n        )}\n      />\n\n      {newConnectionType === \"simple\" && (\n        <ElectricianContactFields\n          hasElectrician={hasElectrician}\n          optionalContactDetails={optionalContactDetails}\n          focusable\n        />\n      )}\n\n      {newConnectionType === \"complex\" && (\n        <LandOwnerContactFields hasLandOwner={hasLandOwner} focusable />\n      )}\n    </Flex>\n  );\n};\n\nNewConnectionContactDetailsForm.defaultProps = {\n  focusable: true,\n};\n","import { NewConnectionRoles } from \"../../../../types/ContactDetailRoles\";\nimport {\n  customerRoleSelectedInAllContactDetails,\n  consultantRoleSelectedInAllContactDetails,\n} from \"../../../ContactDetailsForm/ContactDetailsRoleChecker/ContactDetailsRoleChecker\";\n\nexport const getComplexAddContactErrorMsg = (\n  newConnectionType: NewConnectionType,\n  newConnectionRoles: NewConnectionRoles[],\n) => {\n  if (newConnectionType !== \"complex\") {\n    return \"\";\n  }\n\n  const customerRoleSelected =\n    customerRoleSelectedInAllContactDetails(newConnectionRoles);\n  const consultantRoleSelected =\n    consultantRoleSelectedInAllContactDetails(newConnectionRoles);\n\n  if (!customerRoleSelected && !consultantRoleSelected) {\n    return \"\";\n  } else if (!customerRoleSelected) {\n    return \"contactDetails[0].roles.customerRole\";\n  } else if (!consultantRoleSelected) {\n    return \"contactDetails[0].roles.consultantRole\";\n  }\n\n  return \"\";\n};\n","import { Field, FieldArrayRenderProps } from \"formik\";\nimport { toNumber } from \"lodash\";\nimport React, { useEffect } from \"react\";\nimport styled from \"styled-components\";\nimport { EMPTY_NEW_CONNECTION_LOT_VALUES } from \"../../../../constants/NewConnectionLotValues\";\nimport { mediaQueries } from \"../../../../theme\";\nimport { NewConnectionLotValues } from \"../../../../types/NewConnectionLotValues\";\nimport { getGaFuseAmpEvents } from \"../../../../utils/ga/GaNewConnectionEvents\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikDropdown } from \"../../../FormikDropdown\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Span } from \"../../../Span\";\n\ninterface Props {\n  lotCount: string;\n  lots: NewConnectionLotValues[];\n  arrayHelpers: FieldArrayRenderProps;\n}\n\nconst TableHeaders = styled(Flex)`\n  display: none;\n\n  ${mediaQueries.largeDevice} {\n    display: flex;\n    border-bottom: 1px solid;\n    border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  }\n`;\n\nconst TableHead = styled(Flex)`\n  min-width: 0;\n  flex-basis: 0;\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n  align-self: end;\n`;\n\nconst PHASE_POPUPTIP =\n  \"3 phase power can cope with the electricity demands of larger and more powerful appliances. \" +\n  \"Therefore, it is more commonly used in commercial and industrial settings. \" +\n  \"Most homes and apartments don’t need 3 phase power as all their appliances and power needs will run well on single phase supply. \" +\n  \"But if you’re renovating, building new or adding high-energy appliances, \" +\n  \"talk to your electrician to get advice on whether you need 3 phase power.\";\n\nconst FUSE_POPUPTIP =\n  \"Different fuse sizes are used depending on the electricity supply. \" +\n  \"Talk to your electrician to confirm the fuse size you need to power your home.\";\n\nexport const NewConnectionLot: React.FC<Props> = ({\n  lotCount,\n  lots,\n  arrayHelpers,\n}) => {\n  const addLots = (count: number) => {\n    for (let index = 0; index < count; index++) {\n      arrayHelpers.push(EMPTY_NEW_CONNECTION_LOT_VALUES);\n    }\n  };\n\n  const removeLots = (count: number) => {\n    for (let index = count; index > 0; index--) {\n      arrayHelpers.remove(lots.length - 1);\n    }\n  };\n\n  useEffect(() => {\n    const convertedLotCount = toNumber(lotCount);\n\n    if (convertedLotCount > lots.length) {\n      addLots(convertedLotCount - lots.length);\n    } else if (convertedLotCount < lots.length) {\n      removeLots(lots.length - convertedLotCount);\n    } else {\n      return;\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [lotCount, lots]);\n\n  const fuseAmpGaEvents = getGaFuseAmpEvents(lots);\n\n  return (\n    <Flex flexDirection=\"column\">\n      <TableHeaders pb={2} mb={4}>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.33} mr={2}>\n          Type\n        </TableHead>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.33} mr={2}>\n          <Span>Phase</Span>\n          <IconPopupTip icon=\"help\" ml={2}>\n            {PHASE_POPUPTIP}\n          </IconPopupTip>\n        </TableHead>\n        <TableHead fontWeight=\"medium\" fontSize={2} flexGrow={0.33} mr={2}>\n          <Span width=\"min-content\">Fuse (Amp)</Span>\n          <IconPopupTip icon=\"help\" ml={2} alignSelf=\"end\">\n            {FUSE_POPUPTIP}\n          </IconPopupTip>\n        </TableHead>\n      </TableHeaders>\n\n      {lots.map((lot, index) => (\n        <Flex\n          key={`site.lots[${index}]`}\n          flexDirection={[\"column\", \"column\", \"column\", \"row\", \"row\"]}\n          my={[4, 4, 4, 2, 2]}\n        >\n          <Field\n            id={`site.lots[${index}].type`}\n            name={`site.lots[${index}].type`}\n            label=\"Type\"\n            displayLabel={[\n              \"inline-block\",\n              \"inline-block\",\n              \"inline-block\",\n              \"none\",\n              \"none\",\n            ]}\n            items={[\"Commercial\", \"Residential\"]}\n            visibleItems={2}\n            placeholder=\"\"\n            mr={[0, 0, 0, 2, 2]}\n            mb={[3, 3, 3, 0, 0]}\n            flexGrow={0.33}\n            flexBasis={0}\n            minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n            component={FormikDropdown}\n          />\n\n          <Field\n            id={`site.lots[${index}].phase`}\n            name={`site.lots[${index}].phase`}\n            label=\"Phase\"\n            displayLabel={[\n              \"inline-block\",\n              \"inline-block\",\n              \"inline-block\",\n              \"none\",\n              \"none\",\n            ]}\n            items={[\"1\", \"2\", \"3\"]}\n            visibleItems={3}\n            placeholder=\"\"\n            tooltip={PHASE_POPUPTIP}\n            displayTooltip={[\"flex\", \"flex\", \"flex\", \"none\", \"none\"]}\n            mr={[0, 0, 0, 2, 2]}\n            mb={[3, 3, 3, 0, 0]}\n            flexGrow={0.33}\n            flexBasis={0}\n            minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n            component={FormikDropdown}\n          />\n\n          <Field\n            id={`site.lots[${index}].fuseAmp`}\n            name={`site.lots[${index}].fuseAmp`}\n            label=\"Fuse (Amp)\"\n            displayLabel={[\n              \"inline-block\",\n              \"inline-block\",\n              \"inline-block\",\n              \"none\",\n              \"none\",\n            ]}\n            tooltip={FUSE_POPUPTIP}\n            displayTooltip={[\"flex\", \"flex\", \"flex\", \"none\", \"none\"]}\n            items={[\"30\", \"32\", \"60\", \"63\", \"100\", \"more than 100\"]}\n            visibleItems={6}\n            placeholder=\"\"\n            mr={[0, 0, 0, 2, 2]}\n            mb={[3, 3, 3, 0, 0]}\n            flexGrow={0.33}\n            flexBasis={0}\n            minWidth={[\"100%\", \"100%\", \"100%\", 0, 0]}\n            gaEvent={fuseAmpGaEvents[index]}\n            component={FormikDropdown}\n          />\n        </Flex>\n      ))}\n    </Flex>\n  );\n};\n","import { ErrorMessage, Field, FieldArray } from \"formik\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { NewConnectionSite } from \"../../../../types/NewConnectionSite\";\nimport { getGaLotCountEvent } from \"../../../../utils/ga/GaNewConnectionEvents\";\nimport { Box } from \"../../../Box\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikDropdown } from \"../../../FormikDropdown\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport { Line } from \"../../../Line\";\nimport { SiteInformationFields } from \"../../../SiteInformationFields\";\nimport { NewConnectionLot } from \"../NewConnectionLot\";\nimport { FormikTextBox } from \"../../../FormikTextBox\";\nimport { isComplexConnection } from \"../../../NewConnectionComplexUtil/NewConnectionComplexUtil\";\n\ninterface Props {\n  id: string;\n  site: NewConnectionSite;\n  validateField: (field: string) => void;\n}\n\nconst SiteWrapper = styled(Box)`\n  display: inline-block;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const NewConnectionSiteInformationForm: React.FC<Props> = ({\n  id,\n  site,\n  validateField,\n}) => {\n  const isComplex = isComplexConnection(site);\n\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <SiteWrapper p={4} borderRadius=\"radio\">\n        <SiteInformationFields\n          title={\"Site details\"}\n          key={0}\n          index={0}\n          site={site}\n          fieldIdPrefix=\"site\"\n          fieldNamePrefix=\"site\"\n          showRemoveButton={false}\n          validateField={validateField}\n          showUnit\n        />\n\n        {site.siteType && (\n          <>\n            <Line\n              width=\"100%\"\n              border=\"1px solid\"\n              borderColor=\"neutrals.ln30\"\n              bg=\"neutrals.ln30\"\n              opacity=\"1\"\n              height={0}\n              mt={0}\n              mb={4}\n            />\n\n            <Flex flexDirection=\"column\" mb={5}>\n              <Field\n                id=\"site.lotCount\"\n                name=\"site.lotCount\"\n                items={[\n                  \"1\",\n                  \"2\",\n                  \"3\",\n                  \"4\",\n                  \"5\",\n                  \"6\",\n                  \"7\",\n                  \"8\",\n                  \"9\",\n                  \"10\",\n                  \"More than 10\",\n                ]}\n                label=\"Number of lots\"\n                visibleItems={11}\n                placeholder=\"\"\n                gaEvent={getGaLotCountEvent(site.lotCount)}\n                component={FormikDropdown}\n              />\n              <ErrorMessage\n                name=\"site.lotCount\"\n                className=\"field-error\"\n                component={FormInputErrorMessage}\n              />\n            </Flex>\n\n            {site.lotCount !== \"More than 10\" && (\n              <FieldArray\n                name=\"site.lots\"\n                validateOnChange={false}\n                render={(arrayHelpers) => (\n                  <NewConnectionLot\n                    lotCount={site.lotCount}\n                    lots={site.lots}\n                    arrayHelpers={arrayHelpers}\n                  />\n                )}\n              />\n            )}\n\n            {!isComplex && (\n              <>\n                <Flex flexDirection=\"column\" mt={6}>\n                  <Field\n                    id=\"site.additionalSiteRequirements\"\n                    name=\"site.additionalSiteRequirements\"\n                    label=\"Additional site requirements details\"\n                    placeholder=\"eg. This request is for a new dwelling at the back. The existing house remains.\"\n                    rows={5}\n                    resize=\"vertical\"\n                    optional\n                    component={FormikTextBox}\n                  />\n                  <ErrorMessage\n                    name=\"site.additionalSiteRequirements\"\n                    className=\"field-error\"\n                    component={FormInputErrorMessage}\n                  />\n                </Flex>\n              </>\n            )}\n          </>\n        )}\n      </SiteWrapper>\n\n      <Line\n        width=\"100%\"\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n        my={7}\n      />\n    </Flex>\n  );\n};\n","import { Field } from \"formik\";\nimport React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikFileUpload } from \"../../../FormikFileUpload\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Span } from \"../../../Span\";\n\ninterface Props {\n  onStatusChange?: (filesUploadStatus: FileSelectUploadStatus) => void;\n}\n\nexport const SitePlanUpload: React.FC<Props> = ({ onStatusChange }) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex\n        justifyContent={[\n          \"space-between\",\n          \"space-between\",\n          \"space-between\",\n          \"flex-start\",\n        ]}\n      >\n        <Span fontSize={4} lineHeight={4} mb={3}>\n          Upload site plan\n        </Span>\n\n        <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n          A site plan shows the dimensions and form of the site, the proposed\n          building work and where on the site the building will be located, and\n          where it is in relation to other buildings on the site. You should\n          also include any known information on existing and proposed services.\n        </IconPopupTip>\n      </Flex>\n\n      <Span lineHeight={2} mb={3}>\n        Please upload a site plan or any other relevant documents (max. 5 files,\n        pdf, dwg, jpg, doc pr docx format). 20Mb max per file.\n      </Span>\n\n      <Field\n        id=\"sitePlans\"\n        name=\"sitePlans\"\n        acceptFileTypes={[\n          \"application/pdf\",\n          \"application/acad\",\n          \"application/x-acad\",\n          \"application/autocad_dwg\",\n          \"image/x-dwg\",\n          \"application/dwg\",\n          \"application/x-dwg\",\n          \"application/x-autocad\",\n          \"image/vnd.dwg\",\n          \"drawing/dw\",\n          \"image/jpg\",\n          \"image/jpeg\",\n          \"application/msword\",\n          \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n        ]}\n        onStatusChange={onStatusChange}\n        attachmentType={\"Site plan\"}\n        component={FormikFileUpload}\n      />\n    </Flex>\n  );\n};\n","import { ErrorMessage, Field, useFormikContext } from \"formik\";\nimport React, { useEffect } from \"react\";\nimport { NewConnectionFormValues } from \"../../../../types/NewConnectionFormValues\";\nimport {\n  getGaDetailServiceEvent,\n  getGaIndicativeServiceEvent,\n  getGaPosProjectEvent,\n  getGaPosSubdivisionEvent,\n  getGaReticSubdivisionEvent,\n  getGaSubdivisionProjectEvent,\n} from \"../../../../utils/ga/GaNewConnectionEvents\";\nimport { handleScrollToName } from \"../../../../utils/handleScroll/HandleScroll\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Box } from \"../../../Box\";\nimport { getFirstErrorByPosition } from \"../../../CheckErrorsUtil/CheckErrorsUtil\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikRadioButton } from \"../../../FormikRadioButton\";\nimport { FormikTextBox } from \"../../../FormikTextBox\";\nimport { IconPopupTip } from \"../../../IconPopupTip\";\nimport { Line } from \"../../../Line\";\nimport { isComplexConnection } from \"../../../NewConnectionComplexUtil/NewConnectionComplexUtil\";\nimport { Span } from \"../../../Span\";\nimport { Title } from \"../../../Title\";\nimport { NewConnectionContactDetailsForm } from \"../NewConnectionContactDetailsForm\";\nimport { NewConnectionSiteInformationForm } from \"../NewConnectionSiteInformationForm\";\nimport { SitePlanUpload } from \"../SitePlanUpload\";\nimport {\n  consultantRoleSelectedInAllContactDetails,\n  customerRoleSelectedInAllContactDetails,\n  quotePayerRoleSelectedInAllContactDetails,\n  siteAccessContactRoleSelectedInAllContactDetails,\n} from \"../../../ContactDetailsForm/ContactDetailsRoleChecker/ContactDetailsRoleChecker\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\n\ninterface Props {\n  id: string;\n  values: NewConnectionFormValues;\n  validateField: (field: string) => void;\n  onFilesStillUploading?: (filesStillUploading: boolean) => void;\n}\n\nexport const NewConnectionOrderDetailsForm: React.FC<Props> = ({\n  id,\n  values,\n  validateField,\n  onFilesStillUploading,\n}) => {\n  const { errors, isSubmitting } = useFormikContext<NewConnectionFormValues>();\n\n  useEffect(() => {\n    if (values.isComplexConnection) {\n      values.contactDetails.forEach((contactDetail) => {\n        contactDetail.roles.siteAccessContactRole = false;\n        contactDetail.roles.quotePayerRole = false;\n        contactDetail.billingAddress = \"\";\n        contactDetail.billingAddressId = \"\";\n        contactDetail.billingAddressDisplay = \"\";\n      });\n\n      values.hasElectrician = \"\";\n    } else {\n      values.contactDetails.forEach((contactDetail) => {\n        contactDetail.roles.consultantRole = false;\n        contactDetail.roles.customerRole = false;\n      });\n\n      values.hasLandOwner = \"\";\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.isComplexConnection]);\n\n  useEffect(() => {\n    const allContactDetailsRoles = values.contactDetails.map(\n      (details) => details.roles,\n    );\n\n    values.siteAccessContactRoleChecked =\n      siteAccessContactRoleSelectedInAllContactDetails(allContactDetailsRoles);\n    values.quotePayerRoleChecked = quotePayerRoleSelectedInAllContactDetails(\n      allContactDetailsRoles,\n    );\n    values.customerRoleChecked = customerRoleSelectedInAllContactDetails(\n      allContactDetailsRoles,\n    );\n    values.consultantRoleChecked = consultantRoleSelectedInAllContactDetails(\n      allContactDetailsRoles,\n    );\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.contactDetails, values.isComplexConnection]);\n\n  useEffect(() => {\n    const isComplex = isComplexConnection(values.site);\n    values.isComplexConnection = isComplex;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.site]);\n\n  // Scroll to first validation error (if any)\n  useEffect(() => {\n    if (isSubmitting) {\n      const errorFieldName = getFirstErrorByPosition(errors);\n      if (errorFieldName) {\n        handleScrollToName(errorFieldName);\n      }\n    }\n  }, [isSubmitting, errors]);\n\n  // Check if files are still uploading\n  useEffect(() => {\n    if (onFilesStillUploading) {\n      const areFilesStillUploading = values.filesUploadStatus === \"UPLOADING\";\n      onFilesStillUploading(areFilesStillUploading);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.filesUploadStatus]);\n\n  const complexConnection = isComplexConnection(values.site);\n\n  const handleUploadPlanStatusChange = (\n    filesUploadStatus: FileSelectUploadStatus,\n  ) => {\n    values.filesUploadStatus = filesUploadStatus;\n  };\n\n  return (\n    <Flex id={id} flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mb={5}>\n        Order details\n      </Title>\n\n      <Box id=\"new-connection-order-details-section\">\n        <Flex\n          justifyContent={[\n            \"space-between\",\n            \"space-between\",\n            \"space-between\",\n            \"flex-start\",\n          ]}\n          mt={[2, 2, 2, 0, 0]}\n          mb={3}\n        >\n          <Span\n            display=\"inline-block\"\n            fontSize={4}\n            lineHeight={4}\n            fontWeight=\"medium\"\n          >\n            Site addresses phase and fuse information\n          </Span>\n        </Flex>\n\n        <Flex flexDirection=\"column\">\n          <BasicNotificationBanner\n            message={\n              \"You must consult your electrician to confirm the phase and fuse size you will need to power your home.\"\n            }\n            variant=\"default\"\n            icon=\"info\"\n            mb={3}\n          />\n\n          <NewConnectionSiteInformationForm\n            id=\"new-connection-site-details-section\"\n            site={values.site}\n            validateField={validateField}\n          />\n        </Flex>\n      </Box>\n\n      {complexConnection && (\n        <>\n          <Flex flexDirection=\"column\" mb={7}>\n            <Span\n              display=\"inline-block\"\n              fontSize={4}\n              lineHeight={4}\n              fontWeight=\"medium\"\n              mb={3}\n            >\n              Which service do you need?\n            </Span>\n\n            <Flex>\n              <Field\n                magnitude=\"medium\"\n                id=\"service-type-indicative\"\n                name=\"serviceType\"\n                label=\"Indicative cost (No fee)\"\n                value=\"indicative cost\"\n                currentValue={values.serviceType}\n                flexGrow={0.5}\n                flexBasis={0}\n                minWidth={0}\n                mr={[2, 2, 3]}\n                gaEvent={getGaIndicativeServiceEvent()}\n                component={FormikRadioButton}\n              />\n              <Field\n                magnitude=\"medium\"\n                id=\"service-type-detailed\"\n                name=\"serviceType\"\n                label=\"Detailed design and price (A design fee will apply)\"\n                value=\"design and price\"\n                currentValue={values.serviceType}\n                flexGrow={0.5}\n                flexBasis={0}\n                minWidth={0}\n                mr={[2, 2, 3]}\n                gaEvent={getGaDetailServiceEvent()}\n                component={FormikRadioButton}\n              />\n            </Flex>\n          </Flex>\n\n          <Flex flexDirection=\"column\" mb={7}>\n            <Flex\n              justifyContent={[\n                \"space-between\",\n                \"space-between\",\n                \"space-between\",\n                \"flex-start\",\n              ]}\n              mt={[2, 2, 2, 0, 0]}\n              mb={3}\n            >\n              <Span\n                display=\"inline-block\"\n                fontSize={4}\n                lineHeight={4}\n                fontWeight=\"medium\"\n              >\n                What type of project is this?\n              </Span>\n\n              <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n                Subdivision is the process of dividing land into smaller parts\n                (lots) where developers can request Vector to provide a\n                connection at the boundary of each new lot (full reticulation)\n                or provide a point of supply in the berm at the entrance to the\n                development and the developer can install private reticulation\n                within the development boundaries to provide a connection at\n                each new lot. Point of supply is usually on a property boundary\n                where Vector`s network connects to a property`s private service\n                line.\n              </IconPopupTip>\n            </Flex>\n\n            <Flex>\n              <Field\n                magnitude=\"medium\"\n                id=\"project-type-subdivision\"\n                name=\"projectType\"\n                label=\"Subdivision\"\n                value=\"subdivision\"\n                currentValue={values.projectType}\n                flexGrow={0.5}\n                flexBasis={0}\n                minWidth={0}\n                mr={[2, 2, 3]}\n                gaEvent={getGaSubdivisionProjectEvent()}\n                component={FormikRadioButton}\n              />\n              <Field\n                magnitude=\"medium\"\n                id=\"project-type-detailed\"\n                name=\"projectType\"\n                label=\"Point of supply\"\n                value=\"point of supply\"\n                currentValue={values.projectType}\n                flexGrow={0.5}\n                flexBasis={0}\n                minWidth={0}\n                mr={[2, 2, 3]}\n                gaEvent={getGaPosProjectEvent()}\n                component={FormikRadioButton}\n              />\n            </Flex>\n          </Flex>\n\n          {values.projectType === \"subdivision\" && (\n            <Flex flexDirection=\"column\" mb={7}>\n              <Flex\n                justifyContent={[\n                  \"space-between\",\n                  \"space-between\",\n                  \"space-between\",\n                  \"flex-start\",\n                ]}\n                mt={[2, 2, 2, 0, 0]}\n                mb={3}\n              >\n                <Span\n                  display=\"inline-block\"\n                  fontSize={4}\n                  lineHeight={4}\n                  fontWeight=\"medium\"\n                >\n                  What do you require?\n                </Span>\n              </Flex>\n\n              <Flex>\n                <Field\n                  magnitude=\"medium\"\n                  id=\"subdivision-type-boundary\"\n                  name=\"subdivisionType\"\n                  label=\"Point of the supply at the boundary of subdivision\"\n                  value=\"boundary\"\n                  currentValue={values.subdivisionType}\n                  flexGrow={0.5}\n                  flexBasis={0}\n                  minWidth={0}\n                  mr={3}\n                  gaEvent={getGaPosSubdivisionEvent()}\n                  component={FormikRadioButton}\n                />\n                <Field\n                  magnitude=\"medium\"\n                  id=\"subdivision-type-full-reticulation\"\n                  name=\"subdivisionType\"\n                  label=\"Full reticulation\"\n                  value=\"full reticulation\"\n                  currentValue={values.subdivisionType}\n                  flexGrow={0.5}\n                  flexBasis={0}\n                  minWidth={0}\n                  ml={2}\n                  gaEvent={getGaReticSubdivisionEvent()}\n                  component={FormikRadioButton}\n                />\n              </Flex>\n            </Flex>\n          )}\n\n          <Flex flexDirection=\"column\" mb={7}>\n            <Span\n              display=\"inline-block\"\n              fontSize={4}\n              lineHeight={4}\n              fontWeight=\"medium\"\n              mb={3}\n            >\n              Give us a description of the development\n            </Span>\n\n            <Field\n              id=\"development-description\"\n              name=\"developmentDescription\"\n              label=\"Description\"\n              placeholder=\"e.g. Existing site will be partially demolished and new apartment blocks will be installed in their place. The estimated new load will be 3-4MVA\"\n              rows={5}\n              mr={3}\n              component={FormikTextBox}\n            />\n\n            <ErrorMessage\n              name=\"developmentDescription\"\n              className=\"field-error\"\n              component={FormInputErrorMessage}\n            />\n          </Flex>\n        </>\n      )}\n\n      <Box>\n        <SitePlanUpload onStatusChange={handleUploadPlanStatusChange} />\n\n        <Line\n          width=\"100%\"\n          border=\"1px solid\"\n          borderColor=\"neutrals.ln30\"\n          bg=\"neutrals.ln30\"\n          opacity=\"1\"\n          height={0}\n          my={7}\n        />\n      </Box>\n\n      <NewConnectionContactDetailsForm\n        id=\"new-connection-contact-details-section\"\n        contactDetails={values.contactDetails}\n        newConnectionType={complexConnection ? \"complex\" : \"simple\"}\n        hasElectrician={values.hasElectrician}\n        hasLandOwner={values.hasLandOwner}\n        optionalContactDetails={values.optionalContactDetails}\n        validateField={validateField}\n      />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { NewConnectionLotValues } from \"../../../../../../types/NewConnectionLotValues\";\nimport { Span } from \"../../../../../Span\";\nimport {\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\nimport { mediaQueries } from \"../../../../../../theme\";\n\ninterface Props {\n  lots: NewConnectionLotValues[];\n}\n\nconst Table = styled.table<LayoutProps>`\n  ${layout}\n  display: none;\n\n  ${mediaQueries.mediumDevice} {\n    display: table;\n    text-align: left;\n  }\n`;\n\nconst TableCell = styled.td<SpaceProps>`\n  ${space}\n  border-top: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst TableHeadCell = styled.th<TypographyProps>`\n  ${typography}\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n`;\n\nexport const ReviewFormDesktopLots: React.FC<Props> = ({ lots }) => {\n  return (\n    <Table>\n      <thead>\n        <tr>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Supply type\n          </TableHeadCell>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Phase\n          </TableHeadCell>\n          <TableHeadCell lineHeight={4} fontWeight=\"medium\">\n            Fuse (Amp)\n          </TableHeadCell>\n        </tr>\n      </thead>\n      <tbody>\n        {lots.map((lot, index) => {\n          return (\n            <tr data-testid={`desktop-lot-row-${index + 1}`} key={index}>\n              <TableCell py={3}>\n                <Span data-testid={`lot-${index + 1}-type`}>{lot.type}</Span>\n              </TableCell>\n              <TableCell py={3}>\n                <Span data-testid={`lot-${index + 1}-phase`}>{lot.phase}</Span>\n              </TableCell>\n              <TableCell py={3}>\n                <Span data-testid={`lot-${index + 1}-fuse`}>{lot.fuseAmp}</Span>\n              </TableCell>\n            </tr>\n          );\n        })}\n      </tbody>\n    </Table>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../../../Flex\";\nimport { layout, LayoutProps, space, SpaceProps } from \"styled-system\";\nimport { mediaQueries } from \"../../../../../../theme\";\nimport { Span } from \"../../../../../Span\";\nimport { NewConnectionLotValues } from \"../../../../../../types/NewConnectionLotValues\";\n\ninterface Props {\n  lots: NewConnectionLotValues[];\n}\n\nconst Table = styled.table<LayoutProps>`\n  ${layout}\n  text-align: left;\n  display: table;\n\n  ${mediaQueries.mediumDevice} {\n    display: none;\n  }\n`;\n\nconst TableCell = styled.td<SpaceProps>`\n  ${space}\n  border-top: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst LabelWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nexport const ReviewFormMobileLots: React.FC<Props> = ({ lots }) => {\n  return (\n    <Table>\n      <thead></thead>\n      <tbody>\n        {lots.map((lot, index) => {\n          return (\n            <tr data-testid={`mobile-lot-row-${index + 1}`} key={index}>\n              <TableCell pt={2} pb={3}>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Supply Type\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`lot-${index + 1}-type`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {lot.type}\n                  </ValueWrapper>\n                </Flex>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Phase\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`lot-${index + 1}-phase`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {lot.phase}\n                  </ValueWrapper>\n                </Flex>\n                <Flex flexDirection=\"row\" mb={2}>\n                  <LabelWrapper lineHeight={2} flexGrow={0.5}>\n                    Fuse (Amp)\n                  </LabelWrapper>\n                  <ValueWrapper\n                    data-testid={`lot-${index + 1}-fuse`}\n                    lineHeight={2}\n                    flexGrow={0.5}\n                  >\n                    {lot.fuseAmp}\n                  </ValueWrapper>\n                </Flex>\n              </TableCell>\n            </tr>\n          );\n        })}\n      </tbody>\n    </Table>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../../../Flex\";\nimport { ReviewFormDesktopLots } from \"../ReviewFormDesktopLots\";\nimport { ReviewFormMobileLots } from \"../ReviewFormMobileLots\";\n// eslint-disable-next-line max-len\nimport {\n  getAddressInformation,\n  getSiteLotInformation,\n} from \"../../../../../LiveningIcpForm/_/LiveningIcpReviewForm/_/FormattedAddressUtil/FormattedAddressUtil\";\nimport { Span } from \"../../../../../Span\";\nimport {\n  getFileExtension,\n  getFileNameWithoutExtension,\n} from \"../../../../../FileUpload/_/FileUtil/FileUtil\";\nimport { NewConnectionFormValues } from \"../../../../../../types/NewConnectionFormValues\";\nimport { isComplexConnection } from \"../../../../../NewConnectionComplexUtil/NewConnectionComplexUtil\";\n\ninterface Props {\n  values: NewConnectionFormValues;\n}\n\nconst SiteWrapper = styled(Flex)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst LabelWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.neutrals.dn40};\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nconst UploadUnitWrapper = styled(Flex)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nconst FileTypeWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.white};\n  background-color: ${({ theme }) => theme.colors.neutrals.mn80};\n  text-transform: uppercase;\n`;\n\nexport const ReviewFormSiteDetails: React.FC<Props> = ({ values }) => {\n  const isComplex = isComplexConnection(values.site);\n  const hasMoreThanTenLots = values.site.lotCount === \"More than 10\";\n\n  return (\n    <>\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n          Address\n        </LabelWrapper>\n\n        <ValueWrapper\n          data-testid=\"review-form-site-details-address\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n        >\n          {values.site.siteType === \"lotAndDpNumber\"\n            ? getSiteLotInformation(values.site.lotInformation)\n            : values.site.siteType === \"streetNumberAndName\"\n            ? getAddressInformation(values.site.addressInformation)\n            : \"N/A\"}\n        </ValueWrapper>\n      </Flex>\n\n      {values.site.addressInformation && (\n        <Flex flexDirection=\"row\" mb={3}>\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n            Additional address information\n          </LabelWrapper>\n\n          <ValueWrapper\n            data-testid=\"review-form-site-details-address-additional\"\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n          >\n            {values.site.addressInformation.additionalAddressInformation}\n          </ValueWrapper>\n        </Flex>\n      )}\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n          Number of lots\n        </LabelWrapper>\n\n        <ValueWrapper\n          data-testid=\"review-form-site-details-lot-count\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n        >\n          {values.site.lotCount}\n        </ValueWrapper>\n      </Flex>\n\n      {!isComplex && (\n        <Flex flexDirection=\"row\" mb={3}>\n          <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n            Additional site requirements\n          </LabelWrapper>\n\n          <ValueWrapper\n            data-testid=\"review-form-site-details-additional-site-requirements\"\n            lineHeight={2}\n            ml={3}\n            flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n          >\n            {values.site.additionalSiteRequirements}\n          </ValueWrapper>\n        </Flex>\n      )}\n\n      {isComplex && (\n        <>\n          <Flex flexDirection=\"row\" mb={3}>\n            <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n              Service type\n            </LabelWrapper>\n\n            <ValueWrapper\n              data-testid=\"review-form-site-details-service-type\"\n              lineHeight={2}\n              ml={3}\n              flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n            >\n              {values.serviceType}\n            </ValueWrapper>\n          </Flex>\n\n          <Flex flexDirection=\"row\" mb={3}>\n            <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n              Project type\n            </LabelWrapper>\n\n            <ValueWrapper\n              data-testid=\"review-form-site-details-project-type\"\n              lineHeight={2}\n              ml={3}\n              flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n            >\n              {values.projectType}\n            </ValueWrapper>\n          </Flex>\n\n          {values.projectType === \"subdivision\" && (\n            <Flex flexDirection=\"row\" mb={3}>\n              <LabelWrapper\n                lineHeight={2}\n                flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}\n              >\n                Project requirement\n              </LabelWrapper>\n\n              <ValueWrapper\n                data-testid=\"review-form-site-details-subdivision-type\"\n                lineHeight={2}\n                ml={3}\n                flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n              >\n                {values.subdivisionType}\n              </ValueWrapper>\n            </Flex>\n          )}\n          <Flex flexDirection=\"row\" mb={3}>\n            <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n              Description\n            </LabelWrapper>\n\n            <ValueWrapper\n              data-testid=\"review-form-site-details-development-description\"\n              lineHeight={2}\n              ml={3}\n              flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n            >\n              {values.developmentDescription}\n            </ValueWrapper>\n          </Flex>\n        </>\n      )}\n\n      <Flex flexDirection=\"row\" mb={7}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.35]}>\n          Site plan\n        </LabelWrapper>\n\n        <ValueWrapper\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.65]}\n        >\n          {values.sitePlans.map((unit, index) => {\n            return (\n              <UploadUnitWrapper\n                key={index}\n                mb={3}\n                borderRadius=\"radio\"\n                padding={[2, 2, 2, 3]}\n              >\n                <Span\n                  data-testid={`review-form-site-${index + 1}-filename`}\n                  fontSize={2}\n                  lineHeight={2}\n                >\n                  {getFileNameWithoutExtension(unit.fileName)}\n                </Span>\n\n                <FileTypeWrapper\n                  data-testid={`review-form-site-${index + 1}-filetype`}\n                  ml={3}\n                  padding={1}\n                  borderRadius=\"fileType\"\n                  fontSize={1}\n                  lineHeight={0}\n                >\n                  {getFileExtension(unit.fileName)}\n                </FileTypeWrapper>\n              </UploadUnitWrapper>\n            );\n          })}\n        </ValueWrapper>\n      </Flex>\n\n      {!hasMoreThanTenLots && (\n        <SiteWrapper\n          flexDirection=\"column\"\n          borderRadius=\"radio\"\n          padding={[3, 3, 3, 4]}\n          mb={4}\n        >\n          <ReviewFormDesktopLots lots={values.site.lots} />\n          <ReviewFormMobileLots lots={values.site.lots} />\n        </SiteWrapper>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport { getNewConnectionRolesTitle } from \"../../../../../ContactDetailsRolesTitle/ContactDetailsRolesTitle\";\nimport { Flex } from \"../../../../../Flex\";\nimport { Span } from \"../../../../../Span\";\nimport { ReviewFormContactDetails } from \"../../../../../ReviewFormContactDetails\";\nimport { NewConnectionContactDetailsValues } from \"../../../../../../types/NewConnectionContactDetailsValues\";\nimport {\n  HasElectricianTypes,\n  HasLandOwnerTypes,\n} from \"../../../../../../constants/HasOptionalRoleValues\";\n\ninterface Props {\n  contactDetails: NewConnectionContactDetailsValues;\n  contactDetailsIndex: number;\n  hasElectrician: HasElectricianTypes;\n  hasLandOwner: HasLandOwnerTypes;\n}\n\nexport const ReviewFormNewConnectionContactDetailsWithTitle: React.FC<Props> =\n  ({ contactDetails, contactDetailsIndex, hasElectrician, hasLandOwner }) => {\n    return (\n      <Flex flexDirection=\"column\">\n        <Span lineHeight={2} fontWeight=\"bold\" mb={3}>\n          {getNewConnectionRolesTitle(\n            contactDetails.roles,\n            contactDetailsIndex === 0,\n            hasElectrician,\n            hasLandOwner,\n          )}\n        </Span>\n\n        <ReviewFormContactDetails contactDetails={contactDetails} />\n      </Flex>\n    );\n  };\n","import React from \"react\";\nimport { NewConnectionFormValues } from \"../../../../types/NewConnectionFormValues\";\nimport { Title } from \"../../../Title\";\nimport { ReviewFormSection } from \"../../../LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormSection\";\nimport { Flex } from \"../../../Flex\";\nimport { ReviewFormSiteDetails } from \"./_/ReviewFormSiteDetails\";\nimport { SquareCheckbox } from \"../../../SquareCheckbox\";\nimport {\n  getGaEditContactDetailsEvent,\n  getGaEditSiteDetailsEvent,\n} from \"../../../../utils/ga/GaNewConnectionEvents\";\nimport { ReviewFormOptionalContactDetails } from \"../../../ReviewFormOptionalContactDetails\";\nimport { ReviewFormNewConnectionContactDetailsWithTitle } from \"./_/ReviewFormNewConnectionContactDetailsWithTitle\";\nimport { Span } from \"../../../Span\";\nimport { Link } from \"../../../Link\";\nimport { sendGAEvent } from \"../../../../utils/ga/GaEventSender\";\n\ninterface Props {\n  values: NewConnectionFormValues;\n  onEdit: (elementId: string) => void;\n  selectedTermsConditions: boolean;\n  onSelectTermsConditions: () => void;\n}\n\nconst NEW_CONNECTION_ORDER_DETAILS_SECTION =\n  \"new-connection-order-details-section\";\nconst NEW_CONNECTION_CONTACT_DETAILS_SECTION =\n  \"new-connection-contact-details-section\";\n\nexport const NewConnectionReviewForm: React.FC<Props> = ({\n  values,\n  onEdit,\n  selectedTermsConditions,\n  onSelectTermsConditions,\n}) => {\n  const handleOnEdit = (elementId: string) => () => {\n    if (elementId === NEW_CONNECTION_ORDER_DETAILS_SECTION) {\n      sendGAEvent(getGaEditSiteDetailsEvent());\n    }\n\n    if (elementId === NEW_CONNECTION_CONTACT_DETAILS_SECTION) {\n      sendGAEvent(getGaEditContactDetailsEvent());\n    }\n\n    onEdit(elementId);\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mb={5}>\n        {\"Review & Submit\"}\n      </Title>\n\n      <ReviewFormSection\n        id=\"review-form-site-details-section\"\n        title=\"Site details\"\n        data-testid=\"review-section-site-details\"\n        onEditClick={handleOnEdit(NEW_CONNECTION_ORDER_DETAILS_SECTION)}\n      >\n        <ReviewFormSiteDetails values={values} />\n      </ReviewFormSection>\n\n      <ReviewFormSection\n        id=\"review-form-contact-details-section\"\n        title=\"Contact details\"\n        data-testid=\"review-section-contact-details\"\n        onEditClick={handleOnEdit(NEW_CONNECTION_CONTACT_DETAILS_SECTION)}\n      >\n        {values.contactDetails.map((contactDetails, index) => {\n          return (\n            <ReviewFormNewConnectionContactDetailsWithTitle\n              key={index}\n              contactDetails={contactDetails}\n              contactDetailsIndex={index}\n              hasElectrician={values.hasElectrician}\n              hasLandOwner={values.hasLandOwner}\n            />\n          );\n        })}\n\n        {(values.hasElectrician === \"no\" ||\n          values.hasElectrician === \"yes\") && (\n          <ReviewFormOptionalContactDetails\n            contactDetails={values.optionalContactDetails}\n            hasOptional={values.hasElectrician}\n            title=\"Electrician\"\n            mb={5}\n          />\n        )}\n\n        {(values.hasLandOwner === \"no\" || values.hasLandOwner === \"yes\") && (\n          <ReviewFormOptionalContactDetails\n            contactDetails={values.optionalContactDetails}\n            hasOptional={values.hasLandOwner}\n            title=\"Land Owner\"\n            mb={0}\n          />\n        )}\n      </ReviewFormSection>\n\n      <SquareCheckbox\n        id=\"terms-conditions\"\n        label={() => (\n          <Span>\n            {\"I have read and understand Vector's\"}{\" \"}\n            <Link href=\"https://www.vector.co.nz/privacy-policy\">\n              privacy policy\n            </Link>\n          </Span>\n        )}\n        name=\"terms-conditions\"\n        onChange={onSelectTermsConditions}\n        checked={selectedTermsConditions}\n        value={selectedTermsConditions}\n        mr={3}\n      />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { ProgressStepper } from \"../ProgressStepper\";\n\ninterface Props {\n  currentStep: number;\n}\n\nconst NEW_CONNECTION_FORM_STEPS = [\"Service Type\", \"Order Details\", \"Review\"];\n\nexport const NewConnectionProgressStepper: React.FC<Props> = ({ ...props }) => {\n  return <ProgressStepper steps={NEW_CONNECTION_FORM_STEPS} {...props} />;\n};\n\nexport { NEW_CONNECTION_FORM_STEPS };\n","import * as yup from \"yup\";\nimport { ALTERNATE_PHONE_REG_EXP, MOBILE_REG_EXP } from \"../../constants/ContactNumbersRegex\";\nimport { NewConnectionRoles } from \"../../types/ContactDetailRoles\";\nimport { ContactPreferences } from \"../../types/ContactDetailsValues\";\nimport {\n  newConnectionFormMobileCheck\n} from \"./_/NewConnectionFormMobileValidateUtil/NewConnectionFormMobileValidateUtil\";\nimport { HasElectricianTypes, HasLandOwnerTypes } from \"../../constants/HasOptionalRoleValues\";\nimport {\n  ONLY_LETTERS_AND_SPACE_REG_EXP,\n  ONLY_NUMBERS_REG_EXP,\n  STARTS_WITH_NUMBERS_REG_EXP\n} from \"../../constants/FormRegex\";\nimport { isBillingAddressRequired } from \"../../utils/isBillingAddressRequired/isBillingAddressRequired\";\nimport { noWhitespaceValidation } from \"../../utils/noWhitespaceValidation/noWhitespaceValidation\";\nimport { EMAIL_REG_EXP } from \"../../constants/EmailRegex\";\n\nyup.addMethod<yup.StringSchema>(\n  yup.string,\n  \"noWhitespace\",\n  noWhitespaceValidation,\n);\n\nexport const NewConnectionOrderDetailsFormSchema = yup.object().shape({\n  isUserLoggedIn: yup.boolean(),\n  site: yup.object().shape({\n    siteType: yup.string().required(\"Site type is required\"),\n    lotInformation: yup.object().when(\"siteType\", {\n      is: (siteType: string) => siteType === \"lotAndDpNumber\",\n      then: yup.object({\n        lotNumber: yup\n          .string()\n          .required(\"Lot Number is required\")\n          .matches(ONLY_NUMBERS_REG_EXP, \"Lot Number can only contain numbers\")\n          .max(5, \"Maximum length is 5\"),\n        dpNumber: yup\n          .string()\n          .required(\"DP Number is required\")\n          .matches(ONLY_NUMBERS_REG_EXP, \"DP Number can only contain numbers\")\n          .max(50, \"Maximum length is 50\"),\n        streetNumber: yup\n          .string()\n          .noWhitespace(\"Street Number is invalid\")\n          .max(6, \"Maximum length is 6\"),\n        streetName: yup\n          .string()\n          .noWhitespace(\"Street name is invalid\")\n          .required(\"Street name is required\")\n          .test(\n            \"is-valid-street-name\",\n            \"The street number cannot be entered in the Street Name field. Please move the number into the Street Number field\",\n            (value) => {\n              if (!value) {\n                return false;\n              }\n\n              const matches = STARTS_WITH_NUMBERS_REG_EXP.test(value);\n              return !matches;\n            },\n          ),\n        suburb: yup\n          .string()\n          .noWhitespace(\"Suburb is invalid\")\n          .max(50, \"Maximum length is 50\")\n          .required(\"Suburb is required\")\n          .matches(\n            ONLY_LETTERS_AND_SPACE_REG_EXP,\n            \"Suburb can only contain letters\",\n          ),\n        postcode: yup\n          .string()\n          .noWhitespace(\"Post code is invalid\")\n          .required(\"Postcode is required\")\n          .matches(ONLY_NUMBERS_REG_EXP, \"Postcode can only contain numbers\")\n          .length(4, \"Postcode should contain 4 numbers, please update\"),\n      }),\n    }),\n    addressInformation: yup.object().when(\"siteType\", {\n      is: (siteType: string) => siteType === \"streetNumberAndName\",\n      then: yup.object({\n        manuallyEnteredAddress: yup.boolean(),\n        streetAddress: yup.string().when(\"manuallyEnteredAddress\", {\n          is: false,\n\n          then: yup.string().test(\n            \"is-valid-address\",\n            \"Street address is invalid\",\n\n            function (value) {\n              const { from } = this as yup.TestContext & {\n                /* eslint-disable  @typescript-eslint/no-explicit-any */\n                from: any;\n              };\n\n              if (!value) {\n                return false;\n              }\n\n              const formValues = from[0];\n              if (formValues) {\n                const streetAddressId = from[0].value.streetAddressId as string;\n                return streetAddressId !== undefined && streetAddressId !== \"\";\n              }\n\n              return false;\n            },\n          ),\n          otherwise: yup.string(),\n        }),\n        manualStreetAddress: yup.object().when(\"manuallyEnteredAddress\", {\n          is: true,\n          then: yup.object({\n            streetNumber: yup\n              .string()\n              .noWhitespace(\"Street Number is invalid\")\n              .required(\"Street Number is required\")\n              .max(6, \"Maximum length is 6\"),\n            streetName: yup\n              .string()\n              .noWhitespace(\"Street Name is invalid\")\n              .required(\"Street Name is required\")\n              .max(50, \"Maximum length is 50\"),\n            suburb: yup\n              .string()\n              .noWhitespace(\"Suburb is invalid\")\n              .required(\"Suburb is required\")\n              .max(50, \"Maximum length is 50\")\n              .matches(\n                ONLY_LETTERS_AND_SPACE_REG_EXP,\n                \"Suburb can only contain letters\",\n              ),\n            unit: yup\n              .string()\n              .noWhitespace(\"Unit is invalid\")\n              .max(5, \"Maximum length is 5\"),\n            postcode: yup\n              .string()\n              .noWhitespace(\"Postcode is invalid\")\n              .required(\"Postcode is required\")\n              .matches(\n                ONLY_NUMBERS_REG_EXP,\n                \"Postcode can only contain numbers\",\n              )\n              .length(4, \"Postcode should contain 4 numbers, please update\"),\n          }),\n        }),\n        additionalAddressInformation: yup\n          .string()\n          .noWhitespace(\"Additional address information is invalid\")\n          .max(\n            100,\n            \"Additional address information has a 100 characters limit\",\n          ),\n      }),\n    }),\n    lotCount: yup\n      .string()\n      .noWhitespace(\"Lot count is invalid\")\n      .required(\"Lot count is required\"),\n    lots: yup.array().of(\n      yup.object().shape({\n        type: yup.string().required(),\n        phase: yup.number().required(),\n        fuseAmp: yup.string().required(),\n      }),\n    ),\n    additionalSiteRequirements: yup\n      .string()\n      .noWhitespace(\"Site requirements is invalid\")\n      .max(2000, \"Site requirements has a 2000 characters limit\"),\n  }),\n  serviceType: yup.string().when(\"isComplexConnection\", {\n    is: (isComplexConnection: boolean) => isComplexConnection,\n    then: yup.string().required(\"Service type is required\"),\n    otherwise: yup.string(),\n  }),\n  projectType: yup.string().when(\"isComplexConnection\", {\n    is: (isComplexConnection: boolean) => isComplexConnection,\n    then: yup.string().required(\"Project type is required\"),\n    otherwise: yup.string(),\n  }),\n  subdivisionType: yup.string().when([\"isComplexConnection\", \"projectType\"], {\n    is: (isComplexConnection: boolean, projectType: string) =>\n      projectType === \"subdivision\" && isComplexConnection,\n    then: yup.string().required(\"Subdivision type is required\"),\n    otherwise: yup.string(),\n  }),\n  developmentDescription: yup\n    .string()\n    .noWhitespace(\"Description is invalid\")\n    .max(300, \"Description has a 300 characters limit\"),\n  filesUploadStatus: yup.string(),\n  sitePlans: yup.array().when(\"filesUploadStatus\", {\n    is: (filesUploadStatus: string) => !filesUploadStatus,\n    then: yup\n      .array()\n      .of(\n        yup.object().shape({\n          fileName: yup.string().required(\"File is required\"),\n          md5: yup.string().required(\"File md5 is required\"),\n        }),\n      )\n      .min(1, \"Please upload the file containing the site plan details\")\n      .max(5, \"Max of 5 files allowed\"),\n  }),\n  isComplexConnection: yup.boolean(),\n  siteAccessContactRoleChecked: yup.boolean(),\n  quotePayerRoleChecked: yup.boolean(),\n  customerRoleChecked: yup.boolean(),\n  consultantRoleChecked: yup.boolean(),\n  hasElectrician: yup.string().when(\"isComplexConnection\", {\n    is: (isComplexConnection: boolean) => !isComplexConnection,\n    then: yup.string().required(\"Please select a option for electrician\"),\n  }),\n  hasLandOwner: yup.string().when(\"isComplexConnection\", {\n    is: (isComplexConnection: boolean) => isComplexConnection,\n    then: yup.string().required(\"Please select a option for land owner\"),\n  }),\n  contactDetails: yup.array().of(\n    yup.object().shape(\n      {\n        firstName: yup\n          .string()\n          .noWhitespace(\"First Name is invalid\")\n          .max(50, \"Maximum length is 50\")\n          .required(\"First Name is required\"),\n        lastName: yup\n          .string()\n          .noWhitespace(\"Last Name is invalid\")\n          .max(50, \"Maximum length is 50\")\n          .required(\"Last Name is required\"),\n        email: yup.string().when([\"workContactPreferences\", \"roles\"], {\n          is: (\n            workContactPreferences: ContactPreferences,\n            roles: NewConnectionRoles,\n          ) => {\n            return (\n              workContactPreferences.email ||\n              roles.quotePayerRole ||\n              roles.customerRole\n            );\n          },\n          then: yup\n            .string()\n            .noWhitespace(\"Enter a valid email\")\n            .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"Email is required\"),\n          otherwise: yup\n            .string()\n            .noWhitespace(\"Enter a valid email\")\n            .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n            .max(50, \"Maximum length is 50\"),\n        }),\n        mobile: yup\n          .string()\n          .when(\n            [\n              \"quoteContactPreferences\",\n              \"workContactPreferences\",\n              \"roles\",\n              \"alternatePhone\",\n            ],\n            {\n              is: (\n                quoteContactPreferences: ContactPreferences,\n                workContactPreferences: ContactPreferences,\n                roles: NewConnectionRoles,\n                alternatePhone: string,\n              ) => {\n                return newConnectionFormMobileCheck(\n                  quoteContactPreferences,\n                  workContactPreferences,\n                  roles,\n                  alternatePhone,\n                );\n              },\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid mobile number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid mobile number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            },\n          ),\n        alternatePhone: yup\n          .string()\n          .noWhitespace(\"Enter a valid alternate phone number\")\n          .nullable()\n          .matches(\n            ALTERNATE_PHONE_REG_EXP,\n            \"Enter a valid alternate phone number\",\n          ),\n        businessName: yup\n          .string()\n          .noWhitespace(\"Business name is invalid\")\n          .max(100, \"Maximum length is 100 characters\"),\n        businessNumber: yup\n          .string()\n          .noWhitespace(\"Business number is invalid\")\n          .nullable()\n          .matches(ONLY_NUMBERS_REG_EXP, \"NZBN can only contain numbers\")\n          .length(13, \"Your NZBN should contain 13 numbers, please update\"),\n        billingAddressId: yup.string(),\n        billingAddressDisplay: yup\n          .string()\n          .when([\"roles\", \"manuallyEnteredBillingAddress\"], {\n            is: (\n              roles: NewConnectionRoles,\n              manuallyEnteredBillingAddress: boolean,\n            ) => {\n              return roles.quotePayerRole && !manuallyEnteredBillingAddress;\n            },\n\n            then: yup.string().test(\n              \"is-valid-address\",\n              \"Billing address is invalid\",\n\n              function (value) {\n                const { from } = this as yup.TestContext & {\n                  /* eslint-disable  @typescript-eslint/no-explicit-any */\n                  from: any;\n                };\n\n                if (!value) {\n                  return false;\n                }\n\n                const contactDetailsValues = from[0];\n                const formValues = from[1];\n\n                if (!contactDetailsValues || !formValues) {\n                  return false;\n                }\n\n                const isUserLoggedIn = formValues.value\n                  .isUserLoggedIn as boolean;\n                const billingAddressId = contactDetailsValues.value\n                  .billingAddressId as string;\n                const roles = contactDetailsValues.value\n                  .roles as NewConnectionRoles;\n\n                const isRequired = isBillingAddressRequired(\n                  roles,\n                  isUserLoggedIn,\n                  billingAddressId,\n                );\n\n                return !isRequired;\n              },\n            ),\n            otherwise: yup.string(),\n          }),\n        manuallyEnteredBillingAddress: yup.boolean(),\n        manualBillingAddress: yup\n          .object()\n          .when(\"manuallyEnteredBillingAddress\", {\n            is: true,\n            then: yup.object({\n              addressString: yup\n                .string()\n                .noWhitespace(\n                  \"Street address / PO Box or Private Bag is invalid\",\n                )\n                .required(\"Street address / PO Box or Private Bag is required\")\n                .max(100, \"Maximum length is 100\")\n                .min(5, \"Street address / PO Box or Private Bag is invalid\"),\n              suburb: yup\n                .string()\n                .noWhitespace(\"Suburb is invalid\")\n                .max(50, \"Maximum length is 50\")\n                .matches(\n                  ONLY_LETTERS_AND_SPACE_REG_EXP,\n                  \"Suburb can only contain letters\",\n                ),\n              city: yup\n                .string()\n                .noWhitespace(\"City is invalid\")\n                .required(\"City is required\")\n                .max(50, \"Maximum length is 50\")\n                .matches(\n                  ONLY_LETTERS_AND_SPACE_REG_EXP,\n                  \"City can only contain letters\",\n                ),\n              postcode: yup\n                .string()\n                .noWhitespace(\"Postcode is invalid\")\n                .required(\"Postcode is required\")\n                .matches(\n                  ONLY_NUMBERS_REG_EXP,\n                  \"Postcode can only contain numbers\",\n                )\n                .length(4, \"Postcode should contain 4 numbers, please update\"),\n            }),\n          }),\n        workContactPreferences: yup.object().shape({\n          email: yup.boolean(),\n          sms: yup.boolean(),\n        }),\n        quoteContactPreferences: yup.object().shape({\n          email: yup.boolean(),\n          sms: yup.boolean(),\n        }),\n        roles: yup.object().shape({\n          requester: yup.boolean(),\n          quotePayerRole: yup.boolean().test(\n            \"quotePayerCheck\",\n            \"Must be assigned to one contact\",\n            /* eslint-disable @typescript-eslint/no-explicit-any */\n            /* eslint-disable @typescript-eslint/no-unused-vars */\n            function (values: any) {\n              /* @ts-ignore */\n              const formValues = this.from[2];\n              if (formValues) {\n                if (formValues.value.isComplexConnection) {\n                  return true;\n                }\n\n                return formValues.value.quotePayerRoleChecked;\n              }\n              return true;\n            },\n          ),\n          siteAccessContactRole: yup.boolean().test(\n            \"siteAccessContactCheck\",\n            \"Must be assigned to one contact\",\n            /* eslint-disable @typescript-eslint/no-explicit-any */\n            /* eslint-disable @typescript-eslint/no-unused-vars */\n            function (values: any) {\n              /* @ts-ignore */\n              const formValues = this.from[2];\n              if (formValues) {\n                if (formValues.value.isComplexConnection) {\n                  return true;\n                }\n\n                return formValues.value.siteAccessContactRoleChecked;\n              }\n              return true;\n            },\n          ),\n          customerRole: yup.boolean().test(\n            \"customerContactCheck\",\n            \"Customer contact details are required\",\n            /* eslint-disable @typescript-eslint/no-explicit-any */\n            /* eslint-disable @typescript-eslint/no-unused-vars */\n            function (values: any) {\n              /* @ts-ignore */\n              const formValues = this.from[2];\n              if (formValues) {\n                if (!formValues.value.isComplexConnection) {\n                  return true;\n                }\n\n                return formValues.value.customerRoleChecked;\n              }\n              return true;\n            },\n          ),\n          consultantRole: yup.boolean(),\n        }),\n        contactHasRole: yup.boolean()\n        .test(\n          \"contactDetailsRole-selected\",\n          \"Role is required\",\n          /* eslint-disable @typescript-eslint/no-explicit-any */\n          /* eslint-disable @typescript-eslint/no-unused-vars */\n          function (values: any) {\n            /* @ts-ignore */\n            const formValues = this.from[0];\n            // @ts-ignore\n            const complexForm = this.from[1].value.isComplexConnection;\n\n            let roleSelected = false;\n\n            if (!complexForm){\n              roleSelected =\n                formValues.value.roles.requester ||\n                formValues.value.roles.siteAccessContactRole ||\n                formValues.value.roles.quotePayerRole;\n            }else {\n              roleSelected =\n                formValues.value.roles.requester ||\n                formValues.value.roles.customerRole ||\n                formValues.value.roles.consultantRole;\n              }\n\n            return roleSelected;\n          }),\n        },\n      [[\"mobile\", \"alternatePhone\"]],\n    )\n  ),\n  optionalContactDetails: yup\n    .object()\n    .when(\"hasElectrician\", {\n      is: (hasElectrician: HasElectricianTypes) => hasElectrician === \"yes\",\n      then: yup.object().shape(\n        {\n          firstName: yup\n            .string()\n            .noWhitespace(\"First name is invalid\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"First name is required\"),\n          lastName: yup\n            .string()\n            .noWhitespace(\"Last name is invalid\")\n            .max(50, \"Maximum length is 50\")\n            .required(\"Last name is required\"),\n          email: yup.string().when(\"workContactPreferences\", {\n            is: (workContactPreferences: ContactPreferences) =>\n              workContactPreferences.email,\n            then: yup\n              .string()\n              .noWhitespace(\"Enter a valid email\")\n              .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n              .max(50, \"Maximum length is 50\")\n              .required(\"Email is required\"),\n            otherwise: yup\n              .string()\n              .noWhitespace(\"Enter a valid email\")\n              .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n              .max(50, \"Maximum length is 50\"),\n          }),\n          mobile: yup\n            .string()\n            .when(\"workContactPreferences\", {\n              is: (workContactPreferences: ContactPreferences) =>\n                workContactPreferences.sms,\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            })\n            .when(\"alternatePhone\", {\n              is: (alternatePhone: string) =>\n                !alternatePhone || alternatePhone === \"\",\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n                .required(\"Mobile is required\"),\n              otherwise: yup\n                .string()\n                .noWhitespace(\"Enter a valid phone number\")\n                .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            }),\n          alternatePhone: yup\n            .string()\n            .noWhitespace(\"Enter a valid alternate phone number\")\n            .nullable()\n            .matches(\n              ALTERNATE_PHONE_REG_EXP,\n              \"Enter a valid alternate phone number\",\n            ),\n          businessName: yup\n            .string()\n            .noWhitespace(\"Business name is invalid\")\n            .max(100, \"Maximum length is 100 characters\"),\n          workContactPreferences: yup.object().shape({\n            email: yup.boolean(),\n            sms: yup.boolean(),\n          }),\n        },\n        [[\"mobile\", \"alternatePhone\"]],\n      ),\n    })\n    .when(\"hasLandOwner\", {\n      is: (hasLandOwner: HasLandOwnerTypes) => hasLandOwner === \"yes\",\n      then: yup\n        .object()\n        .shape(\n          {\n            firstName: yup\n              .string()\n              .noWhitespace(\"First name is invalid\")\n              .max(50, \"Maximum length is 50\")\n              .required(\"First name is required\"),\n            lastName: yup\n              .string()\n              .noWhitespace(\"Last name is invalid\")\n              .max(50, \"Maximum length is 50\")\n              .required(\"Last name is required\"),\n            email: yup.string().when(\"workContactPreferences\", {\n              is: (workContactPreferences: ContactPreferences) =>\n                workContactPreferences.email,\n              then: yup\n                .string()\n                .noWhitespace(\"Enter a valid email\")\n                .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n                .max(50, \"Maximum length is 50\"),\n            }),\n            mobile: yup\n              .string()\n              .noWhitespace(\"Enter a valid mobile number\")\n              .matches(MOBILE_REG_EXP, \"Enter a valid mobile number\"),\n            alternatePhone: yup\n              .string()\n              .noWhitespace(\"Enter a valid alternate phone number\")\n              .matches(\n                ALTERNATE_PHONE_REG_EXP,\n                \"Enter a valid alternate phone number\",\n              ),\n            businessName: yup\n              .string()\n              .noWhitespace(\"Business name is invalid\")\n              .max(100, \"Maximum length is 100 characters\"),\n            workContactPreferences: yup.object().shape({\n              email: yup.boolean(),\n              sms: yup.boolean(),\n            }),\n          },\n          [[\"mobile\", \"alternatePhone\"]],\n        )\n        .required(\"Must complete optional contact detail\"),\n    }),\n});\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { NewConnectionFormValues } from \"../../types/NewConnectionFormValues\";\nimport { IconServiceType } from \"../IconServiceType\";\nimport { Form, Formik, FormikHelpers } from \"formik\";\nimport { space, SpaceProps } from \"styled-system\";\nimport { Button } from \"../Button\";\nimport { Flex } from \"../Flex\";\nimport {\n  handleScrollToId,\n  scrollToTop,\n} from \"../../utils/handleScroll/HandleScroll\";\nimport { NewConnectionOrderDetailsForm } from \"./_/NewConnectionOrderDetailsForm\";\nimport { NewConnectionReviewForm } from \"./_/NewConnectionReviewForm\";\nimport { NEW_CONNECTION_FORM_STEPS } from \"../NewConnectionProgressStepper/NewConnectionProgressStepper\";\nimport { mediaQueries } from \"../../theme\";\nimport { shouldGoToReview } from \"./_/NewConnectionFormUtil/NewConnectionFormUtil\";\nimport { NewConnectionOrderDetailsFormSchema } from \"./NewConnectionOrderDetailsFormSchema\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { SomethingWentWrong } from \"../SomethingWentWrong/SomethingWentWrong\";\n\ninterface Props {\n  onSubmit: (values: NewConnectionFormValues) => void;\n  onStepChange: (activeStep: number) => void;\n  activeStep: number;\n  initialValues: NewConnectionFormValues;\n  handleSave: (values: NewConnectionFormValues) => void;\n}\n\nconst validationSchemas = [\n  undefined,\n  NewConnectionOrderDetailsFormSchema,\n  undefined,\n];\n\nconst FormWrapper = styled(Form)<SpaceProps>`\n  ${space}\n`;\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nexport const NewConnectionForm: React.FC<Props> = ({\n  initialValues,\n  onSubmit,\n  onStepChange,\n  activeStep,\n  handleSave,\n}) => {\n  const [selectedTermsConditions, setSelectedTermsConditions] = useState(false);\n  const [showLoading, setShowLoading] = useState(false);\n\n  const {\n    authenticatedUserContext: { isLoggedIn },\n  } = useUserAuthentication();\n\n  const isLastStep = activeStep === NEW_CONNECTION_FORM_STEPS.length;\n  const isSubmissionErrorStep =\n    activeStep === NEW_CONNECTION_FORM_STEPS.length + 1;\n\n  const submitForm = (values: NewConnectionFormValues) => {\n    setShowLoading(true);\n    onSubmit(values);\n\n    setTimeout(() => {\n      setShowLoading(false);\n    }, 3000);\n  };\n\n  const handleOnSubmit = (\n    values: NewConnectionFormValues,\n    actions: FormikHelpers<NewConnectionFormValues>,\n  ) => {\n    let nextStep = 1;\n\n    if (isLastStep || isSubmissionErrorStep) {\n      submitForm(values);\n    } else {\n      // Reset touched fields to false\n      // Formik automatically sets all fields as touched onSubmit\n      // This falsy triggers error states for fields\n      actions.setTouched({\n        serviceType: false,\n        projectType: false,\n        subdivisionType: false,\n        developmentDescription: false,\n        site: {\n          siteType: false,\n          lotInformation: {\n            lotNumber: false,\n            dpNumber: false,\n            streetNumber: false,\n            streetName: false,\n            suburb: false,\n            postcode: false,\n          },\n          addressInformation: {\n            streetAddress: false,\n            additionalAddressInformation: false,\n          },\n          lotCount: false,\n          lots: [\n            {\n              fuseAmp: false,\n              phase: false,\n              type: false,\n            },\n          ],\n          additionalSiteRequirements: false,\n        },\n        sitePlans: [\n          {\n            fileName: false,\n            md5: false,\n          },\n        ],\n        contactDetails: [\n          {\n            firstName: false,\n            lastName: false,\n            email: false,\n            mobile: false,\n            alternatePhone: false,\n            businessName: false,\n            businessNumber: false,\n            billingAddressDisplay: false,\n            billingAddressId: false,\n            manuallyEnteredBillingAddress: false,\n            contactHasRole: false,\n            manualBillingAddress: {\n              addressString: false,\n              city: false,\n              suburb: false,\n              postcode: false,\n            },\n            roles: {\n              siteAccessContactRole: false,\n              quotePayerRole: false,\n            },\n            workContactPreferences: {\n              email: false,\n              sms: false,\n            },\n            quoteContactPreferences: {\n              email: false,\n              sms: false,\n            },\n          },\n        ],\n        hasElectrician: false,\n        hasLandOwner: false,\n        optionalContactDetails: {\n          firstName: false,\n          lastName: false,\n          email: false,\n          mobile: false,\n          alternatePhone: false,\n          businessName: false,\n          workContactPreferences: {\n            email: false,\n            sms: false,\n          },\n        },\n        isComplexConnection: false,\n        siteAccessContactRoleChecked: false,\n        quotePayerRoleChecked: false,\n        customerRoleChecked: false,\n        consultantRoleChecked: false,\n      });\n\n      if (shouldGoToReview(values)) {\n        nextStep = activeStep + 1;\n        onStepChange(nextStep);\n\n        // Scroll to top when user navigates back and forth on form\n        scrollToTop();\n      } else {\n        setShowLoading(true);\n      }\n    }\n  };\n\n  const handleBack = () => {\n    const nextStep = activeStep - 1;\n    onStepChange(nextStep);\n  };\n\n  const handleReviewEdit = (elementId: string) => {\n    const nextStep = activeStep - 1;\n    onStepChange(nextStep);\n    handleScrollToId(elementId);\n  };\n\n  const onSelectTermsConditions = () => {\n    setSelectedTermsConditions((prevState) => !prevState);\n  };\n\n  // Will be covered by acceptance tests\n  /* istanbul ignore next */\n  const handleOnFilesStillUploading = (filesStillUploading: boolean) => {\n    if (!filesStillUploading) {\n      setShowLoading(false);\n    }\n  };\n\n  return (\n    <>\n      {activeStep < 4 && (\n        <IconServiceType\n          title=\"Electricity connection\"\n          icon=\"flash_on\"\n          mt={[5, 5, 5, 5, 7]}\n        />\n      )}\n\n      <Formik\n        validateOnChange={false}\n        /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n        initialValues={initialValues!}\n        validationSchema={validationSchemas[activeStep - 1]}\n        onSubmit={handleOnSubmit}\n      >\n        {({ values, validateField }) => (\n          <FormWrapper mb={8}>\n            {activeStep === 2 && (\n              <NewConnectionOrderDetailsForm\n                id=\"new-connection-order-details-form\"\n                values={values}\n                validateField={validateField}\n                onFilesStillUploading={handleOnFilesStillUploading}\n              />\n            )}\n\n            {activeStep === 3 && (\n              <NewConnectionReviewForm\n                values={values}\n                onEdit={handleReviewEdit}\n                selectedTermsConditions={selectedTermsConditions}\n                onSelectTermsConditions={onSelectTermsConditions}\n              />\n            )}\n\n            <Flex\n              justifyContent={activeStep > 2 ? \"space-between\" : \"flex-end\"}\n              mt={5}\n            >\n              {activeStep === 3 && (\n                <Button\n                  variant=\"secondary\"\n                  alignSelf=\"flex-start\"\n                  onClick={handleBack}\n                >\n                  Back\n                </Button>\n              )}\n\n              {activeStep < 4 && (\n                <Button\n                  variant=\"secondary\"\n                  alignSelf=\"flex-start\"\n                  marginLeft=\"auto\"\n                  disabled={!isLoggedIn}\n                  onClick={() => handleSave(values)}\n                  mr=\"3\"\n                  px=\"6\"\n                  py=\"3\"\n                  data-testid={\"save-button\"}\n                >\n                  Save\n                </Button>\n              )}\n\n              {activeStep < 4 && (\n                <Button\n                  type=\"submit\"\n                  disabled={\n                    (isLastStep && !selectedTermsConditions) || showLoading\n                  }\n                  alignSelf=\"flex-end\"\n                  loading={showLoading}\n                >\n                  {isLastStep ? \"Submit\" : \"Next\"}\n                </Button>\n              )}\n            </Flex>\n\n            {activeStep === 4 && (\n              <FlexWrapper flexDirection=\"column\">\n                <SomethingWentWrong\n                  subHeading=\"It looks like there was an error submitting your order.\"\n                  message=\"Please try again in a few minutes\"\n                  onBackClick={handleBack}\n                  onTryAgainClick={() => submitForm(values)}\n                  tryAgainLoading={showLoading}\n                  showTryAgainButton\n                  showBackButton\n                />\n              </FlexWrapper>\n            )}\n          </FormWrapper>\n        )}\n      </Formik>\n    </>\n  );\n};\n","import { ContactPreferences } from \"../../../../types/ContactDetailsValues\";\nimport { NewConnectionRoles } from \"../../../../types/ContactDetailRoles\";\n\nexport const newConnectionFormMobileCheck = (\n  quoteContactPreference: ContactPreferences,\n  workContactPreferences: ContactPreferences,\n  roles: NewConnectionRoles,\n  alternatePhone: string,\n): boolean => {\n  const requiredRoles =\n    roles.siteAccessContactRole || roles.quotePayerRole || roles.requester;\n\n  const alternatePhoneNotPresent = !alternatePhone;\n  const smsPreferenceSelected = workContactPreferences.sms;\n  const smsQuotePreferenceSelected = quoteContactPreference.sms;\n\n  if (\n    !alternatePhoneNotPresent &&\n    !smsPreferenceSelected &&\n    !smsQuotePreferenceSelected\n  ) {\n    return false;\n  }\n\n  return (\n    (smsPreferenceSelected && requiredRoles) ||\n    requiredRoles ||\n    smsQuotePreferenceSelected\n  );\n};\n","import { NewConnectionRoles } from \"../../types/ContactDetailRoles\";\n\nexport const isBillingAddressRequired = (\n  roles: NewConnectionRoles,\n  isUserLoggedIn: boolean,\n  billingAddressId: string,\n): boolean => {\n  if (isUserLoggedIn && roles.requester && roles.quotePayerRole) {\n    return false;\n  }\n\n  if (roles.quotePayerRole && !billingAddressId) {\n    return true;\n  }\n\n  return false;\n};\n","import { NewConnectionFormValues } from \"../../../../types/NewConnectionFormValues\";\n\nexport const shouldGoToReview = (values: NewConnectionFormValues) => {\n  return values.filesUploadStatus === \"DONE\";\n};\n","import { NewConnectionFormValues } from \"../types/NewConnectionFormValues\";\nimport { EMPTY_NEW_CONNECTION_CONTACT_DETAILS_VALUES } from \"./ContactDetailsValues\";\nimport { EMPTY_NEW_CONNECTION_SITES } from \"./Sites\";\nimport { EMPTY_CONTACT_DETAILS_VALUES } from \"./EmptyContactDetailsValues\";\n\nexport const EMPTY_NEW_CONNECTION_ORDER: NewConnectionFormValues = {\n  isUserLoggedIn: false,\n  site: EMPTY_NEW_CONNECTION_SITES,\n  serviceType: \"\",\n  projectType: \"\",\n  subdivisionType: \"\",\n  developmentDescription: \"\",\n  filesUploadStatus: \"\",\n  sitePlans: [],\n  contactDetails: [EMPTY_NEW_CONNECTION_CONTACT_DETAILS_VALUES],\n  optionalContactDetails: EMPTY_CONTACT_DETAILS_VALUES,\n  hasElectrician: \"\",\n  hasLandOwner: \"\",\n  siteAccessContactRoleChecked: false,\n  quotePayerRoleChecked: false,\n  customerRoleChecked: false,\n  consultantRoleChecked: false,\n  isComplexConnection: false,\n};\n","import React, { useState } from \"react\";\nimport { Redirect, useLocation } from \"react-router-dom\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { Flex } from \"../Flex\";\nimport { Grid } from \"../Grid\";\nimport { submitNewConnectionOrder } from \"../../services/SubmitOrderService\";\nimport { NewConnectionFormValues } from \"../../types/NewConnectionFormValues\";\nimport { NewConnectionForm } from \"../NewConnectionForm\";\nimport { NewConnectionProgressStepper } from \"../NewConnectionProgressStepper\";\nimport {\n  getGaSubmitFailedEvent,\n  getGaSubmitSuccessEvent,\n} from \"../../utils/ga/GaNewConnectionEvents\";\nimport { EMPTY_UNSUBMITTED_ORDER } from \"../../constants/Orders\";\nimport {\n  deleteUnSubmittedOrder,\n  putUnSubmittedOrder,\n} from \"../../services/OrderService\";\nimport { FloatingBanner } from \"../FloatingBanner\";\nimport { BasicNotificationBannerProps } from \"../BasicNotificationBanner/BasicNotificationBanner\";\nimport { addUnsubmittedOrderId } from \"../AddDraftOrderIdUtil/AddDraftOrderIdUtil\";\nimport lodash from \"lodash\";\nimport { EMPTY_NEW_CONNECTION_ORDER } from \"../../constants/NewConnectionOrder\";\nimport { setRequesterDetailsNewConnection } from \"../SetRequesterFormDetailsUtil/SetRequesterFormDetailsUtil\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { sendGAEvent } from \"../../utils/ga/GaEventSender\";\nimport { useInvalidateOrderList } from \"../../hooks/cachedQueries/useInvalidateOrderList/useInvalidateOrderList\";\nimport { getGaSaveDraftFailedEvent, getGaSaveDraftSuccessEvent } from \"../../utils/ga/GaNewConnectionEvents\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 25vw auto 10vw;\n  }\n`;\n\nconst WrappedNotificationBanner = styled.div`\n  position: fixed;\n  left: 2.2vh;\n  bottom: 14.7vh;\n`;\n\ninterface NotificationBannerProps extends BasicNotificationBannerProps {\n  show: boolean;\n}\n\nexport const NewConnection: React.FC = () => {\n  const location = useLocation();\n  const { state } = location;\n\n  const {\n    authenticatedUserContext: {\n      isLoggedIn,\n      userAuth0Details,\n      userBasicDetails,\n    },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n  const { invalidateOrdersCache } = useInvalidateOrderList();\n\n  const formValues: NewConnectionFormValues = lodash.isEmpty(state)\n    ? lodash.cloneDeep(EMPTY_NEW_CONNECTION_ORDER)\n    : state.newConnectionOrder;\n  formValues.isUserLoggedIn = isLoggedIn;\n\n  const initialState: NotificationBannerProps = {\n    show: false,\n    title: \"\",\n    message: \"\",\n    variant: \"success\",\n    icon: \"check_circle\",\n  };\n\n  const [saveOrderResetBanner, setSaveOrderResetBanner] =\n    useState(initialState);\n\n  const [unsubmittedOrderId, setUnsubmittedOrderId] = useState(\n    lodash.isEmpty(state) ? \"\" : state.orderId,\n  );\n\n  const [activeStep, setActiveStep] = useState(2);\n  const [orderDetails, setOrderDetails] = useState<\n    NewConnectionFormValues | undefined\n  >(undefined);\n\n  const handleStepChange = (activeStep: number) => {\n    setActiveStep(activeStep);\n  };\n\n  const handleSubmit = async (values: NewConnectionFormValues) => {\n    try {\n      values.contactId = userBasicDetails?.contactId;\n\n      await submitNewConnectionOrder(values, accessToken);\n      await invalidateOrdersCache();\n      await deleteUnSubmittedOrder(unsubmittedOrderId, accessToken);\n\n      setOrderDetails(values);\n      sendGAEvent(getGaSubmitSuccessEvent());\n    } catch (err: any) {\n      setActiveStep(4);\n      sendGAEvent(getGaSubmitFailedEvent());\n    }\n  };\n\n  const handleSave = async (values: NewConnectionFormValues) => {\n    let newConnectionOrderSaved;\n    try {\n      const draftOrder = lodash.cloneDeep(EMPTY_UNSUBMITTED_ORDER);\n      draftOrder.orderType = \"NewConnectionOrder\";\n      draftOrder.newConnectionOrder = values;\n\n      addUnsubmittedOrderId(unsubmittedOrderId, draftOrder);\n\n      const result = await putUnSubmittedOrder(draftOrder, accessToken);\n      setUnsubmittedOrderId(result.orderId);\n\n      newConnectionOrderSaved = true;\n      sendGAEvent(getGaSaveDraftSuccessEvent());\n    } catch (error) {\n      newConnectionOrderSaved = false;\n      sendGAEvent(getGaSaveDraftFailedEvent());\n    }\n\n    setSaveOrderResetBanner({\n      show: true,\n      title: newConnectionOrderSaved\n        ? \"Order saved\"\n        : \"Oops, looks like something went wrong\",\n      message: newConnectionOrderSaved\n        ? \"Your order has been successfully saved and can be found in your Draft orders list\"\n        : \"Please wait a few minutes and try again. If the problem persists, contact us at info@vector.co.nz.\",\n      variant: newConnectionOrderSaved ? \"success\" : \"error\",\n      icon: newConnectionOrderSaved ? \"check_circle\" : \"warning\",\n    });\n  };\n\n  const handleOnSaveBannerClose = () => {\n    setSaveOrderResetBanner({\n      show: false,\n      title: saveOrderResetBanner.title,\n      message: saveOrderResetBanner.message,\n      variant: saveOrderResetBanner.variant,\n      icon: saveOrderResetBanner.icon,\n    });\n  };\n\n  return (\n    <>\n      <NewConnectionProgressStepper currentStep={activeStep} />\n      <WrappedNotificationBanner>\n        <FloatingBanner\n          title={saveOrderResetBanner.title}\n          message={saveOrderResetBanner.message}\n          variant={saveOrderResetBanner.variant}\n          icon={saveOrderResetBanner.icon}\n          visible={saveOrderResetBanner.show}\n          onBannerClose={handleOnSaveBannerClose}\n        />\n      </WrappedNotificationBanner>\n      <GridWrapper mx={[3, 3, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          {!orderDetails ? (\n            <NewConnectionForm\n              initialValues={setRequesterDetailsNewConnection(\n                formValues,\n                userBasicDetails,\n              )}\n              onSubmit={handleSubmit}\n              onStepChange={handleStepChange}\n              activeStep={activeStep}\n              handleSave={handleSave}\n            />\n          ) : (\n            <Redirect\n              to={{\n                pathname: \"/thank-you/newConnection\",\n                state: orderDetails,\n              }}\n            />\n          )}\n        </FlexWrapper>\n      </GridWrapper>\n    </>\n  );\n};\n","import React from \"react\";\nimport { NewConnection } from \"../../components/NewConnection\";\nimport { Page } from \"../../components/Page\";\n\nexport interface NewConnectionProps {\n  tabTitle: string;\n}\n\nexport const NewConnectionPage: React.FC<NewConnectionProps> = ({\n  tabTitle,\n}) => {\n  return (\n    <Page tabTitle={tabTitle}>\n      <NewConnection />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { NewConnectionPage, NewConnectionProps } from \"./NewConnectionPage\";\n\nexport const DEFAULT_NEW_CONNECTION_CONTENT: NewConnectionProps = {\n  tabTitle: \"\",\n};\n\nexport const NewConnectionPageContainer: React.FC = () => {\n  return <NewConnectionPage {...DEFAULT_NEW_CONNECTION_CONTENT} />;\n};\n","import React from \"react\";\n\nexport const QualtricsPlaceHolder: React.FC = () => {\n  return <div id=\"qualtrics-placeholder\" className=\"qualtrics-placeholder\"/>;\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Title } from \"../Title\";\nimport { Span } from \"../Span\";\nimport { Link } from \"../Link\";\nimport { Icon } from \"../Icon\";\nimport { Box } from \"../Box\";\n\ninterface Props {\n  title: string;\n  description: string;\n  helpItemsWithoutLinks?: string[];\n  helpItemsWithLinks?: HelpItemLink[];\n}\n\ninterface HelpItemLink {\n  url: string;\n  description: string;\n}\n\nexport const CantFindWhatYouAreLookingFor: React.FC<Props> = ({\n  title,\n  description,\n  helpItemsWithoutLinks,\n  helpItemsWithLinks,\n}) => {\n  return (\n    <Flex flexDirection=\"column\" bg=\"hydro10\" borderRadius=\"radio\" p={4} mb={7}>\n      <Title mt={0} fontSize={5} lineHeight={5} fontWeight=\"medium\">\n        {title}\n      </Title>\n\n      <Span\n        fontSize={2}\n        lineHeight={2}\n        fontWeight=\"medium\"\n        my={1}\n        dangerouslySetInnerHTML={{ __html: description }}\n      />\n\n      <Flex mt={2} flexDirection=\"column\">\n        {helpItemsWithoutLinks &&\n          helpItemsWithoutLinks.map((value, index) => (\n            <Box my={1} key={index}>\n              <Span lineHeight={2}>{value}</Span>\n            </Box>\n          ))}\n\n        {helpItemsWithLinks &&\n          helpItemsWithLinks.map((value, index) => (\n            <Box my={1} key={index}>\n              <Link href={value.url}>\n                {value.description}{\" \"}\n                <Icon fontSize={2} lineHeight={2} icon=\"open_in_new\" />\n              </Link>\n            </Box>\n          ))}\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { CantFindWhatYouAreLookingFor } from \"./CantFindWhatYouAreLookingFor\";\nimport { ServiceTypeFormValues } from \"../../types/ServiceTypeFormValues\";\n\ninterface Props {\n  serviceType: ServiceTypeFormValues[\"service\"];\n}\n\nconst ELECTRICITY_SERVICE_TYPE = {\n  title: \"Can't order online what you need?\",\n  description:\n    \"Please contact us (<a href='tel:0508 832 867'>0508 832 867</a>) if you need help for:\",\n  helpItemsWithLinks: [\n    {\n      url: \"https://www.vector.co.nz/personal/electricity/connection-change/vector-equipment\",\n      description: \"Relocation or removal of Vector equipment\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/electricity/connection-change/upgrades-downgrades\",\n      description: \"Upgrade or downgrade\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/electricity/connection-change/vector-equipment\",\n      description: \"Undergrounding overhead assets\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/help-safety/near-our-network/temporary-service-line-disconnection\",\n      description: \"Disconnection of private service lines (Temporary)\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/help-safety/near-our-network/temp-changes-Vector\",\n      description:\n        \"Disconnection, re-routing or dropping of Vector's network cables (Temporary)\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/electricity/capacity-check\",\n      description: \"Capacity checks\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/electricity/confirmation-of-supply\",\n      description: \"Confirmation of electricity supply\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/outages-faults/hot-water\",\n      description: \"Report a hot water outage\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/outages-faults/streetlights\",\n      description: \"Report a streetlight fault\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/outages-faults/trees\",\n      description: \"Report a tree related fault\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/outages-faults/vector-equipment\",\n      description: \"Report a Vector equipment fault\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/outages-faults/graffiti\",\n      description: \"Report graffiti\",\n    },\n  ],\n};\n\nconst GAS_SERVICE_TYPE = {\n  title: \"Can't order online what you need?\",\n  description:\n    \"Please contact us (<a href='tel:0508 832 867'>0508 832 867</a>) if you need help for:\",\n  helpItemsWithoutLinks: [\"New gas connections\", \"Gas subdivisions\"],\n  helpItemsWithLinks: [\n    {\n      url: \"https://www.vector.co.nz/personal/gas/gas-main-relocation\",\n      description: \"Gas mains relocation\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/outages-faults/gas\",\n      description: \"Gas leak or fault\",\n    },\n  ],\n};\n\nconst CONSENT_APPROVALS_SERVICE_TYPE = {\n  title: \"Can't find the right consent or approval?\",\n  description:\n    \"Please contact us (<a href='tel:0508 832 867'>0508 832 867</a>) if you need help for:\",\n  helpItemsWithLinks: [\n    {\n      url: \"https://www.vector.co.nz/personal/help-safety/near-our-network/close-approach-consents\",\n      description: \"Close approach consents\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/help-safety/near-our-network/artwork-on-our-equipment\",\n      description: \"Approval of artwork on Vector equipment\",\n    },\n    {\n      url: \"https://www.vector.co.nz/personal/electricity/distributed-generation\",\n      description:\n        \"Connect distributed generation (solar, battery, wind) to Vector's network\",\n    },\n  ],\n};\n\nexport const CantFindWhatYouAreLookingForContainer: React.FC<Props> = ({\n  serviceType,\n}) => {\n  return (\n    <>\n      {serviceType === \"electricity\" && (\n        <CantFindWhatYouAreLookingFor {...ELECTRICITY_SERVICE_TYPE} />\n      )}\n\n      {serviceType === \"gas\" && (\n        <CantFindWhatYouAreLookingFor {...GAS_SERVICE_TYPE} />\n      )}\n\n      {serviceType === \"consent_approvals\" && (\n        <CantFindWhatYouAreLookingFor {...CONSENT_APPROVALS_SERVICE_TYPE} />\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { QualtricsPlaceHolder } from \"../../components/QualtricsPlaceHolder\";\nimport { CantFindWhatYouAreLookingFor } from \"../../components/CantFindWhatYouAreLookingFor\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Props {}\n\nexport const Div = styled.div`\n  display: inline-block;\n  margin-left: 16px;\n`;\n\nexport const NotFound: React.FC<Props> = () => {\n  return (\n    <Div>\n      <h1>Not Found</h1>\n      <p>The page was not found.</p>\n      <QualtricsPlaceHolder />\n      <CantFindWhatYouAreLookingFor serviceType=\"electricity\" />\n    </Div>\n  );\n};\n\nNotFound.defaultProps = {};\n","import { OrderDetailsType } from \"../types/OrderDetails\";\nimport env from \"../environment\";\nimport {\n  LiveningIcpTypes,\n  NewConnectionTypes,\n  OrderDetailMainTypes,\n  OrderDetailSubTypes,\n} from \"../types/OrderJobTypes\";\n\nexport const EMPTY_ORDER_DETAILS: OrderDetailsType = {\n  id: \"\",\n  serviceRequestNumber: \"\",\n  duePayments: [],\n  orderStatus: {\n    progressStatus: \"in progress\",\n    percentageComplete: \"0\",\n    currentActivity: \"\",\n    currentActivityStartDate: new Date(),\n    currentActivityEndDate: new Date(),\n    nextActivity: \"\",\n    cancelReason: \"\",\n    infoMessage: \"\",\n    alertMessage: \"\",\n    actionMessage: \"\",\n  },\n  siteDetails: {\n    jobType: \"livening icp\",\n    address: \"\",\n    typeDetailed: \"livening icp\",\n    liveningIcpSiteDetails: {\n      icpType: \"metered\",\n      additionalInfo: \"\",\n      projectNumber: \"\",\n      liveningInspector: \"\",\n      powerRetailer: \"\",\n      featureType: \"\",\n      quantity: \"\",\n      wattage: \"\",\n      availableHours: \"\",\n      units: [],\n    },\n    newConnectionSiteDetails: {\n      lotCount: 0,\n      serviceType: \"\",\n      projectType: \"\",\n      subdivisionType: \"\",\n      description: \"\",\n      sitePlans: [],\n      lots: [],\n    },\n  },\n  contactDetails: [],\n  documents: [],\n};\n\nexport const COMPLETION_INFO_DATA_MAP: Record<\n  OrderDetailSubTypes,\n  | {\n      estimatedCompletion: string;\n      infoLink: string;\n      infoLinkText: string;\n      fileName: string;\n    }\n  | undefined\n> = {\n  \"livening icp\": {\n    estimatedCompletion:\n      \"We are unable to tell you when your site can be livened, as the majority of the work is organised by your nominated electricity retailer.\",\n    infoLink: `${env.orderInfoLinkBaseUrl}service-information-livening-(icp-request).pdf`,\n    infoLinkText: \"ICP request (livening) information sheet.\",\n    fileName: \"Service information - Livening (ICP request)\",\n  },\n  \"simple standard connection\": {\n    estimatedCompletion:\n      \"We aim to complete a standard simple connection within 6 to 8 working weeks from the date we receive payment of the quote.\",\n    infoLink: `${env.orderInfoLinkBaseUrl}service-information-standard-electricity-connection.pdf`,\n    infoLinkText:\n      \"New simple electricity connection (standard) information sheet.\",\n    fileName: \"Service information - Standard electricity connection\",\n  },\n  \"simple non standard connection\": {\n    estimatedCompletion:\n      \"We aim to complete a non-standard simple connection within 6 to 8 working weeks after receiving payment of the detailed quote.\",\n    infoLink: `${env.orderInfoLinkBaseUrl}service-information-non-standard-electricity-connection.pdf`,\n    infoLinkText:\n      \"New simple electricity connection (non-standard) information sheet.\",\n    fileName: \"Service information - Non standard electricity connection\",\n  },\n  \"undefined connection\": undefined,\n};\n\nexport const ORDER_DETAILS_HEADING_MAP: Record<OrderDetailMainTypes, string> = {\n  \"livening icp\": \"ICP Request (Livening)\",\n  \"new connection\": \"Simple electricity connection\",\n};\n\nexport const NEW_CONNECTION_SUB_HEADING_MAP: Record<\n  NewConnectionTypes,\n  string\n> = {\n  \"undefined connection\": \"Simple electricity connection\",\n  \"simple standard connection\": \"Simple electricity connection (Standard)\",\n  \"simple non standard connection\":\n    \"Simple electricity connection (Non-standard)\",\n};\n\nexport const LIVENING_ICP_SUB_HEADING_MAP: Record<LiveningIcpTypes, string> = {\n  metered: \"Metered ICP\",\n  unmetered: \"Unmetered ICP\",\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport lodash from \"lodash\";\nimport { Span } from \"../Span\";\nimport { color, ColorProps } from \"styled-system\";\nimport { Box } from \"../Box\";\n\ninterface Props {\n  color: string;\n  status: OrderProgressStatus;\n  fontSize?: number;\n}\n\nconst Circle = styled(Span)`\n  ${color}\n  height: 12px;\n  width: 12px;\n  background-color: currentColor;\n  border-radius: 50%;\n  display: inline-block;\n  margin-right: 10px;\n`;\n\nexport const OrderStatusIcon: React.FC<Props & ColorProps> = ({\n  color,\n  status,\n  fontSize,\n}) => {\n  return (\n    <Box>\n      <Circle color={color} />\n      <Span data-testid=\"order-status\" fontSize={fontSize}>\n        {status ? lodash.capitalize(status) : \"In progress\"}\n      </Span>\n    </Box>\n  );\n};\n\nOrderStatusIcon.defaultProps = {\n  fontSize: 1,\n};\n","import { theme } from \"../../../../theme\";\n\nexport const getStatusColor = (status: OrderProgressStatus): string => {\n  if (!status) {\n    return theme.colors.newEnergy;\n  }\n\n  switch (status.toLowerCase()) {\n    case \"in progress\":\n      return theme.colors.newEnergy;\n    case \"on hold\":\n      return theme.colors.orangeAlert;\n    case \"draft\":\n      return theme.colors.orangeAlert;\n    case \"cancelled\":\n      return theme.colors.neutrals.mn20;\n    case \"complete\":\n      return theme.colors.solar;\n    default:\n      return theme.colors.sunshine;\n  }\n};\n\nexport const isOrderCancelled = (orderStatus: OrderProgressStatus): boolean => {\n  if (!orderStatus) {\n    return false;\n  }\n\n  return orderStatus.toLowerCase() === \"cancelled\";\n};\n\nexport const isOrderCancelledOrComplete = (\n  orderStatus: OrderProgressStatus,\n): boolean => {\n  if (!orderStatus) {\n    return false;\n  }\n\n  return (\n    orderStatus.toLowerCase() === \"cancelled\" ||\n    orderStatus.toLowerCase() === \"completed\"\n  );\n};\n\nexport const isOrderCurrentActivityReviewCancellation = (\n  currentActivity: string,\n): boolean => {\n  if (!currentActivity) {\n    return false;\n  }\n\n  return currentActivity.toLowerCase() === \"reviewing cancellation request\";\n};\n","import React from \"react\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { COMPLETION_INFO_DATA_MAP } from \"../../../../constants/OrderDetails\";\nimport { OrderDetailSubTypes } from \"../../../../types/OrderJobTypes\";\nimport { Span } from \"../../../Span\";\nimport { Box } from \"../../../Box\";\n\ninterface Props {\n  orderDetailType: OrderDetailSubTypes;\n}\n\nexport const OrderCompletionInfo: React.FC<Props> = ({ orderDetailType }) => {\n  const completionInfo = COMPLETION_INFO_DATA_MAP[orderDetailType];\n\n  return (\n    <>\n      {completionInfo && (\n        <Box data-testid=\"order-completion-info\">\n          <Span color=\"neutrals.dn40\" fontSize={1} lineHeight={1}>\n            {completionInfo.estimatedCompletion}\n          </Span>\n\n          <Span color=\"neutrals.dn40\" fontSize={1} lineHeight={1}>\n            {\"\\n\"}Want to know more? Read this\n          </Span>\n\n          <ActionLink\n            fontSize={1}\n            lineHeight={1}\n            p={0}\n            data-testid=\"open-info-link\"\n            onClick={() => window.open(completionInfo.infoLink, \"_blank\")}\n          >\n            {\" \"}\n            {completionInfo.infoLinkText}\n          </ActionLink>\n        </Box>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { color, ColorProps, layout, LayoutProps } from \"styled-system\";\nimport { theme } from \"../../theme\";\n\ninterface Props {\n  percentageComplete: string;\n  color?: string;\n}\n\nconst Background = styled.div`\n  height: 8px;\n  width: 100%;\n  background: ${theme.colors.neutrals.ln20};\n  border-radius: 4px;\n`;\n\nconst ProgressBar = styled.div<LayoutProps>`\n  ${color}\n  ${layout}\n  height: 100%;\n  background: currentColor;\n  border-radius: 4px;\n`;\n\nexport const OrderProgressBar: React.FC<Props & ColorProps> = ({\n  color,\n  percentageComplete,\n}) => {\n  return (\n    <Background>\n      <ProgressBar color={color} width={`${percentageComplete}%`} />\n    </Background>\n  );\n};\n\nOrderProgressBar.defaultProps = {\n  color: theme.colors.hydroDark,\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { OrderStatus } from \"../../../../types/OrderStatus\";\nimport { isOrderCancelled } from \"../../../OrderDetailsList/_/OrderStatusUtil/OrderStatusUtil\";\nimport { Flex } from \"../../../Flex\";\nimport { Title } from \"../../../Title\";\nimport { OrderProgressBar } from \"../../../OrderProgressBar\";\n\ninterface Props {\n  orderStatus: OrderStatus;\n}\n\nconst StyledTitle = styled(Title)<{ isCancelled: boolean }>`\n  text-decoration: ${({ isCancelled }) =>\n    isCancelled ? \"line-through\" : \"none\"};\n  color: ${({ isCancelled, theme }) =>\n    isCancelled ? theme.colors.neutrals.mn40 : theme.colors.nightSky};\n`;\n\nexport const StatusCurrentActivity: React.FC<Props> = ({ orderStatus }) => {\n  const { progressStatus, percentageComplete, currentActivity } = orderStatus;\n\n  const isCancelled = isOrderCancelled(progressStatus);\n\n  return (\n    <>\n      {currentActivity && (\n        <Flex flexDirection=\"column\" mb={5}>\n          <StyledTitle\n            as=\"h4\"\n            fontWeight=\"bold\"\n            data-testid=\"current-activity\"\n            isCancelled={isCancelled}\n          >\n            {currentActivity}\n          </StyledTitle>\n\n          <OrderProgressBar\n            percentageComplete={percentageComplete}\n            color={isCancelled ? \"neutrals.mn40\" : \"hydroDark\"}\n          />\n        </Flex>\n      )}\n    </>\n  );\n};\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { Button } from \"../Button\";\nimport { SpaceProps } from \"styled-system\";\nimport { Flex } from \"../Flex\";\n\nexport interface ActionableNotificationBannerProps {\n  title?: string;\n  message: string | (() => void);\n  variant: NotificationBannerVariant;\n  icon: NotificationBannerIcon;\n  buttonText: string;\n  buttonMarginLeft?: number | string;\n}\n\nexport const ActionableNotificationBanner: React.FC<\n  ActionableNotificationBannerProps &\n    SpaceProps &\n    ButtonHTMLAttributes<HTMLButtonElement>\n> = ({\n  title,\n  message,\n  variant,\n  icon,\n  buttonText,\n  onClick,\n  mb,\n  buttonMarginLeft,\n}) => {\n  return (\n    <BasicNotificationBanner\n      title={title}\n      message={message}\n      variant={variant}\n      icon={icon}\n      mb={mb}\n      width=\"100%\"\n      actionButton={\n        <Flex data-testid=\"action-button-wrapper\" ml={buttonMarginLeft}>\n          <Button\n            variant=\"primary\"\n            magnitude=\"small\"\n            height={9}\n            width={16}\n            px=\"2px\"\n            mt={[2, 0]}\n            ml={[1, 3]}\n            mb={2}\n            onClick={onClick}\n          >\n            {buttonText}\n          </Button>\n        </Flex>\n      }\n    />\n  );\n};\n","import React from \"react\";\nimport { DuePayment } from \"../../../../types/DuePayment\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Span } from \"../../../Span\";\nimport { isPaymentDue } from \"../OrderProgressSectionUtil/OrderProgressSectionUtil\";\nimport { OrderStatus } from \"../../../../types/OrderStatus\";\nimport { useHistory } from \"react-router-dom\";\nimport { ActionableNotificationBanner } from \"../../../ActionableNotificationBanner\";\n\ninterface Props {\n  orderStatus: OrderStatus;\n  duePayment: DuePayment;\n}\n\nexport const StatusActionMessage: React.FC<Props> = ({\n  orderStatus,\n  duePayment,\n}) => {\n  const history = useHistory();\n\n  const { actionMessage } = orderStatus;\n\n  const paymentIsDue = isPaymentDue(duePayment);\n\n  const handleOnPayNowClick = () => {\n    const { paymentId } = duePayment;\n\n    if (paymentId) {\n      history.push(`/pay-now/${paymentId}`);\n    }\n  };\n\n  return (\n    <>\n      {actionMessage && !paymentIsDue && (\n        <BasicNotificationBanner\n          message={() => (\n            <Span dangerouslySetInnerHTML={{ __html: actionMessage }} />\n          )}\n          variant=\"warning\"\n          icon=\"warning\"\n          mb={3}\n          data-testid=\"basic-action-message\"\n        />\n      )}\n\n      {actionMessage && paymentIsDue && (\n        <ActionableNotificationBanner\n          data-testid=\"action-message\"\n          message={() => (\n            <Span dangerouslySetInnerHTML={{ __html: actionMessage }} />\n          )}\n          buttonText=\"Pay now\"\n          variant=\"warning\"\n          icon=\"warning\"\n          onClick={handleOnPayNowClick}\n          mb={3}\n          buttonMarginLeft=\"auto\"\n        />\n      )}\n    </>\n  );\n};\n","import moment from \"moment\";\nimport { isOrderCancelledOrComplete } from \"../../../OrderDetailsList/_/OrderStatusUtil/OrderStatusUtil\";\nimport { DuePayment } from \"../../../../types/DuePayment\";\n\nconst DATE_FORMAT = \"D MMM YYYY\";\n\nexport const shouldShowNextActivity = (\n  nextActivity: string,\n  progressStatus: OrderProgressStatus,\n) => {\n  return nextActivity && !isOrderCancelledOrComplete(progressStatus);\n};\n\nexport const formatActivityAndDate = (\n  activity: string,\n  activityDate?: Date,\n) => {\n  if (!activityDate) {\n    return activity;\n  }\n\n  const currentActivityDate = moment(activityDate).format(DATE_FORMAT);\n  return `${activity} (${currentActivityDate})`;\n};\n\nexport const isPaymentDue = (duePayment: DuePayment): boolean => {\n  if (!duePayment) {\n    return false;\n  }\n\n  const { dueDate } = duePayment;\n  const paymentDueDate = moment(dueDate).format(DATE_FORMAT);\n\n  return moment().isSameOrBefore(paymentDueDate, \"day\");\n};\n","import React from \"react\";\nimport { OrderStatus } from \"../../../../types/OrderStatus\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { shouldShowNextActivity } from \"../OrderProgressSectionUtil/OrderProgressSectionUtil\";\n\ninterface Props {\n  orderStatus: OrderStatus;\n}\n\nexport const StatusNextActivity: React.FC<Props> = ({ orderStatus }) => {\n  const { progressStatus, nextActivity } = orderStatus;\n\n  const showNextActivity = shouldShowNextActivity(nextActivity, progressStatus);\n\n  return (\n    <>\n      {showNextActivity && (\n        <Flex flexDirection=\"column\" mt={3}>\n          <Span color=\"neutrals.mn80\" data-testid=\"next-activity\">\n            Next step: {nextActivity}\n          </Span>\n        </Flex>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport { OrderStatus } from \"../../../../types/OrderStatus\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Span } from \"../../../Span\";\n\ninterface Props {\n  orderStatus: OrderStatus;\n}\n\nexport const StatusAlertMessage: React.FC<Props> = ({ orderStatus }) => {\n  const { alertMessage } = orderStatus;\n\n  return (\n    <>\n      {alertMessage && (\n        <BasicNotificationBanner\n          message={() => (\n            <Span dangerouslySetInnerHTML={{ __html: alertMessage }} />\n          )}\n          variant=\"warning\"\n          icon=\"warning\"\n          mb={3}\n          data-testid=\"alert-message\"\n        />\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport { OrderStatus } from \"../../../../types/OrderStatus\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Span } from \"../../../Span\";\n\ninterface Props {\n  orderStatus: OrderStatus;\n}\n\nexport const StatusInfoMessage: React.FC<Props> = ({ orderStatus }) => {\n  const { infoMessage } = orderStatus;\n\n  return (\n    <>\n      {infoMessage && (\n        <BasicNotificationBanner\n          message={() => (\n            <Span dangerouslySetInnerHTML={{ __html: infoMessage }} />\n          )}\n          variant=\"default\"\n          icon=\"info\"\n          mb={1}\n          mt={5}\n          data-testid=\"info-message\"\n        />\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Box } from \"../Box\";\nimport { Flex } from \"../Flex\";\nimport { OrderStatusIcon } from \"../OrderStatusIcon\";\nimport { getStatusColor } from \"../OrderDetailsList/_/OrderStatusUtil/OrderStatusUtil\";\nimport { OrderStatus } from \"../../types/OrderStatus\";\nimport { OrderDetailSubTypes } from \"../../types/OrderJobTypes\";\nimport { DuePayment } from \"../../types/DuePayment\";\nimport { OrderCompletionInfo } from \"./_/OrderCompletionInfo/OrderCompletionInfo\";\nimport { StatusCurrentActivity } from \"./_/StatusCurrentActivity/StatusCurrentActivity\";\nimport { StatusActionMessage } from \"./_/StatusActionMessage/StatusActionMessage\";\nimport { StatusNextActivity } from \"./_/StatusNextActivity/StatusNextActivity\";\nimport { StatusAlertMessage } from \"./_/StatusAlertMessage/StatusAlertMessage\";\nimport { StatusInfoMessage } from \"./_/StatusInfoMessage/StatusInfoMessage\";\n\ninterface Props {\n  orderStatus: OrderStatus;\n  duePayment: DuePayment;\n  orderDetailType: OrderDetailSubTypes;\n}\n\nconst SiteWrapper = styled(Box)`\n  display: inline-block;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  white-space: pre-wrap;\n`;\n\nexport const OrderProgressSection: React.FC<Props> = ({\n  orderStatus,\n  orderDetailType,\n  duePayment,\n}) => {\n  const { progressStatus } = orderStatus;\n\n  return (\n    <Flex flexDirection=\"column\" mb={7}>\n      <StatusAlertMessage orderStatus={orderStatus} />\n\n      <SiteWrapper p={4} borderRadius=\"radio\">\n        <Flex flexDirection=\"column\" mb={4}>\n          <OrderStatusIcon\n            color={getStatusColor(progressStatus)}\n            status={progressStatus}\n            fontSize={2}\n          />\n        </Flex>\n\n        <OrderCompletionInfo orderDetailType={orderDetailType} />\n\n        <StatusCurrentActivity orderStatus={orderStatus} />\n\n        <StatusActionMessage\n          orderStatus={orderStatus}\n          duePayment={duePayment}\n        />\n\n        <StatusNextActivity orderStatus={orderStatus} />\n\n        <StatusInfoMessage orderStatus={orderStatus} />\n      </SiteWrapper>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SpaceProps } from \"styled-system\";\nimport { Flex } from \"../Flex\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  label: string;\n  value: string | number | (() => void);\n  id?: string;\n}\n\nconst LabelWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nexport const LabelValuePair: React.FC<Props & SpaceProps> = ({\n  label,\n  value,\n  id,\n  mb = 3,\n}) => {\n  return (\n    <Flex id={id} flexDirection=\"row\" mb={mb}>\n      <LabelWrapper\n        lineHeight={2}\n        flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}\n        color=\"neutrals.dn40\"\n        data-testid=\"label\"\n      >\n        {label}\n      </LabelWrapper>\n\n      <ValueWrapper\n        lineHeight={2}\n        ml={3}\n        flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        data-testid=\"value\"\n      >\n        {(typeof value === \"string\" || typeof value === \"number\") && value}\n        {typeof value === \"function\" && value()}\n      </ValueWrapper>\n    </Flex>\n  );\n};\n","import { Order } from \"../../../types/Order\";\nimport { useHistory } from \"react-router-dom\";\nimport { getOrderDetailsPath } from \"../../../utils/apiPathsProvider/apiPathsProvider\";\nimport {\n  LiveningIcpTypes,\n  NewConnectionTypes,\n  OrderDetailMainTypes,\n} from \"../../../types/OrderJobTypes\";\nimport {\n  LIVENING_ICP_SUB_HEADING_MAP,\n  NEW_CONNECTION_SUB_HEADING_MAP,\n  ORDER_DETAILS_HEADING_MAP,\n} from \"../../../constants/OrderDetails\";\n\nexport const JOB_TYPE_DEFAULT_VALUE = \"Unmapped job type\";\n\nexport const getOrderDetailsHeading = (orderType: OrderDetailMainTypes) =>\n  ORDER_DETAILS_HEADING_MAP[orderType] ?? JOB_TYPE_DEFAULT_VALUE;\n\nexport const getLiveningIcpSubHeading = (icpType: LiveningIcpTypes) =>\n  LIVENING_ICP_SUB_HEADING_MAP[icpType] ?? JOB_TYPE_DEFAULT_VALUE;\n\nexport const getNewConnectionSubHeading = (\n  newConnectionType: NewConnectionTypes,\n) =>\n  NEW_CONNECTION_SUB_HEADING_MAP[newConnectionType] ?? JOB_TYPE_DEFAULT_VALUE;\n\nexport const useGoToOrderDetails = (order: Order) => {\n  const history = useHistory();\n  return () => {\n    history.push(getOrderDetailsPath(order.id, order.orderDetailsType));\n  };\n};\n","import axios, { AxiosRequestConfig } from \"axios\";\nimport env from \"../environment\";\n\nexport const downloadClientConfig: AxiosRequestConfig = {\n  baseURL: env.apiBaseUrl,\n  responseType: \"blob\",\n  headers: {\n    apikey: env.apikey,\n    \"referrer-policy\": \"strict-origin-when-cross-origin\",\n  },\n};\n\nexport const downloadClient = axios.create(downloadClientConfig);\n","import {\n  downloadClient,\n  downloadClientConfig,\n} from \"../client/FileDownloadClient\";\nimport { includeAccessToken } from \"../client/AxiosConfigObjectUtil\";\nimport { OrderDocument } from \"../types/OrderDocument\";\nimport { getFileDownloadPath } from \"../utils/apiPathsProvider/apiPathsProvider\";\n\nexport const downloadFile = async (\n  accessToken: string,\n  orderDocument: OrderDocument,\n) => {\n  try {\n    const { id: fileId, fileName, documentType } = orderDocument;\n    const fileDownloadPath = getFileDownloadPath(fileName);\n    const response = await downloadClient.get(fileDownloadPath, {\n      headers: includeAccessToken(downloadClientConfig, accessToken),\n      params: { fileId, documentType },\n    });\n    const tempUrl = URL.createObjectURL(response.data);\n    const tempTag = document.createElement(\"a\");\n\n    tempTag.href = tempUrl;\n    tempTag.download = fileName;\n    tempTag.click();\n    URL.revokeObjectURL(tempUrl);\n\n    return true;\n  } catch (error) {\n    return false;\n  }\n};\n","export const draftOrderDeleteSuccess = {\n  title: \"Draft order successfully deleted\",\n  message: \"\",\n};\nexport const draftOrderDeleteFailure = {\n  title: \"Draft order failed to delete\",\n  message: \"Please wait a few minutes and try again.\",\n};\n\nexport const fileDownloadSuccess = {\n  title: \"File successfully downloaded\",\n  message: \"is now available in your downloads folder.\",\n};\nexport const fileDownloadFailure = {\n  title: \"Oops, looks like something went wrong\",\n  message: \"download failed. Please wait a few minutes and try again.\",\n};\n","import React, { useReducer, useState } from \"react\";\nimport styled from \"styled-components\";\nimport { OrderDocument } from \"../../../../types/OrderDocument\";\nimport {\n  getFileExtension,\n  getFileNameWithoutExtension,\n} from \"../../../FileUpload/_/FileUtil/FileUtil\";\nimport { Span } from \"../../../Span\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { downloadFile } from \"../../../../services/FileDownloadService\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { Flex } from \"../../../Flex\";\nimport { Spinner } from \"../../../Spinner\";\nimport {\n  fileDownloadFailure,\n  fileDownloadSuccess,\n} from \"../../../../constants/SnackbarMessages\";\nimport { FloatingBanner } from \"../../../FloatingBanner\";\nimport { BasicNotificationBannerProps } from \"../../../BasicNotificationBanner/BasicNotificationBanner\";\n\ninterface Props {\n  document: OrderDocument;\n}\n\ninterface DownloadNotificationState extends BasicNotificationBannerProps {\n  show: boolean;\n}\n\nconst FileNameWrapper = styled(Span)`\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`;\n\nconst FileExtensionWrapper = styled(Span)`\n  color: ${({ theme }) => theme.colors.white};\n  background-color: ${({ theme }) => theme.colors.neutrals.mn80};\n  border-radius: 3px;\n`;\n\nconst WrappedNotificationBanner = styled.div`\n  position: fixed;\n  left: 2.2vh;\n  bottom: 14.7vh;\n`;\n\nexport const OrderDocumentItem: React.FC<Props> = ({ document }) => {\n  const fileDownloadInitState: DownloadNotificationState = {\n    show: false,\n    title: \"\",\n    message: \"\",\n    variant: \"success\",\n    icon: \"check_circle\",\n  };\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n  const fileName = getFileNameWithoutExtension(document.fileName);\n  const fileExtension = getFileExtension(document.fileName);\n\n  const [isDownloading, toggleDownloading] = useReducer(\n    (downloading) => !downloading,\n    false,\n  );\n  const [fileDownloadState, setFileDownloadState] = useState(\n    fileDownloadInitState,\n  );\n\n  const resetBannerState = () => setFileDownloadState(fileDownloadInitState);\n\n  const handleFileDownload = async () => {\n    toggleDownloading();\n    const downloaded = await downloadFile(accessToken, document);\n\n    setFileDownloadState({\n      show: true,\n      title: downloaded ? fileDownloadSuccess.title : fileDownloadFailure.title,\n      message: downloaded\n        ? `${fileName} ${fileDownloadSuccess.message}`\n        : `${fileName} ${fileDownloadFailure.message}`,\n      variant: downloaded ? \"success\" : \"error\",\n      icon: downloaded ? \"check_circle\" : \"warning\",\n    });\n\n    toggleDownloading();\n  };\n\n  return (\n    <Flex py={1}>\n      <FileNameWrapper\n        lineHeight={2}\n        mr={3}\n        maxWidth={[\"100px\", \"100px\", \"300px\", \"fit-content\"]}\n      >\n        {fileName}\n      </FileNameWrapper>\n\n      {fileExtension && (\n        <FileExtensionWrapper\n          lineHeight={2}\n          px={1}\n          mr={[0, 0, 7]}\n          data-testid=\"file-extension-wrapper\"\n        >\n          {fileExtension}\n        </FileExtensionWrapper>\n      )}\n      <ActionLink\n        ml={\"auto\"}\n        onClick={handleFileDownload}\n        data-testid={\"download-doc-link\"}\n      >\n        {isDownloading ? <Spinner /> : \"Download\"}\n      </ActionLink>\n      <WrappedNotificationBanner>\n        <FloatingBanner\n          title={fileDownloadState.title}\n          message={fileDownloadState.message}\n          variant={fileDownloadState.variant}\n          icon={fileDownloadState.icon}\n          visible={fileDownloadState.show}\n          onBannerClose={resetBannerState}\n        />\n      </WrappedNotificationBanner>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Box } from \"../../../Box\";\nimport { Span } from \"../../../Span\";\nimport { OrderDocumentItem } from \"./OrderDocumentItem\";\nimport { OrderDocument } from \"../../../../types/OrderDocument\";\nimport { Line } from \"../../../Line\";\n\ninterface Props {\n  documents: OrderDocument[];\n}\n\nconst DocumentWrapper = styled(Box)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  white-space: pre-wrap;\n`;\n\nexport const OrderDocuments: React.FC<Props> = ({ documents }) => {\n  const transformedDocs = documents.map((item) => ({\n    ...item,\n    fileName:\n      item.fileName || item.attachmentCategory || \"Unmapped document name\",\n  }));\n\n  return (\n    <>\n      {transformedDocs.length > 0 && (\n        <>\n          <Span\n            fontSize={4}\n            lineHeight={4}\n            fontWeight=\"medium\"\n            mb={5}\n            alignSelf=\"flex-start\"\n          >\n            Documents\n          </Span>\n          <DocumentWrapper flexDirection={\"column\"} p={4} borderRadius=\"radio\">\n            {transformedDocs.map((document, index) => (\n              <OrderDocumentItem key={index} document={document} />\n            ))}\n          </DocumentWrapper>\n          <Line\n            width=\"100%\"\n            border=\"1px solid\"\n            borderColor=\"neutrals.ln30\"\n            bg=\"neutrals.ln30\"\n            opacity=\"1\"\n            height={0}\n            my={7}\n          />\n        </>\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { OrderDetailsLiveningIcpSiteDetails } from \"../../../../types/OrderDetailsSiteDetails\";\nimport { Flex } from \"../../../Flex\";\nimport { LabelValuePair } from \"../../../LabelValuePair\";\nimport { ReviewFormDesktopMeteredUnits } from \"../../../LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormDesktopMeteredUnits\";\nimport { ReviewFormMobileMeteredUnits } from \"../../../LiveningIcpForm/_/LiveningIcpReviewForm/_/ReviewFormMobileMeteredUnits\";\nimport { Span } from \"../../../Span\";\nimport { getLiveningIcpSubHeading } from \"../../helpers/OrderDetailsHelpers\";\nimport { Line } from \"../../../Line\";\nimport lodash from \"lodash\";\nimport { OrderDocument } from \"../../../../types/OrderDocument\";\nimport { OrderDocuments } from \"../OrderDocument\";\n\ninterface Props {\n  address: string;\n  liveningIcpSiteDetails: OrderDetailsLiveningIcpSiteDetails;\n  documents: OrderDocument[];\n}\n\nconst UnitsWrapper = styled(Flex)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const OrderLiveningIcpSiteDetails: React.FC<Props> = ({\n  address,\n  liveningIcpSiteDetails,\n  documents,\n}) => {\n  const {\n    icpType,\n    projectNumber,\n    liveningInspector,\n    powerRetailer,\n    featureType,\n    quantity,\n    wattage,\n    availableHours,\n    units,\n  } = liveningIcpSiteDetails;\n\n  const meteredJob = icpType === \"metered\";\n  const subHeading = getLiveningIcpSubHeading(icpType);\n\n  const renderMeteredUnits = () => {\n    if (meteredJob && units.length) {\n      const transformedUnits = units.map((unit) => ({\n        ...unit,\n        type: lodash.capitalize(unit.type),\n        supply: lodash.capitalize(unit.supply),\n      }));\n\n      return (\n        <UnitsWrapper\n          flexDirection=\"column\"\n          borderRadius=\"radio\"\n          padding={[3, 3, 3, 4]}\n          mt={2}\n        >\n          <ReviewFormDesktopMeteredUnits units={transformedUnits} />\n          <ReviewFormMobileMeteredUnits units={transformedUnits} />\n        </UnitsWrapper>\n      );\n    }\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Span\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mb={5}\n        alignSelf=\"flex-start\"\n      >\n        Site details\n      </Span>\n      <LabelValuePair label=\"Type of ICP\" value={subHeading} id=\"type-of-icp\" />\n      <LabelValuePair\n        label=\"Reference number\"\n        value={projectNumber || \"N/A\"}\n        id=\"reference-number\"\n      />\n      {meteredJob && units.length > 0 && (\n        <LabelValuePair\n          label=\"Number of ICP requests\"\n          value={units.length}\n          id=\"number-of-icp-requests\"\n        />\n      )}\n      <LabelValuePair label=\"Address\" value={address} id=\"address\" />\n\n      {renderMeteredUnits()}\n\n      {!meteredJob && (\n        <>\n          <LabelValuePair\n            label=\"Feature type\"\n            value={featureType}\n            id=\"feature-type\"\n          />\n          <LabelValuePair label=\"Quantity\" value={quantity} id=\"quantity\" />\n          <LabelValuePair label=\"Wattage\" value={`${wattage}W`} id=\"wattage\" />\n          <LabelValuePair\n            label=\"Available hours\"\n            value={availableHours}\n            id=\"available-hours\"\n          />\n        </>\n      )}\n      <Line\n        width=\"100%\"\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n        my={7}\n      />\n\n      <OrderDocuments documents={documents} />\n\n      <Span\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mb={5}\n        alignSelf=\"flex-start\"\n      >\n        Livening electrician & retailer\n      </Span>\n      <LabelValuePair\n        label=\"Livening inspector\"\n        value={liveningInspector}\n        id=\"livening-inspector\"\n      />\n      <LabelValuePair\n        label=\"Power retailer\"\n        value={powerRetailer}\n        id=\"power-retailer\"\n      />\n\n      <Line\n        width=\"100%\"\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n        my={7}\n      />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { OrderDetailsNewConnectionSiteDetails } from \"../../../../types/OrderDetailsSiteDetails\";\nimport { Flex } from \"../../../Flex\";\nimport { LabelValuePair } from \"../../../LabelValuePair\";\nimport { ReviewFormDesktopLots } from \"../../../NewConnectionForm/_/NewConnectionReviewForm/_/ReviewFormDesktopLots\";\nimport { ReviewFormMobileLots } from \"../../../NewConnectionForm/_/NewConnectionReviewForm/_/ReviewFormMobileLots\";\nimport { Span } from \"../../../Span\";\nimport { getNewConnectionSubHeading } from \"../../helpers/OrderDetailsHelpers\";\nimport { NewConnectionTypes } from \"../../../../types/OrderJobTypes\";\nimport lodash from \"lodash\";\nimport { OrderDocument } from \"../../../../types/OrderDocument\";\nimport { OrderDocuments } from \"../OrderDocument\";\nimport { Line } from \"../../../Line\";\n\ninterface Props {\n  address: string;\n  newConnectionType: NewConnectionTypes;\n  newConnectionSiteDetails: OrderDetailsNewConnectionSiteDetails;\n  documents: OrderDocument[];\n}\n\nconst LotsWrapper = styled(Flex)`\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const OrderNewConnectionSiteDetails: React.FC<Props> = ({\n  address,\n  newConnectionType,\n  newConnectionSiteDetails,\n  documents,\n}) => {\n  const { lotCount, lots } = newConnectionSiteDetails;\n  const subHeading = getNewConnectionSubHeading(newConnectionType);\n\n  const renderLots = () => {\n    if (lots.length) {\n      const transformedLots = lots.map((lot) => ({\n        ...lot,\n        type: lodash.capitalize(lot.type),\n      }));\n\n      return (\n        <>\n          <ReviewFormDesktopLots lots={transformedLots} />\n          <ReviewFormMobileLots lots={transformedLots} />\n        </>\n      );\n    }\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Span\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mb={5}\n        alignSelf=\"flex-start\"\n      >\n        Site details\n      </Span>\n      <LabelValuePair label=\"Job type\" value={subHeading} id=\"job-type\" />\n      <LabelValuePair label=\"Address\" value={address} id=\"address\" />\n      <LabelValuePair\n        label=\"Number of lots\"\n        value={lotCount}\n        id=\"number-of-lots\"\n      />\n\n      <LotsWrapper\n        flexDirection=\"column\"\n        borderRadius=\"radio\"\n        padding={[3, 3, 3, 4]}\n        mt={2}\n      >\n        {renderLots()}\n      </LotsWrapper>\n\n      <Line\n        width=\"100%\"\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n        my={7}\n      />\n\n      <OrderDocuments documents={documents} />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { OrderLiveningIcpSiteDetails } from \"../OrderLiveningIcpSiteDetails\";\nimport { OrderNewConnectionSiteDetails } from \"../OrderNewConnectionSiteDetails\";\nimport { Flex } from \"../../../Flex\";\nimport { OrderDetailsSiteDetails } from \"../../../../types/OrderDetailsSiteDetails\";\nimport { NewConnectionTypes } from \"../../../../types/OrderJobTypes\";\nimport { OrderDocument } from \"../../../../types/OrderDocument\";\n\ninterface Props {\n  siteDetails: OrderDetailsSiteDetails;\n  documents: OrderDocument[];\n}\n\nexport const OrderSiteDetails: React.FC<Props> = ({\n  siteDetails,\n  documents,\n}) => {\n  const { jobType, address, typeDetailed } = siteDetails;\n\n  const renderSiteDetails = () => {\n    if (jobType === \"livening icp\") {\n      const { liveningIcpSiteDetails } = siteDetails;\n      return (\n        <OrderLiveningIcpSiteDetails\n          address={address}\n          liveningIcpSiteDetails={liveningIcpSiteDetails}\n          documents={documents}\n        />\n      );\n    }\n\n    const { newConnectionSiteDetails } = siteDetails;\n    return (\n      <OrderNewConnectionSiteDetails\n        address={address}\n        newConnectionType={typeDetailed as NewConnectionTypes}\n        newConnectionSiteDetails={newConnectionSiteDetails}\n        documents={documents}\n      />\n    );\n  };\n\n  return <Flex flexDirection=\"column\">{renderSiteDetails()}</Flex>;\n};\n","import React from \"react\";\nimport { getOrderDetailsRolesTitle } from \"../../../ContactDetailsRolesTitle/ContactDetailsRolesTitle\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\nimport { OrderDetailsContactDetails } from \"../../../../types/OrderDetailsContactDetails\";\nimport { ContactDetailsDisplay } from \"../../../ContactDetailsDisplay\";\n\ninterface Props {\n  contactDetails: OrderDetailsContactDetails[];\n}\n\nexport const OrderContactDetails: React.FC<Props> = ({ contactDetails }) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Span\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mb={5}\n        alignSelf=\"flex-start\"\n      >\n        Contact details\n      </Span>\n\n      {contactDetails.map((contact, index) => (\n        <Flex\n          key={`${contact.firstName} + ${contact.lastName} + ${index}`}\n          flexDirection=\"column\"\n        >\n          <Span lineHeight={2} fontWeight=\"bold\" mb={3}>\n            {getOrderDetailsRolesTitle(contact.roles)}\n          </Span>\n\n          <ContactDetailsDisplay\n            firstName={contact.firstName}\n            lastName={contact.lastName}\n            email={contact.email}\n            mobile={contact.mobile}\n            alternatePhone={contact.alternatePhone}\n            businessName={contact.businessName}\n            billingAddress={contact.postalAddress}\n            workContactPreferences={contact.workContactPreferences}\n            quoteContactPreferences={contact.quoteContactPreferences}\n          />\n        </Flex>\n      ))}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Box } from \"../../../Box\";\nimport { Flex } from \"../../../Flex\";\nimport { Icon } from \"../../../Icon\";\nimport { Link } from \"../../../Link\";\nimport { Span } from \"../../../Span\";\nimport { Title } from \"../../../Title\";\n\nexport const OrderDetailsGetSupport: React.FC = () => {\n  return (\n    <Flex flexDirection=\"column\" bg=\"hydro10\" borderRadius=\"radio\" p={4} my={7}>\n      <Title mt={0} fontSize={5} lineHeight={5} fontWeight=\"medium\">\n        Get support\n      </Title>\n\n      <Span fontSize={2} lineHeight={2} fontWeight=\"medium\" my={2}>\n        If you need to make any changes or need help for this order, you can\n        contact us directly via email.\n      </Span>\n\n      <Box\n        mt={2}\n        px={3}\n        py={1}\n        backgroundColor=\"hydro10\"\n        borderRadius=\"4px\"\n        width=\"fit-content\"\n      >\n        <Link href=\"mailto: vectorconnections@vector.co.nz\">\n          <Icon mr={2} fontSize={2} lineHeight={2} icon=\"mail\" />\n          <Span ml={1}>Email us</Span>\n        </Link>\n      </Box>\n    </Flex>\n  );\n};\n","import { OrderDetailsCancelFormValues } from \"../types/OrderDetailsCancelFormValues\";\n\nexport const EMPTY_CANCEL_ORDER_FORM: OrderDetailsCancelFormValues = {\n  cancelledReason: \"\",\n  orderId: \"\",\n};\n","import * as yup from \"yup\";\n\nexport const CancelOrderSchema = yup.object().shape({\n  cancelledReason: yup.string().required(\"Cancel reason is required\"),\n});\n","import React from \"react\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { Span } from \"../../../Span\";\nimport { FormInputErrorMessage } from \"../../../FormInputErrorMessage\";\nimport { Flex } from \"../../../Flex\";\nimport { FormikRadioButton } from \"../../../FormikRadioButton\";\nimport { OrderDetailsCancelFormValues } from \"../../../../types/OrderDetailsCancelFormValues\";\n\ninterface Props {\n  id: string;\n  values: OrderDetailsCancelFormValues;\n}\n\nexport const OrderDetailCancelFormFields: React.FC<Props> = ({ values }) => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Span\n        display=\"inline-block\"\n        fontSize={3}\n        lineHeight={3}\n        fontWeight=\"500\"\n        mb={5}\n      >\n        Please note we will review your request to cancel this order. If you\n        have already paid the quote to complete the works, we will organise a\n        refund minus any costs incurred. A cancellation fee of $100 may apply.\n      </Span>\n\n      <Span\n        display=\"inline-block\"\n        fontSize={3}\n        lineHeight={3}\n        fontWeight=\"500\"\n        mb={4}\n      >\n        Reason for cancelling:\n      </Span>\n\n      <Flex flexDirection=\"column\">\n        <Flex flexDirection=\"column\" mb={3}>\n          <Field\n            magnitude=\"small\"\n            alignText=\"left\"\n            label=\"No longer required\"\n            id=\"No longer required\"\n            name=\"cancelledReason\"\n            value=\"No longer required\"\n            currentValue={values.cancelledReason}\n            component={FormikRadioButton}\n            data-testid=\"firstReason\"\n          />\n        </Flex>\n        <Flex flexDirection=\"column\" mb={3}>\n          <Field\n            magnitude=\"small\"\n            alignText=\"left\"\n            label=\"Replaced by new order\"\n            id=\"Replaced by new order\"\n            name=\"cancelledReason\"\n            value=\"Replaced by new order\"\n            currentValue={values.cancelledReason}\n            component={FormikRadioButton}\n            data-testid=\"secondReason\"\n          />\n        </Flex>\n        <Flex flexDirection=\"column\" mb={3}>\n          <Field\n            magnitude=\"small\"\n            alignText=\"left\"\n            label=\"Requested by accident\"\n            id=\"Requested by accident\"\n            name=\"cancelledReason\"\n            value=\"Requested by accident\"\n            currentValue={values.cancelledReason}\n            component={FormikRadioButton}\n            data-testid=\"thirdReason\"\n          />\n        </Flex>\n        <Flex flexDirection=\"column\">\n          <Field\n            magnitude=\"small\"\n            alignText=\"left\"\n            label=\"Cost too high\"\n            id=\"Cost too high\"\n            name=\"cancelledReason\"\n            value=\"Cost too high\"\n            currentValue={values.cancelledReason}\n            component={FormikRadioButton}\n            data-testid=\"fourthReason\"\n          />\n        </Flex>\n        <ErrorMessage\n          name=\"cancelledReason\"\n          className=\"field-error\"\n          component={FormInputErrorMessage}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Form, Formik } from \"formik\";\nimport { OrderDetailsCancelFormValues } from \"../../../../types/OrderDetailsCancelFormValues\";\nimport { CancelOrderSchema } from \"./CancelOrderSchema\";\nimport { OrderDetailCancelFormFields } from \"../OrderDetailCancelFormFields\";\nimport { Button } from \"../../../Button\";\nimport { Flex } from \"../../../Flex\";\n\ninterface Props {\n  initialValues: OrderDetailsCancelFormValues;\n  onSubmitForm: (values: OrderDetailsCancelFormValues) => void;\n  onCancelForm: () => void;\n  loading: boolean;\n}\n\nexport const OrderDetailCancelForm: React.FC<Props> = ({\n  initialValues,\n  onSubmitForm,\n  onCancelForm,\n  loading,\n}) => {\n  return (\n    <Formik\n      /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n      initialValues={initialValues!}\n      validationSchema={CancelOrderSchema}\n      onSubmit={(values) => {\n        onSubmitForm(values);\n      }}\n    >\n      {({ values, handleSubmit }) => (\n        <Form onSubmit={handleSubmit}>\n          <OrderDetailCancelFormFields id=\"cancel-order-form\" values={values} />\n\n          <Flex flexDirection=\"row\" justifyContent={\"flex-end\"} mt={5}>\n            <Button\n              variant=\"ghost\"\n              type=\"reset\"\n              marginRight={3}\n              data-testid=\"cancelButton\"\n              disabled={loading}\n              onClick={onCancelForm}\n            >\n              Cancel\n            </Button>\n\n            <Button\n              variant=\"primary\"\n              type=\"submit\"\n              data-testid=\"submitButton\"\n              loading={loading}\n              disabled={loading}\n            >\n              Confirm\n            </Button>\n          </Flex>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n","import React, { useState } from \"react\";\nimport { EMPTY_CANCEL_ORDER_FORM } from \"../../../../constants/CancelOrderFormValues\";\nimport { OrderDetailCancelForm } from \"../OrderDetailCancelForm\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { Modal } from \"../../../Modal\";\nimport { isOrderCancelled } from \"../../../OrderDetailsList/_/OrderStatusUtil/OrderStatusUtil\";\nimport { putCancelOrder } from \"../../../../services/OrderService\";\nimport { OrderDetailsCancelFormValues } from \"../../../../types/OrderDetailsCancelFormValues\";\nimport lodash from \"lodash\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { useInvalidateOrderList } from \"../../../../hooks/cachedQueries/useInvalidateOrderList/useInvalidateOrderList\";\n\ninterface Props {\n  orderStatus: OrderProgressStatus;\n  orderId: string;\n  handleOnCancelOrderNotification: (cancelResponse: boolean) => void;\n}\n\nexport const OrderDetailCancelModal: React.FC<Props> = ({\n  orderStatus,\n  orderId,\n  handleOnCancelOrderNotification,\n}) => {\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n\n  const [showLoading, setShowLoading] = useState(false);\n\n  const { invalidateOrdersCache } = useInvalidateOrderList();\n\n  const cancelOrderForm = lodash.cloneDeep(EMPTY_CANCEL_ORDER_FORM);\n  const [showCancelForm, setShowCancelForm] = useState(false);\n  const [showCancelLink, setShowCancelLink] = useState(\n    isOrderCancelled(orderStatus),\n  );\n\n  const toggleFormVisibility = () => {\n    if (!showLoading) {\n      setShowCancelForm((prevState) => !prevState);\n    }\n  };\n\n  const handleOnCancel = () => {\n    toggleFormVisibility();\n  };\n\n  const handleOnSubmit = async (values: OrderDetailsCancelFormValues) => {\n    setShowLoading(true);\n    const { accessToken } = userAuth0Details;\n    values.orderId = orderId;\n    const submitResponse = await putCancelOrder(values, accessToken);\n\n    setShowCancelLink(submitResponse);\n    handleOnCancel();\n    setShowLoading(submitResponse);\n    handleOnCancelOrderNotification(submitResponse);\n\n    if (submitResponse) {\n      await invalidateOrdersCache();\n    }\n  };\n\n  return (\n    <>\n      {!showCancelLink && (\n        <ActionLink onClick={toggleFormVisibility}>Cancel order</ActionLink>\n      )}\n\n      <Modal\n        title=\"You are about to cancel your order\"\n        showModal={showCancelForm}\n        onCloseModal={toggleFormVisibility}\n        showButtons={false}\n      >\n        <OrderDetailCancelForm\n          initialValues={cancelOrderForm}\n          onSubmitForm={handleOnSubmit}\n          onCancelForm={handleOnCancel}\n          data-testid={\"cancel-form\"}\n          loading={showLoading}\n        />\n      </Modal>\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { Title } from \"../Title\";\nimport { OrderProgressSection } from \"../OrderProgressSection\";\nimport { OrderSiteDetails } from \"./_/OrderSiteDetails\";\nimport { OrderContactDetails } from \"./_/OrderContactDetails\";\nimport { OrderDetailsType } from \"../../types/OrderDetails\";\nimport { OrderDetailsGetSupport } from \"./_/OrderDetailsGetSupport\";\nimport {\n  isOrderCancelledOrComplete,\n  isOrderCurrentActivityReviewCancellation,\n} from \"../OrderDetailsList/_/OrderStatusUtil/OrderStatusUtil\";\nimport { Span } from \"../Span\";\nimport { getOrderDetailsHeading } from \"./helpers/OrderDetailsHelpers\";\nimport { OrderDetailCancelModal } from \"./_/OrderDetailCancelModal\";\n\ninterface Props {\n  orderDetails: OrderDetailsType;\n  error?: boolean;\n  orderId: string;\n  handleOnCancelOrderNotification: (cancelResponse: boolean) => void;\n}\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.largeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n\n  ${mediaQueries.largeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nexport const OrderDetails: React.FC<Props> = ({\n  orderDetails,\n  orderId,\n  handleOnCancelOrderNotification,\n}) => {\n  const {\n    orderStatus,\n    serviceRequestNumber,\n    siteDetails,\n    contactDetails,\n    duePayments,\n    documents,\n  } = orderDetails;\n  const { jobType, typeDetailed: orderDetailType } = siteDetails;\n  const [duePayment] = duePayments;\n  const heading = getOrderDetailsHeading(jobType);\n  const isCancelModalVisible =\n    !isOrderCancelledOrComplete(orderStatus.progressStatus) &&\n    !isOrderCurrentActivityReviewCancellation(orderStatus.currentActivity);\n\n  return (\n    <GridWrapper mx={[2, 2, 4, 4, 0]}>\n      <FlexWrapper flexDirection=\"column\">\n        <Flex alignItems=\"center\" justifyContent={\"space-between\"}>\n          <Title as=\"h1\" lineHeight={6} fontWeight=\"500\">\n            {heading}\n          </Title>\n\n          {isCancelModalVisible && (\n            <OrderDetailCancelModal\n              orderStatus={orderStatus.progressStatus}\n              orderId={orderId}\n              handleOnCancelOrderNotification={handleOnCancelOrderNotification}\n            />\n          )}\n        </Flex>\n\n        <Flex alignItems={\"center\"} justifyContent={\"space-between\"}>\n          <Span\n            lineHeight={2}\n            flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}\n            fontWeight={500}\n            mb={2}\n          >\n            {serviceRequestNumber}\n          </Span>\n        </Flex>\n\n        <OrderProgressSection\n          orderStatus={orderStatus}\n          duePayment={duePayment}\n          orderDetailType={orderDetailType}\n        />\n\n        <OrderSiteDetails siteDetails={siteDetails} documents={documents} />\n\n        <OrderContactDetails contactDetails={contactDetails} />\n        {!isOrderCancelledOrComplete(orderStatus.progressStatus) && (\n          <OrderDetailsGetSupport />\n        )}\n      </FlexWrapper>\n    </GridWrapper>\n  );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { EMPTY_ORDER_DETAILS } from \"../../constants/OrderDetails\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { getOrderDetails } from \"../../services/OrderService\";\nimport { OrderDetailsType } from \"../../types/OrderDetails\";\nimport { Flex } from \"../Flex\";\nimport { Loading } from \"../Loading\";\nimport { OrderDetails } from \"./OrderDetails\";\nimport { useQueryParams } from \"../../hooks/useQueryParams/useQueryParams\";\n\ninterface OrderDetailsContainerProps {\n  handleOnCancelOrderNotification: (cancelResponse: boolean) => void;\n}\n\ntype OrderDetailsParams = { orderId: string };\ntype OrderDetailsQueryParams = { orderDetailsType: string };\n\nexport const OrderDetailsContainer: React.FC<OrderDetailsContainerProps> = ({\n  handleOnCancelOrderNotification,\n}) => {\n  const [orderDetails, setOrderDetails] =\n    useState<OrderDetailsType>(EMPTY_ORDER_DETAILS);\n\n  const [apiError, setApiError] = useState(false);\n\n  const [showLoading, setShowLoading] = useState(true);\n\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n\n  const { orderId } = useParams<OrderDetailsParams>();\n  const orderDetailsType =\n    useQueryParams<OrderDetailsQueryParams>(\"orderDetailsType\");\n\n  useEffect(() => {\n    const fetchOrderDetails = async () => {\n      try {\n        const details = await getOrderDetails(\n          orderId,\n          orderDetailsType,\n          accessToken,\n        );\n        setOrderDetails(details);\n        setApiError(false);\n      } catch (error) {\n        setApiError(true);\n      }\n\n      setShowLoading(false);\n    };\n\n    fetchOrderDetails();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [accessToken]);\n\n  return (\n    <>\n      {showLoading && (\n        <Flex\n          flexDirection=\"column\"\n          justifyContent=\"space-around\"\n          alignItems=\"center\"\n          align-content=\"center\"\n          height=\"100vh\"\n        >\n          <Loading text=\"Retrieving details\" />\n        </Flex>\n      )}\n\n      {!showLoading && (\n        <OrderDetails\n          orderDetails={orderDetails}\n          error={apiError}\n          orderId={orderId}\n          handleOnCancelOrderNotification={handleOnCancelOrderNotification}\n        />\n      )}\n    </>\n  );\n};\n","import { useLocation } from \"react-router-dom\";\nimport { useState } from \"react\";\n\n/***\n * Wrapper to native api - https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams\n * T - type with valid query param names as properties\n *\n * @param queryParam - query param name\n */\nexport const useQueryParams = <T>(queryParam: Extract<keyof T, string>) => {\n  const location = useLocation();\n  const [queryParams] = useState(new URLSearchParams(location.search));\n\n  const getByName = (name: Extract<keyof T, string>) =>\n    queryParams.get(name) ?? \"\";\n\n  return getByName(queryParam);\n};\n","import React, { useState } from \"react\";\nimport { OrderDetailsListNavigationMenu } from \"../../components/OrderDetailsList/_/OrderDetailsListNavigationMenu\";\nimport { Page } from \"../../components/Page\";\nimport { OrderDetails } from \"../../components/OrderDetails\";\nimport { FloatingBanner } from \"../../components/FloatingBanner\";\nimport styled from \"styled-components\";\nimport { BasicNotificationBannerProps } from \"../../components/BasicNotificationBanner/BasicNotificationBanner\";\n\nexport interface OrderDetailsProps {\n  tabTitle: string;\n}\n\ninterface NotificationBannerProps extends BasicNotificationBannerProps {\n  show: boolean;\n}\n\nconst WrappedNotificationBanner = styled.div`\n  position: fixed;\n  left: 2.2vh;\n  bottom: 14.7vh;\n`;\n\nexport const OrderDetailsPage: React.FC<OrderDetailsProps> = ({ tabTitle }) => {\n  const [notificationBannerContent, setNotificationBannerContent] =\n    useState<NotificationBannerProps>({\n      show: false,\n      title: \"\",\n      message: \"\",\n      variant: \"success\",\n      icon: \"check_circle\",\n    });\n\n  const handleCancelOrder = async (cancelResponse: boolean) => {\n    setNotificationBannerContent({\n      show: true,\n      title: cancelResponse\n        ? \"Cancel order request successful\"\n        : \"Something went wrong\",\n      message: cancelResponse\n        ? \"Your request to cancel your order has been successfully sent.\"\n        : \"There was an error sending your cancellation request. Please try again in a few minutes.\",\n      variant: cancelResponse ? \"success\" : \"error\",\n      icon: cancelResponse ? \"check_circle\" : \"warning\",\n    });\n  };\n\n  const handleCancelOrderBannerClose = () => {\n    setNotificationBannerContent({\n      ...notificationBannerContent,\n      show: false,\n    });\n  };\n\n  return (\n    <Page\n      tabTitle={tabTitle}\n      navigationMenuContents={() => <OrderDetailsListNavigationMenu />}\n      hasMobileNavMenu\n    >\n      <WrappedNotificationBanner>\n        <FloatingBanner\n          title={notificationBannerContent.title}\n          message={notificationBannerContent.message}\n          variant={notificationBannerContent.variant}\n          icon={notificationBannerContent.icon}\n          visible={notificationBannerContent.show}\n          onBannerClose={handleCancelOrderBannerClose}\n        />\n      </WrappedNotificationBanner>\n\n      <OrderDetails handleOnCancelOrderNotification={handleCancelOrder} />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { OrderDetailsPage, OrderDetailsProps } from \"./OrderDetailsPage\";\n\nexport const DEFAULT_ORDER_DETAILS_CONTENT: OrderDetailsProps = {\n  tabTitle: \"\",\n};\n\nexport const OrderDetailsPageContainer: React.FC = () => {\n  return <OrderDetailsPage {...DEFAULT_ORDER_DETAILS_CONTENT} />;\n};\n","import React, { useEffect } from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Button } from \"../Button\";\nimport { Span } from \"../Span\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { usePaginationFunctions } from \"../../hooks/usePaginationFunctions/usePaginationFunctions\";\n\ninterface Props {\n  totalPages: number;\n  pageIndex: number;\n  canPreviousPage: boolean;\n  previousPage: () => void;\n  canNextPage: boolean;\n  nextPage: () => void;\n  goToPage: (pageIndex: number) => void;\n  requesterFilter?: string;\n  searchFilter?: string;\n}\n\nconst DesktopButton = styled(Button)`\n  display: none;\n\n  ${mediaQueries.largeDevice} {\n    display: inline-block;\n  }\n`;\n\nconst MobileButton = styled(Button)`\n  display: inline-block;\n\n  ${mediaQueries.largeDevice} {\n    display: none;\n  }\n`;\n\nexport const Pagination: React.FC<Props> = ({\n  totalPages,\n  pageIndex,\n  previousPage,\n  canPreviousPage,\n  nextPage,\n  canNextPage,\n  goToPage,\n  requesterFilter,\n  searchFilter,\n}) => {\n  const {\n    currentPageGroup,\n    pages,\n    getRealPageIndex,\n    goToPageIndex,\n    goToFirstPage,\n    goToLastPage,\n  } = usePaginationFunctions(5, totalPages);\n\n  const firstPageClickHandler = () => {\n    goToFirstPage();\n    goToPage(0);\n  };\n\n  const lastPageClickHandler = () => {\n    goToLastPage();\n    goToPage(totalPages - 1);\n  };\n\n  const previousPageClickHandler = () => {\n    goToPageIndex(pageIndex - 1);\n    previousPage();\n  };\n\n  const nextPageClickHandler = () => {\n    goToPageIndex(pageIndex + 1);\n    nextPage();\n  };\n\n  const pageIndexClickHandler = (renderedPageNumber: number) => {\n    goToPageIndex(pageIndex);\n    const realPageIndex = getRealPageIndex(\n      currentPageGroup,\n      renderedPageNumber,\n    );\n    goToPage(realPageIndex);\n  };\n\n  useEffect(() => {\n    goToFirstPage();\n  }, [requesterFilter, searchFilter, goToFirstPage]);\n\n  return (\n    <Flex\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      mx=\"auto\"\n      mt=\"auto\"\n      pb={6}\n    >\n      <DesktopButton\n        data-testid=\"pagination-first-desktop-button\"\n        onClick={firstPageClickHandler}\n        disabled={!canPreviousPage}\n        iconLeft=\"keyboard_double_arrow_left\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={7}\n        px={2}\n      >\n        First\n      </DesktopButton>\n      <DesktopButton\n        data-testid=\"pagination-previous-desktop-button\"\n        onClick={previousPageClickHandler}\n        disabled={!canPreviousPage}\n        iconLeft=\"arrow_back_ios\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={3}\n        px={2}\n      >\n        Prev\n      </DesktopButton>\n\n      <MobileButton\n        data-testid=\"pagination-first-mobile-button\"\n        onClick={firstPageClickHandler}\n        disabled={!canPreviousPage}\n        iconLeft=\"keyboard_double_arrow_left\"\n        variant=\"ghost\"\n        fontWeight=\"regular\"\n        magnitude=\"small\"\n        iconSize={7}\n        px={0}\n      />\n      <MobileButton\n        data-testid=\"pagination-previous-mobile-button\"\n        onClick={previousPageClickHandler}\n        disabled={!canPreviousPage}\n        iconLeft=\"arrow_back_ios\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={3}\n        px={1}\n      />\n\n      {pages.map((_number, index) => {\n        const computedIndex = getRealPageIndex(currentPageGroup, index);\n        return (\n          <Flex\n            key={index}\n            borderRadius=\"input\"\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            backgroundColor={\n              pageIndex === computedIndex ? \"neutrals.ln40\" : \"neutrals.ln0\"\n            }\n            width={10}\n            height={10}\n            mx={2}\n          >\n            <Span\n              style={{ cursor: \"pointer\" }}\n              onClick={() => pageIndexClickHandler(index)}\n              color=\"neutrals.dn40\"\n              data-testid={`pagination-page-${index + 1}`}\n            >\n              {computedIndex + 1}\n            </Span>\n          </Flex>\n        );\n      })}\n\n      <MobileButton\n        data-testid=\"pagination-next-mobile-button\"\n        onClick={nextPageClickHandler}\n        disabled={!canNextPage}\n        iconRight=\"arrow_forward_ios\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={3}\n        px={1}\n      />\n      <MobileButton\n        data-testid=\"pagination-last-mobile-button\"\n        onClick={lastPageClickHandler}\n        disabled={!canNextPage}\n        iconRight=\"keyboard_double_arrow_right\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={7}\n        px={0}\n      />\n\n      <DesktopButton\n        data-testid=\"pagination-next-desktop-button\"\n        onClick={nextPageClickHandler}\n        disabled={!canNextPage}\n        iconRight=\"arrow_forward_ios\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={3}\n        px={2}\n      >\n        Next\n      </DesktopButton>\n      <DesktopButton\n        data-testid=\"pagination-last-desktop-button\"\n        onClick={lastPageClickHandler}\n        disabled={!canNextPage}\n        iconRight=\"keyboard_double_arrow_right\"\n        variant=\"ghost\"\n        fontWeight=\"medium\"\n        magnitude=\"small\"\n        iconSize={7}\n        px={2}\n      >\n        Last\n      </DesktopButton>\n    </Flex>\n  );\n};\n","import { useCallback, useReducer } from \"react\";\nimport { ReducerFunction } from \"../../types/ReducerFunction\";\nimport { PaginationReducerAction } from \"../../types/PaginationReducerAction\";\n\ntype PaginationState = {\n  pages: number[];\n  currentPageGroup: number;\n};\n\n/***\n *  use to compute page groups, and to compute indices using the page group\n * \t e.g. 31 items total and each page shows 10 items, then we have 4 total page indices,\n * \t but we can only show 2 clickable indices(numberOfPages):\n * \t group 0 -> page index 0, 1\n * \t group 1 -> page index 2, 3\n * @param numberOfPages page numbers to show on the screen\n * @param totalPages\n */\nexport const usePaginationFunctions = (\n  numberOfPages: number,\n  totalPages: number,\n) => {\n  const computePageGroup = (pageIndex: number) =>\n    Math.floor(pageIndex / numberOfPages);\n\n  const computeRemainingPages = (pageGroup: number) => {\n    const remainingPages = totalPages - pageGroup * numberOfPages;\n    return remainingPages < numberOfPages ? remainingPages : numberOfPages;\n  };\n\n  const paginationReducer: ReducerFunction<\n    PaginationState,\n    PaginationReducerAction\n  > = (_state: PaginationState, action: PaginationReducerAction) => {\n    const { payload, type } = action;\n    switch (type) {\n      case \"GO_TO_FIRST_PAGE\": {\n        return {\n          currentPageGroup: payload,\n          pages: Array(computeRemainingPages(0)).fill(0),\n        };\n      }\n      case \"GO_TO_LAST_PAGE\": {\n        const pageGroup = computePageGroup(payload);\n\n        return {\n          currentPageGroup: pageGroup,\n          pages: Array(computeRemainingPages(pageGroup)).fill(0),\n        };\n      }\n      case \"GO_TO_PAGE\": {\n        const pageGroup = computePageGroup(payload);\n\n        return {\n          currentPageGroup: pageGroup,\n          pages: Array(computeRemainingPages(pageGroup)).fill(0),\n        };\n      }\n    }\n  };\n\n  const [paginationState, dispatch] = useReducer(paginationReducer, {\n    pages: [],\n    currentPageGroup: 0,\n  });\n\n  const goToFirstPage = useCallback(\n    () => dispatch({ type: \"GO_TO_FIRST_PAGE\", payload: 0 }),\n    [],\n  );\n\n  const goToLastPage = () =>\n    dispatch({ type: \"GO_TO_LAST_PAGE\", payload: totalPages - 1 });\n\n  const goToPageIndex = (pageIndex: number) =>\n    dispatch({ type: \"GO_TO_PAGE\", payload: pageIndex });\n\n  const getRealPageIndex = (pageGroup: number, pageIndex: number) =>\n    pageGroup * numberOfPages + pageIndex;\n\n  return {\n    getRealPageIndex,\n    goToFirstPage,\n    goToLastPage,\n    goToPageIndex,\n    ...paginationState,\n  };\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\nimport { Span } from \"../Span\";\nimport { Button } from \"../Button\";\nimport { useHistory } from \"react-router-dom\";\n\nexport const OrderListEmpty: React.FC = () => {\n  const history = useHistory();\n\n  const handleNewOrderClick = () => {\n    history.push(\"/service-type\");\n  };\n\n  return (\n    <Flex flexDirection=\"column\" textAlign=\"center\" alignItems=\"center\" mt={7}>\n      <Flex\n        borderRadius=\"50%\"\n        backgroundColor=\"neutrals.ln20\"\n        height={17}\n        width={17}\n        textAlign=\"center\"\n        mb={4}\n      >\n        <Icon\n          margin=\"auto\"\n          icon=\"add_circle\"\n          color=\"neutrals.mn80\"\n          fontSize={8}\n        />\n      </Flex>\n      <Span mb={4} fontSize={4} lineHeight={4}>\n        You don’t have any order yet\n      </Span>\n      <Button\n        data-testid=\"new-order-button\"\n        alignSelf=\"flex-end\"\n        variant=\"secondary\"\n        magnitude=\"medium\"\n        onClick={handleNewOrderClick}\n      >\n        Start new order\n      </Button>\n    </Flex>\n  );\n};\n","import React, { useState } from \"react\";\nimport { SomethingWentWrong } from \"../SomethingWentWrong/SomethingWentWrong\";\n\ninterface Props {\n  onRetry?: () => void;\n}\n\nexport const OrderListError: React.FC<Props> = ({ onRetry }) => {\n  const [showLoading, setShowLoading] = useState(false);\n\n  const handleOnTryAgainClick = () => {\n    onRetry && onRetry();\n    setShowLoading(true);\n\n    setTimeout(() => {\n      setShowLoading(false);\n    }, 1000);\n  };\n\n  return (\n    <SomethingWentWrong\n      subHeading=\"It looks like there was an error retrieving your orders.\"\n      message=\"Please try again in a few minutes\"\n      onTryAgainClick={handleOnTryAgainClick}\n      tryAgainLoading={showLoading}\n      showTryAgainButton\n    />\n  );\n};\n","export const mapStringToOrderStatus = (status: string): OrderProgressStatus => {\n  switch (status.trim().toLowerCase()) {\n    case \"in progress\":\n      return \"in progress\";\n    case \"on hold\":\n      return \"on hold\";\n    case \"draft\":\n      return \"draft\";\n    case \"cancelled\":\n      return \"cancelled\";\n    case \"completed\":\n      return \"completed\";\n    default:\n      return \"in progress\";\n  }\n};\n","import React from \"react\";\nimport { Order } from \"../../../../types/Order\";\nimport { Flex } from \"../../../Flex\";\nimport styled from \"styled-components\";\nimport { Span } from \"../../../Span\";\nimport { OrderStatusIcon } from \"../../../OrderStatusIcon\";\nimport { getStatusColor } from \"../OrderStatusUtil/OrderStatusUtil\";\nimport { useGoToOrderDetails } from \"../../../OrderDetails/helpers/OrderDetailsHelpers\";\nimport { mapStringToOrderStatus } from \"../../../../utils/orderStatusMapper/orderStatusMapper\";\n\ninterface Props {\n  type: OrdersFilterStatus;\n  order: Order;\n}\n\nconst CardRow = styled(Flex)`\n  justify-content: space-between;\n  margin-bottom: 8px;\n`;\n\nconst CardHeader = styled(Span)`\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n  font-style: normal;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n`;\n\nconst CardData = styled(Span)`\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 21px;\n  color: ${({ theme }) => theme.colors.nightSky};\n  text-align: right;\n`;\n\nconst FlexWrapper = styled(Flex)`\n  &:hover {\n    cursor: pointer;\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydroDark};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n    outline: none;\n  }\n`;\n\nexport const Card: React.FC<Props> = ({ type, order }) => {\n  const goToOrderDetails = useGoToOrderDetails(order);\n\n  const orderStatus = mapStringToOrderStatus(order.jobStatus);\n\n  return (\n    <FlexWrapper\n      flexDirection=\"column\"\n      p={4}\n      borderRadius=\"notificationBanner\"\n      border=\"1px solid\"\n      borderColor=\"neutrals.ln30\"\n      marginBottom={3}\n      padding=\"10px\"\n      onClick={goToOrderDetails}\n    >\n      <CardRow>\n        <Span data-testid=\"order-row-site\" fontSize={2} lineHeight={2}>\n          {order.address}\n        </Span>\n      </CardRow>\n\n      <Flex marginBottom={3} alignItems=\"center\">\n        {orderStatus !== \"\" && (\n          <OrderStatusIcon\n            color={getStatusColor(orderStatus)}\n            status={orderStatus}\n          />\n        )}\n      </Flex>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-request-date\">\n          Requested date\n        </CardHeader>\n\n        <CardData data-testid=\"order-row-request-date\">\n          {order.requestDate}\n        </CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-job-type\">Job Type</CardHeader>\n        <CardData data-testid=\"order-row-job-type\">{order.jobType}</CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-requested-by\">\n          Requested by\n        </CardHeader>\n        <CardData data-testid=\"order-row-requested-by\">\n          {order.requester}\n        </CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-order-number\">\n          Order no.\n        </CardHeader>\n        <CardData data-testid=\"order-row-order-number\">\n          {order.orderNumber}\n        </CardData>\n      </CardRow>\n\n      {type === \"open\" && (\n        <CardRow>\n          <CardHeader data-testid=\"order-header-current-activity\">\n            Current activity\n          </CardHeader>\n          <CardData data-testid=\"order-row-current-activity\">\n            {order.currentActivity}\n          </CardData>\n        </CardRow>\n      )}\n\n      {type === \"closed\" && (\n        <CardRow>\n          <CardHeader data-testid=\"order-header-reason\">Reason</CardHeader>\n          <CardData data-testid=\"order-row-reason\">{order.reason}</CardData>\n        </CardRow>\n      )}\n    </FlexWrapper>\n  );\n};\n","import styled from \"styled-components\";\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\n\nexport const TableData = styled.td<\n  ColorProps & SpaceProps & TypographyProps & LayoutProps & BorderProps\n>`\n  ${color}\n  ${space}\n  ${typography}\n  ${layout}\n  ${border}\n`;\n","import React from \"react\";\nimport { Order } from \"../../../../types/Order\";\nimport { TableData } from \"../../../TableData\";\nimport { getStatusColor } from \"../OrderStatusUtil/OrderStatusUtil\";\nimport { OrderStatusIcon } from \"../../../OrderStatusIcon\";\nimport styled from \"styled-components\";\nimport { useGoToOrderDetails } from \"../../../OrderDetails/helpers/OrderDetailsHelpers\";\nimport { mapStringToOrderStatus } from \"../../../../utils/orderStatusMapper/orderStatusMapper\";\n\ninterface Props {\n  index: number;\n  order: Order;\n  type: OrdersFilterStatus;\n}\n\nconst TrWrapper = styled.tr`\n  &:hover {\n    cursor: pointer;\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydroDark};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n    outline: none;\n  }\n`;\n\nexport const OrderRow: React.FC<Props> = ({ index, type, order }) => {\n  const goToOrderDetails = useGoToOrderDetails(order);\n\n  const orderStatus = mapStringToOrderStatus(order.jobStatus);\n\n  return (\n    <TrWrapper onClick={goToOrderDetails} tabIndex={index}>\n      <TableData\n        data-testid=\"order-row-site\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {order.address}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-request-date\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {order.requestDate}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-job-type\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {order.jobType}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-requested-by\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {order.requester}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-order-number\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {order.orderNumber}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-status\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {orderStatus !== \"\" && (\n          <OrderStatusIcon\n            color={getStatusColor(orderStatus)}\n            status={orderStatus}\n          />\n        )}\n      </TableData>\n\n      {type === \"open\" && (\n        <TableData\n          data-testid=\"order-row-currentActivity\"\n          height={15}\n          border=\"none\"\n          borderBottom=\"1px solid\"\n          borderBottomColor=\"neutrals.ln30\"\n          fontSize={1}\n        >\n          {order.currentActivity}\n        </TableData>\n      )}\n\n      {type === \"closed\" && (\n        <TableData\n          data-testid=\"order-row-reason\"\n          height={15}\n          border=\"none\"\n          borderBottom=\"1px solid\"\n          borderBottomColor=\"neutrals.ln30\"\n          fontSize={1}\n        >\n          {order.reason}\n        </TableData>\n      )}\n    </TrWrapper>\n  );\n};\n","import styled from \"styled-components\";\nimport { border, color, layout, space, typography } from \"styled-system\";\n\n/* eslint-disable  @typescript-eslint/no-explicit-any */\nexport const TableHead: any = styled.th(\n  color,\n  space,\n  typography,\n  layout,\n  border,\n);\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../Flex\";\nimport { OrderRow } from \"../OrderRow\";\nimport { TableHead } from \"../../../TableHead\";\nimport { layout, LayoutProps } from \"styled-system\";\nimport { Order } from \"../../../../types/Order\";\n\ninterface Props {\n  className: string;\n  headers: { Header: string }[];\n  type: OrdersFilterStatus;\n  orders: Order[];\n}\n\nconst TableWrapper = styled.table<LayoutProps>`\n  ${layout}\n  border-collapse: collapse;\n`;\n\nconst TableHeadWrapper = styled(TableHead)`\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const OrdersTable: React.FC<Props> = ({\n  className,\n  headers,\n  type,\n  orders,\n}) => {\n  return (\n    <Flex flexDirection=\"column\" className={className} mb={5}>\n      <TableWrapper>\n        <thead>\n          <tr>\n            {headers.map((header, index) => (\n              <TableHeadWrapper\n                key={index}\n                data-testid=\"order-header\"\n                pl={index === 0 ? 2 : 0}\n                py={3}\n                textAlign=\"left\"\n                backgroundColor=\"neutrals.ln10\"\n                borderTop=\"1px solid\"\n                borderBottom=\"1px solid\"\n                color=\"neutrals.mn80\"\n                fontWeight=\"medium\"\n                fontSize={0}\n                lineHeight={0}\n              >\n                {header.Header}\n              </TableHeadWrapper>\n            ))}\n\n            <TableHeadWrapper\n              pr={2}\n              py={3}\n              textAlign=\"left\"\n              backgroundColor=\"neutrals.ln10\"\n              borderTop=\"1px solid\"\n              borderBottom=\"1px solid\"\n              color=\"neutrals.mn80\"\n              fontWeight=\"medium\"\n              fontSize={0}\n              lineHeight={0}\n            >\n              {/* Empty by design for controls */}\n            </TableHeadWrapper>\n          </tr>\n        </thead>\n\n        <tbody>\n          {orders.map((order, index) => (\n            <OrderRow key={index} index={index} type={type} order={order} />\n          ))}\n        </tbody>\n      </TableWrapper>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { layout, LayoutProps } from \"styled-system\";\nimport { mediaQueries } from \"../../../../theme\";\nimport { Order } from \"../../../../types/Order\";\nimport { OrderListEmpty } from \"../../../OrderListEmpty\";\nimport { OrderListError } from \"../../../OrderListError\";\nimport { Span } from \"../../../Span\";\nimport { OrdersCards } from \"../OrdersCards\";\nimport { OrdersTable } from \"../OrdersTable\";\n\ninterface Props {\n  orders: Order[];\n  ordersCount: number;\n  type: OrdersFilterStatus;\n  columns: { Header: string }[];\n  error: boolean;\n  onRetry?: () => void;\n  searchFilter?: string;\n}\n\nconst DesktopTable = styled(OrdersTable)<LayoutProps>`\n  ${layout}\n  display: none;\n\n  ${mediaQueries.largeDevice} {\n    display: flex;\n  }\n`;\n\nconst MobileTable = styled(OrdersCards)<LayoutProps>`\n  ${layout}\n  display: flex;\n\n  ${mediaQueries.largeDevice} {\n    display: none;\n  }\n`;\n\nexport const Orders: React.FC<Props> = ({\n  orders,\n  ordersCount,\n  type,\n  columns,\n  error,\n  onRetry,\n  searchFilter,\n}) => {\n  const renderEmptyResponse = () => {\n    if (!ordersCount && !error) {\n      return searchFilter ? (\n        <Span data-testid={\"search-results-empty\"}>\n          There is no result for your search.\n        </Span>\n      ) : (\n        <OrderListEmpty />\n      );\n    }\n  };\n\n  return (\n    <>\n      <Span fontSize={1} color=\"neutrals.mn40\" mb={3}>\n        ({ordersCount} orders)\n      </Span>\n\n      <DesktopTable\n        className=\"table-open-orders\"\n        headers={columns}\n        type={type}\n        orders={orders}\n      />\n\n      <MobileTable className=\"mobile-open-orders\" type={type} orders={orders} />\n\n      {renderEmptyResponse()}\n\n      {error && <OrderListError onRetry={onRetry} />}\n    </>\n  );\n};\n","import React from \"react\";\nimport { Order } from \"../../../../types/Order\";\nimport { Flex } from \"../../../Flex\";\nimport { Card } from \"../Card\";\n\ninterface Props {\n  className: string;\n  type: OrdersFilterStatus;\n  orders: Order[];\n}\n\nexport const OrdersCards: React.FC<Props> = ({ className, type, orders }) => {\n  return (\n    <Flex flexDirection=\"column\" height=\"100%\" className={className}>\n      {orders.map((order, index) => (\n        <Card key={index} type={type} order={order} />\n      ))}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { usePagination, useTable } from \"react-table\";\nimport env from \"../../../../environment\";\nimport { Order } from \"../../../../types/Order\";\nimport { Pagination } from \"../../../Pagination\";\nimport { Orders } from \"../Orders/Orders\";\n\ninterface Props {\n  orders: Order[];\n  ordersCount: number;\n  type: OrdersFilterStatus;\n  columns: { Header: string }[];\n  error: boolean;\n  onRetry?: () => void;\n  requesterFilter?: string;\n  searchFilter?: string;\n}\n\nconst RECORDS_PER_PAGE = env.orderRecordsPerPage;\n\nexport const OrdersWithPagination: React.FC<Props> = ({\n  orders,\n  ordersCount,\n  type,\n  columns,\n  error,\n  onRetry,\n  requesterFilter,\n  searchFilter,\n}) => {\n  const {\n    page,\n    nextPage,\n    previousPage,\n    canNextPage,\n    canPreviousPage,\n    pageOptions,\n    state: { pageIndex },\n    gotoPage,\n  } = useTable(\n    {\n      columns: columns,\n      data: orders,\n      initialState: {\n        pageSize: RECORDS_PER_PAGE,\n        pageIndex: 0,\n      },\n    },\n    usePagination,\n  );\n\n  const pagedOrders = page.map((row) => row.original);\n\n  return (\n    <>\n      <Orders\n        orders={pagedOrders}\n        ordersCount={ordersCount}\n        type={type}\n        columns={columns}\n        error={error}\n        onRetry={onRetry}\n        searchFilter={searchFilter}\n      />\n\n      {pageOptions.length > 1 && (\n        <Pagination\n          totalPages={pageOptions.length}\n          pageIndex={pageIndex}\n          canPreviousPage={canPreviousPage}\n          previousPage={previousPage}\n          canNextPage={canNextPage}\n          nextPage={nextPage}\n          goToPage={gotoPage}\n          requesterFilter={requesterFilter}\n          searchFilter={searchFilter}\n        />\n      )}\n    </>\n  );\n};\n","import React, { ButtonHTMLAttributes } from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\nimport { Box } from \"../Box\";\nimport { useSelect } from \"downshift\";\nimport { Icon } from \"../Icon\";\n\ninterface Props {\n  items: string[];\n  userFullName: string;\n  visibleItems: number;\n  onSelect: (selected?: string | null) => void;\n}\n\nconst FlexWrapper = styled(Flex)`\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n`;\n\nconst StyledSelectButton = styled.button<\n  BorderProps & LayoutProps & TypographyProps & ColorProps\n>`\n  ${border}\n  ${layout}\n  ${space}\n  ${typography}\n  ${color}\n  cursor: pointer;\n  text-decoration: none;\n  border: none;\n  appearance: none;\n  outline: none;\n\n  text-align: middle;\n  background: none;\n\n  width: min-content;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  :hover,\n  :focus,\n  :focus-visible,\n  :focus-within,\n  :active {\n    outline: none;\n    background: none;\n  }\n\n  :enabled:focus {\n    color: ${({ theme }) => theme.colors.nightSky};\n  }\n`;\n\nconst StyledToggleButton = styled.button<BorderProps & SpaceProps>`\n  ${border}\n  ${space}\n  border: none;\n  background: none;\n  outline: none;\n  padding-right: 16px;\n  flex-grow: 0;\n  cursor: pointer;\n`;\n\nconst StyledItemsContainer = styled.ul<\n  BorderProps & LayoutProps & SpaceProps & ColorProps\n>`\n  ${border}\n  ${layout}\n  ${space}\n  ${color}\n  \n  overflow: auto;\n  position: absolute;\n  z-index: 1;\n\n  ::-webkit-scrollbar {\n    width: 1em;\n  }\n\n  ::-webkit-scrollbar-track {\n    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);\n  }\n\n  ::-webkit-scrollbar-thumb {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln30};\n    border-radius: 6px;\n  }\n\n  outline: none;\n`;\n\nconst StyledItem = styled.li<\n  ColorProps & SpaceProps & TypographyProps & LayoutProps\n>`\n  ${color}\n  ${space}\n  ${typography}\n  ${layout}\n\n  background: none;\n  position: relative;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n\n  border-top: 2px solid ${({ theme }) => theme.colors.neutrals.ln10};\n  color: ${({ theme }) => theme.colors.nightSky};\n  text-transform: none;\n  box-shadow: none;\n  whitespace: normal;\n  wordwrap: normal;\n\n  &:hover {\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  &:focus {\n    background-color: ${({ theme }) => theme.colors.hydro25};\n  }\n`;\n\nexport const FilterDropdown: React.FC<\n  Props & Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"onSelect\">\n> = ({ items, userFullName, visibleItems, onBlur, onFocus, onSelect }) => {\n  const MENU_ITEM_HEIGHT_PIXELS = 60;\n\n  const {\n    isOpen,\n    selectedItem,\n    getToggleButtonProps,\n    getMenuProps,\n    getItemProps,\n  } = useSelect({\n    items,\n    onSelectedItemChange: ({ selectedItem }) => {\n      onSelect(selectedItem);\n    },\n  });\n\n  return (\n    <Box>\n      <FlexWrapper\n        border=\"none\"\n        backgroundColor={isOpen ? \"neutrals.ln30\" : \"neutrals.ln0\"}\n        borderRadius=\"input\"\n        height={11}\n      >\n        <StyledSelectButton\n          {...getToggleButtonProps({\n            type: \"button\",\n          })}\n          data-testid=\"select-button\"\n          fontFamily=\"current\"\n          fontWeight=\"medium\"\n          color=\"nightSky\"\n          lineHeight={1}\n          fontSize={1}\n          pl={3}\n        >\n          {selectedItem\n            ? `Requester: ${selectedItem}`\n            : `Requester: ${userFullName}`}\n        </StyledSelectButton>\n        <StyledToggleButton\n          {...getToggleButtonProps({\n            type: \"button\",\n          })}\n          backgroundColor=\"none\"\n        >\n          <Icon\n            fontSize={5}\n            color=\"neutrals.dn40\"\n            icon={isOpen ? \"expand_less\" : \"expand_more\"}\n          />\n        </StyledToggleButton>\n      </FlexWrapper>\n\n      <StyledItemsContainer\n        {...getMenuProps({\n          onBlur: onBlur,\n          onFocus: onFocus,\n        })}\n        data-testid=\"unordered-list-container\"\n        hidden={!isOpen || !items.length}\n        mt={1}\n        mb={0}\n        mx={0}\n        padding={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln20\"\n        borderRadius=\"input\"\n        backgroundColor=\"neutrals.ln0\"\n        maxHeight={`${visibleItems * MENU_ITEM_HEIGHT_PIXELS}px`}\n        overflowY={items.length > visibleItems ? \"scroll\" : \"hidden\"}\n        width=\"216px\"\n      >\n        {items.map((item: string, index: number): JSX.Element => {\n          return (\n            <StyledItem\n              key={index}\n              {...getItemProps({\n                item,\n                index,\n              })}\n              fontSize={1}\n              fontWeight={\n                selectedItem === item\n                  ? \"bold\"\n                  : userFullName === item && !selectedItem\n                  ? \"bold\"\n                  : \"medium\"\n              }\n              lineHeight={1}\n              height={10}\n              px={3}\n              textAlign=\"center\"\n            >\n              {item}\n            </StyledItem>\n          );\n        })}\n      </StyledItemsContainer>\n    </Box>\n  );\n};\n\nFilterDropdown.defaultProps = {\n  visibleItems: 5,\n};\n","/***\n * Searches each array value's object properties (or properties provided in searchKeys), or the values in the array if items is\n * not an object[]\n * @param items - object/string/number []\n * @param searchKeys - object properties to search\n */\nexport const usePredictiveSearch = <T extends object | number | string>(\n  items: T[],\n  searchKeys?: Array<keyof T>,\n) => {\n  const normalize = (value: T[keyof T] | string | number) =>\n    String(value).replace(/\\s+/g, \" \").trim().toLowerCase();\n\n  const search = (filter: string): T[] =>\n    (items || []).filter((item) =>\n      typeof item === \"object\"\n        ? (searchKeys ?? Object.keys(item)).some((key) =>\n            normalize(item[key as keyof T]).includes(normalize(filter)),\n          )\n        : normalize(String(item)).includes(normalize(filter)),\n    );\n\n  return { search };\n};\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport {\n  ColorProps,\n  space,\n  SpaceProps,\n  typography,\n  TypographyProps,\n} from \"styled-system\";\nimport { mediaQueries } from \"../../theme\";\nimport { Icon } from \"../Icon\";\n\ninterface Props {\n  searchFilterChangeListener: (searchFilter: string) => void;\n}\n\nconst SearchInputWrapper = styled(Flex)<ColorProps>`\n  box-sizing: border-box;\n  border-style: solid;\n  height: 3rem;\n\n  ${mediaQueries.smallDevice} {\n    width: 100%;\n  }\n  ${mediaQueries.mediumDevice} {\n    width: 16rem;\n  }\n`;\n\nconst HiddenInput = styled.input<SpaceProps & TypographyProps>`\n  ${space}\n  ${typography}\n  font-family: inherit;\n  font-weight: 500;\n  flex-grow: 1;\n  border: none;\n  outline: none;\n  background: none;\n  color: ${({ theme }) => theme.colors.nightSky};\n\n  :focus,\n  :focus-visible,\n  :focus-within {\n    outline: none;\n    border: none;\n    box-shadow: none;\n  }\n\n  :enabled:focus {\n    ::placeholder {\n      color: ${({ theme }) => theme.colors.neutrals.mn40};\n    }\n  }\n\n  ${mediaQueries.smallDevice} {\n    width: 100%;\n  }\n  ${mediaQueries.mediumDevice} {\n    width: 16rem;\n  }\n`;\n\nconst IconWrapper = styled.button<SpaceProps & TypographyProps>`\n  ${space}\n  ${typography}\n  border: none;\n  background: none;\n  outline: none;\n  padding: 0;\n  flex-grow: 0;\n  cursor: pointer;\n\n  :active,\n  :hover {\n    background: none;\n  }\n\n  :active,\n  :focus {\n    border: none;\n  }\n\n  :focus,\n  :focus-visible,\n  :focus-within {\n    box-shadow: none;\n  }\n\n  :disabled {\n    color: ${({ theme }) => theme.colors.neutrals.dn40};\n    cursor: default;\n  }\n`;\n\nexport const SearchInput: React.FC<Props> = ({\n  searchFilterChangeListener,\n}) => {\n  const [searchFilter, setSearchFilter] = useState(\"\");\n\n  const handleSearchFilterChanged = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    const value = event.target.value;\n    setSearchFilter(value);\n    searchFilterChangeListener(value);\n  };\n  const handleSearchFilterClear = () => {\n    setSearchFilter(\"\");\n    searchFilterChangeListener(\"\");\n  };\n\n  return (\n    <SearchInputWrapper\n      bg=\"neutrals.ln0\"\n      borderWidth={2}\n      borderRadius=\"input\"\n      borderColor={\"neutrals.ln40\"}\n      p={2}\n    >\n      <HiddenInput\n        type={\"text\"}\n        value={searchFilter}\n        onChange={handleSearchFilterChanged}\n        placeholder={\"Search address / order no.\"}\n        fontSize={1}\n        lineHeight={2}\n        data-testid={\"search-input\"}\n      />\n      <IconWrapper\n        disabled={!searchFilter}\n        type={\"button\"}\n        onClick={handleSearchFilterClear}\n        data-testid={\"clear-search-input\"}\n      >\n        <Icon\n          icon={searchFilter ? \"close\" : \"search\"}\n          color={\"neutrals.dn40\"}\n        />\n      </IconWrapper>\n    </SearchInputWrapper>\n  );\n};\n","import React, { useState } from \"react\";\nimport { useFilterOrderList } from \"../../../../hooks/useFilterOrderList/useFilterOrderList\";\nimport { Order } from \"../../../../types/Order\";\nimport { OrdersWithPagination } from \"../OrdersWithPagination/OrdersWithPagination\";\nimport { FilterDropdown } from \"../../../FilterDropdown\";\nimport { Flex } from \"../../../Flex\";\nimport { UserType } from \"../../../../types/UserFullDetails\";\nimport { usePredictiveSearch } from \"../../../../hooks/usePredictiveSearch\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../../../theme\";\nimport { SearchInput } from \"../../../SearchInput\";\n\ninterface Props {\n  orders: Order[];\n  userFullName: string;\n  requesterList: string[];\n  type: OrdersFilterStatus;\n  userType: UserType;\n  columns: { Header: string }[];\n  error: boolean;\n  onRetry?: () => void;\n}\n\nconst FlexWrapper = styled(Flex)`\n  align-items: flex-start;\n  flex-direction: column;\n\n  ${mediaQueries.mediumDevice} {\n    align-items: center;\n    flex-direction: row;\n  }\n`;\n\nexport const OrdersWithFilteredPagination: React.FC<Props> = ({\n  orders,\n  userFullName,\n  requesterList,\n  type,\n  userType,\n  columns,\n  error,\n  onRetry,\n}) => {\n  const [requesterFilter, setRequesterFilter] = useState(userFullName);\n  const [searchFilter, setSearchFilter] = useState(\"\");\n\n  const handleRequesterFilterSelected = (\n    selected?: string | null | undefined,\n  ) => {\n    if (selected) {\n      setRequesterFilter(selected);\n    }\n  };\n\n  const { filterByRequester } = useFilterOrderList(orders);\n  let filteredOrderList = filterByRequester(requesterFilter);\n  const { search } = usePredictiveSearch(filteredOrderList, [\n    \"orderNumber\",\n    \"address\",\n  ]);\n  filteredOrderList = search(searchFilter);\n\n  return (\n    <>\n      <FlexWrapper mb={4}>\n        <SearchInput searchFilterChangeListener={setSearchFilter} />\n\n        {userType === \"business\" && (\n          <FilterDropdown\n            userFullName={userFullName}\n            onSelect={handleRequesterFilterSelected}\n            visibleItems={6}\n            items={requesterList}\n          />\n        )}\n      </FlexWrapper>\n\n      <OrdersWithPagination\n        orders={filteredOrderList}\n        ordersCount={filteredOrderList.length}\n        type={type}\n        columns={columns}\n        error={error}\n        onRetry={onRetry}\n        requesterFilter={requesterFilter}\n        searchFilter={searchFilter}\n      />\n    </>\n  );\n};\n","import { Order } from \"../../types/Order\";\n\nexport const useFilterOrderList = (orderList: Order[]) => {\n  const filterByRequester = (requester: string) => {\n    if (requester === \"All\") {\n      return orderList;\n    }\n\n    return orderList.filter((order) => order.requester === requester);\n  };\n\n  return { filterByRequester };\n};\n","import React from \"react\";\nimport { OrdersWithFilteredPagination } from \"../OrdersWithFilteredPagination/OrdersWithFilteredPagination\";\nimport { useGetRequesterList } from \"../../../../hooks/useGetRequesterList/useGetRequesterList\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { Order } from \"../../../../types/Order\";\n\ninterface Props {\n  type: OrdersFilterStatus;\n  columns: { Header: string }[];\n  apiError: boolean;\n  orders: Order[];\n}\n\nexport const OrdersContainer: React.FC<Props> = ({\n  type,\n  columns,\n  apiError,\n  orders,\n}) => {\n  const {\n    authenticatedUserContext: { userBasicDetails },\n  } = useUserAuthentication();\n  const { firstName, lastName, userType } = userBasicDetails;\n\n  const userFullName = firstName && lastName ? `${firstName} ${lastName}` : \"\";\n  const requesterList = useGetRequesterList(orders);\n\n  return (\n    <>\n      {orders && (\n        <OrdersWithFilteredPagination\n          orders={orders}\n          userFullName={userFullName}\n          requesterList={requesterList}\n          type={type}\n          userType={userType}\n          columns={columns}\n          error={apiError}\n        />\n      )}\n    </>\n  );\n};\n","import { Order } from \"../../types/Order\";\n\nexport const useGetRequesterList = (orderList: Order[]) => {\n  const requesterList = orderList\n    .map((order) => order.requester)\n    .filter((value, index, self) => self.indexOf(value) === index);\n\n  requesterList.unshift(\"All\");\n  return requesterList;\n};\n","import { useUserAuthentication } from \"../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { getOrderList } from \"../../../services/OrderService\";\nimport moment from \"moment\";\nimport { mapStringToOrderStatus } from \"../../../utils/orderStatusMapper/orderStatusMapper\";\nimport { useQuery } from \"@tanstack/react-query\";\nimport { OrdersResponse } from \"../../../types/Order\";\nimport { EMPTY_ORDERS_RESPONSE } from \"../../../constants/Orders\";\nimport { ReactQueryKeys } from \"../../../constants/ReactQueryKeys\";\n\nexport const useGetOrderList = (\n  orderStatuses: OrderProgressStatus[] = [\"in progress\", \"on hold\"],\n) => {\n  const queryKey: ReactQueryKeys = \"orders\";\n\n  const {\n    authenticatedUserContext: {\n      userAuth0Details: { accessToken },\n    },\n  } = useUserAuthentication();\n\n  const filterAndTransformOrders = (orders: OrdersResponse) => {\n    const transformed = orders.orderList\n      .filter((order) => {\n        const orderStatus = mapStringToOrderStatus(order.jobStatus);\n        return orderStatuses.includes(orderStatus);\n      })\n      .map((order) => ({\n        ...order,\n        requestDate: moment(order.requestDate).format(\"DD/MM/YYYY\"),\n      }));\n\n    return { orderList: transformed };\n  };\n\n  /***\n   * useQuery docs - https://tanstack.com/query/v4/docs/react/reference/useQuery\n   */\n  const {\n    data: orders,\n    isError: apiError,\n    isLoading: loading,\n  } = useQuery<OrdersResponse>({\n    queryKey: [queryKey, accessToken],\n    queryFn: () => getOrderList(accessToken),\n    select: filterAndTransformOrders,\n    enabled: !!accessToken,\n  });\n\n  return {\n    orders: orders ?? EMPTY_ORDERS_RESPONSE,\n    apiError,\n    loading,\n  };\n};\n","import React from \"react\";\nimport { Title } from \"../../../Title\";\nimport { Flex } from \"../../../Flex\";\nimport { OrdersContainer } from \"../OrdersContainer/OrdersContainer\";\nimport { OPEN_ORDERS_TABLE_COLUMNS } from \"../../../../constants/Orders\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Span } from \"../../../Span\";\nimport { Link } from \"../../../Link\";\nimport { useGetOrderList } from \"../../../../hooks/cachedQueries/useGetOrderList/useGetOrderList\";\nimport { CenteredLoading } from \"../../../CenteredLoading\";\nimport { Box } from \"../../../Box\";\n\nexport const OpenOrders: React.FC = () => {\n  const { apiError, orders, loading } = useGetOrderList();\n\n  return (\n    <Flex height=\"100%\" width=\"100%\" flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\">\n        Open Orders\n      </Title>\n\n      <Box mb={3}>\n        <BasicNotificationBanner\n          message={() => (\n            <Span>\n              Complex connection orders and projects are not listed here. If\n              you’ve placed an order and have questions, please{\" \"}\n              <Link href=\"mailto:customerdevelopments@vector.co.nz\">\n                email us\n              </Link>\n              .\n            </Span>\n          )}\n          variant=\"warning\"\n          icon=\"warning\"\n          mb={3}\n        />\n      </Box>\n\n      {loading && <CenteredLoading text=\"Loading\" />}\n\n      {!loading && (\n        <OrdersContainer\n          type=\"open\"\n          columns={OPEN_ORDERS_TABLE_COLUMNS}\n          apiError={apiError}\n          orders={orders.orderList}\n        />\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Title } from \"../../../Title\";\nimport { CLOSED_ORDERS_TABLE_COLUMNS } from \"../../../../constants/Orders\";\nimport { Flex } from \"../../../Flex\";\nimport { OrdersContainer } from \"../OrdersContainer/OrdersContainer\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Span } from \"../../../Span\";\nimport { Link } from \"../../../Link\";\nimport { useGetOrderList } from \"../../../../hooks/cachedQueries/useGetOrderList/useGetOrderList\";\nimport { CenteredLoading } from \"../../../CenteredLoading\";\nimport { Box } from \"../../../Box\";\n\nexport const ClosedOrders: React.FC = () => {\n  const { apiError, orders, loading } = useGetOrderList([\n    \"completed\",\n    \"cancelled\",\n  ]);\n\n  return (\n    <Flex height=\"100%\" width=\"100%\" flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\">\n        Closed Orders\n      </Title>\n\n      <Box mb={3}>\n        <BasicNotificationBanner\n          message={() => (\n            <Span>\n              Complex connection orders and projects are not listed here. If\n              you’ve placed an order and have questions, please{\" \"}\n              <Link href=\"mailto:customerdevelopments@vector.co.nz\">\n                email us\n              </Link>\n              .\n            </Span>\n          )}\n          variant=\"warning\"\n          icon=\"warning\"\n          mb={3}\n        />\n      </Box>\n      <Box mb={3}>\n        <BasicNotificationBanner\n          message={\n            \"Please note that only the last 6 months of completed orders and the last 3 months of cancelled orders will show on the list.\"\n          }\n          variant=\"default\"\n          icon=\"info\"\n          mb={3}\n        />\n      </Box>\n\n      {loading && <CenteredLoading text=\"Loading\" />}\n\n      {!loading && (\n        <OrdersContainer\n          type=\"closed\"\n          columns={CLOSED_ORDERS_TABLE_COLUMNS}\n          apiError={apiError}\n          orders={orders.orderList}\n        />\n      )}\n    </Flex>\n  );\n};\n","import { ManualStreetAddress } from \"../../../../types/ManualStreetAddress\";\nimport { SiteAddressInformation } from \"../../../../types/SiteAddressInformation\";\nimport { SiteLotInformation } from \"../../../../types/SiteLotInformation\";\n\nconst getDraftManualAddress = (\n  manualStreetAddress: ManualStreetAddress,\n): string => {\n  const addressArray = [];\n\n  if (manualStreetAddress.unit) {\n    addressArray.push(`Unit ${manualStreetAddress.unit}`);\n  }\n\n  if (manualStreetAddress.streetNumber && manualStreetAddress.streetName) {\n    addressArray.push(\n      `${manualStreetAddress.streetNumber} ${manualStreetAddress.streetName}`,\n    );\n  } else if (manualStreetAddress.streetNumber) {\n    addressArray.push(`${manualStreetAddress.streetNumber}`);\n  } else if (manualStreetAddress.streetName) {\n    addressArray.push(`${manualStreetAddress.streetName}`);\n  }\n\n  if (manualStreetAddress.suburb) {\n    addressArray.push(`${manualStreetAddress.suburb}`);\n  }\n  if (manualStreetAddress.postcode) {\n    addressArray.push(`${manualStreetAddress.postcode}`);\n  }\n\n  return addressArray.join(\", \");\n};\n\nexport const getDraftSiteLotInformation = (\n  siteLotInformation: SiteLotInformation,\n): string => {\n  const addressArray = [];\n\n  if (siteLotInformation.lotNumber) {\n    addressArray.push(`Lot ${siteLotInformation.lotNumber}`);\n  }\n\n  if (siteLotInformation.dpNumber) {\n    addressArray.push(`DP ${siteLotInformation.dpNumber}`);\n  }\n\n  if (siteLotInformation.streetName) {\n    addressArray.push(\n      `${\n        siteLotInformation.streetNumber\n          ? siteLotInformation.streetNumber +\n            \" \" +\n            siteLotInformation.streetName\n          : siteLotInformation.streetName\n      }`,\n    );\n  }\n\n  if (siteLotInformation.suburb) {\n    addressArray.push(`${siteLotInformation.suburb}`);\n  }\n\n  if (siteLotInformation.postcode) {\n    addressArray.push(`${siteLotInformation.postcode}`);\n  }\n\n  return addressArray.join(\", \");\n};\n\nexport const getDraftAddressInformation = (\n  siteAddressInformation: SiteAddressInformation,\n): string => {\n  if (siteAddressInformation.manuallyEnteredAddress) {\n    return getDraftManualAddress(siteAddressInformation.manualStreetAddress);\n  }\n\n  return siteAddressInformation.streetAddress;\n};\n","import { UnsubmittedOrder } from \"../../../../types/Order\";\nimport {\n  getDraftAddressInformation,\n  getDraftSiteLotInformation,\n} from \"../UnsubmittedOrderAddressUtil/UnsubmittedOrderAddressUtil\";\nimport React from \"react\";\n\nexport const getExpiryDaysStringUtil = (expiryDays: string): string => {\n  if (expiryDays === \"1\") {\n    return expiryDays + \" day\";\n  }\n\n  if (expiryDays === \"0\") {\n    return \"today\";\n  }\n\n  return expiryDays + \" days\";\n};\n\nexport const getUnsubmittedAddressUtil = (order: UnsubmittedOrder): string => {\n  if (order.liveningIcpOrder !== null) {\n    //icp\n    if (order.liveningIcpOrder.icpType === \"unmetered ICP\") {\n      return getDraftAddressInformation(\n        order.liveningIcpOrder.unmetered.addressInformation,\n      );\n    } else if (\n      order.liveningIcpOrder.metered.sites[0].siteType === \"lotAndDpNumber\"\n    ) {\n      return getDraftSiteLotInformation(\n        order.liveningIcpOrder.metered.sites[0].lotInformation,\n      );\n    } else {\n      return getDraftAddressInformation(\n        order.liveningIcpOrder.metered.sites[0].addressInformation,\n      );\n    }\n  } else {\n    //new connection\n    if (order.newConnectionOrder.site.siteType === \"lotAndDpNumber\") {\n      return getDraftSiteLotInformation(\n        order.newConnectionOrder.site.lotInformation,\n      );\n    } else {\n      return getDraftAddressInformation(\n        order.newConnectionOrder.site.addressInformation,\n      );\n    }\n  }\n};\n\nexport const getOrderTypeUtil = (orderType: string): string => {\n  if (orderType === \"LiveningIcpOrder\") {\n    return \"Livening (ICP number)\";\n  }\n  return \"New connection\";\n};\n\nexport const isDeleteOrderButton = (\n  event: React.MouseEvent<HTMLTableRowElement>,\n): boolean => {\n  const htmlElement = event.target as HTMLElement;\n\n  return htmlElement.innerText === \"Delete\";\n};\n","import React from \"react\";\nimport { UnsubmittedOrder } from \"../../../../types/Order\";\nimport { TableData } from \"../../../TableData\";\nimport { OrderStatusIcon } from \"../../../OrderStatusIcon\";\nimport styled from \"styled-components\";\nimport { theme } from \"../../../../theme\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport {\n  getExpiryDaysStringUtil,\n  getOrderTypeUtil,\n  getUnsubmittedAddressUtil,\n  isDeleteOrderButton,\n} from \"../UnsubmittedOrdersUtil/UnsubmittedOrdersUtil\";\nimport { deleteModalAction } from \"../../../../constants/DeleteReducerAction\";\nimport { useHistory } from \"react-router-dom\";\n\ninterface Props {\n  index: number;\n  order: UnsubmittedOrder;\n  userFullName: string;\n  onDelete: (action: deleteModalAction) => void;\n}\n\nconst TrWrapper = styled.tr`\n  &:hover {\n    cursor: pointer;\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydroDark};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n    outline: none;\n  }\n`;\n\nconst ActionLinkWrapper = styled(ActionLink)`\n  font-size: ${({ theme }) => theme.fontSizes[1]};\n`;\n\nexport const UnsubmittedOrderRow: React.FC<Props> = ({\n  index,\n  order,\n  userFullName,\n  onDelete,\n}) => {\n  const days = getExpiryDaysStringUtil(order.expiryDay);\n  const address = getUnsubmittedAddressUtil(order);\n  const orderType = getOrderTypeUtil(order.orderType);\n  const handleDelete = () => {\n    onDelete({ type: \"Select\", payload: order });\n  };\n\n  const history = useHistory();\n\n  const handleRowOnClick = (event: React.MouseEvent<HTMLTableRowElement>) => {\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\n\n    const isDelete = isDeleteOrderButton(event);\n\n    if (!isDelete) {\n      if (order.orderType === \"LiveningIcpOrder\") {\n        history.push(\"/icp-request\", order);\n      } else {\n        history.push(\"/new-connection\", order);\n      }\n    }\n  };\n\n  return (\n    <TrWrapper tabIndex={index} onClick={handleRowOnClick}>\n      <TableData\n        data-testid=\"order-row-site\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {address}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-job-type\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {orderType}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-requested-by\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {userFullName}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-status\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        <OrderStatusIcon color={theme.colors.orangeAlert} status={\"draft\"} />\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-created-date\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {order.createdDate}\n      </TableData>\n\n      <TableData\n        data-testid=\"order-row-expires-date\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n        fontSize={1}\n      >\n        {days}\n      </TableData>\n\n      <TableData\n        fontSize={1}\n        data-testid=\"order-delete\"\n        height={15}\n        border=\"none\"\n        borderBottom=\"1px solid\"\n        borderBottomColor=\"neutrals.ln30\"\n      >\n        <ActionLinkWrapper\n          data-testid=\"order-delete-button\"\n          onClick={handleDelete}\n        >\n          Delete\n        </ActionLinkWrapper>\n      </TableData>\n    </TrWrapper>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../Flex\";\nimport { TableHead } from \"../../../TableHead\";\nimport { layout, LayoutProps } from \"styled-system\";\nimport { UnsubmittedOrder } from \"../../../../types/Order\";\nimport { UnsubmittedOrderRow } from \"../UnsubmittedOrderRow\";\nimport { deleteModalAction } from \"../../../../constants/DeleteReducerAction\";\n\ninterface Props {\n  className: string;\n  headers: { Header: string }[];\n  orders: UnsubmittedOrder[];\n  userFullName: string;\n  onDelete: (action: deleteModalAction) => void;\n}\n\nconst TableWrapper = styled.table<LayoutProps>`\n  ${layout}\n  border-collapse: collapse;\n`;\n\nconst TableHeadWrapper = styled(TableHead)`\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const UnsubmittedOrdersTable: React.FC<Props> = ({ className, headers, orders, userFullName, onDelete }) => {\n  return (\n    <Flex flexDirection=\"column\" className={className} mb={5}>\n      <TableWrapper>\n        <thead>\n          <tr>\n            {headers.map((header, index) => (\n              <TableHeadWrapper\n                key={index}\n                data-testid=\"unsubmitted-order-header\"\n                pl={index === 0 ? 2 : 0}\n                py={3}\n                textAlign=\"left\"\n                backgroundColor=\"neutrals.ln10\"\n                borderTop=\"1px solid\"\n                borderBottom=\"1px solid\"\n                color=\"neutrals.mn80\"\n                fontWeight=\"medium\"\n                fontSize={0}\n                lineHeight={0}\n              >\n                {header.Header}\n              </TableHeadWrapper>\n            ))}\n\n            <TableHeadWrapper\n              pr={2}\n              py={3}\n              textAlign=\"left\"\n              backgroundColor=\"neutrals.ln10\"\n              borderTop=\"1px solid\"\n              borderBottom=\"1px solid\"\n              color=\"neutrals.mn80\"\n              fontWeight=\"medium\"\n              fontSize={0}\n              lineHeight={0}\n            >\n              {/* Empty by design for controls */}\n            </TableHeadWrapper>\n          </tr>\n        </thead>\n\n        <tbody>\n          {orders.map((order, index) => (\n            <UnsubmittedOrderRow key={index} index={index} order={order} userFullName={userFullName} onDelete={onDelete} />\n          ))}\n        </tbody>\n      </TableWrapper>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { UnsubmittedOrder } from \"../../../../types/Order\";\nimport { Flex } from \"../../../Flex\";\nimport styled from \"styled-components\";\nimport { Span } from \"../../../Span\";\nimport { OrderStatusIcon } from \"../../../OrderStatusIcon\";\nimport { theme } from \"../../../../theme\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport {\n  getExpiryDaysStringUtil,\n  getOrderTypeUtil,\n  getUnsubmittedAddressUtil,\n  isDeleteOrderButton,\n} from \"../UnsubmittedOrdersUtil/UnsubmittedOrdersUtil\";\nimport { deleteModalAction } from \"../../../../constants/DeleteReducerAction\";\nimport { useHistory } from \"react-router-dom\";\n\ninterface Props {\n  order: UnsubmittedOrder;\n  userFullName: string;\n  onDelete: (action: deleteModalAction) => void;\n}\n\nconst CardRow = styled(Flex)`\n  justify-content: space-between;\n  margin-bottom: 8px;\n`;\n\nconst CardHeader = styled(Span)`\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  color: ${({ theme }) => theme.colors.neutrals.mn80};\n  font-style: normal;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n`;\n\nconst CardData = styled(Span)`\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n  font-style: normal;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 21px;\n  color: ${({ theme }) => theme.colors.nightSky};\n  text-align: right;\n`;\n\nconst FlexWrapper = styled(Flex)`\n  &:hover {\n    cursor: pointer;\n    background-color: ${({ theme }) => theme.colors.neutrals.ln20};\n  }\n\n  &:focus {\n    border-color: ${({ theme }) => theme.colors.hydroDark};\n    box-shadow: ${({ theme }) => theme.shadows.inputFocus};\n    outline: none;\n  }\n`;\n\nconst ActionLinkWrapper = styled(ActionLink)`\n  font-size: ${({ theme }) => theme.fontSizes[1]};\n`;\n\nexport const UnsubmittedCard: React.FC<Props> = ({\n  order,\n  userFullName,\n  onDelete,\n}) => {\n  const days = getExpiryDaysStringUtil(order.expiryDay);\n  const address = getUnsubmittedAddressUtil(order);\n  const orderType = getOrderTypeUtil(order.orderType);\n\n  const handleDelete = () => onDelete({ type: \"Select\", payload: order });\n\n  const history = useHistory();\n\n  const handleRowOnClick = (event: React.MouseEvent<HTMLTableRowElement>) => {\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\n    const isDelete = isDeleteOrderButton(event);\n\n    if (!isDelete) {\n      if (order.orderType === \"LiveningIcpOrder\") {\n        history.push(\"/icp-request\", order);\n      } else {\n        history.push(\"/new-connection\", order);\n      }\n    }\n  };\n\n  return (\n    <FlexWrapper\n      flexDirection=\"column\"\n      p={4}\n      borderRadius=\"notificationBanner\"\n      border=\"1px solid\"\n      borderColor=\"neutrals.ln30\"\n      marginBottom={3}\n      padding=\"10px\"\n      onClick={handleRowOnClick}\n    >\n      <CardRow>\n        <Span data-testid=\"order-row-site\" fontSize={2} lineHeight={2}>\n          {address}\n        </Span>\n      </CardRow>\n\n      <Flex marginBottom={3} alignItems=\"center\">\n        <OrderStatusIcon color={theme.colors.orangeAlert} status={\"draft\"} />\n      </Flex>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-job-type\">Job Type</CardHeader>\n        <CardData data-testid=\"order-row-order-type\">{orderType}</CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-created-by\">\n          Created by\n        </CardHeader>\n        <CardData data-testid=\"order-row-created-by\">{userFullName}</CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-created-date\">\n          Creation date\n        </CardHeader>\n        <CardData data-testid=\"order-row-created-date\">\n          {order.createdDate}\n        </CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-expires-date\">\n          Expires in\n        </CardHeader>\n        <CardData data-testid=\"order-row-expires-date\">{days}</CardData>\n      </CardRow>\n\n      <CardRow>\n        <CardHeader data-testid=\"order-header-delete\">\n          <ActionLinkWrapper\n            data-testid=\"order-delete-button\"\n            onClick={handleDelete}\n          >\n            Delete\n          </ActionLinkWrapper>\n        </CardHeader>\n      </CardRow>\n    </FlexWrapper>\n  );\n};\n","import React, { useReducer } from \"react\";\nimport styled from \"styled-components\";\nimport { layout, LayoutProps } from \"styled-system\";\nimport { mediaQueries } from \"../../../../theme\";\nimport { UnsubmittedOrder } from \"../../../../types/Order\";\nimport { OrderListEmpty } from \"../../../OrderListEmpty\";\nimport { OrderListError } from \"../../../OrderListError\";\nimport { Span } from \"../../../Span\";\nimport { UnsubmittedOrdersTable } from \"../UnsubmittedOrdersTable\";\nimport { UnsubmittedOrdersCards } from \"../UnsubmittedOrdersCards\";\nimport { Modal } from \"../../../Modal\";\nimport { deleteModalAction } from \"../../../../constants/DeleteReducerAction\";\nimport { ReducerFunction } from \"../../../../types/ReducerFunction\";\n\ninterface Props {\n  orders: UnsubmittedOrder[];\n  ordersCount: number;\n  columns: { Header: string }[];\n  userFullName: string;\n  error: boolean;\n  onRetry: () => void;\n  onDeleteUnsubmittedOrder: (order: UnsubmittedOrder) => void;\n}\n\ntype deleteModalState = {\n  showModal: boolean;\n  selectedOrder?: UnsubmittedOrder;\n};\n\nconst DesktopTable = styled(UnsubmittedOrdersTable)<LayoutProps>`\n  ${layout}\n  display: none;\n\n  ${mediaQueries.largeDevice} {\n    display: flex;\n  }\n`;\n\nconst MobileTable = styled(UnsubmittedOrdersCards)<LayoutProps>`\n  ${layout}\n  display: flex;\n\n  ${mediaQueries.largeDevice} {\n    display: none;\n  }\n`;\n\nexport const UnsubmittedOrdersWithoutPagination: React.FC<Props> = ({\n  orders,\n  ordersCount,\n  columns,\n  userFullName,\n  error,\n  onRetry,\n  onDeleteUnsubmittedOrder,\n}) => {\n  const deleteModalReducer: ReducerFunction<\n    deleteModalState,\n    deleteModalAction\n  > = (\n    _state: deleteModalState,\n    action: deleteModalAction,\n  ): deleteModalState => {\n    switch (action.type) {\n      case \"Select\":\n        return { showModal: true, selectedOrder: action.payload };\n      case \"Deselect\":\n        return { showModal: false };\n    }\n  };\n\n  const [deleteModalState, dispatch] = useReducer(deleteModalReducer, {\n    showModal: false,\n  });\n\n  const confirmUnsubmittedOrderDelete = async () => {\n    if (deleteModalState.selectedOrder) {\n      await onDeleteUnsubmittedOrder(deleteModalState.selectedOrder);\n      dispatch({ type: \"Deselect\" });\n    }\n  };\n\n  return (\n    <>\n      <Modal\n        title={\"You are about to delete your order\"}\n        confirmText={\"Delete\"}\n        showModal={deleteModalState.showModal}\n        onCloseModal={() => dispatch({ type: \"Deselect\" })}\n        onCancel={() => dispatch({ type: \"Deselect\" })}\n        onConfirm={confirmUnsubmittedOrderDelete}\n        showButtons={true}\n      >\n        <p>\n          Please note that this order will be deleted and you will lose any\n          entered data.\n        </p>\n      </Modal>\n      <Span fontSize={1} color=\"neutrals.mn40\" mb={3}>\n        ({ordersCount} orders)\n      </Span>\n\n      <DesktopTable\n        className=\"table-unsubmitted-orders\"\n        headers={columns}\n        orders={orders}\n        userFullName={userFullName}\n        onDelete={dispatch}\n      />\n\n      <MobileTable\n        className=\"mobile-unsubmitted-orders\"\n        orders={orders}\n        userFullName={userFullName}\n        onDelete={dispatch}\n      />\n\n      {ordersCount === 0 && !error && <OrderListEmpty />}\n\n      {error && <OrderListError onRetry={onRetry} />}\n    </>\n  );\n};\n","import React from \"react\";\nimport { UnsubmittedOrder } from \"../../../../types/Order\";\nimport { Flex } from \"../../../Flex\";\nimport { UnsubmittedCard } from \"../UnsubmittedCard\";\nimport { deleteModalAction } from \"../../../../constants/DeleteReducerAction\";\n\ninterface Props {\n  className: string;\n  orders: UnsubmittedOrder[];\n  userFullName: string;\n  onDelete: (order: deleteModalAction) => void;\n}\n\nexport const UnsubmittedOrdersCards: React.FC<Props> = ({ className, orders, userFullName, onDelete }) => {\n  return (\n    <Flex flexDirection=\"column\" height=\"100%\" className={className}>\n      {orders.map((order, index) => (\n        <UnsubmittedCard key={index} order={order} userFullName={userFullName} onDelete={onDelete} />\n      ))}\n    </Flex>\n  );\n};\n","import { useEffect, useState } from \"react\";\nimport { EMPTY_UNSUBMITTED_ORDERS_RESPONSE } from \"../../constants/Orders\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport env from \"../../environment\";\nimport { getUnSubmittedOrderList } from \"../../services/OrderService\";\nimport { UnsubmittedOrdersResponse } from \"../../types/Order\";\n\nconst PAGE_INDEX = 0;\nconst RECORDS_THRESHOLD = env.ordersApiSearchThreshold;\n\nexport const useGetUnsubmittedOrderList = (\n  retryCount: number,\n  recordsPerPage?: number,\n  sortOrder?: string,\n) => {\n  const [unSubmittedOrders, setUnSubmittedOrders] =\n    useState<UnsubmittedOrdersResponse>(EMPTY_UNSUBMITTED_ORDERS_RESPONSE);\n\n  const [apiError, setApiError] = useState(false);\n\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n\n  useEffect(() => {\n    const retrieveOrderList = async () => {\n      try {\n        const unSubmittedOrders = await getUnSubmittedOrderList(\n          RECORDS_THRESHOLD,\n          PAGE_INDEX,\n          sortOrder,\n          accessToken,\n        );\n\n        setUnSubmittedOrders(unSubmittedOrders);\n        setApiError(false);\n      } catch {\n        setApiError(true);\n      }\n    };\n\n    if (accessToken) {\n      retrieveOrderList();\n    }\n  }, [retryCount, recordsPerPage, sortOrder, accessToken]);\n\n  return { ...unSubmittedOrders, apiError: apiError };\n};\n","import React, { useEffect, useState } from \"react\";\nimport env from \"../../../../environment\";\nimport { UnsubmittedOrdersWithoutPagination } from \"../UnsubmittedOrdersWithoutPagination/UnsubmittedOrdersWithoutPagination\";\nimport { UnsubmittedOrder } from \"../../../../types/Order\";\nimport { deleteUnSubmittedOrder } from \"../../../../services/OrderService\";\nimport { useGetUnsubmittedOrderList } from \"../../../../hooks/useGetUnsubmittedOrderList/useGetUnsubmittedOrderList\";\nimport { BasicNotificationBannerProps } from \"../../../BasicNotificationBanner/BasicNotificationBanner\";\nimport styled from \"styled-components\";\nimport { FloatingBanner } from \"../../../FloatingBanner\";\nimport {\n  draftOrderDeleteFailure,\n  draftOrderDeleteSuccess,\n} from \"../../../../constants/SnackbarMessages\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\ninterface Props {\n  columns: { Header: string }[];\n}\n\ninterface DeleteNotificationState extends BasicNotificationBannerProps {\n  show: boolean;\n}\n\nconst WrappedNotificationBanner = styled.div`\n  position: fixed;\n  left: 2.2vh;\n  bottom: 14.7vh;\n`;\n\nconst RECORDS_PER_PAGE = env.orderRecordsPerPage;\n\nexport const UnsubmittedOrdersContainer: React.FC<Props> = ({ columns }) => {\n  const deleteNotificationInitState: DeleteNotificationState = {\n    show: false,\n    title: \"\",\n    message: \"\",\n    variant: \"success\",\n    icon: \"check_circle\",\n  };\n\n  const [retryCount, setRetryCount] = useState(0);\n\n  const [unsubmittedOrders, setUnsubmittedOrders] = useState<\n    UnsubmittedOrder[]\n  >([]);\n\n  const [deleteNotificationState, setDeleteNotificationState] = useState(\n    deleteNotificationInitState,\n  );\n\n  const {\n    authenticatedUserContext: { userAuth0Details, userBasicDetails },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n\n  const orderResponse = useGetUnsubmittedOrderList(\n    retryCount,\n    RECORDS_PER_PAGE,\n  );\n\n  useEffect(() => {\n    setUnsubmittedOrders(orderResponse.orderList);\n  }, [orderResponse.orderList]);\n\n  const handleRetry = () => setRetryCount((prevState) => prevState + 1);\n\n  const resetBannerState = () =>\n    setDeleteNotificationState(deleteNotificationInitState);\n\n  const handleDeleteUnsubmittedOrder = async (order: UnsubmittedOrder) => {\n    const index: number = unsubmittedOrders.findIndex(\n      (item) => item.orderId === order.orderId,\n    );\n\n    // delete only when we have something\n    if (index > -1) {\n      const deleted = await deleteUnSubmittedOrder(order.orderId, accessToken);\n\n      if (deleted) {\n        setUnsubmittedOrders((prev) =>\n          prev.filter((item) => item.orderId !== order.orderId),\n        );\n      }\n      setDeleteNotificationState({\n        show: true,\n        title: deleted\n          ? draftOrderDeleteSuccess.title\n          : draftOrderDeleteFailure.title,\n        message: deleted\n          ? draftOrderDeleteSuccess.message\n          : draftOrderDeleteFailure.message,\n        variant: deleted ? \"success\" : \"error\",\n        icon: deleted ? \"check_circle\" : \"warning\",\n      });\n    }\n  };\n\n  const userFullName =\n    userBasicDetails.firstName && userBasicDetails.lastName\n      ? `${userBasicDetails.firstName} ${userBasicDetails.lastName}`\n      : \"\";\n\n  return (\n    <>\n      <WrappedNotificationBanner>\n        <FloatingBanner\n          visible={deleteNotificationState.show}\n          onBannerClose={resetBannerState}\n          title={deleteNotificationState.title}\n          message={deleteNotificationState.message}\n          variant={deleteNotificationState.variant}\n          icon={deleteNotificationState.icon}\n        />\n      </WrappedNotificationBanner>\n\n      <UnsubmittedOrdersWithoutPagination\n        orders={unsubmittedOrders}\n        ordersCount={unsubmittedOrders.length}\n        columns={columns}\n        userFullName={userFullName}\n        error={orderResponse.apiError}\n        onRetry={handleRetry}\n        onDeleteUnsubmittedOrder={handleDeleteUnsubmittedOrder}\n      />\n    </>\n  );\n};\n","import React from \"react\";\nimport { Title } from \"../../../Title\";\nimport { UNSUBMITTED_ORDERS_TABLE_COLUMNS } from \"../../../../constants/Orders\";\nimport { Flex } from \"../../../Flex\";\nimport { UnsubmittedOrdersContainer } from \"../UnsubmittedOrdersContainer/UnsubmittedOrdersContainer\";\nimport { BasicNotificationBanner } from \"../../../BasicNotificationBanner\";\nimport { Box } from \"../../../Box\";\n\nexport const UnsubmittedOrders: React.FC = () => {\n  return (\n    <Flex height=\"100%\" width=\"100%\" flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\">\n        Draft Orders\n      </Title>\n\n      <Box mb={3}>\n        <BasicNotificationBanner\n          message={\n            \"Please note that draft orders will be automatically discarded 30 days after creation.\"\n          }\n          data-testid=\"banner-id\"\n          variant=\"default\"\n          icon=\"info\"\n          mb={3}\n        />\n      </Box>\n\n      <UnsubmittedOrdersContainer columns={UNSUBMITTED_ORDERS_TABLE_COLUMNS} />\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { Redirect, Route, Switch } from \"react-router-dom\";\nimport { OpenOrders } from \"./_/OpenOrders\";\nimport { ClosedOrders } from \"./_/ClosedOrders\";\nimport { UnsubmittedOrders } from \"./_/UnsubmittedOrders\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.largeDevice} {\n    margin-left: 18em;\n    height: calc(100vh - 82px);\n  }\n`;\n\nexport const OrderDetailsList: React.FC = () => {\n  return (\n    <FlexWrapper flexDirection=\"column\" mx={4}>\n      <Switch>\n        <Route exact path=\"/order-details-list\">\n          <Redirect to=\"/order-details-list/open-orders\" />\n        </Route>\n        <Route\n          exact\n          path=\"/order-details-list/open-orders\"\n          component={OpenOrders}\n        />\n        <Route\n          exact\n          path=\"/order-details-list/closed-orders\"\n          component={ClosedOrders}\n        />\n        <Route\n          exact\n          path=\"/order-details-list/draft-orders\"\n          component={UnsubmittedOrders}\n        />\n      </Switch>\n    </FlexWrapper>\n  );\n};\n","import React from \"react\";\nimport { OrderDetailsList } from \"../../components/OrderDetailsList\";\nimport { OrderDetailsListNavigationMenu } from \"../../components/OrderDetailsList/_/OrderDetailsListNavigationMenu\";\nimport { Page } from \"../../components/Page\";\n\nexport interface OrderDetailsListProps {\n  tabTitle: string;\n}\n\nexport const OrderDetailsListPage: React.FC<OrderDetailsListProps> = ({\n  tabTitle,\n}) => {\n  return (\n    <Page\n      tabTitle={tabTitle}\n      navigationMenuContents={() => <OrderDetailsListNavigationMenu />}\n      hasMobileNavMenu\n    >\n      <OrderDetailsList />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport {\n  OrderDetailsListPage,\n  OrderDetailsListProps,\n} from \"./OrderDetailsListPage\";\n\nexport const DEFAULT_ORDER_DETAILS_LIST_CONTENT: OrderDetailsListProps = {\n  tabTitle: \"\",\n};\n\nexport const OrderDetailsListPageContainer: React.FC = () => {\n  return <OrderDetailsListPage {...DEFAULT_ORDER_DETAILS_LIST_CONTENT} />;\n};\n","import React, { InputHTMLAttributes, RefObject } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { FlexGrowProps, SpaceProps, variant } from \"styled-system\";\nimport { Label } from \"../Label\";\nimport { Text } from \"../Text\";\n\nexport interface RadioButtonDescriptiveProps {\n  label: string;\n  description: string;\n  currentValue?: string | number;\n}\n\nconst FlexContainer = styled(Flex)(\n  {\n    boxSizing: \"border-box\",\n    justifyContent: \"center\",\n    textAlign: \"center\",\n    flexDirection: \"column\",\n    cursor: \"pointer\",\n  },\n  variant({\n    scale: \"radioButtonDescriptive\",\n    variants: {\n      primary: {\n        borderRadius: \"radio\",\n        border: \"2px solid\",\n        borderColor: \"neutrals.ln40\",\n        \"&:focus\": {\n          borderColor: \"hydroDark\",\n          boxShadow: \"inputFocus\",\n        },\n        \"&:hover\": {\n          bg: \"hydro10\",\n        },\n      },\n    },\n  }),\n);\n\nconst LabelWrapper = styled(Label)`\n  cursor: pointer;\n`;\n\nconst TextWrapper = styled(Text)`\n  cursor: pointer;\n  margin-block-start: 0;\n  margin-block-end: 0;\n`;\n\nconst Input = styled.input`\n  display: none;\n`;\n\nconst Container = styled(FlexContainer)`\n  border-color: ${({ checked, theme }) => checked && theme.colors.hydroDark};\n  background-color: ${({ checked, theme }) => checked && theme.colors.hydro10};\n  ${({ disabled, theme }) =>\n    disabled &&\n    css`\n      cursor: none;\n      pointer-events: none;\n      background-color: ${theme.colors.neutrals.ln20};\n      & > ${LabelWrapper} {\n        cursor: none;\n        pointer-events: none;\n        color: ${theme.colors.neutrals.mn40};\n      }\n      & > ${TextWrapper} {\n        cursor: none;\n        pointer-events: none;\n        color: ${theme.colors.neutrals.mn40};\n      }\n    `}\n`;\n\nexport const RadioButtonDescriptive: React.FC<\n  RadioButtonDescriptiveProps &\n    FlexGrowProps &\n    SpaceProps &\n    InputHTMLAttributes<HTMLInputElement>\n> = ({\n  id,\n  label,\n  description,\n  currentValue,\n  value,\n  disabled,\n  tabIndex,\n  flexGrow,\n  ml,\n  mr,\n  mb,\n  ...props\n}) => {\n  const inputRef: RefObject<HTMLInputElement> = React.useRef(null);\n  const checked = currentValue === value;\n\n  const handleOnClick = () => {\n    /* istanbul ignore next */\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.click();\n    }\n  };\n\n  return (\n    <Container\n      variant=\"primary\"\n      checked={checked}\n      onClick={handleOnClick}\n      disabled={disabled}\n      tabIndex={tabIndex}\n      flexGrow={flexGrow}\n      aria-labelledby={id}\n      p={4}\n      ml={ml}\n      mr={mr}\n      mb={mb}\n    >\n      <Input\n        {...props}\n        id={id}\n        value={value}\n        checked={checked}\n        aria-checked={checked}\n        ref={inputRef}\n        disabled={disabled}\n        type=\"radio\"\n      />\n      <LabelWrapper\n        fontSize={4}\n        lineHeight={4}\n        id={id}\n        htmlFor={id}\n        mb={description ? 3 : 0}\n        textAlign=\"left\"\n      >\n        {label}\n      </LabelWrapper>\n      <TextWrapper\n        fontSize={1}\n        lineHeight={1}\n        textAlign=\"left\"\n        color=\"neutrals.dn40\"\n      >\n        {description}\n      </TextWrapper>\n    </Container>\n  );\n};\n\nRadioButtonDescriptive.defaultProps = {\n  disabled: false,\n};\n","import React, { InputHTMLAttributes } from \"react\";\nimport { FieldProps } from \"formik\";\nimport { FlexGrowProps, SpaceProps } from \"styled-system\";\nimport { RadioButtonDescriptive } from \"../RadioButtonDescriptive\";\nimport { RadioButtonDescriptiveProps } from \"../RadioButtonDescriptive/RadioButtonDescriptive\";\n\n\nexport const FormikRadioButtonDescriptive: React.FC<  FieldProps &\n    FlexGrowProps &\n    RadioButtonDescriptiveProps &\n    SpaceProps &\n    InputHTMLAttributes<HTMLInputElement>> = ({ field, ...props }) => {\n  return <RadioButtonDescriptive  {...field} {...props} />;\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Span } from \"../Span\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { Field } from \"formik\";\nimport { FormikRadioButtonDescriptive } from \"../FormikRadioButtonDescriptive\";\nimport { Box } from \"../Box\";\nimport { ServiceTypeFormValues } from \"../../types/ServiceTypeFormValues\";\nimport { CantFindWhatYouAreLookingFor } from \"../CantFindWhatYouAreLookingFor\";\n\ninterface Props {\n  values: ServiceTypeFormValues;\n  onServiceTypeSelected: () => void;\n}\n\nexport const ServiceTypeElectricity: React.FC<Props> = ({\n  values,\n  onServiceTypeSelected,\n}) => {\n  const handleOnServiceTypeSelected = () => {\n    onServiceTypeSelected();\n  };\n\n  return (\n    <>\n      <Span\n        display=\"inline-block\"\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mt={7}\n        mb={5}\n      >\n        Select a service type.\n      </Span>\n\n      <BasicNotificationBanner\n        message=\"Please make sure you have consulted an electrician before applying for an electricity connection.\"\n        variant=\"warning\"\n        icon=\"warning\"\n      />\n\n      <Flex flexDirection=\"column\" justifyContent=\"space-between\" mt={3}>\n        <Box mb={3}>\n          <Field\n            id=\"newConnection\"\n            name=\"electricityServiceType\"\n            label=\"New connection\"\n            value=\"newConnection\"\n            description=\"If there is no available connection supply point at the boundary of the property where our\n             network connects to your private service line, request a new connection supply point.\"\n            currentValue={values.electricityServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <Box mb={3}>\n          <Field\n            id=\"livening\"\n            name=\"electricityServiceType\"\n            label=\"Livening (ICP number)\"\n            value=\"livening\"\n            description=\"If there is a connection supply point available and you are ready for the service line to be\n            connected to the network, request an ICP and livening.\"\n            currentValue={values.electricityServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <Box mb={3}>\n          <Field\n            id=\"electricityDisconnection\"\n            name=\"electricityServiceType\"\n            label=\"Disconnection (Permanent)\"\n            value=\"electricityDisconnection\"\n            description=\"If you need to organise a permanent disconnection.\"\n            currentValue={values.electricityServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <Box mb={3}>\n          <Field\n            id=\"reportPowerOutage\"\n            name=\"electricityServiceType\"\n            label=\"Report a power outage\"\n            value=\"reportPowerOutage\"\n            description=\"Report a power outage on our Outage Centre.\"\n            currentValue={values.electricityServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <Box mb={7}>\n          <Field\n            id=\"referenceMaps\"\n            name=\"electricityServiceType\"\n            label=\"Reference maps\"\n            value=\"referenceMaps\"\n            description={\n              \"Request reference maps indicating the approximate location of our underground electricity,\" +\n              \" gas, fibre cables and pipes.\"\n            }\n            currentValue={values.electricityServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <CantFindWhatYouAreLookingFor serviceType={values.service} />\n      </Flex>\n    </>\n  );\n};\n","import React from \"react\";\nimport { ServiceTypeFormValues } from \"../../types/ServiceTypeFormValues\";\nimport { Span } from \"../Span\";\nimport { Flex } from \"../Flex\";\nimport { Box } from \"../Box\";\nimport { Field } from \"formik\";\nimport { FormikRadioButtonDescriptive } from \"../FormikRadioButtonDescriptive\";\nimport { CantFindWhatYouAreLookingFor } from \"../CantFindWhatYouAreLookingFor\";\n\ninterface Props {\n  values: ServiceTypeFormValues;\n  onServiceTypeSelected: () => void;\n}\n\nexport const ServiceTypeGas: React.FC<Props> = ({\n  values,\n  onServiceTypeSelected,\n}) => {\n  const handleOnServiceTypeSelected = () => {\n    onServiceTypeSelected();\n  };\n\n  return (\n    <>\n      <Span\n        display=\"inline-block\"\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mt={7}\n        mb={5}\n      >\n        Select a service type.\n      </Span>\n\n      <Flex flexDirection=\"column\" justifyContent=\"space-between\">\n\n        <Box mb={3}>\n          <Field\n            id=\"gasDisconnection\"\n            name=\"gasServiceType\"\n            label=\"Disconnection (Permanent)\"\n            value=\"gasDisconnection\"\n            description=\"If you need a temporary or permanent gas disconnection, please contact your gas retailer.\n            This form is only to be used if you do not know the gas retailer for the site.\"\n            currentValue={values.gasServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <Box mb={7}>\n          <Field\n            id=\"referenceMaps\"\n            name=\"gasServiceType\"\n            label=\"Reference maps\"\n            value=\"referenceMaps\"\n            description={\n              \"Request reference maps indicating the approximate location of our underground electricity,\" +\n              \"gas and fibre cables and pipes.\"\n            }\n            currentValue={values.gasServiceType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <CantFindWhatYouAreLookingFor serviceType={values.service} />\n      </Flex>\n    </>\n  );\n};\n","import { Field } from \"formik\";\nimport React from \"react\";\nimport { ServiceTypeFormValues } from \"../../types/ServiceTypeFormValues\";\nimport { Box } from \"../Box\";\nimport { CantFindWhatYouAreLookingFor } from \"../CantFindWhatYouAreLookingFor\";\nimport { Flex } from \"../Flex\";\nimport { FormikRadioButtonDescriptive } from \"../FormikRadioButtonDescriptive\";\nimport { Span } from \"../Span\";\n\ninterface Props {\n  values: ServiceTypeFormValues;\n  onServiceTypeSelected: () => void;\n}\n\nexport const ServiceTypeConsentApprovals: React.FC<Props> = ({\n  values,\n  onServiceTypeSelected,\n}) => {\n  const handleOnServiceTypeSelected = () => {\n    onServiceTypeSelected();\n  };\n\n  return (\n    <>\n      <Span\n        display=\"inline-block\"\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mt={7}\n        mb={5}\n      >\n        Select a service type.\n      </Span>\n\n      <Flex flexDirection=\"column\" justifyContent=\"space-between\">\n        <Box mb={7}>\n          <Field\n            id=\"highLoadPermit\"\n            name=\"consentApprovalsType\"\n            label=\"High load permit\"\n            value=\"highLoadPermit\"\n            description=\"You need a permit or an escort from us when transporting loads over 4.3 metres high through Auckland.\"\n            currentValue={values.consentApprovalsType}\n            flexGrow={1}\n            onClick={handleOnServiceTypeSelected}\n            component={FormikRadioButtonDescriptive}\n          />\n        </Box>\n\n        <CantFindWhatYouAreLookingFor serviceType={values.service} />\n      </Flex>\n    </>\n  );\n};\n","import React from \"react\";\nimport { Title } from \"../Title\";\nimport { Flex } from \"../Flex\";\nimport { Span } from \"../Span\";\nimport { Field, Form, Formik } from \"formik\";\nimport { FormikRadioButton } from \"../FormikRadioButton\";\nimport { ServiceTypeElectricity } from \"../ServiceTypeElectricity\";\nimport { ServiceTypeFormValues } from \"../../types/ServiceTypeFormValues\";\nimport { useHistory } from \"react-router-dom\";\nimport { ServiceTypeGas } from \"../ServiceTypeGas\";\nimport { ServiceTypeConsentApprovals } from \"../ServiceTypeConsentApprovals\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\ninterface Props {\n  id: string;\n  initialValues?: ServiceTypeFormValues;\n}\n\nexport const ServiceTypeForm: React.FC<Props> = ({ initialValues, id }) => {\n  const history = useHistory();\n\n  const {\n    authenticatedUserContext: { isLoggedIn },\n  } = useUserAuthentication();\n\n  const handleSubmit = (values: ServiceTypeFormValues) => {\n    window.scrollTo({ top: 0, behavior: \"smooth\" });\n\n    const {\n      service,\n      electricityServiceType,\n      gasServiceType,\n      consentApprovalsType,\n    } = values;\n\n    switch (service) {\n      case \"electricity\":\n        switch (electricityServiceType) {\n          case \"livening\":\n            history.push(\n              isLoggedIn ? \"/icp-request\" : \"/login-option/icp-request\",\n            );\n            break;\n\n          case \"newConnection\":\n            history.push(\n              isLoggedIn ? \"/new-connection\" : \"/login-option/new-connection\",\n            );\n            break;\n\n          case \"electricityDisconnection\":\n            window.open(\"https://my.vector.co.nz/decommissionicp\");\n            break;\n\n          case \"reportPowerOutage\":\n            window.open(\"http://help.vector.co.nz/\");\n            break;\n\n          case \"referenceMaps\":\n            window.open(\n              \"https://www.vector.co.nz/personal/help-safety/near-our-network/reference-plans\",\n            );\n            break;\n        }\n        break;\n\n      case \"gas\":\n        switch (gasServiceType) {\n          case \"gasDisconnection\":\n            window.open(\"https://my.vector.co.nz/decommissionicp\");\n            break;\n\n          case \"referenceMaps\":\n            window.open(\n              \"https://www.vector.co.nz/personal/help-safety/near-our-network/reference-plans\",\n            );\n            break;\n        }\n        break;\n\n      case \"consent_approvals\":\n        switch (consentApprovalsType) {\n          case \"highLoadPermit\":\n            window.open(\n              \"https://www.vector.co.nz/personal/help-safety/near-our-network/high-load-permit\",\n            );\n            break;\n        }\n        break;\n\n      /* istanbul ignore next */\n      default:\n        break;\n    }\n  };\n\n  return (\n    <Formik\n      /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n      initialValues={initialValues!}\n      onSubmit={handleSubmit}\n    >\n      {({ values, submitForm }) => (\n        <Form>\n          <Flex flexDirection=\"column\" id={id}>\n            <Title as=\"h1\" lineHeight={7} fontWeight=\"500\">\n              New service order\n            </Title>\n\n            <Span\n              display=\"inline-block\"\n              fontSize={4}\n              lineHeight={4}\n              fontWeight=\"medium\"\n              mt={2}\n              mb={3}\n            >\n              What service do you need?\n            </Span>\n\n            <Flex\n              flexDirection={[\"column\", \"column\", \"row\"]}\n              justifyContent=\"space-between\"\n            >\n              <Field\n                id=\"electricity\"\n                name=\"service\"\n                label=\"Electricity\"\n                value=\"electricity\"\n                currentValue={values.service}\n                magnitude={[\"large\", \"large\", \"medium\", \"xLarge\"]}\n                flexGrow={0.33}\n                flexBasis={0}\n                minWidth={0}\n                mr={[0, 0, 2]}\n                mb={[2, 2, 0]}\n                icon=\"flash_on\"\n                component={FormikRadioButton}\n              />\n\n              <Field\n                id=\"gas\"\n                name=\"service\"\n                label=\"Gas\"\n                value=\"gas\"\n                currentValue={values.service}\n                magnitude={[\"large\", \"large\", \"medium\", \"xLarge\"]}\n                flexGrow={0.33}\n                flexBasis={0}\n                minWidth={0}\n                mx={[0, 0, 1]}\n                my={[1, 1, 0]}\n                icon=\"local_fire_department\"\n                fontFamily=\"Material Icons Outlined\"\n                component={FormikRadioButton}\n              />\n\n              <Field\n                id=\"consent_approvals\"\n                name=\"service\"\n                label={\"Consents & Approvals\"}\n                value=\"consent_approvals\"\n                currentValue={values.service}\n                magnitude={[\"large\", \"large\", \"medium\", \"xLarge\"]}\n                flexGrow={0.33}\n                flexBasis={0}\n                minWidth={0}\n                ml={[0, 0, 2]}\n                my={[2, 2, 0]}\n                icon=\"task\"\n                fontFamily=\"Material Icons Outlined\"\n                component={FormikRadioButton}\n              />\n            </Flex>\n\n            {values.service === \"electricity\" && (\n              <ServiceTypeElectricity\n                values={values}\n                onServiceTypeSelected={submitForm}\n              />\n            )}\n\n            {values.service === \"gas\" && (\n              <ServiceTypeGas\n                values={values}\n                onServiceTypeSelected={submitForm}\n              />\n            )}\n\n            {values.service === \"consent_approvals\" && (\n              <ServiceTypeConsentApprovals\n                values={values}\n                onServiceTypeSelected={submitForm}\n              />\n            )}\n          </Flex>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n\nServiceTypeForm.defaultProps = {\n  initialValues: {\n    service: \"\",\n    electricityServiceType: \"\",\n    gasServiceType: \"\",\n    consentApprovalsType: \"\",\n  },\n};\n","import React from \"react\";\nimport { ProgressStepperDesktop } from \"../ProgressStepperDesktop\";\n\ninterface Props {\n  currentStep: number;\n}\n\nconst SERVICE_TYPE_STEPS: string[] = [];\n\nexport const ServiceTypeProgressStepper: React.FC<Props> = ({\n  currentStep,\n}) => {\n  return (\n    <>\n      <ProgressStepperDesktop\n        steps={SERVICE_TYPE_STEPS}\n        currentStep={currentStep}\n      />\n    </>\n  );\n};\n\nexport { SERVICE_TYPE_STEPS };\n","import React from \"react\";\nimport { ServiceTypeForm } from \"../ServiceTypeForm\";\nimport { Flex } from \"../Flex\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { ServiceTypeProgressStepper } from \"../ServiceTypeProgressStepper\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nexport const ServiceType: React.FC = () => {\n  return (\n    <>\n      <ServiceTypeProgressStepper currentStep={0} />\n      <GridWrapper mx={[2, 2, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          <ServiceTypeForm id=\"service-type-form\" />\n        </FlexWrapper>\n      </GridWrapper>\n    </>\n  );\n};\n","import React from \"react\";\nimport { ServiceType } from \"../../components/ServiceType\";\nimport { Page } from \"../../components/Page\";\n\nexport interface ServiceTypeProps {\n  tabTitle: string;\n}\n\nexport const ServiceTypePage: React.FC<ServiceTypeProps> = ({ tabTitle }) => {\n  return (\n    <Page tabTitle={tabTitle}>\n      <ServiceType />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { ServiceTypePage, ServiceTypeProps } from \"./ServiceTypePage\";\n\nexport const DEFAULT_SERVICE_TYPE_CONTENT: ServiceTypeProps = {\n  tabTitle: \"\",\n};\n\nexport const ServiceTypePageContainer: React.FC = () => {\n  return <ServiceTypePage {...DEFAULT_SERVICE_TYPE_CONTENT} />;\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../../Flex\";\nimport { Line } from \"../../../Line\";\nimport { Span } from \"../../../Span\";\nimport { Box } from \"../../../Box\";\n\ninterface Props {\n  siteIndex?: number;\n  siteAddress: string;\n  serviceType: string;\n}\n\nconst LabelWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nexport const LiveningIcpThankYouOrder: React.FC<Props> = ({\n  siteIndex,\n  siteAddress,\n  serviceType,\n}) => {\n  return (\n    <Box key={siteIndex}>\n      <Flex flexDirection=\"row\" my={3}>\n        <LabelWrapper\n          data-testid={\n            siteIndex\n              ? `thank-you-site-${siteIndex}-sitenumber`\n              : \"thank-you-site-sitenumber\"\n          }\n          lineHeight={2}\n          color=\"neutrals.dn40\"\n          flexGrow={[0.5, 0.5, 0.5, 0.37, 0.37]}\n        >\n          {siteIndex ? `Site ${siteIndex}` : \"Site\"}\n        </LabelWrapper>\n\n        <ValueWrapper\n          data-testid={\n            siteIndex\n              ? `thank-you-site-${siteIndex}-streetaddress`\n              : \"thank-you-site-streetaddress\"\n          }\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.63, 0.63]}\n        >\n          {siteAddress}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.37, 0.37]}>\n          Type of service\n        </LabelWrapper>\n\n        <ValueWrapper\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.63, 0.63]}\n          data-testid={\n            siteIndex\n              ? `thank-you-site-${siteIndex}-serviceType`\n              : \"thank-you-site-serviceType\"\n          }\n        >\n          {serviceType}\n        </ValueWrapper>\n      </Flex>\n\n      <Line\n        width=\"100%\"\n        mt={3}\n        zIndex={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n      />\n    </Box>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { LiveningIcpFormValues } from \"../../types/LiveningIcpFormValues\";\nimport { LiveningIcpSite } from \"../../types/LiveningIcpSite\";\nimport { Flex } from \"../Flex\";\nimport { Grid } from \"../Grid\";\nimport { Line } from \"../Line\";\nimport { Link } from \"../Link\";\nimport {\n  getAddressInformation,\n  getFormattedAddress,\n} from \"../LiveningIcpForm/_/LiveningIcpReviewForm/_/FormattedAddressUtil/FormattedAddressUtil\";\nimport { LiveningIcpProgressStepper } from \"../LiveningIcpProgressStepper\";\nimport { Span } from \"../Span\";\nimport { LiveningIcpThankYouOrder } from \"./_/LiveningIcpThankYouOrder\";\nimport { Title } from \"../Title\";\nimport { QualtricsPlaceHolder } from \"../QualtricsPlaceHolder\";\nimport { Page } from \"../Page\";\nimport { IconPopupTip } from \"../IconPopupTip\";\nimport { Button } from \"../Button\";\nimport { useHistory } from \"react-router-dom\";\n\ninterface Props {\n  values: LiveningIcpFormValues;\n}\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nconst StyledOrderService = styled(Flex)`\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const LiveningIcpThankYou: React.FC<Props> = ({ values }) => {\n  const history = useHistory();\n\n  const { icpType, metered, unmetered } = values;\n\n  const handleOrderServiceClick = () => {\n    history.push(\"/service-type\");\n  };\n\n  return (\n    <Page>\n      <LiveningIcpProgressStepper currentStep={4} />\n\n      <GridWrapper mx={[2, 2, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          <Title as=\"h1\" lineHeight={6} fontWeight=\"500\">\n            Thank you for your order\n          </Title>\n\n          <p>\n            Please note that separate orders have been created for each\n            site/location and you will receive a confirmation email for each\n            order. <br /> <br /> Based on the information provided, we have\n            assigned a type of service per site/location. <br />\n            <br /> Once we have assessed your order, your type of service might\n            change but we will update you if this is the case.\n          </p>\n\n          <Flex justifyContent=\"space-between\" alignItems=\"center\" my={4}>\n            <Title as=\"h2\" lineHeight={7} fontWeight=\"500\">\n              Your order(s)\n            </Title>\n\n            <Flex alignItems=\"center\">\n              <IconPopupTip\n                label=\"Type of service\"\n                icon=\"help\"\n                alignItems=\"flex-start\"\n              >\n                A livening connection is where we provide a unique installation\n                point (ICP) and organise the permanent or temporary livening of\n                the connection with your power retailer.\n              </IconPopupTip>\n            </Flex>\n          </Flex>\n\n          {icpType === \"metered ICP\" &&\n            metered.sites.map((site: LiveningIcpSite, index: number) => (\n              <LiveningIcpThankYouOrder\n                key={index}\n                siteIndex={index + 1}\n                siteAddress={getFormattedAddress(site)}\n                serviceType=\"Livening (ICP number)\"\n              />\n            ))}\n\n          {icpType === \"unmetered ICP\" && (\n            <LiveningIcpThankYouOrder\n              siteAddress={getAddressInformation(unmetered.addressInformation)}\n              serviceType=\"Livening (ICP number)\"\n            />\n          )}\n\n          <Span my={5}>\n            If you have any questions, please contact us on{\" \"}\n            <Link href=\"tel:0508 832 867\">0508 832 867</Link>.\n          </Span>\n\n          <StyledOrderService\n            px={4}\n            py={3}\n            borderRadius=\"infoSection\"\n            flexDirection=\"column\"\n          >\n            <Span fontSize={4} lineHeight={4} mb={3}>\n              Do you want to order another service?\n            </Span>\n\n            <Span>\n              You can keep ordering other services through the button below.\n            </Span>\n\n            <Flex marginRight=\"auto\">\n              <Button\n                iconLeft=\"add\"\n                variant=\"primary\"\n                magnitude=\"medium\"\n                mt={3}\n                data-testid=\"order-service-button\"\n                onClick={handleOrderServiceClick}\n              >\n                New Order\n              </Button>\n            </Flex>\n          </StyledOrderService>\n\n          <Line\n            width=\"100%\"\n            my={5}\n            zIndex={0}\n            border=\"1px solid\"\n            borderColor=\"neutrals.ln30\"\n            bg=\"neutrals.ln30\"\n            opacity=\"1\"\n            height={0}\n          />\n\n          <Flex flexDirection=\"column\" pb={6}>\n            <Title as=\"h2\" my={3}>\n              Feedback\n            </Title>\n            <QualtricsPlaceHolder />\n          </Flex>\n        </FlexWrapper>\n      </GridWrapper>\n    </Page>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Box } from \"../../../Box\";\nimport { Flex } from \"../../../Flex\";\nimport { Line } from \"../../../Line\";\nimport { Span } from \"../../../Span\";\n\ninterface Props {\n  siteIndex?: number;\n  siteAddress: string;\n  jobCategory: string;\n}\n\nconst LabelWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nexport const NewConnectionThankYouOrder: React.FC<Props> = ({\n  siteIndex,\n  siteAddress,\n  jobCategory,\n}) => {\n  return (\n    <Box key={siteIndex}>\n      <Flex flexDirection=\"row\" my={3}>\n        <LabelWrapper\n          data-testid={\n            siteIndex\n              ? `thank-you-site-${siteIndex}-sitenumber`\n              : \"thank-you-site-sitenumber\"\n          }\n          lineHeight={2}\n          color=\"neutrals.dn40\"\n          flexGrow={[0.5, 0.5, 0.5, 0.37, 0.37]}\n        >\n          {siteIndex ? `Site ${siteIndex}` : \"Site\"}\n        </LabelWrapper>\n\n        <ValueWrapper\n          data-testid={\n            siteIndex\n              ? `thank-you-site-${siteIndex}-streetaddress`\n              : \"thank-you-site-streetaddress\"\n          }\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.63, 0.63]}\n        >\n          {siteAddress}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.37, 0.37]}>\n          Type of service\n        </LabelWrapper>\n\n        <ValueWrapper\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.63, 0.63]}\n          data-testid={\n            siteIndex\n              ? `thank-you-site-${siteIndex}-jobCategory`\n              : \"thank-you-site-jobCategory\"\n          }\n        >\n          {jobCategory}\n        </ValueWrapper>\n      </Flex>\n\n      <Line\n        width=\"100%\"\n        mt={3}\n        zIndex={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n      />\n    </Box>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { NewConnectionFormValues } from \"../../types/NewConnectionFormValues\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { Flex } from \"../Flex\";\nimport { Grid } from \"../Grid\";\nimport { IconPopupTip } from \"../IconPopupTip\";\nimport { Line } from \"../Line\";\nimport { Link } from \"../Link\";\nimport { getFormattedAddress } from \"../LiveningIcpForm/_/LiveningIcpReviewForm/_/FormattedAddressUtil/FormattedAddressUtil\";\nimport { isComplexConnection } from \"../NewConnectionComplexUtil/NewConnectionComplexUtil\";\nimport { NewConnectionProgressStepper } from \"../NewConnectionProgressStepper\";\nimport { Page } from \"../Page\";\nimport { QualtricsPlaceHolder } from \"../QualtricsPlaceHolder\";\nimport { Span } from \"../Span\";\nimport { Title } from \"../Title\";\nimport { NewConnectionThankYouOrder } from \"./_/NewConnectionThankYouOrder\";\nimport { useHistory } from \"react-router-dom\";\nimport { Button } from \"../Button\";\n\ninterface Props {\n  values: NewConnectionFormValues;\n}\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nconst StyledOrderService = styled(Flex)`\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const NewConnectionThankYou: React.FC<Props> = ({ values }) => {\n  const history = useHistory();\n\n  const { site } = values;\n  const isComplex = isComplexConnection(values.site);\n\n  const handleOrderServiceClick = () => {\n    history.push(\"/service-type\");\n  };\n\n  return (\n    <Page>\n      <NewConnectionProgressStepper currentStep={4} />\n\n      <GridWrapper mx={[2, 2, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          <Title as=\"h1\" lineHeight={6} fontWeight=\"500\">\n            Thank you for your order\n          </Title>\n\n          <p>\n            Please note that separate orders have been created for each\n            site/location and you will receive a confirmation email for each\n            order. <br /> <br /> Based on the information provided, we have\n            assigned a type of service per site/location. <br />\n            <br /> Once we have assessed your order, your type of service might\n            change but we will update you if this is the case.\n          </p>\n\n          <Flex justifyContent=\"space-between\" alignItems=\"center\" my={4}>\n            <Title as=\"h2\" my={0} lineHeight={7} fontWeight=\"500\">\n              Your order(s)\n            </Title>\n\n            <Flex alignItems=\"center\">\n              {isComplex && (\n                <IconPopupTip\n                  label=\"Type of service\"\n                  icon=\"help\"\n                  alignItems=\"flex-start\"\n                >\n                  A complex connection supply point is where our network\n                  connects to your private service line. This type of connection\n                  requires a customer works agreement and if applicable,\n                  easements. These jobs generally have a longer timeframe as\n                  they are more complex.\n                </IconPopupTip>\n              )}\n\n              {!isComplex && (\n                <IconPopupTip\n                  label=\"Type of service\"\n                  icon=\"help\"\n                  alignItems=\"flex-start\"\n                >\n                  A simple connection supply point is where our network connects\n                  to your private service line. This type of connection only\n                  requires a quote, but not an easement, and can usually be\n                  completed in approximately 6-8 weeks.\n                </IconPopupTip>\n              )}\n            </Flex>\n          </Flex>\n\n          <NewConnectionThankYouOrder\n            jobCategory={`${\n              isComplexConnection(values.site)\n                ? \"Complex connection\"\n                : \"Simple connection\"\n            }`}\n            siteAddress={getFormattedAddress(site)}\n          />\n\n          <Span my={4}>\n            If you have any questions, please contact us on{\" \"}\n            <Link href=\"tel:0508 832 867\">0508 832 867</Link>.\n          </Span>\n\n          <StyledOrderService\n            px={4}\n            py={3}\n            borderRadius=\"infoSection\"\n            flexDirection=\"column\"\n          >\n            <Span fontSize={4} lineHeight={4} mb={3}>\n              Do you want to order another service?\n            </Span>\n\n            <Span>\n              You can keep ordering other services through the button below.\n            </Span>\n\n            <Flex marginRight=\"auto\">\n              <Button\n                iconLeft=\"add\"\n                variant=\"primary\"\n                magnitude=\"medium\"\n                mt={3}\n                data-testid=\"order-service-button\"\n                onClick={handleOrderServiceClick}\n              >\n                New Order\n              </Button>\n            </Flex>\n          </StyledOrderService>\n\n          {isComplex && (\n            <BasicNotificationBanner\n              message={\n                \"Unfortunately, we don’t support online tracking functionality for Complex connection.\" +\n                \" We will continue to update your order details via email or SMS.\"\n              }\n              variant=\"warning\"\n              icon=\"warning\"\n              mb={6}\n              mt={4}\n            />\n          )}\n\n          <Line\n            width=\"100%\"\n            my={5}\n            zIndex={0}\n            border=\"1px solid\"\n            borderColor=\"neutrals.ln30\"\n            bg=\"neutrals.ln30\"\n            opacity=\"1\"\n            height={0}\n          />\n\n          <Flex flexDirection=\"column\" pb={6}>\n            <Title as=\"h2\" my={3}>\n              Feedback\n            </Title>\n            <QualtricsPlaceHolder />\n          </Flex>\n        </FlexWrapper>\n      </GridWrapper>\n    </Page>\n  );\n};\n\nNewConnectionThankYou.defaultProps = {};\n","import React from \"react\";\nimport { useLocation, useParams } from \"react-router-dom\";\nimport { LiveningIcpThankYou } from \"../../components/LiveningIcpThankYou\";\nimport { NewConnectionThankYou } from \"../../components/NewConnectionThankYou\";\nimport { LiveningIcpFormValues } from \"../../types/LiveningIcpFormValues\";\nimport { NewConnectionFormValues } from \"../../types/NewConnectionFormValues\";\n\ntype ThankYouParams = { pageType: string };\n\nexport const ThankYouPage: React.FC = () => {\n  const { pageType } = useParams<ThankYouParams>();\n\n  const location = useLocation<\n    LiveningIcpFormValues | NewConnectionFormValues\n  >();\n\n  return (\n    <>\n      {pageType === \"liveningIcp\" && (\n        <LiveningIcpThankYou values={location.state} />\n      )}\n\n      {pageType === \"newConnection\" && (\n        <NewConnectionThankYou values={location.state} />\n      )}\n    </>\n  );\n};\n","import * as yup from \"yup\";\nimport {\n  ALTERNATE_PHONE_REG_EXP,\n  MOBILE_REG_EXP,\n} from \"../../constants/ContactNumbersRegex\";\nimport {\n  ONLY_LETTERS_AND_SPACE_REG_EXP,\n  ONLY_NUMBERS_REG_EXP,\n} from \"../../constants/FormRegex\";\nimport { noWhitespaceValidation } from \"../../utils/noWhitespaceValidation/noWhitespaceValidation\";\n\nyup.addMethod<yup.StringSchema>(\n  yup.string,\n  \"noWhitespace\",\n  noWhitespaceValidation,\n);\n\nexport const CompleteProfileDetailsFormSchema = yup.object({\n  profile: yup.object().shape({\n    type: yup.string().required(\"Account type is required\"),\n    isInvitedUser: yup.string(),\n    firstName: yup\n      .string()\n      .noWhitespace(\"First name is invalid\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"First name is required\"),\n    lastName: yup\n      .string()\n      .noWhitespace(\"Last name is invalid\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"Last name is required\"),\n    mobile: yup\n      .string()\n      .noWhitespace(\"Enter a valid phone number\")\n      .matches(MOBILE_REG_EXP, \"Enter a valid phone number\")\n      .required(\"Mobile is required\"),\n    alternatePhone: yup\n      .string()\n      .noWhitespace(\"Enter a valid alternate phone number\")\n      .matches(ALTERNATE_PHONE_REG_EXP, \"Enter a valid alternate phone number\"),\n    businessName: yup.string().when(\"type\", {\n      is: (type: string) => type === \"business\",\n      then: yup\n        .string()\n        .noWhitespace(\"Business name is invalid\")\n        .max(100, \"Maximum length is 100 characters\")\n        .required(\"Business name is required\"),\n      otherwise: yup.string().max(100, \"Maximum length is 100 characters\"),\n    }),\n    companyNzbn: yup.string().when([\"type\", \"isInvitedUser\"], {\n      is: (type: string, isInvitedUser: string) =>\n        type === \"business\" && isInvitedUser === \"false\",\n      then: yup\n        .string()\n        .matches(ONLY_NUMBERS_REG_EXP, \"NZBN can only contain numbers\")\n        .min(13, \"Your NZBN should contain 13 numbers, please update\")\n        .required(\"NZBN is required\"),\n    }),\n    billingAddressId: yup.string().nullable(),\n    billingAddressDisplay: yup\n      .string()\n      .when([\"type\", \"isInvitedUser\", \"manuallyEnteredBillingAddress\"], {\n        is: (\n          type: string,\n          isInvitedUser: string,\n          manuallyEnteredBillingAddress: boolean,\n        ) =>\n          (type === \"personal\" && !manuallyEnteredBillingAddress) ||\n          (type === \"business\" &&\n            !manuallyEnteredBillingAddress &&\n            isInvitedUser === \"false\" &&\n            !manuallyEnteredBillingAddress),\n        then: yup.string().test(\n          \"is-valid-address\",\n          \"Billing address is invalid\",\n\n          function (value) {\n            const { from } = this as yup.TestContext & {\n              /* eslint-disable  @typescript-eslint/no-explicit-any */\n              from: any;\n            };\n\n            if (!value) {\n              return false;\n            }\n\n            const formValues = from[0];\n\n            if (formValues) {\n              const billingAddressId = from[0].value.billingAddressId as string;\n              return billingAddressId !== undefined && billingAddressId !== \"\";\n            }\n\n            return false;\n          },\n        ),\n      }),\n    manuallyEnteredBillingAddress: yup.boolean(),\n    manualBillingAddress: yup.object().when(\"manuallyEnteredBillingAddress\", {\n      is: true,\n      then: yup.object({\n        addressString: yup\n          .string()\n          .noWhitespace(\"Street address / PO Box or Private Bag is invalid\")\n          .required(\"Street address / PO Box or Private Bag is required\")\n          .max(100, \"Maximum length is 100\")\n          .min(5, \"Street address / PO Box or Private Bag is invalid\"),\n        suburb: yup\n          .string()\n          .noWhitespace(\"Suburb is invalid\")\n          .max(50, \"Maximum length is 50\")\n          .matches(\n            ONLY_LETTERS_AND_SPACE_REG_EXP,\n            \"Suburb can only contain letters\",\n          ),\n        city: yup\n          .string()\n          .noWhitespace(\"City is invalid\")\n          .required(\"City is required\")\n          .max(50, \"Maximum length is 50\")\n          .matches(\n            ONLY_LETTERS_AND_SPACE_REG_EXP,\n            \"City can only contain letters\",\n          ),\n        postcode: yup\n          .string()\n          .noWhitespace(\"Postcode is invalid\")\n          .required(\"Postcode is required\")\n          .matches(ONLY_NUMBERS_REG_EXP, \"Postcode can only contain numbers\")\n          .length(4, \"Postcode should contain 4 numbers, please update\"),\n      }),\n    }),\n  }),\n});\n","import React, { useEffect, useState } from \"react\";\nimport { Flex } from \"../Flex\";\nimport { Title } from \"../Title\";\nimport { Span } from \"../Span\";\nimport { IconPopupTip } from \"../IconPopupTip\";\nimport { ContactDetailFields } from \"../ContactDetailsForm/ContactDetailFields\";\nimport { ErrorMessage, Field } from \"formik\";\nimport { FormikRadioButton } from \"../FormikRadioButton\";\nimport { CompleteProfileFormValues } from \"../../types/CompleteProfileFormValues\";\nimport { CompanyNzbn } from \"../CompanyNzbn/CompanyNzbn\";\nimport { FormInputErrorMessage } from \"../FormInputErrorMessage\";\nimport styled from \"styled-components\";\nimport { ColorProps } from \"styled-system\";\nimport { BillingAddressSection } from \"../BillingAddressSection\";\nimport {\n  checkIsManualAddress,\n  checkIsSearchedAddress,\n} from \"../ManualAddressHelperUtil/ManualAddressHelperUtil\";\n\ninterface Props {\n  values: CompleteProfileFormValues;\n  validateField: (field: string) => void;\n}\n\nconst JoiningMessage = styled(Span)<ColorProps>`\n  color: ${({ theme }) => theme.colors.neutrals.mn60};\n`;\n\nexport const CompleteProfileDetailsForm: React.FC<Props> = ({\n  values,\n  validateField,\n}) => {\n  const profileType = values?.profile?.type;\n  const prefix = \"profile\";\n\n  const isPersonalAccount = values.profile.type === \"personal\";\n  const isBusinessAccount = values.profile.type === \"business\";\n  const isInvitedUser = values.profile.isInvitedUser === \"true\";\n  const isNewBusinessAccount = isBusinessAccount && !isInvitedUser;\n\n  const billingAddressInfoMessage =\n    isPersonalAccount || isNewBusinessAccount\n      ? \"You will need to contact Vector if you need to change this information in the future\"\n      : \"\";\n\n  const businessNameInfoMessage = isNewBusinessAccount\n    ? \"You will need to contact Vector if you need to change this information in the future\"\n    : \"\";\n\n  const businessNumberInfoMessage = isNewBusinessAccount\n    ? \"You will need to contact Vector if you need to change this information in the future\"\n    : \"\";\n\n  const [isManualAddress, setIsManualAddress] = useState(false);\n\n  const handleActionLinkClick = () => {\n    // Manually trigger Formik field validation for street address because action link has no blur\n    validateField(\"profile.billingAddressDisplay\");\n\n    // Toggle manuallyEnteredAddress in Formik values to manage field validation\n    values.profile.manuallyEnteredBillingAddress =\n      !values.profile.manuallyEnteredBillingAddress;\n\n    setIsManualAddress((prevState) => !prevState);\n  };\n\n  useEffect(() => {\n    if (values.profile.manuallyEnteredBillingAddress) {\n      setIsManualAddress(true);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    //the address is manual entered\n    if (checkIsManualAddress(isManualAddress, true)) {\n      values.profile.billingAddressDisplay = \"\";\n      values.profile.billingAddressId = \"\";\n    }\n\n    //the address is searched\n    if (checkIsSearchedAddress(isManualAddress, false)) {\n      values.profile.manualBillingAddress.addressString = \"\";\n      values.profile.manualBillingAddress.city = \"\";\n      values.profile.manualBillingAddress.suburb = \"\";\n      values.profile.manualBillingAddress.postcode = \"\";\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isManualAddress]);\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Title as=\"h1\" lineHeight={7} fontWeight=\"500\">\n        Complete your profile\n      </Title>\n\n      <Flex\n        justifyContent={[\n          \"space-between\",\n          \"space-between\",\n          \"space-between\",\n          \"flex-start\",\n        ]}\n        mt={[2, 2, 2, 0, 0]}\n        mb={3}\n      >\n        <Span\n          display=\"inline-block\"\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          mt={2}\n          mb={3}\n        >\n          Choose an account that suits your needs.\n        </Span>\n        <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n          The first person who creates a business account, becomes the admin for\n          that account. They can add or remove employees to and from this\n          account by emailing Vector. All employees who have access to the\n          account will have visibility of all orders. Personal accounts cannot\n          be shared with others.\n        </IconPopupTip>\n      </Flex>\n\n      <Flex flexDirection=\"column\">\n        <Flex flexDirection={\"row\"} mb={4}>\n          <Flex\n            flexDirection=\"column\"\n            flexGrow={0.5}\n            flexBasis={0}\n            minWidth={0}\n            mr={2}\n            mb={[4, 4, 0]}\n          >\n            <Field\n              magnitude=\"medium\"\n              id=\"personal\"\n              name={`${prefix}.type`}\n              label=\"Personal account\"\n              value=\"personal\"\n              currentValue={profileType}\n              component={FormikRadioButton}\n            />\n          </Flex>\n\n          <Flex\n            flexDirection=\"column\"\n            flexGrow={0.5}\n            flexBasis={0}\n            minWidth={0}\n            ml={[0, 0, 2]}\n            mb={[4, 4, 0]}\n          >\n            <Field\n              magnitude=\"medium\"\n              id=\"business\"\n              name={`${prefix}.type`}\n              label=\"Business Account\"\n              value=\"business\"\n              currentValue={profileType}\n              component={FormikRadioButton}\n            />\n          </Flex>\n        </Flex>\n      </Flex>\n\n      {/*business account type*/}\n      {isBusinessAccount && (\n        <>\n          <Flex\n            justifyContent={[\n              \"space-between\",\n              \"space-between\",\n              \"space-between\",\n              \"flex-start\",\n            ]}\n            mt={[2, 2, 2, 0, 0]}\n            mb={3}\n          >\n            <Span\n              display=\"inline-block\"\n              fontSize={4}\n              lineHeight={4}\n              fontWeight=\"medium\"\n              mt={2}\n              mb={3}\n            >\n              Is this a new business account or have you been invited to join an\n              existing business account?\n            </Span>\n            <IconPopupTip icon=\"help\" ml={[\"auto\", \"auto\", \"auto\", 3]}>\n              A business admin may invite additional users to their business\n              account. An email invitation will be sent to the new user with\n              instructions on how to join the existing account.\n            </IconPopupTip>\n          </Flex>\n\n          <Flex flexDirection=\"column\">\n            <Flex flexDirection={\"row\"} mb={4}>\n              <Flex\n                flexDirection=\"column\"\n                flexGrow={0.5}\n                flexBasis={0}\n                minWidth={0}\n                mr={2}\n                mb={[4, 4, 0]}\n              >\n                <Field\n                  magnitude=\"medium\"\n                  id=\"new-business-account\"\n                  name={`${prefix}.isInvitedUser`}\n                  label=\"Creating new account\"\n                  value={\"false\"}\n                  currentValue={values.profile.isInvitedUser}\n                  component={FormikRadioButton}\n                />\n                <ErrorMessage\n                  name={`${prefix}.isInvitedUser`}\n                  className=\"field-error\"\n                  component={FormInputErrorMessage}\n                />\n              </Flex>\n\n              <Flex\n                flexDirection=\"column\"\n                flexGrow={0.5}\n                flexBasis={0}\n                minWidth={0}\n                ml={[0, 0, 2]}\n                mb={[4, 4, 0]}\n              >\n                <Field\n                  magnitude=\"medium\"\n                  id=\"invited-business-account\"\n                  name={`${prefix}.isInvitedUser`}\n                  label=\"Joining existing account\"\n                  value={\"true\"}\n                  currentValue={values.profile.isInvitedUser}\n                  component={FormikRadioButton}\n                />\n                <JoiningMessage mx={2} mt={1} fontSize={1} lineHeight={1}>\n                  You can only join an existing account if you have received an\n                  invitation email from the account admin\n                </JoiningMessage>\n              </Flex>\n            </Flex>\n          </Flex>\n        </>\n      )}\n\n      <ContactDetailFields\n        focusable={true}\n        idPrefix={prefix}\n        namePrefix={prefix}\n        optionalAlternatePhone\n        showEmail={false}\n        showBusinessName={isBusinessAccount}\n        businessNameInfoMessage={businessNameInfoMessage}\n      />\n\n      {isBusinessAccount && values.profile.isInvitedUser === \"false\" && (\n        <CompanyNzbn prefix={prefix} message={businessNumberInfoMessage} />\n      )}\n\n      {(values.profile.isInvitedUser === \"false\" || !isBusinessAccount) && (\n        <BillingAddressSection\n          fieldIdPrefix={\"profile\"}\n          fieldNamePrefix={\"profile\"}\n          shouldDisableContactDetails={false}\n          isManualAddress={isManualAddress}\n          validateField={validateField}\n          handleActionLinkClick={handleActionLinkClick}\n          infoMessage={billingAddressInfoMessage}\n        />\n      )}\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Form, Formik } from \"formik\";\nimport { CompleteProfileFormValues } from \"../../types/CompleteProfileFormValues\";\nimport styled from \"styled-components\";\nimport { space, SpaceProps } from \"styled-system\";\nimport { EMPTY_COMPLETE_PROFILE_VALUES } from \"../../constants/CompleteProfileDetails\";\nimport lodash from \"lodash\";\nimport { Button } from \"../Button\";\nimport { Flex } from \"../Flex\";\nimport { CompleteProfileDetailsFormSchema } from \"./CompleteProfileDetailsFormSchema\";\nimport { CompleteProfileDetailsForm } from \"../CompleteProfileDetailsForm\";\n\ninterface Props {\n  onSubmit: (values: CompleteProfileFormValues) => void;\n  initialValues?: CompleteProfileFormValues;\n}\n\nconst validationSchema = CompleteProfileDetailsFormSchema;\n\nconst FormWrapper = styled(Form)<SpaceProps>`\n  ${space}\n`;\n\nexport const CompleteProfileForm: React.FC<Props> = ({\n  initialValues,\n  onSubmit,\n}) => {\n  const handleSubmit = (values: CompleteProfileFormValues) => {\n    onSubmit(values);\n  };\n\n  return (\n    <Formik\n      validateOnChange={false}\n      /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n      initialValues={initialValues!}\n      validationSchema={validationSchema}\n      onSubmit={handleSubmit}\n    >\n      {({ values, validateField }) => (\n        <FormWrapper mb={8} mx={[3, 3, 8, \"20%\"]}>\n          <CompleteProfileDetailsForm\n            values={values}\n            validateField={validateField}\n          />\n\n          <Flex justifyContent=\"flex-end\" mt={5}>\n            <Button type=\"submit\" alignSelf=\"flex-end\">\n              Submit\n            </Button>\n          </Flex>\n        </FormWrapper>\n      )}\n    </Formik>\n  );\n};\n\nCompleteProfileForm.defaultProps = {\n  initialValues: lodash.cloneDeep(EMPTY_COMPLETE_PROFILE_VALUES),\n};\n","const CompleteProfileActionType = {\n  Error: \"ERROR\",\n  UserCreateStarted: \"USER_CREATE_STARTED\",\n  UserCreateStatusChanged: \"USER_CREATE_STATUS_CHANGED\",\n} as const;\n\nObject.freeze(CompleteProfileActionType);\n\nexport default CompleteProfileActionType;\n","import { CompleteProfileAction } from \"../../types/CompleteProfileAction\";\nimport CompleteProfileActionType from \"../../types/CompleteProfileActionType\";\nimport { CompleteProfileState } from \"../../types/CompleteProfileState\";\n\nexport const completeProfileReducer = (\n  state: CompleteProfileState,\n  action: CompleteProfileAction,\n): CompleteProfileState => {\n  const { type, payload } = action;\n\n  switch (type) {\n    case CompleteProfileActionType.Error: {\n      return {\n        ...state,\n        isLoading: false,\n        hasError: true,\n      };\n    }\n\n    case CompleteProfileActionType.UserCreateStarted: {\n      return {\n        ...state,\n        isLoading: true,\n      };\n    }\n\n    case CompleteProfileActionType.UserCreateStatusChanged: {\n      const { userCreated } = payload;\n\n      return {\n        userCreated,\n        isLoading: false,\n        hasError: !userCreated,\n      };\n    }\n\n    default: {\n      return state;\n    }\n  }\n};\n","import React from \"react\";\nimport { SomethingWentWrong } from \"../SomethingWentWrong/SomethingWentWrong\";\nimport { Flex } from \"../Flex\";\nimport { LogoutButton } from \"../LogoutButton\";\n\nexport const AccountVerificationError: React.FC = () => {\n  return (\n    <Flex flexDirection=\"column\">\n      <SomethingWentWrong\n        subHeading=\"It looks like there was an error verifying your account.\"\n        message=\"Please try logging in again\"\n      />\n\n      <Flex justifyContent=\"center\">\n        <LogoutButton variant=\"secondary\" iconLeft=\"\" mt={3} />\n      </Flex>\n    </Flex>\n  );\n};\n","import React, { useReducer } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport styled from \"styled-components\";\nimport { CenteredLoading } from \"../CenteredLoading\";\nimport { Flex } from \"../Flex\";\nimport { createUser } from \"../../services/UsersService\";\nimport { mediaQueries } from \"../../theme\";\nimport { CompleteProfileFormValues } from \"../../types/CompleteProfileFormValues\";\nimport { CompleteProfileForm } from \"../CompleteProfileForm\";\nimport { completeProfileReducer } from \"../../reducers/CompleteProfileReducer/CompleteProfileReducer\";\nimport CompleteProfileActionType from \"../../types/CompleteProfileActionType\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport UserAuthenticationActionType from \"../../types/UserAuthenticationActionType\";\nimport { useVerifySiebelAccount } from \"../../hooks/cachedQueries/userAccount/useVerifySiebelAccount\";\nimport { AccountVerificationError } from \"../AccountVerificationError\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nexport const CompleteProfile: React.FC = () => {\n  const [state, dispatch] = useReducer(completeProfileReducer, {\n    isLoading: false,\n    hasError: false,\n    userCreated: undefined,\n  });\n  const { isLoading, userCreated, hasError } = state;\n\n  const history = useHistory();\n\n  const {\n    authenticatedUserContext: {\n      isLoading: authIsLoading,\n      userAuth0Details,\n      hasSiebelAccount,\n    },\n    setAuthenticatedUserContext,\n  } = useUserAuthentication();\n\n  const { manuallyVerifyAccount } = useVerifySiebelAccount(\n    userAuth0Details.accessToken,\n    userAuth0Details.email,\n  );\n\n  const verifyAccountAndUpdateUserContext = async (createSuccess: boolean) => {\n    if (!createSuccess) {\n      return false;\n    }\n\n    const { data: verificationStatus } = await manuallyVerifyAccount();\n    const accountVerified = verificationStatus === 204;\n\n    setAuthenticatedUserContext({\n      type: UserAuthenticationActionType.SiebelAccountVerified,\n      payload: {\n        isLoading: false,\n        hasSiebelAccount: accountVerified,\n      },\n    });\n\n    return accountVerified;\n  };\n\n  const handleSubmit = (values: CompleteProfileFormValues) => {\n    dispatch({\n      type: CompleteProfileActionType.UserCreateStarted,\n      payload: {},\n    });\n\n    (async () => {\n      const { email, accessToken } = userAuth0Details;\n      values.profile.email = email;\n\n      const success = await createUser(values, accessToken);\n      dispatch({\n        type: CompleteProfileActionType.UserCreateStatusChanged,\n        payload: { userCreated: success },\n      });\n\n      // Add a timeout before calling verify manually in case siebel is slow to update the created user on their end\n      // Remove comment if all is well\n      const verified = await verifyAccountAndUpdateUserContext(success);\n      dispatch({\n        type: CompleteProfileActionType.UserCreateStatusChanged,\n        payload: { userCreated: verified },\n      });\n    })();\n  };\n\n  if (hasSiebelAccount) {\n    history.push(\"/order-details-list\");\n  }\n\n  if (authIsLoading || isLoading) {\n    return <CenteredLoading />;\n  }\n\n  if (hasError) {\n    return <AccountVerificationError />;\n  }\n\n  if (userCreated) {\n    return (\n      <CenteredLoading text=\"Verifying account, you will be redirected shortly.\" />\n    );\n  }\n\n  return (\n    <FlexWrapper flexDirection=\"column\" justifyContent=\"center\">\n      <CompleteProfileForm onSubmit={handleSubmit} />\n    </FlexWrapper>\n  );\n};\n","import React from \"react\";\nimport { CompleteProfile } from \"../../components/CompleteProfile\";\nimport { Page } from \"../../components/Page\";\n\nexport interface ProfileTypeProps {\n  tabTitle: string;\n}\n\nexport const CompleteProfilePage: React.FC<ProfileTypeProps> = ({\n  tabTitle,\n}) => {\n  return (\n    <Page tabTitle={tabTitle} hasTopBar={false}>\n      <CompleteProfile />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { CompleteProfilePage, ProfileTypeProps } from \"./CompleteProfilePage\";\n\nexport const DEFAULT_PROFILE_TYPE: ProfileTypeProps = {\n  tabTitle: \"\",\n};\n\nexport const CompleteProfilePageContainer: React.FC = () => {\n  return <CompleteProfilePage {...DEFAULT_PROFILE_TYPE} />;\n};\n","import React, { ComponentType, FC } from \"react\";\nimport { CenteredLoading } from \"../../components/CenteredLoading\";\nimport { AccountVerificationError } from \"../../components/AccountVerificationError\";\nimport { Redirect } from \"react-router-dom\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { shouldCompleteProfile } from \"../completeProfileCheck/completeProfileCheck\";\n\nconst withSiebelAccountVerification = <P extends object>(\n  Component: ComponentType<P>,\n): FC<P> => {\n  return function WithSiebelAccountVerification(props: P): JSX.Element {\n    const {\n      authenticatedUserContext: {\n        isLoading,\n        isLoggedIn,\n        hasSiebelAccount,\n        hasError,\n      },\n    } = useUserAuthentication();\n\n    const completeProfile = shouldCompleteProfile(\n      isLoading,\n      isLoggedIn,\n      hasSiebelAccount,\n    );\n\n    if (hasError) {\n      return <AccountVerificationError />;\n    }\n\n    if (isLoading) {\n      return <CenteredLoading />;\n    }\n\n    if (completeProfile) {\n      return <Redirect to={{ pathname: \"/complete-profile\" }} />;\n    }\n\n    return <Component {...props} />;\n  };\n};\n\nexport default withSiebelAccountVerification;\n","export const shouldCompleteProfile = (\n  isLoading: boolean,\n  isLoggedIn: boolean,\n  hasSiebelAccount?: boolean,\n) => {\n  if (hasSiebelAccount === undefined) {\n    return false;\n  }\n\n  return !isLoading && isLoggedIn && !hasSiebelAccount;\n};\n","import React from \"react\";\nimport { Title } from \"../../../Title\";\nimport { Line } from \"../../../Line\";\nimport { Flex } from \"../../../Flex\";\nimport { Button } from \"../../../Button\";\nimport { Span } from \"../../../Span\";\nimport { useHistory } from \"react-router-dom\";\nimport { useUserAuthentication } from \"../../../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\n\nexport const PaymentSuccess: React.FC = () => {\n  const history = useHistory();\n\n  const {\n    authenticatedUserContext: { isLoggedIn },\n  } = useUserAuthentication();\n  const buttonText = isLoggedIn ? \"Go to Orders\" : \"Return to vector.co.nz\";\n\n  const handleOnGoToClick = () => {\n    if (isLoggedIn) {\n      history.push(\"/order-details-list\");\n    } else {\n      window.location.replace(\"https://www.vector.co.nz/\");\n    }\n  };\n\n  return (\n    <>\n      <Title as=\"h1\" mb={5} lineHeight={6} fontWeight=\"500\">\n        Payment Confirmed\n      </Title>\n\n      <Span mb={1}>Thank you for your payment.</Span>\n      <Span>We will continue working on your order.</Span>\n\n      {!isLoggedIn && (\n        <Span mt={4}>\n          Please close this page or click on the below button to return to\n          vector.co.nz.\n        </Span>\n      )}\n\n      <Line\n        width=\"100%\"\n        my={5}\n        zIndex={0}\n        border=\"1px solid\"\n        borderColor=\"neutrals.ln30\"\n        bg=\"neutrals.ln30\"\n        opacity=\"1\"\n        height={0}\n      />\n\n      <Flex>\n        <Button onClick={handleOnGoToClick}>{buttonText}</Button>\n      </Flex>\n    </>\n  );\n};\n","import React from \"react\";\nimport { SomethingWentWrong } from \"../../../SomethingWentWrong/SomethingWentWrong\";\n\nexport const PaymentFailure: React.FC = () => {\n  return (\n    <SomethingWentWrong\n      subHeading=\"It looks like there was an error during payment.\"\n      message=\"Please try again in a few minutes\"\n    />\n  );\n};\n","import React from \"react\";\nimport { Flex } from \"../Flex\";\nimport styled from \"styled-components\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { PaymentSuccess } from \"./_/PaymentSuccess\";\nimport { PaymentFailure } from \"./_/PaymentFailure\";\nimport { useParams } from \"react-router-dom\";\n\ntype PaymentPageParams = { pageType: string };\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.largeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n\n  ${mediaQueries.largeDevice} {\n    display: grid;\n    grid-template-columns: 30vw auto 15vw;\n  }\n`;\n\nexport const PaymentResult: React.FC = () => {\n  const { pageType } = useParams<PaymentPageParams>();\n\n  return (\n    <>\n      <GridWrapper mx={[3, 3, 4, 4, 0]} my={6}>\n        <FlexWrapper flexDirection=\"column\">\n          {pageType === \"success\" && <PaymentSuccess />}\n\n          {pageType === \"failure\" && <PaymentFailure />}\n        </FlexWrapper>\n      </GridWrapper>\n    </>\n  );\n};\n","import React from \"react\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { Page } from \"../../components/Page\";\nimport { OrderDetailsListNavigationMenu } from \"../../components/OrderDetailsList/_/OrderDetailsListNavigationMenu\";\nimport { PaymentResult } from \"../../components/PaymentResult\";\n\nexport const PaymentResultPage: React.FC = () => {\n\tconst {\n\t\tauthenticatedUserContext: { isLoggedIn },\n\t} = useUserAuthentication();\n\n  return (\n    <Page\n      navigationMenuContents={\n        isLoggedIn ? () => <OrderDetailsListNavigationMenu /> : undefined\n      }\n      hasMobileNavMenu={isLoggedIn}\n    >\n      <PaymentResult />\n    </Page>\n  );\n};\n","import React from \"react\";\nimport { PaymentResultPage } from \"./PaymentResultPage\";\nimport { NotFound } from \"../NotFound\";\nimport { useSessionIdQuery } from \"../../hooks/sessionIdFunction/useSessionIdQuery\";\n\nexport const PaymentResultPageContainer: React.FC = () => {\n  const sessionId = useSessionIdQuery();\n\n  return (\n    <>\n      {sessionId && <PaymentResultPage />}\n\n      {!sessionId && <NotFound />}\n    </>\n  );\n};\n","import React from \"react\";\nimport { useLocation } from \"react-router-dom\";\n\nexport const useSessionIdQuery = () => {\n  const { search } = useLocation();\n  const searchParams = React.useMemo(\n    () => new URLSearchParams(search),\n    [search],\n  );\n\n  return searchParams.get(\"sessionId\");\n};\n","import { apiClient } from \"../client/ApiClient\";\nimport { WindcavePaymentSession } from \"../types/WindcavePaymentSession\";\nimport { WindcavePaymentSessionConfig } from \"../types/WindcavePaymentSessionConfig\";\n\nconst configureSession = async (\n  request: WindcavePaymentSessionConfig,\n): Promise<WindcavePaymentSession> => {\n  return await apiClient\n    .post<WindcavePaymentSession>(\"payments/session\", request)\n    .then((response) => response.data);\n};\n\nexport default configureSession;\n","import React from \"react\";\nimport { CenteredLoading } from \"../CenteredLoading\";\nimport { useWindcaveSession } from \"../../hooks/useWindcaveSession/useWindcaveSession\";\nimport { Redirect, useHistory } from \"react-router-dom\";\nimport { SomethingWentWrong } from \"../SomethingWentWrong/SomethingWentWrong\";\n\nexport const WindcaveContainer: React.FC = () => {\n  const { redirectUrl, apiError } = useWindcaveSession();\n\n  const history = useHistory();\n\n  const handleOnBackClick = () => {\n    history.goBack();\n  };\n\n  if (apiError) {\n    return (\n      <SomethingWentWrong\n        subHeading=\"It looks like there was an error processing your payment.\"\n        message=\"Please try again in a few minutes\"\n        onBackClick={handleOnBackClick}\n        showBackButton\n      />\n    );\n  }\n\n  if (redirectUrl === \"/\") {\n    return <Redirect to={redirectUrl} />;\n  }\n\n  if (redirectUrl) {\n    window.location.href = redirectUrl;\n    return null;\n  }\n\n  return <CenteredLoading text=\"Redirecting\" />;\n};\n","import { useEffect, useState } from \"react\";\nimport configureSession from \"../../services/WindcaveService\";\nimport { PaymentBillingDetails } from \"../../types/PaymentBillingDetails\";\nimport { useLocation } from \"react-router-dom\";\nimport { WindcavePaymentSessionConfig } from \"../../types/WindcavePaymentSessionConfig\";\n\nexport const useWindcaveSession = () => {\n  const [redirectUrl, setRedirectUrl] = useState(\"\");\n  const [apiError, setApiError] = useState(false);\n  const { state } = useLocation<PaymentBillingDetails>();\n  const {\n    userId,\n    orderId,\n    paymentId,\n    srNumber,\n    customerName,\n    amount,\n    paymentMethod,\n  } = state;\n\n  useEffect(() => {\n    const configurePaymentSessionAsync = async () => {\n      const request: WindcavePaymentSessionConfig = {\n        userId,\n        orderId,\n        paymentId,\n        srNumber,\n        customerName,\n        amount,\n        paymentMethod,\n      };\n\n      try {\n        const paymentSession = await configureSession(request);\n\n        if (paymentSession && paymentSession.sessionUrl) {\n          setRedirectUrl(paymentSession.sessionUrl);\n        } else {\n          setRedirectUrl(\"/\");\n        }\n      } catch (error) {\n        setApiError(true);\n      }\n    };\n\n    if (orderId && amount) {\n      configurePaymentSessionAsync();\n    } else {\n      setRedirectUrl(\"/\");\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [orderId]);\n\n  return { redirectUrl, apiError };\n};\n","import React from \"react\";\nimport { ProgressStepper } from \"../ProgressStepper\";\n\ninterface Props {\n  currentStep: number;\n}\n\nconst PAY_NOW_FORM_STEPS = [\"Review\", \"Billing details\", \"Payment\"];\n\nexport const PayNowProgressStepper: React.FC<Props> = ({ ...props }) => {\n  return <ProgressStepper steps={PAY_NOW_FORM_STEPS} {...props} />;\n};\n\nexport { PAY_NOW_FORM_STEPS };\n","import { PAYMENT_METHOD_CREDIT_CARD } from \"../../../../constants/PaymentMethods\";\nimport { PayNowOrderPayment } from \"../../../../types/PayNowOrderPayment\";\nimport moment from \"moment\";\n\nexport const amountToString = (amount: number) => {\n  return (Math.round(amount * 100) / 100).toLocaleString(\"en-US\", {\n    minimumFractionDigits: 2,\n  });\n};\n\nexport const setPayNowFormDetails = (\n  values: PayNowOrderPayment,\n  payNowOrderPayment: PayNowOrderPayment,\n): PayNowOrderPayment => {\n  values = { ...payNowOrderPayment };\n  values.billingDetails.billingAddressId = \"\";\n  values.paymentMethod = PAYMENT_METHOD_CREDIT_CARD;\n  return values;\n};\n\nexport const setFormattedTotalPrice = (totalPrice: number): string => {\n  return \"$\" + amountToString(totalPrice);\n};\n\nexport const formattedQuoteExpiry = (quoteExpiry: string): string => {\n  return \"Payment due by \" + moment(quoteExpiry).local().format(\"D MMMM YYYY\");\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { PayNowOrderPayment } from \"../../../../types/PayNowOrderPayment\";\nimport { Span } from \"../../../Span\";\nimport { Flex } from \"../../../Flex\";\nimport {\n  formattedQuoteExpiry,\n  setFormattedTotalPrice,\n} from \"../PayNowDetailsUtil/PayNowDetailsUtil\";\n\ninterface Props {\n  orderPayment: PayNowOrderPayment;\n}\n\nconst LabelWrapper = styled(Span)`\n  color: theme.colors.neutrals.dn40;\n  min-width: 0;\n  flex-basis: 0;\n`;\n\nconst ValueWrapper = styled(Span)`\n  min-width: 0;\n  flex-basis: 0;\n  text-transform: capitalize;\n`;\n\nexport const PayNowReviewQuoteDetails: React.FC<Props> = ({ orderPayment }) => {\n  const { siteAddress, jobCategory, serviceType, totalPrice, quoteExpiry } =\n    orderPayment;\n\n  const orderNumberText = \"Quote for order number \" + orderPayment.orderNumber;\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Span\n        fontSize={4}\n        lineHeight={4}\n        fontWeight=\"medium\"\n        mr={3}\n        mb={5}\n        alignSelf=\"flex-start\"\n        data-testid=\"pay-now-quote-number\"\n      >\n        {orderNumberText}\n      </Span>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Address\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"pay-now-quote-address\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {siteAddress}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Job type\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"pay-now-quote-job-type\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {jobCategory}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={5}>\n        <LabelWrapper lineHeight={2} flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}>\n          Service type\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"pay-now-quote-service-type\"\n          lineHeight={2}\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {serviceType}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\" mb={3}>\n        <LabelWrapper\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}\n        >\n          Total (incl. GST)\n        </LabelWrapper>\n        <ValueWrapper\n          data-testid=\"pay-now-quote-total-price\"\n          fontSize={4}\n          lineHeight={4}\n          fontWeight=\"medium\"\n          ml={3}\n          flexGrow={[0.5, 0.5, 0.5, 0.6, 0.7]}\n        >\n          {setFormattedTotalPrice(totalPrice)}\n        </ValueWrapper>\n      </Flex>\n\n      <Flex flexDirection=\"row\">\n        <LabelWrapper\n          fontSize={1}\n          lineHeight={1}\n          flexGrow={[0.5, 0.5, 0.5, 0.4, 0.3]}\n          data-testid=\"pay-now-quote-expiry-date\"\n        >\n          {formattedQuoteExpiry(quoteExpiry)}\n        </LabelWrapper>\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { Flex } from \"../../../Flex\";\nimport { Span } from \"../../../Span\";\n\ninterface Props {\n  title: string;\n  answer: string;\n}\n\nexport const PayNowReviewThingsToKnow: React.FC<Props> = ({\n  title,\n  answer,\n}) => {\n  return (\n    <Flex flexDirection=\"column\" mb={4}>\n      <Span\n        fontSize={2}\n        lineHeight={2}\n        fontWeight=\"heavy\"\n        mr={3}\n        mt={5}\n        mb={5}\n        alignSelf=\"flex-start\"\n        data-testid=\"paymentInformationTitle\"\n      >\n        {title}\n      </Span>\n\n      <Span\n        data-testid=\"paymentInformationAnswer\"\n        flexDirection=\"column\"\n        mb={3}\n        fontSize={1}\n        lineHeight={1}\n        dangerouslySetInnerHTML={{ __html: answer }}\n      />\n    </Flex>\n  );\n};\n","export interface PaymentInformation {\n  title: string;\n  answer: string;\n}\n\nexport const PaymentPageInformationValues: PaymentInformation = {\n  title: \"Things to know\",\n  answer:\n    \"This amount will be used by Vector Limited (Vector) to cover costs we incur:\" +\n    \"<ul> <li>to assess your application, or</li>\" +\n    \"<li> to complete the work</li></ul>\" +\n    \"For more information, please refer to the letter attached in your email. We will proceed with your order once full payment has been received.<br/>\" +\n    \"<br/>If payment has not been received by the due date, then the job will be cancelled and if still required you need to re-apply.<br/>\" +\n    \"<br/>Please note for electricity or gas connection jobs, that costs associated with meter, livening and inspection are through your electricity retailer, and costs associated with any works on communications cables, are not included in our quotes.\",\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { PayNowReviewQuoteDetails } from \"../PayNowReviewQuoteDetails\";\nimport { PayNowReviewThingsToKnow } from \"../PayNowReviewThingsToKnow\";\nimport { Box } from \"../../../Box\";\nimport { PayNowOrderPayment } from \"../../../../types/PayNowOrderPayment\";\nimport { Flex } from \"../../../Flex\";\nimport { PaymentPageInformationValues } from \"../../../../constants/PaymentInformationValues\";\n\ninterface Props {\n  id: string;\n  orderPayment: PayNowOrderPayment;\n}\n\nconst PayNowReviewQuoteWrapper = styled(Box)`\n  display: inline-block;\n  background-color: ${({ theme }) => theme.colors.neutrals.ln10};\n  border: 1px solid;\n  border-color: ${({ theme }) => theme.colors.neutrals.ln30};\n`;\n\nexport const PayNowReviewQuote: React.FC<Props> = ({ id, orderPayment }) => {\n  return (\n    <Flex flexDirection=\"column\" id={id}>\n      <PayNowReviewQuoteWrapper p={4} borderRadius=\"radio\">\n        <PayNowReviewQuoteDetails orderPayment={orderPayment} />\n      </PayNowReviewQuoteWrapper>\n      <PayNowReviewThingsToKnow\n        title={PaymentPageInformationValues.title}\n        answer={PaymentPageInformationValues.answer}\n      />\n    </Flex>\n  );\n};\n","import React, { useEffect, useState } from \"react\";\nimport { PayNowOrderPayment } from \"../../../../types/PayNowOrderPayment\";\nimport { Flex } from \"../../../Flex\";\nimport { Title } from \"../../../Title\";\nimport { ActionLink } from \"../../../ActionLink\";\nimport { Button } from \"../../../Button\";\nimport { SquareCheckbox } from \"../../../SquareCheckbox\";\nimport { Span } from \"../../../Span\";\nimport { ContactDetailFields } from \"../../../ContactDetailsForm/ContactDetailFields\";\nimport { Box } from \"../../../Box\";\nimport { BillingAddressSection } from \"../../../BillingAddressSection\";\nimport {\n  checkIsManualAddress,\n  checkIsSearchedAddress,\n} from \"../../../ManualAddressHelperUtil/ManualAddressHelperUtil\";\n\ninterface Props {\n  onEdit: () => void;\n  editMode: boolean;\n  selectedAcknowledged: boolean;\n  onSelectAcknowledged: () => void;\n  handleSubmit: (values: PayNowOrderPayment) => void;\n  handleCancel: () => void;\n  validateField: (field: string) => void;\n  values: PayNowOrderPayment;\n  initialValues: PayNowOrderPayment;\n}\n\nexport const PayNowBillingDetailsForm: React.FC<Props> = ({\n  onEdit,\n  editMode,\n  selectedAcknowledged,\n  onSelectAcknowledged,\n  handleCancel,\n  validateField,\n  values,\n  initialValues,\n}) => {\n  const prefix = \"billingDetails\";\n  const billingDetails = values.billingDetails;\n\n  const [isManualAddress, setIsManualAddress] = useState(false);\n\n  useEffect(() => {\n    if (values.billingDetails.manuallyEnteredBillingAddress) {\n      setIsManualAddress(true);\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (\n      values.billingDetails.billingAddressDisplay !==\n      initialValues.billingDetails.billingAddressDisplay\n    ) {\n      values.billingDetails.addressId = \"\";\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values.billingDetails.billingAddressDisplay]);\n\n  useEffect(() => {\n    // Toggle manuallyEnteredAddress in Formik values to manage field validation\n    billingDetails.manuallyEnteredBillingAddress = isManualAddress;\n\n    //the address is manual entered\n    if (\n      checkIsManualAddress(\n        isManualAddress,\n        billingDetails.manuallyEnteredBillingAddress,\n      )\n    ) {\n      billingDetails.billingAddressDisplay = \"\";\n      billingDetails.billingAddressId = \"\";\n      billingDetails.addressId = \"\";\n    }\n\n    //the address is searched\n    if (\n      checkIsSearchedAddress(\n        isManualAddress,\n        billingDetails.manuallyEnteredBillingAddress,\n      )\n    ) {\n      billingDetails.manualBillingAddress.addressString = \"\";\n      billingDetails.manualBillingAddress.city = \"\";\n      billingDetails.manualBillingAddress.suburb = \"\";\n      billingDetails.manualBillingAddress.postcode = \"\";\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isManualAddress]);\n\n  const handleActionLinkClick = () => {\n    // Manually trigger Formik field validation for street address because action link has no blur\n    validateField(\"billingDetails.billingAddressDisplay\");\n\n    setIsManualAddress((prevState) => !prevState);\n  };\n\n  const handleHideManualWhenCancel = () => {\n    setIsManualAddress(false);\n    handleCancel();\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Box>\n        <Flex justifyContent=\"space-between\">\n          <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" my={5}>\n            Billing Details\n          </Title>\n\n          <ActionLink\n            iconLeft=\"edit\"\n            alignSelf=\"flex-end\"\n            onClick={onEdit}\n            py={5}\n            mb={2}\n          >\n            Edit\n          </ActionLink>\n        </Flex>\n\n        <Flex flexDirection=\"column\">\n          <ContactDetailFields\n            focusable={true}\n            idPrefix={prefix}\n            namePrefix={prefix}\n            optionalBusinessName={true}\n            showPhone={false}\n            disabledFirstName={!editMode}\n            disabledLastName={!editMode}\n            disabledEmail={!editMode}\n            disabledBusinessName={!editMode}\n          />\n\n          <BillingAddressSection\n            fieldIdPrefix={prefix}\n            fieldNamePrefix={prefix}\n            shouldDisableContactDetails={!editMode}\n            isManualAddress={isManualAddress}\n            validateField={validateField}\n            handleActionLinkClick={handleActionLinkClick}\n          />\n        </Flex>\n\n        {editMode && (\n          <Flex justifyContent=\"flex-end\">\n            <Button\n              variant=\"ghost\"\n              alignSelf=\"flex-end\"\n              onClick={handleHideManualWhenCancel}\n              mr=\"3\"\n              px=\"6\"\n              py=\"3\"\n              data-testid=\"cancel-button\"\n            >\n              Cancel\n            </Button>\n\n            <Button\n              type=\"submit\"\n              variant=\"secondary\"\n              alignSelf=\"flex-end\"\n              px=\"6\"\n              py=\"3\"\n              data-testid=\"save-button\"\n            >\n              Save\n            </Button>\n          </Flex>\n        )}\n      </Box>\n\n      <Flex mt={7}>\n        <SquareCheckbox\n          id=\"terms-conditions\"\n          label={\n            /* istanbul ignore next */ () => (\n              <Span>\n                I acknowledge that the billing details above are correct\n              </Span>\n            )\n          }\n          name=\"billing-details-acknowledge\"\n          onChange={onSelectAcknowledged}\n          checked={selectedAcknowledged}\n          value={selectedAcknowledged}\n          disabled={editMode}\n          mr={3}\n          data-testid=\"billing-details-acknowledge\"\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import * as yup from \"yup\";\nimport { noWhitespaceValidation } from \"../../utils/noWhitespaceValidation/noWhitespaceValidation\";\nimport {\n  ONLY_LETTERS_AND_SPACE_REG_EXP,\n  ONLY_NUMBERS_REG_EXP,\n} from \"../../constants/FormRegex\";\nimport { EMAIL_REG_EXP } from \"../../constants/EmailRegex\";\n\nyup.addMethod<yup.StringSchema>(\n  yup.string,\n  \"noWhitespace\",\n  noWhitespaceValidation,\n);\n\nexport const PayNowFormSchema = yup.object().shape({\n  billingDetails: yup.object().shape({\n    firstName: yup\n      .string()\n      .noWhitespace(\"First Name is invalid\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"First Name is required\"),\n    lastName: yup\n      .string()\n      .noWhitespace(\"Last Name is invalid\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"Last Name is required\"),\n    businessName: yup\n      .string()\n      .noWhitespace(\"Business name is invalid\")\n      .max(100, \"Maximum length is 100 characters\"),\n    email: yup\n      .string()\n      .noWhitespace(\"Enter a valid email\")\n      .matches(EMAIL_REG_EXP, \"Enter a valid email\")\n      .max(50, \"Maximum length is 50\")\n      .required(\"Email is required\"),\n    billingAddressDisplay: yup.string().when(\"manuallyEnteredBillingAddress\", {\n      is: (manuallyEnteredBillingAddress: boolean) => {\n        return !manuallyEnteredBillingAddress;\n      },\n\n      then: yup\n        .string()\n        .required(\"Address is required\")\n        .test(\"is-valid-address\", \"Address is invalid\", function (value) {\n          const { from } = this as yup.TestContext & {\n            /* eslint-disable  @typescript-eslint/no-explicit-any */\n            from: any;\n          };\n\n          if (!value) {\n            return false;\n          }\n\n          const formValues = from[0];\n          if (formValues) {\n            const addressId = from[0].value.addressId as string;\n            const billingAddressId = from[0].value.billingAddressId as string;\n            const billingAddressIdEmpty = !billingAddressId;\n            const addressIdEmpty = !addressId;\n            return !(billingAddressIdEmpty && addressIdEmpty);\n          }\n          return false;\n        }),\n    }),\n    manuallyEnteredBillingAddress: yup.boolean(),\n    manualBillingAddress: yup.object().when(\"manuallyEnteredBillingAddress\", {\n      is: true,\n      then: yup.object({\n        addressString: yup\n          .string()\n          .noWhitespace(\"Street address / PO Box or Private Bag is invalid\")\n          .required(\"Street address / PO Box or Private Bag is required\")\n          .max(100, \"Maximum length is 100\")\n          .min(5, \"Street address / PO Box or Private Bag is invalid\"),\n        suburb: yup\n          .string()\n          .noWhitespace(\"Suburb is invalid\")\n          .max(50, \"Maximum length is 50\")\n          .matches(\n            ONLY_LETTERS_AND_SPACE_REG_EXP,\n            \"Suburb can only contain letters\",\n          ),\n        city: yup\n          .string()\n          .noWhitespace(\"City is invalid\")\n          .required(\"City is required\")\n          .max(50, \"Maximum length is 50\")\n          .matches(\n            ONLY_LETTERS_AND_SPACE_REG_EXP,\n            \"City can only contain letters\",\n          ),\n        postcode: yup\n          .string()\n          .noWhitespace(\"Postcode is invalid\")\n          .required(\"Postcode is required\")\n          .matches(ONLY_NUMBERS_REG_EXP, \"Postcode can only contain numbers\")\n          .length(4, \"Postcode should contain 4 numbers, please update\"),\n      }),\n    }),\n  }),\n  paymentMethod: yup.string().required(),\n});\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { Field, Form, Formik, FormikState } from \"formik\";\nimport { space, SpaceProps } from \"styled-system\";\nimport { Button } from \"../Button\";\nimport { Flex } from \"../Flex\";\nimport { scrollToTop } from \"../../utils/handleScroll/HandleScroll\";\nimport { PAY_NOW_FORM_STEPS } from \"../PayNowProgressStepper/PayNowProgressStepper\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { Title } from \"../Title\";\nimport { PayNowOrderPayment } from \"../../types/PayNowOrderPayment\";\nimport { PayNowReviewQuote } from \"./_/PayNowReviewQuote\";\nimport { PayNowBillingDetailsForm } from \"./_/PayNowBillingDetailsForm\";\nimport { PayNowFormSchema } from \"./PayNowFormSchema\";\nimport { useHistory } from \"react-router-dom\";\nimport { amountToString } from \"./_/PayNowDetailsUtil/PayNowDetailsUtil\";\nimport { Span } from \"../Span\";\nimport { BasicNotificationBanner } from \"../BasicNotificationBanner\";\nimport { FormikRadioButtonDescriptive } from \"../FormikRadioButtonDescriptive\";\nimport {\n  PAYMENT_METHOD_ACCOUNT_2_ACCOUNT,\n  PAYMENT_METHOD_CREDIT_CARD,\n} from \"../../constants/PaymentMethods\";\n\ninterface Props {\n  paymentId: string;\n  onSubmit: (values: PayNowOrderPayment) => void;\n  onStepChange: (activeStep: number) => void;\n  activeStep: number;\n  initialValues: PayNowOrderPayment;\n}\n\nconst validationSchemas = [undefined, PayNowFormSchema, undefined];\n\nconst FormWrapper = styled(Form)<SpaceProps>`\n  ${space}\n`;\n\nexport const PayNowForm: React.FC<Props> = ({\n  paymentId,\n  initialValues,\n  onSubmit,\n  onStepChange,\n  activeStep,\n}) => {\n  const showLoading = false;\n  const [editMode, setEditMode] = useState(false);\n  const [selectedAcknowledged, setSelectedAcknowledged] = useState(false);\n\n  const history = useHistory();\n\n  const {\n    authenticatedUserContext: { userAuth0Details },\n  } = useUserAuthentication();\n\n  const isLastStep = activeStep === PAY_NOW_FORM_STEPS.length - 1;\n\n  const handleSubmit = (values: PayNowOrderPayment) => {\n    onSubmit(values);\n    setEditMode(false);\n  };\n\n  const handlePay = (values: PayNowOrderPayment) => {\n    if (isLastStep) {\n      history.push(\"/create-payment-session\", {\n        userId: userAuth0Details.auth0Id,\n        orderId: values.orderId,\n        paymentId,\n        srNumber: values.orderNumber,\n        amount: amountToString(values.totalPrice).replace(/,/g, \"\"),\n        customerName: `${values.billingDetails.firstName} ${values.billingDetails.lastName}`,\n        paymentMethod: values.paymentMethod,\n      });\n      return;\n    }\n\n    let nextStep = 1;\n\n    nextStep = activeStep + 1;\n    onStepChange(nextStep);\n    scrollToTop();\n  };\n\n  const handleOnBackClick = () => {\n    setSelectedAcknowledged(false);\n\n    const nextStep = activeStep - 1;\n    onStepChange(nextStep);\n  };\n\n  const handleBillingDetailsFormEdit = () => {\n    setEditMode(true);\n    setSelectedAcknowledged(false);\n  };\n\n  const handleBillingDetailsFormCancel = (\n    resetForm: (\n      nextState?: Partial<FormikState<PayNowOrderPayment>> | undefined,\n    ) => void,\n  ) => {\n    resetForm && resetForm();\n    setEditMode(false);\n  };\n\n  const onSelectAcknowledged = () => {\n    setSelectedAcknowledged((prevState) => !prevState);\n  };\n\n  return (\n    <>\n      <Formik\n        validateOnChange={false}\n        /* eslint-disable  @typescript-eslint/no-non-null-assertion */\n        initialValues={initialValues!}\n        enableReinitialize={true}\n        validationSchema={validationSchemas[activeStep - 1]}\n        onSubmit={handleSubmit}\n      >\n        {({ values, resetForm, validateField }) => (\n          <FormWrapper mb={8}>\n            {activeStep === 1 && (\n              <Flex flexDirection=\"column\">\n                <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" my={5}>\n                  Review\n                </Title>\n\n                <PayNowReviewQuote\n                  id=\"pay-now-review-quote\"\n                  orderPayment={initialValues}\n                />\n              </Flex>\n            )}\n\n            {activeStep === 2 && (\n              <>\n                <PayNowBillingDetailsForm\n                  onEdit={handleBillingDetailsFormEdit}\n                  editMode={editMode}\n                  selectedAcknowledged={selectedAcknowledged}\n                  onSelectAcknowledged={onSelectAcknowledged}\n                  handleSubmit={handleSubmit}\n                  handleCancel={() => handleBillingDetailsFormCancel(resetForm)}\n                  validateField={validateField}\n                  values={values}\n                  initialValues={initialValues}\n                />\n\n                <Flex flexDirection=\"column\" mt={7}>\n                  <Flex>\n                    <Span\n                      display=\"inline-block\"\n                      fontSize={4}\n                      lineHeight={4}\n                      fontWeight=\"medium\"\n                    >\n                      Select a payment method\n                    </Span>\n                  </Flex>\n\n                  <BasicNotificationBanner\n                    title=\"Fast & Secure\"\n                    message=\"Our payment partner Windcave is trusted, and provides safe and secure payment methods.\"\n                    variant=\"information\"\n                    icon=\"info\"\n                    my={5}\n                    fontSize={1}\n                  />\n\n                  <Flex flexDirection=\"column\" mb={4}>\n                    <Field\n                      magnitude=\"medium\"\n                      id=\"creditcard\"\n                      name=\"paymentMethod\"\n                      label=\"Credit card or debit card\"\n                      description={`Note: a service fee of 1.15% per transaction is applied by our service provider to offer online payments through this site. \n                        Vector does not receive any part of this fee. This fee will appear as a separate transaction on your credit card or debit card statement and is referred to as a \"convenience fee\".`}\n                      value={PAYMENT_METHOD_CREDIT_CARD}\n                      currentValue={values.paymentMethod}\n                      component={FormikRadioButtonDescriptive}\n                      mb={3}\n                    />\n\n                    <Field\n                      magnitude=\"medium\"\n                      id=\"account2account\"\n                      name=\"paymentMethod\"\n                      label=\"Account2Account\"\n                      description=\"\"\n                      value={PAYMENT_METHOD_ACCOUNT_2_ACCOUNT}\n                      currentValue={values.paymentMethod}\n                      component={FormikRadioButtonDescriptive}\n                    />\n                  </Flex>\n                </Flex>\n              </>\n            )}\n\n            <Flex\n              justifyContent={activeStep > 1 ? \"space-between\" : \"flex-end\"}\n              mt={5}\n            >\n              {activeStep === 2 && (\n                <Button\n                  variant=\"secondary\"\n                  alignSelf=\"flex-start\"\n                  onClick={handleOnBackClick}\n                  data-testid=\"back-button\"\n                >\n                  Back\n                </Button>\n              )}\n\n              {activeStep < 3 && (\n                <Button\n                  type=\"button\"\n                  disabled={\n                    (isLastStep && !selectedAcknowledged) ||\n                    editMode ||\n                    showLoading\n                  }\n                  alignSelf=\"flex-end\"\n                  loading={showLoading}\n                  onClick={() => handlePay(values)}\n                  data-testid={isLastStep ? \"pay-button\" : \"next-button\"}\n                >\n                  {isLastStep ? \"Pay now\" : \"Next\"}\n                </Button>\n              )}\n            </Flex>\n          </FormWrapper>\n        )}\n      </Formik>\n    </>\n  );\n};\n","export const PAYMENT_METHOD_CREDIT_CARD = \"CreditCard\";\nexport const PAYMENT_METHOD_ACCOUNT_2_ACCOUNT = \"Account2Account\";\n","import { PayNowOrderPayment } from \"../types/PayNowOrderPayment\";\nimport { PAYMENT_METHOD_CREDIT_CARD } from \"./PaymentMethods\";\n\nexport const EMPTY_PAY_NOW_ORDER_PAYMENT: PayNowOrderPayment = {\n  orderId: \"\",\n  orderNumber: \"\",\n  siteAddress: \"\",\n  siteSuburb: \"\",\n  siteCity: \"\",\n  jobCategory: \"\",\n  serviceType: \"\",\n  totalPrice: 0,\n  quoteExpiry: \"\",\n  status: \"\",\n  requestKey: \"\",\n  requestEntity: \"\",\n  paidDate: \"\",\n  billingDetails: {\n    businessName: \"\",\n    billingAddressDisplay: \"\",\n    billingAddressId: \"\",\n    manuallyEnteredBillingAddress: false,\n    manualBillingAddress: {\n      addressString: \"\",\n      suburb: \"\",\n      city: \"\",\n      postcode: \"\",\n    },\n    addressId: \"\",\n    customerFullName: \"\",\n    firstName: \"\",\n    lastName: \"\",\n    alternatePhone: \"\",\n    mobile: \"\",\n    email: \"\",\n  },\n  paymentMethod: PAYMENT_METHOD_CREDIT_CARD,\n};\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../Flex\";\nimport { mediaQueries } from \"../../theme\";\nimport { Grid } from \"../Grid\";\nimport { PayNowForm } from \"../PayNowForm\";\nimport { PayNowProgressStepper } from \"../PayNowProgressStepper\";\nimport { PayNowOrderPayment } from \"../../types/PayNowOrderPayment\";\nimport { EMPTY_PAY_NOW_ORDER_PAYMENT } from \"../../constants/PayNowOrderPaymentValues\";\nimport lodash from \"lodash\";\nimport { setPayNowFormDetails } from \"../PayNowForm/_/PayNowDetailsUtil/PayNowDetailsUtil\";\n\nconst FlexWrapper = styled(Flex)`\n  ${mediaQueries.extraLargeDevice} {\n    grid-column-start: 2;\n  }\n`;\n\nconst GridWrapper = styled(Grid)`\n  display: flex;\n  flex-direction: column;\n\n  ${mediaQueries.extraLargeDevice} {\n    display: grid;\n    grid-template-columns: 25vw auto 10vw;\n  }\n`;\n\ninterface Props {\n  paymentId: string;\n  initialValues: PayNowOrderPayment;\n  onSubmit: (values: PayNowOrderPayment) => void;\n}\n\nexport const PayNow: React.FC<Props> = ({\n  paymentId,\n  initialValues,\n  onSubmit,\n}) => {\n  const formValues: PayNowOrderPayment = lodash.cloneDeep(\n    EMPTY_PAY_NOW_ORDER_PAYMENT,\n  );\n  const [activeStep, setActiveStep] = useState(1);\n\n  const handleStepChange = (activeStep: number) => {\n    setActiveStep(activeStep);\n  };\n\n  return (\n    <>\n      <PayNowProgressStepper currentStep={activeStep} />\n      <GridWrapper mx={[3, 3, 4, 4, 0]}>\n        <FlexWrapper flexDirection=\"column\">\n          <PayNowForm\n            initialValues={setPayNowFormDetails(formValues, initialValues)}\n            onSubmit={onSubmit}\n            onStepChange={handleStepChange}\n            paymentId={paymentId}\n            activeStep={activeStep}\n          />\n        </FlexWrapper>\n      </GridWrapper>\n    </>\n  );\n};\n","import React from \"react\";\nimport { Page } from \"../../components/Page\";\nimport { PayNow } from \"../../components/PayNow\";\nimport { PayNowOrderPayment } from \"../../types/PayNowOrderPayment\";\n\nexport interface PayNowProps {\n  tabTitle: string;\n  paymentId: string;\n  payNowOrderPayment: PayNowOrderPayment;\n  onSubmit: (value: PayNowOrderPayment) => void;\n}\n\nexport const PayNowPage: React.FC<PayNowProps> = ({\n  paymentId,\n  tabTitle,\n  payNowOrderPayment,\n  onSubmit,\n}) => {\n\n  return (\n    <Page tabTitle={tabTitle}>\n      <PayNow\n        paymentId={paymentId}\n        initialValues={payNowOrderPayment}\n        onSubmit={onSubmit}\n      />\n    </Page>\n  );\n};\n","import { apiClient, apiClientConfig } from \"../client/ApiClient\";\nimport { PayNowOrderPayment } from \"../types/PayNowOrderPayment\";\nimport { includeAccessToken } from \"../client/AxiosConfigObjectUtil\";\nimport { sendGAEvent } from \"../utils/ga/GaEventSender\";\nimport { getGaBillingSavedFailedEvent, getGaBillingSavedSuccessEvent } from \"../utils/ga/GaBillingEvents\";\n\nexport const getOrderPayment = async (\n  paymentGuid: string,\n  auth0AccessToken?: string,\n): Promise<PayNowOrderPayment> => {\n  const response = await apiClient.get(`payments/${paymentGuid}`, {\n    headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n  });\n  return response.data;\n};\n\nexport const updateBillingDetails = async (\n  orderPayment: PayNowOrderPayment,\n  auth0AccessToken: string,\n): Promise<boolean> => {\n  try {\n    await apiClient.put(\"billing-details\", orderPayment, {\n      headers: includeAccessToken(apiClientConfig, auth0AccessToken),\n    });\n    sendGAEvent(getGaBillingSavedSuccessEvent());\n    return true;\n  } catch (error) {\n    sendGAEvent(getGaBillingSavedFailedEvent());\n    return false;\n  }\n};\n","import { createGaEvent } from \"./GaEventFactory\";\nimport { GAEvent } from \"./GaEventSender\";\n\n\nexport const getGaBillingSavedSuccessEvent = (): GAEvent => {\n  return createGaEvent(\"edit_billing_details\", \"billing_save_successful\");\n};\n\nexport const getGaBillingSavedFailedEvent = (): GAEvent => {\n  return createGaEvent(\"edit_billing_details\", \"billing_save_failed\");\n};\n","import React from \"react\";\nimport { Flex } from \"../../components/Flex\";\nimport { Button } from \"../../components/Button\";\nimport { useHistory } from \"react-router-dom\";\nimport { SomethingWentWrong } from \"../../components/SomethingWentWrong/SomethingWentWrong\";\n\nexport const PaymentErrorPage: React.FC = () => {\n  const history = useHistory();\n\n  const redirect = () => {\n    history.push(\"/\");\n  };\n\n  return (\n    <Flex flexDirection=\"column\">\n      <SomethingWentWrong\n        heading=\"This link is not valid anymore\"\n        subHeading=\"This link has already been actioned, or it has expired.\"\n        message=\"If it has expired, you will need to submit a new order. If you have any questions, please contact us on 0508 832 867\"\n        contactEmailAddress=\"tech.support@vector.co.nz\"\n      />\n\n      <Flex justifyContent=\"center\">\n        <Button\n          data-testid=\"order-service-button\"\n          alignSelf=\"flex-end\"\n          variant=\"secondary\"\n          magnitude=\"medium\"\n          mt={4}\n          onClick={redirect}\n        >\n          Order service\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { PaymentErrorPage } from \"./PaymentErrorPage\";\n\nexport const PaymentErrorPageContainer: React.FC = () => {\n  return <PaymentErrorPage />;\n};\n","import { ManualBillingAddress } from \"../types/ManualStreetAddress\";\n\nexport const EMPTY_MANUAL_BILLING_ADDRESS: ManualBillingAddress = {\n  addressString: \"\",\n  suburb: \"\",\n  city: \"\",\n  postcode: \"\",\n};\n","import React, { useEffect, useState } from \"react\";\nimport { PayNowPage } from \"./PayNowPage\";\nimport { useHistory, useParams } from \"react-router-dom\";\nimport {\n  getOrderPayment,\n  updateBillingDetails,\n} from \"../../services/OrderPaymentService\";\nimport { EMPTY_PAY_NOW_ORDER_PAYMENT } from \"../../constants/PayNowOrderPaymentValues\";\nimport { CenteredLoading } from \"../../components/CenteredLoading\";\nimport { PayNowOrderPayment } from \"../../types/PayNowOrderPayment\";\nimport { PaymentErrorPageContainer } from \"../PaymentErrorPage\";\nimport { useUserAuthentication } from \"../../contexts/UserAuthenticationProvider/UserAuthenticationProvider\";\nimport { SomethingWentWrong } from \"../../components/SomethingWentWrong/SomethingWentWrong\";\nimport { EMPTY_MANUAL_BILLING_ADDRESS } from \"../../constants/ManualBillingAddress\";\nimport lodash from \"lodash\";\n\ntype PayNowParams = { paymentId: string };\n\nexport const PayNowPageContainer: React.FC = () => {\n  const {\n    authenticatedUserContext: { isLoggedIn, userAuth0Details },\n  } = useUserAuthentication();\n  const { accessToken } = userAuth0Details;\n\n  const history = useHistory();\n\n  const { paymentId } = useParams<PayNowParams>();\n  const [payNowOrderPayment, setPayNowOrderPayment] = useState(\n    EMPTY_PAY_NOW_ORDER_PAYMENT,\n  );\n  const [isLoading, setIsLoading] = useState(true);\n  const [billingDetailsUpdateFailed, setBillingDetailsUpdateFailed] =\n    useState(false);\n  const [updatingBillingDetails, setUpdatingBillingDetails] = useState(false);\n\n  useEffect(() => {\n    const getOrderPaymentAsync = async () => {\n      try {\n        const paymentDetails = await getOrderPayment(paymentId, accessToken);\n        paymentDetails.billingDetails.manualBillingAddress = lodash.clone(\n          EMPTY_MANUAL_BILLING_ADDRESS,\n        );\n        paymentDetails.billingDetails.manuallyEnteredBillingAddress = false;\n        setPayNowOrderPayment(paymentDetails);\n        setIsLoading(false);\n      } catch (error) {\n        payNowOrderPayment.status = \"Error\";\n        setIsLoading(false);\n      }\n    };\n\n    getOrderPaymentAsync();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLoggedIn, accessToken]);\n\n  const handleSubmit = (values: PayNowOrderPayment) => {\n    setBillingDetailsUpdateFailed(false);\n    setUpdatingBillingDetails(true);\n\n    updateBillingDetails(values, accessToken).then((updated) => {\n      if (!updated) {\n        setUpdatingBillingDetails(false);\n        setBillingDetailsUpdateFailed(true);\n      } else {\n        setPayNowOrderPayment(values);\n      }\n    });\n  };\n\n  const handleOnBackClick = () => {\n    history.goBack();\n  };\n\n  if (isLoading) {\n    return <CenteredLoading text=\"Loading\" />;\n  }\n\n  if (billingDetailsUpdateFailed) {\n    return (\n      <SomethingWentWrong\n        subHeading=\"It looks like there was an error updating your billing details.\"\n        message=\"Please try again in a few minutes\"\n        onBackClick={handleOnBackClick}\n        onTryAgainClick={() => handleSubmit(payNowOrderPayment)}\n        tryAgainLoading={updatingBillingDetails}\n        showTryAgainButton\n        showBackButton\n      />\n    );\n  }\n\n  return (\n    <>\n      {payNowOrderPayment.status === \"Ready To Pay\" && (\n        <PayNowPage\n          paymentId={paymentId}\n          tabTitle=\"\"\n          payNowOrderPayment={payNowOrderPayment}\n          onSubmit={handleSubmit}\n        />\n      )}\n\n      {payNowOrderPayment.status !== \"Ready To Pay\" && (\n        <PaymentErrorPageContainer />\n      )}\n    </>\n  );\n};\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Flex } from \"../../components/Flex\";\nimport { Title } from \"../../components/Title\";\nimport { Box } from \"../../components/Box\";\nimport { Span } from \"../../components/Span\";\nimport { VectorLogo } from \"../../components/VectorLogo\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Props {}\n\nexport const Div = styled.div`\n  display: inline-block;\n  margin-left: 16px;\n`;\n\nexport const MaintenancePage: React.FC<Props> = () => {\n  return (\n    <Flex flexDirection=\"column\">\n      <Flex\n        flexDirection=\"column\"\n        textAlign=\"center\"\n        alignItems=\"center\"\n        mt={7}\n      >\n        <VectorLogo\n          height={150}\n          width={150}\n          my={3}\n          src={\"/assets/images/vector-logo-desktop.svg\"}\n        />\n\n        <Title as=\"h1\" lineHeight={7} fontWeight=\"medium\" mb={4}>\n          Maintenance\n        </Title>\n\n        <Flex flexDirection=\"column\">\n          <Box mb={5}>\n            <Flex flexDirection=\"column\">\n              <Span data-testid=\"sub-heading\" mb={1}>\n                We apologise that the system will be unavailable until 11am\n                today because of planned maintenance work.\n              </Span>\n\n              <Span data-testid=\"message\">\n                Thank you for your patience and cooperation.\n              </Span>\n            </Flex>\n          </Box>\n        </Flex>\n      </Flex>\n    </Flex>\n  );\n};\n","import React from \"react\";\nimport { QueryClient } from \"@tanstack/react-query\";\nimport { createSyncStoragePersister } from \"@tanstack/query-sync-storage-persister\";\nimport {\n  PersistQueryClientProvider,\n  removeOldestQuery,\n} from \"@tanstack/react-query-persist-client\";\nimport { SessionStorageKey } from \"../../utils/sessionStorageWrapper/sessionStorageWrapper\";\nimport { minutesToMs } from \"../../utils/numberComputationHelper/numberComputationHelper\";\n\ninterface Props {\n  queryCacheKey?: SessionStorageKey;\n  cacheMinutes?: number;\n  staleMinutes?: number;\n}\n\n/***\n * Created to have default settings to the PersistQueryClientProvider. It setups a query cache saved\n * in client-side storage\n *\n * @param children\n * @param queryCacheKey - use to identify the cache in client-side storage\n * @param cacheMinutes - time before data is removed from client-side storage\n * @param staleMinutes - time before data is considered stale, (stale data triggers background network calls in some cases)\n * @constructor\n */\nexport const PersistedQueryProvider: React.FC<Props> = ({\n  children,\n  queryCacheKey = \"ecssQueryCache\",\n  cacheMinutes,\n  staleMinutes,\n}) => {\n  const cacheAge = minutesToMs(cacheMinutes ?? 5);\n  const staleAge = minutesToMs(staleMinutes ?? 5);\n\n  // default config for all queries\n  const queryClient = new QueryClient({\n    defaultOptions: {\n      queries: {\n        cacheTime: cacheAge,\n        staleTime: staleAge,\n        retry: 2,\n      },\n    },\n  });\n\n  const persister = createSyncStoragePersister({\n    storage: window.sessionStorage,\n    key: queryCacheKey,\n    retry: removeOldestQuery,\n  });\n\n  return (\n    <PersistQueryClientProvider\n      client={queryClient}\n      persistOptions={{ persister, maxAge: cacheAge }}\n    >\n      {children}\n    </PersistQueryClientProvider>\n  );\n};\n","import React from \"react\";\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\nimport { AuthenticationProvider } from \"./components/AuthenticationProvider\";\nimport { LoginPage } from \"./components/LoginPage\";\nimport { LogoutPage } from \"./components/LogoutPage\";\nimport { ProtectedRoute } from \"./components/ProtectedRoute\";\nimport { AccountSettingsPage } from \"./pages/AccountSettingsPage\";\nimport { HelpCentrePageContainer } from \"./pages/HelpCentrePage/HelpCentrePageContainer\";\nimport { LiveningIcpPageContainer } from \"./pages/LiveningIcpPage/LiveningIcpPageContainer\";\nimport { LoginPageContainer } from \"./pages/LoginPage/LoginPageContainer\";\nimport { NewConnectionPageContainer } from \"./pages/NewConnectionPage/NewConnectionPageContainer\";\nimport { NotFound } from \"./pages/NotFound\";\nimport { OrderDetailsPageContainer } from \"./pages/OrderDetailsPage/OrderDetailsPageContainer\";\nimport { OrderDetailsListPageContainer } from \"./pages/OrderDetailsListPage/OrderDetailsListPageContainer\";\nimport { ServiceTypePageContainer } from \"./pages/ServiceTypePage/ServiceTypePageContainer\";\nimport { ThankYouPage } from \"./pages/ThankYouPage\";\nimport { CompleteProfilePage } from \"./pages/CompleteProfilePage\";\nimport { withSiebelAccountVerification } from \"./utils/withSiebelAccountVerification\";\nimport { PaymentResultPageContainer } from \"./pages/PaymentResultPage\";\nimport { WindcaveContainer } from \"./components/WindcaveContainer/WindcaveContainer\";\nimport { PayNowPageContainer } from \"./pages/PayNowPage\";\nimport { PaymentErrorPageContainer } from \"./pages/PaymentErrorPage\";\nimport { MaintenancePage } from \"./pages/MaintenancePage\";\nimport { PersistedQueryProvider } from \"./contexts/PersistedQueryProvider/PersistedQueryProvider\";\n\nfunction App() {\n  return (\n    <Router>\n      <PersistedQueryProvider cacheMinutes={15} staleMinutes={15}>\n        <AuthenticationProvider>\n          <Switch>\n            <Route\n              exact\n              path=\"/\"\n              component={withSiebelAccountVerification(\n                ServiceTypePageContainer,\n              )}\n            />\n            <Route\n              exact\n              path=\"/service-type\"\n              component={withSiebelAccountVerification(\n                ServiceTypePageContainer,\n              )}\n            />\n            <Route\n              exact\n              path=\"/login-option/:orderType\"\n              component={withSiebelAccountVerification(LoginPageContainer)}\n            />\n            <Route\n              exact\n              path=\"/icp-request\"\n              component={withSiebelAccountVerification(\n                LiveningIcpPageContainer,\n              )}\n            />\n            <Route\n              exact\n              path=\"/new-connection\"\n              component={withSiebelAccountVerification(\n                NewConnectionPageContainer,\n              )}\n            />\n            <Route exact path=\"/thank-you/:pageType\" component={ThankYouPage} />\n            <ProtectedRoute\n              path=\"/order-details-list\"\n              component={withSiebelAccountVerification(\n                OrderDetailsListPageContainer,\n              )}\n            />\n            <ProtectedRoute\n              path=\"/orders/:orderId\"\n              component={withSiebelAccountVerification(\n                OrderDetailsPageContainer,\n              )}\n            />\n            <ProtectedRoute\n              exact\n              path=\"/complete-profile\"\n              component={CompleteProfilePage}\n            />\n            <ProtectedRoute\n              exact\n              path=\"/account-settings\"\n              component={withSiebelAccountVerification(AccountSettingsPage)}\n            />\n            <Route exact path=\"/login\" component={LoginPage} />\n            <Route exact path=\"/logout\" component={LogoutPage} />\n            <Route exact path=\"/help\" component={HelpCentrePageContainer} />\n            <Route\n              exact\n              path=\"/payment/:pageType\"\n              component={PaymentResultPageContainer}\n            />\n            <Route\n              exact\n              path=\"/pay-now/:paymentId\"\n              component={withSiebelAccountVerification(PayNowPageContainer)}\n            />\n            <Route\n              exact\n              path=\"/create-payment-session\"\n              component={WindcaveContainer}\n            />\n            <Route\n              exact\n              path=\"/payment-error\"\n              component={PaymentErrorPageContainer}\n            />\n            <Route exact path=\"/maintenance\" component={MaintenancePage} />\n            <Route>\n              <NotFound />\n            </Route>\n          </Switch>\n        </AuthenticationProvider>\n      </PersistedQueryProvider>\n    </Router>\n  );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === \"localhost\" ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === \"[::1]\" ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/,\n    ),\n);\n\ntype Config = {\n  onSuccess?: (registration: ServiceWorkerRegistration) => void;\n  onUpdate?: (registration: ServiceWorkerRegistration) => void;\n};\n\nfunction registerValidSW(swUrl: string, config?: Config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then((registration) => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === \"installed\") {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                \"New content is available and will be used when all \" +\n                  \"tabs for this page are closed. See https://bit.ly/CRA-PWA.\",\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log(\"Content is cached for offline use.\");\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch((error) => {\n      console.error(\"Error during service worker registration:\", error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl: string, config?: Config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { \"Service-Worker\": \"script\" },\n  })\n    .then((response) => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get(\"content-type\");\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf(\"javascript\") === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then((registration) => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        \"No internet connection found. App is running in offline mode.\",\n      );\n    });\n}\n\nexport function register(config?: Config) {\n  if (process.env.NODE_ENV === \"production\" && \"serviceWorker\" in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener(\"load\", () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            \"This web app is being served cache-first by a service \" +\n              \"worker. To learn more, visit https://bit.ly/CRA-PWA\",\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nexport function unregister() {\n  if (\"serviceWorker\" in navigator) {\n    navigator.serviceWorker.ready\n      .then((registration) => {\n        registration.unregister();\n      })\n      .catch((error) => {\n        console.error(error.message);\n      });\n  }\n}\n","import \"babel-polyfill\";\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport Modal from \"react-modal\";\nimport App from \"./App\";\nimport * as serviceWorker from \"./serviceWorker\";\nimport { ThemeProvider } from \"styled-components\";\nimport { theme } from \"./theme\";\nimport \"./index.scss\";\nimport \"./utils/ga/GaEventSender\";\nimport env from \"./environment\";\nimport TagManager from \"react-gtm-module\";\n\nModal.setAppElement(\"#root\");\n\nconst tagManagerArgs = {\n  gtmId: env.googleTagManagerId,\n  auth: env.googleTagManagerAuthKey,\n  preview: env.googleTagManagerEnvId,\n};\n\nTagManager.initialize(tagManagerArgs);\n\nReactDOM.render(\n  <React.StrictMode>\n    <ThemeProvider theme={theme}>\n      <App />\n    </ThemeProvider>\n  </React.StrictMode>,\n  document.getElementById(\"root\"),\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}