{"version":3,"sources":["store/GeneralState/GeneralState.actions.ts","store/GeneralState/GeneralState.reducer.ts","store/store.ts","utils/getEnvConfig.ts","utils/keycloak.ts","routes/routes.ts","components/ErrorDialog1/index.ts","components/ErrorDialog1/ErrorDialog.tsx","components/LoadingSpinner/index.ts","components/LoadingSpinner/LoadingSpinner.tsx","theme/colors.ts","components/CheckboxComponent/index.ts","components/CheckboxComponent/CheckboxComponent.tsx","utils/JsZipUtils.ts","utils/utils.ts","hooks/useEditState/EditStateFuncs.ts","components/Dropdown/index.ts","components/Dropdown/Dropdown.tsx","utils/TestIDs.ts","components/FieldWrapper/FieldWrapper.tsx","components/FieldWrapper/index.ts","graphql/queries/GetPhoneBlockedData.ts","components/NumberBlock/NumberBlock.tsx","components/Footer/index.ts","components/Footer/Footer.tsx","components/Header/Header.tsx","components/NavigationBar/NavigationBar.tsx","components/UserBar/UserBar.tsx","graphql/queries/GetUserData.ts","components/ViewWrapper/useViewWrapperData.ts","components/ViewWrapper/index.ts","components/ViewWrapper/ViewWrapper.tsx","graphql/mutations/UpdatePhoneBlockedData.ts","components/PhoneNumberBlockEdit/PhoneNumberBlockEdit.tsx","components/ErrorBox/index.ts","components/ErrorBox/ErrorBox.tsx","components/IbanInput/index.ts","components/IbanInput/IbanInput.tsx","graphql/types.ts","hooks/useEditState/index.ts","hooks/useEditState/useEditState.ts","graphql/mutations/SendPostalChangeJob.ts","graphql/queries/GetContractMetaData.ts","pages/ChangeInvoice/ChangeInvoice.tsx","pages/BankDataEdit/BankDataEdit.tsx","graphql/mutations/SendContractTermination.ts","graphql/queries/getContractsTermination.ts","graphql/mutations/SendContractTerminationMailAgain.ts","utils/dldoc.ts","pages/CancelContractConfirmation/CancelContractConfirmation/CancelContractConfirmation.tsx","pages/CancelContract/index.ts","pages/CancelContract/CancelContract.tsx","components/CustomAccordion/CustomAccordion.tsx","components/ProductTab/ProductTab.tsx","components/ProductTab/index.ts","components/TabPanel/index.ts","components/TabPanel/TabPanel.tsx","components/ContractDetails/ContractDetails.tsx","components/ContractDetails/index.ts","graphql/queries/GetContractOverview.ts","pages/ContractOverview/index.ts","pages/ContractOverview/ContractOverview.tsx","pages/ContractOverview/useContractOverview.ts","components/CustomPagination/CustomPagination.tsx","utils/formatCurrency.ts","utils/getCurrentItems.ts","components/InvoiceListDesktop/InvoiceListDesktop.tsx","components/ContractDocumentTable/ContractDocumentTable.tsx","components/ContractDocumentTableMobile/ContractDocumentTableMobile.tsx","graphql/queries/SearchDocs.ts","pages/ContractPage/useContractState.ts","pages/ContractPage/index.ts","pages/ContractPage/ContractPage.tsx","components/DashboardSectionBox/DashboardSectionBox.tsx","components/DashboardSectionBox/index.ts","components/OrderStatus/OrderStatus.tsx","components/OrderStatus/index.ts","graphql/queries/GetOrderStatus.ts","pages/DashboardPage/useDashboardState.ts","pages/DashboardPage/index.ts","pages/DashboardPage/DashboardPage.tsx","components/ViewWrapperPublic/ViewWrapperPublic.tsx","graphql/queries/RequestUsername.ts","pages/ForgotUsernamePage/ForgotUsernamePage.tsx","pages/ForgotUsernamePage/useForgotUsername.ts","components/FaqTipsList/index.ts","components/FaqTipsList/FaqTipsList.tsx","components/HelpCollapsable/index.ts","components/HelpCollapsable/HelpCollapsable.tsx","components/HelpText/index.ts","components/HelpText/HelpText.tsx","pages/HelpDetails/useHelpDetailsState.tsx","pages/HelpDetails/index.ts","pages/HelpDetails/HelpDetails.tsx","graphql/mutations/SendContactForm.ts","components/ContactForm/ContactForm.tsx","components/ContactForm/index.ts","pages/HelpOverview/useHelpOverviewState.tsx","pages/HelpOverview/index.ts","pages/HelpOverview/HelpOverview.tsx","components/LoginEdit/LoginEdit.tsx","components/LoginEdit/index.ts","graphql/mutations/UpdateLoginEmail.ts","graphql/mutations/UpdateLoginPW.ts","pages/LoginEditPage/useLoginEditPageState.ts","pages/LoginEditPage/index.ts","pages/LoginEditPage/LoginEditPage.tsx","components/LoginData/index.ts","components/LoginData/LoginData.tsx","components/MyDataItem/MyDataItem.tsx","components/PersonalData/index.ts","components/PersonalData/PersonalData.tsx","pages/MyDataPage/useMyDataState.ts","pages/MyDataPage/index.ts","pages/MyDataPage/MyDataPage.tsx","components/InvoiceListDesktop/index.ts","components/InvoiceListMobile/InvoiceListMobile.tsx","graphql/queries/GetSumForBills.ts","pages/MyInvoices/useMyInvoicesState.ts","pages/MyInvoices/index.ts","pages/MyInvoices/MyInvoicesPage.tsx","pages/NewSepa/NewSepa.tsx","components/DialogComponent/DialogComponent.tsx","graphql/mutations/DeleteCustomerAddr.ts","graphql/mutations/UpdateCustomerAddress.ts","pages/OtherAddrEdit/index.tsx","pages/OtherAddrEdit/OtherAddrEdit.tsx","graphql/mutations/PatchCustomProps.ts","utils/isValidPhoneNumber.ts","pages/PersonalDataEdit/PersonalDataEdit.tsx","components/PhoneBookEntry/PhoneBookEntry.tsx","graphql/mutations/SetPhonebookentry.ts","graphql/queries/GetPhonebookEntry.ts","pages/PhoneBookEntryPage/index.ts","pages/PhoneBookEntryPage/PhoneBookEntryPage.tsx","components/PhoneNumberDisplayEdit/index.ts","components/PhoneNumberDisplayEdit/PhoneNumberDisplayEdit.tsx","graphql/mutations/UpdatePhoneResource.ts","pages/PhoneNumberDisplayEditPage/index.ts","pages/PhoneNumberDisplayEditPage/PhoneNumberDisplayEditPage.tsx","graphql/mutations/ReactivateRegistraion.ts","pages/ReactivateRegistration/index.ts","pages/ReactivateRegistration/ReactivateRegistration.tsx","pages/ReactivateRegistration/useReactivateRegistration.ts","components/TipsTricksList/index.ts","components/TipsTricksList/TipsTricksList.tsx","pages/TipDetails/useTipsDetailsState.tsx","pages/TipDetails/index.ts","pages/TipDetails/TipsDetails.tsx","pages/TipsOverview/useTipsOverviewState.ts","pages/TipsOverview/index.ts","pages/TipsOverview/TipsOverview.tsx","graphql/queries/CheckLink.ts","graphql/queries/ValidateRegistration.ts","utils/password-validator/passwordValidator.ts","pages/ValidateRegistration/useValidateRegistration.ts","pages/ValidateRegistration/index.ts","pages/ValidateRegistration/ValidateRegistration.tsx","utils/i18n.ts","utils/PrivateRoute.tsx","theme/fontStyles.ts","theme/theme.ts","App.tsx","utils/useApolloClient.ts","index.tsx"],"names":["GeneralStateAction","initialGeneralState","loadstate","loading","errors","loggedUser","id","email","roles","username","user","undefined","faqList","tipsList","searchTerms","customize","GeneralStateReducer","state","action","type","SET_LOADSTATE","payload","SET_LOGGED_USER","SET_USER","SET_FAQ_LIST","SET_TIPS_LIST","SET_SEARCH_TERMS","SET_GENERAL_STATE_PARTIAL","rootReducer","combineReducers","generalState","store","createStore","getEnvConfig","__envConfig","Routes","keycloak","envConfig","Keycloak","url","URL","realm","Realm","clientId","ClientID","ErrorDialog","props","ec","errorConfig","Dialog","disableBackdropClick","disableEscapeKeyDown","open","DialogTitle","title","DialogContent","style","padding","dividers","Typography","content","DialogActions","Button","variant","className","onClick","btnLabel","LoadingSpinner","Backdrop","disableStrictModeCompat","CircularProgress","colors","appBarBackground","lightShadow","black","button","darkGray","focusedField","main","lightMain","lighterMain","lightBorderGray","lightGray","lightDarkerGray","darkIcon","labelColor","lightWarning","midGray","midDarkerGray","warning","white","orderStatusCompleted","orderStatusNotCompleted","orderStatusInProgress","orderStatusWarn","orderStatusError","CheckboxComponent","onSelect","checked","disabled","label","testIdentifier","FormControlLabel","control","Checkbox","onChange","icon","color","checkedIcon","Salutation","CountryOpts","editField","dropdownOptionsCountry","t","NONE","value","GER","dropdownOptionsSalutation","MR","MRS","DIVERSE","EHELEUTE","FRAU_UND_HERR","HERR_UND_FRAU","FRAU_UND_FRAU","HERR_UND_HERR","navigationLinks","stage","currentPage","links","href","ReactivateRegistration","selectedLink","Register","Login","Dashboard","MyData","Invoices","ContractOverview","Help","getHeader","pageToLinkIconTo","history","helpNumber","headerIcon","general","icons","header","onLogoClick","push","searchBarProps","options","deleteMissingField","field","array","arrayToReturn","index","indexOf","splice","getFormattedIbanByInput","input","iban","cleanIban","replace","toUpperCase","parts","length","substring","join","formatIban","addressIsFilled","addr","Object","entries","key","getNewOrder","s","Dropdown","error","focused","handleChange","selectedOption","small","FormControl","margin","fullWidth","InputLabel","Select","IconComponent","e","alt","marginRight","marginTop","src","map","option","MenuItem","TestIDs","GET_BASE","category","GET_AUTH_PAGES","GET_LOGIN_PAGE","GET_REGISTRATION_PAGE","GET_RESET_PASSWORD_PAGE","GET_TWO_FACTOR_AUTHENTICATION_PAGE","GET_DASHBOARD_SECTION_BOX","GET_DASHBOARD_PAGE","GET_REGISTRATION_PERSONAL_DATA_PAGE","GET_EDITABLE_PERSONAL_DATA","GET_EDITABLE_BILLING_BANK_DATA","GET_EDITABLE_LOGIN","GET_EDITABLE_NEWSLETTER","GET_MY_DATA_PAGE","GET_TIPS_OVERVIEW","GET_TIPS_TRICKS_LIST","GET_HELP_OVERVIEW","GET_HELP_DETAILS","GET_TIPS_DETAILS","GET_MY_INVOICES_PAGE","GET_EDITABLE_WRAPPER","GET_INVOICE_LIST_TABLE","GET_BANK_DATA","element","GET_LOGIN_DATA","GET_NEWSLETTER_DATA","GET_OTHER_ADDR","GET_PERSONAL_DATA","GET_NEW_SEPA","GET_BANK_DATA_EDIT","GET_NEWSLETTER_EDIT","GET_LOGIN_EDIT","GET_OTHER_ADDR_EDIT","useStyles","makeStyles","childrenWrapper","backgroundColor","FieldWrapper","children","text","theme","useTheme","classes","Box","bgcolor","palette","primary","light","width","flex","display","justifyContent","alignItems","flexDirection","xs","sm","md","textAlign","paddingBottom","paddingTop","GET_PHONEBLOCKED_DATA","gql","customDrop","maxWidth","toDropDown","a","r","i","phoneNumber","NumberBlock","useHistory","numbers","useState","selected","setSelected","currentItem","setCurrentItem","dropDownOpts","useTranslation","useLazyQuery","fetchPolicy","onCompleted","data","getPhoneBlockedData","sorted","_","sortBy","x","number","fetchBlockDetails","useEffect","vars","variables","Grid","container","justify","item","startIcon","height","TouchRippleProps","PhoneNumberBlockEdit","val","target","spacing","blockItem","Fragment","isBlocked","isDisabled","description","Footer","useSelector","hiddenVersion","require","borderTop","position","marginBottom","footer","paddingRight","cursor","textDecorationLine","marginLeft","flexWrap","link","Link","right","bottom","version","iteration","Header","AppBar","ButtonBase","disableRipple","disableTouchRipple","paddingLeft","trim","noWrap","NavigationBar","Container","wrap","navLink","component","RouterLink","to","UserBar","onLogoutClick","borderRight","lineHeight","useViewWrapperData","dispatch","useDispatch","appState","setUser","useCallback","useKeycloak","setLoadstate","setLoggedUser","GetUserData","getUserData","parsedDate","birthdate","format","parse","Date","getUser","getUserFromKeycloak","keycloakInstance","tokenParsed","sub","realmAccess","preferred_username","logout","redirectUri","window","location","origin","ViewWrapper","navigation","scroll","top","left","behavior","console","log","scrollTo","UPDATE_PHONE_BLOCKED_DATA","enqueueSnackbar","useSnackbar","keys","contractMetaData","phoneData","successSend","setSuccessSend","useMutation","updatePhoneBlockData","pushPhoneNumberBlockData","loadingSubmit","newItems","setBlockItem","goBack","blocked","passable","ErrorBox","errorsTitle","List","disablePadding","ListSubheader","disableGutters","disableSticky","ListItem","ListItemIcon","FiberManualRecord","ListItemText","IbanInput","TextField","event","ibanInput","newIban","OrderStatusEnum","dataHasErrors","editComponent","missingFields","personalData","salutation","firstName","lastName","emailToCheck","test","date","isNaN","getTime","maxDate","years","months","weeks","days","hours","minutes","seconds","isBefore","telephone","mobile","newsLetterData","newsletterEmail","otherAddrData","isAddressEmpty","deliveryAddress","errDelivery","checkAddress","billingAddress","errBilling","companyName","companyLegalForm","uniqueErrors","uniq","status","suffix","postfix","street","houseNumber","zipCode","city","country","isNewAddress","b","useEditState","savePressed","setSavePressed","userCopy","setUserCopy","touched","setTouched","validation","setValidation","isEqual","saveUserData","setUserCopyPartial","u","SEND_POSTAL_CHANGE_JOB","GET_CONTRACT_METADATA","createStyles","root","ChangeInvoice","selectedContractIndex","setSelectedContractIndex","success","setSuccess","post","setState","sendPostalChangeJob","postJob","getContractMetaData","fetchContractMetaData","loadingMetaData","name","sendInvoice","invoicePostal","sendInvoicePostal","invoiceEmail","sendInvoiceKupo","c","contractID","required","FormGroup","invoice","enableMail","enablePost","amount","invoicePostCost","Fade","in","timeout","selectedContract","optInTextEmail","optInTextMail","mail","BankDataEdit","bankData","accountHolder","bic","creditorID","Mandatsreferenz","showChangeSending","unmountOnExit","SEND_CONTRACT_TERMINATION","GET_CONTRACTS_TERMINATION","SEND_CONTRACT_TERMINATION_AGAIN","dlDoc","fileName","bucket","token","downloadName","fetch","method","credentials","headers","authorization","res","blob","downloadBlob","file","document","createElement","createObjectURL","download","body","appendChild","click","parentElement","removeChild","dlCancelContractPDF","txt","params","txtToParams","vs","customBtn","getTerminationText","kind","targetEnd","productName","reason","ordinary","extraordinary","cancelDate","Number","cancelTime","endDate","it","cancelType","CancelContractConfirmation","useParams","sendContractTerminationMailAgain","sendMailAgain","loadingMail","useMemo","usernameFull","decodeURIComponent","cancellation","extraOrdinary","f","dangerouslySetInnerHTML","__html","sendDate","articleDescription","CancelContract","setErrors","terminationType","setTerminnationType","setSelectedContract","setReason","userReason","setUserReason","contractTermination","setContractTermination","loadingData","useQuery","getContractsTermination","opts","terminationToContractDropdown","terminations","find","o","reasonstoDropDown","reasons","terminationReasons","terminationForConvenience","terminationForCause","selectedDate","setSelectedDate","sendContractTermination","contractItem","encodeURIComponent","sendTermination","minDate","customerID","RadioGroup","Radio","utils","DateFnsUtils","locale","deLocale","DatePicker","disablePast","okLabel","cancelLabel","inputProps","maxLength","err","targetReason","toString","Accordion","withStyles","border","boxShadow","borderBottom","expanded","MuiAccordion","AccordionSummary","minHeight","MuiAccordionSummary","AccordionDetails","MuiAccordionDetails","CustomizedAccordions","panel","hideIcon","React","setExpanded","square","newExpanded","expandIcon","fontSize","blackHeavyText","hyphens","fontWeight","overflowWrap","overflowHidden","textOverflow","overflow","ProductTab","productInfo","datasheetLink","start","periodStart","end","periodEnd","nextCancellation","earliestCancellationDate","isSmallLayout","useMediaQuery","breakpoints","down","dividerHeight","iconOffset","Products","p","inetSpeed","phoneNumbers","Divider","inetSpeeds","direction","DownMax","DownStd","DownMin","UpMax","UpStd","UpMin","pp","ii","Options","opt","Hardware","h","TabPanel","other","role","hidden","flexGrow","customBar","customIndicator","ContractDetails","gotoDocs","overview","activeContractIDs","handleChangeContractOverview","preSelectedItem","inet","tv","phone","setValue","isSelected","handleNextContract","Tabs","newValue","TabIndicatorProps","Tab","opacity","GET_CONTRACT_OVERVIEW","userID","setData","cachedData","setCachedData","getContractOverview","findIndex","d","fetchOverview","ContractDocs","handleChangeContractView","cached","useContractOverview","CustomPagination","items","isMobile","rest","ChevronLeft","textTransform","page","ChevronRight","formatCurrency","n","Intl","NumberFormat","currency","getCurrentItems","perPage","total","nItems","InvoiceListDesktop","invoices","invoicesPerPage","selectedInvoices","downloadItems","dateOrder","docTypeOrder","changeOrder","selectAll","selectOne","billAmount","billIsLoading","itemMeta","TableContainer","Paper","Table","size","TableHead","TableRow","TableCell","indeterminateIcon","IndeterminateCheckBox","TableSortLabel","SortIcon","active","wordBreak","align","TableBody","slice","row","isItemSelected","includes","labelId","sum","v","docID","hover","tabIndex","path","invoiceTarget","Locales","docType","sumTotal","brutto","GetApp","preventDefault","stopPropagation","alignSelf","viewBox","ContractDocumentTable","rows","contractDateOrder","contractNameOrder","contractDisplayNameOrder","selectedDocs","minWidth","overflowX","displayName","ContractDocumentTableMobile","currentOrder","setCurrentOrder","borderWidth","SEARCH_DOCS","useContractState","setSelectedDocs","setRows","setPage","usePagination","count","Math","floor","setContractDateOrder","setContractNameOrder","setContractDisplayNameOrder","searchDocs","manyDocs","orderBy","onError","fetchDocs","newDateOrder","newNameOrder","newDisplayNameOrder","vi","offset","k","newSelecteds","ContractPage","Hidden","mdUp","smDown","DashboardSectionBox","buttonProps","buttonProps2","testCategory","isTitleClickable","buttonSubtitle","displayButtonSubtitle","underline","paddingX","getGradient","currentStatus","nextStatus","firstColor","colorForStatus","secondColor","DONE","NEW","IN_PROGRESS","WARN","ERROR","timeline","timelineItem","timelineDot","timelineConnector","statusBox","borderRadius","OrderStatus","statuses","CompletedStatus","NotCompletedStatus","InProgressStatus","WarnStatus","ErrorStatus","Timeline","TimelineItem","TimelineSeparator","TimelineDot","TimelineConnector","backgroundImage","TimelineContent","details","useDashboardState","orderStatus","setOrderStatus","setFaqList","setTipsList","setSearchTerms","GetOrderStatus","getOrderStatus","useLayoutEffect","faqs_tips","searchTerm","translateSearchTerms","faqs","tips_and_tricks","activeContracts","contracts","sortedContracts","contractStart","DashboardPage","isCATVCustomer","catvData","focus","ViewWrapperPublic","REQUEST_USERNAME","ForgotUsernamePage","setEmail","requestUsername","fetchUsername","isEmail","useForgotUsername","FaqTipsList","displayMethod","categoryToHide","filter","faqCategory","questions","faq","showOnOverview","question","Tips","tip","HelpCollapsable","selectedFaq","openedFaqs","setOpenedFaqs","faqID","currentlyOpenedFaqs","faqToCloseIndex","closeFaq","openFaq","transform","transition","Collapse","answer","HelpText","useHelpDetailsState","categoryID","questionID","currentFaqCategory","setCurrentFaqCategory","questionToScrollTo","getElementById","scrollIntoView","HelpDetails","match","SEND_CONTACT_FORM","disabledTextField","TextFieldCustom","ContactForm","message","setMessage","setSelectedOption","setDisplayButtonSubtitle","sendContactForm","subjectOption","handleClick","multiline","InputProps","useHelpOverviewState","areFaqsCollapsable","setFaqsCollapsable","faqs_collapsable","scrollTop","documentElement","HelpOverview","marginY","helpContact","address","renderExternalFAQ","LoginEdit","handleEmail","handlePasswordReset","cancel","internalEmail","setInternalEmail","errorEmail","setErrorEmail","pwChangeRequest","setPwChangeRequest","isEmailCorrect","validateEmail","UPDATE_LOGIN_PW","useLoginEditPageState","UpdateLoginEmail","updateLoginEmail","updateLoginPW","changeEmail","then","resp","changePassword","setTimeout","LoginEditPage","LoginData","handlePasswordchange","MyDataItem","helper","buttonText","linkTarget","PersonalData","PersonalDataEdit","company","connectionAddress","houseNumberExtension","useMyDataState","handlePasswordChange","MyDataPage","OtherAddrEdit","PhoneBookEntryEdit","PhoneNumberDisplayEdit","password","InvoiceListMobile","order","setOrder","sortedBy","setSortedBy","SUM_BILLS","useMyInvoicesState","docs","setDocs","setSelectedInvoices","pageSize","alreadySearched","setAlreadySearched","evnList","evn","setDateOrder","setDocTypeOrder","newPage","filtered","setBillAmount","getSumForBills","fetchBillAmount","periodIDs","targetPeriodId","uniqPeriodIds","newAlreadySearched","setInvoices","newDocTypeOrder","MyInvoicesPage","xsDown","smUp","NewSepa","anchorRef","useRef","current","pointerEvents","textDecoration","ref","DialogComponent","labelAccept","labelCancel","onCancel","onAccept","hideCancelBtn","onClose","DeleteCustomerAddress","UpdateCustomerAddress","postErrors","updateCustomerAddress","Success","AddressKind","postAddress","deleteCustomerAddress","emptyAddr","__typename","deleteAddrKind","deleteAddress","delLoading","handleSaveDelivery","deliveryFilled","handleSaveBilling","billingFilled","handleDeliveryPartial","handleBillingPartial","setDeleteAddrKind","handleDeleteAddrModal","setOpen","deleteAddr","deliveryError","billingError","RegExp","pb","PATCH_CUSTOMPROPS","isValidPhone","isValid","isValidPhoneNumber","isPossible","isPossiblePhoneNumber","isValidLength","validatePhoneNumberLength","pregex","isPhoneRegex","checkPhoneErrors","prefix","newErrors","saveClicked","setSaveClicked","patchCustomerProps","saveSuccess","patchProps","tel","errs","checkNumbers","mask","alwaysShowMask","placeholder","specifier","PhoneBookEntry","numberOption","handleChangeOption","handleNumberOption","handleSave","saveLoading","showAddr","setShowAddr","oneSelected","printedParticipantDir","electronic","infoService","inverse","defaultValue","withAddr","SET_PHONEBOOKENTRY","GET_PHONEBOOKENTRY","PhoneBookEntryPage","setDropDownOpts","setNumberOption","nextFetchPolicy","getPhoneBookEntry","fetchEntry","loadData","replaceAll","setPhoneBookEntry","patchPhonebookEntry","loading2","phoneNumbersDisplay","save","phoneDisplayState","setPhoneDisplayState","clir","copyState","UPDATE_PHONE_RESOURCE","PhoneNumberDisplayEditPage","failed","setFailed","pushResource","typeID","setCustomerID","reactivateRegistration","requestRegistration","requestNewLink","useReactivateRegistration","TipsTricksList","tipsTricksList","headline","useTipsDetailsState","tipID","currentTip","setCurrentTip","TipsDetails","useTipsOverviewState","TipsOverview","CHECK_LINK","VALIDATE_REGISTRATION","RULES","hasDigits","hasLowercase","hasUppercase","toLowerCase","hasSymbols","hasLetters","useValidateRegistration","errorBox","setErrorBox","setId","setKey","setPassword","password2","setPassword2","showPass","setShowPass","isLinkValid","setIsLinkValid","isLinkExpired","setIsLinkExpired","validateRegistration","checkLink","isExipired","fetchCheckLink","valid","minLength","letters","digits","uppercase","lowercase","symbols","RangeError","passwordValidator","submit","registrationKey","pw","ValidationRegistration","i18n","use","Fetch","initReactI18next","init","lng","ns","fallbackLng","preload","keySeparator","initImmediate","interpolation","escapeValue","backend","loadPath","react","wait","PrivateRoute","memo","Component","authenticated","login","loginFn","render","prevProps","nextProps","fontStyles","Title","fontFamily","fontStyle","Title2","Title3","Subtitle","NormalText","SmallText","ButtonText","createBreakpoints","LocalTheme","createMuiTheme","values","lg","xl","overrides","MuiGrid","MuiAppBar","colorPrimary","MuiBackdrop","zIndex","MuiCircularProgress","MuiFormGroup","MuiButton","containedPrimary","CondensedBold","containedSecondary","outlined","outlinedSecondary","sizeLarge","MuiButtonBase","MuiFilledInput","marginDense","DefaultFontSize","inputMarginDense","MuiInputLabel","filled","MuiFormControlLabel","MuiFormLabel","MuiList","MuiListSubheader","MuiRadio","MuiSelect","MuiTableSortLabel","MuiTableRow","MuiTextField","borderColor","borderBottomLeftRadius","borderBottomRightRadius","MuiTypography","shadows","Array","fill","typography","h1","h2","h3","subtitle1","body1","body2","disabledBackground","contrastText","secondary","ModifiedTheme","responsiveFontSizes","App","setError","initialized","apolloClient","graphQLServerURI","setApolloClient","authLink","ApolloLink","operation","forward","accessToken","setContext","errorLink","auxErr","graphQLErrors","networkError","messages","httpLink","HttpLink","uri","newLink","concat","ApolloClient","cache","InMemoryCache","from","useApolloClient","dataFromJS","ApolloProvider","client","ThemeProvider","CssBaseline","maxSnack","exact","ForgotUsername","ValidateRegistration","TipsID","ReactDOM","fallback","alignContent","StrictMode","authClient","onEvent"],"mappings":"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","file":"static/js/main.b78d688b.chunk.js","sourcesContent":["import { SearchOption } from 'components/SearchBar/SearchBar'\nimport { FaqCategory, Loadstate, LoggedUser, TipsTricks, User } from 'graphql/types'\nimport { GeneralState } from './GeneralState.reducer'\n\nexport enum GeneralStateAction {\n    DEFAULT = 'DEFAULT', // Only for testing purposes\n    SET_LOADSTATE = 'SET_LOADSTATE',\n    SET_LOGGED_USER = 'SET_LOGGED_USER',\n    SET_USER = 'SET_USER',\n    SET_FAQ_LIST = 'SET_FAQ_LIST',\n    SET_TIPS_LIST = 'SET_TIPS_LIST',\n    SET_SEARCH_TERMS = 'SET_SEARCH_TERMS',\n    SET_GENERAL_STATE_PARTIAL = 'SET_GENERAL_STATE_PARTIAL',\n}\n\ntype GeneralStateActions =\n    | { type: GeneralStateAction.DEFAULT }\n    | { payload: Loadstate; type: GeneralStateAction.SET_LOADSTATE }\n    | { payload: LoggedUser; type: GeneralStateAction.SET_LOGGED_USER }\n    | { type: GeneralStateAction.SET_USER; payload: User }\n    | { type: GeneralStateAction.SET_FAQ_LIST; payload: FaqCategory[] }\n    | { type: GeneralStateAction.SET_TIPS_LIST; payload: TipsTricks[] }\n    | { type: GeneralStateAction.SET_SEARCH_TERMS; payload: SearchOption[] }\n    | { type: GeneralStateAction.SET_GENERAL_STATE_PARTIAL; payload: Partial<GeneralState> }\n\nexport default GeneralStateActions\n","import { SearchOption } from 'components/SearchBar/SearchBar'\nimport { FaqCategory, Loadstate, LoggedUser, TipsTricks, User } from 'graphql/types'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { Customize } from 'utils/customize/customize'\n\nexport const initialLoggedUser: LoggedUser = {\n    id: '',\n    email: '',\n    roles: [],\n    username: '',\n}\n\nexport const initialLoadstate: Loadstate = {\n    loading: false,\n    errors: [],\n}\nexport interface GeneralState {\n    loadstate: Loadstate\n    loggedUser: LoggedUser\n    user: User | undefined\n    faqList: FaqCategory[]\n    tipsList: TipsTricks[]\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n}\n\nexport const initialGeneralState: GeneralState = {\n    loadstate: initialLoadstate,\n    loggedUser: initialLoggedUser,\n    user: undefined,\n    faqList: [],\n    tipsList: [],\n    searchTerms: [],\n    customize: undefined,\n}\n\nfunction GeneralStateReducer(state: GeneralState = initialGeneralState, action: GeneralStateActions): GeneralState {\n    switch (action.type) {\n        case GeneralStateAction.SET_LOADSTATE:\n            return {\n                ...state,\n                loadstate: action.payload,\n            }\n        case GeneralStateAction.SET_LOGGED_USER:\n            return {\n                ...state,\n                loggedUser: action.payload,\n            }\n        case GeneralStateAction.SET_USER:\n            return {\n                ...state,\n                user: action.payload,\n            }\n        case GeneralStateAction.SET_FAQ_LIST:\n            return {\n                ...state,\n                faqList: action.payload,\n            }\n        case GeneralStateAction.SET_TIPS_LIST:\n            return {\n                ...state,\n                tipsList: action.payload,\n            }\n        case GeneralStateAction.SET_SEARCH_TERMS:\n            return {\n                ...state,\n                searchTerms: action.payload,\n            }\n\n        case GeneralStateAction.SET_GENERAL_STATE_PARTIAL:\n            return {\n                ...state,\n                ...action.payload,\n            }\n        default:\n            return state\n    }\n}\n\nexport default GeneralStateReducer\n","import { combineReducers, createStore } from 'redux'\nimport GeneralStateReducer from './GeneralState/GeneralState.reducer'\n\nexport const rootReducer = combineReducers({\n    generalState: GeneralStateReducer,\n})\n\nconst store = createStore(rootReducer)\nexport default store\nexport type AppState = ReturnType<typeof rootReducer>\n","export interface KeycloakConfig {\n    URL: string\n    Realm: string\n    ClientID: string\n}\n\nexport interface EnvConfig {\n    HTTPListen: string\n    Domain: string\n    Keycloak: KeycloakConfig\n}\n\nexport default function getEnvConfig(): EnvConfig {\n    // @ts-expect-error: __envConfig came from backend\n    const envConfig: EnvConfig = __envConfig\n    return envConfig\n}\n","import Keycloak from 'keycloak-js'\nimport getEnvConfig from 'utils/getEnvConfig'\n\nconst keycloak = (): Keycloak.KeycloakInstance => {\n    const envConfig = getEnvConfig()\n    return new Keycloak({\n        url: envConfig.Keycloak.URL,\n        realm: envConfig.Keycloak.Realm,\n        clientId: envConfig.Keycloak.ClientID,\n    })\n}\n\nexport default keycloak\n","export enum Routes {\n    PhoneNumberBlockEdit = '/phoneNumberBlockEdit',\n    PhoneBookEntryEdit = '/phonebookEntryEdit',\n    PhoneNumberDisplayEdit = '/phoneNumberDisplayEdit',\n    ReactivateRegistration = '/reactivateRegistration',\n    ValidateRegistration = '/validateRegistration/:id/:key',\n    ForgotUsername = '/forgotUsername',\n    ChangeInvoice = '/changeInvoice',\n    NewSepa = '/newSEPA',\n    CancelContract = '/cancelContract/:contractID?',\n    CancelContractConfirmation = '/cancelContractConfirmation/:contractID/:productName/:date/:targetEnd/:kind/:reason',\n    MyData = '/myData',\n    Invoices = '/myInvoices',\n    Tips = '/tips',\n    TipsID = '/tips/:tipID?',\n    PersonalDataEdit = '/personalDataEdit',\n    BankDataEdit = '/bankDataEdit',\n    OtherAddrEdit = '/otherAddrEdit',\n    ContractDocs = '/contractDocs',\n    ContractOverview = '/contractOverview',\n    Help = '/help',\n    HelpDetails = '/help/:displayMethod/:categoryID/:questionID?',\n    Login = '/login',\n    LoginEdit = '/loginEditPage',\n    Register = '/register',\n    Dashboard = '/dashBoard',\n}\n","import ErrorDialog from './ErrorDialog'\n\nexport default ErrorDialog\n","import { Dialog, DialogActions, DialogContent, Button, DialogTitle, Typography } from '@material-ui/core'\nimport { ErrorConfig } from 'graphql/types'\nimport React from 'react'\n\nexport interface ErrorDialogProps {\n    errorConfig?: ErrorConfig\n    onClick: () => void\n}\n\nconst ErrorDialog = (props: ErrorDialogProps): JSX.Element => {\n    const ec = props.errorConfig\n\n    return (\n        <>\n            {ec && (\n                <Dialog\n                    disableBackdropClick={false}\n                    disableEscapeKeyDown={false}\n                    aria-labelledby=\"customized-dialog-title\"\n                    open={true}\n                >\n                    <DialogTitle id=\"customized-dialog-title\">{ec.title}</DialogTitle>\n                    <DialogContent style={{ padding: '24px' }} dividers>\n                        <Typography>{ec.content}</Typography>\n                    </DialogContent>\n                    <DialogActions>\n                        <Button variant={'outlined'} className={'primary'} onClick={props.onClick}>\n                            {ec.btnLabel}\n                        </Button>\n                    </DialogActions>\n                </Dialog>\n            )}\n        </>\n    )\n}\n\nexport default ErrorDialog\n","import LoadingSpinner from './LoadingSpinner'\n\nexport default LoadingSpinner\n","import { Backdrop, CircularProgress } from '@material-ui/core'\nimport React from 'react'\n\nexport interface LoadingSpinnerProps {\n    loading: boolean\n}\n\nconst LoadingSpinner = (props: LoadingSpinnerProps): JSX.Element => {\n    const { loading } = props\n\n    return (\n        <Backdrop className={'LoadingSpinner'} open={loading} disableStrictModeCompat={true}>\n            <CircularProgress className={'LoadingSpinner'} />\n        </Backdrop>\n    )\n}\n\nexport default LoadingSpinner\n","const colors = {\n    appBarBackground: '#F8F8F8',\n    lightShadow: '#F0F0F0',\n    black: '#000000',\n    button: '#A5D82A',\n    darkGray: '#222222',\n    focusedField: '#00A666',\n    main: '#00A666',\n    lightMain: '#BBDDC3',\n    lighterMain: '#BBDDC3',\n    lightBorderGray: '#E1E1E1',\n    lightGray: '#F3F0F0',\n    lightDarkerGray: '#BFBFBF',\n    darkIcon: '#263238',\n    labelColor: '#929292',\n    lightWarning: 'rgba(255, 0, 0, 0.20)',\n    midGray: '#C4C4C4',\n    midDarkerGray: '#737373',\n    warning: '#FF0000',\n    white: '#FFFFFF',\n    orderStatusCompleted: '#A5D82A',\n    orderStatusNotCompleted: '#BFBFBF',\n    orderStatusInProgress: '#BFBFBF',\n    orderStatusWarn: '#F2C94C',\n    orderStatusError: '#E60000',\n}\n\nexport default colors\n","import CheckboxComponent from './CheckboxComponent'\n\nexport default CheckboxComponent\n","import { Checkbox, FormControlLabel } from '@material-ui/core'\nimport CheckBoxIcon from '@material-ui/icons/CheckBox'\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank'\nimport * as React from 'react'\nimport colors from 'theme/colors'\nimport { GetTestIDReturn } from 'utils/TestIDs'\n\nexport interface CheckboxComponentProps {\n    checked: boolean\n    disabled?: boolean\n    label: React.ReactNode\n    onSelect?: () => void\n    testIdentifier?: GetTestIDReturn\n    customIcon?: React.ReactNode\n    customIconChecked?: React.ReactNode\n}\n\nconst CheckboxComponent = (props: CheckboxComponentProps): JSX.Element => {\n    const { onSelect, checked, disabled, label, testIdentifier } = props\n\n    return (\n        <FormControlLabel\n            {...testIdentifier}\n            control={\n                <Checkbox\n                    onChange={onSelect}\n                    checked={checked}\n                    disabled={disabled}\n                    icon={\n                        <CheckBoxOutlineBlankIcon\n                            style={{ color: disabled ? colors.lightDarkerGray : colors.midDarkerGray }}\n                        />\n                    }\n                    checkedIcon={\n                        <CheckBoxIcon style={{ color: disabled ? colors.lightDarkerGray : colors.midDarkerGray }} />\n                    }\n                    color=\"primary\"\n                />\n            }\n            label={label}\n        />\n    )\n}\n\nexport default CheckboxComponent\n","const createStandardXHR = (): XMLHttpRequest | null => {\n    try {\n        return new window.XMLHttpRequest()\n    } catch (e) {\n        return null\n    }\n}\n\nconst createActiveXHR = (): XMLHttpRequest | null => {\n    try {\n        // @ts-expect-error ActiveXObject only on Internet Explorer\n        return new window.ActiveXObject('Microsoft.XMLHTTP')\n    } catch (e) {\n        return null\n    }\n}\n\nconst createXHR = () => {\n    // @ts-expect-error ActiveXObject only on Internet Explorer\n    if (typeof window !== 'undefined' && window.ActiveXObject) {\n        return createActiveXHR()\n        // createStandardXHR() ||\n    }\n    return createStandardXHR()\n}\n\nconst getBinaryContent = (path: string, callback: (error: any, data: any) => void): Promise<any> | undefined => {\n    const resolve = (data: any) => callback(null, data)\n    const reject = (error: any) => callback(error, null)\n\n    try {\n        const xhr = createXHR()\n        if (xhr) {\n            xhr.open('GET', path, true)\n            if ('responseType' in xhr) {\n                xhr.responseType = 'arraybuffer'\n            }\n\n            if (xhr.overrideMimeType) {\n                xhr.overrideMimeType('text/plain; charset=x-user-defined')\n            }\n\n            xhr.onreadystatechange = function (this: XMLHttpRequest) {\n                if (xhr) {\n                    if (xhr.readyState === 4) {\n                        if (xhr.status === 200 || xhr.status === 0) {\n                            try {\n                                resolve(JSZipUtils._getBinaryFromXHR(xhr))\n                            } catch (e) {\n                                reject(new Error(e))\n                            }\n                        } else {\n                            reject(new Error('ajax error for ' + path + ' : ' + this.status + ' ' + this.statusText))\n                        }\n                    }\n                }\n            }\n\n            xhr.send()\n        }\n    } catch (e) {\n        reject(new Error(e))\n    }\n\n    return undefined\n}\n\nconst JSZipUtils = {\n    // just use the responseText with xhr1, response with xhr2.\n    // The transformation doesn't throw away high-order byte (with responseText)\n    // because JSZip handles that case. If not used with JSZip, you may need to\n    // do it, see https://developer.mozilla.org/En/Using_XMLHttpRequest#Handling_binary_data\n    _getBinaryFromXHR: (xhr: XMLHttpRequest): any | string => {\n        // for xhr.responseText, the 0xFF mask is applied by JSZip\n        if (xhr.responseType !== 'arraybuffer' && xhr.responseText) {\n            return xhr.responseText\n        }\n        return xhr.response\n    },\n    getBinaryContent,\n}\n\nexport default JSZipUtils\n","import { Customize } from 'utils/customize/customize'\nimport { HeaderProps } from 'components/Header/Header'\nimport { NavigationBarProps } from 'components/NavigationBar/NavigationBar'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { UserBarProps } from 'components/UserBar/UserBar'\nimport { isBefore, parse, sub } from 'date-fns'\nimport { saveAs } from 'file-saver'\nimport { Address, FaqCategory, Invoice, TipsTricks, User, UserInput } from 'graphql/types'\nimport * as H from 'history'\nimport { TFunction } from 'i18next'\nimport JSZip from 'jszip'\nimport { Routes } from 'routes/routes'\nimport JSZipUtils from 'utils/JsZipUtils'\n\nexport type SortOrder = 'desc' | 'asc' | undefined\n\nexport enum Salutation {\n    NONE = 'none',\n    MR = 'Herr',\n    MRS = 'Frau',\n    DIVERSE = 'Divers',\n    EHELEUTE = 'Eheleute',\n    FRAU_UND_HERR = 'Frau und Herr',\n    HERR_UND_FRAU = 'Herr und Frau',\n    FAMILY = 'Familie',\n    HERR_UND_HERR = 'Herr und Herr',\n    FRAU_UND_FRAU = 'Frau und Frau',\n}\n\nexport enum CountryOpts {\n    NONE = 'none',\n    DEL = 'delete',\n    GER = 'Deutschland',\n}\n\nexport interface FAQS_TIPS {\n    faqs_collapsable: boolean\n    faqs: FaqCategory[]\n    tips_and_tricks: TipsTricks[]\n}\n\nexport interface DropdownOption {\n    label: string\n    value: any\n}\n\nexport const dropdownOptionsCountry = (t: TFunction): DropdownOption[] => [\n    {\n        label: t('formLabels.countryType.' + CountryOpts.NONE),\n        value: CountryOpts.NONE,\n    },\n    {\n        label: t('formLabels.countryType.' + CountryOpts.GER),\n        value: CountryOpts.GER,\n    },\n]\n\nexport const dropdownOptionsSalutation = (t: TFunction): DropdownOption[] => [\n    {\n        label: t('formLabels.salutationType.' + Salutation.NONE),\n        value: Salutation.NONE,\n    },\n    {\n        label: t('formLabels.salutationType.' + Salutation.MR),\n        value: Salutation.MR,\n    },\n    {\n        label: t('formLabels.salutationType.' + Salutation.MRS),\n        value: Salutation.MRS,\n    },\n    {\n        label: t('formLabels.salutationType.' + Salutation.DIVERSE),\n        value: Salutation.DIVERSE,\n    },\n    {\n        label: t('formLabels.salutationType.' + Salutation.EHELEUTE),\n        value: Salutation.EHELEUTE,\n    },\n\n    {\n        label: t('formLabels.salutationType.' + Salutation.FRAU_UND_HERR),\n        value: Salutation.FRAU_UND_HERR,\n    },\n\n    {\n        label: t('formLabels.salutationType.' + Salutation.HERR_UND_FRAU),\n        value: Salutation.HERR_UND_FRAU,\n    },\n    {\n        label: t('formLabels.salutationType.' + Salutation.FRAU_UND_FRAU),\n        value: Salutation.FRAU_UND_FRAU,\n    },\n    {\n        label: t('formLabels.salutationType.' + Salutation.HERR_UND_HERR),\n        value: Salutation.HERR_UND_HERR,\n    },\n]\n\nexport const navigationLinks = (\n    stage: 'reactivate' | 'registering' | 'not-logged-in' | 'logged-in',\n    currentPage: string,\n): NavigationBarProps => {\n    switch (stage) {\n        case 'reactivate':\n            return {\n                links: [{ label: 'login', href: Routes.ReactivateRegistration }],\n                selectedLink: currentPage,\n            }\n        case 'registering':\n            return {\n                links: [{ label: 'registration', href: Routes.Register }],\n                selectedLink: currentPage,\n            }\n        case 'not-logged-in':\n            return { links: [{ label: 'login', href: Routes.Login }], selectedLink: currentPage }\n        case 'logged-in':\n            return {\n                links: [\n                    { label: 'dashboard', href: Routes.Dashboard },\n                    { label: 'myData', href: Routes.MyData },\n                    { label: 'myInvoices', href: Routes.Invoices },\n                    { label: 'contracts', href: Routes.ContractOverview },\n                    { label: 'help', href: Routes.Help },\n                ],\n                selectedLink: currentPage,\n            }\n    }\n}\n\nexport const getHeader = (\n    pageToLinkIconTo: string,\n    history: H.History,\n    searchTerms: SearchOption[],\n    customize: Customize | undefined,\n): HeaderProps => {\n    let helpNumber = ''\n    let headerIcon = ''\n    if (customize) {\n        helpNumber = customize.general.helpNumber\n        headerIcon = customize.general.icons.header\n    }\n\n    if (pageToLinkIconTo === '') {\n        return {\n            helpNumber,\n            onLogoClick: (): void => history.push('/'),\n            headerIcon,\n        }\n    }\n\n    return {\n        searchBarProps: {\n            options: searchTerms,\n        },\n        helpNumber,\n        onLogoClick: (): void => history.push('/'),\n        headerIcon,\n    }\n}\n\nexport const getUserBar = (history: H.History, user?: User): UserBarProps => ({\n    onLogoutClick: (): void => history.push('/'),\n    user: user ? user.customerID : '',\n})\n\nexport const deleteMissingField = (field: string, array: string[]): string[] => {\n    const arrayToReturn = [...array]\n    const index = arrayToReturn.indexOf(field)\n    if (index !== -1) {\n        arrayToReturn.splice(index, 1)\n    }\n    return arrayToReturn\n}\n\nexport const isPersonalDataFormCorrect = (user: User): { status: boolean; errors: string[] } => {\n    let missingFields = [\n        'salutation',\n        'firstName',\n        'lastName',\n        'street',\n        'houseNumber',\n        'zipCode',\n        'city',\n        'email',\n        'birthdate',\n        'telephone',\n        'mobile',\n    ]\n\n    const errors: string[] = []\n\n    if (user.salutation !== Salutation.NONE) {\n        missingFields = deleteMissingField('salutation', missingFields)\n    }\n\n    if (user.firstName.length > 0) {\n        missingFields = deleteMissingField('firstName', missingFields)\n    }\n\n    if (user.lastName.length > 0) {\n        missingFields = deleteMissingField('lastName', missingFields)\n    }\n\n    if (user.connectionAddress.street.length > 0) {\n        missingFields = deleteMissingField('street', missingFields)\n    }\n\n    if (user.connectionAddress.houseNumber.length > 0) {\n        missingFields = deleteMissingField('houseNumber', missingFields)\n    }\n\n    if (user.connectionAddress.zipCode.length === 5) {\n        missingFields = deleteMissingField('zipCode', missingFields)\n        const zipCodeRegExp = /^[0-9]{5}$/\n        if (!zipCodeRegExp.test(user.connectionAddress.zipCode)) {\n            errors.push('zipCode')\n        }\n    }\n\n    if (user.connectionAddress.city.length > 0) {\n        missingFields = deleteMissingField('city', missingFields)\n    }\n\n    if (user.email.length > 0) {\n        const emailRegExp =\n            /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n        const emailToCheck = user.email.replace(/ä/g, 'ae').replace(/ö/g, 'oe').replace(/ü/g, 'ue').replace(/ß/g, 'ss')\n        if (!emailRegExp.test(emailToCheck)) {\n            errors.push('email')\n        }\n        missingFields = deleteMissingField('email', missingFields)\n    }\n\n    if (user.birthdate.length > 0) {\n        const date = parse(user.birthdate, 'dd.MM.yyyy', new Date())\n        if (!isNaN(date.getTime())) {\n            const maxDate = sub(new Date(), {\n                years: 18,\n                months: 0,\n                weeks: 0,\n                days: 0,\n                hours: 0,\n                minutes: 0,\n                seconds: 0,\n            })\n            if (!isBefore(date, maxDate)) {\n                errors.push('birthdate_underage')\n            }\n            missingFields = deleteMissingField('birthdate', missingFields)\n        } else {\n            errors.push('birthdate_invalidFormat')\n        }\n    }\n\n    if (user.telephone.length > 0) {\n        const phoneRegExp = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/g\n        if (!phoneRegExp.test(user.telephone)) {\n            errors.push('telephone')\n        }\n        missingFields = deleteMissingField('telephone', missingFields)\n    }\n\n    if (user.mobile.length > 0) {\n        const phoneRegExp = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/g\n        if (!phoneRegExp.test(user.mobile)) {\n            errors.push('mobile')\n        }\n        missingFields = deleteMissingField('mobile', missingFields)\n    }\n\n    if (user.offers || user.tips) {\n        if (user.newsletterEmail && user.newsletterEmail.length > 0) {\n            const emailRegExp =\n                /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n            const emailToCheck = user.newsletterEmail\n                .replace(/ä/g, 'ae')\n                .replace(/ö/g, 'oe')\n                .replace(/ü/g, 'ue')\n                .replace(/ß/g, 'ss')\n            if (!emailRegExp.test(emailToCheck)) {\n                errors.push('newsletter_email')\n            }\n        } else {\n            missingFields.push('newsletter_email')\n        }\n    }\n\n    return { status: missingFields.length === 0, errors }\n}\n\nexport const formatIban = (iban: string): string => {\n    if (!iban) {\n        return ''\n    }\n\n    const cleanIban = iban\n        .replace(/\\s\\s+/g, ' ')\n        .replace(/[^0-9a-zA-Z]/gi, '')\n        .toUpperCase()\n\n    const parts = []\n\n    if (cleanIban.length > 0) {\n        parts.push(cleanIban.substring(0, 4))\n    }\n\n    if (cleanIban.length > 4) {\n        parts.push(cleanIban.substring(4, 8))\n    }\n\n    if (cleanIban.length > 8) {\n        parts.push(cleanIban.substring(8, 12))\n    }\n\n    if (cleanIban.length > 12) {\n        parts.push(cleanIban.substring(12, 16))\n    }\n\n    if (cleanIban.length > 16) {\n        parts.push(cleanIban.substring(16, 20))\n    }\n\n    if (cleanIban.length > 20) {\n        parts.push(cleanIban.substring(20, 22))\n    }\n\n    return parts.join(' ')\n}\n\nexport const getFormattedIbanByInput = (input: string): string => {\n    const iban = input.replace(/[^0-9a-zA-Z]/gi, '').toUpperCase()\n\n    return formatIban(iban)\n}\n\nexport const downloadMultipleFiles = (invoices: Invoice[]): void => {\n    const zip = new JSZip()\n    let count = 0\n    const zipFilename = 'zip.zip'\n    if (invoices.length > 1) {\n        invoices.forEach((invoice, index) => {\n            const filename =\n                invoice.date +\n                '_' +\n                invoice.name +\n                (invoice.billingPeriod ? '_' + invoice.billingPeriod : '') +\n                '_' +\n                index +\n                '.pdf'\n            JSZipUtils.getBinaryContent(invoice.downloadURL, (error, data) => {\n                if (error) {\n                    throw error\n                }\n                zip.file(filename, data, { binary: true })\n                if (++count == invoices.length) {\n                    zip.generateAsync({ type: 'blob' }).then((content: Blob) => {\n                        saveAs(content, zipFilename)\n                    })\n                }\n            })\n        })\n    } else {\n        const invoice = invoices[0]\n        fetch(invoice.downloadURL, {\n            method: 'GET',\n            headers: {\n                'Content-Type': 'application/pdf',\n                'Sec-Fetch-Mode': 'cors',\n                'Sec-Fetch-Site': 'same-origin',\n            },\n        })\n            .then((response) => response.blob())\n            .then((blob) => {\n                // Create blob link to download\n                const url = window.URL.createObjectURL(new Blob([blob]))\n                const link = document.createElement('a')\n                link.href = url\n                link.setAttribute(\n                    'download',\n                    invoice.date +\n                        '_' +\n                        invoice.name +\n                        (invoice.billingPeriod ? '_' + invoice.billingPeriod : '') +\n                        '.pdf',\n                )\n\n                // Append to html link element page\n                document.body.appendChild(link)\n\n                // Start download\n                link.click()\n\n                // Clean up and remove the link\n                if (link.parentNode) {\n                    link.parentNode.removeChild(link)\n                }\n            })\n    }\n}\n// TODO: implement when UserInput is reworked\nexport const getUserInput = (data: User): UserInput => {\n    console.log(data)\n    return {} as UserInput\n}\n\nexport const translateSearchTerms = (searchTerms: SearchOption[], t: TFunction): SearchOption[] =>\n    searchTerms.map((searchTerm) => ({\n        href:\n            '/' +\n            (t('url.' + searchTerm.href) === 'url.' + searchTerm.href ? searchTerm.href : t('url.' + searchTerm.href)), // This way we can set up links like Hilfe/Texte/5dbc0be64b6e462f75f116ff/1121233 in the searchTerms.js\n        keys: searchTerm.keys.map((key) => t('searchTerms.' + key)),\n        label: t('searchTerms.' + searchTerm.label),\n    }))\n\nexport const validateEmail = (email: string): boolean => {\n    const emailRegExp =\n        /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n    const emailToCheck = email.replace(/ä/g, 'ae').replace(/ö/g, 'oe').replace(/ü/g, 'ue').replace(/ß/g, 'ss')\n    return emailRegExp.test(emailToCheck)\n}\n\nexport const addressIsFilled = (addr: Address): boolean => {\n    for (const [key, value] of Object.entries(addr)) {\n        if (key === '__typename') {\n            continue\n        }\n        if (value !== '') {\n            return true\n        }\n    }\n    return false\n}\n\nexport const getNewOrder = (s: SortOrder): SortOrder => {\n    if (s === 'desc') return 'asc'\n    if (s === 'asc') return 'desc'\n    if (s === undefined) return 'desc'\n}\n\nexport const isEmail = (email: string): boolean => {\n    const emailRegExp =\n        /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n    const emailToCheck = email.replace(/ä/g, 'ae').replace(/ö/g, 'oe').replace(/ü/g, 'ue').replace(/ß/g, 'ss')\n    return emailRegExp.test(emailToCheck)\n}\n","import { isBefore, parse, sub } from 'date-fns'\nimport { Address, User } from 'graphql/types'\nimport { uniq } from 'lodash'\nimport { deleteMissingField, Salutation } from 'utils/utils'\n\nexport const dataIsMissing = (data: User): boolean => {\n    // NOTE: the user can not edit this here\n    //if (data.connectionAddress.zipCode && data.connectionAddress.zipCode.length === 0) return true\n    //if (data.connectionAddress.city && data.connectionAddress.city.length === 0) return true\n    //if (data.connectionAddress.street && data.connectionAddress.street.length === 0) return true\n    //if (data.connectionAddress.houseNumber && data.connectionAddress.houseNumber.length === 0) return true\n    if (data.birthdate && data.birthdate.length === 0) return true // Less than 18 yrs\n    if (data.email && data.email.length === 0) return true // Check for email's pattern\n    if (data.firstName && data.firstName.length === 0) return true\n    if (data.lastName && data.lastName.length === 0) return true\n    if (data.mobile && data.mobile.length === 0) return true // Check for pattern\n    if (data.telephone && data.telephone.length === 0) return true // Check for pattern\n    if (data.salutation && data.salutation === Salutation.NONE) return true\n\n    return false\n}\n\nexport enum editField {\n    personalData = 1,\n    bankData,\n    bankDataWithDiffAccountHolder,\n    newsLetterData,\n    otherAddrData,\n}\n\nexport const dataHasErrors = (data: User, editComponent: editField): { status: boolean; errors: string[] } => {\n    const errors: string[] = []\n\n    let missingFields: string[] = []\n    if (editComponent === editField.personalData) {\n        missingFields = [\n            'salutation',\n            'firstName',\n            'lastName',\n            //'street',\n            //'houseNumber',\n            //'zipCode',\n            //'city',\n            'email',\n            'birthdate',\n            // 'telephone',\n            // 'mobile',\n        ]\n        if (data.salutation !== '') {\n            missingFields = deleteMissingField('salutation', missingFields)\n        }\n\n        if (data.firstName.length > 0) {\n            missingFields = deleteMissingField('firstName', missingFields)\n        }\n\n        if (data.lastName.length > 0) {\n            missingFields = deleteMissingField('lastName', missingFields)\n        }\n        if (data.email.length > 0) {\n            const emailRegExp =\n                /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n            const emailToCheck = data.email\n                .replace(/ä/g, 'ae')\n                .replace(/ö/g, 'oe')\n                .replace(/ü/g, 'ue')\n                .replace(/ß/g, 'ss')\n            if (emailRegExp.test(emailToCheck)) {\n                missingFields = deleteMissingField('email', missingFields)\n            } else {\n                errors.push('email')\n            }\n        }\n\n        if (data.birthdate.length > 0) {\n            const date = parse(data.birthdate, 'dd.MM.yyyy', new Date())\n            if (!isNaN(date.getTime())) {\n                const maxDate = sub(new Date(), {\n                    years: 18,\n                    months: 0,\n                    weeks: 0,\n                    days: 0,\n                    hours: 0,\n                    minutes: 0,\n                    seconds: 0,\n                })\n                if (isBefore(date, maxDate)) {\n                    missingFields = deleteMissingField('birthdate', missingFields)\n                } else {\n                    errors.push('birthdate_underage')\n                }\n            } else {\n                errors.push('birthdate_invalidFormat')\n            }\n        }\n\n        if (data.telephone.length > 0) {\n            const phoneRegExp = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/g\n            if (phoneRegExp.test(data.telephone)) {\n                missingFields = deleteMissingField('telephone', missingFields)\n            } else {\n                errors.push('telephone')\n            }\n        }\n\n        if (data.mobile.length > 0) {\n            const phoneRegExp = /^[+]*[(]{0,1}[0-9]{1,4}[)]{0,1}[-\\s./0-9]*$/g\n            if (phoneRegExp.test(data.mobile)) {\n                missingFields = deleteMissingField('mobile', missingFields)\n            } else {\n                errors.push('mobile')\n            }\n        }\n    }\n\n    if (editComponent === editField.newsLetterData) {\n        missingFields = ['newsletterEmail']\n        if (data.newsletterEmail.length > 0) {\n            const emailRegExp =\n                /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n            const emailToCheck = data.newsletterEmail\n                .replace(/ä/g, 'ae')\n                .replace(/ö/g, 'oe')\n                .replace(/ü/g, 'ue')\n                .replace(/ß/g, 'ss')\n            if (emailRegExp.test(emailToCheck)) {\n                missingFields = deleteMissingField('newsletterEmail', missingFields)\n            } else {\n                errors.push('email')\n            }\n        }\n    }\n\n    if (editComponent === editField.otherAddrData) {\n        missingFields = []\n        if (!isAddressEmpty(data.deliveryAddress)) {\n            const errDelivery = checkAddress(data.deliveryAddress, '-delivery')\n            if (errDelivery.length > 0) {\n                errors.push(...errDelivery)\n            }\n        }\n        if (!isAddressEmpty(data.billingAddress)) {\n            const errBilling = checkAddress(data.billingAddress, '-billing')\n            if (errBilling.length > 0) {\n                errors.push(...errBilling)\n            }\n        }\n        if (\n            (data.billingAddress.companyName.trim().length === 0 &&\n                data.billingAddress.companyLegalForm.trim().length > 0) ||\n            (data.billingAddress.companyName.trim().length > 0 &&\n                data.billingAddress.companyLegalForm.trim().length === 0)\n        ) {\n            errors.push('company-billing')\n        }\n        if (\n            (data.deliveryAddress.companyName.trim().length === 0 &&\n                data.deliveryAddress.companyLegalForm.trim().length > 0) ||\n            (data.deliveryAddress.companyName.trim().length > 0 &&\n                data.deliveryAddress.companyLegalForm.trim().length === 0)\n        ) {\n            errors.push('company-delivery')\n        }\n    }\n    const uniqueErrors = uniq(errors)\n\n    return { status: missingFields.length === 0, errors: uniqueErrors }\n}\nexport const checkAddress = (a: Address, suffix?: string): string[] => {\n    const missingFields: string[] = []\n    const postfix = suffix ? suffix : ''\n\n    if (a.salutation === '') {\n        missingFields.push('salutation' + postfix)\n    }\n    if (a.firstName === '') {\n        missingFields.push('firstName' + postfix)\n    }\n    if (a.lastName === '') {\n        missingFields.push('lastName' + postfix)\n    }\n    if (a.street === '') {\n        missingFields.push('street' + postfix)\n    }\n    if (a.houseNumber === '') {\n        missingFields.push('houseNumber' + postfix)\n    }\n    if (a.zipCode === '') {\n        missingFields.push('zipCode' + postfix)\n    }\n    if (a.zipCode.length !== 5 && a.zipCode !== '') {\n        missingFields.push('zipCode' + postfix)\n    }\n\n    if (a.city === '') {\n        missingFields.push('city' + postfix)\n    }\n    if (a.city.length < 2 && a.city !== '') {\n        missingFields.push('city' + postfix)\n    }\n\n    if (a.country === '' || a.country.length < 4) {\n        missingFields.push('country' + postfix)\n    }\n\n    return missingFields\n}\n\nexport const isAddressEmpty = (a: Address): boolean => {\n    for (const [key, value] of Object.entries(a)) {\n        if (key === '__typename') {\n            continue\n        }\n\n        if (value !== '') {\n            return false\n        }\n    }\n    return true\n}\n\nexport const isNewAddress = (a: Address, b: Address): boolean => {\n    // a is new when b is empty and a is filled\n    return isAddressEmpty(b) && !isAddressEmpty(a)\n}\n","import Dropdown from './Dropdown'\n\nexport default Dropdown\n","import { FormControl, InputLabel, MenuItem, Select, Typography } from '@material-ui/core'\nimport * as React from 'react'\nimport { GetTestIDReturn } from 'utils/TestIDs'\nimport { DropdownOption, Salutation } from 'utils/utils'\n\nexport interface DropdownProps {\n    disabled?: boolean\n    error?: boolean\n    focused?: boolean\n    small?: boolean\n    handleChange: (\n        event: React.ChangeEvent<{\n            name?: string\n            value: unknown\n        }>,\n        child: React.ReactNode,\n    ) => void\n    label: string\n    options: DropdownOption[]\n    selectedOption: any\n    testIdentifier?: GetTestIDReturn\n    id?: string\n}\n\nconst Dropdown = (props: DropdownProps): JSX.Element => {\n    const { disabled, error, focused, handleChange, label, options, selectedOption, small, testIdentifier, id } = props\n\n    const iconComponent = (e: React.HTMLAttributes<HTMLImageElement>): JSX.Element => (\n        <img\n            className={e.className}\n            alt={'button chevron'}\n            style={{ marginRight: 16, marginTop: 8 }}\n            src={process.env.PUBLIC_URL + '/customize/icons/dropdown.svg'}\n        />\n    )\n\n    return (\n        <FormControl\n            {...testIdentifier}\n            margin={small ? 'dense' : 'none'}\n            variant={'filled'}\n            fullWidth\n            error={error}\n            disabled={disabled}\n            focused={focused}\n        >\n            <InputLabel>{label}</InputLabel>\n            <Select id={id} value={selectedOption} onChange={handleChange} IconComponent={iconComponent}>\n                {options.map((option, index) => (\n                    <MenuItem\n                        disabled={option.value === Salutation.NONE}\n                        key={index + option.value}\n                        value={option.value}\n                    >\n                        <Typography>{option.label}</Typography>\n                    </MenuItem>\n                ))}\n            </Select>\n        </FormControl>\n    )\n}\n\nexport default Dropdown\n","export interface GetTestIDReturn {\n    [key: string]: string | undefined\n}\n\nexport const getTestID = (id: string): GetTestIDReturn => {\n    if (process.env.NODE_ENV === 'production') return {}\n    return {\n        'data-testid': id,\n    }\n}\n\ntype BASE = 'HEADER' | 'NAVIGATION_BAR' | 'USER_BAR' | 'FOOTER' | 'ERROR_BOX'\ntype AUTH_PAGES = 'HEADLINE' | 'FIELD_WRAPPER' | 'SUBMIT_BUTTON' | 'TEXT_FIELD'\ntype PERSONAL_DATA =\n    | 'HEADLINE'\n    | 'SUBLINE'\n    | 'SALUTATION'\n    | 'TITLE'\n    | 'NAME'\n    | 'LAST_NAME'\n    | 'ZIP'\n    | 'CITY'\n    | 'STREET'\n    | 'HOUSE_NUMBER'\n    | 'EMAIL'\n    | 'BIRTH_DATE'\n    | 'TELEPHONE'\n    | 'MOBILE_PHONE'\n    | 'NEWSLETTER_MAIL'\n    | 'NEWSLETTER_OFFER'\n    | 'NEWSLETTER_TIPS'\n\ntype INVOICE_LIST_TABLE_DATA =\n    | 'CHECKBOX_HEADER'\n    | 'CHECKBOX_ROW'\n    | 'TABLE_HEADER'\n    | 'PDF_BUTTON'\n    | 'DOWNLOAD_ALL_BUTTON'\n    | 'PAGINATION_BUTTON'\n\nconst TestIDs = {\n    GET_BASE: (input: BASE, category?: string): GetTestIDReturn =>\n        getTestID('BASE_' + input + (category ? '_' + category : '')),\n    GET_AUTH_PAGES: (input: AUTH_PAGES): GetTestIDReturn => getTestID('AUTH_PAGES_' + input),\n    GET_LOGIN_PAGE: (input: 'USERNAME_INPUT' | 'PASSWORD_INPUT'): GetTestIDReturn => getTestID('LOGIN_PAGE_' + input),\n    GET_REGISTRATION_PAGE: (\n        input:\n            | 'HEADLINE'\n            | 'SUBLINE'\n            | 'TEXT'\n            | 'CUSTOMER_NUMBER_INPUT'\n            | 'ONE_TIME_PASSWORD_INPUT'\n            | 'PASSWORD_INPUT'\n            | 'CONFIRM_PASSWORD_INPUT',\n        category?: string,\n    ): GetTestIDReturn => getTestID('REGISTRATION_PAGE_' + input + (category ? '_' + category : '')),\n    GET_RESET_PASSWORD_PAGE: (\n        input: 'SUBTITLE' | 'NEW_PASSWORD_INPUT' | 'NEW_PASSWORD_CONFIRMATION_INPUT',\n    ): GetTestIDReturn => getTestID('RESET_PASSWORD_PAGE_' + input),\n    GET_TWO_FACTOR_AUTHENTICATION_PAGE: (input: 'CODE_INPUT'): GetTestIDReturn =>\n        getTestID('TWO_FACTOR_AUTHENTICATION_PAGE_' + input),\n    GET_DASHBOARD_SECTION_BOX: (input: 'BOX' | 'TITLE' | 'BUTTON' | 'BUTTON2', category?: string): GetTestIDReturn =>\n        getTestID('DASHBOARD_SECTION_BOX_' + input + (category ? '_' + category : '')),\n    GET_DASHBOARD_PAGE: (input: 'HEADLINE' | 'SUBLINE' | 'TEXT' | 'ORDER_STATUS', category?: string): GetTestIDReturn =>\n        getTestID('DASHBOARD_PAGE_' + input + (category ? '_' + category : '')),\n    GET_REGISTRATION_PERSONAL_DATA_PAGE: (input: PERSONAL_DATA, category?: string): GetTestIDReturn =>\n        getTestID('REGISTRATION_PERSONAL_DATA_PAGE_' + input + (category ? '_' + category : '')),\n    GET_EDITABLE_PERSONAL_DATA: (\n        input:\n            | 'SALUTATION'\n            | 'TITLE'\n            | 'FIRST_NAME'\n            | 'LAST_NAME'\n            | 'STREET'\n            | 'NUMBER'\n            | 'ZIP'\n            | 'CITY'\n            | 'EMAIL'\n            | 'BIRTHDATE'\n            | 'SUBMIT_BUTTON'\n            | 'CANCEL_BUTTON'\n            | 'TELEPHONE'\n            | 'COMPANY'\n            | 'LEGAL_FORM'\n            | 'MOBILE_PHONE',\n    ): GetTestIDReturn => getTestID('GET_EDITABLE_MAIN_DATA_' + input),\n    GET_EDITABLE_BILLING_BANK_DATA: (\n        input: 'IBAN' | 'ACCOUNT_NUMBER' | 'BANK_CODE' | 'ACCOUNT_HOLDER' | 'ACCOUNT_TYPE',\n        category?: string,\n    ): GetTestIDReturn => getTestID('GET_EDITABLE_BILLING_BANK_DATA_' + input + (category ? '_' + category : '')),\n    GET_EDITABLE_LOGIN: (\n        input:\n            | 'USERNAME'\n            | 'OLD_PASSWORD'\n            | 'NEW_PASSWORD_1'\n            | 'NEW_PASSWORD_2'\n            | 'SECURITY_ANSWER'\n            | 'SECURITY_QUESTION'\n            | 'TWO_FACTOR_AUTH',\n    ): GetTestIDReturn => getTestID('GET_EDITABLE_LOGIN_' + input),\n    GET_EDITABLE_NEWSLETTER: (input: 'EMAIL' | 'OFFERS' | 'TIPS'): GetTestIDReturn =>\n        getTestID('GET_EDITABLE_NEWSLETTER_' + input),\n    GET_MY_DATA_PAGE: (input: 'HEADLINE' | 'MY_DATA' | 'LOGIN' | 'NEWSLETTER'): GetTestIDReturn =>\n        getTestID('GET_MY_DATA_PAGE_' + input),\n    GET_TIPS_OVERVIEW: (\n        input: 'HEADLINE' | 'BACK_TO_HELP_OVERVIEW' | 'TIP_ENTRY',\n        category?: string,\n    ): GetTestIDReturn => getTestID('GET_TIPS_OVERVIEW_' + input + (category ? '_' + category : '')),\n    GET_TIPS_TRICKS_LIST: (input: 'TIPS_ENTRY' | 'TITLE', category?: string): GetTestIDReturn =>\n        getTestID('GET_TIPS_TRICKS_LIST_' + input + (category ? '_' + category : '')),\n    GET_HELP_OVERVIEW: (\n        input: 'HEADLINE' | 'HEADLINE_FAQ' | 'TICKET_BOX' | 'CONTACT_BOX' | 'HELP_ENTRY',\n        category?: string,\n    ): GetTestIDReturn => getTestID('GET_HELP_OVERVIEW_' + input + (category ? '_' + category : '')),\n    GET_HELP_DETAILS: (input: 'HEADLINE' | 'FAQ_LIST' | 'QUESTION' | 'ANSWER', id?: string): GetTestIDReturn =>\n        getTestID('GET_HELP_DETAILS_' + input + (id ? '_' + id : '')),\n    GET_TIPS_DETAILS: (input: 'HEADLINE'): GetTestIDReturn => getTestID('GET_TIPS_DETAILS_' + input),\n    GET_MY_INVOICES_PAGE: (\n        input: 'HEADLINE' | 'INVOICE_LIST' | 'BILLING_BANK_DATA' | 'BILLING_PERSONAL_DATA',\n    ): GetTestIDReturn => getTestID('GET_MY_INVOICES_PAGE_' + input),\n    GET_EDITABLE_WRAPPER: (input: 'EDIT' | 'CANCEL' | 'SAVE'): GetTestIDReturn =>\n        getTestID('GET_EDITABLE_WRAPPER_' + input),\n    GET_INVOICE_LIST_TABLE: (input: INVOICE_LIST_TABLE_DATA, category?: string): GetTestIDReturn =>\n        getTestID('GET_INVOICE_LIST_TABLE_' + input + (category ? '_' + category : '')),\n    GET_BANK_DATA: (element: 'EDIT_BUTTON'): GetTestIDReturn => getTestID('BANK_DATA-' + element),\n    GET_LOGIN_DATA: (element: 'EDIT_BUTTON'): GetTestIDReturn => getTestID('LOGIN_DATA-' + element),\n    GET_NEWSLETTER_DATA: (element: 'EDIT_BUTTON'): GetTestIDReturn => getTestID('NEWSLETTER_DATA-' + element),\n    GET_OTHER_ADDR: (element: 'EDIT_BUTTON'): GetTestIDReturn => getTestID('OTHER_ADDR-' + element),\n    GET_PERSONAL_DATA: (element: 'EDIT_BUTTON'): GetTestIDReturn => getTestID('PERSONAL_DATA-' + element),\n    GET_NEW_SEPA: (element: 'CANCEL_BUTTON' | 'SUBMIT_BUTTON'): GetTestIDReturn => getTestID('NEW_SEPA-' + element),\n    GET_BANK_DATA_EDIT: (\n        element:\n            | 'EDIT_BUTTON'\n            | 'NEW_SEPA_BUTTON'\n            | 'CHANGE_INVOICE_DISPATCH_BUTTON'\n            | 'ACCOUNT_HOLDER'\n            | 'IBAN'\n            | 'BIC'\n            | 'MANDATE_REF'\n            | 'SALUTATION'\n            | 'FNAME'\n            | 'LNAME'\n            | 'SRTEET'\n            | 'HOUSE_NUMBER'\n            | 'CITY'\n            | 'ZIP'\n            | 'CANCEL_BUTTON'\n            | 'SUBMIT_BUTTON'\n            | 'TITLE',\n    ): GetTestIDReturn => getTestID('BANK_DATA_EDIT-' + element),\n    GET_NEWSLETTER_EDIT: (element: 'EMAIL' | 'CANCEL_BUTTON' | 'SUBMIT_BUTTON' | 'OFFERS' | 'TIPS'): GetTestIDReturn =>\n        getTestID('NEWSLETTER_EDIT-' + element),\n    GET_LOGIN_EDIT: (element: 'ID' | 'MAIL' | 'PW_BUTTON' | 'SUBMIT_BUTTON' | 'CANCEL_BUTTON'): GetTestIDReturn =>\n        getTestID('LOGIN_EDIT_PAGE-' + element),\n    GET_OTHER_ADDR_EDIT: (\n        element:\n            | 'D-ACCOUNT_HOLDER'\n            | 'D-SALUTATION'\n            | 'D-TITLE'\n            | 'D-FNAME'\n            | 'D-LNAME'\n            | 'D-STREET'\n            | 'D-HOUSE_NUMBER'\n            | 'D-CITY'\n            | 'D-ZIP'\n            | 'D-COUNTRY'\n            | 'D-DELETE_BUTTON'\n            | 'B-ACCOUNT_HOLDER'\n            | 'B-SALUTATION'\n            | 'B-TITLE'\n            | 'B-FNAME'\n            | 'B-LNAME'\n            | 'B-STREET'\n            | 'B-HOUSE_NUMBER'\n            | 'B-CITY'\n            | 'B-ZIP'\n            | 'B-COUNTRY'\n            | 'B-DELETE_BUTTON'\n            | 'MODAL-DELETE_BUTTON'\n            | 'CANCEL_BUTTON'\n            | 'SAVE-BILLING'\n            | 'SAVE-DELIVERY'\n            | 'SUBMIT_BUTTON',\n    ): GetTestIDReturn => getTestID('OTHER_ADDR_EDIT-' + element),\n}\n\nexport default TestIDs\n","import { Box, makeStyles, Typography, useTheme } from '@material-ui/core'\nimport * as React from 'react'\nimport TestIDs from '../../utils/TestIDs'\nimport colors from 'theme/colors'\n\nexport interface FieldWrapperProps {\n    children?: JSX.Element | null\n    text: string\n}\n\nconst useStyles = makeStyles(() => ({\n    childrenWrapper: {\n        '& .MuiFilledInput-root': {\n            backgroundColor: colors.white,\n            '&.Mui-disabled': {\n                backgroundColor: colors.lightGray,\n            },\n            '& .MuiSelect-select:focus': {\n                backgroundColor: colors.white,\n            },\n        },\n    },\n}))\n\nconst FieldWrapper = (props: FieldWrapperProps): JSX.Element | null => {\n    const { children, text } = props\n    const theme = useTheme()\n    const classes = useStyles()\n\n    if ((children === null || children === undefined) && text === '') return null\n    return (\n        <Box\n            {...TestIDs.GET_AUTH_PAGES('FIELD_WRAPPER')}\n            bgcolor={theme.palette.primary.light}\n            width={1}\n            flex={1}\n            display={'flex'}\n            justifyContent={'center'}\n            alignItems={'center'}\n            flexDirection={'column'}\n            padding={{ xs: 2, sm: 5 }}\n        >\n            {children !== null && children !== undefined && (\n                <Box\n                    className={classes.childrenWrapper}\n                    width={1}\n                    flex={1}\n                    display={'flex'}\n                    flexDirection={'column'}\n                    padding={{ xs: 1, md: 3 }}\n                >\n                    {children}\n                </Box>\n            )}\n            {text !== '' && (\n                <Box\n                    width={1}\n                    flex={1}\n                    textAlign={'left'}\n                    display={'flex'}\n                    paddingBottom={3}\n                    paddingTop={children !== null && children !== undefined ? 3 : 0}\n                >\n                    <Typography {...TestIDs.GET_AUTH_PAGES('TEXT_FIELD')}>{text}</Typography>\n                </Box>\n            )}\n        </Box>\n    )\n}\n\nexport default FieldWrapper\n","import FieldWrapper from './FieldWrapper'\n\nexport default FieldWrapper\n","import gql from 'graphql-tag'\n\nexport const GET_PHONEBLOCKED_DATA = gql`\n    query GetPhoneBlockedData($phoneNumber: String!) {\n        getPhoneBlockedData(phoneNumber: $phoneNumber) {\n            number\n            isDisabled\n            isBlocked\n            description\n            locks\n        }\n    }\n`\n","import { useLazyQuery } from '@apollo/client'\nimport { Box, Button, Grid, makeStyles, Typography, CircularProgress } from '@material-ui/core'\nimport CheckIcon from '@material-ui/icons/Check'\nimport EditIcon from '@material-ui/icons/Edit'\nimport Dropdown from 'components/Dropdown'\nimport { GET_PHONEBLOCKED_DATA } from 'graphql/queries/GetPhoneBlockedData'\nimport { PhoneBlockedData, Query, QueryGetPhoneBlockedDataArgs } from 'graphql/types'\nimport _ from 'lodash'\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport colors from 'theme/colors'\nimport { DropdownOption } from 'utils/utils'\n\nconst useStyles = makeStyles(() => ({\n    customDrop: {\n        maxWidth: '95%',\n        '& .MuiFilledInput-root': {\n            backgroundColor: colors.white,\n            '&.Mui-disabled': {\n                backgroundColor: colors.lightGray,\n            },\n            '& .MuiSelect-select:focus': {\n                backgroundColor: colors.white,\n            },\n        },\n    },\n}))\n\nexport interface NumberBlockProps {\n    numbers: PhoneNumberContext[]\n}\n\nexport interface PhoneNumberContext {\n    phoneNumber: string\n    cos: string\n}\n\nexport interface CosTranslation {\n    mobile: boolean\n    foreignCountry: boolean\n    televoting: boolean\n}\n\nexport const toDropDown = (a: PhoneNumberContext[]): DropdownOption[] => {\n    const r: DropdownOption[] = []\n    for (let i = 0; i < a.length; i++) {\n        r.push({ label: a[i].phoneNumber, value: a[i].phoneNumber })\n    }\n    return r\n}\nconst NumberBlock = (props: NumberBlockProps): JSX.Element => {\n    const classes = useStyles()\n    const history = useHistory()\n    const { numbers } = props\n    const [selected, setSelected] = useState(0)\n    const [currentItem, setCurrentItem] = useState<PhoneBlockedData[]>([])\n\n    const [dropDownOpts] = useState(toDropDown(numbers))\n    const { t } = useTranslation()\n    const handleChange = (e: any) => {\n        const val = e.target.value as string\n        let index = -1\n        for (let i = 0; i < dropDownOpts.length; i++) {\n            if (val === dropDownOpts[i].value) {\n                index = i\n                break\n            }\n        }\n        if (index !== -1) {\n            setSelected(index)\n        }\n    }\n\n    const [fetchBlockDetails, { loading }] = useLazyQuery<Query>(GET_PHONEBLOCKED_DATA, {\n        fetchPolicy: 'no-cache',\n        onCompleted: (data) => {\n            if (data.getPhoneBlockedData) {\n                //sort the received data\n                const sorted = _.sortBy(data.getPhoneBlockedData, (x) => x.number)\n                setCurrentItem(sorted)\n            }\n        },\n    })\n    useEffect(() => {\n        if (numbers.length > 0) {\n            const vars: QueryGetPhoneBlockedDataArgs = { phoneNumber: numbers[selected].phoneNumber }\n            fetchBlockDetails({ variables: vars })\n        }\n    }, [numbers, selected])\n\n    return (\n        <Grid container justify=\"flex-start\">\n            <Grid item xs={12} sm={8}>\n                <Typography variant={'body1'}>{t('numberLock.helper')}</Typography>\n            </Grid>\n            <Grid item xs={12} sm={4}>\n                <Box display=\"flex\" flex={1} justifyContent=\"flex-end\">\n                    <Button\n                        variant={'outlined'}\n                        className={'EditButton'}\n                        disabled={numbers.length === 0}\n                        startIcon={<EditIcon style={{ width: 20, height: 20 }} />}\n                        TouchRippleProps={{ style: { color: colors.main } }}\n                        onClick={() => history.push(Routes.PhoneNumberBlockEdit)}\n                    >\n                        {t('numberLock.change')}\n                    </Button>\n                </Box>\n            </Grid>\n            <Grid item xs={12} style={{ marginTop: 50 }}>\n                <Box className={classes.customDrop}>\n                    <Dropdown\n                        id={'phoneNumbers'}\n                        disabled={numbers.length === 0}\n                        focused={undefined}\n                        label={t('numberLock.telNumber')}\n                        options={numbers.length > 0 ? dropDownOpts : []}\n                        selectedOption={numbers.length > 0 ? dropDownOpts[selected].label : ''}\n                        handleChange={handleChange}\n                    />\n                </Box>\n            </Grid>\n            {!loading && (\n                <Grid item xs={12} style={{ marginTop: 30 }}>\n                    <Grid container spacing={2}>\n                        {currentItem.map((blockItem, i) => (\n                            <React.Fragment key={i}>\n                                <Grid item xs={1}>\n                                    {(blockItem.isBlocked || blockItem.isDisabled) && (\n                                        <CheckIcon style={{ color: '#979797' }} />\n                                    )}\n                                </Grid>\n                                <Grid item xs={11}>\n                                    <Typography variant=\"body1\">{blockItem.description}</Typography>\n                                </Grid>\n                            </React.Fragment>\n                        ))}\n                    </Grid>\n                </Grid>\n            )}\n            {loading && (\n                <Grid item xs={12} className=\"center\" style={{ marginTop: 30 }}>\n                    <CircularProgress color=\"primary\" />\n                </Grid>\n            )}\n        </Grid>\n    )\n}\n\nexport default NumberBlock\n","import Footer from './Footer'\n\nexport default Footer\n","import { Box, Grid, Link, Typography } from '@material-ui/core'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { AppState } from 'store/store'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface FooterLink {\n    label: string\n    href?: string\n}\n\nconst Footer = (): JSX.Element => {\n    const { customize, user } = useSelector((state: AppState) => ({\n        user: state.generalState.user,\n        customize: state.generalState.customize,\n    }))\n    const { t } = useTranslation()\n    const history = useHistory()\n\n    const hiddenVersion = require('./hiddenVersion.json')\n\n    return (\n        <Box\n            width={1}\n            bgcolor={colors.main}\n            alignItems={'center'}\n            marginTop={'auto'}\n            padding={'13.5px'}\n            display={'flex'}\n            flexDirection={{ xs: 'column', sm: 'row' }}\n            justifyContent={{ xs: 'center', sm: 'space-between' }}\n            borderTop={`5px solid ${colors.lightMain}`}\n            {...TestIDs.GET_BASE('FOOTER')}\n            position={'relative'}\n        >\n            <Box\n                display={'flex'}\n                justifyContent={{ xs: 'center', sm: 'flex-start' }}\n                alignItems={'center'}\n                marginBottom={{ xs: 4, sm: 0 }}\n            >\n                {customize && (\n                    <Grid className=\"FooterLogoWrapper\">\n                        <img\n                            src={process.env.PUBLIC_URL + '/customize/' + customize.general.icons.footer}\n                            alt={'footerLogo.svg'}\n                            className={'FooterLogo'}\n                        />\n                    </Grid>\n                )}\n            </Box>\n            {user && (\n                <Box>\n                    <Box paddingRight={{ xs: 1, sm: 2 }}>\n                        <Typography\n                            variant=\"subtitle2\"\n                            style={{\n                                cursor: 'pointer',\n                                color: colors.white,\n                                textDecorationLine: 'underline',\n                                marginLeft: 20,\n                                marginRight: 20,\n                            }}\n                            onClick={() => history.push('/cancelContract')}\n                        >\n                            {t('cancelContract')}\n                        </Typography>\n                    </Box>\n                </Box>\n            )}\n            <Box\n                display={'flex'}\n                justifyContent={{ xs: 'center', sm: 'flex-end' }}\n                alignItems={'center'}\n                textAlign={'center'}\n                color={colors.white}\n                flexWrap={'wrap'}\n                height={1}\n            >\n                {customize &&\n                    customize.footer.links.length > 0 &&\n                    customize.footer.links.map((link: FooterLink, index: number): JSX.Element => {\n                        return link.href ? (\n                            <Box key={link.label + index} paddingRight={{ xs: 1, sm: 2 }}>\n                                <Link target=\"_blank\" href={link.href} color={'textSecondary'}>\n                                    <Typography variant=\"subtitle2\">{t(link.label)}</Typography>\n                                </Link>\n                            </Box>\n                        ) : (\n                            <Box key={link.label + index} paddingRight={{ xs: 1, sm: 2 }}>\n                                <Typography variant=\"subtitle2\">{t(link.label)}</Typography>\n                            </Box>\n                        )\n                    })}\n            </Box>\n            <Box position={'absolute'} right={'0'} bottom={'0'}>\n                <Typography color=\"primary\" variant={'subtitle2'}>\n                    Version:{hiddenVersion.version} Iteration:{hiddenVersion.iteration}\n                </Typography>\n            </Box>\n        </Box>\n    )\n}\n\nexport default Footer\n","import { AppBar, Box, ButtonBase, Grid, Link, Typography } from '@material-ui/core'\nimport SearchBar from 'components/SearchBar'\nimport { SearchBarProps } from 'components/SearchBar/SearchBar'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport TestIDs from '../../utils/TestIDs'\n\nexport interface HeaderProps {\n    onLogoClick: () => void\n    helpNumber: string\n    searchBarProps?: SearchBarProps\n    headerIcon: string\n}\n\nconst Header = (props: HeaderProps): JSX.Element => {\n    const { t } = useTranslation()\n    const { onLogoClick, helpNumber, searchBarProps, headerIcon } = props\n    const enableSearchbar = false\n\n    return (\n        <AppBar position={'static'} {...TestIDs.GET_BASE('HEADER')}>\n            <Grid container spacing={2} alignItems={'center'} justify={'space-between'}>\n                <Grid\n                    item\n                    sm={searchBarProps ? 12 : true}\n                    md={searchBarProps ? 'auto' : true}\n                    xs={12}\n                    className=\"HeaderLogoWrapper\"\n                >\n                    <Box\n                        width={1}\n                        display={'flex'}\n                        justifyContent={searchBarProps ? 'center' : { xs: 'center', sm: 'flex-start' }}\n                        alignItems={'center'}\n                    >\n                        <ButtonBase onClick={onLogoClick} disableRipple disableTouchRipple>\n                            <img\n                                src={process.env.PUBLIC_URL + '/customize/' + headerIcon}\n                                alt={'placeholder'}\n                                className={'HeaderLogo'}\n                            />\n                        </ButtonBase>\n                    </Box>\n                </Grid>\n                {searchBarProps && enableSearchbar && (\n                    <Grid container item md xs={12} alignItems={'center'} justify={'center'}>\n                        <Box width={{ xs: 1, md: 0.5 }} maxWidth={{ xs: undefined, sm: '300px' }}>\n                            <SearchBar {...searchBarProps} />\n                        </Box>\n                    </Grid>\n                )}\n                {helpNumber.length > 0 && (\n                    <Grid item md={'auto'} sm={searchBarProps ? 12 : 'auto'} xs={12}>\n                        <Box width={1} display={'flex'} justifyContent={{ xs: 'center', md: undefined }}>\n                            <Box\n                                paddingTop={2}\n                                paddingBottom={2}\n                                paddingLeft={3}\n                                paddingRight={3}\n                                bgcolor={colors.white}\n                                display={'flex'}\n                                alignItems={'center'}\n                                flexDirection={{ xs: 'column', sm: 'row' }}\n                                justifyContent={{ xs: undefined, sm: 'center', md: undefined }}\n                                width={'fit-content'}\n                            >\n                                <Typography variant={'subtitle1'}>{t('header.help')}</Typography>\n                                <Box display={'flex'}>\n                                    <img\n                                        src={process.env.PUBLIC_URL + '/customize/hand.svg'}\n                                        alt={'->'}\n                                        height={'20px'}\n                                        style={{ marginLeft: 4, marginRight: 4 }}\n                                    />\n                                    <Link color={'inherit'} href={'tel:' + helpNumber.trim()}>\n                                        <Typography variant={'subtitle1'} noWrap>\n                                            {helpNumber}\n                                        </Typography>\n                                    </Link>\n                                </Box>\n                            </Box>\n                        </Box>\n                    </Grid>\n                )}\n            </Grid>\n        </AppBar>\n    )\n}\n\nexport default Header\n","import { Box, ButtonBase, Container, Grid, Link, Typography } from '@material-ui/core'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Link as RouterLink } from 'react-router-dom'\nimport colors from 'theme/colors'\nimport TestIDs from '../../utils/TestIDs'\nexport interface NavigationLink {\n    label: string\n    href: string\n}\nexport interface NavigationBarProps {\n    links: NavigationLink[]\n    selectedLink: string\n}\nconst NavigationBar = (props: NavigationBarProps): JSX.Element => {\n    const { t } = useTranslation()\n    const { links, selectedLink } = props\n    return (\n        <Box width={1} bgcolor={colors.lightGray} {...TestIDs.GET_BASE('NAVIGATION_BAR')}>\n            <Container maxWidth={'md'}>\n                <Grid container wrap={'wrap'}>\n                    {links.map((navLink, index) => (\n                        <Grid\n                            key={index + (navLink.label === selectedLink ? 'true' : 'false')}\n                            item\n                            xs={true}\n                            sm={'auto'}\n                        >\n                            <Link\n                                component={RouterLink}\n                                to={navLink.href}\n                                style={{\n                                    width: '100%',\n                                }}\n                                {...TestIDs.GET_BASE('NAVIGATION_BAR', navLink.label)}\n                            >\n                                <ButtonBase\n                                    className={'NavButtonBase'}\n                                    style={{\n                                        backgroundColor: navLink.label === selectedLink ? colors.main : undefined,\n                                    }}\n                                >\n                                    <Typography\n                                        color={navLink.label !== selectedLink ? 'textPrimary' : 'textSecondary'}\n                                    >\n                                        {t('navigation.' + navLink.label)}\n                                    </Typography>\n                                </ButtonBase>\n                            </Link>\n                        </Grid>\n                    ))}\n                </Grid>\n            </Container>\n        </Box>\n    )\n}\nexport default NavigationBar\n","import { Box, ButtonBase, Typography } from '@material-ui/core'\nimport * as React from 'react'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface UserBarProps {\n    user: string\n    onLogoutClick: () => void\n}\n\nconst UserBar = (props: UserBarProps): JSX.Element => {\n    const { onLogoutClick, user } = props\n\n    return (\n        <Box\n            width={1}\n            bgcolor={colors.main}\n            display={'flex'}\n            justifyContent={'flex-end'}\n            color={colors.white}\n            paddingLeft={1.5}\n            {...TestIDs.GET_BASE('USER_BAR')}\n        >\n            <Box display={'flex'} paddingTop={1} paddingBottom={1} borderRight={`2px solid ${colors.white}`}>\n                <Box marginRight={{ xs: 0.75, sm: 1.5 }} lineHeight={'normal'} display={'flex'} alignItems={'center'}>\n                    <img alt={'person'} src={process.env.PUBLIC_URL + '/customize/icons/person.svg'} />\n                </Box>\n                <Box\n                    paddingRight={{ xs: 0.75, sm: 1.5 }}\n                    lineHeight={'normal'}\n                    display={'flex'}\n                    alignItems={'center'}\n                    textAlign={{ xs: 'center', sm: 'left' }}\n                >\n                    <Typography>{`Kundennummer ${user}`}</Typography>\n                </Box>\n            </Box>\n            <Box display={'flex'} alignItems={'center'}>\n                <ButtonBase\n                    component={Typography}\n                    style={{ flex: 1, paddingLeft: '12px', paddingRight: '12px', height: '100%' }}\n                    onClick={onLogoutClick}\n                >\n                    Logout\n                </ButtonBase>\n            </Box>\n        </Box>\n    )\n}\n\nexport default UserBar\n","import gql from 'graphql-tag'\n\nexport default gql`\n    query GetUserData {\n        getUserData {\n            customerID\n            company\n            companyLegalForm\n            salutation\n            title\n            firstName\n            lastName\n            email\n            birthdate\n            telephone\n            mobile\n            newsletterEmail\n            twoFA\n            isCATVCustomer\n            catvData\n            contractMetaData {\n                activeContractIDs\n                evn {\n                    contractID\n                    value\n                }\n                sendInvoice {\n                    contractID\n                    sendInvoicePostal\n                    sendInvoiceKupo\n                }\n                activeContracts {\n                    contractID\n                    contractStart\n                    contractEnd\n                    possibleContractEnd\n                    lastDateForCancellation\n                }\n                phoneData {\n                    id\n                    typeID\n                    cos\n                    clir\n                    phoneNumber\n                }\n            }\n            connectionAddress {\n                companyName\n                companyLegalForm\n                salutation\n                title\n                firstName\n                lastName\n                street\n                houseNumber\n                houseNumberExtension\n                city\n                zipCode\n                country\n            }\n            billingAddress {\n                companyName\n                companyLegalForm\n                salutation\n                title\n                firstName\n                lastName\n                street\n                houseNumber\n                houseNumberExtension\n                city\n                zipCode\n                country\n            }\n            deliveryAddress {\n                companyName\n                companyLegalForm\n                salutation\n                title\n                firstName\n                lastName\n                street\n                houseNumber\n                houseNumberExtension\n                city\n                zipCode\n                country\n            }\n            accountHolderAddress {\n                companyName\n                companyLegalForm\n                salutation\n                title\n                firstName\n                lastName\n                street\n                houseNumber\n                houseNumberExtension\n                city\n                zipCode\n                country\n            }\n            offers\n            tips\n            bankData {\n                currentID\n                accountHolder\n                iban\n                isTransfer\n                bic\n                creditorID\n                Mandatsreferenz\n            }\n        }\n    }\n`\n","import { useLazyQuery } from '@apollo/client'\nimport { useKeycloak } from '@react-keycloak/web'\nimport { format, parse } from 'date-fns'\nimport GetUserData from 'graphql/queries/GetUserData'\nimport { Loadstate, LoggedUser, Query, User } from 'graphql/types'\nimport { KeycloakInstance, KeycloakTokenParsed } from 'keycloak-js'\nimport { Dispatch, useCallback, useEffect } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\n\nexport interface ViewWrapperDataReturn {\n    loadstate: Loadstate\n    loggedUser: LoggedUser\n    onLogoutClick: () => void\n}\n\nexport const useViewWrapperData = (): ViewWrapperDataReturn => {\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n    const { loadstate, loggedUser, user } = useSelector((appState: AppState) => ({\n        loadstate: appState.generalState.loadstate,\n        loggedUser: appState.generalState.loggedUser,\n        user: appState.generalState.user,\n    }))\n\n    const setUser = useCallback(\n        (payload: User) => {\n            dispatch({ type: GeneralStateAction.SET_USER, payload })\n        },\n        [dispatch],\n    )\n\n    const { keycloak } = useKeycloak()\n\n    const setLoadstate = useCallback(\n        (payload: Loadstate) => {\n            dispatch({ type: GeneralStateAction.SET_LOADSTATE, payload })\n        },\n        [dispatch],\n    )\n\n    const setLoggedUser = useCallback(\n        (payload: LoggedUser) => {\n            dispatch({ type: GeneralStateAction.SET_LOGGED_USER, payload })\n        },\n        [dispatch],\n    )\n\n    const [getUser] = useLazyQuery<Query>(GetUserData, {\n        onCompleted: (data) => {\n            if (data && data.getUserData) {\n                // NOTE: parse the date once for the frontend and parse it back when sending\n                let parsedDate = ''\n                if (data.getUserData.birthdate && data.getUserData.birthdate.trim().length > 0) {\n                    parsedDate = format(parse(data.getUserData.birthdate, 'yyyy-MM-dd', new Date()), 'dd.MM.yyyy')\n                }\n                setUser({ ...data.getUserData, birthdate: parsedDate })\n            }\n        },\n    })\n\n    const onLogoutClick = (): void => {\n        keycloak.logout({ redirectUri: window.location.origin })\n    }\n\n    const getUserFromKeycloak = async (keycloakInstance: KeycloakInstance) => {\n        const tokenParsed: KeycloakTokenParsed | undefined = keycloakInstance.tokenParsed\n        if (tokenParsed) {\n            const email: string | undefined = tokenParsed?.email\n            const id: string | undefined = tokenParsed?.sub\n            const roles: string[] | undefined = keycloakInstance.realmAccess?.roles\n            const username = tokenParsed?.preferred_username\n            setLoggedUser({\n                id: id ? id : '',\n                email: email ? email : '',\n                roles: roles ? roles : [],\n                username: username,\n            })\n        }\n    }\n\n    useEffect(() => {\n        setLoadstate({ ...loadstate, loading: true })\n        getUserFromKeycloak(keycloak)\n    }, [])\n\n    useEffect(() => {\n        if (loggedUser.id.trim().length > 0 && user === undefined) {\n            getUser()\n        }\n    }, [loggedUser, user])\n\n    useEffect(() => {\n        if (user) {\n            setLoadstate({ ...loadstate, loading: false })\n        }\n    }, [user])\n\n    return {\n        loadstate,\n        loggedUser,\n        onLogoutClick,\n    }\n}\n","import ViewWrapper from './ViewWrapper'\n\nexport default ViewWrapper\n","import { Box, Container, Grid } from '@material-ui/core'\nimport Footer from 'components/Footer'\nimport Header, { HeaderProps } from 'components/Header/Header'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport NavigationBar, { NavigationBarProps } from 'components/NavigationBar/NavigationBar'\nimport UserBar from 'components/UserBar/UserBar'\nimport * as React from 'react'\nimport { useEffect } from 'react'\nimport { useViewWrapperData } from './useViewWrapperData'\n\nexport interface ViewWrapperProps {\n    header: HeaderProps\n    navigation: NavigationBarProps\n    children?: JSX.Element\n}\n\nconst ViewWrapper = (props: ViewWrapperProps): JSX.Element => {\n    const { children, header, navigation } = props\n    const { loadstate, loggedUser, onLogoutClick } = useViewWrapperData()\n\n    useEffect(() => {\n        try {\n            // trying to use new API - https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo\n            // 0 doesn't work on all occasions so -1000 makes sure its at the top when navigating\n            window.scroll({\n                top: -1000,\n                left: -1000,\n                behavior: 'smooth',\n            })\n        } catch (error) {\n            console.log('error:', error)\n\n            // just a fallback for older browsers\n            window.scrollTo(-1000, -1000)\n        }\n    }, [window.location])\n\n    return (\n        <>\n            <UserBar user={loggedUser.username} onLogoutClick={onLogoutClick} />\n            <Header {...header} />\n            <NavigationBar {...navigation} />\n            {children && (\n                <Container maxWidth={'md'}>\n                    <Box marginTop={{ xs: 5, sm: 10 }} width={1}>\n                        {children}\n                    </Box>\n                    <Grid item xs={12}>\n                        <LoadingSpinner loading={loadstate.loading} />\n                    </Grid>\n                </Container>\n            )}\n            <Footer />\n        </>\n    )\n}\n\nexport default ViewWrapper\n","import gql from 'graphql-tag'\n\nexport const UPDATE_PHONE_BLOCKED_DATA = gql`\n    mutation updatePhoneBlockData($input: PhoneBlockedDataInput!) {\n        updatePhoneBlockData(input: $input)\n    }\n`\n","import { useLazyQuery, useMutation } from '@apollo/client'\nimport { Box, Button, CircularProgress, Grid, makeStyles, Typography } from '@material-ui/core'\nimport CheckboxComponent from 'components/CheckboxComponent'\nimport Dropdown from 'components/Dropdown'\nimport FieldWrapper from 'components/FieldWrapper'\nimport { toDropDown } from 'components/NumberBlock/NumberBlock'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { UPDATE_PHONE_BLOCKED_DATA } from 'graphql/mutations/UpdatePhoneBlockedData'\nimport { GET_PHONEBLOCKED_DATA } from 'graphql/queries/GetPhoneBlockedData'\nimport {\n    Mutation,\n    MutationUpdatePhoneBlockDataArgs,\n    PhoneBlockedData,\n    Query,\n    QueryGetPhoneBlockedDataArgs,\n} from 'graphql/types'\nimport _ from 'lodash'\nimport { useSnackbar } from 'notistack'\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { AppState } from 'store/store'\nimport colors from 'theme/colors'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst useStyles = makeStyles(() => ({\n    customDrop: {\n        maxWidth: '95%',\n        '& .MuiFilledInput-root': {\n            backgroundColor: colors.white,\n            '&.Mui-disabled': {\n                backgroundColor: colors.lightGray,\n            },\n            '& .MuiSelect-select:focus': {\n                backgroundColor: colors.white,\n            },\n        },\n    },\n}))\n\nconst PhoneNumberBlockEdit = (): JSX.Element => {\n    const classes = useStyles()\n    const { enqueueSnackbar } = useSnackbar()\n    const history = useHistory()\n    const [currentItem, setCurrentItem] = useState<PhoneBlockedData[]>([])\n    const { user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n    const { t } = useTranslation()\n    if (!user || Object.keys(user ?? {}).length === 0) {\n        history.replace('/')\n        return <></>\n    }\n    const numbers = user.contractMetaData.phoneData\n\n    const [selected, setSelected] = useState(0)\n    const [successSend, setSuccessSend] = useState(false)\n    const [dropDownOpts] = useState(toDropDown(numbers))\n    const handleChange = (e: any) => {\n        const val = e.target.value as string\n        let index = -1\n        for (let i = 0; i < dropDownOpts.length; i++) {\n            if (val === dropDownOpts[i].value) {\n                index = i\n                break\n            }\n        }\n        if (index !== -1) {\n            setSelected(index)\n        }\n    }\n    const [fetchBlockDetails, { loading }] = useLazyQuery<Query>(GET_PHONEBLOCKED_DATA, {\n        fetchPolicy: 'no-cache',\n        onCompleted: (data) => {\n            if (data.getPhoneBlockedData) {\n                //sort the received data\n                const sorted = _.sortBy(data.getPhoneBlockedData, (x) => x.number)\n                setCurrentItem(sorted)\n            }\n        },\n    })\n    useEffect(() => {\n        if (numbers.length > 0) {\n            const vars: QueryGetPhoneBlockedDataArgs = { phoneNumber: numbers[selected].phoneNumber }\n            fetchBlockDetails({ variables: vars })\n        }\n    }, [numbers, selected])\n\n    useEffect(() => {\n        if (successSend) {\n            setSuccessSend(false)\n        }\n    }, [selected])\n\n    const setBlockItem = (i: number, isBlocked: boolean) => {\n        const newItems = [...currentItem]\n        newItems[i] = { ...newItems[i], isBlocked: isBlocked }\n        setCurrentItem(newItems)\n        setSuccessSend(true)\n    }\n\n    const [pushPhoneNumberBlockData, { loading: loadingSubmit }] = useMutation<Mutation>(UPDATE_PHONE_BLOCKED_DATA, {\n        onCompleted: (data) => {\n            if (data.updatePhoneBlockData) {\n                setSuccessSend(true)\n                enqueueSnackbar(t('notification.sendSuccess'), {\n                    variant: 'success',\n                })\n            }\n        },\n    })\n\n    const submitData = () => {\n        const blocked: string[] = []\n        const passable: string[] = []\n        for (let i = 0; i < currentItem.length; i++) {\n            if (currentItem[i].isBlocked) {\n                blocked.push(currentItem[i].number)\n            } else {\n                passable.push(currentItem[i].number)\n            }\n        }\n        const vars: MutationUpdatePhoneBlockDataArgs = {\n            input: {\n                phoneNumber: numbers[selected].phoneNumber,\n                blocked: blocked,\n                passable: passable,\n            },\n        }\n        pushPhoneNumberBlockData({ variables: vars })\n    }\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.PhoneNumberBlockEdit, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <>\n                <Typography variant=\"h1\" style={{ marginBottom: 40 }}>\n                    {t('pages.phoneNumberBlockEdit.title')}\n                </Typography>\n                <FieldWrapper text={''}>\n                    <Grid container spacing={6} justify=\"center\" alignItems=\"center\">\n                        <Grid item xs={12}>\n                            <Typography variant=\"body1\">{t('pages.phoneNumberBlockEdit.info1')}</Typography>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Typography variant=\"body1\">{t('pages.phoneNumberBlockEdit.info2')}</Typography>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Box className={classes.customDrop}>\n                                <Dropdown\n                                    id={'phoneNumbers'}\n                                    disabled={numbers.length === 0}\n                                    focused={undefined}\n                                    label={t('numberLock.telNumber')}\n                                    options={numbers.length > 0 ? dropDownOpts : []}\n                                    selectedOption={numbers.length > 0 ? dropDownOpts[selected].label : ''}\n                                    handleChange={handleChange}\n                                />\n                            </Box>\n                        </Grid>\n                        {!loading && (\n                            <Grid item xs={12}>\n                                {currentItem.map((blockItem, i) => (\n                                    <Grid item key={i}>\n                                        <CheckboxComponent\n                                            disabled={blockItem.isDisabled}\n                                            checked={blockItem.isBlocked}\n                                            label={<Typography color=\"textPrimary\">{blockItem.description}</Typography>}\n                                            onSelect={() => setBlockItem(i, !blockItem.isBlocked)}\n                                        />\n                                    </Grid>\n                                ))}\n                            </Grid>\n                        )}\n                        {loading && (\n                            <Grid item xs={12} className=\"center\">\n                                <CircularProgress color=\"primary\" />\n                            </Grid>\n                        )}\n                    </Grid>\n                </FieldWrapper>\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button variant={'outlined'} color={'default'} onClick={() => history.goBack()}>\n                        {t('general.cancel')}\n                    </Button>\n\n                    <Button\n                        variant={'contained'}\n                        color={'primary'}\n                        disabled={loadingSubmit || successSend}\n                        onClick={submitData}\n                    >\n                        {!loadingSubmit && t('pages.phoneNumberBlockEdit.submit')}\n                        {loadingSubmit && t('pages.phoneNumberBlockEdit.submitLoading')}\n                    </Button>\n                </Box>\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default PhoneNumberBlockEdit\n","import ErrorBox from './ErrorBox'\n\nexport default ErrorBox\n","import { Box, List, ListItem, ListItemIcon, ListItemText, ListSubheader, Typography } from '@material-ui/core'\nimport { FiberManualRecord } from '@material-ui/icons'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface ErrorBoxProps {\n    errorsTitle?: string\n    errors: string[]\n}\n\nconst ErrorBox = (props: ErrorBoxProps): JSX.Element | null => {\n    const { t } = useTranslation()\n\n    const { errors, errorsTitle } = props\n\n    if (errors.length === 0) return null\n\n    return (\n        <List className={'ErrorBox'} disablePadding {...TestIDs.GET_BASE('ERROR_BOX')}>\n            {errorsTitle && (\n                <ListSubheader className={'ErrorBoxSubheader'} component={'div'} disableGutters disableSticky>\n                    <Typography variant={'subtitle1'}>{t('error.title.' + errorsTitle)}</Typography>\n                </ListSubheader>\n            )}\n            {errors.map((error, index) => (\n                <Box marginTop={index === 0 ? 0 : 2} key={index}>\n                    <ListItem key={error + index}>\n                        <ListItemIcon>\n                            <FiberManualRecord />\n                        </ListItemIcon>\n                        <ListItemText>\n                            <Typography>{t('error.message.' + error)}</Typography>\n                        </ListItemText>\n                    </ListItem>\n                </Box>\n            ))}\n        </List>\n    )\n}\n\nexport default ErrorBox\n","import IbanInput from './IbanInput'\n\nexport default IbanInput\n","import { TextField } from '@material-ui/core'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport TestIDs from 'utils/TestIDs'\nimport { getFormattedIbanByInput } from 'utils/utils'\n\nexport interface IbanInputProps {\n    value: string\n    onChange?: (iban: string) => void\n    disabled?: boolean\n}\n\nconst IbanInput = (props: IbanInputProps): JSX.Element => {\n    const { onChange, value, disabled } = props\n    const { t } = useTranslation()\n    const iban = getFormattedIbanByInput(value)\n    //const [iban, setIban] = React.useState<string>(getFormattedIbanByInput(value))\n\n    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        const ibanInput = event.target.value\n        const newIban = getFormattedIbanByInput(ibanInput)\n        if (onChange) onChange(newIban)\n    }\n\n    return (\n        <TextField\n            fullWidth={true}\n            disabled={disabled === true ? true : false}\n            onChange={handleOnChange}\n            value={iban}\n            label={t('formLabels.iban')}\n            variant={'filled'}\n            {...TestIDs.GET_EDITABLE_BILLING_BANK_DATA('IBAN')}\n        />\n    )\n}\n\nexport default IbanInput\n","export type Maybe<T> = T | null\nexport type Exact<T extends { [key: string]: unknown }> = { [K in keyof T]: T[K] }\nexport type MakeOptional<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]?: Maybe<T[SubKey]> }\nexport type MakeMaybe<T, K extends keyof T> = Omit<T, K> & { [SubKey in K]: Maybe<T[SubKey]> }\n/** All built-in and custom scalars, mapped to their actual values */\nexport type Scalars = {\n    ID: string\n    String: string\n    Boolean: boolean\n    Int: number\n    Float: number\n    Any: any\n}\n\nexport type Address = {\n    __typename?: 'Address'\n    salutation: Scalars['String']\n    companyName: Scalars['String']\n    companyLegalForm: Scalars['String']\n    title: Scalars['String']\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    street: Scalars['String']\n    houseNumber: Scalars['String']\n    houseNumberExtension: Scalars['String']\n    zipCode: Scalars['String']\n    city: Scalars['String']\n    country: Scalars['String']\n}\n\nexport type AddressInput = {\n    salutation: Scalars['String']\n    companyName: Scalars['String']\n    companyLegalForm: Scalars['String']\n    title: Scalars['String']\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    street: Scalars['String']\n    houseNumber: Scalars['String']\n    houseNumberExtension: Scalars['String']\n    zipCode: Scalars['String']\n    city: Scalars['String']\n    country: Scalars['String']\n}\n\nexport type AddressUpdateResponse = {\n    __typename?: 'AddressUpdateResponse'\n    Success: Scalars['Boolean']\n    AddressKind: Scalars['String']\n}\n\nexport type BankData = {\n    __typename?: 'BankData'\n    currentID: Scalars['String']\n    accountHolder: Scalars['String']\n    isTransfer: Scalars['Boolean']\n    iban: Scalars['String']\n    bic: Scalars['String']\n    creditorID: Scalars['String']\n    Mandatsreferenz: Scalars['String']\n}\n\nexport type BankDataInput = {\n    accountHolder: Scalars['String']\n    accountNumber: Scalars['String']\n    bankCode: Scalars['String']\n    iban: Scalars['String']\n}\n\nexport type BillingData = {\n    __typename?: 'BillingData'\n    address: Address\n    salutation: Scalars['String']\n    title: Scalars['String']\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    email: Scalars['String']\n    birthdate: Scalars['String']\n    telephone: Scalars['String']\n    mobile: Scalars['String']\n}\n\nexport type BillingDataInput = {\n    address: AddressInput\n    salutation: Scalars['String']\n    title?: Maybe<Scalars['String']>\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    email: Scalars['String']\n    birthdate: Scalars['String']\n    telephone: Scalars['String']\n    mobile: Scalars['String']\n}\n\nexport type ContactFormInput = {\n    subjectOption: Scalars['String']\n    message: Scalars['String']\n    email: Scalars['String']\n    username: Scalars['String']\n    customerID: Scalars['String']\n}\n\nexport type Contract = {\n    __typename?: 'Contract'\n    name: Scalars['String']\n    status: Scalars['String']\n    contractNumber: Scalars['String']\n    contractStart: Scalars['String']\n    paymentFrequency: Scalars['String']\n    products?: Maybe<Array<Maybe<ContractProducts>>>\n}\n\nexport type ContractData = {\n    __typename?: 'ContractData'\n    contractID: Scalars['String']\n    contractStart: Scalars['String']\n    contractEnd: Scalars['String']\n    possibleContractEnd: Scalars['String']\n    lastDateForCancellation: Scalars['String']\n}\n\nexport type ContractMetaData = {\n    __typename?: 'ContractMetaData'\n    activeContractIDs: Array<Scalars['String']>\n    activeContracts: Array<ContractData>\n    evn?: Maybe<Array<Evn>>\n    sendInvoice: Array<ContractSendInvoice>\n    phoneData: Array<PhoneResource>\n}\n\nexport type ContractOption = {\n    __typename?: 'ContractOption'\n    status: Scalars['String']\n    name: Scalars['String']\n    contractNumber: Scalars['String']\n    contractStart: Scalars['String']\n    paymentFrequency: Scalars['String']\n}\n\nexport type ContractOverview = {\n    __typename?: 'ContractOverview'\n    contractID: Scalars['String']\n    datasheetLink: Scalars['String']\n    inet?: Maybe<Package>\n    tv?: Maybe<Package>\n    phone?: Maybe<Package>\n}\n\nexport type ContractProducts = {\n    __typename?: 'ContractProducts'\n    status: Scalars['String']\n    name: Scalars['String']\n    contractNumber: Scalars['String']\n    contractStart: Scalars['String']\n    paymentFrequency: Scalars['String']\n    options?: Maybe<Array<Maybe<ContractOption>>>\n}\n\nexport type ContractSendInvoice = {\n    __typename?: 'ContractSendInvoice'\n    contractID: Scalars['String']\n    sendInvoicePostal: Scalars['Boolean']\n    sendInvoiceKupo: Scalars['Boolean']\n}\n\nexport type ContractTermination = {\n    __typename?: 'ContractTermination'\n    terminationReasons: TerminationReason\n    terminations: Array<Termination>\n}\n\nexport type ContractTerminationInput = {\n    contractID: Scalars['String']\n    targetEnd: Scalars['String']\n    kind: Scalars['String']\n    reason: Scalars['String']\n    sendDate: Scalars['Int']\n    email: Scalars['String']\n    usernameFull: Scalars['String']\n    articleDescription: Scalars['String']\n    txt: Array<Scalars['String']>\n}\n\nexport type CreateTicketInput = {\n    title: Scalars['String']\n    message: Scalars['String']\n    topic: Scalars['String']\n}\n\nexport type CustomPropsInput = {\n    specifier: Scalars['String']\n    value: Scalars['Any']\n}\n\nexport type Doc = {\n    __typename?: 'Doc'\n    bucket: Scalars['String']\n    contractID: Scalars['String']\n    customerID: Scalars['String']\n    docType: Scalars['String']\n    path: Scalars['String']\n    s3Host: Scalars['String']\n    invoiceTarget: Scalars['String']\n    docID: Scalars['String']\n    displayName: Scalars['String']\n    downloadName: Scalars['String']\n    targetPeriodId: Scalars['String']\n}\n\nexport type ErrorConfig = {\n    __typename?: 'ErrorConfig'\n    title: Scalars['String']\n    content: Scalars['String']\n    messages?: Maybe<Array<Scalars['String']>>\n    btnLabel: Scalars['String']\n}\n\nexport type Evn = {\n    __typename?: 'Evn'\n    contractID: Scalars['String']\n    value: Scalars['String']\n}\n\nexport type FaqCategory = {\n    __typename?: 'FAQCategory'\n    id: Scalars['ID']\n    category: Scalars['String']\n    questions: Array<FaqEntry>\n}\n\nexport type FaqEntry = {\n    __typename?: 'FAQEntry'\n    id: Scalars['ID']\n    question: Scalars['String']\n    answer: Scalars['String']\n    showOnOverview: Scalars['Boolean']\n}\n\nexport type InetSpeed = {\n    __typename?: 'InetSpeed'\n    DownMin: Scalars['String']\n    DownStd: Scalars['String']\n    DownMax: Scalars['String']\n    UpMin: Scalars['String']\n    UpStd: Scalars['String']\n    UpMax: Scalars['String']\n}\n\nexport type Invoice = {\n    __typename?: 'Invoice'\n    date: Scalars['String']\n    id: Scalars['ID']\n    name: Scalars['String']\n    billingPeriod: Scalars['String']\n    downloadURL: Scalars['String']\n    price: Scalars['Float']\n}\n\nexport type InvoiceChangeEmail = {\n    content: Scalars['String']\n}\n\nexport type IsValidRequest = {\n    customerID: Scalars['String']\n    key: Scalars['String']\n}\n\nexport type IsValidResponse = {\n    __typename?: 'IsValidResponse'\n    isValid: Scalars['Boolean']\n    isExipired: Scalars['Boolean']\n}\n\nexport type Loadstate = {\n    __typename?: 'Loadstate'\n    loading: Scalars['Boolean']\n    errors: Array<Scalars['String']>\n}\n\nexport type LoggedUser = {\n    __typename?: 'LoggedUser'\n    id: Scalars['ID']\n    email: Scalars['String']\n    username: Scalars['String']\n    roles: Array<Scalars['String']>\n}\n\nexport type Mutation = {\n    __typename?: 'Mutation'\n    createTicket: Scalars['Boolean']\n    updateUser: Scalars['Boolean']\n    updateCustomerPayment: Scalars['Boolean']\n    updateCustomerAddress: AddressUpdateResponse\n    updateLoginEmail: Scalars['Boolean']\n    updateLoginPW: Scalars['Boolean']\n    validateRegistration: Scalars['Boolean']\n    reactivateRegistration: Scalars['Boolean']\n    deleteCustomerAddress: Scalars['Boolean']\n    patchCustomerProps: Scalars['Boolean']\n    sendPostalChangeJob: Scalars['Boolean']\n    sendContractTermination: Scalars['Boolean']\n    sendContractTerminationMailAgain: Scalars['Boolean']\n    updatePhoneResource: Scalars['Boolean']\n    setPhoneBookEntry: Scalars['Boolean']\n    sendContactForm: Scalars['Boolean']\n    updatePhoneBlockData: Scalars['Boolean']\n}\n\nexport type MutationCreateTicketArgs = {\n    input: CreateTicketInput\n}\n\nexport type MutationUpdateUserArgs = {\n    input: UserInput\n}\n\nexport type MutationUpdateCustomerPaymentArgs = {\n    bankData: PaymentInfoInput\n    paymentID: Scalars['String']\n}\n\nexport type MutationUpdateCustomerAddressArgs = {\n    input: AddressInput\n    kind: Scalars['String']\n}\n\nexport type MutationUpdateLoginEmailArgs = {\n    email: Scalars['String']\n}\n\nexport type MutationValidateRegistrationArgs = {\n    customerID: Scalars['String']\n    registrationKey: Scalars['String']\n    pw: Scalars['String']\n}\n\nexport type MutationReactivateRegistrationArgs = {\n    customerID: Scalars['String']\n}\n\nexport type MutationDeleteCustomerAddressArgs = {\n    kind: Scalars['String']\n}\n\nexport type MutationPatchCustomerPropsArgs = {\n    input: Array<CustomPropsInput>\n}\n\nexport type MutationSendPostalChangeJobArgs = {\n    input: PostalChangeInput\n}\n\nexport type MutationSendContractTerminationArgs = {\n    input: ContractTerminationInput\n}\n\nexport type MutationSendContractTerminationMailAgainArgs = {\n    input: ContractTerminationInput\n}\n\nexport type MutationUpdatePhoneResourceArgs = {\n    input: PhoneResourceInput\n}\n\nexport type MutationSetPhoneBookEntryArgs = {\n    input: PhoneBookEntryInput\n}\n\nexport type MutationSendContactFormArgs = {\n    input: ContactFormInput\n}\n\nexport type MutationUpdatePhoneBlockDataArgs = {\n    input: PhoneBlockedDataInput\n}\n\nexport type OrderStatus = {\n    __typename?: 'OrderStatus'\n    title: Scalars['String']\n    status: OrderStatusEnum\n    details: Scalars['String']\n}\n\nexport enum OrderStatusEnum {\n    ERROR = 'ERROR',\n    NEW = 'NEW',\n    IN_PROGRESS = 'IN_PROGRESS',\n    DONE = 'DONE',\n    WARN = 'WARN',\n}\n\nexport type OrderStatusInput = {\n    contractID: Scalars['ID']\n}\n\nexport type Package = {\n    __typename?: 'Package'\n    periodStart: Scalars['String']\n    periodEnd: Scalars['String']\n    earliestCancellationDate: Scalars['String']\n    serviceDescription: Scalars['String']\n    baseTypeID: Scalars['Int']\n    baseTypeName: Scalars['String']\n    Products: Array<Product>\n    Hardware: Array<Product>\n}\n\nexport type PaymentInfoInput = {\n    iban: Scalars['String']\n    bic: Scalars['String']\n    accountHolder: Scalars['String']\n}\n\nexport type PhoneBlockedData = {\n    __typename?: 'PhoneBlockedData'\n    number: Scalars['String']\n    isDisabled: Scalars['Boolean']\n    isBlocked: Scalars['Boolean']\n    description: Scalars['String']\n    locks: Array<Scalars['String']>\n}\n\nexport type PhoneBlockedDataInput = {\n    phoneNumber: Scalars['String']\n    passable: Array<Scalars['String']>\n    blocked: Array<Scalars['String']>\n}\n\nexport type PhoneBookEntry = {\n    __typename?: 'PhoneBookEntry'\n    phoneNumber: Scalars['String']\n    electronic: Scalars['Boolean']\n    infoService: Scalars['Boolean']\n    inverse: Scalars['Boolean']\n    printedParticipantDir: Scalars['Boolean']\n    withAddr: Scalars['Boolean']\n}\n\nexport type PhoneBookEntryInput = {\n    phoneNumber: Scalars['String']\n    electronic: Scalars['Boolean']\n    infoService: Scalars['Boolean']\n    inverse: Scalars['Boolean']\n    printedParticipantDir: Scalars['Boolean']\n    withAddr: Scalars['Boolean']\n}\n\nexport type PhoneResource = {\n    __typename?: 'PhoneResource'\n    id: Scalars['Int']\n    typeID: Scalars['Int']\n    cos: Scalars['String']\n    clir: Scalars['String']\n    phoneNumber: Scalars['String']\n}\n\nexport type PhoneResourceInput = {\n    id: Scalars['Int']\n    typeID: Scalars['Int']\n    cos?: Maybe<Scalars['String']>\n    clir?: Maybe<Scalars['String']>\n}\n\nexport type PostalChangeInput = {\n    email?: Maybe<Scalars['Boolean']>\n    mail?: Maybe<Scalars['Boolean']>\n    optInTextEmail: Scalars['String']\n    optInTextMail: Scalars['String']\n    contractID: Scalars['String']\n}\n\nexport type Product = {\n    __typename?: 'Product'\n    name: Scalars['String']\n    articleNumber: Scalars['String']\n    monthlyPrice: Scalars['Float']\n    Options?: Maybe<Array<Product>>\n    phoneNumbers?: Maybe<Array<Scalars['String']>>\n    inetSpeeds?: Maybe<InetSpeed>\n}\n\nexport type Query = {\n    __typename?: 'Query'\n    getOrderStatus: Array<OrderStatus>\n    getSystemsStatuses: Array<StatusIndicator>\n    getFAQs: Array<FaqCategory>\n    getUserData: User\n    getContracts: Array<Contract>\n    getCustomerAddresses: Array<Address>\n    searchDocs: Array<Doc>\n    getSumForBills: Array<SumBill>\n    checkLink: IsValidResponse\n    requestUsername?: Maybe<Scalars['Boolean']>\n    getContractOverview: ContractOverview\n    getContractsTermination: ContractTermination\n    getContractMetaData: ContractMetaData\n    getPhoneResources: Array<PhoneResource>\n    getPhoneBookEntry: PhoneBookEntry\n    getPhoneBlockedData: Array<PhoneBlockedData>\n}\n\nexport type QueryGetOrderStatusArgs = {\n    input: OrderStatusInput\n}\n\nexport type QuerySearchDocsArgs = {\n    docType: Array<Scalars['String']>\n}\n\nexport type QueryGetSumForBillsArgs = {\n    periodIDs: Array<Scalars['String']>\n}\n\nexport type QueryCheckLinkArgs = {\n    input: IsValidRequest\n}\n\nexport type QueryRequestUsernameArgs = {\n    email: Scalars['String']\n}\n\nexport type QueryGetContractOverviewArgs = {\n    contractID: Scalars['String']\n}\n\nexport type QueryGetPhoneResourcesArgs = {\n    contractID: Scalars['String']\n}\n\nexport type QueryGetPhoneBookEntryArgs = {\n    phoneNumber: Scalars['String']\n}\n\nexport type QueryGetPhoneBlockedDataArgs = {\n    phoneNumber: Scalars['String']\n}\n\nexport type RegisterUser = {\n    ID: Scalars['String']\n    salutation: Scalars['String']\n    title: Scalars['String']\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    email: Scalars['String']\n    birthdate: Scalars['String']\n    telephone: Scalars['String']\n    mobile: Scalars['String']\n    newsletterEmail: Scalars['String']\n    offers: Scalars['Boolean']\n    tips: Scalars['Boolean']\n    contactAddress: AddressInput\n    password: Scalars['String']\n}\n\nexport type StatusIndicator = {\n    __typename?: 'StatusIndicator'\n    system: Scalars['String']\n    status: Scalars['Boolean']\n    errorMessage: Scalars['String']\n}\n\nexport type SumBill = {\n    __typename?: 'SumBill'\n    docID: Scalars['String']\n    sumTotal: SumTotal\n}\n\nexport type SumTotal = {\n    __typename?: 'SumTotal'\n    netto: Scalars['Float']\n    containedVat: Scalars['Float']\n    brutto: Scalars['Float']\n}\n\nexport type Termination = {\n    __typename?: 'Termination'\n    contractID: Scalars['String']\n    articleDescription: Scalars['String']\n    targetEnd: Scalars['String']\n}\n\nexport type TerminationReason = {\n    __typename?: 'TerminationReason'\n    terminationForConvenience: Array<Scalars['String']>\n    terminationForCause: Array<Scalars['String']>\n}\n\nexport type TipsTricks = {\n    __typename?: 'TipsTricks'\n    id: Scalars['ID']\n    title: Scalars['String']\n    showOnOverview: Scalars['Boolean']\n    content: Scalars['String']\n}\n\nexport type User = {\n    __typename?: 'User'\n    customerID: Scalars['String']\n    salutation: Scalars['String']\n    title: Scalars['String']\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    company: Scalars['String']\n    companyLegalForm: Scalars['String']\n    email: Scalars['String']\n    birthdate: Scalars['String']\n    telephone: Scalars['String']\n    mobile: Scalars['String']\n    newsletterEmail: Scalars['String']\n    twoFA: Scalars['Boolean']\n    offers: Scalars['Boolean']\n    tips: Scalars['Boolean']\n    connectionAddress: Address\n    billingAddress: Address\n    deliveryAddress: Address\n    accountHolderAddress: Address\n    bankData: BankData\n    contractMetaData: ContractMetaData\n    isCATVCustomer: Scalars['Boolean']\n    catvData: Scalars['String']\n}\n\nexport type UserInput = {\n    id: Scalars['ID']\n    customerNumber: Scalars['String']\n    salutation: Scalars['String']\n    title: Scalars['String']\n    firstName: Scalars['String']\n    lastName: Scalars['String']\n    email: Scalars['String']\n    birthdate: Scalars['String']\n    telephone: Scalars['String']\n    mobile: Scalars['String']\n    newsletterEmail: Scalars['String']\n    twoFA: Scalars['Boolean']\n    password: Scalars['String']\n    contactAddress: AddressInput\n    connectionAddress: AddressInput\n    oneTimePassword: Scalars['String']\n    registered: Scalars['Boolean']\n    username: Scalars['String']\n    securityAnswer: Scalars['String']\n    securityQuestion: Scalars['String']\n    offers: Scalars['Boolean']\n    tips: Scalars['Boolean']\n    bankData: BankDataInput\n    billingData: BillingDataInput\n}\n","import useEditState from './useEditState'\n\nexport default useEditState\n","import { ErrorBoxProps } from 'components/ErrorBox/ErrorBox'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { User } from 'graphql/types'\nimport { History } from 'history'\nimport _ from 'lodash'\nimport { useSnackbar } from 'notistack'\nimport { Dispatch, SetStateAction, useCallback, useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { Customize } from 'utils/customize/customize'\nimport { dataHasErrors, editField } from './EditStateFuncs'\n\ninterface EditState {\n    user: User\n    userCopy: User\n    history: History<unknown>\n    searchTerms: SearchOption[]\n    loading: boolean\n    saveUserData: (data: User) => void\n    setUserCopy: Dispatch<SetStateAction<User>>\n    validation: ErrorBoxProps\n    setValidation: Dispatch<SetStateAction<ErrorBoxProps>>\n    setUserCopyPartial: (u: Partial<User>) => void\n    touched: boolean\n    setTouched: Dispatch<SetStateAction<boolean>>\n    setUser: (payload: User) => void\n    savePressed: boolean\n    setSavePressed: Dispatch<SetStateAction<boolean>>\n    customize: Customize | undefined\n}\n\nconst useEditState = (editComponent: editField): EditState => {\n    const history = useHistory()\n    const { user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        customize: appState.generalState.customize,\n        searchTerms: appState.generalState.searchTerms,\n    }))\n    const { enqueueSnackbar } = useSnackbar()\n    const { t } = useTranslation()\n    const [savePressed, setSavePressed] = useState(false)\n    const [userCopy, setUserCopy] = useState<User>(user ?? ({} as User))\n    const [touched, setTouched] = useState(false)\n    const [validation, setValidation] = useState<ErrorBoxProps>({ errors: [], errorsTitle: undefined })\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n    const setUser = useCallback(\n        (payload: User) => {\n            dispatch({ type: GeneralStateAction.SET_USER, payload })\n        },\n        [dispatch],\n    )\n\n    const saveUserData = (data: User): void => {\n        enqueueSnackbar(t('notification.saveSuccess'), {\n            variant: 'success',\n        })\n        setUser(data)\n        setTouched(false)\n    }\n\n    const setUserCopyPartial = (u: Partial<User>): void => {\n        setUserCopy({ ...userCopy, ...u })\n    }\n    useEffect(() => {\n        if (userCopy && user && savePressed) {\n            const { status, errors } = dataHasErrors(userCopy, editComponent)\n            if (!status || errors.length > 0) {\n                setValidation({\n                    errorsTitle: 'registrationPersonalData',\n                    errors: status ? errors : [...errors, 'missing_data'],\n                })\n            } else {\n                setValidation({\n                    errorsTitle: undefined,\n                    errors: [],\n                })\n            }\n        }\n\n        if (user === undefined || userCopy === undefined) {\n            history.replace('/')\n        }\n    }, [userCopy, savePressed])\n\n    useEffect(() => {\n        if (touched === false) {\n            if (!_.isEqual(user, userCopy)) {\n                setTouched(true)\n            }\n        }\n    }, [userCopy, user])\n\n    return {\n        user: user ?? ({} as User),\n        userCopy,\n        history,\n        searchTerms,\n        loading: false,\n        saveUserData,\n        setUserCopy,\n        validation,\n        setUserCopyPartial,\n        setValidation,\n        touched,\n        setTouched,\n        setUser,\n        savePressed,\n        setSavePressed,\n        customize,\n    }\n}\n\nexport default useEditState\n","import { gql } from '@apollo/client'\n\nexport const SEND_POSTAL_CHANGE_JOB = gql`\n    mutation sendPostalChangeJob($input: PostalChangeInput!) {\n        sendPostalChangeJob(input: $input)\n    }\n`\n","import { gql } from '@apollo/client'\n\nexport const GET_CONTRACT_METADATA = gql`\n    query GetContractMetaData {\n        getContractMetaData {\n            activeContractIDs\n            evn {\n                contractID\n                value\n            }\n            sendInvoice {\n                contractID\n                sendInvoicePostal\n                sendInvoiceKupo\n            }\n            activeContracts {\n                contractID\n                contractStart\n                contractEnd\n                possibleContractEnd\n                lastDateForCancellation\n            }\n            phoneData {\n                id\n                typeID\n                cos\n                clir\n                phoneNumber\n            }\n        }\n    }\n`\n","import { useLazyQuery, useMutation } from '@apollo/client'\nimport {\n    Box,\n    Button,\n    Checkbox,\n    createStyles,\n    Fade,\n    FormControl,\n    FormControlLabel,\n    FormGroup,\n    Grid,\n    makeStyles,\n    Typography,\n    useTheme,\n} from '@material-ui/core'\nimport Dropdown from 'components/Dropdown'\nimport FieldWrapper from 'components/FieldWrapper'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport { SEND_POSTAL_CHANGE_JOB } from 'graphql/mutations/SendPostalChangeJob'\nimport { GET_CONTRACT_METADATA } from 'graphql/queries/GetContractMetaData'\nimport { Mutation, MutationSendPostalChangeJobArgs, Query, User } from 'graphql/types'\nimport { useSnackbar } from 'notistack'\nimport React, { Dispatch, useCallback, useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nconst useStyles = makeStyles(() =>\n    createStyles({\n        root: {\n            display: 'flex',\n        },\n    }),\n)\n\nconst ChangeInvoice = (): JSX.Element => {\n    //hooks\n    const classes = useStyles()\n    const { enqueueSnackbar } = useSnackbar()\n    const history = useHistory()\n    const { t } = useTranslation()\n    const theme = useTheme()\n\n    //state\n    const [selectedContractIndex, setSelectedContractIndex] = useState(0)\n    const [success, setSuccess] = useState(false)\n    const [state, setState] = useState({\n        email: false,\n        post: false,\n    })\n    //destructure due to the checkbox element functionality\n    const { email, post } = state\n\n    //reducer actions\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n    const { user, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        customize: appState.generalState.customize,\n    }))\n\n    const setUser = useCallback(\n        (payload: User) => {\n            dispatch({ type: GeneralStateAction.SET_USER, payload })\n        },\n        [dispatch],\n    )\n\n    //gql\n    const [postJob, { loading }] = useMutation<Mutation>(SEND_POSTAL_CHANGE_JOB, {\n        onCompleted: (data) => {\n            if (data.sendPostalChangeJob === false) {\n                // handleError\n                enqueueSnackbar(t('notification.sendFailed'), { variant: 'error' })\n            } else {\n                enqueueSnackbar(t('notification.sendSuccess'), { variant: 'success' })\n                setSuccess(true)\n            }\n        },\n    })\n\n    const [fetchContractMetaData, { loading: loadingMetaData }] = useLazyQuery<Query>(GET_CONTRACT_METADATA, {\n        fetchPolicy: 'no-cache',\n        onCompleted: (data) => {\n            if (user && data.getContractMetaData) {\n                setUser({ ...user, contractMetaData: data.getContractMetaData })\n            }\n        },\n    })\n\n    // const postJobMock = (variables: any) => {\n    //     console.log('Mock postJob called with variables:', variables)\n    //     setSuccess(true)\n    //     enqueueSnackbar(t('notification.sendSuccess'), { variant: 'success' })\n    //     return Promise.resolve({ data: 'Mock response data' })\n    // }\n\n    // const handleSubmitMock = (): void => {\n    //     const selectedContract = user?.contractMetaData.sendInvoice[selectedContractIndex]\n    //     if (selectedContract) {\n    //         const vars = {\n    //             input: {\n    //                 optInTextEmail: '',\n    //                 optInTextMail: '',\n    //                 contractID: selectedContract.contractID,\n    //                 email: true,\n    //                 mail: false,\n    //             },\n    //         }\n\n    //         if (selectedContract.sendInvoiceKupo !== state.email) {\n    //             vars.input.email = state.email\n    //         }\n    //         if (selectedContract.sendInvoicePostal !== state.post) {\n    //             vars.input.mail = state.post\n    //             vars.input.optInTextMail = state.post ? 'Mocked add postal text' : 'Mocked remove postal text'\n    //         }\n\n    //         if (vars.input.mail !== undefined || vars.input.email !== undefined) {\n    //             postJobMock({ variables: vars })\n    //         }\n    //     } else {\n    //         console.log('wrong contract selected')\n    //     }\n    // }\n\n    //funcs\n    const handleSubmit = (): void => {\n        const selectedContract = user?.contractMetaData.sendInvoice[selectedContractIndex]\n        if (selectedContract) {\n            const vars: MutationSendPostalChangeJobArgs = {\n                input: {\n                    optInTextEmail: '',\n                    optInTextMail: '',\n                    contractID: selectedContract.contractID,\n                },\n            }\n            //check if there is a change to send be send\n            if (selectedContract.sendInvoiceKupo !== state.email) {\n                vars.input.email = state.email\n            }\n            if (selectedContract.sendInvoicePostal !== state.post) {\n                vars.input.mail = state.post\n                vars.input.optInTextMail = state.post\n                    ? t('pages.changeInvoice.addPostal')\n                    : t('pages.changeInvoice.removePostal')\n            }\n\n            // check if there is something to post\n            // sending only if there was an actual change to the current state on the CRM\n            if (vars.input.mail !== undefined || vars.input.email !== undefined) {\n                postJob({ variables: vars })\n            }\n        } else {\n            console.log('wrong contract selected')\n        }\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        setState({ ...state, [event.target.name]: event.target.checked })\n        setSuccess(false)\n    }\n\n    // side effects\n\n    useEffect(() => {\n        if (user && user.contractMetaData.sendInvoice.length > 0) {\n            const invoicePostal = user.contractMetaData.sendInvoice[selectedContractIndex].sendInvoicePostal\n            const invoiceEmail = user.contractMetaData.sendInvoice[selectedContractIndex].sendInvoiceKupo\n            setState({ email: invoiceEmail, post: invoicePostal })\n        }\n    }, [user, selectedContractIndex, setState])\n\n    useEffect(() => {\n        // reload the metaData since we don't know if the user was here already\n        // the data is updated ASYNC on the CRM side so when the user re navigates to this site if his previous change was there we need to check if it gone through already\n        fetchContractMetaData()\n    }, [])\n\n    if (!user || Object.keys(user ?? {}).length === 0) {\n        history.replace('/')\n        return <></>\n    }\n\n    return (\n        <>\n            <Box marginBottom={5} marginTop={10}>\n                <Typography variant={'h2'}>{t('pages.changeInvoice.title')}</Typography>\n            </Box>\n\n            {loadingMetaData && <LoadingSpinner loading={loadingMetaData} />}\n\n            <FieldWrapper text={''}>\n                <>\n                    {!loadingMetaData && (\n                        <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                            <Grid item xs={12}>\n                                <Dropdown\n                                    id={'invoiceContracts'}\n                                    disabled={false}\n                                    focused={undefined}\n                                    label={t('formLabels.contractID')}\n                                    options={user?.contractMetaData.sendInvoice.map((c, index) => ({\n                                        label: c.contractID,\n                                        value: index,\n                                    }))}\n                                    selectedOption={selectedContractIndex}\n                                    handleChange={(e) => {\n                                        const index = e.target.value as number\n                                        setSelectedContractIndex(index)\n                                        setSuccess(false)\n                                    }}\n                                />\n                            </Grid>\n                            <Grid item xs={12}>\n                                <Typography variant={'body1'}>{t('pages.changeInvoice.content')}</Typography>\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <div className={classes.root}>\n                                    <FormControl required component=\"fieldset\">\n                                        <FormGroup>\n                                            {customize?.invoice.enableMail && (\n                                                <FormControlLabel\n                                                    control={\n                                                        <Checkbox\n                                                            checked={email}\n                                                            onChange={handleChange}\n                                                            name=\"email\"\n                                                            style={{ color: colors.midDarkerGray }}\n                                                        />\n                                                    }\n                                                    label={t('pages.changeInvoice.mailText')}\n                                                />\n                                            )}\n\n                                            {customize?.invoice.enableMail && (\n                                                <Typography variant=\"caption\" style={{ paddingLeft: 32 }}>\n                                                    {t('pages.changeInvoice.mailInfo')}\n                                                </Typography>\n                                            )}\n                                            {customize?.invoice.enablePost && (\n                                                <FormControlLabel\n                                                    control={\n                                                        <Checkbox\n                                                            checked={post}\n                                                            onChange={handleChange}\n                                                            name=\"post\"\n                                                            style={{ color: colors.midDarkerGray }}\n                                                        />\n                                                    }\n                                                    label={t('pages.changeInvoice.postText')}\n                                                />\n                                            )}\n\n                                            {customize?.invoice.enablePost && (\n                                                <Typography variant=\"caption\" style={{ paddingLeft: 32 }}>\n                                                    {t('pages.changeInvoice.postInfo', {\n                                                        amount: customize?.invoice.invoicePostCost,\n                                                    })}\n                                                </Typography>\n                                            )}\n                                        </FormGroup>\n                                    </FormControl>\n                                </div>\n                            </Grid>\n                        </Grid>\n                    )}\n                </>\n            </FieldWrapper>\n            <Fade in={success} timeout={1000}>\n                <Box style={{ padding: 15 }}>\n                    <Typography variant={'body1'}>{t('pages.changeInvoice.thanks')}</Typography>\n                </Box>\n            </Fade>\n\n            <Box marginTop={5} display={'flex'} flexDirection={{ xs: 'column', md: 'row' }} justifyContent={'flex-end'}>\n                <Button\n                    variant={'contained'}\n                    color={'primary'}\n                    {...TestIDs.GET_NEW_SEPA('SUBMIT_BUTTON')}\n                    onClick={handleSubmit}\n                    disabled={(user === undefined ? true : false) || loading || success}\n                >\n                    {t('pages.changeInvoice.btn')}\n                </Button>\n            </Box>\n        </>\n    )\n}\n\nexport default ChangeInvoice\n","import { Box, Button, Fade, Grid, TextField, Typography, useTheme } from '@material-ui/core'\nimport ErrorBox from 'components/ErrorBox'\nimport FieldWrapper from 'components/FieldWrapper'\nimport IbanInput from 'components/IbanInput'\nimport ViewWrapper from 'components/ViewWrapper'\nimport useEditState from 'hooks/useEditState'\nimport { editField } from 'hooks/useEditState/EditStateFuncs'\nimport ChangeInvoice from 'pages/ChangeInvoice/ChangeInvoice'\nimport { useTranslation } from 'react-i18next'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst BankDataEdit = (): JSX.Element => {\n    const { userCopy, history, searchTerms, user, validation, touched, customize } = useEditState(editField.bankData)\n\n    if (!user || Object.keys(user ?? {}).length === 0) {\n        history.replace('/')\n        return <></>\n    }\n    // const addressKind = 'BILLING'\n    //const [addressKind, setAddressKind] = useState<string>('DEFAULT')\n    const { t } = useTranslation()\n    const theme = useTheme()\n    // show diffrent accountholder when there one\n    // else use billing / location addresse\n    //let addressToUse = userCopy.billingAddress\n\n    //if (addressIsFilled(userCopy.accountHolderAddress)) {\n    //addressToUse = userCopy.accountHolderAddress\n    //} else if (addressIsFilled(userCopy.billingAddress)) {\n    //addressToUse = userCopy.billingAddress\n    //}\n\n    // const [displayBillingAddr, setDisplayBillingAddr] = useState(userCopy.billingAddress)\n\n    // const [postAddress, { loading }] = useMutation<Mutation>(UpdateCustomerAddress, {\n    //     onCompleted: (data) => {\n    //         if (data.updateCustomerAddress.Success === true) {\n    //             if (addressKind === 'BILLING' && user) {\n    //                 saveUserData({ ...user, billingAddress: displayBillingAddr })\n    //             }\n    //             //if (addressKind === 'ACCOUNTHOLDER' && user) {\n    //             //saveUserData({ ...user, billingAddress: displayBillingAddr })\n    //             //}\n    //         }\n    //     },\n    // })\n\n    // const handleSave = async (): Promise<void> => {\n    //     //if (addressKind === '' || addressKind === 'DEFAULT') {\n    //     //return\n    //     //}\n    //     if (checkAddress(displayBillingAddr).length === 0) {\n    //         //if (addressKind === 'BILLING' || addressKind === 'ACCOUNTHOLDER') {\n    //         if (addressKind === 'BILLING') {\n    //             const vars: MutationUpdateCustomerAddressArgs = {\n    //                 input: {\n    //                     salutation: displayBillingAddr.salutation,\n    //                     title: displayBillingAddr.title,\n    //                     firstName: displayBillingAddr.firstName,\n    //                     lastName: displayBillingAddr.lastName,\n    //                     street: displayBillingAddr.street,\n    //                     houseNumber: displayBillingAddr.houseNumber,\n    //                     zipCode: displayBillingAddr.zipCode,\n    //                     city: displayBillingAddr.city,\n    //                     country: displayBillingAddr.country,\n    //                 },\n    //                 kind: addressKind,\n    //             }\n    //             await postAddress({ variables: vars })\n    //         }\n    //     } else {\n    //         if (!savePressed) {\n    //             setSavePressed(true)\n    //         }\n    //     }\n    // }\n\n    const handleCancel = (): void => {\n        history.goBack()\n    }\n\n    // useEffect(() => {\n    //     if (touched === false) {\n    //         if (!_.isEqual(displayBillingAddr, userCopy.billingAddress)) {\n    //             setTouched(true)\n    //         }\n    //     }\n\n    //     if (savePressed) {\n    //         const errors = uniq(checkAddress(displayBillingAddr))\n\n    //         setValidation({\n    //             errorsTitle: 'registrationPersonalData',\n    //             errors: errors,\n    //         })\n    //     }\n    // }, [displayBillingAddr, savePressed])\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <>\n                <Box marginBottom={10}>\n                    <Typography variant={'h1'}>{t('pages.myData.edit.myBankData')}</Typography>\n                </Box>\n                <Box marginBottom={5}>\n                    <Typography variant={'h2'}>{t('pages.myData.edit.BankData')}</Typography>\n                </Box>\n\n                <FieldWrapper text={''}>\n                    <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                        <>\n                            <Grid item xs={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.accountHolder')}\n                                    variant={'filled'}\n                                    disabled\n                                    value={userCopy.bankData.accountHolder}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('ACCOUNT_HOLDER')}\n                                />\n                            </Grid>\n                            <Grid item xs={12}>\n                                <IbanInput\n                                    disabled={true}\n                                    value={userCopy.bankData.iban}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('IBAN')}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.BIC')}\n                                    variant={'filled'}\n                                    value={userCopy.bankData.bic}\n                                    disabled\n                                    {...TestIDs.GET_BANK_DATA_EDIT('BIC')}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.creditorID')}\n                                    variant={'filled'}\n                                    value={userCopy.bankData.creditorID}\n                                    disabled\n                                    {...TestIDs.GET_BANK_DATA_EDIT('BIC')}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.mandateRef')}\n                                    variant={'filled'}\n                                    disabled\n                                    value={userCopy.bankData.Mandatsreferenz}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('MANDATE_REF')}\n                                />\n                            </Grid>\n                        </>\n                    </Grid>\n                </FieldWrapper>\n\n                <Box style={{ display: 'flex', justifyContent: 'flex-end', paddingTop: 20 }}>\n                    <Button\n                        variant={'outlined'}\n                        onClick={() => history.push('/newSEPA')}\n                        {...TestIDs.GET_BANK_DATA_EDIT('NEW_SEPA_BUTTON')}\n                    >\n                        {t('pages.myData.edit.newSEPA')}\n                    </Button>\n                </Box>\n                {customize && customize.invoice.showChangeSending && <ChangeInvoice />}\n                <>\n                    {/* <FieldWrapper text=\"\">\n                        <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                            <Grid item xs={12} md={6}>\n                                <Dropdown\n                                    id={'salutation'}\n                                    disabled={false}\n                                    focused={undefined}\n                                    label={t('formLabels.salutation')}\n                                    options={dropdownOptionsSalutation(t)}\n                                    selectedOption={displayBillingAddr.salutation}\n                                    handleChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            salutation: e.target.value as string,\n                                        })\n                                    }}\n                                    testIdentifier={TestIDs.GET_BANK_DATA_EDIT('SALUTATION')}\n                                />\n                            </Grid>\n                            <Grid item xs={12} md={6}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.title')}\n                                    variant={'filled'}\n                                    value={displayBillingAddr.title}\n                                    inputProps={{\n                                        maxLength: 30,\n                                    }}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('TITLE')}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            title: e.currentTarget.value,\n                                        })\n                                    }}\n                                />\n                            </Grid>\n                            <Grid item xs={12} md={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.company')}\n                                    variant={'filled'}\n                                    value={displayBillingAddr.companyName}\n                                    inputProps={{\n                                        maxLength: 50,\n                                    }}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            companyName: e.currentTarget.value,\n                                        })\n                                    }}\n                                />\n                            </Grid>\n                            <Grid item xs={12} md={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.legalForm')}\n                                    variant={'filled'}\n                                    value={displayBillingAddr.companyLegalForm}\n                                    inputProps={{\n                                        maxLength: 30,\n                                    }}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            companyLegalForm: e.currentTarget.value,\n                                        })\n                                    }}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.firstName')}\n                                    variant={'filled'}\n                                    inputProps={{\n                                        maxLength: 50,\n                                    }}\n                                    value={displayBillingAddr.firstName}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('FNAME')}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            firstName: e.currentTarget.value,\n                                        })\n                                    }}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.lastName')}\n                                    variant={'filled'}\n                                    inputProps={{\n                                        maxLength: 50,\n                                    }}\n                                    value={displayBillingAddr.lastName}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('LNAME')}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            lastName: e.currentTarget.value,\n                                        })\n                                    }}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12} md={9}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.street')}\n                                    variant={'filled'}\n                                    inputProps={{\n                                        maxLength: 50,\n                                    }}\n                                    value={displayBillingAddr.street}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('SRTEET')}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({ ...displayBillingAddr, street: e.currentTarget.value })\n                                    }}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12} md={3}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.houseNumber')}\n                                    variant={'filled'}\n                                    inputProps={{\n                                        maxLength: 10,\n                                    }}\n                                    value={displayBillingAddr.houseNumber}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('HOUSE_NUMBER')}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            houseNumber: e.currentTarget.value,\n                                        })\n                                    }}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12} md={3}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.zip')}\n                                    variant={'filled'}\n                                    inputProps={{\n                                        maxLength: 5,\n                                    }}\n                                    value={displayBillingAddr.zipCode}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({ ...displayBillingAddr, zipCode: e.currentTarget.value })\n                                    }}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('ZIP')}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12} md={9}>\n                                <TextField\n                                    fullWidth={true}\n                                    label={t('formLabels.city')}\n                                    variant={'filled'}\n                                    inputProps={{\n                                        maxLength: 50,\n                                    }}\n                                    value={displayBillingAddr.city}\n                                    onChange={(e) => {\n                                        setDisplayBillingAddr({ ...displayBillingAddr, city: e.currentTarget.value })\n                                    }}\n                                    {...TestIDs.GET_BANK_DATA_EDIT('CITY')}\n                                />\n                            </Grid>\n\n                            <Grid item xs={12}>\n                                <Dropdown\n                                    id={'country'}\n                                    disabled={false}\n                                    focused={undefined}\n                                    label={t('formLabels.country')}\n                                    options={dropdownOptionsCountry(t)}\n                                    selectedOption={displayBillingAddr.country}\n                                    handleChange={(e) => {\n                                        setDisplayBillingAddr({\n                                            ...displayBillingAddr,\n                                            country: e.target.value as string,\n                                        })\n                                    }}\n                                    testIdentifier={TestIDs.GET_OTHER_ADDR_EDIT('D-COUNTRY')}\n                                />\n                            </Grid>\n                        </Grid>\n                    </FieldWrapper>\n                    */}\n                </>\n\n                <Fade in={validation.errors.length > 0} unmountOnExit={true}>\n                    <Box>\n                        <ErrorBox {...validation} />\n                    </Box>\n                </Fade>\n\n                <Box\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button\n                        variant={'outlined'}\n                        color={'default'}\n                        {...TestIDs.GET_BANK_DATA_EDIT('CANCEL_BUTTON')}\n                        onClick={handleCancel}\n                    >\n                        {touched ? t('general.cancel') : t('general.back')}\n                    </Button>\n\n                    {/* <Button\n                        variant={'contained'}\n                        color={'primary'}\n                        {...TestIDs.GET_BANK_DATA_EDIT('SUBMIT_BUTTON')}\n                        onClick={handleSave}\n                        disabled={loading || !touched || validation.errors.length > 0}\n                    >\n                        {t('general.save')}\n                        {loading ? '...' : ''}\n                    </Button> */}\n                </Box>\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default BankDataEdit\n","import gql from 'graphql-tag'\n\nexport const SEND_CONTRACT_TERMINATION = gql`\n    mutation SendContractTermination($input: ContractTerminationInput!) {\n        sendContractTermination(input: $input)\n    }\n`\n","import gql from 'graphql-tag'\n\nexport const GET_CONTRACTS_TERMINATION = gql`\n    query getContractsTermination {\n        getContractsTermination {\n            terminationReasons {\n                terminationForConvenience\n                terminationForCause\n            }\n            terminations {\n                contractID\n                targetEnd\n                articleDescription\n            }\n        }\n    }\n`\n","import gql from 'graphql-tag'\n\nexport const SEND_CONTRACT_TERMINATION_AGAIN = gql`\n    mutation SendContractTerminationMailAgain($input: ContractTerminationInput!) {\n        sendContractTerminationMailAgain(input: $input)\n    }\n`\n","export const dlDoc = async (fileName: string, bucket: string, token: string, downloadName: string): Promise<void> => {\n    const res = await fetch('/doc/' + fileName + '/' + bucket, {\n        method: 'GET',\n        credentials: 'same-origin',\n        headers: {\n            authorization: `Bearer ${token}`,\n        },\n    })\n    if (res.status === 200) {\n        const blob = await res.blob()\n        downloadBlob(downloadName, blob)\n    } else {\n        console.log(res)\n    }\n}\n\nconst downloadBlob = (fileName: string, file: Blob): void => {\n    const element = document.createElement('a')\n    element.href = URL.createObjectURL(file)\n    element.download = fileName\n    document.body.appendChild(element)\n    element.click()\n    if (element.parentElement) {\n        element.parentElement.removeChild(element)\n    }\n}\n\nexport const dlCancelContractPDF = async (token: string, downloadName: string, txt: string[]): Promise<void> => {\n    const params = txtToParams(txt)\n    const res = await fetch(`/cancelContract${params}`, {\n        method: 'GET',\n        credentials: 'same-origin',\n        headers: {\n            authorization: `Bearer ${token}`,\n        },\n    })\n    if (res.status === 200) {\n        const blob = await res.blob()\n        downloadBlob(downloadName, blob)\n    } else {\n        console.log(res)\n    }\n}\n\nconst txtToParams = (vs: string[]): string => {\n    let params = '?'\n    for (let i = 0; i < vs.length; i++) {\n        params += 'txt=' + vs[i]\n        if (i !== vs.length - 1) {\n            params += '&'\n        }\n    }\n    return params\n}\n","import { useMutation } from '@apollo/client'\nimport { Box, Button, Grid, makeStyles, Typography } from '@material-ui/core'\nimport { useKeycloak } from '@react-keycloak/web'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { format } from 'date-fns'\nimport { SEND_CONTRACT_TERMINATION_AGAIN } from 'graphql/mutations/SendContractTerminationMailAgain'\nimport { Mutation, MutationSendContractTerminationMailAgainArgs } from 'graphql/types'\nimport { useSnackbar } from 'notistack'\nimport React, { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { AppState } from 'store/store'\nimport { dlCancelContractPDF } from 'utils/dldoc'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst useStyles = makeStyles(() => ({\n    customBtn: {\n        padding: '14px 24px !important',\n        marginBottom: 10,\n    },\n}))\n\ntype CancelContractConfirmationParams = {\n    contractID: string\n    productName: string\n    date: string\n    targetEnd: string\n    kind: string\n    reason: string\n}\n\nexport const getTerminationText = (\n    kind: string,\n    /* eslint-disable */\n    t: any,\n    /* eslint-enable*/\n    name: string,\n    date: string,\n    targetEnd: string,\n    contractID: string,\n    productName: string,\n    reason: string,\n    ordinary: string[],\n    extraordinary: string[],\n): string[] => {\n    const cancelDate = format(new Date(Number(date)), 'dd.MM.yyyy')\n    const cancelTime = format(new Date(Number(date)), 'HH:mm')\n    const endDate = format(new Date(targetEnd), 'dd.MM.yyyy')\n    const it: string[] = []\n\n    const params = {\n        name: name,\n        cancelType: t('terminationType.' + kind),\n        cancelDate: cancelDate,\n        cancelTime: cancelTime,\n        targetEnd: endDate,\n        contractID: contractID,\n        productName: productName,\n        reason: reason,\n    }\n\n    if (kind === 'terminationForConvenience') {\n        for (let i = 0; i < ordinary.length; i++) {\n            it.push(t('terminationTxt.' + ordinary[i], params))\n        }\n    }\n    if (kind === 'terminationForCause') {\n        for (let i = 0; i < extraordinary.length; i++) {\n            it.push(t('terminationTxt.' + extraordinary[i], params))\n        }\n    }\n    return it\n}\n\nconst CancelContractConfirmation = (): JSX.Element => {\n    const classes = useStyles()\n    const { keycloak } = useKeycloak()\n    const { enqueueSnackbar } = useSnackbar()\n    const { t } = useTranslation()\n    const history = useHistory()\n    const params = useParams<CancelContractConfirmationParams>()\n    const { user, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        customize: appState.generalState.customize,\n    }))\n\n    const [sendMailAgain, { loading: loadingMail }] = useMutation<Mutation>(SEND_CONTRACT_TERMINATION_AGAIN, {\n        onCompleted: (data) => {\n            if (data.sendContractTerminationMailAgain) {\n                enqueueSnackbar(t('notification.sendSuccess'), {\n                    variant: 'success',\n                })\n            }\n        },\n    })\n\n    const dlDetails = (): void => {\n        if (user && txt.length > 0) {\n            const cancelDate = format(new Date(Number(params.date)), 'dd.MM.yyyy')\n            dlCancelContractPDF(\n                keycloak.token ? keycloak.token : '',\n                `Kündigungseingangsbestätigung-${decodeURIComponent(params.contractID)}-${cancelDate}.pdf`,\n                txt,\n            )\n        }\n    }\n\n    const sendMail = (): void => {\n        if (user) {\n            const vars: MutationSendContractTerminationMailAgainArgs = {\n                input: {\n                    contractID: decodeURIComponent(params.contractID),\n                    targetEnd: params.targetEnd,\n                    kind: params.kind,\n                    reason: decodeURIComponent(params.reason),\n                    sendDate: Number(params.date),\n                    email: user.email,\n                    usernameFull: user.salutation + ' ' + user.firstName + ' ' + user.lastName,\n                    articleDescription: decodeURIComponent(params.productName),\n                    txt: txt,\n                },\n            }\n            sendMailAgain({ variables: vars })\n        }\n    }\n    const txt = useMemo(() => {\n        if (user && customize) {\n            const usernameFull = user.salutation + ' ' + user.firstName + ' ' + user.lastName\n            return getTerminationText(\n                params.kind,\n                t,\n                usernameFull,\n                params.date,\n                params.targetEnd,\n                decodeURIComponent(params.contractID),\n                decodeURIComponent(params.productName),\n                decodeURIComponent(params.reason),\n                customize.cancellation.ordinary,\n                customize.cancellation.extraOrdinary,\n            )\n        }\n        return []\n    }, [params, user, t, customize])\n\n    return (\n        <ViewWrapper\n            header={getHeader(`/${t('url.dashboard')}`, history, [], customize)}\n            navigation={navigationLinks('logged-in', 'contracts')}\n        >\n            <>\n                <Typography variant={'h1'} style={{ marginBottom: 72 }}>\n                    {t('pages.cancelConfirmation.title', {\n                        contractID: decodeURIComponent(params.contractID),\n                        productName: decodeURIComponent(params.productName),\n                    })}\n                </Typography>\n                <Grid container justify=\"flex-start\" alignItems=\"center\" spacing={3}>\n                    <Grid item xs={12}>\n                        <Typography variant=\"body1\">{t('pages.cancelConfirmation.info1')}</Typography>\n                    </Grid>\n                    <Grid item xs={12}>\n                        <Typography variant=\"body1\">{t('pages.cancelConfirmation.info2')}</Typography>\n                    </Grid>\n                    <Grid item xs={12}>\n                        <Typography variant=\"body1\">{t('pages.cancelConfirmation.info3')}</Typography>\n                    </Grid>\n                    <Grid item xs={12}>\n                        <Typography variant=\"body1\" style={{ marginBottom: 36 }}>\n                            {t('pages.cancelConfirmation.info4')}\n                        </Typography>\n                    </Grid>\n                </Grid>\n                <FieldWrapper text={''}>\n                    <Grid container justify=\"center\" alignItems=\"center\" spacing={3}>\n                        {txt.map((f, i) => {\n                            return (\n                                <Grid item xs={12} key={i}>\n                                    <Typography variant=\"body1\">{f}</Typography>\n                                </Grid>\n                            )\n                        })}\n                        <Grid item xs={12}>\n                            <Typography\n                                dangerouslySetInnerHTML={{ __html: t('pages.cancelConfirmation.goodbye') }}\n                                variant=\"body1\"\n                            />\n                        </Grid>\n                    </Grid>\n                </FieldWrapper>\n                <Box\n                    marginTop={10}\n                    marginBottom={10}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button\n                        className={classes.customBtn}\n                        variant={'outlined'}\n                        color={'default'}\n                        onClick={() => {\n                            history.goBack()\n                        }}\n                    >\n                        {t('general.back')}\n                    </Button>\n\n                    <Button\n                        className={classes.customBtn}\n                        variant={'contained'}\n                        color={'primary'}\n                        onClick={sendMail}\n                        disabled={loadingMail}\n                    >\n                        {t('pages.cancelConfirmation.resendMail')}\n                    </Button>\n\n                    <Button className={classes.customBtn} variant={'contained'} color={'primary'} onClick={dlDetails}>\n                        {t('pages.cancelConfirmation.dl')}\n                    </Button>\n                </Box>\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default CancelContractConfirmation\n","import CancelContract from './CancelContract'\n\nexport default CancelContract\n","import { useMutation, useQuery } from '@apollo/client'\nimport DateFnsUtils from '@date-io/date-fns'\nimport {\n    Box,\n    Button,\n    FormControl,\n    FormControlLabel,\n    Grid,\n    Radio,\n    RadioGroup,\n    TextField,\n    Typography,\n} from '@material-ui/core'\nimport { DatePicker, MuiPickersUtilsProvider } from '@material-ui/pickers'\nimport Dropdown from 'components/Dropdown'\nimport ErrorBox from 'components/ErrorBox'\nimport FieldWrapper from 'components/FieldWrapper'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { format } from 'date-fns'\nimport { SEND_CONTRACT_TERMINATION } from 'graphql/mutations/SendContractTermination'\nimport { GET_CONTRACTS_TERMINATION } from 'graphql/queries/getContractsTermination'\nimport { ContractTermination, Mutation, MutationSendContractTerminationArgs, Query, Termination } from 'graphql/types'\nimport { getTerminationText } from 'pages/CancelContractConfirmation/CancelContractConfirmation/CancelContractConfirmation'\nimport React, { useEffect, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { AppState } from 'store/store'\nimport { DropdownOption, getHeader, navigationLinks } from 'utils/utils'\nimport deLocale from 'date-fns/locale/de'\n\ntype CancelContractParams = {\n    contractID?: string\n}\n\nconst CancelContract = (): JSX.Element => {\n    const params = useParams<CancelContractParams>()\n    const [errors, setErrors] = useState<string[]>([])\n    const [terminationType, setTerminnationType] = useState('earliestDate')\n    const [selectedContract, setSelectedContract] = useState(params.contractID ? params.contractID : '')\n    const [reason, setReason] = useState('')\n    const [userReason, setUserReason] = useState('')\n    const [contractTermination, setContractTermination] = useState<ContractTermination | null>(null)\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        setTerminnationType((event.target as HTMLInputElement).value)\n    }\n\n    const { loading: loadingData } = useQuery<Query>(GET_CONTRACTS_TERMINATION, {\n        onCompleted: (data) => {\n            if (data.getContractsTermination) {\n                setContractTermination(data.getContractsTermination)\n            }\n        },\n    })\n    const terminationToContractDropdown = (c: Termination[]): DropdownOption[] => {\n        const opts: DropdownOption[] = []\n        for (let i = 0; i < c.length; i++) {\n            const label =\n                c[i].contractID +\n                ' / ' +\n                c[i].articleDescription +\n                ' / ' +\n                format(new Date(c[i].targetEnd), 'dd.MM.yyyy')\n            opts.push({ label: label, value: c[i].contractID })\n        }\n        return opts\n    }\n\n    // hooks\n    const { t } = useTranslation()\n    const history = useHistory()\n    const options = useMemo(() => {\n        return terminationToContractDropdown(contractTermination ? contractTermination.terminations : [])\n    }, [contractTermination])\n    const { user, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        customize: appState.generalState.customize,\n    }))\n    const selectedOption = useMemo(() => {\n        return options.find((o) => o.value === selectedContract)?.value\n    }, [options, selectedContract])\n\n    const reasonstoDropDown = (vs: string[]): DropdownOption[] => {\n        const opts: DropdownOption[] = []\n        for (let i = 0; i < vs.length; i++) {\n            if (vs[i] === '') {\n                continue\n            }\n            opts.push({ label: vs[i], value: vs[i] })\n        }\n        return opts\n    }\n    const reasons: DropdownOption[] = useMemo(() => {\n        if (contractTermination) {\n            switch (terminationType) {\n                case 'earliestDate':\n                    setReason('')\n                    return reasonstoDropDown(contractTermination.terminationReasons.terminationForConvenience)\n                case 'customDate':\n                    setReason('')\n                    return reasonstoDropDown(contractTermination.terminationReasons.terminationForCause)\n                default:\n                    setReason('')\n                    return []\n            }\n        }\n        setReason('')\n        return []\n    }, [terminationType, contractTermination, setReason])\n\n    const [selectedDate, setSelectedDate] = useState<Date | null>(null)\n\n    const handleDateChange = (date: Date | null) => {\n        setSelectedDate(date)\n    }\n\n    const handleSave = (): void => {\n        if (user) {\n            const err: string[] = []\n            let kind = 'terminationForConvenience'\n            if (selectedContract === '') {\n                err.push('selectedContractEmpty')\n            }\n            if (reason === '') {\n                err.push('reasonEmpty')\n            }\n            if (reason === 'Sonstiges' && userReason === '') {\n                err.push('userReasonEmpty')\n            }\n            if (terminationType === 'customDate') {\n                kind = 'terminationForCause'\n                if (selectedDate === null) {\n                    err.push('customDateEmpty')\n                }\n            }\n            if (err.length > 0) {\n                setErrors(err)\n                return\n            } else if (err.length === 0) {\n                setErrors(err)\n            }\n\n            const contractItem = contractTermination?.terminations.find((o) => o.contractID === selectedContract)\n            let targetEnd = contractItem ? contractItem.targetEnd : ''\n            let targetReason = reason\n            if (reason === 'Sonstiges' && userReason !== '') {\n                targetReason = userReason\n            }\n            if (selectedDate) {\n                targetEnd = format(selectedDate, 'yyyy-MM-dd')\n            }\n            if (contractItem && customize) {\n                const name = user.salutation + ' ' + user.firstName + ' ' + user.lastName\n                const sendDate = new Date()\n                const txt = getTerminationText(\n                    kind,\n                    t,\n                    name,\n                    sendDate.getTime().toString(),\n                    targetEnd,\n                    contractItem.contractID,\n                    contractItem.articleDescription,\n                    reason,\n                    customize.cancellation.ordinary,\n                    customize.cancellation.extraOrdinary,\n                )\n                const vars: MutationSendContractTerminationArgs = {\n                    input: {\n                        contractID: selectedContract,\n                        kind: kind,\n                        targetEnd: targetEnd ? targetEnd : '',\n                        reason: targetReason,\n                        email: user.email,\n                        usernameFull: name,\n                        articleDescription: contractItem.articleDescription,\n                        sendDate: sendDate.getTime(),\n                        txt: txt,\n                    },\n                }\n                sendTermination({ variables: vars })\n            }\n        }\n    }\n    const [sendTermination, { loading }] = useMutation<Mutation>(SEND_CONTRACT_TERMINATION, {\n        onCompleted: (data) => {\n            if (data.sendContractTermination) {\n                const contractItem = contractTermination?.terminations.find((o) => o.contractID === selectedContract)\n                if (contractItem) {\n                    history.push(\n                        `/cancelContractConfirmation/${encodeURIComponent(\n                            contractItem.contractID,\n                        )}/${encodeURIComponent(contractItem.articleDescription)}/${new Date().getTime()}/${\n                            selectedDate ? format(selectedDate, 'yyyy-MM-dd') : contractItem.targetEnd\n                        }/${\n                            terminationType === 'earliestDate' ? 'terminationForConvenience' : 'terminationForCause'\n                        }/${encodeURIComponent(reason)}`,\n                    )\n                }\n            }\n        },\n    })\n\n    useEffect(() => {\n        if (selectedContract !== '' && contractTermination && terminationType === 'earliestDate') {\n            const contractItem = contractTermination?.terminations.find((o) => o.contractID === selectedContract)\n            if (contractItem) {\n                setSelectedDate(new Date(contractItem.targetEnd))\n            }\n        }\n        if (selectedContract !== '' && contractTermination && terminationType === 'customDate') {\n            setSelectedDate(null)\n        }\n    }, [selectedContract, contractTermination, terminationType])\n\n    const minDate = useMemo(() => {\n        if (selectedContract !== '' && contractTermination && terminationType === 'earliestDate') {\n            const contractItem = contractTermination?.terminations.find((o) => o.contractID === selectedContract)\n            if (contractItem) {\n                return new Date(contractItem.targetEnd)\n            }\n        }\n        if (selectedContract !== '' && contractTermination && terminationType === 'customDate') {\n            setSelectedDate(null)\n            return new Date()\n        }\n    }, [selectedContract, contractTermination, terminationType])\n\n    if (!user || Object.keys(user ?? {}).length === 0) {\n        history.replace('/')\n        return <></>\n    }\n\n    return (\n        <ViewWrapper\n            header={getHeader(`/${t('url.dashboard')}`, history, [], customize)}\n            navigation={navigationLinks('logged-in', 'contracts')}\n        >\n            <>\n                {loadingData && <LoadingSpinner loading={loadingData} />}\n                {contractTermination && (\n                    <>\n                        <Typography variant={'h1'} style={{ marginBottom: 72 }}>\n                            {t('cancelContract')}\n                        </Typography>\n                        <FieldWrapper text={''}>\n                            <Grid container justify=\"center\" alignItems=\"center\" spacing={2}>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\">{t('pages.cancelContract.info1')}</Typography>\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\">{t('pages.cancelContract.info2')}</Typography>\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\">{t('pages.cancelContract.info3')}</Typography>\n                                </Grid>\n                                <Grid item xs={12} sm={4}>\n                                    <TextField\n                                        fullWidth={true}\n                                        label={t('pages.cancelContract.customerID')}\n                                        variant={'filled'}\n                                        disabled\n                                        value={user?.customerID}\n                                    />\n                                </Grid>\n                                <Grid item xs={12} sm={8}>\n                                    <TextField\n                                        fullWidth={true}\n                                        label={t('pages.cancelContract.contractOwner')}\n                                        variant={'filled'}\n                                        disabled\n                                        value={user?.firstName + ' ' + user?.lastName}\n                                    />\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\">{t('pages.cancelContract.cancelation')}</Typography>\n                                </Grid>\n\n                                <Grid item xs={12}>\n                                    <Dropdown\n                                        id={'contractCancelOpts'}\n                                        disabled={false}\n                                        focused={undefined}\n                                        label={t('pages.cancelContract.contract')}\n                                        options={options}\n                                        selectedOption={selectedOption ? selectedOption : ''}\n                                        handleChange={(e) => {\n                                            const val = e.target.value as string\n                                            setSelectedContract(val)\n                                        }}\n                                    />\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <FormControl component=\"fieldset\">\n                                        <RadioGroup value={terminationType} onChange={handleChange}>\n                                            <FormControlLabel\n                                                style={{ marginBottom: 20 }}\n                                                value=\"earliestDate\"\n                                                control={<Radio color=\"default\" />}\n                                                label={t('pages.cancelContract.earliestDate')}\n                                            />\n                                            <FormControlLabel\n                                                value=\"customDate\"\n                                                control={<Radio color=\"default\" />}\n                                                label={t('pages.cancelContract.customDate')}\n                                            />\n                                        </RadioGroup>\n                                    </FormControl>\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <MuiPickersUtilsProvider utils={DateFnsUtils} locale={deLocale}>\n                                        <DatePicker\n                                            disablePast\n                                            disabled={selectedContract === ''}\n                                            minDate={minDate}\n                                            variant=\"dialog\"\n                                            format=\"dd.MM.yyyy\"\n                                            margin=\"normal\"\n                                            id=\"date-picker-inline\"\n                                            label={t('pages.cancelContract.customDateInput')}\n                                            value={selectedDate}\n                                            onChange={handleDateChange}\n                                            okLabel={<Typography>{t('pages.cancelContract.ok')}</Typography>}\n                                            cancelLabel={<Typography>{t('pages.cancelContract.cancel')}</Typography>}\n                                        />\n                                    </MuiPickersUtilsProvider>\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <Dropdown\n                                        disabled={false}\n                                        focused={undefined}\n                                        label={t('pages.cancelContract.reason')}\n                                        options={reasons}\n                                        selectedOption={reason}\n                                        handleChange={(e) => {\n                                            const val = e.target.value as string\n                                            setReason(val)\n                                        }}\n                                    />\n                                </Grid>\n                                {reason === 'Sonstiges' && (\n                                    <Grid item xs={12}>\n                                        <TextField\n                                            fullWidth\n                                            label={t('pages.cancelContract.reasonInput')}\n                                            variant={'filled'}\n                                            value={userReason}\n                                            inputProps={{\n                                                maxLength: 256,\n                                            }}\n                                            onChange={(e) => {\n                                                setUserReason(e.target.value)\n                                            }}\n                                        />\n                                    </Grid>\n                                )}\n                            </Grid>\n                        </FieldWrapper>\n                        <Box>{errors.length > 0 && <ErrorBox errors={errors} />}</Box>\n                        <Grid\n                            container\n                            justify=\"space-around\"\n                            alignItems=\"center\"\n                            spacing={4}\n                            style={{ marginBottom: 20, marginTop: 20 }}\n                        >\n                            <Grid item xs={12} sm={6}>\n                                <Button\n                                    fullWidth\n                                    variant={'outlined'}\n                                    color={'default'}\n                                    onClick={() => {\n                                        history.goBack()\n                                    }}\n                                >\n                                    {t('general.cancel')}\n                                </Button>\n                            </Grid>\n                            <Grid item xs={12} sm={6}>\n                                <Button\n                                    fullWidth\n                                    variant={'contained'}\n                                    color={'primary'}\n                                    disabled={loading}\n                                    onClick={handleSave}\n                                >\n                                    {t('pages.cancelContract.submit')}\n                                    {loading ? '...' : ''}\n                                </Button>\n                            </Grid>\n                        </Grid>\n                    </>\n                )}\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default CancelContract\n","import MuiAccordion from '@material-ui/core/Accordion'\nimport MuiAccordionDetails from '@material-ui/core/AccordionDetails'\nimport MuiAccordionSummary from '@material-ui/core/AccordionSummary'\nimport { withStyles } from '@material-ui/core/styles'\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore'\nimport React from 'react'\nimport colors from 'theme/colors'\n\nconst Accordion = withStyles({\n    root: {\n        //border: '1px solid rgba(0, 0, 0, .125)',\n        border: 0,\n        padding: 0,\n        boxShadow: 'none',\n        '&:not(:last-child)': {\n            borderBottom: 0,\n        },\n        '&:before': {\n            display: 'none',\n        },\n        '&$expanded': {\n            margin: 'auto',\n        },\n    },\n    expanded: {},\n})(MuiAccordion)\n\nconst AccordionSummary = withStyles({\n    root: {\n        backgroundColor: colors.lightGray,\n        border: 0,\n        padding: 0,\n        //marginBottom: -1,\n        minHeight: 56,\n        '&$expanded': {\n            minHeight: 56,\n        },\n    },\n    content: {\n        '&$expanded': {\n            margin: '0',\n        },\n    },\n    expanded: {},\n})(MuiAccordionSummary)\n\nconst AccordionDetails = withStyles(() => ({\n    root: {\n        padding: 0,\n        backgroundColor: colors.lightGray,\n    },\n}))(MuiAccordionDetails)\n\nexport interface CustomAccordionProps {\n    header: React.ReactNode\n    sub: React.ReactNode\n    hideIcon?: boolean\n}\n\nconst CustomizedAccordions = (props: CustomAccordionProps): JSX.Element => {\n    const { header, sub, hideIcon } = props\n    const [expanded, setExpanded] = React.useState('')\n\n    const handleChange = (panel: any) => (_: any, newExpanded: any) => {\n        setExpanded(newExpanded ? panel : false)\n    }\n\n    return (\n        <Accordion square expanded={expanded === 'panel1'} onChange={handleChange('panel1')}>\n            <AccordionSummary\n                disableRipple={hideIcon}\n                expandIcon={\n                    <ExpandMoreIcon fontSize=\"large\" style={{ color: hideIcon === true ? '#F3F0F0' : 'block' }} />\n                }\n            >\n                {header}\n            </AccordionSummary>\n            <AccordionDetails onClick={() => setExpanded('')}>{sub}</AccordionDetails>\n        </Accordion>\n    )\n}\nexport default CustomizedAccordions\n","import { Box, Button, Divider, Grid, Link, makeStyles, Typography, useMediaQuery, useTheme } from '@material-ui/core'\nimport CustomizedAccordions from 'components/CustomAccordion/CustomAccordion'\nimport { format } from 'date-fns'\nimport { InetSpeed, Package } from 'graphql/types'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\n//import { formatCurrency } from 'utils/formatCurrency'\nimport CancelIcon from '@material-ui/icons/Cancel'\nimport { useHistory } from 'react-router-dom'\n\nconst useStyles = makeStyles({\n    root: {\n        padding: '7px 16px !important',\n        color: colors.lightDarkerGray,\n        border: `2px solid ${colors.lightDarkerGray}`,\n        backgroundColor: colors.white,\n    },\n})\n\nexport interface ProductTabProps {\n    contractID: string\n    productInfo: Package\n    datasheetLink: string\n}\nconst blackHeavyText: React.CSSProperties = {\n    color: colors.black,\n    hyphens: 'manual',\n    fontWeight: 700,\n    height: 48,\n    marginBottom: 25,\n    overflowWrap: 'break-word',\n}\n\nconst overflowHidden: React.CSSProperties = {\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    height: '100%',\n}\nexport const ProductTab = (props: ProductTabProps): JSX.Element => {\n    const { productInfo, datasheetLink, contractID } = props\n    const history = useHistory()\n    const { t } = useTranslation()\n    const start = format(new Date(productInfo.periodStart), 'dd.MM.yyyy')\n    let end = ''\n    if (productInfo.periodEnd != '') {\n        end = format(new Date(productInfo.periodEnd), 'dd.MM.yyyy')\n    }\n    const nextCancellation = format(new Date(productInfo.earliestCancellationDate), 'dd.MM.yyyy')\n    const theme = useTheme()\n    const isSmallLayout = useMediaQuery(theme.breakpoints.down('sm'))\n\n    const dividerHeight = 30\n    const leftMD = 4\n    const rightMD = 8\n    let iconOffset = 16\n    if (isSmallLayout) {\n        iconOffset = 24\n    }\n    const hideIcon = (inetSpeed: InetSpeed | null | undefined, phoneNumbers: string[] | undefined | null): boolean => {\n        if (inetSpeed) {\n            return false\n        }\n        if (phoneNumbers && phoneNumbers.length > 0) {\n            return false\n        }\n        return true\n    }\n    const classes = useStyles()\n    return (\n        <Grid container justify=\"center\" alignItems=\"center\">\n            <Grid item xs={12}>\n                <Box style={{ display: 'flex', justifyContent: 'flex-end' }}>\n                    <Button\n                        variant=\"contained\"\n                        className={classes.root}\n                        onClick={() => history.push('/cancelContract/' + contractID)}\n                    >\n                        <CancelIcon />\n                        {t('cancelContract1')}\n                    </Button>\n                </Box>\n            </Grid>\n            <Grid item xs={12} sm={6} md={leftMD}>\n                <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                    {t('productTab.period')}:\n                </Typography>\n            </Grid>\n            <Grid item xs={12} sm={6} md={rightMD}>\n                <Typography variant=\"body1\">\n                    {start} - {end === '' ? '...' : end}\n                </Typography>\n            </Grid>\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n            <Grid item xs={12} sm={6} md={leftMD}>\n                <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                    {t('productTab.nextCancellation')}:\n                </Typography>\n            </Grid>\n            <Grid item xs={12} sm={6} md={rightMD}>\n                <Typography variant=\"body1\">{nextCancellation}</Typography>\n            </Grid>\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n\n            {datasheetLink !== '' && (\n                <Grid item xs={12} sm={6} md={leftMD}>\n                    <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                        {t('productTab.serviceDescription')}:\n                    </Typography>\n                </Grid>\n            )}\n            {datasheetLink !== '' && (\n                <Grid item xs={12} sm={6} md={rightMD}>\n                    <Link href={datasheetLink} target=\"_blank\">\n                        <Typography variant=\"body1\">{t('productTab.linkToServiceDescription')}</Typography>\n                    </Link>\n                </Grid>\n            )}\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n            <Grid item xs={12}>\n                <Typography variant=\"h2\">{t('productTab.bookedPackages')}</Typography>\n            </Grid>\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n            {productInfo?.Products.map((p, i) => (\n                <Grid container justify=\"center\" alignItems=\"center\" key={p.name + i}>\n                    <Grid item xs={12}>\n                        {i === 0 && <Divider />}\n                        <CustomizedAccordions\n                            hideIcon={hideIcon(p.inetSpeeds, p.phoneNumbers)}\n                            header={\n                                <>\n                                    <Grid item xs={12} sm={6} md={leftMD}>\n                                        <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                            {t('productTab.package')}:\n                                        </Typography>\n                                    </Grid>\n                                    <Grid item xs={12} sm={6} md={rightMD}>\n                                        <Typography variant=\"body1\" style={{ paddingLeft: iconOffset }}>\n                                            {p.name}\n                                        </Typography>\n                                    </Grid>\n                                </>\n                            }\n                            sub={\n                                <Grid container justify=\"center\" alignItems=\"flex-start\">\n                                    {/*\n                                    NOTE: commented out the price for now until we know how to display the price correctly\n                                    NOTE: DO NOT DELETE PLS WILL BE used when we get the price\n                                    <Grid item xs={12} sm={6} md={leftMD}>\n                                        <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                            {t('productTab.monthlyPrice')}:\n                                        </Typography>\n                                    </Grid>\n                                    <Grid item xs={12} sm={6} md={rightMD}>\n                                        <Typography variant=\"body1\">{formatCurrency(p.monthlyPrice)}</Typography>\n                                    </Grid>\n                                */}\n\n                                    {p.inetSpeeds && (\n                                        <Grid\n                                            container\n                                            justify=\"center\"\n                                            alignItems=\"flex-start\"\n                                            direction=\"row\"\n                                            style={{ marginTop: 10 }}\n                                        >\n                                            <Grid item xs={4}>\n                                                <Typography\n                                                    style={blackHeavyText}\n                                                    variant=\"body1\"\n                                                    dangerouslySetInnerHTML={{ __html: t('productTab.dataTransfer') }}\n                                                />\n                                                <Typography variant=\"body1\" style={overflowHidden}>\n                                                    {t('productTab.max')}\n                                                </Typography>\n                                                <Typography variant=\"body1\" style={overflowHidden}>\n                                                    {t('productTab.std')}\n                                                </Typography>\n                                                <Typography variant=\"body1\" style={overflowHidden}>\n                                                    {t('productTab.min')}\n                                                </Typography>\n                                            </Grid>\n                                            <Grid item xs={4}>\n                                                <Typography style={blackHeavyText} variant=\"body1\">\n                                                    {t('productTab.download')}\n                                                </Typography>\n                                                <Typography variant=\"body1\">{p.inetSpeeds.DownMax}</Typography>\n                                                <Typography variant=\"body1\">{p.inetSpeeds.DownStd}</Typography>\n                                                <Typography variant=\"body1\">{p.inetSpeeds.DownMin}</Typography>\n                                            </Grid>\n                                            <Grid item xs={4}>\n                                                <Typography style={blackHeavyText} variant=\"body1\">\n                                                    {t('productTab.upload')}\n                                                </Typography>\n                                                <Typography variant=\"body1\">{p.inetSpeeds.UpMax}</Typography>\n                                                <Typography variant=\"body1\">{p.inetSpeeds.UpStd}</Typography>\n                                                <Typography variant=\"body1\">{p.inetSpeeds.UpMin}</Typography>\n                                            </Grid>\n                                        </Grid>\n                                    )}\n                                    {p.phoneNumbers && p.phoneNumbers.length > 0 && (\n                                        <Grid\n                                            container\n                                            justify=\"flex-start\"\n                                            alignItems=\"flex-start\"\n                                            direction=\"row\"\n                                            style={{ marginTop: 10 }}\n                                        >\n                                            <Grid item xs={12} sm={6} md={leftMD}>\n                                                <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                                    {t('productTab.phoneNumbers')}:\n                                                </Typography>\n                                            </Grid>\n                                            <Grid item xs={12} sm={6} md={rightMD}>\n                                                {p.phoneNumbers.map((pp, ii) => (\n                                                    <Typography variant=\"body1\" key={ii + pp}>\n                                                        {pp}\n                                                    </Typography>\n                                                ))}\n                                            </Grid>\n                                        </Grid>\n                                    )}\n                                </Grid>\n                            }\n                        />\n                        {p.Options?.length === 0 && <Divider />}\n                    </Grid>\n                    {p.Options?.map((opt, i) => (\n                        <Grid item xs={12} key={opt.name + i}>\n                            {i === 0 && <Divider />}\n                            <CustomizedAccordions\n                                hideIcon={true}\n                                header={\n                                    <>\n                                        <Grid item xs={12} sm={6} md={leftMD}>\n                                            <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                                {t('productTab.opt')}:\n                                            </Typography>\n                                        </Grid>\n                                        <Grid item xs={12} sm={6} md={rightMD}>\n                                            <Typography variant=\"body1\" style={{ paddingLeft: iconOffset }}>\n                                                {opt.name}\n                                            </Typography>\n                                        </Grid>\n                                    </>\n                                }\n                                sub={\n                                    <>\n                                        {/*\n                                        <Grid item xs={12} sm={6} md={leftMD}>\n                                            <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                                {t('productTab.monthlyPrice')}:\n                                            </Typography>\n                                        </Grid>\n                                        <Grid item xs={12} sm={6} md={rightMD}>\n                                            <Typography variant=\"body1\">{formatCurrency(opt.monthlyPrice)}</Typography>\n                                        </Grid>\n\n                                    */}\n                                    </>\n                                }\n                            />\n                            <Divider />\n                        </Grid>\n                    ))}\n                </Grid>\n            ))}\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n            <Grid item xs={12}>\n                {productInfo.Hardware.length != 0 && <Typography variant=\"h2\">{t('productTab.hardware')}</Typography>}\n            </Grid>\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n            {productInfo?.Hardware.map((h, i) => (\n                <Grid container justify=\"center\" alignItems=\"center\" spacing={1} key={h.name + i}>\n                    <Grid item xs={12}>\n                        <Divider />\n                        <CustomizedAccordions\n                            hideIcon={true}\n                            header={\n                                <>\n                                    <Grid item xs={12} sm={6} md={leftMD}>\n                                        <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                            {t('productTab.package')}:\n                                        </Typography>\n                                    </Grid>\n                                    <Grid item xs={12} sm={6} md={rightMD}>\n                                        <Typography variant=\"body1\" style={{ paddingLeft: iconOffset }}>\n                                            {h.name}\n                                        </Typography>\n                                    </Grid>\n                                </>\n                            }\n                            sub={\n                                <>\n                                    {/*\n                                    <Grid item xs={12} sm={6} md={leftMD}>\n                                        <Typography style={{ color: colors.midDarkerGray }} variant=\"body1\">\n                                            {t('productTab.monthlyPrice')}:\n                                        </Typography>\n                                    </Grid>\n                                    <Grid item xs={12} sm={6} md={rightMD}>\n                                        <Typography variant=\"body1\">{formatCurrency(h.monthlyPrice)}</Typography>\n                                    </Grid>\n                                */}\n                                </>\n                            }\n                        />\n                        {productInfo && i === productInfo.Hardware.length - 1 && <Divider />}\n                    </Grid>\n                </Grid>\n            ))}\n            <Grid item xs={12} style={{ minHeight: dividerHeight }}></Grid>\n        </Grid>\n    )\n}\n\nexport default ProductTab\n","import { ProductTab } from './ProductTab'\n\nexport default ProductTab\n","import { TabPanel } from './TabPanel'\n\nexport default TabPanel\n","import { Box } from '@material-ui/core'\nimport React from 'react'\nimport colors from 'theme/colors'\n\nexport interface TabPanelProps {\n    value: number\n    index: number\n    children: any\n}\nexport const TabPanel = (props: TabPanelProps): JSX.Element => {\n    const { children, value, index, ...other } = props\n\n    return (\n        <div\n            role=\"tabpanel\"\n            hidden={value !== index}\n            id={`simple-tabpanel-${index}`}\n            aria-labelledby={`simple-tab-${index}`}\n            {...other}\n        >\n            {value === index && (\n                <Box style={{ backgroundColor: colors.lightGray, minHeight: 500 }} p={3}>\n                    {children}\n                </Box>\n            )}\n        </div>\n    )\n}\n","import { AppBar, Box, Button, Grid, makeStyles, Tab, Tabs, Typography } from '@material-ui/core'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ProductTab from 'components/ProductTab'\nimport TabPanel from 'components/TabPanel'\nimport { ContractOverview } from 'graphql/types'\nimport React from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\n\nconst useStyles = makeStyles({\n    root: {\n        flexGrow: 1,\n        padding: 0,\n    },\n    customBar: {\n        color: 'black',\n        padding: 0,\n        borderBottom: 0,\n        backgroundColor: '#FAFAFA',\n    },\n    customIndicator: {\n        backgroundColor: colors.lightGray,\n        height: 0,\n    },\n})\n\nexport interface ContractDetailsProps {\n    customerID: string\n    gotoDocs: () => void\n    overview: ContractOverview\n    activeContractIDs: string[]\n    handleChangeContractOverview: (index: number) => void\n}\n\nconst ContractDetails = (props: ContractDetailsProps): JSX.Element => {\n    const classes = useStyles()\n    const { customerID, gotoDocs, overview, activeContractIDs, handleChangeContractOverview } = props\n    const { t } = useTranslation()\n    let preSelectedItem = 0\n    if (overview.inet) {\n        preSelectedItem = 0\n    } else if (overview.tv) {\n        preSelectedItem = 1\n    } else if (overview.phone) {\n        preSelectedItem = 1\n    }\n    const [value, setValue] = useState(preSelectedItem)\n    const [selectedContractIndex, setSelectedContractIndex] = useState(0)\n\n    const handleChange = (_: any, newValue: number) => {\n        setValue(newValue)\n    }\n\n    const handleNextContract = (index: number) => {\n        setSelectedContractIndex(index)\n        handleChangeContractOverview(index)\n    }\n\n    return (\n        <Grid container justify=\"center\" alignItems=\"center\" style={{ marginBottom: 100 }}>\n            <Grid item xs={12}>\n                <Typography variant=\"h1\" style={{ marginBottom: 72 }}>\n                    {t('pages.myContracts.title')}\n                </Typography>\n            </Grid>\n            <Grid item xs={12}>\n                <Typography variant=\"h2\" style={{ marginBottom: 40 }}>\n                    {t('pages.myContracts.cust')}\n                </Typography>\n                <FieldWrapper text=\"\">\n                    <>\n                        <Typography variant=\"body1\" display=\"inline\" style={{ color: colors.midDarkerGray }}>\n                            {t('pages.myContracts.cust')}\n                            <span style={{ paddingLeft: 15, color: colors.black }}>{customerID}</span>\n                        </Typography>\n                    </>\n                </FieldWrapper>\n            </Grid>\n            <Grid item xs={12}>\n                <Typography variant=\"h2\" style={{ marginBottom: 40, marginTop: 40 }}>\n                    {t('pages.myContracts.contract')}\n                </Typography>\n                <FieldWrapper text=\"\">\n                    <>\n                        <Typography variant=\"body1\" display=\"inline\" style={{ color: colors.black }}>\n                            {t('pages.myContracts.contractText')}\n                        </Typography>\n                    </>\n                </FieldWrapper>\n                <Box\n                    display=\"flex\"\n                    justifyContent={{ xs: 'center', sm: 'flex-end' }}\n                    alignItems=\"center\"\n                    style={{ paddingTop: 30, paddingBottom: 30 }}\n                >\n                    <Button variant={'outlined'} onClick={gotoDocs}>\n                        {t('pages.myContracts.toDocs')}\n                    </Button>\n                </Box>\n            </Grid>\n            <Grid item xs={12}>\n                <div className={classes.root}>\n                    {activeContractIDs.length > 0 && (\n                        <Grid container justify=\"flex-start\" alignItems=\"flex-start\" style={{ marginBottom: 10 }}>\n                            {activeContractIDs.map((contractID, index) => {\n                                const isSelected = selectedContractIndex === index\n                                return (\n                                    <Grid item xs={12} sm=\"auto\" key={index + contractID}>\n                                        <Button\n                                            fullWidth\n                                            variant={isSelected ? 'contained' : 'text'}\n                                            color={isSelected ? 'primary' : undefined}\n                                            onClick={() => handleNextContract(index)}\n                                        >\n                                            {contractID}\n                                        </Button>\n                                    </Grid>\n                                )\n                            })}\n                        </Grid>\n                    )}\n                    <AppBar position=\"static\" className={classes.customBar}>\n                        <Tabs\n                            value={value}\n                            onChange={handleChange}\n                            TabIndicatorProps={{ className: classes.customIndicator }}\n                        >\n                            <Tab\n                                label={t('pages.contractDetails.inet')}\n                                disabled={overview.inet === null}\n                                style={{\n                                    backgroundColor:\n                                        value === 0 && overview.inet !== null ? colors.main : colors.lightGray,\n                                    color: value === 0 && overview.inet !== null ? colors.white : colors.black,\n                                    opacity: overview.inet === null ? 0.5 : 1,\n                                    minHeight: 80,\n                                }}\n                            />\n                            <Tab\n                                label={t('pages.contractDetails.tv')}\n                                disabled={overview.tv === null}\n                                style={{\n                                    backgroundColor:\n                                        value === 1 && overview.tv !== null ? colors.main : colors.lightGray,\n                                    color: value === 1 && overview.tv !== null ? colors.white : colors.black,\n                                    opacity: overview.tv === null ? 0.5 : 1,\n                                    minHeight: 80,\n                                }}\n                            />\n                            <Tab\n                                label={t('pages.contractDetails.phone')}\n                                disabled={overview.phone === null}\n                                style={{\n                                    backgroundColor:\n                                        value === 2 && overview.phone !== null ? colors.main : colors.lightGray,\n                                    color: value === 2 && overview.phone !== null ? colors.white : colors.black,\n                                    opacity: overview.phone === null ? 0.5 : 1,\n                                    minHeight: 80,\n                                }}\n                            />\n                        </Tabs>\n                    </AppBar>\n                    <TabPanel value={value} index={0}>\n                        {overview.inet && (\n                            <ProductTab\n                                datasheetLink={overview.datasheetLink}\n                                productInfo={overview.inet}\n                                contractID={activeContractIDs[selectedContractIndex]}\n                            />\n                        )}\n                    </TabPanel>\n                    <TabPanel value={value} index={1}>\n                        {overview.tv && (\n                            <ProductTab\n                                datasheetLink={''}\n                                productInfo={overview.tv}\n                                contractID={activeContractIDs[selectedContractIndex]}\n                            />\n                        )}\n                    </TabPanel>\n                    <TabPanel value={value} index={2}>\n                        {overview.phone && (\n                            <ProductTab\n                                datasheetLink={overview.datasheetLink}\n                                productInfo={overview.phone}\n                                contractID={activeContractIDs[selectedContractIndex]}\n                            />\n                        )}\n                    </TabPanel>\n                    <TabPanel value={value} index={3}>\n                        <></>\n                    </TabPanel>\n                </div>\n            </Grid>\n        </Grid>\n    )\n}\n\nexport default ContractDetails\n","import ContractDetails from './ContractDetails'\n\nexport default ContractDetails\n","import gql from 'graphql-tag'\n\nexport const GET_CONTRACT_OVERVIEW = gql`\n    query contractOverview($contractID: String!) {\n        getContractOverview(contractID: $contractID) {\n            contractID\n            datasheetLink\n            inet {\n                ...packageFields\n            }\n            tv {\n                ...packageFields\n            }\n            phone {\n                ...packageFields\n            }\n        }\n    }\n\n    fragment packageFields on Package {\n        periodStart\n        periodEnd\n        earliestCancellationDate\n        serviceDescription\n        baseTypeID\n        baseTypeName\n        Products {\n            ...productFields\n        }\n        Hardware {\n            ...productFields\n        }\n    }\n\n    fragment productFields on Product {\n        name\n        monthlyPrice\n        phoneNumbers\n        inetSpeeds {\n            DownMax\n            DownStd\n            DownMin\n            UpMax\n            UpStd\n            UpMin\n        }\n        Options {\n            name\n            monthlyPrice\n            phoneNumbers\n            inetSpeeds {\n                DownMax\n                DownStd\n                DownMin\n                UpMax\n                UpStd\n                UpMin\n            }\n        }\n    }\n`\n","import ContractOverview from './ContractOverview'\n\nexport default ContractOverview\n","import ContractDetails from 'components/ContractDetails'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport ViewWrapper from 'components/ViewWrapper'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { getHeader, navigationLinks } from 'utils/utils'\nimport { useContractOverview } from './useContractOverview'\n\nexport type ContractDocumentOrder = 'date' | 'name'\n\nconst ContractOverview = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n    const { searchTerms, userID, overview, gotoDocs, loading, activeContractIDs, handleChangeContractView, customize } =\n        useContractOverview()\n\n    return (\n        <ViewWrapper\n            header={getHeader(`/${t('url.myContracts')}`, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'contracts')}\n        >\n            <div style={{ paddingBottom: 150 }}>\n                {overview && (\n                    <ContractDetails\n                        activeContractIDs={activeContractIDs}\n                        customerID={userID}\n                        overview={overview}\n                        gotoDocs={gotoDocs}\n                        handleChangeContractOverview={handleChangeContractView}\n                    />\n                )}\n                {loading && <LoadingSpinner loading={loading} />}\n            </div>\n        </ViewWrapper>\n    )\n}\n\nexport default ContractOverview\n","import { Customize } from 'utils/customize/customize'\nimport { useLazyQuery } from '@apollo/client'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { GET_CONTRACT_OVERVIEW } from 'graphql/queries/GetContractOverview'\nimport { ContractMetaData, ContractOverview, Query, QueryGetContractOverviewArgs } from 'graphql/types'\nimport _ from 'lodash'\nimport { useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { AppState } from 'store/store'\n\nexport interface ContractOverviewState {\n    searchTerms: SearchOption[]\n    userID: string\n    gotoDocs: () => void\n    overview: ContractOverview | undefined\n    loading: boolean\n    contractMetaData: ContractMetaData | undefined\n    handleChangeContractView: (index: number) => void\n    activeContractIDs: string[]\n    customize: Customize | undefined\n}\n\nexport const useContractOverview = (): ContractOverviewState => {\n    const { searchTerms, userID, contractMetaData, customize } = useSelector((appState: AppState) => ({\n        searchTerms: appState.generalState.searchTerms,\n        userID: appState.generalState.user?.customerID,\n        contractMetaData: appState.generalState.user?.contractMetaData,\n        customize: appState.generalState.customize,\n    }))\n    const [data, setData] = useState<ContractOverview | undefined>(undefined)\n    const [cachedData, setCachedData] = useState<ContractOverview[]>([])\n    const history = useHistory()\n    const [fetchOverview, { loading }] = useLazyQuery<Query>(GET_CONTRACT_OVERVIEW, {\n        onCompleted: (data) => {\n            if (data.getContractOverview) {\n                setData(data.getContractOverview)\n                const isAlreadyCached = _.findIndex(\n                    cachedData,\n                    (d) => d.contractID === data.getContractOverview.contractID,\n                )\n                if (isAlreadyCached === -1) {\n                    setCachedData([...cachedData, data.getContractOverview])\n                }\n            }\n        },\n    })\n\n    useEffect(() => {\n        if (!data) {\n            if (contractMetaData && contractMetaData.sendInvoice.length > 0) {\n                const vars: QueryGetContractOverviewArgs = {\n                    contractID: contractMetaData.activeContractIDs[0],\n                }\n                fetchOverview({ variables: vars })\n            } else {\n                history.replace('/')\n            }\n        }\n    }, [contractMetaData, data])\n\n    const handleChangeContractView = (index: number) => {\n        if (contractMetaData) {\n            const id = contractMetaData.activeContractIDs[index]\n            const cached = _.find(cachedData, (d) => d.contractID === id)\n            if (cached) {\n                setData(cached)\n            } else {\n                const vars: QueryGetContractOverviewArgs = {\n                    contractID: contractMetaData.activeContractIDs[index],\n                }\n                fetchOverview({ variables: vars })\n            }\n        }\n    }\n\n    const gotoDocs = () => {\n        history.push(Routes.ContractDocs)\n    }\n\n    return {\n        searchTerms,\n        userID: userID ? userID : '',\n        gotoDocs,\n        overview: data,\n        loading,\n        contractMetaData,\n        handleChangeContractView,\n        activeContractIDs: contractMetaData ? contractMetaData.activeContractIDs : [],\n        customize,\n    }\n}\n","import { Box, Button, Typography } from '@material-ui/core'\nimport { ChevronLeft, ChevronRight, FiberManualRecord } from '@material-ui/icons'\nimport { UsePaginationItem } from '@material-ui/lab'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\n\nexport interface CustomPaginationProps {\n    items: UsePaginationItem[]\n    isMobile: boolean\n}\n\nconst CustomPagination = (props: CustomPaginationProps): JSX.Element => {\n    const { items, isMobile } = props\n    const { t } = useTranslation()\n\n    const renderPaginationItem = (item: UsePaginationItem, index: number): JSX.Element | undefined => {\n        const { type, selected, disabled, ...rest } = item\n        if (!isMobile && (type === 'start-ellipsis' || type === 'end-ellipsis')) {\n            return (\n                <Box display={'flex'} flex={1} justifyContent={'center'} key={item.page + type + index}>\n                    <Typography key={index} style={{ color: colors.darkIcon, marginBottom: 7 }}>\n                        &hellip;\n                    </Typography>\n                </Box>\n            )\n        }\n        if (type === 'previous') {\n            return (\n                <Box display={'flex'} flex={1} justifyContent={'flex-start'} key={item.page + type + index}>\n                    <Button disabled={disabled} key={index} color={'primary'} {...rest}>\n                        <ChevronLeft style={{ color: disabled ? colors.darkIcon : colors.main }} />\n                        <Typography\n                            style={{ color: disabled ? colors.darkIcon : colors.main, textTransform: 'uppercase' }}\n                        >\n                            {t('pages.myInvoices.invoiceList.previous')}\n                        </Typography>\n                    </Button>\n                </Box>\n            )\n        }\n        if (type === 'next') {\n            return (\n                <Box display={'flex'} flex={1} justifyContent={'flex-end'} key={item.page + type + index}>\n                    <Button disabled={disabled} key={index} color={'primary'} {...rest}>\n                        <Typography\n                            style={{ color: disabled ? colors.darkIcon : colors.main, textTransform: 'uppercase' }}\n                        >\n                            {t('pages.myInvoices.invoiceList.next')}\n                        </Typography>\n                        <ChevronRight style={{ color: disabled ? colors.darkIcon : colors.main }} />\n                    </Button>\n                </Box>\n            )\n        }\n        if (!isMobile) {\n            return (\n                <Box display={'flex'} flex={1} justifyContent={'center'} key={item.page + type + index}>\n                    <Button disabled={disabled} key={index} color={'primary'} {...rest}>\n                        <FiberManualRecord\n                            style={{ color: !selected ? `${colors.darkIcon}3D` : colors.main, width: 8, height: 8 }}\n                        />\n                    </Button>\n                </Box>\n            )\n        }\n    }\n    return (\n        <Box width={1} flex={1} display={'flex'} justifyContent={'center'} alignItems={'center'}>\n            {items.map(renderPaginationItem)}\n        </Box>\n    )\n}\n\nexport default CustomPagination\n","export const formatCurrency = (n: number): string => {\n    // Create our number formatter.\n    const formatter = new Intl.NumberFormat('de-DE', {\n        style: 'currency',\n        currency: 'EUR',\n        // These options are needed to round to whole numbers if that's what you want.\n        //minimumFractionDigits: 0, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n        //maximumFractionDigits: 0, // (causes 2500.99 to be printed as $2,501)\n    })\n\n    return formatter.format(n)\n}\n","export type cItems = {\n    start: number\n    end: number\n    nItems: number\n}\nexport const getCurrentItems = (currentPage: number, perPage: number, total: number): cItems => {\n    const start = (currentPage - 1) * perPage\n    const end = currentPage * perPage\n    let nItems = total\n    if (end > nItems) {\n        nItems -= start\n    } else if (end < nItems && total !== 0) {\n        nItems = perPage\n    }\n    return { start, end, nItems }\n}\n","import {\n    Box,\n    Button,\n    Checkbox,\n    CircularProgress,\n    Paper,\n    Table,\n    TableBody,\n    TableCell,\n    TableContainer,\n    TableHead,\n    TableRow,\n    TableSortLabel,\n    Typography,\n} from '@material-ui/core'\nimport { DefaultComponentProps } from '@material-ui/core/OverridableComponent'\nimport { CheckBox, CheckBoxOutlineBlank, ExpandMore, GetApp, IndeterminateCheckBox } from '@material-ui/icons'\nimport { UsePaginationItem } from '@material-ui/lab/Pagination'\nimport CustomPagination from 'components/CustomPagination/CustomPagination'\nimport { format } from 'date-fns'\nimport * as Locales from 'date-fns/locale'\nimport { Doc, SumBill } from 'graphql/types'\nimport _ from 'lodash'\nimport { InvoiceOrderField } from 'pages/MyInvoices/useMyInvoicesState'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport { formatCurrency } from 'utils/formatCurrency'\nimport { getCurrentItems } from 'utils/getCurrentItems'\nimport TestIDs from 'utils/TestIDs'\nimport { SortOrder } from 'utils/utils'\n\nexport interface InvoiceListDesktopProps {\n    invoices: Doc[]\n    invoicesPerPage: number\n    selectedInvoices: number[]\n    downloadItems: (items: number[]) => void\n    items: UsePaginationItem[]\n    page: number\n    dateOrder: SortOrder\n    docTypeOrder: SortOrder\n    changeOrder: (field: InvoiceOrderField) => void\n    selectAll: (e: React.ChangeEvent<HTMLInputElement>) => void\n    selectOne: (index: number) => void\n    billAmount: SumBill[]\n    billIsLoading: boolean\n}\n\nconst InvoiceListDesktop = (props: InvoiceListDesktopProps): JSX.Element => {\n    const {\n        invoices,\n        invoicesPerPage,\n        selectedInvoices: selected,\n        downloadItems,\n        page,\n        dateOrder,\n        docTypeOrder,\n        changeOrder,\n        selectAll,\n        selectOne,\n        items,\n        billAmount,\n        billIsLoading,\n    } = props\n    const { t } = useTranslation()\n    const itemMeta = getCurrentItems(page, invoicesPerPage, invoices.length)\n\n    return (\n        <Box\n            width={1}\n            flex={1}\n            display={'flex'}\n            justifyContent={'center'}\n            alignItems={'center'}\n            flexDirection={'column'}\n        >\n            <TableContainer component={Paper}>\n                <Table aria-labelledby=\"tableTitle\" size={'medium'} aria-label=\"enhanced table\">\n                    <TableHead>\n                        <TableRow>\n                            <TableCell padding=\"checkbox\">\n                                <Checkbox\n                                    {...TestIDs.GET_INVOICE_LIST_TABLE('CHECKBOX_HEADER')}\n                                    icon={<CheckBoxOutlineBlank style={{ color: colors.midDarkerGray }} />}\n                                    checkedIcon={<CheckBox style={{ color: colors.midDarkerGray }} />}\n                                    indeterminateIcon={\n                                        <IndeterminateCheckBox style={{ color: colors.midDarkerGray }} />\n                                    }\n                                    color={'primary'}\n                                    checked={invoices.length > 0 && selected.length === itemMeta.nItems}\n                                    onChange={selectAll}\n                                    inputProps={{ 'aria-label': 'select all invoice' }}\n                                />\n                            </TableCell>\n                            <TableCell padding=\"default\">\n                                <TableSortLabel\n                                    IconComponent={SortIcon}\n                                    active={dateOrder !== undefined}\n                                    direction={dateOrder}\n                                    onClick={() => changeOrder('invoiceTarget')}\n                                    color={'primary'}\n                                >\n                                    <Typography\n                                        variant={'body2'}\n                                        style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                    >\n                                        {t('pages.myInvoices.invoiceList.date')}\n                                    </Typography>\n                                </TableSortLabel>\n                            </TableCell>\n                            <TableCell padding=\"default\">\n                                <Typography\n                                    variant={'body2'}\n                                    style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                >\n                                    {t('pages.myInvoices.invoiceList.billingPeriod')}\n                                </Typography>\n                            </TableCell>\n\n                            <TableCell padding=\"default\">\n                                <TableSortLabel\n                                    IconComponent={SortIcon}\n                                    active={docTypeOrder !== undefined}\n                                    direction={docTypeOrder}\n                                    onClick={() => changeOrder('docType')}\n                                    color={'primary'}\n                                >\n                                    <Typography\n                                        variant={'body2'}\n                                        style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                    >\n                                        {t('pages.myInvoices.invoiceList.name')}\n                                    </Typography>\n                                </TableSortLabel>\n                            </TableCell>\n\n                            <TableCell padding=\"default\">\n                                <Typography\n                                    variant={'body2'}\n                                    style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                >\n                                    {t('pages.myInvoices.invoiceList.price')}\n                                </Typography>\n                            </TableCell>\n                            <TableCell align=\"right\" padding=\"default\"></TableCell>\n                        </TableRow>\n                    </TableHead>\n                    <TableBody>\n                        {_.slice(invoices, itemMeta.start, itemMeta.end).map((row, index) => {\n                            const isItemSelected = selected.includes(index)\n                            const labelId = `enhanced-table-checkbox-${index}`\n                            const sum = billAmount.find((v) => v.docID === row.docID)\n                            return (\n                                <TableRow\n                                    {...TestIDs.GET_INVOICE_LIST_TABLE('CHECKBOX_ROW', 'SELECT_' + index)}\n                                    hover\n                                    onClick={(): void => selectOne(index)}\n                                    role=\"checkbox\"\n                                    aria-checked={isItemSelected}\n                                    tabIndex={-1}\n                                    key={row.path + index}\n                                    selected={isItemSelected}\n                                >\n                                    <TableCell padding=\"checkbox\">\n                                        <Checkbox\n                                            checked={isItemSelected}\n                                            icon={<CheckBoxOutlineBlank style={{ color: colors.midDarkerGray }} />}\n                                            checkedIcon={<CheckBox style={{ color: colors.midDarkerGray }} />}\n                                            color={'primary'}\n                                            inputProps={{ 'aria-labelledby': labelId }}\n                                        />\n                                    </TableCell>\n                                    <TableCell padding=\"default\">\n                                        <Typography>\n                                            {row.invoiceTarget !== ''\n                                                ? format(new Date(row.invoiceTarget), 'dd.MM.yy')\n                                                : ''}\n                                        </Typography>\n                                    </TableCell>\n                                    <TableCell>\n                                        <Typography>\n                                            {row.invoiceTarget !== ''\n                                                ? format(new Date(row.invoiceTarget), 'MMMM yyyy', {\n                                                      locale: Locales.de,\n                                                  })\n                                                : ''}\n                                        </Typography>\n                                    </TableCell>\n                                    <TableCell>\n                                        <Typography style={{ wordBreak: 'break-word' }}>\n                                            {t('docType.' + row.docType)}\n                                        </Typography>\n                                    </TableCell>\n                                    <TableCell align=\"left\">\n                                        {billIsLoading && <CircularProgress size={20} />}\n                                        {!billIsLoading && (\n                                            <Typography>{sum ? formatCurrency(sum.sumTotal.brutto) : ''}</Typography>\n                                        )}\n                                    </TableCell>\n                                    <TableCell align=\"right\">\n                                        <Button\n                                            {...TestIDs.GET_INVOICE_LIST_TABLE('PDF_BUTTON', 'DOWNLOAD_' + index)}\n                                            startIcon={<GetApp />}\n                                            color=\"primary\"\n                                            variant=\"outlined\"\n                                            style={{ border: '2px solid', maxWidth: 10 }}\n                                            onClick={(e) => {\n                                                e.preventDefault()\n                                                e.stopPropagation()\n                                                downloadItems([index])\n                                            }}\n                                        >\n                                            PDF\n                                        </Button>\n                                    </TableCell>\n                                </TableRow>\n                            )\n                        })}\n                    </TableBody>\n                </Table>\n            </TableContainer>\n            <Button\n                {...TestIDs.GET_INVOICE_LIST_TABLE('DOWNLOAD_ALL_BUTTON')}\n                disabled={selected.length === 0}\n                variant={'contained'}\n                color={'primary'}\n                style={{ marginTop: '16px', marginBottom: '8px', alignSelf: 'flex-end' }}\n                onClick={() => downloadItems(selected)}\n            >\n                {t('pages.myInvoices.invoiceList.download')}\n            </Button>\n            <CustomPagination items={items} isMobile={false} />\n        </Box>\n    )\n}\n\nexport default InvoiceListDesktop\n\n//NOTE: to be deleted or moved\nexport const SortIcon = (props: DefaultComponentProps<any>): JSX.Element => (\n    <ExpandMore viewBox={'3 3 18 18'} {...props} />\n)\n","import {\n    Box,\n    Button,\n    Checkbox,\n    Paper,\n    Table,\n    TableBody,\n    TableCell,\n    TableContainer,\n    TableHead,\n    TableRow,\n    TableSortLabel,\n    Typography,\n} from '@material-ui/core'\nimport { CheckBox, CheckBoxOutlineBlank, GetApp } from '@material-ui/icons'\nimport { UsePaginationItem } from '@material-ui/lab'\nimport CustomPagination from 'components/CustomPagination/CustomPagination'\nimport { SortIcon } from 'components/InvoiceListDesktop/InvoiceListDesktop'\nimport { format } from 'date-fns'\nimport { Doc } from 'graphql/types'\nimport _ from 'lodash'\nimport { ContractDocumentOrder } from 'pages/ContractPage/ContractPage'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport { getCurrentItems } from 'utils/getCurrentItems'\nimport { SortOrder } from 'utils/utils'\nimport { useHistory } from 'react-router-dom'\n\nexport interface ContractDocumentTableProps {\n    rows: Doc[]\n    changeOrder: (field: ContractDocumentOrder) => void\n    page: number\n    perPage: number\n    contractDateOrder: SortOrder\n    contractNameOrder: SortOrder\n    contractDisplayNameOrder: SortOrder\n    items: UsePaginationItem[]\n    selectedDocs: number[] // index of item no need to copy\n    selectOne: (index: number) => void\n    selectAll: (e: React.ChangeEvent<HTMLInputElement>) => void\n    downloadItems: (vi: number[]) => void\n}\n\nconst ContractDocumentTable = (props: ContractDocumentTableProps): JSX.Element => {\n    const {\n        rows,\n        changeOrder,\n        contractDateOrder,\n        page,\n        perPage,\n        contractNameOrder,\n        contractDisplayNameOrder,\n        items,\n        selectedDocs,\n        selectOne,\n        selectAll,\n        downloadItems,\n    } = props\n    const { t } = useTranslation()\n    const history = useHistory()\n    const itemMeta = getCurrentItems(page, perPage, rows.length)\n    return (\n        <>\n            <Box width={1} marginBottom={9}>\n                <Box>\n                    <Typography variant=\"h1\">{t('pages.myContracts.title')}</Typography>\n                    <Box marginTop={1}>\n                        <Typography variant=\"body1\">{t('pages.myContracts.subtitle')}</Typography>\n                    </Box>\n                </Box>\n            </Box>\n\n            <Box\n                width={1}\n                flex={1}\n                display={'flex'}\n                justifyContent={'center'}\n                alignItems={'center'}\n                flexDirection={'column'}\n            >\n                <TableContainer component={Paper}>\n                    <Table aria-label=\"simple table\" style={{ minWidth: 700, overflowX: 'scroll' }}>\n                        <TableHead>\n                            <TableRow>\n                                <TableCell padding=\"checkbox\">\n                                    <Checkbox\n                                        color={'primary'}\n                                        icon={<CheckBoxOutlineBlank style={{ color: colors.midDarkerGray }} />}\n                                        checkedIcon={<CheckBox style={{ color: colors.midDarkerGray }} />}\n                                        checked={rows.length > 0 && selectedDocs.length === itemMeta.nItems}\n                                        onChange={selectAll}\n                                        inputProps={{ 'aria-label': 'select all invoice' }}\n                                    />\n                                </TableCell>\n                                <TableCell padding=\"default\">\n                                    <TableSortLabel\n                                        IconComponent={SortIcon}\n                                        active={contractDateOrder !== undefined}\n                                        direction={contractDateOrder}\n                                        onClick={() => changeOrder('date')}\n                                        color={'primary'}\n                                    >\n                                        <Typography\n                                            variant={'body2'}\n                                            style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                        >\n                                            {t('documentTable.date')}\n                                        </Typography>\n                                    </TableSortLabel>\n                                </TableCell>\n                                <TableCell align=\"right\" padding=\"default\">\n                                    <TableSortLabel\n                                        IconComponent={SortIcon}\n                                        active={contractNameOrder !== undefined}\n                                        direction={contractNameOrder}\n                                        onClick={() => changeOrder('name')}\n                                        color={'primary'}\n                                    >\n                                        <Typography\n                                            variant={'body2'}\n                                            style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                        >\n                                            {t('documentType')}\n                                        </Typography>\n                                    </TableSortLabel>\n                                </TableCell>\n                                <TableCell align=\"right\" padding=\"default\" style={{ width: '250px' }}>\n                                    <TableSortLabel\n                                        IconComponent={SortIcon}\n                                        active={contractDisplayNameOrder !== undefined}\n                                        direction={contractDisplayNameOrder}\n                                        onClick={() => changeOrder('displayName')}\n                                        color={'primary'}\n                                    >\n                                        <Typography\n                                            variant={'body2'}\n                                            style={{ color: colors.midDarkerGray, wordBreak: 'break-word' }}\n                                        >\n                                            {t('documentTable.name')}\n                                        </Typography>\n                                    </TableSortLabel>\n                                </TableCell>\n                                <TableCell align=\"right\" padding=\"default\"></TableCell>\n                            </TableRow>\n                        </TableHead>\n                        <TableBody>\n                            {_.slice(rows, (page - 1) * 10, page * 10).map((row, index) => {\n                                return (\n                                    <TableRow\n                                        hover\n                                        onClick={(e): void => {\n                                            e.preventDefault()\n                                            e.stopPropagation()\n                                            selectOne(index)\n                                        }}\n                                        role=\"checkbox\"\n                                        aria-checked={true}\n                                        tabIndex={-1}\n                                        selected={true}\n                                        key={row.path + index}\n                                    >\n                                        <TableCell padding=\"checkbox\">\n                                            <Checkbox\n                                                checked={selectedDocs.includes(index)}\n                                                icon={<CheckBoxOutlineBlank style={{ color: colors.midDarkerGray }} />}\n                                                checkedIcon={<CheckBox style={{ color: colors.midDarkerGray }} />}\n                                                onClick={(e) => {\n                                                    e.stopPropagation()\n                                                    e.preventDefault()\n                                                    selectOne(index)\n                                                }}\n                                                color={'primary'}\n                                            />\n                                        </TableCell>\n                                        <TableCell padding=\"default\">\n                                            <Typography variant=\"body1\">\n                                                {row.invoiceTarget.trim() !== ''\n                                                    ? format(new Date(row.invoiceTarget), 'dd.MM.yy')\n                                                    : ''}\n                                            </Typography>\n                                        </TableCell>\n                                        <TableCell align=\"right\" padding=\"default\">\n                                            <Typography variant=\"body1\">{t('docType.' + row.docType)}</Typography>\n                                        </TableCell>\n                                        <TableCell align=\"right\" padding=\"default\">\n                                            <Typography variant=\"body1\">{row.displayName}</Typography>\n                                        </TableCell>\n                                        <TableCell align=\"right\" padding=\"default\">\n                                            <Button\n                                                startIcon={<GetApp />}\n                                                color=\"primary\"\n                                                variant=\"outlined\"\n                                                style={{ border: '2px solid', maxWidth: 10 }}\n                                                onClick={(e) => {\n                                                    e.stopPropagation()\n                                                    e.preventDefault()\n                                                    downloadItems([index])\n                                                }}\n                                            >\n                                                PDF\n                                            </Button>\n                                        </TableCell>\n                                    </TableRow>\n                                )\n                            })}\n                        </TableBody>\n                    </Table>\n                </TableContainer>\n\n                <Button\n                    variant={'contained'}\n                    color={'primary'}\n                    disabled={selectedDocs.length === 0}\n                    style={{ marginTop: '16px', marginBottom: '8px', alignSelf: 'flex-end' }}\n                    onClick={() => downloadItems(selectedDocs)}\n                >\n                    {t('pages.myInvoices.invoiceList.download')}\n                </Button>\n            </Box>\n            <CustomPagination items={items} isMobile={false} />\n\n            <Box\n                marginTop={5}\n                marginBottom={5}\n                display={'flex'}\n                flexDirection={{ xs: 'column', md: 'row' }}\n                justifyContent={'space-between'}\n            >\n                <Button variant={'outlined'} color={'default'} onClick={() => history.goBack()}>\n                    {t('general.back')}\n                </Button>\n            </Box>\n        </>\n    )\n}\n\nexport default ContractDocumentTable\n","import { Box, Button, Divider, Grid, Typography } from '@material-ui/core'\nimport { ContractDocumentTableProps } from 'components/ContractDocumentTable/ContractDocumentTable'\nimport CustomPagination from 'components/CustomPagination/CustomPagination'\nimport Dropdown from 'components/Dropdown'\nimport { format } from 'date-fns'\nimport { GetApp } from '@material-ui/icons'\nimport _ from 'lodash'\nimport { ContractDocumentOrder } from 'pages/ContractOverview/ContractOverview'\nimport React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport CheckboxComponent from 'components/CheckboxComponent'\n\nconst ContractDocumentTableMobile = (props: ContractDocumentTableProps): JSX.Element => {\n    const { rows, changeOrder, page, perPage, items, selectedDocs, selectOne, downloadItems } = props\n    const [currentOrder, setCurrentOrder] = useState<ContractDocumentOrder>('date')\n\n    const { t } = useTranslation()\n    const history = useHistory()\n    //const itemMeta = getCurrentItems(page, perPage, rows.length)\n    return (\n        <>\n            <Box width={1} marginBottom={9}>\n                <Box>\n                    <Typography variant=\"h1\">{t('pages.myContracts.title')}</Typography>\n                    <Box marginTop={1}>\n                        <Typography variant=\"body1\">{t('pages.myContracts.subtitle')}</Typography>\n                    </Box>\n                </Box>\n            </Box>\n\n            <Grid container>\n                <Grid item xs={6}>\n                    <Dropdown\n                        handleChange={(e) => {\n                            changeOrder(e.target.value as ContractDocumentOrder)\n                            setCurrentOrder(e.target.value as ContractDocumentOrder)\n                        }}\n                        label={t('formLabels.sortBy')}\n                        options={[\n                            { label: t('formLabels.sortTypes.date'), value: 'date' },\n                            { label: t('formLabels.sortTypes.typ'), value: 'name' },\n                            { label: t('formLabels.sortTypes.displayName'), value: 'displayName' },\n                        ]}\n                        selectedOption={currentOrder}\n                        small\n                    />\n                </Grid>\n\n                <Grid item xs={6}>\n                    <Box margin=\"7px\">\n                        <Button fullWidth variant=\"contained\" onClick={() => changeOrder(currentOrder)}>\n                            {t('formLabels.sortTypes.invert')}\n                        </Button>\n                    </Box>\n                </Grid>\n            </Grid>\n\n            <Box height={1}>\n                <Divider />\n            </Box>\n            <Box\n                width={1}\n                flex={1}\n                display={'flex'}\n                justifyContent={'center'}\n                alignItems={'center'}\n                flexDirection={'column'}\n            >\n                {_.slice(rows, (page - 1) * perPage, page * perPage).map((row, i) => (\n                    <React.Fragment key={i}>\n                        <Divider />\n                        <Box\n                            marginTop={2}\n                            marginBottom={1.5}\n                            width={1}\n                            display={'flex'}\n                            flexDirection={'column'}\n                            onClick={() => selectOne(i)}\n                        >\n                            <Box width={1} display={'flex'} justifyContent={'space-between'}>\n                                <Box paddingRight={0.25} display={'flex'} alignItems={'center'}>\n                                    <Typography variant=\"body1\">\n                                        {row.invoiceTarget.trim() !== ''\n                                            ? format(new Date(row.invoiceTarget), 'dd.MM.yy')\n                                            : ''}\n                                    </Typography>\n                                </Box>\n                                <Box>\n                                    <Typography variant={'subtitle1'} noWrap style={{ fontWeight: 'inherit' }}>\n                                        {t('docType.' + row.docType)}{' '}\n                                    </Typography>\n                                </Box>\n                            </Box>\n                            <Box marginTop={1} width={1} display={'flex'} justifyContent={'space-between'}>\n                                <Box display={'flex'} alignItems={'center'} marginRight={2}>\n                                    <CheckboxComponent checked={selectedDocs.includes(i)} label={''} />\n                                    <Typography variant={'caption'} style={{ wordBreak: 'break-word' }}>\n                                        {row.displayName}\n                                    </Typography>\n                                </Box>\n                                <Box display={'flex'} alignItems={'center'}>\n                                    <Button\n                                        variant={'outlined'}\n                                        className={'Small'}\n                                        color={'secondary'}\n                                        startIcon={<GetApp style={{ width: 20, height: 20 }} />}\n                                        style={{ borderWidth: '2px' }}\n                                        onClick={() => downloadItems([i])}\n                                    >\n                                        PDF\n                                    </Button>\n                                </Box>\n                            </Box>\n                        </Box>\n                    </React.Fragment>\n                ))}\n                <Grid container justify=\"center\" alignItems=\"center\" spacing={3}>\n                    <Grid item xs={12}>\n                        <Button\n                            variant={'contained'}\n                            fullWidth\n                            color={'primary'}\n                            disabled={selectedDocs.length === 0}\n                            style={{ marginTop: '16px', marginBottom: '8px' }}\n                            onClick={() => downloadItems(selectedDocs)}\n                        >\n                            {t('pages.myInvoices.invoiceList.download')}\n                        </Button>\n                    </Grid>\n                    <Grid item xs={12}>\n                        <Button variant={'outlined'} color={'default'} fullWidth onClick={() => history.goBack()}>\n                            {t('general.back')}\n                        </Button>\n                    </Grid>\n                </Grid>\n                <CustomPagination items={items} isMobile={true} />\n            </Box>\n        </>\n    )\n}\n\nexport default ContractDocumentTableMobile\n","import { gql } from '@apollo/client'\n\nexport const SEARCH_DOCS = gql`\n    query searchDocs($docType: [String!]!) {\n        searchDocs(docType: $docType) {\n            bucket\n            contractID\n            customerID\n            docType\n            path\n            s3Host\n            invoiceTarget\n            targetPeriodId\n            displayName\n            downloadName\n            docID\n        }\n    }\n`\n","import { Customize } from 'utils/customize/customize'\nimport { ApolloError, useLazyQuery } from '@apollo/client'\nimport { usePagination, UsePaginationItem } from '@material-ui/lab'\nimport { useKeycloak } from '@react-keycloak/web'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { SEARCH_DOCS } from 'graphql/queries/SearchDocs'\nimport { Doc, Query, QuerySearchDocsArgs } from 'graphql/types'\nimport _ from 'lodash'\nimport { useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\nimport { dlDoc } from 'utils/dldoc'\nimport { getNewOrder, SortOrder } from 'utils/utils'\nimport { ContractDocumentOrder } from './ContractPage'\n\nexport interface ContractState {\n    loading: boolean\n    searchTerms: SearchOption[]\n    items: UsePaginationItem[]\n    rows: Doc[]\n    changeOrder: (field: ContractDocumentOrder) => void\n    page: number\n    perPage: number\n    contractDateOrder: SortOrder\n    contractNameOrder: SortOrder\n    contractDisplayNameOrder: SortOrder\n    downloadItems: (vi: number[]) => void\n    selectedDocs: number[]\n    selectOne: (index: number) => void\n    selectAll: (e: React.ChangeEvent<HTMLInputElement>) => void\n    customize: Customize | undefined\n}\n\nconst useContractState = (): ContractState => {\n    const { searchTerms, customize } = useSelector((appState: AppState) => ({\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n    const [selectedDocs, setSelectedDocs] = useState<number[]>([])\n\n    const { keycloak } = useKeycloak()\n    const token = keycloak.token ? keycloak.token : ''\n    const [rows, setRows] = useState<Doc[]>([])\n    const [page, setPage] = useState(1)\n    const perPage = 10\n    const onPageChange = (_: any, page: number) => {\n        //setSelected\n        setPage(page)\n    }\n\n    const { items } = usePagination({\n        count: rows.length % perPage === 0 ? Math.floor(rows.length / perPage) : Math.floor(rows.length / perPage) + 1,\n        page: page,\n        onChange: onPageChange,\n    })\n\n    const [contractDateOrder, setContractDateOrder] = useState<SortOrder>('desc')\n    const [contractNameOrder, setContractNameOrder] = useState<SortOrder>(undefined)\n    const [contractDisplayNameOrder, setContractDisplayNameOrder] = useState<SortOrder>(undefined)\n\n    const changeOrder = (field: 'date' | 'name' | 'displayName') => {\n        if (field === 'date') {\n            const newDateOrder = getNewOrder(contractDateOrder)\n            const sorted = _.orderBy(rows, ['invoiceTarget'], [newDateOrder ? newDateOrder : false])\n            setRows(sorted)\n            setContractDateOrder(newDateOrder)\n            return\n        }\n        if (field === 'name') {\n            const newNameOrder = getNewOrder(contractNameOrder)\n            const sorted = _.orderBy(\n                rows,\n                ['docType', 'invoiceTarget'],\n                [newNameOrder ? newNameOrder : false, contractDateOrder ? contractDateOrder : false],\n            )\n            setRows(sorted)\n            setContractNameOrder(newNameOrder)\n            return\n        }\n        if (field === 'displayName') {\n            const newDisplayNameOrder = getNewOrder(contractDisplayNameOrder)\n            const sorted = _.orderBy(\n                rows,\n                ['displayName'],\n                [newDisplayNameOrder ? newDisplayNameOrder : false, contractDateOrder ? contractDateOrder : false],\n            )\n            setRows(sorted)\n            setContractDisplayNameOrder(newDisplayNameOrder)\n            return\n        }\n    }\n\n    const [fetchDocs, { loading }] = useLazyQuery<Query>(SEARCH_DOCS, {\n        fetchPolicy: 'cache-and-network',\n        onCompleted: (data: Query) => {\n            if (data.searchDocs) {\n                const manyDocs: Doc[] = []\n                for (let i = 0; i < 1; i++) {\n                    manyDocs.push(...data.searchDocs)\n                }\n                const sorted = _.orderBy(manyDocs, ['invoiceTarget'], ['desc'])\n                setRows(sorted)\n            }\n        },\n        onError: (error: ApolloError) => console.log(error),\n    })\n\n    // download doc index will be passed here f.e. [0,1,2,3]\n    const downloadItems = (vi: number[]) => {\n        for (let i = 0; i < vi.length; i++) {\n            const offset = (page - 1) * perPage\n            dlDoc(rows[vi[i] + offset].path, rows[vi[i] + offset].bucket, token, rows[vi[i] + offset].downloadName)\n        }\n        contractDisplayNameOrder\n        setSelectedDocs([])\n    }\n\n    const selectAll = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        if (event.target.checked) {\n            // set soft limit to download 10 invoices at a time or the invoicesPerPage number\n            const newSelecteds = rows.slice((page - 1) * perPage, perPage * page).map((_, i) => i)\n            setSelectedDocs(newSelecteds)\n            return\n        }\n        setSelectedDocs([])\n    }\n\n    const selectOne = (index: number) => {\n        let k = -1\n        for (let i = 0; i < selectedDocs.length; i++) {\n            if (selectedDocs[i] === index) {\n                k = i\n                break\n            }\n        }\n        if (k === -1) {\n            selectedDocs.push(index)\n        } else {\n            selectedDocs.splice(k, 1)\n        }\n        setSelectedDocs([...selectedDocs])\n    }\n\n    useEffect(() => {\n        const vars: QuerySearchDocsArgs = {\n            docType: ['CONTRACT_SUMMARY', 'DOCUMENT', 'REMINDER'],\n        }\n        fetchDocs({ variables: vars })\n    }, [])\n\n    return {\n        loading,\n        searchTerms,\n        rows,\n        changeOrder,\n        page,\n        items,\n        contractDateOrder,\n        contractNameOrder,\n        contractDisplayNameOrder,\n        downloadItems,\n        selectedDocs,\n        selectOne,\n        selectAll,\n        perPage,\n        customize,\n    }\n}\n\nexport default useContractState\n","import ContractPage from './ContractPage'\n\nexport default ContractPage\n","import { Hidden } from '@material-ui/core'\nimport ContractDocumentTable from 'components/ContractDocumentTable/ContractDocumentTable'\nimport ContractDocumentTableMobile from 'components/ContractDocumentTableMobile/ContractDocumentTableMobile'\nimport ViewWrapper from 'components/ViewWrapper'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { getHeader, navigationLinks } from 'utils/utils'\nimport useContractState from './useContractState'\n\nexport type ContractDocumentOrder = 'date' | 'name' | 'displayName'\n\nconst ContractPage = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n    const {\n        searchTerms,\n        page,\n        perPage,\n        rows,\n        items,\n        contractDateOrder,\n        contractNameOrder,\n        contractDisplayNameOrder,\n        changeOrder,\n        selectOne,\n        selectAll,\n        selectedDocs,\n        downloadItems,\n        customize,\n    } = useContractState()\n\n    return (\n        <ViewWrapper\n            header={getHeader(`/${t('url.myContracts')}`, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'contracts')}\n        >\n            <>\n                <Hidden mdUp={true}>\n                    <ContractDocumentTableMobile\n                        page={page}\n                        perPage={perPage}\n                        rows={rows}\n                        changeOrder={changeOrder}\n                        contractDateOrder={contractDateOrder}\n                        contractNameOrder={contractNameOrder}\n                        contractDisplayNameOrder={contractDisplayNameOrder}\n                        items={items}\n                        selectedDocs={selectedDocs}\n                        selectAll={selectAll}\n                        selectOne={selectOne}\n                        downloadItems={downloadItems}\n                    />\n                </Hidden>\n                <Hidden smDown={true}>\n                    <ContractDocumentTable\n                        page={page}\n                        perPage={perPage}\n                        rows={rows}\n                        changeOrder={changeOrder}\n                        contractDateOrder={contractDateOrder}\n                        contractNameOrder={contractNameOrder}\n                        contractDisplayNameOrder={contractDisplayNameOrder}\n                        items={items}\n                        selectedDocs={selectedDocs}\n                        selectAll={selectAll}\n                        selectOne={selectOne}\n                        downloadItems={downloadItems}\n                    />\n                </Hidden>\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default ContractPage\n","import { Box, Button, Link, makeStyles, Theme, Typography, useMediaQuery } from '@material-ui/core'\nimport * as React from 'react'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface DashboardSectionBoxProps {\n    title: string\n    children: JSX.Element\n    buttonProps?: {\n        label: string\n        onClick: () => void\n    }\n    buttonProps2?: {\n        label: string\n        onClick: () => void\n        disabled?: boolean\n    }\n    testCategory?: string\n    height?: any\n    isTitleClickable?: boolean\n    buttonSubtitle?: string\n    displayButtonSubtitle?: boolean\n}\n\nconst useStyles = makeStyles(() => ({\n    childrenWrapper: {\n        '& .MuiFilledInput-root': {\n            backgroundColor: colors.white,\n            '&.Mui-disabled': {\n                backgroundColor: colors.lightGray,\n            },\n            '& .MuiSelect-select:focus': {\n                backgroundColor: colors.white,\n            },\n        },\n    },\n}))\n\nconst DashboardSectionBox = (props: DashboardSectionBoxProps): JSX.Element => {\n    const {\n        title,\n        children,\n        buttonProps,\n        buttonProps2,\n        testCategory,\n        height,\n        isTitleClickable,\n        buttonSubtitle,\n        displayButtonSubtitle,\n    } = props\n    const classes = useStyles()\n\n    const disabled = displayButtonSubtitle || buttonProps2?.disabled\n\n    return (\n        <>\n            <Box\n                {...TestIDs.GET_DASHBOARD_SECTION_BOX('BOX', testCategory)}\n                bgcolor={colors.lightGray}\n                width={1}\n                flex={1}\n                display={'flex'}\n                justifyContent={'center'}\n                alignItems={'center'}\n                flexDirection={'column'}\n                padding={{ xs: 2, sm: 4 }}\n                height={height}\n            >\n                <Box width={1} paddingBottom={2} textAlign={{ xs: 'center', sm: 'start' }}>\n                    {isTitleClickable ? (\n                        <Link\n                            component={'a'}\n                            underline={'hover'}\n                            color={'textPrimary'}\n                            onClick={buttonProps && buttonProps.onClick}\n                            {...TestIDs.GET_DASHBOARD_SECTION_BOX('TITLE', testCategory + '_isClickable')}\n                        >\n                            <Typography\n                                style={{ cursor: 'pointer' }}\n                                variant={'h2'}\n                                {...TestIDs.GET_DASHBOARD_SECTION_BOX('TITLE', testCategory)}\n                            >\n                                {title}\n                            </Typography>\n                        </Link>\n                    ) : (\n                        <Typography variant={'h2'} {...TestIDs.GET_DASHBOARD_SECTION_BOX('TITLE', testCategory)}>\n                            {title}\n                        </Typography>\n                    )}\n                </Box>\n                {children && (\n                    <Box\n                        className={classes.childrenWrapper}\n                        width={1}\n                        flex={1}\n                        display={'flex'}\n                        flexDirection={'column'}\n                    >\n                        {children}\n                    </Box>\n                )}\n                {buttonProps && (\n                    <Box\n                        width={1}\n                        display={'flex'}\n                        paddingTop={{ xs: 2, sm: 4 }}\n                        justifyContent={{ xs: 'center', sm: 'flex-end' }}\n                    >\n                        <Button\n                            variant={'outlined'}\n                            onClick={buttonProps.onClick}\n                            style={{ minWidth: 250, backgroundColor: colors.white }}\n                            fullWidth={useMediaQuery((theme: Theme) => theme.breakpoints.down('xs'))}\n                            {...TestIDs.GET_DASHBOARD_SECTION_BOX('BUTTON', testCategory)}\n                        >\n                            {buttonProps.label}\n                        </Button>\n                    </Box>\n                )}\n                {buttonProps2 && (\n                    <Box\n                        width={1}\n                        display={'flex'}\n                        paddingTop={{ xs: 2, sm: 4 }}\n                        justifyContent={{ xs: 'center', sm: 'flex-end' }}\n                    >\n                        <Button\n                            variant={'contained'}\n                            disabled={disabled}\n                            onClick={buttonProps2.onClick}\n                            style={{\n                                minWidth: 250,\n                                backgroundColor: disabled ? colors.midGray : colors.main,\n                                color: disabled ? colors.midDarkerGray : colors.white,\n                            }}\n                            fullWidth={useMediaQuery((theme: Theme) => theme.breakpoints.down('xs'))}\n                            {...TestIDs.GET_DASHBOARD_SECTION_BOX('BUTTON2', testCategory)}\n                        >\n                            {buttonProps2.label}\n                        </Button>\n                    </Box>\n                )}\n            </Box>\n            {buttonSubtitle && displayButtonSubtitle && displayButtonSubtitle && (\n                <Box\n                    bgcolor={colors.lightGray}\n                    width={1}\n                    flex={1}\n                    display={'flex'}\n                    justifyContent={'center'}\n                    alignItems={'center'}\n                    flexDirection={'column'}\n                    marginTop={-2}\n                    paddingX={1}\n                    paddingBottom={1}\n                >\n                    <Typography variant={'caption'}>{buttonSubtitle}</Typography>\n                </Box>\n            )}\n        </>\n    )\n}\n\nexport default DashboardSectionBox\n","import DashboardSectionBox from './DashboardSectionBox'\n\nexport default DashboardSectionBox\n","import { Box, makeStyles, Typography } from '@material-ui/core'\nimport {\n    Timeline,\n    TimelineConnector,\n    TimelineContent,\n    TimelineDot,\n    TimelineItem,\n    TimelineSeparator,\n} from '@material-ui/lab'\nimport { OrderStatus as OrderStatusType, OrderStatusEnum } from 'graphql/types'\nimport * as React from 'react'\nimport colors from 'theme/colors'\n\nexport interface OrderStatusProps {\n    statuses: OrderStatusType[]\n}\n\nconst getGradient = (currentStatus: OrderStatusEnum, nextStatus: OrderStatusEnum): string => {\n    const firstColor = colorForStatus(currentStatus)\n    const secondColor = colorForStatus(nextStatus)\n    return `linear-gradient(180deg, ${firstColor} 0%, ${firstColor} 50%, ${secondColor} 50%, ${secondColor} 100%)`\n}\n\nconst colorForStatus = (s: OrderStatusEnum): string => {\n    switch (s) {\n        case OrderStatusEnum.DONE:\n            return colors.orderStatusCompleted\n        case OrderStatusEnum.NEW:\n            return colors.orderStatusNotCompleted\n        case OrderStatusEnum.IN_PROGRESS:\n            return colors.orderStatusInProgress\n        case OrderStatusEnum.WARN:\n            return colors.orderStatusWarn\n        case OrderStatusEnum.ERROR:\n            return colors.orderStatusError\n        default:\n            return colors.lightDarkerGray\n    }\n}\n\nconst useStyles = makeStyles(() => ({\n    timeline: { margin: 0, padding: 0, flex: 'unset' },\n    timelineItem: {\n        minHeight: 0,\n        '&:before': {\n            content: null,\n            flex: 'unset',\n            padding: 0,\n        },\n    },\n    timelineDot: { padding: 0, margin: 0, border: 0 },\n    timelineConnector: {\n        minHeight: 28,\n        width: 4,\n    },\n    statusBox: {\n        display: 'flex',\n        width: 40,\n        height: 40,\n        borderRadius: 20,\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n}))\n\nconst OrderStatus = (props: OrderStatusProps): JSX.Element => {\n    const { statuses } = props\n    const classes = useStyles()\n\n    const CompletedStatus = (): JSX.Element => (\n        <Box className={classes.statusBox} bgcolor={colors.orderStatusCompleted}>\n            <img src={process.env.PUBLIC_URL + '/customize/icons/check.svg'} alt={''} height={25} width={25} />\n        </Box>\n    )\n\n    const NotCompletedStatus = (): JSX.Element => (\n        <Box className={classes.statusBox} bgcolor={colors.orderStatusNotCompleted}></Box>\n    )\n\n    const InProgressStatus = (): JSX.Element => (\n        <Box className={classes.statusBox} bgcolor={colors.orderStatusInProgress}>\n            <img src={process.env.PUBLIC_URL + '/customize/icons/progress.svg'} alt={''} height={25} width={25} />\n        </Box>\n    )\n\n    const WarnStatus = (): JSX.Element => (\n        <Box className={classes.statusBox} bgcolor={colors.orderStatusWarn}>\n            <img src={process.env.PUBLIC_URL + '/customize/icons/mark.svg'} alt={''} height={25} width={25} />\n        </Box>\n    )\n    const ErrorStatus = (): JSX.Element => (\n        <Box className={classes.statusBox} bgcolor={colors.orderStatusError}>\n            <img src={process.env.PUBLIC_URL + '/customize/icons/error.svg'} alt={''} height={25} width={25} />\n        </Box>\n    )\n\n    if (statuses.length === 0) {\n        return <></>\n    }\n\n    return (\n        <Timeline align={'left'} className={classes.timeline}>\n            {statuses.map((item, index) => {\n                return (\n                    <TimelineItem key={index} className={classes.timelineItem}>\n                        <TimelineSeparator>\n                            <TimelineDot className={classes.timelineDot}>\n                                {item.status === OrderStatusEnum.DONE && <CompletedStatus />}\n                                {item.status === OrderStatusEnum.IN_PROGRESS && <InProgressStatus />}\n                                {item.status === OrderStatusEnum.NEW && <NotCompletedStatus />}\n                                {item.status === OrderStatusEnum.WARN && <WarnStatus />}\n                                {item.status === OrderStatusEnum.ERROR && <ErrorStatus />}\n                            </TimelineDot>\n                            {index !== statuses.length - 1 && (\n                                <TimelineConnector\n                                    className={classes.timelineConnector}\n                                    style={{\n                                        backgroundImage: getGradient(item.status, statuses[index + 1].status),\n                                    }}\n                                />\n                            )}\n                        </TimelineSeparator>\n                        <TimelineContent style={{ flex: 'unset' }}>\n                            <Box color={item.status === OrderStatusEnum.NEW ? colors.lightDarkerGray : colors.black}>\n                                <Typography variant={'subtitle1'} color={'inherit'}>\n                                    {item.title}\n                                </Typography>\n                                <Typography variant={'subtitle2'} color={'inherit'}>\n                                    {item.details}\n                                </Typography>\n                            </Box>\n                        </TimelineContent>\n                    </TimelineItem>\n                )\n            })}\n        </Timeline>\n    )\n}\n\nexport default OrderStatus\n","import OrderStatus from './OrderStatus'\n\nexport default OrderStatus\n","import gql from 'graphql-tag'\n\nexport default gql`\n    query GetOrderStatus($input: OrderStatusInput!) {\n        getOrderStatus(input: $input) {\n            status\n            title\n            details\n        }\n    }\n`\n","import { Customize } from 'utils/customize/customize'\nimport { useLazyQuery } from '@apollo/client'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { parse } from 'date-fns'\nimport GetOrderStatus from 'graphql/queries/GetOrderStatus'\nimport { FaqCategory, OrderStatus, OrderStatusInput, Query, TipsTricks, User } from 'graphql/types'\nimport _ from 'lodash'\nimport { Dispatch, useCallback, useEffect, useLayoutEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useDispatch, useSelector } from 'react-redux'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { FAQS_TIPS, translateSearchTerms } from 'utils/utils'\n\ninterface UseDashboardStateReturn {\n    orderStatus: OrderStatus[]\n    //invoices: Invoice[]\n    user: User | undefined\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n}\n\nconst useDashboardState = (): UseDashboardStateReturn => {\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n    // const history = useHistory()\n\n    const { t } = useTranslation()\n    const [orderStatus, setOrderStatus] = useState<OrderStatus[]>([])\n\n    const { user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n\n    const setFaqList = useCallback(\n        (payload: FaqCategory[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_FAQ_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const setTipsList = useCallback(\n        (payload: TipsTricks[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_TIPS_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    //const setInvoices = useCallback(\n    //(payload: Invoice[]) => {\n    //dispatch({\n    //type: GeneralStateAction.SET_INVOICES,\n    //payload,\n    //})\n    //},\n    //[dispatch],\n    //)\n\n    const setSearchTerms = useCallback(\n        (payload: SearchOption[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_SEARCH_TERMS,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const [getOrderStatus] = useLazyQuery<Query>(GetOrderStatus, {\n        fetchPolicy: 'cache-and-network',\n        onCompleted: (data) => {\n            if (data && data.getOrderStatus) {\n                setOrderStatus(data.getOrderStatus)\n            }\n        },\n    })\n\n    useLayoutEffect(() => {\n        // @ts-expect-error: Importing faqs_tips from public folder\n        const faqs_tips: FAQS_TIPS = window.faqs_tips\n        // @ts-expect-error: Importing searchTerms from public folder\n        const searchTerms: SearchOption[] = window.searchTerms.options\n\n        setSearchTerms(translateSearchTerms(searchTerms, t))\n        setFaqList(faqs_tips.faqs)\n        setTipsList(faqs_tips.tips_and_tricks)\n    }, [])\n\n    useEffect(() => {\n        if (user) {\n            if (user.contractMetaData.activeContracts.length > 0) {\n                //get newest contract\n                const contracts = user.contractMetaData.activeContracts\n                const sortedContracts = _.sortBy(contracts, (c) => {\n                    return parse(c.contractStart, 'yyyy-MM-dd', new Date()).getTime()\n                })\n                //search booking status\n                const vars: OrderStatusInput = {\n                    contractID: sortedContracts[sortedContracts.length - 1].contractID,\n                }\n                getOrderStatus({ variables: { input: vars } })\n            }\n        }\n    }, [user])\n\n    return {\n        orderStatus,\n        user,\n        searchTerms,\n        customize,\n    }\n}\n\nexport default useDashboardState\n","import DashboardPage from './DashboardPage'\n\nexport default DashboardPage\n","import { Box, Grid } from '@material-ui/core'\nimport Typography from '@material-ui/core/Typography'\nimport DashboardSectionBox from 'components/DashboardSectionBox'\nimport OrderStatus from 'components/OrderStatus'\nimport ViewWrapper from 'components/ViewWrapper'\nimport useDashboardState from 'pages/DashboardPage/useDashboardState'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst DashboardPage = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n\n    const { searchTerms, orderStatus, customize, user } = useDashboardState()\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'dashboard')}\n        >\n            <Box display={'flex'} flexDirection={'column'} marginBottom={10}>\n                <Box width={1}>\n                    <Typography variant={'h1'} {...TestIDs.GET_DASHBOARD_PAGE('HEADLINE', 'MAIN')}>\n                        {t('pages.dashboard.title.overview')}\n                    </Typography>\n                </Box>\n                <Box marginTop={1}>\n                    <Typography variant={'subtitle1'} {...TestIDs.GET_DASHBOARD_PAGE('SUBLINE', 'MAIN')}>\n                        {t('pages.dashboard.subTitle.overview')}\n                    </Typography>\n                </Box>\n\n                {orderStatus.length > 0 && (\n                    <Grid\n                        container\n                        spacing={3}\n                        direction=\"row\"\n                        justify=\"flex-start\"\n                        alignItems=\"stretch\"\n                        style={{ marginTop: 30 }}\n                    >\n                        <Grid item xs={12}>\n                            <Typography variant=\"h1\">{t('pages.dashboard.orderStatus.title')}</Typography>\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <Typography variant=\"body1\" style={{ marginBottom: 20, fontWeight: 700 }}>\n                                {t('pages.dashboard.orderStatus.info1')}\n                            </Typography>\n                            <Typography variant=\"body1\" style={{ marginBottom: 20 }}>\n                                {t('pages.dashboard.orderStatus.info2')}\n                            </Typography>\n                            <Typography variant=\"body1\" style={{ marginBottom: 20 }}>\n                                {t('pages.dashboard.orderStatus.info3')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <DashboardSectionBox\n                                title={''}\n                                isTitleClickable={false}\n                                testCategory={'MY_DATA_DASHBOARD'}\n                                height={'100%'}\n                            >\n                                <OrderStatus statuses={orderStatus} />\n                            </DashboardSectionBox>\n                        </Grid>\n                    </Grid>\n                )}\n                <Grid\n                    container\n                    spacing={3}\n                    direction=\"row\"\n                    justify=\"flex-start\"\n                    alignItems=\"stretch\"\n                    style={{ marginTop: 1, marginBottom: 10 }}\n                >\n                    {user && user.isCATVCustomer && (\n                        <Grid item xs={12} md={6}>\n                            <DashboardSectionBox\n                                title={t('pages.dashboard.catv.title')}\n                                isTitleClickable={true}\n                                buttonProps={{\n                                    label: t('pages.dashboard.catv.btn'),\n                                    onClick: (): void => {\n                                        window.open(user.catvData, '_blank')?.focus()\n                                    },\n                                }}\n                                testCategory={'CATV_DASHBOARD'}\n                                height={'100%'}\n                            >\n                                <Typography style={{ marginTop: 16 }}>{t('pages.dashboard.catv.helper')}</Typography>\n                            </DashboardSectionBox>\n                        </Grid>\n                    )}\n                    <Grid item xs={12} md={6}>\n                        <DashboardSectionBox\n                            title={t('pages.dashboard.myData.title')}\n                            isTitleClickable={true}\n                            buttonProps={{\n                                label: t('pages.dashboard.myData.title'),\n                                onClick: (): void => history.push(Routes.MyData),\n                            }}\n                            testCategory={'MY_DATA_DASHBOARD'}\n                            height={'100%'}\n                        >\n                            <Typography style={{ marginTop: 16 }}>{t('pages.dashboard.myData.helper')}</Typography>\n                        </DashboardSectionBox>\n                    </Grid>\n                    <Grid item xs={12} md={6}>\n                        <DashboardSectionBox\n                            title={t('pages.dashboard.lastInvoice.title')}\n                            isTitleClickable={true}\n                            buttonProps={{\n                                label: t('pages.dashboard.lastInvoice.submitButton'),\n                                onClick: (): void => history.push(Routes.Invoices),\n                            }}\n                            testCategory={'LAST_INVOICE'}\n                            height={'100%'}\n                        >\n                            <Typography style={{ marginTop: 16 }}>{t('pages.dashboard.lastInvoice.helper')}</Typography>\n                        </DashboardSectionBox>\n                    </Grid>\n                    <Grid item xs={12} md={6}>\n                        <DashboardSectionBox\n                            title={t('pages.dashboard.myContracts.title')}\n                            isTitleClickable={true}\n                            buttonProps={{\n                                label: t('pages.dashboard.myContracts.submitButton'),\n                                onClick: (): void => history.push('/contractOverview'),\n                            }}\n                            buttonProps2={{\n                                label: t('pages.dashboard.myContracts.cancelButton'),\n                                onClick: (): void => history.push('/cancelContract'),\n                            }}\n                            testCategory={'CONTRACT_OVERVIEW'}\n                        >\n                            <Typography style={{ marginTop: 16 }}>{t('pages.dashboard.myContracts.helper')}</Typography>\n                        </DashboardSectionBox>\n                    </Grid>\n                </Grid>\n            </Box>\n        </ViewWrapper>\n    )\n}\n\nexport default DashboardPage\n","import { Box, Container, Grid } from '@material-ui/core'\nimport Footer from 'components/Footer'\nimport Header, { HeaderProps } from 'components/Header/Header'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport NavigationBar, { NavigationBarProps } from 'components/NavigationBar/NavigationBar'\nimport * as React from 'react'\n\nexport interface ViewWrapperProps {\n    header: HeaderProps\n    loading: boolean\n    children?: JSX.Element\n    navigation?: NavigationBarProps\n}\n\nconst ViewWrapperPublic = (props: ViewWrapperProps): JSX.Element => {\n    const { children, navigation, header, loading } = props\n\n    return (\n        <>\n            <Header {...header} />\n            {navigation && <NavigationBar {...navigation} />}\n            {children && (\n                <Container maxWidth={'md'}>\n                    <Box marginTop={{ xs: 5, sm: 10 }} width={1}>\n                        {children}\n                    </Box>\n                    <Grid item xs={12}>\n                        <LoadingSpinner loading={loading} />\n                    </Grid>\n                </Container>\n            )}\n            <Footer />\n        </>\n    )\n}\n\nexport default ViewWrapperPublic\n","import gql from 'graphql-tag'\n\nexport const REQUEST_USERNAME = gql`\n    query requestUsername($email: String!) {\n        requestUsername(email: $email)\n    }\n`\n","import { Box, Button, Fade, Grid, Link, TextField, Typography } from '@material-ui/core'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapperPublic from 'components/ViewWrapperPublic/ViewWrapperPublic'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Routes } from 'routes/routes'\nimport { getHeader } from 'utils/utils'\nimport { useForgotUsername } from './useForgotUsername'\n\nconst ForgotUsernamePage = (): JSX.Element => {\n    const { success, loading, history, email, setEmail, requestUsername, customize } = useForgotUsername()\n    const { t } = useTranslation()\n\n    return (\n        <ViewWrapperPublic header={getHeader(Routes.Dashboard, history, [], customize)} loading={false}>\n            <Box marginTop={'5%'} marginBottom={'15%'}>\n                <FieldWrapper text=\"\">\n                    <Grid container spacing={3}>\n                        <Grid item xs={12}>\n                            <Typography variant=\"h4\">{t('pages.forgotUsername.title')}</Typography>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Typography variant=\"body1\">{t('pages.forgotUsername.help1')}</Typography>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <TextField\n                                variant=\"filled\"\n                                fullWidth\n                                label={t('pages.forgotUsername.email')}\n                                value={email}\n                                onChange={(e) => setEmail(e.target.value)}\n                                inputProps={{\n                                    style: { backgroundColor: 'white' },\n                                }}\n                                style={{ marginTop: 15 }}\n                            />\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Link href=\"#\" style={{ color: 'black' }}>\n                                <Typography style={{ paddingTop: 10, paddingBottom: 10 }} variant=\"body1\">\n                                    {t('pages.forgotUsername.backToLogin')}\n                                </Typography>\n                            </Link>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Button\n                                variant=\"contained\"\n                                color=\"primary\"\n                                disabled={loading || success === true || success === false}\n                                onClick={requestUsername}\n                            >\n                                {t('pages.forgotUsername.submit')}\n                                {loading && <>...</>}\n                            </Button>\n                        </Grid>\n                        {success === true && (\n                            <Fade in={success} timeout={1000}>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\" style={{ marginTop: 15 }}>\n                                        {t('pages.forgotUsername.messageSend')}\n                                    </Typography>\n                                </Grid>\n                            </Fade>\n                        )}\n                        {success === false && (\n                            <Fade in={success} timeout={1000}>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\" style={{ marginTop: 15 }}>\n                                        {t('pages.forgotUsername.messageFail')}\n                                    </Typography>\n                                </Grid>\n                            </Fade>\n                        )}\n                    </Grid>\n                </FieldWrapper>\n            </Box>\n        </ViewWrapperPublic>\n    )\n}\n\nexport default ForgotUsernamePage\n","import { Customize } from 'utils/customize/customize'\nimport { useLazyQuery } from '@apollo/client'\nimport { REQUEST_USERNAME } from 'graphql/queries/RequestUsername'\nimport { Query, QueryRequestUsernameArgs } from 'graphql/types'\nimport { History } from 'history'\nimport { Dispatch, SetStateAction, useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { isEmail } from 'utils/utils'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\n\ntype forgotUsernameState = {\n    success: boolean | null\n    loading: boolean\n    history: History<unknown>\n    email: string\n    setEmail: Dispatch<SetStateAction<string>>\n    requestUsername: () => void\n    customize: Customize | undefined\n}\n\nexport const useForgotUsername = (): forgotUsernameState => {\n    const history = useHistory()\n    const [success, setSuccess] = useState<boolean | null>(null)\n    const [email, setEmail] = useState('')\n\n    const { customize } = useSelector((appState: AppState) => ({\n        customize: appState.generalState.customize,\n    }))\n\n    const [fetchUsername] = useLazyQuery<Query>(REQUEST_USERNAME, {\n        onCompleted: (data) => {\n            if (data.requestUsername === true) {\n                setSuccess(true)\n            } else {\n                setSuccess(false)\n            }\n        },\n    })\n\n    const requestUsername = (): void => {\n        if (email !== '' && isEmail(email)) {\n            const vars: QueryRequestUsernameArgs = { email }\n            fetchUsername({ variables: vars })\n        }\n    }\n\n    return {\n        success,\n        loading: false,\n        history,\n        email,\n        setEmail,\n        requestUsername,\n        customize,\n    }\n}\n","import FaqTipsList from './FaqTipsList'\n\nexport default FaqTipsList\n","import { Grid, Link } from '@material-ui/core'\nimport DashboardSectionBox from 'components/DashboardSectionBox'\nimport { FaqCategory, FaqEntry, TipsTricks } from 'graphql/types'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface FaqTipsListProps {\n    displayMethod: string\n    faqList: FaqCategory[] | undefined\n    tipsList: TipsTricks[] | undefined\n    categoryToHide: string // Either a faq category id, or \"tips\"\n}\n\nconst FaqTipsList = (props: FaqTipsListProps): JSX.Element => {\n    const { displayMethod, categoryToHide, faqList, tipsList } = props\n    const { t } = useTranslation()\n    const history = useHistory()\n\n    return (\n        <>\n            {faqList &&\n                faqList.length > 0 &&\n                faqList\n                    .filter((faqCategory: FaqCategory) => faqCategory.id !== categoryToHide)\n                    .map((faqCategory: FaqCategory, i: number) => (\n                        <Grid key={i} item xs={12} sm={6}>\n                            <DashboardSectionBox\n                                title={faqCategory.category}\n                                isTitleClickable={true}\n                                buttonProps={{\n                                    label: t('general.more'),\n                                    onClick: () => history.push(`${Routes.Help}/${displayMethod}/${faqCategory.id}`),\n                                }}\n                                height={1}\n                                testCategory={faqCategory.category}\n                            >\n                                <Grid container spacing={2}>\n                                    {faqCategory.questions\n                                        .filter((faq: FaqEntry) => {\n                                            return faq.showOnOverview\n                                        })\n                                        .map((faq: FaqEntry) => (\n                                            <Grid item xs={12} sm={12} key={faq.id}>\n                                                <Link\n                                                    href={`#${Routes.Help}/${displayMethod}/${faqCategory.id}/${faq.id}`}\n                                                    underline=\"always\"\n                                                    color=\"textPrimary\"\n                                                    variant=\"body1\"\n                                                    {...TestIDs.GET_HELP_OVERVIEW('HELP_ENTRY', faq.id)}\n                                                >\n                                                    {faq.question}\n                                                </Link>\n                                            </Grid>\n                                        ))}\n                                </Grid>\n                            </DashboardSectionBox>\n                        </Grid>\n                    ))}\n            {tipsList !== undefined && tipsList.length > 0 && categoryToHide !== 'tips' && (\n                <Grid item xs={12}>\n                    <DashboardSectionBox\n                        title={t(`pages.helpOverview.tip.title`)}\n                        isTitleClickable={true}\n                        buttonProps={{\n                            label: t(`pages.helpOverview.tip.more`),\n                            onClick: () => history.push(Routes.Tips),\n                        }}\n                        testCategory={'tips'}\n                    >\n                        <Grid container spacing={2}>\n                            {tipsList\n                                .filter((tip: TipsTricks) => tip.showOnOverview)\n                                .map((tip: TipsTricks, i: number) => (\n                                    <Grid item xs={12} sm={12} key={i}>\n                                        <Link\n                                            onClick={() => history.push(`/tips/${tip.id}`)}\n                                            variant={'body1'}\n                                            style={{ cursor: 'pointer' }}\n                                            underline={'always'}\n                                            color={'textPrimary'}\n                                            {...TestIDs.GET_TIPS_OVERVIEW('TIP_ENTRY', tip.id)}\n                                        >\n                                            {tip.title}\n                                        </Link>\n                                    </Grid>\n                                ))}\n                        </Grid>\n                    </DashboardSectionBox>\n                </Grid>\n            )}\n        </>\n    )\n}\n\nexport default FaqTipsList\n","import HelpCollapsable from './HelpCollapsable'\n\nexport default HelpCollapsable\n","import { Box, ButtonBase, Collapse, Typography } from '@material-ui/core'\nimport { FaqCategory, FaqEntry } from 'graphql/types'\nimport React, { useLayoutEffect, useState } from 'react'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface HelpCollapsableProps {\n    faqs: FaqCategory\n    selectedFaq?: string\n}\n\nconst HelpCollapsable = (props: HelpCollapsableProps): JSX.Element => {\n    const { faqs, selectedFaq } = props\n    const [openedFaqs, setOpenedFaqs] = useState<string[]>(selectedFaq ? [selectedFaq] : [])\n\n    useLayoutEffect(() => {\n        setOpenedFaqs(selectedFaq ? [selectedFaq] : [])\n    }, [props])\n\n    const openFaq = (faqID: string): void => {\n        const currentlyOpenedFaqs = [...openedFaqs]\n        if (!currentlyOpenedFaqs.includes(faqID)) {\n            currentlyOpenedFaqs.push(faqID)\n            setOpenedFaqs(currentlyOpenedFaqs)\n        }\n    }\n    const closeFaq = (faqID: string): void => {\n        const currentlyOpenedFaqs = [...openedFaqs]\n        const faqToCloseIndex = currentlyOpenedFaqs.findIndex((id) => id === faqID)\n        if (faqToCloseIndex !== -1) {\n            currentlyOpenedFaqs.splice(faqToCloseIndex, 1)\n            setOpenedFaqs(currentlyOpenedFaqs)\n        }\n    }\n\n    const renderRow = (question: FaqEntry, i: number): JSX.Element => (\n        <Box\n            key={question.id}\n            id={question.id}\n            borderTop={`${i === 0 ? 2 : 1}px solid ${colors.lightBorderGray}`}\n            borderBottom={`${i === faqs.questions.length - 1 ? 2 : 1}px solid ${colors.lightBorderGray}`}\n        >\n            <ButtonBase\n                {...TestIDs.GET_HELP_DETAILS('QUESTION', question.id)}\n                onClick={() => {\n                    if (openedFaqs.includes(question.id)) {\n                        closeFaq(question.id)\n                    } else {\n                        openFaq(question.id)\n                    }\n                }}\n                style={{ width: '100%' }}\n                TouchRippleProps={{ style: { color: colors.lightDarkerGray } }}\n            >\n                <Box\n                    paddingTop={{ xs: 2, sm: 4 }}\n                    paddingBottom={{ xs: 2, sm: 4 }}\n                    flex={1}\n                    paddingLeft={{ xs: 2, sm: 3 }}\n                    paddingRight={{ xs: 2, sm: 3 }}\n                    display={'flex'}\n                    justifyContent={'space-between'}\n                >\n                    <Typography variant={'h2'} className={'CollapsableTitle'}>\n                        {question.question}\n                    </Typography>\n                    <img\n                        alt={'/\\\\'}\n                        src={process.env.PUBLIC_URL + '/customize/icons/dropdown.svg'}\n                        style={{\n                            transform: `rotate(${openedFaqs.includes(question.id) ? '180deg' : '0deg'})`,\n                            transition: 'transform 250ms',\n                            width: 27,\n                        }}\n                    />\n                </Box>\n            </ButtonBase>\n            <Box>\n                <Collapse in={openedFaqs.includes(question.id)} unmountOnExit>\n                    <Box padding={3}>\n                        <Typography\n                            dangerouslySetInnerHTML={{ __html: question.answer }}\n                            {...TestIDs.GET_HELP_DETAILS('ANSWER', question.id)}\n                        />\n                    </Box>\n                </Collapse>\n            </Box>\n        </Box>\n    )\n\n    return <Box {...TestIDs.GET_HELP_DETAILS('FAQ_LIST', 'collapse')}>{faqs.questions.map(renderRow)}</Box>\n}\n\nexport default HelpCollapsable\n","import HelpText from './HelpText'\n\nexport default HelpText\n","import { Box, Divider, Typography } from '@material-ui/core'\nimport { FaqCategory } from 'graphql/types'\nimport * as React from 'react'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface HelpTextProps {\n    faqs: FaqCategory\n}\n\nconst HelpText = (props: HelpTextProps): JSX.Element => {\n    const { faqs } = props\n\n    return (\n        <Box {...TestIDs.GET_HELP_DETAILS('FAQ_LIST', 'text')}>\n            {faqs.questions.map((question) => (\n                <Box key={question.id} id={question.id}>\n                    <Box>\n                        <Typography variant={'h2'} {...TestIDs.GET_HELP_DETAILS('QUESTION', question.id)}>\n                            {question.question}\n                        </Typography>\n                    </Box>\n                    <Box marginTop={3}>\n                        <Typography\n                            dangerouslySetInnerHTML={{ __html: question.answer }}\n                            {...TestIDs.GET_HELP_DETAILS('ANSWER', question.id)}\n                        />\n                    </Box>\n                    <Box marginTop={4} marginBottom={4}>\n                        <Divider />\n                    </Box>\n                </Box>\n            ))}\n        </Box>\n    )\n}\n\nexport default HelpText\n","import { SearchOption } from 'components/SearchBar/SearchBar'\nimport { FaqCategory, User } from 'graphql/types'\nimport { HelpDetailsProps } from 'pages/HelpDetails/HelpDetails'\nimport { Dispatch, useCallback, useEffect, useLayoutEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { Customize } from 'utils/customize/customize'\nimport { FAQS_TIPS } from 'utils/utils'\nimport { TipsTricks } from '../../graphql/types'\n\ninterface useHelpDetailsState {\n    faqList: FaqCategory[]\n    tipsList: TipsTricks[]\n    currentFaqCategory: FaqCategory | undefined\n    user: User | undefined\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n}\n\nconst useHelpDetailsState = (props: HelpDetailsProps): useHelpDetailsState => {\n    const { categoryID, questionID } = props\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n\n    const { faqList, tipsList, user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        faqList: appState.generalState.faqList,\n        tipsList: appState.generalState.tipsList,\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n    const [currentFaqCategory, setCurrentFaqCategory] = useState<FaqCategory>()\n\n    const setFaqList = useCallback(\n        (payload: FaqCategory[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_FAQ_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const setTipsList = useCallback(\n        (payload: TipsTricks[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_TIPS_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    useLayoutEffect(() => {\n        // @ts-expect-error: Importing faqs_tips from public folder\n        const faqs_tips: FAQS_TIPS = window.faqs_tips\n        if (faqList.length === 0) {\n            setFaqList(faqs_tips.faqs)\n            setTipsList(faqs_tips.tips_and_tricks)\n        }\n        const currentFaqCategory = faqs_tips.faqs.find((faq) => {\n            return faq.id === categoryID\n        })\n        if (currentFaqCategory) {\n            setCurrentFaqCategory(currentFaqCategory)\n        }\n    })\n\n    useEffect(() => {\n        if (questionID) {\n            const questionToScrollTo = document.getElementById(questionID)\n            if (questionToScrollTo) {\n                questionToScrollTo.scrollIntoView()\n            }\n        } else {\n            window.scrollTo({ top: 0 })\n        }\n    })\n\n    return {\n        faqList,\n        tipsList,\n        currentFaqCategory,\n        user,\n        searchTerms,\n        customize,\n    }\n}\n\nexport default useHelpDetailsState\n","import HelpDetails from './HelpDetails'\n\nexport default HelpDetails\n","import { Box, Button, Grid, Link, Typography } from '@material-ui/core'\nimport FaqTipsList from 'components/FaqTipsList'\nimport HelpCollapsable from 'components/HelpCollapsable'\nimport HelpText from 'components/HelpText'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { FaqEntry } from 'graphql/types'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { RouteComponentProps, useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { getHeader, navigationLinks } from 'utils/utils'\nimport TestIDs from '../../utils/TestIDs'\nimport useHelpDetailsState from './useHelpDetailsState'\n\nexport interface HelpDetailsProps {\n    displayMethod: string\n    categoryID: string\n    questionID?: string\n}\n\nconst HelpDetails = (props: RouteComponentProps<HelpDetailsProps>): JSX.Element => {\n    const { displayMethod, categoryID, questionID } = props.match.params\n    const { t } = useTranslation()\n    const history = useHistory()\n    const { faqList, tipsList, currentFaqCategory, searchTerms, customize } = useHelpDetailsState(props.match.params)\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'help')}\n        >\n            {currentFaqCategory && (\n                <Box display={'flex'} flexDirection={'column'} marginBottom={7.5}>\n                    <Box width={1} marginBottom={{ xs: 4, sm: 8 }}>\n                        <Typography variant={'h1'} {...TestIDs.GET_HELP_DETAILS('HEADLINE')}>\n                            {currentFaqCategory.category}\n                        </Typography>\n                    </Box>\n\n                    <Box marginBottom={{ xs: 4, sm: 9 }}>\n                        {displayMethod === t('url.displayMethod.collapse') && (\n                            <HelpCollapsable faqs={currentFaqCategory} selectedFaq={questionID} />\n                        )}\n                        {displayMethod === t('url.displayMethod.text') && (\n                            <>\n                                <Box width={1} marginBottom={{ xs: 6, sm: 12 }}>\n                                    <Box\n                                        width={1}\n                                        display={'flex'}\n                                        flexDirection={{ xs: 'column', sm: 'row' }}\n                                        marginTop={2}\n                                        {...TestIDs.GET_HELP_DETAILS('FAQ_LIST')}\n                                    >\n                                        <Grid container spacing={2}>\n                                            {currentFaqCategory.questions.map((faq: FaqEntry) => (\n                                                <Grid item xs={12} sm={6} key={faq.id}>\n                                                    <Link\n                                                        href={`#${Routes.Help}/${displayMethod}/${categoryID}/${faq.id}`}\n                                                        underline=\"always\"\n                                                        color=\"textPrimary\"\n                                                        variant=\"body1\"\n                                                        {...TestIDs.GET_HELP_DETAILS('FAQ_LIST', faq.id)}\n                                                    >\n                                                        {faq.question}\n                                                    </Link>\n                                                </Grid>\n                                            ))}\n                                        </Grid>\n                                    </Box>\n                                </Box>\n                                <HelpText faqs={currentFaqCategory} />\n                            </>\n                        )}\n                    </Box>\n                    <Grid container spacing={3}>\n                        <FaqTipsList\n                            faqList={faqList}\n                            tipsList={tipsList}\n                            categoryToHide={categoryID}\n                            displayMethod={displayMethod}\n                        />\n                    </Grid>\n                    <Box marginTop={5} display={'flex'} justifyContent={'flex-end'}>\n                        <Button variant={'outlined'} onClick={() => history.push(Routes.Help)}>\n                            {t('pages.helpDetails.backToHelpOverview')}\n                        </Button>\n                    </Box>\n                </Box>\n            )}\n        </ViewWrapper>\n    )\n}\n\nexport default HelpDetails\n","import gql from 'graphql-tag'\n\nexport const SEND_CONTACT_FORM = gql`\n    mutation SendContactForm($input: ContactFormInput!) {\n        sendContactForm(input: $input)\n    }\n`\n","import { useMutation } from '@apollo/client'\nimport { Box, Typography, Grid, TextField, makeStyles } from '@material-ui/core'\nimport DashboardSectionBox from 'components/DashboardSectionBox'\nimport Dropdown from 'components/Dropdown'\nimport { useViewWrapperData } from 'components/ViewWrapper/useViewWrapperData'\nimport { SEND_CONTACT_FORM } from 'graphql/mutations/SendContactForm'\nimport { Mutation, MutationSendContactFormArgs } from 'graphql/types'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nconst useStyles = makeStyles({\n    disabledTextField: {\n        backgroundColor: colors.lightBorderGray,\n        borderRadius: 5,\n    },\n    TextFieldCustom: {\n        backgroundColor: colors.white,\n        borderRadius: 5,\n    },\n})\n\nconst ContactForm = (): JSX.Element => {\n    const { user } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n    }))\n    const { t } = useTranslation()\n    const classes = useStyles()\n    const [message, setMessage] = useState<string>('')\n    const [selectedOption, setSelectedOption] = useState<string>('0')\n    const { loggedUser } = useViewWrapperData()\n    const [displayButtonSubtitle, setDisplayButtonSubtitle] = useState(false)\n\n    const handleMessageChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n        setDisplayButtonSubtitle(false)\n        setMessage(e.target.value)\n    }\n\n    const options = [\n        { label: t('pages.helpOverview.contactForm.option0'), value: '0' },\n        { label: t('pages.helpOverview.contactForm.option1'), value: '1' },\n        { label: t('pages.helpOverview.contactForm.option2'), value: '2' },\n        { label: t('pages.helpOverview.contactForm.option3'), value: '3' },\n        { label: t('pages.helpOverview.contactForm.option4'), value: '4' },\n        { label: t('pages.helpOverview.contactForm.option5'), value: '5' },\n        { label: t('pages.helpOverview.contactForm.option6'), value: '6' },\n        { label: t('pages.helpOverview.contactForm.option7'), value: '7' },\n    ]\n\n    const handleClick = (): void => {\n        const vars: MutationSendContactFormArgs = {\n            input: {\n                message,\n                subjectOption: options[Number(selectedOption)].label,\n                customerID: loggedUser.username,\n                email: loggedUser.email,\n                username: user ? `${user.lastName} ${user.firstName}` : '',\n            },\n        }\n        sendContactForm({ variables: vars })\n    }\n    const [sendContactForm] = useMutation<Mutation>(SEND_CONTACT_FORM, {\n        onCompleted: (data) => {\n            if (data.sendContactForm) {\n                setDisplayButtonSubtitle(true)\n            }\n        },\n    })\n\n    return (\n        <Box {...TestIDs.GET_HELP_OVERVIEW('TICKET_BOX')}>\n            <DashboardSectionBox\n                title={t('pages.helpOverview.contactForm.title')}\n                buttonProps2={{\n                    label: displayButtonSubtitle\n                        ? t('pages.helpOverview.contactForm.btnAlt')\n                        : t('pages.helpOverview.contactForm.btn'),\n                    onClick: () => {\n                        handleClick()\n                        setDisplayButtonSubtitle(true)\n                    },\n                    disabled: message.length === 0,\n                }}\n                buttonSubtitle={t('pages.helpOverview.contactForm.btnSubtitle')}\n                displayButtonSubtitle={displayButtonSubtitle}\n            >\n                <>\n                    <Grid item xs={12}>\n                        <Box marginBottom={2}>\n                            <Typography\n                                dangerouslySetInnerHTML={{\n                                    __html: t('pages.helpOverview.contactForm.subtitle', {\n                                        username: loggedUser.username,\n                                    }),\n                                }}\n                            ></Typography>\n                        </Box>\n                    </Grid>\n                    <Grid container spacing={2}>\n                        <Grid item xs={12}>\n                            <Dropdown\n                                label={t('pages.helpOverview.contactForm.dropDownLabel')}\n                                handleChange={(e) => {\n                                    setDisplayButtonSubtitle(false)\n                                    setSelectedOption(e.target.value as string)\n                                }}\n                                options={options}\n                                selectedOption={selectedOption}\n                            />\n                        </Grid>\n                        <Grid item xs={12}>\n                            <TextField\n                                multiline\n                                rows={5}\n                                fullWidth={true}\n                                label={t('pages.helpOverview.contactForm.textFieldLabel')}\n                                variant={'filled'}\n                                value={message}\n                                onChange={handleMessageChange}\n                                inputProps={{\n                                    maxLength: 1000,\n                                }}\n                                InputProps={{\n                                    classes: {\n                                        input: classes.TextFieldCustom,\n                                    },\n                                }}\n                                {...TestIDs.GET_LOGIN_EDIT('MAIL')}\n                            />\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Typography\n                                dangerouslySetInnerHTML={{ __html: t('pages.helpOverview.contactForm.extraInfo') }}\n                            />\n                            <Typography variant={'caption'}>\n                                {t('pages.helpOverview.contactForm.requiredFields')}\n                            </Typography>\n                        </Grid>\n                    </Grid>\n                </>\n            </DashboardSectionBox>\n        </Box>\n    )\n}\n\nexport default ContactForm\n","import ContactForm from './ContactForm'\n\nexport default ContactForm\n","import { SearchOption } from 'components/SearchBar/SearchBar'\nimport { FaqCategory, User } from 'graphql/types'\nimport { Dispatch, useCallback, useLayoutEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { Customize } from 'utils/customize/customize'\nimport { TipsTricks } from '../../graphql/types'\n\ninterface useHelpOverviewStateReturn {\n    areFaqsCollapsable: boolean\n    faqList: FaqCategory[]\n    tipsList: TipsTricks[]\n    user: User | undefined\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n}\n\nconst useHelpOverviewState = (): useHelpOverviewStateReturn => {\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n\n    const [areFaqsCollapsable, setFaqsCollapsable] = useState(false)\n\n    const { faqList, tipsList, user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        faqList: appState.generalState.faqList,\n        tipsList: appState.generalState.tipsList,\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n\n    const setFaqList = useCallback(\n        (payload: FaqCategory[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_FAQ_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const setTipsList = useCallback(\n        (payload: TipsTricks[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_TIPS_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    useLayoutEffect(() => {\n        // @ts-expect-error: Importing faqs_tips from public folder\n        const faqs_tips: FAQS_TIPS = window.faqs_tips\n        setFaqsCollapsable(faqs_tips.faqs_collapsable)\n        if (faqList.length === 0) {\n            setFaqList(faqs_tips.faqs)\n            setTipsList(faqs_tips.tips_and_tricks)\n        }\n        document.body.scrollTop = 0 // For Safari\n        document.documentElement.scrollTop = 0 // For Chrome, Firefox, IE and Opera\n    }, [])\n\n    // useLayoutEffect(() => {\n    //     if (!user) history.push('/')\n    // }, [user])\n\n    return {\n        areFaqsCollapsable,\n        faqList,\n        tipsList,\n        user,\n        searchTerms,\n        customize,\n    }\n}\n\nexport default useHelpOverviewState\n","import HelpOverview from './HelpOverview'\n\nexport default HelpOverview\n","import { Box, Divider, Grid, Typography, Link } from '@material-ui/core'\nimport ContactForm from 'components/ContactForm'\nimport DashboardSectionBox from 'components/DashboardSectionBox'\nimport FaqTipsList from 'components/FaqTipsList'\nimport ViewWrapper from 'components/ViewWrapper'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { getHeader, navigationLinks } from 'utils/utils'\nimport TestIDs from '../../utils/TestIDs'\nimport useHelpOverviewState from './useHelpOverviewState'\n\nconst HelpOverview = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n    const { areFaqsCollapsable, faqList, tipsList, searchTerms, customize } = useHelpOverviewState()\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'help')}\n        >\n            <Box display={'flex'} flexDirection={'column'} marginBottom={7.5}>\n                <Box width={1} marginBottom={9}>\n                    <Typography variant={'h1'} {...TestIDs.GET_HELP_OVERVIEW('HEADLINE')}>\n                        {t('pages.helpOverview.title')}\n                    </Typography>\n                    <Box marginTop={1}>\n                        <Typography>{t('pages.helpOverview.subtitle')}</Typography>\n                    </Box>\n                </Box>\n                <Grid container spacing={3}>\n                    <Grid item xs={12} sm={5}>\n                        <Box marginBottom={7.5} {...TestIDs.GET_HELP_OVERVIEW('CONTACT_BOX')}>\n                            <DashboardSectionBox title={t('pages.helpOverview.contact.title')}>\n                                <>\n                                    <Box marginY={2}>\n                                        <Typography style={{ fontWeight: 'bold' }}>\n                                            {t('pages.helpOverview.contact.byPhone')}\n                                        </Typography>\n                                        <Typography>\n                                            <Link\n                                                color={'inherit'}\n                                                href={'tel:' + customize?.general.helpContact.telephone ?? ''}\n                                            >\n                                                {customize?.general.helpContact.telephone ?? ''}\n                                            </Link>\n                                        </Typography>\n                                        {t('pages.helpOverview.contact.numberInfo') !==\n                                            'pages.helpOverview.contact.numberInfo' && (\n                                            <Typography\n                                                dangerouslySetInnerHTML={{\n                                                    __html: t('pages.helpOverview.contact.numberInfo'),\n                                                }}\n                                            />\n                                        )}\n                                    </Box>\n                                    {t('pages.helpOverview.contact.servicehotline') !==\n                                        'pages.helpOverview.contact.servicehotline' && (\n                                        <Box marginY={2}>\n                                            <Typography style={{ fontWeight: 'bold' }}>\n                                                {t('pages.helpOverview.contact.servicehotline')}\n                                            </Typography>\n                                            <Typography\n                                                dangerouslySetInnerHTML={{\n                                                    __html: t('pages.helpOverview.contact.servicehotline_info'),\n                                                }}\n                                            />\n                                        </Box>\n                                    )}\n                                    <Box marginY={2}>\n                                        <Typography style={{ fontWeight: 'bold' }}>\n                                            {t('pages.helpOverview.contact.byMail')}\n                                        </Typography>\n                                        <Typography>\n                                            <Link\n                                                color={'inherit'}\n                                                href={'mailto:' + customize?.general.helpContact.email ?? ''}\n                                            >\n                                                {customize?.general.helpContact.email ?? ''}\n                                            </Link>\n                                        </Typography>\n                                    </Box>\n                                    <Box marginTop={2}>\n                                        <Typography style={{ fontWeight: 'bold' }}>\n                                            {t('pages.helpOverview.contact.byLetter')}\n                                        </Typography>\n                                        <Typography\n                                            dangerouslySetInnerHTML={{\n                                                __html: customize?.general.helpContact.address ?? '',\n                                            }}\n                                        />\n                                    </Box>\n                                </>\n                            </DashboardSectionBox>\n                        </Box>\n                    </Grid>\n                    <Grid item xs={12} sm={7}>\n                        <ContactForm />\n                    </Grid>\n                    {customize &&\n                    !customize.general.renderExternalFAQ &&\n                    (faqList.length > 0 || tipsList.length > 0) ? (\n                        <>\n                            <Grid item xs={12}>\n                                <Box marginTop={{ xs: 5, sm: 10 }} marginBottom={{ xs: 5, sm: 8 }}>\n                                    <Divider />\n                                </Box>\n                            </Grid>\n                            <Grid item xs={12}>\n                                <Typography variant={'h2'} {...TestIDs.GET_HELP_OVERVIEW('HEADLINE_FAQ')}>\n                                    {t('pages.helpOverview.faq.title')}\n                                </Typography>\n                            </Grid>\n                            <FaqTipsList\n                                faqList={faqList}\n                                tipsList={tipsList}\n                                categoryToHide={''}\n                                displayMethod={\n                                    areFaqsCollapsable ? t('url.displayMethod.collapse') : t('url.displayMethod.text')\n                                }\n                            />\n                        </>\n                    ) : (\n                        <DashboardSectionBox title={`Weitere Tipps und FAQ's`}>\n                            <Typography\n                                dangerouslySetInnerHTML={{\n                                    __html: t('pages.helpOverview.externalFAQ'),\n                                }}\n                            />\n                        </DashboardSectionBox>\n                    )}\n                </Grid>\n            </Box>\n        </ViewWrapper>\n    )\n}\n\nexport default HelpOverview\n","import { Box, Button, Grid, makeStyles, TextField, Typography } from '@material-ui/core'\nimport React, { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\nimport { validateEmail } from 'utils/utils'\n\nexport interface LoginEditProps {\n    userID: string\n    email: string\n    handleEmail: (email: string) => void\n    handlePasswordReset: () => void\n    cancel: () => void\n}\n\nconst useStyles = makeStyles({\n    disabledTextField: {\n        backgroundColor: colors.lightBorderGray,\n        borderRadius: 5,\n    },\n    TextFieldCustom: {\n        backgroundColor: colors.white,\n        borderRadius: 5,\n    },\n})\n\nconst LoginEdit = (props: LoginEditProps): JSX.Element => {\n    const { userID, email, handleEmail, handlePasswordReset, cancel } = props\n    const { t } = useTranslation()\n    const classes = useStyles()\n    const [internalEmail, setInternalEmail] = useState<string>(email)\n    const [errorEmail, setErrorEmail] = useState(false)\n    const handleEmailChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n        const isEmailCorrect = validateEmail(e.target.value)\n        setInternalEmail(e.target.value)\n        setErrorEmail(!isEmailCorrect)\n    }\n\n    const [pwChangeRequest, setPwChangeRequest] = useState(false)\n    return (\n        <>\n            <Box marginTop={5} padding={5} style={{ backgroundColor: colors.lightGray }}>\n                <Grid container direction=\"row\" justify=\"center\" alignItems=\"flex-start\" spacing={1}>\n                    <Grid item xs={12}>\n                        <TextField\n                            fullWidth={true}\n                            label={t('formLabels.userNameLong')}\n                            variant={'filled'}\n                            disabled\n                            InputProps={{\n                                classes: {\n                                    input: classes.disabledTextField,\n                                },\n                            }}\n                            value={userID}\n                            {...TestIDs.GET_LOGIN_EDIT('ID')}\n                        />\n                    </Grid>\n                    <Grid item xs={12}>\n                        <TextField\n                            fullWidth={true}\n                            label={t('formLabels.email')}\n                            variant={'filled'}\n                            value={internalEmail}\n                            onChange={handleEmailChange}\n                            error={errorEmail}\n                            InputProps={{\n                                classes: {\n                                    input: classes.TextFieldCustom,\n                                },\n                            }}\n                            {...TestIDs.GET_LOGIN_EDIT('MAIL')}\n                        />\n                    </Grid>\n\n                    <Grid item xs={12} style={{ marginTop: 20 }}>\n                        <Typography variant=\"h3\">{t('pages.loginEdit.password')}</Typography>\n                        <Typography variant=\"subtitle1\">{t('pages.loginEdit.passwordHelper')}</Typography>\n                    </Grid>\n                    <Grid item xs={12}>\n                        <Button\n                            fullWidth={true}\n                            variant={'contained'}\n                            color={'primary'}\n                            {...TestIDs.GET_LOGIN_EDIT('PW_BUTTON')}\n                            onClick={() => {\n                                setPwChangeRequest(true)\n                                handlePasswordReset()\n                            }}\n                        >\n                            {t('pages.loginEdit.pwBtn')}\n                        </Button>\n                        {pwChangeRequest === true && (\n                            <Typography variant=\"h2\" style={{ textAlign: 'center', paddingTop: 10 }}>\n                                {t('pages.loginEdit.sendPwRequest')}\n                            </Typography>\n                        )}\n                    </Grid>\n                </Grid>\n            </Box>\n            <Box\n                marginTop={5}\n                marginBottom={5}\n                display={'flex'}\n                flexDirection={{ xs: 'column', md: 'row' }}\n                justifyContent={'space-between'}\n            >\n                <Button\n                    variant={'outlined'}\n                    color={'default'}\n                    {...TestIDs.GET_LOGIN_EDIT('CANCEL_BUTTON')}\n                    onClick={() => cancel()}\n                >\n                    {t('general.cancel')}\n                </Button>\n\n                <Button\n                    variant={'contained'}\n                    color={'primary'}\n                    {...TestIDs.GET_LOGIN_EDIT('SUBMIT_BUTTON')}\n                    onClick={() => handleEmail(internalEmail)}\n                    disabled={errorEmail}\n                >\n                    {t('general.save')}\n                </Button>\n            </Box>\n        </>\n    )\n}\n\nexport default LoginEdit\n","import LoginEdit from './LoginEdit'\n\nexport default LoginEdit\n","import gql from 'graphql-tag'\n\nexport default gql`\n    mutation UpdateLoginEmail($email: String!) {\n        updateLoginEmail(email: $email)\n    }\n`\n","import gql from 'graphql-tag'\n\nexport const UPDATE_LOGIN_PW = gql`\n    mutation UpdateLoginPW {\n        updateLoginPW\n    }\n`\n","import { Customize } from 'utils/customize/customize'\nimport { useMutation } from '@apollo/client'\nimport { useKeycloak } from '@react-keycloak/web'\nimport UpdateLoginEmail from 'graphql/mutations/UpdateLoginEmail'\nimport { UPDATE_LOGIN_PW } from 'graphql/mutations/UpdateLoginPW'\nimport { LoggedUser, Mutation, User } from 'graphql/types'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { AppState } from 'store/store'\n\nexport interface LoginEditPageState {\n    changeEmail: (email: string) => void\n    changePassword: () => void\n    user: User | undefined\n    loggedUser: LoggedUser\n    customize: Customize | undefined\n}\n\nconst useLoginEditPageState = (): LoginEditPageState => {\n    const history = useHistory()\n    const { keycloak } = useKeycloak()\n    const { user, loggedUser, customize } = useSelector((appState: AppState) => ({\n        loggedUser: appState.generalState.loggedUser,\n        user: appState.generalState.user,\n        customize: appState.generalState.customize,\n    }))\n\n    const [updateLoginEmail] = useMutation<Mutation>(UpdateLoginEmail)\n\n    const changeEmail = (email: string) => {\n        updateLoginEmail({ variables: { email: email } }).then((resp) => {\n            const response: Mutation = resp.data as Mutation\n            if (response.updateLoginEmail === true) {\n                history.push('/')\n                keycloak.logout()\n            } else {\n                // TODO: handle/display error\n            }\n        })\n    }\n\n    const [updateLoginPW] = useMutation<Mutation>(UPDATE_LOGIN_PW)\n    const changePassword = () => {\n        updateLoginPW().then((resp) => {\n            const response: Mutation = resp.data as Mutation\n            if (response.updateLoginPW === true) {\n                setTimeout(() => {\n                    history.goBack()\n                }, 5000)\n            } else {\n                // TODO: handle/display error\n            }\n        })\n    }\n\n    return {\n        changeEmail,\n        changePassword,\n        user,\n        loggedUser,\n        customize,\n    }\n}\n\nexport default useLoginEditPageState\n","import LoginEditPage from './LoginEditPage'\n\nexport default LoginEditPage\n","import { Grid, Typography } from '@material-ui/core'\nimport LoginEdit from 'components/LoginEdit'\nimport ViewWrapper from 'components/ViewWrapper'\nimport React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { getHeader, navigationLinks } from 'utils/utils'\nimport useLoginEditPageState from './useLoginEditPageState'\n\nconst LoginEditPage = (): JSX.Element => {\n    const history = useHistory()\n    const { changeEmail, changePassword, user, loggedUser, customize } = useLoginEditPageState()\n    if (user === undefined) {\n        history.replace('/')\n        return <></>\n    }\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, [], customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <Grid container direction=\"row\" justify={'center'} alignItems={'flex-start'}>\n                <Grid item xs={12}>\n                    <Typography variant=\"h2\">Login</Typography>\n                </Grid>\n                <Grid item xs={12}>\n                    <LoginEdit\n                        userID={user ? user.customerID : ''}\n                        email={loggedUser.email}\n                        handleEmail={changeEmail}\n                        handlePasswordReset={changePassword}\n                        cancel={() => history.goBack()}\n                    />\n                </Grid>\n            </Grid>\n        </ViewWrapper>\n    )\n}\n\nexport default LoginEditPage\n","import LoginData from './LoginData'\n\nexport default LoginData\n","import { Box, Button, Grid, Typography } from '@material-ui/core'\nimport EditIcon from '@material-ui/icons/Edit'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface LoginDataProps {\n    data: LoginData\n    handlePasswordchange: () => void\n}\n\nexport type LoginData = {\n    username: string\n    password: string\n}\n\nconst LoginData = (props: LoginDataProps): JSX.Element => {\n    const { t } = useTranslation()\n    const { data, handlePasswordchange } = props\n\n    return (\n        <>\n            <Grid container direction=\"row\" justify=\"center\" alignItems=\"center\">\n                <Grid item xs={12} md={6}>\n                    <Typography variant={'h2'}>{t('pages.myData.login.title')}</Typography>\n                </Grid>\n\n                <Grid item xs={12} md={6}>\n                    <Box display=\"flex\" flex={1} justifyContent=\"flex-end\">\n                        <Button\n                            variant={'outlined'}\n                            className={'EditButton'}\n                            onClick={handlePasswordchange}\n                            startIcon={<EditIcon style={{ width: 20, height: 20 }} />}\n                            TouchRippleProps={{ style: { color: colors.main } }}\n                            {...TestIDs.GET_PERSONAL_DATA('EDIT_BUTTON')}\n                        >\n                            {t('pages.myData.login.changePassword')}\n                        </Button>\n                    </Box>\n                </Grid>\n            </Grid>\n            <Box padding={'24px'} marginTop={'35px'} bgcolor={colors.lightGray} alignItems={'flex-end'}>\n                <Grid container spacing={2} alignItems=\"center\" justify=\"flex-end\">\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.login.normalMode.username')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{data.username}</Typography>\n                        </Grid>\n                    </Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.login.normalMode.password')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>******</Typography>\n                        </Grid>\n                    </Grid>\n                </Grid>\n            </Box>\n        </>\n    )\n}\n\nexport default LoginData\n","import { Box, Button, Grid, Typography } from '@material-ui/core'\nimport React from 'react'\nimport { useHistory } from 'react-router-dom'\nimport colors from 'theme/colors'\n\nexport interface MyDataItemProps {\n    title?: string\n    helper?: string\n    buttonText?: string\n    linkTarget?: string\n    children?: React.ReactNode\n}\n\nconst MyDataItem = (props: MyDataItemProps): JSX.Element => {\n    const { title, helper, children, buttonText, linkTarget } = props\n    const history = useHistory()\n\n    return (\n        <Grid\n            container\n            direction=\"row\"\n            justify=\"center\"\n            style={{ padding: 24, height: '100%', backgroundColor: colors.lightGray }}\n        >\n            {title && (\n                <Grid item xs={12}>\n                    <Typography style={{ marginBottom: 25 }} variant={'h2'}>\n                        {title}\n                    </Typography>\n                </Grid>\n            )}\n            {helper && (\n                <Grid item xs={12}>\n                    <Typography variant={'body1'}>{helper}</Typography>\n                </Grid>\n            )}\n            {children && (\n                <Grid item xs={12}>\n                    {children}\n                </Grid>\n            )}\n            {linkTarget && buttonText && (\n                <Grid item xs={12} style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'flex-end' }}>\n                    <Box style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'flex-end', marginTop: 25 }}>\n                        <Button\n                            variant={'outlined'}\n                            onClick={() => history.push(linkTarget)}\n                            TouchRippleProps={{ style: { color: colors.main } }}\n                        >\n                            {buttonText}\n                        </Button>\n                    </Box>\n                </Grid>\n            )}\n        </Grid>\n    )\n}\n\nexport default MyDataItem\n","import PersonalData from './PersonalData'\n\nexport default PersonalData\n","import { Box, Button, Typography } from '@material-ui/core'\nimport Grid from '@material-ui/core/Grid'\nimport EditIcon from '@material-ui/icons/Edit'\nimport { User } from 'graphql/types'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport colors from 'theme/colors'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\n\nexport interface PersonalDataProps {\n    user: User\n}\n\nconst PersonalData = (props: PersonalDataProps): JSX.Element => {\n    const { user } = props\n    const history = useHistory()\n    const { t } = useTranslation()\n    const salutation =\n        user.salutation && user.salutation.trim().length > 0 ? t(`formLabels.salutationType.${user.salutation}`) : ''\n    return (\n        <>\n            <Grid container direction=\"row\" justify=\"center\" alignItems=\"center\">\n                <Grid item xs={8}>\n                    <Typography variant={'h2'}>{t('pages.myData.mainData.title')}</Typography>\n                </Grid>\n                <Grid item xs={4}>\n                    <Box display=\"flex\" flex={1} justifyContent={'flex-end'}>\n                        <Button\n                            variant={'outlined'}\n                            className={'EditButton'}\n                            onClick={() => history.push(Routes.PersonalDataEdit)}\n                            startIcon={<EditIcon style={{ width: 20, height: 20 }} />}\n                            TouchRippleProps={{ style: { color: colors.main } }}\n                            {...TestIDs.GET_PERSONAL_DATA('EDIT_BUTTON')}\n                        >\n                            {t('general.edit')}\n                        </Button>\n                    </Box>\n                </Grid>\n            </Grid>\n            <Box padding={{ xs: 2, sm: 5 }} marginTop={'35px'} bgcolor={colors.lightGray}>\n                <Grid container spacing={2} direction=\"column\" alignItems=\"flex-end\">\n                    <Grid item style={{ height: 0 }}></Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.salutation')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{salutation}</Typography>\n                        </Grid>\n                    </Grid>\n                    {user.company && user.company.trim().length > 0 && (\n                        <Grid item container xs={12}>\n                            <Grid item xs={12} sm={3}>\n                                <Typography style={{ color: colors.midDarkerGray }}>\n                                    {t('pages.myData.mainData.company')}\n                                </Typography>\n                            </Grid>\n                            <Grid item xs={12} sm={9}>\n                                <Typography>{user.company + ' ' + user.companyLegalForm}</Typography>\n                            </Grid>\n                        </Grid>\n                    )}\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.name')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{user.firstName + ' ' + user.lastName}</Typography>\n                        </Grid>\n                    </Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.address')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>\n                                {user.connectionAddress.street +\n                                    ' ' +\n                                    user.connectionAddress.houseNumber +\n                                    ' ' +\n                                    user.connectionAddress.houseNumberExtension}\n                            </Typography>\n                            <Typography>\n                                {user.connectionAddress.zipCode + ' ' + user.connectionAddress.city}\n                            </Typography>\n                        </Grid>\n                    </Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.email')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{user.email}</Typography>\n                        </Grid>\n                    </Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.telephone')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{user.telephone}</Typography>\n                        </Grid>\n                    </Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.mobile')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{user.mobile}</Typography>\n                        </Grid>\n                    </Grid>\n                    <Grid item container xs={12}>\n                        <Grid item xs={12} sm={3}>\n                            <Typography style={{ color: colors.midDarkerGray }}>\n                                {t('pages.myData.mainData.birthdate')}\n                            </Typography>\n                        </Grid>\n                        <Grid item xs={12} sm={9}>\n                            <Typography>{user.birthdate}</Typography>\n                        </Grid>\n                    </Grid>\n                </Grid>\n            </Box>\n        </>\n    )\n}\n\nexport default PersonalData\n","import { Customize } from 'utils/customize/customize'\nimport { useMutation } from '@apollo/client'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { UPDATE_LOGIN_PW } from 'graphql/mutations/UpdateLoginPW'\nimport { Mutation, User } from 'graphql/types'\nimport { useSnackbar } from 'notistack'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\n\ninterface UseMyDataStateReturn {\n    user: User\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n    handlePasswordChange: () => void\n}\n\nconst useMyDataState = (): UseMyDataStateReturn => {\n    const { user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n    const { enqueueSnackbar } = useSnackbar()\n    const { t } = useTranslation()\n\n    const [updateLoginPW] = useMutation<Mutation>(UPDATE_LOGIN_PW, {\n        onCompleted: (data) => {\n            if (data.updateLoginPW === true) {\n                enqueueSnackbar(t('notification.sendPwRequest'), {\n                    variant: 'success',\n                })\n            }\n            if (data.updateLoginPW === false) {\n                enqueueSnackbar(t('notification.sendPwRequestFail'), {\n                    variant: 'error',\n                })\n            }\n        },\n    })\n\n    const handlePasswordChange = () => {\n        updateLoginPW()\n    }\n\n    return {\n        // TODO: if this page is loaded we already know the userdata is there rework the redux state\n        user: user ? user : ({} as User),\n        searchTerms,\n        handlePasswordChange,\n        customize,\n    }\n}\n\nexport default useMyDataState\n","import MyDataPage from './MyDataPage'\n\nexport default MyDataPage\n","import { Grid, Typography } from '@material-ui/core'\nimport LoginData from 'components/LoginData'\nimport MyDataItem from 'components/MyDataItem/MyDataItem'\nimport NumberBlock from 'components/NumberBlock/NumberBlock'\nimport PersonalData from 'components/PersonalData'\nimport ViewWrapper from 'components/ViewWrapper'\nimport useMyDataState from 'pages/MyDataPage/useMyDataState'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport colors from 'theme/colors'\nimport { getFormattedIbanByInput, getHeader, navigationLinks } from 'utils/utils'\n\nconst MyDataPage = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n    const { user, searchTerms, handlePasswordChange, customize } = useMyDataState()\n\n    if (Object.keys(user).length === 0) {\n        history.push('/')\n        return <></>\n    }\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <Grid container spacing={4} direction=\"row\" justify=\"space-between\" alignItems=\"stretch\">\n                <Grid item xs={12} style={{ marginBottom: 40 }}>\n                    <Typography variant={'h1'}>{t('pages.myData.title')}</Typography>\n                </Grid>\n                <Grid item xs={12}>\n                    <PersonalData user={user} />\n                </Grid>\n                <Grid item xs={12} sm={6}>\n                    <MyDataItem\n                        title={t('pages.myData.OtherAddr.title')}\n                        helper={t('pages.myData.OtherAddr.helper')}\n                        linkTarget={Routes.OtherAddrEdit}\n                        buttonText={t('pages.myData.viewAddr')}\n                    />\n                </Grid>\n                <Grid item xs={12} sm={6}>\n                    <MyDataItem\n                        title={t('pages.myData.billing.title')}\n                        linkTarget={Routes.BankDataEdit}\n                        buttonText={t('pages.myData.billing.viewDetails')}\n                    >\n                        <Grid item container>\n                            <Grid item xs={12}>\n                                <Typography style={{ color: colors.midDarkerGray }}>\n                                    {t('pages.myInvoices.billingBankData.accountHolder')}\n                                </Typography>\n                            </Grid>\n                            <Grid item xs={12}>\n                                <Typography>{user.bankData.accountHolder}</Typography>\n                            </Grid>\n                            <Grid item xs={12}>\n                                <Typography style={{ color: colors.midDarkerGray }}>\n                                    {t('pages.myInvoices.billingBankData.iban')}\n                                </Typography>\n                            </Grid>\n                            <Grid item xs={12}>\n                                <Typography>{getFormattedIbanByInput(user.bankData.iban)}</Typography>\n                            </Grid>\n                        </Grid>\n                    </MyDataItem>\n                </Grid>\n                <Grid item xs={12}>\n                    <Typography variant={'h2'}>{t('numberLock.title')}</Typography>\n                </Grid>\n                <Grid item xs={12}>\n                    <MyDataItem>\n                        <NumberBlock numbers={user.contractMetaData.phoneData} />\n                    </MyDataItem>\n                </Grid>\n                <Grid item xs={12} sm={6}>\n                    <MyDataItem\n                        title={t('telephoneBookEntry.title')}\n                        helper={t('telephoneBookEntry.helper')}\n                        linkTarget={Routes.PhoneBookEntryEdit}\n                        buttonText={t('telephoneBookEntry.btn')}\n                    />\n                </Grid>\n                <Grid item xs={12} sm={6}>\n                    <MyDataItem\n                        title={t('displayNumber.title')}\n                        helper={t('displayNumber.helper')}\n                        linkTarget={Routes.PhoneNumberDisplayEdit}\n                        buttonText={t('displayNumber.btn')}\n                    />\n                </Grid>\n                <Grid item xs={12} style={{ marginBottom: 100 }}>\n                    <LoginData\n                        data={{\n                            username: user.customerID,\n                            password: '',\n                        }}\n                        handlePasswordchange={handlePasswordChange}\n                    />\n                </Grid>\n            </Grid>\n        </ViewWrapper>\n    )\n}\n\nexport default MyDataPage\n","import InvoiceListDesktop from './InvoiceListDesktop'\n\nexport default InvoiceListDesktop\n","import { Box, Button, CircularProgress, Divider, Grid, Typography } from '@material-ui/core'\nimport { GetApp } from '@material-ui/icons'\nimport { UsePaginationItem } from '@material-ui/lab/Pagination/usePagination'\nimport CheckboxComponent from 'components/CheckboxComponent'\nimport CustomPagination from 'components/CustomPagination/CustomPagination'\nimport Dropdown from 'components/Dropdown'\nimport { format } from 'date-fns'\nimport { Doc, SumBill } from 'graphql/types'\nimport _ from 'lodash'\nimport { InvoiceOrderField } from 'pages/MyInvoices/useMyInvoicesState'\nimport * as React from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { formatCurrency } from 'utils/formatCurrency'\nimport TestIDs from 'utils/TestIDs'\nimport { SortOrder } from 'utils/utils'\nimport * as Locales from 'date-fns/locale'\n\nexport interface InvoiceListMobileProps {\n    invoices: Doc[]\n    invoicesPerPage: number\n    selectedInvoices: number[]\n    downloadItems: (items: number[]) => void\n    items: UsePaginationItem[]\n    page: number\n    dateOrder: SortOrder\n    docTypeOrder: SortOrder\n    changeOrder: (field: InvoiceOrderField, order?: SortOrder) => void\n    selectAll: (e: React.ChangeEvent<HTMLInputElement>) => void\n    selectOne: (index: number) => void\n    billAmount: SumBill[]\n    billIsLoading: boolean\n}\n\nconst InvoiceListMobile = (props: InvoiceListMobileProps): JSX.Element => {\n    const {\n        invoices,\n        invoicesPerPage,\n        selectedInvoices: selected,\n        downloadItems,\n        page,\n        changeOrder,\n        selectOne,\n        items,\n        billAmount,\n        billIsLoading,\n    } = props\n    const [order, setOrder] = useState<SortOrder>('desc')\n    const { t } = useTranslation()\n    const [sortedBy, setSortedBy] = useState<InvoiceOrderField>('invoiceTarget')\n\n    return (\n        <>\n            <Box marginBottom={2}>\n                <Grid container spacing={1}>\n                    <Grid item xs={7}>\n                        <Dropdown\n                            handleChange={(e) => {\n                                if (e.target.value === 'invoiceTarget' || e.target.value === 'docType') {\n                                    const field = e.target.value as InvoiceOrderField\n                                    changeOrder(field, order)\n                                    setSortedBy(field)\n                                }\n                            }}\n                            label={t('formLabels.sortBy')}\n                            options={[\n                                { label: t('formLabels.sortTypes.date'), value: 'invoiceTarget' },\n                                { label: t('formLabels.sortTypes.name'), value: 'docType' },\n                            ]}\n                            selectedOption={sortedBy}\n                            small\n                        />\n                    </Grid>\n                    <Grid item xs={5}>\n                        <Dropdown\n                            handleChange={(e) => setOrder(e.target.value as SortOrder)}\n                            label={t('formLabels.sortDirection')}\n                            options={[\n                                { label: t('formLabels.sortDirections.asc'), value: 'asc' },\n                                { label: t('formLabels.sortDirections.desc'), value: 'desc' },\n                            ]}\n                            selectedOption={order}\n                            small\n                        />\n                    </Grid>\n                </Grid>\n            </Box>\n            {_.slice(invoices, (page - 1) * invoicesPerPage, page * invoicesPerPage).map((row, index) => {\n                const isItemSelected = selected.includes(index)\n                const sum = billAmount.find((v) => v.docID === row.docID)\n                return (\n                    <React.Fragment key={index}>\n                        <Divider />\n                        <Box\n                            marginTop={2}\n                            marginBottom={1.5}\n                            width={1}\n                            display={'flex'}\n                            flexDirection={'column'}\n                            onClick={() => selectOne(index)}\n                            {...TestIDs.GET_INVOICE_LIST_TABLE('CHECKBOX_ROW', 'SELECT_' + index)}\n                        >\n                            <Box width={1} display={'flex'} justifyContent={'space-between'}>\n                                <Box paddingRight={0.25} display={'flex'} alignItems={'center'}>\n                                    <Typography variant={'subtitle1'}>\n                                        {row.invoiceTarget !== ''\n                                            ? format(new Date(row.invoiceTarget), 'dd.MM.yy')\n                                            : ''}\n                                    </Typography>\n                                </Box>\n                                <Box fontWeight={'bold'}>\n                                    {billIsLoading && <CircularProgress size={20} />}\n                                    {!billIsLoading && (\n                                        <Typography variant={'subtitle1'} noWrap style={{ fontWeight: 'inherit' }}>\n                                            {sum ? formatCurrency(sum.sumTotal.brutto) : ''}\n                                        </Typography>\n                                    )}\n                                </Box>\n                            </Box>\n                            <Box marginTop={1} width={1} display={'flex'} justifyContent={'space-between'}>\n                                <Box display={'flex'} alignItems={'center'} marginRight={2}>\n                                    <CheckboxComponent checked={isItemSelected} label={''} />\n                                    <Typography variant={'caption'} style={{ wordBreak: 'break-word' }}>\n                                        {t('docType.' + row.docType) + ' '}\n                                        {row.invoiceTarget !== ''\n                                            ? format(new Date(row.invoiceTarget), 'MMMM yyyy', { locale: Locales.de })\n                                            : ''}\n                                    </Typography>\n                                </Box>\n                                <Box display={'flex'} alignItems={'center'}>\n                                    <Button\n                                        variant={'outlined'}\n                                        className={'Small'}\n                                        color={'secondary'}\n                                        startIcon={<GetApp style={{ width: 20, height: 20 }} />}\n                                        style={{ borderWidth: '2px' }}\n                                        onClick={() => downloadItems([index])}\n                                        {...TestIDs.GET_INVOICE_LIST_TABLE('PDF_BUTTON', 'DOWNLOAD_' + index)}\n                                    >\n                                        PDF\n                                    </Button>\n                                </Box>\n                            </Box>\n                        </Box>\n                    </React.Fragment>\n                )\n            })}\n            <Box width={1} marginTop={2} marginBottom={2}>\n                <Button\n                    {...TestIDs.GET_INVOICE_LIST_TABLE('DOWNLOAD_ALL_BUTTON')}\n                    disabled={selected.length === 0}\n                    variant={'contained'}\n                    color={'primary'}\n                    fullWidth\n                    onClick={() => downloadItems(selected)}\n                >\n                    {t('pages.myInvoices.invoiceList.download')}\n                </Button>\n            </Box>\n            <CustomPagination items={items} isMobile={true} />\n        </>\n    )\n}\n\nexport default InvoiceListMobile\n","import { gql } from '@apollo/client'\n\nexport const SUM_BILLS = gql`\n    query getSumForBills($periodIDs: [String!]!) {\n        getSumForBills(periodIDs: $periodIDs) {\n            docID\n            sumTotal {\n                brutto\n            }\n        }\n    }\n`\n","import { Customize } from 'utils/customize/customize'\nimport { ApolloError, useLazyQuery } from '@apollo/client'\nimport { usePagination, UsePaginationItem } from '@material-ui/lab'\nimport { useKeycloak } from '@react-keycloak/web'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { SUM_BILLS } from 'graphql/queries/GetSumForBills'\nimport { SEARCH_DOCS } from 'graphql/queries/SearchDocs'\nimport { Doc, Query, QueryGetSumForBillsArgs, QuerySearchDocsArgs, SumBill } from 'graphql/types'\nimport _ from 'lodash'\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\nimport { dlDoc } from 'utils/dldoc'\nimport { getNewOrder, SortOrder } from 'utils/utils'\n\nexport type InvoiceOrderField = 'invoiceTarget' | 'docType'\n\ninterface useMyInvoicesStateReturn {\n    invoices: Doc[]\n    pageSize: number\n    selectedInvoices: number[]\n    setSelectedInvoices: Dispatch<SetStateAction<number[]>>\n    loading: boolean\n    searchTerms: SearchOption[]\n    downloadItems: (vi: number[]) => void\n    setInvoices: Dispatch<SetStateAction<Doc[]>>\n    items: UsePaginationItem[]\n    selectAll: (e: React.ChangeEvent<HTMLInputElement>) => void\n    selectOne: (index: number) => void\n    changeOrder: (field: InvoiceOrderField) => void\n    dateOrder: SortOrder\n    docTypeOrder: SortOrder\n    page: number\n    billAmount: SumBill[]\n    billIsLoading: boolean\n    customize: Customize | undefined\n}\n\nconst useMyInvoicesState = (): useMyInvoicesStateReturn => {\n    const [docs, setDocs] = useState<Doc[]>([])\n    const [selectedInvoices, setSelectedInvoices] = useState<number[]>([])\n    const { keycloak } = useKeycloak()\n    const token = keycloak.token ? keycloak.token : ''\n    const pageSize = 10\n    const [alreadySearched, setAlreadySearched] = useState<string[]>([])\n\n    const { searchTerms, evnList, customize } = useSelector((appState: AppState) => ({\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n        evnList: appState.generalState.user?.contractMetaData.evn,\n    }))\n\n    const [page, setPage] = useState<number>(1)\n    const [dateOrder, setDateOrder] = useState<SortOrder>('desc')\n    const [docTypeOrder, setDocTypeOrder] = useState<SortOrder>(undefined)\n\n    const handleChangePage = (_: React.ChangeEvent<unknown>, newPage: number): void => {\n        // reset selection on page change\n        setSelectedInvoices([])\n        setPage(newPage)\n    }\n\n    const { items } = usePagination({\n        count:\n            docs.length % pageSize === 0 ? Math.floor(docs.length / pageSize) : Math.floor(docs.length / pageSize) + 1,\n        page: page,\n        onChange: handleChangePage,\n    })\n\n    const selectAll = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        if (event.target.checked) {\n            // set soft limit to download 10 invoices at a time or the invoicesPerPage number\n            const newSelecteds = docs.slice((page - 1) * pageSize, pageSize * page).map((_, i) => i)\n            setSelectedInvoices(newSelecteds)\n            return\n        }\n        setSelectedInvoices([])\n    }\n\n    const selectOne = (index: number) => {\n        let k = -1\n        for (let i = 0; i < selectedInvoices.length; i++) {\n            if (selectedInvoices[i] === index) {\n                k = i\n                break\n            }\n        }\n        if (k === -1) {\n            selectedInvoices.push(index)\n        } else {\n            selectedInvoices.splice(k, 1)\n        }\n        setSelectedInvoices([...selectedInvoices])\n    }\n\n    const changeOrder = (field: InvoiceOrderField, order?: SortOrder) => {\n        if (field === 'invoiceTarget') {\n            let newDateOrder: SortOrder = undefined\n            if (order) {\n                newDateOrder = order\n            } else {\n                newDateOrder = getNewOrder(dateOrder)\n            }\n            const sorted = _.orderBy(docs, ['invoiceTarget'], [newDateOrder ? newDateOrder : false])\n            setDateOrder(newDateOrder)\n            setDocs(sorted)\n            setSelectedInvoices([])\n            return\n        }\n        if (field === 'docType') {\n            let newDocTypeOrder: SortOrder = undefined\n            if (order) {\n                newDocTypeOrder = order\n            } else {\n                newDocTypeOrder = getNewOrder(dateOrder)\n            }\n            const sorted = _.orderBy(docs, ['docType'], [newDocTypeOrder ? newDocTypeOrder : false])\n            setDocTypeOrder(newDocTypeOrder)\n            setDocs(sorted)\n            setSelectedInvoices([])\n            return\n        }\n    }\n\n    const [fetchDocs, { loading }] = useLazyQuery<Query>(SEARCH_DOCS, {\n        fetchPolicy: 'cache-and-network',\n        onCompleted: (data: Query) => {\n            if (data.searchDocs) {\n                //const manyDocs: Doc[] = []\n                //for (let i = 0; i < 100; i++) {\n                //manyDocs.push(...data.searchDocs)\n                //}\n                let filtered = data.searchDocs\n                if (evnList && evnList.length > 0) {\n                    filtered = _.filter(filtered, (v) => {\n                        if (v.docType === 'CALL_DETAIL_RECORD') {\n                            for (let i = 0; i < evnList.length; i++) {\n                                //show only call detail records if 31 or 32\n                                if (evnList[i].contractID === v.contractID) {\n                                    if (evnList[i].value === '30') {\n                                        return false\n                                    }\n                                    if (evnList[i].value === '31') {\n                                        return true\n                                    }\n                                    if (evnList[i].value === '32') {\n                                        return true\n                                    }\n                                }\n                            }\n                            return false\n                        } else {\n                            return true\n                        }\n                    })\n                }\n                const sorted = _.orderBy(filtered, ['invoiceTarget'], ['desc'])\n                setDocs(sorted)\n            }\n        },\n        onError: (error: ApolloError) => console.log(error),\n    })\n\n    const [billAmount, setBillAmount] = useState<SumBill[]>([])\n    const [fetchBillAmount, { loading: billIsLoading }] = useLazyQuery<Query>(SUM_BILLS, {\n        fetchPolicy: 'cache-and-network',\n        onCompleted: (data: Query) => {\n            if (data.getSumForBills) {\n                //merge old data with old this is a costly operation\n                setBillAmount([...billAmount, ...data.getSumForBills])\n            }\n        },\n        onError: (error: ApolloError) => console.log(error),\n    })\n\n    // download doc index will be passed here f.e. [0,1,2,3]\n    const downloadItems = (vi: number[]) => {\n        for (let i = 0; i < vi.length; i++) {\n            const offset = (page - 1) * pageSize\n            dlDoc(docs[vi[i] + offset].path, docs[vi[i] + offset].bucket, token, docs[vi[i] + offset].downloadName)\n        }\n        setSelectedInvoices([])\n    }\n\n    useEffect(() => {\n        //NOTE: the document search service only has one customer right now\n        const vars: QuerySearchDocsArgs = {\n            docType: ['INVOICE', 'CALL_DETAIL_RECORD'],\n        }\n        fetchDocs({ variables: vars })\n    }, [])\n\n    useEffect(() => {\n        if (docs.length > 0) {\n            const periodIDs: string[] = []\n            const offset = (page - 1) * pageSize\n            for (let i = 0 + offset; i < docs.length; i++) {\n                //load data for the visible only\n                if (i == pageSize - 1 + offset) {\n                    break\n                }\n                if (alreadySearched.includes(docs[i].targetPeriodId)) {\n                    continue\n                } else {\n                    periodIDs.push(docs[i].targetPeriodId)\n                }\n            }\n            // load billing data for the first ten items in rows\n            const uniqPeriodIds = _.uniq(periodIDs)\n            if (uniqPeriodIds.length === 0) {\n                return\n            }\n            const newAlreadySearched = [...alreadySearched]\n            newAlreadySearched.push(...uniqPeriodIds)\n            setAlreadySearched(_.uniq(newAlreadySearched))\n\n            const vars: QueryGetSumForBillsArgs = {\n                periodIDs: uniqPeriodIds,\n            }\n            fetchBillAmount({ variables: vars })\n        }\n    }, [docs, page])\n\n    return {\n        invoices: docs,\n        pageSize,\n        selectedInvoices,\n        setSelectedInvoices,\n        loading,\n        searchTerms,\n        downloadItems,\n        setInvoices: setDocs,\n        items,\n        changeOrder,\n        selectOne,\n        selectAll,\n        docTypeOrder,\n        dateOrder,\n        page,\n        billAmount,\n        billIsLoading,\n        customize,\n    }\n}\n\nexport default useMyInvoicesState\n","import MyInvoicesPage from './MyInvoicesPage'\n\nexport default MyInvoicesPage\n","import { Box, Hidden, Typography } from '@material-ui/core'\nimport InvoiceListDesktop from 'components/InvoiceListDesktop'\nimport InvoiceListMobile from 'components/InvoiceListMobile/InvoiceListMobile'\nimport ViewWrapper from 'components/ViewWrapper'\nimport useMyInvoicesState from 'pages/MyInvoices/useMyInvoicesState'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst MyInvoicesPage = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n    const {\n        invoices,\n        pageSize,\n        selectedInvoices,\n        searchTerms,\n        downloadItems,\n        items,\n        changeOrder,\n        selectOne,\n        selectAll,\n        docTypeOrder,\n        dateOrder,\n        page,\n        billAmount,\n        billIsLoading,\n        customize,\n    } = useMyInvoicesState()\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'myInvoices')}\n        >\n            <Box display={'flex'} flexDirection={'column'}>\n                <Box width={1} marginBottom={9}>\n                    <Box>\n                        <Typography variant=\"h1\" {...TestIDs.GET_MY_INVOICES_PAGE('HEADLINE')}>\n                            {t('pages.myInvoices.title')}\n                        </Typography>\n                        <Box marginTop={1}>\n                            <Typography variant=\"body1\">{t('pages.myInvoices.subTitle')}</Typography>\n                        </Box>\n                    </Box>\n                </Box>\n\n                <Box marginBottom={7.5} {...TestIDs.GET_MY_INVOICES_PAGE('INVOICE_LIST')}>\n                    <Hidden xsDown={true}>\n                        <InvoiceListDesktop\n                            invoices={invoices}\n                            invoicesPerPage={pageSize}\n                            downloadItems={downloadItems}\n                            selectedInvoices={selectedInvoices}\n                            changeOrder={changeOrder}\n                            selectOne={selectOne}\n                            selectAll={selectAll}\n                            items={items}\n                            docTypeOrder={docTypeOrder}\n                            dateOrder={dateOrder}\n                            page={page}\n                            billAmount={billAmount}\n                            billIsLoading={billIsLoading}\n                        />\n                    </Hidden>\n                    <Hidden smUp={true}>\n                        <InvoiceListMobile\n                            invoices={invoices}\n                            invoicesPerPage={pageSize}\n                            downloadItems={downloadItems}\n                            selectedInvoices={selectedInvoices}\n                            changeOrder={changeOrder}\n                            selectOne={selectOne}\n                            selectAll={selectAll}\n                            items={items}\n                            docTypeOrder={docTypeOrder}\n                            dateOrder={dateOrder}\n                            page={page}\n                            billAmount={billAmount}\n                            billIsLoading={billIsLoading}\n                        />\n                    </Hidden>\n                </Box>\n            </Box>\n        </ViewWrapper>\n    )\n}\n\nexport default MyInvoicesPage\n","import { Box, Button, Grid, Typography, useTheme } from '@material-ui/core'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapper from 'components/ViewWrapper'\nimport React, { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { AppState } from 'store/store'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst NewSepa = (): JSX.Element => {\n    const history = useHistory()\n    const { t } = useTranslation()\n    const theme = useTheme()\n    const anchorRef = useRef<HTMLAnchorElement>(null)\n\n    const { customize } = useSelector((appState: AppState) => ({\n        customize: appState.generalState.customize,\n    }))\n\n    const handleSubmit = () => {\n        if (anchorRef.current !== null) {\n            //DOWNLOAD pdf\n            anchorRef.current.click()\n        }\n    }\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, [], customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <>\n                <Box marginBottom={5}>\n                    <Typography variant={'h2'}>{t('pages.newSEPA.title')}</Typography>\n                </Box>\n\n                <FieldWrapper text={''}>\n                    <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                        <Grid item xs={12}>\n                            <Typography variant={'body1'}>{t('pages.newSEPA.helper0')}</Typography>\n                            <Typography variant={'body1'}>{t('pages.newSEPA.helper1')}</Typography>\n                            <Typography variant={'body1'}>{t('pages.newSEPA.helper2')}</Typography>\n                            {t('pages.newSEPA.helper3') !== 'pages.newSEPA.helper3' && (\n                                <Typography\n                                    variant={'body1'}\n                                    dangerouslySetInnerHTML={{ __html: t('pages.newSEPA.helper3') }}\n                                />\n                            )}\n                            {t('pages.newSEPA.helper4') !== 'pages.newSEPA.helper4' && (\n                                <Typography\n                                    variant={'body1'}\n                                    dangerouslySetInnerHTML={{ __html: t('pages.newSEPA.helper4') }}\n                                />\n                            )}\n                            <Typography variant={'body1'} style={{ paddingTop: 20, fontWeight: 800 }}>\n                                {t('pages.newSEPA.addrPost')}\n                            </Typography>\n                            <Typography\n                                variant={'body1'}\n                                dangerouslySetInnerHTML={{ __html: t('pages.newSEPA.adress') }}\n                            />\n\n                            {t('pages.newSEPA.addrEmail') !== 'pages.newSEPA.addrEmail' && (\n                                <>\n                                    <Typography variant={'body1'} style={{ paddingTop: 20, fontWeight: 800 }}>\n                                        {t('pages.newSEPA.addrEmail')}\n                                    </Typography>\n                                    <Typography\n                                        variant={'body1'}\n                                        dangerouslySetInnerHTML={{ __html: t('pages.newSEPA.mailaddress') }}\n                                    />\n                                </>\n                            )}\n\n                            <Typography variant={'body1'} style={{ paddingTop: 20 }}>\n                                <Typography\n                                    variant={'body1'}\n                                    dangerouslySetInnerHTML={{ __html: t('pages.newSEPA.footer') }}\n                                />\n                            </Typography>\n                        </Grid>\n                    </Grid>\n                </FieldWrapper>\n\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button\n                        variant={'outlined'}\n                        color={'default'}\n                        {...TestIDs.GET_NEW_SEPA('CANCEL_BUTTON')}\n                        onClick={() => history.goBack()}\n                    >\n                        {t('general.back')}\n                    </Button>\n\n                    <Button\n                        variant={'contained'}\n                        color={'primary'}\n                        {...TestIDs.GET_NEW_SEPA('SUBMIT_BUTTON')}\n                        onClick={handleSubmit}\n                    >\n                        <a\n                            style={{\n                                pointerEvents: 'none',\n                                textDecoration: 'none !important',\n                                color: 'white',\n                            }}\n                            ref={anchorRef}\n                            role=\"button\"\n                            href=\"/customize/SEPA-Lastschriftmandat.pdf\"\n                            download=\"SEPA-Lastschriftmandat.pdf\"\n                        >\n                            {t('pages.newSEPA.savePDF')}\n                        </a>\n                    </Button>\n                </Box>\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default NewSepa\n","import { Box, Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@material-ui/core'\nimport React from 'react'\n\nexport interface DialogComponentProps {\n    open: boolean\n    title: string\n    content?: React.ReactElement\n    labelAccept: string\n    labelCancel?: string\n    onCancel?: () => void\n    onAccept: () => void\n}\n\nconst DialogComponent = (props: DialogComponentProps): JSX.Element => {\n    const { open, title, content, labelAccept, labelCancel, onCancel, onAccept } = props\n    const hideCancelBtn: boolean = onCancel != undefined && labelCancel != undefined\n\n    return (\n        <Dialog open={open} onClose={onCancel}>\n            <DialogTitle>\n                <Box component={'span'} style={{ fontSize: 24, fontWeight: 'bolder' }}>\n                    {title}\n                </Box>\n            </DialogTitle>\n            {content && <DialogContent>{content}</DialogContent>}\n            <DialogActions style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n                {hideCancelBtn && (\n                    <Button variant={'outlined'} onClick={onCancel}>\n                        {labelCancel}\n                    </Button>\n                )}\n                <Button variant={'outlined'} className={hideCancelBtn ? 'primary' : ''} onClick={onAccept}>\n                    {labelAccept}\n                </Button>\n            </DialogActions>\n        </Dialog>\n    )\n}\n\nexport default DialogComponent\n","import gql from 'graphql-tag'\n\nexport const DeleteCustomerAddress = gql`\n    mutation DeleteCustomerAddress($kind: String!) {\n        deleteCustomerAddress(kind: $kind)\n    }\n`\n","import { gql } from '@apollo/client'\n\nexport const UpdateCustomerAddress = gql`\n    mutation updateCustomerAddress($input: AddressInput!, $kind: String!) {\n        updateCustomerAddress(input: $input, kind: $kind) {\n            Success\n            AddressKind\n        }\n    }\n`\n","import OtherAddrEdit from './OtherAddrEdit'\n\nexport default OtherAddrEdit\n","import { useMutation } from '@apollo/client'\nimport { Box, Button, Fade, Grid, TextField, Typography, useTheme } from '@material-ui/core'\nimport DialogComponent from 'components/DialogComponent/DialogComponent'\nimport Dropdown from 'components/Dropdown'\nimport ErrorBox from 'components/ErrorBox'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { DeleteCustomerAddress } from 'graphql/mutations/DeleteCustomerAddr'\nimport { UpdateCustomerAddress } from 'graphql/mutations/UpdateCustomerAddress'\nimport { Address, Mutation, MutationDeleteCustomerAddressArgs, MutationUpdateCustomerAddressArgs } from 'graphql/types'\nimport useEditState from 'hooks/useEditState'\nimport { dataHasErrors, editField, isAddressEmpty, isNewAddress } from 'hooks/useEditState/EditStateFuncs'\nimport _ from 'lodash'\nimport { useSnackbar } from 'notistack'\nimport React, { MutableRefObject, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport {\n    addressIsFilled,\n    dropdownOptionsCountry,\n    dropdownOptionsSalutation,\n    getHeader,\n    navigationLinks,\n} from 'utils/utils'\n\nconst OtherAddrEdit = (): JSX.Element => {\n    const { enqueueSnackbar } = useSnackbar()\n    const {\n        user,\n        userCopy,\n        history,\n        searchTerms,\n        saveUserData,\n        validation,\n        setUserCopyPartial,\n        touched,\n        setUser,\n        savePressed,\n        setSavePressed,\n        customize,\n    } = useEditState(editField.otherAddrData)\n\n    const postErrors: MutableRefObject<string[]> = useRef<string[]>([])\n    const { t } = useTranslation()\n    const theme = useTheme()\n\n    if (!userCopy || Object.keys(userCopy ?? {}).length === 0) {\n        history.push('/')\n        return <></>\n    }\n\n    const [postAddress, { loading }] = useMutation<Mutation>(UpdateCustomerAddress, {\n        onCompleted: (data) => {\n            if (data.updateCustomerAddress.Success === true) {\n                // there will be a save notification if it succeeds and is updating the state\n                //enqueueSnackbar(t('notification.saveSuccess') + data.updateCustomerAddress.AddressKind, {\n                //variant: 'success',\n                //})\n            } else {\n                postErrors.current.push(data.updateCustomerAddress.AddressKind)\n                enqueueSnackbar(t('notification.saveFailed') + data.updateCustomerAddress.AddressKind, {\n                    variant: 'error',\n                })\n            }\n        },\n    })\n    const [deleteAddress, { loading: delLoading }] = useMutation<Mutation>(DeleteCustomerAddress, {\n        onCompleted: (data) => {\n            if (data.deleteCustomerAddress === true) {\n                enqueueSnackbar(t('notification.deleteSuccess'), {\n                    variant: 'success',\n                })\n                const emptyAddr: Address = {\n                    companyLegalForm: '',\n                    companyName: '',\n                    salutation: '',\n                    title: '',\n                    firstName: '',\n                    lastName: '',\n                    street: '',\n                    zipCode: '',\n                    city: '',\n                    country: '',\n                    houseNumber: '',\n                    houseNumberExtension: '',\n                    __typename: 'Address',\n                }\n                // updateFrontend\n                if (deleteAddrKind === 'DELIVERY') {\n                    setUserCopyPartial({\n                        deliveryAddress: emptyAddr,\n                    })\n                    setUser({ ...user, deliveryAddress: emptyAddr })\n                }\n\n                if (deleteAddrKind === 'BILLING') {\n                    setUserCopyPartial({\n                        billingAddress: emptyAddr,\n                    })\n                    setUser({ ...user, billingAddress: emptyAddr })\n                }\n            } else {\n                enqueueSnackbar(t('notification.saveFailed'), {\n                    variant: 'error',\n                })\n            }\n        },\n    })\n    const handleSaveDelivery = async (): Promise<void> => {\n        if (dataHasErrors(userCopy, editField.otherAddrData).errors.length === 0) {\n            const deliveryFilled = addressIsFilled(userCopy.deliveryAddress)\n\n            //NOTE: this is for the user to avoid deleteing each field and revert it\n            // deleting is only possible with the delete button\n            if (deliveryFilled === false) {\n                setUserCopyPartial({ deliveryAddress: user.deliveryAddress })\n            }\n\n            if (!_.isEqual(user.deliveryAddress, userCopy.deliveryAddress) && deliveryFilled) {\n                const vars: MutationUpdateCustomerAddressArgs = {\n                    input: {\n                        companyLegalForm: userCopy.deliveryAddress.companyLegalForm.trim(),\n                        companyName: userCopy.deliveryAddress.companyName.trim(),\n                        salutation: userCopy.deliveryAddress.salutation.trim(),\n                        title: userCopy.deliveryAddress.title.trim(),\n                        firstName: userCopy.deliveryAddress.firstName.trim(),\n                        lastName: userCopy.deliveryAddress.lastName.trim(),\n                        street: userCopy.deliveryAddress.street.trim(),\n                        houseNumber: userCopy.deliveryAddress.houseNumber.trim(),\n                        houseNumberExtension: userCopy.deliveryAddress.houseNumberExtension.trim(),\n                        zipCode: userCopy.deliveryAddress.zipCode.trim(),\n                        city: userCopy.deliveryAddress.city.trim(),\n                        country: userCopy.deliveryAddress.country.trim(),\n                    },\n                    kind: 'DELIVERY',\n                }\n                await postAddress({ variables: vars })\n                if (postErrors.current.length > 0) {\n                    postErrors.current = []\n                    //NOTE: error has been reported in the callback of postAddress\n                    return\n                }\n                saveUserData({ ...user, deliveryAddress: userCopy.deliveryAddress })\n            }\n        } else {\n            if (!savePressed) {\n                setSavePressed(true)\n            }\n        }\n    }\n\n    const handleSaveBilling = async (): Promise<void> => {\n        if (dataHasErrors(userCopy, editField.otherAddrData).errors.length === 0) {\n            const billingFilled = addressIsFilled(userCopy.billingAddress)\n\n            //NOTE: this is for the user to avoid deleteing each field and revert it\n            // deleting is only possible with the delete button\n            if (billingFilled === false) {\n                setUserCopyPartial({ billingAddress: user.billingAddress })\n            }\n\n            if (!_.isEqual(user.billingAddress, userCopy.billingAddress) && billingFilled) {\n                const vars: MutationUpdateCustomerAddressArgs = {\n                    input: {\n                        companyName: userCopy.billingAddress.companyName.trim(),\n                        companyLegalForm: userCopy.billingAddress.companyLegalForm.trim(),\n                        salutation: userCopy.billingAddress.salutation.trim(),\n                        title: userCopy.billingAddress.title.trim(),\n                        firstName: userCopy.billingAddress.firstName.trim(),\n                        lastName: userCopy.billingAddress.lastName.trim(),\n                        street: userCopy.billingAddress.street.trim(),\n                        houseNumber: userCopy.billingAddress.houseNumber.trim(),\n                        houseNumberExtension: userCopy.billingAddress.houseNumberExtension.trim(),\n                        zipCode: userCopy.billingAddress.zipCode.trim(),\n                        city: userCopy.billingAddress.city.trim(),\n                        country: userCopy.billingAddress.country.trim(),\n                    },\n                    kind: 'BILLING',\n                }\n                await postAddress({ variables: vars })\n                if (postErrors.current.length > 0) {\n                    postErrors.current = []\n                    //NOTE: error has been reported in the callback of postAddress\n                    return\n                }\n                saveUserData({ ...user, billingAddress: userCopy.billingAddress })\n            }\n        } else {\n            if (!savePressed) {\n                setSavePressed(true)\n            }\n        }\n    }\n\n    const handleCancel = (): void => {\n        history.goBack()\n    }\n\n    const handleDeliveryPartial = (val: Partial<Address>) => {\n        setUserCopyPartial({\n            deliveryAddress: { ...userCopy.deliveryAddress, ...val },\n        })\n    }\n    const handleBillingPartial = (val: Partial<Address>) => {\n        setUserCopyPartial({\n            billingAddress: { ...userCopy.billingAddress, ...val },\n        })\n    }\n\n    const [deleteAddrKind, setDeleteAddrKind] = useState<string>('')\n    const handleDeleteAddrModal = (kind: string) => {\n        if (kind === '' || kind === 'DEFAULT') {\n            console.log('empty or default not allowed')\n            return\n        }\n        setOpen(true)\n        setDeleteAddrKind(kind)\n    }\n\n    const deleteAddr = async () => {\n        const vars: MutationDeleteCustomerAddressArgs = {\n            kind: deleteAddrKind,\n        }\n        deleteAddress({ variables: vars })\n        setOpen(false)\n    }\n\n    const [open, setOpen] = useState(false)\n\n    const deliveryError = useMemo(() => {\n        return { errors: validation.errors.filter((e) => e.includes('-delivery')), errorsTitle: undefined }\n    }, [validation])\n\n    const billingError = useMemo(() => {\n        return { errors: validation.errors.filter((e) => e.includes('-billing')), errorsTitle: undefined }\n    }, [validation])\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <>\n                <Box marginBottom={5}>\n                    <Typography variant={'h2'}>{t('pages.myData.edit.DeliveryAddr')}</Typography>\n                </Box>\n\n                <FieldWrapper text={''}>\n                    <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                        <Grid item xs={12} md={6}>\n                            <Dropdown\n                                id={'salutation'}\n                                disabled={false}\n                                focused={undefined}\n                                label={'* ' + t('formLabels.salutation')}\n                                options={dropdownOptionsSalutation(t)}\n                                selectedOption={userCopy.deliveryAddress.salutation}\n                                handleChange={(e) => {\n                                    handleDeliveryPartial({ salutation: e.target.value as string })\n                                }}\n                                testIdentifier={TestIDs.GET_OTHER_ADDR_EDIT('D-SALUTATION')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.title')}\n                                variant={'filled'}\n                                value={userCopy.deliveryAddress.title}\n                                inputProps={{\n                                    maxLength: 30,\n                                }}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ title: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-TITLE')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.company')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.deliveryAddress.companyName}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ companyName: e.target.value })\n                                }}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.legalForm')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 30,\n                                }}\n                                value={userCopy.deliveryAddress.companyLegalForm}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ companyLegalForm: e.target.value })\n                                }}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.firstName')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.deliveryAddress.firstName}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ firstName: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-FNAME')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.lastName')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.deliveryAddress.lastName}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ lastName: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-LNAME')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={7}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.street')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.deliveryAddress.street}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ street: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-STREET')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={3}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.houseNumber')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 10,\n                                }}\n                                value={userCopy.deliveryAddress.houseNumber}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ houseNumber: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-HOUSE_NUMBER')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={2}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.houseNumberExtension_short')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 5,\n                                }}\n                                value={userCopy.deliveryAddress.houseNumberExtension}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ houseNumberExtension: e.target.value })\n                                }}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={3}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.zip')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 5,\n                                }}\n                                value={userCopy.deliveryAddress.zipCode}\n                                onChange={(e) => {\n                                    if (new RegExp('^[0-9]*$').test(e.target.value)) {\n                                        handleDeliveryPartial({ zipCode: e.target.value })\n                                    }\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-ZIP')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={9}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.city')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.deliveryAddress.city}\n                                onChange={(e) => {\n                                    handleDeliveryPartial({ city: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-CITY')}\n                            />\n                        </Grid>\n                        <Grid item xs={12}>\n                            <Dropdown\n                                id={'country'}\n                                disabled={false}\n                                focused={undefined}\n                                label={'* ' + t('formLabels.country')}\n                                options={dropdownOptionsCountry(t)}\n                                selectedOption={userCopy.deliveryAddress.country}\n                                handleChange={(e) => {\n                                    handleDeliveryPartial({ country: e.target.value as string })\n                                }}\n                                testIdentifier={TestIDs.GET_OTHER_ADDR_EDIT('D-COUNTRY')}\n                            />\n                        </Grid>\n\n                        <Fade in={deliveryError.errors.length > 0} unmountOnExit={true}>\n                            <Grid item xs={12}>\n                                <Box>\n                                    <ErrorBox {...deliveryError} />\n                                </Box>\n                            </Grid>\n                        </Fade>\n                        <Grid item xs={12} sm={6}>\n                            <Button\n                                variant={'contained'}\n                                color={'default'}\n                                fullWidth\n                                disabled={\n                                    isAddressEmpty(userCopy.deliveryAddress) ||\n                                    isNewAddress(userCopy.deliveryAddress, user.deliveryAddress) ||\n                                    delLoading\n                                }\n                                onClick={() => handleDeleteAddrModal('DELIVERY')}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('D-DELETE_BUTTON')}\n                            >\n                                {t('deliveryAddress') + ' ' + t('general.delete')}\n                                <DeleteIcon />\n                            </Button>\n                        </Grid>\n                        <Grid item xs={12} sm={6}>\n                            <Button\n                                variant={'contained'}\n                                color={'primary'}\n                                fullWidth\n                                onClick={handleSaveDelivery}\n                                disabled={loading || !touched || validation.errors.length > 0}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('SUBMIT_BUTTON')}\n                            >\n                                {t('deliveryAddress') + ' ' + t('general.save')}\n                                {loading ? '...' : ''}\n                            </Button>\n                        </Grid>\n                    </Grid>\n                </FieldWrapper>\n\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                ></Box>\n\n                <Box marginBottom={5} marginTop={5}>\n                    <Typography variant={'h2'}>{t('pages.myData.edit.BillingAddr')}</Typography>\n                </Box>\n\n                <FieldWrapper text={''}>\n                    <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                        <Grid item xs={12} md={6}>\n                            <Dropdown\n                                id={'salutation'}\n                                disabled={false}\n                                focused={undefined}\n                                label={'* ' + t('formLabels.salutation')}\n                                options={dropdownOptionsSalutation(t)}\n                                selectedOption={userCopy.billingAddress.salutation}\n                                handleChange={(e) => {\n                                    handleBillingPartial({ salutation: e.target.value as string })\n                                }}\n                                testIdentifier={TestIDs.GET_OTHER_ADDR_EDIT('B-SALUTATION')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.title')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 30,\n                                }}\n                                value={userCopy.billingAddress.title}\n                                onChange={(e) => {\n                                    handleBillingPartial({ title: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-TITLE')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.company')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.billingAddress.companyName}\n                                onChange={(e) => {\n                                    handleBillingPartial({ companyName: e.target.value })\n                                }}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.legalForm')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 30,\n                                }}\n                                value={userCopy.billingAddress.companyLegalForm}\n                                onChange={(e) => {\n                                    handleBillingPartial({ companyLegalForm: e.target.value })\n                                }}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.firstName')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.billingAddress.firstName}\n                                onChange={(e) => {\n                                    handleBillingPartial({ firstName: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-FNAME')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.lastName')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.billingAddress.lastName}\n                                onChange={(e) => {\n                                    handleBillingPartial({ lastName: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-LNAME')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={7}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.street')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.billingAddress.street}\n                                onChange={(e) => {\n                                    handleBillingPartial({ street: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-STREET')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={3}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.houseNumber')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 10,\n                                }}\n                                value={userCopy.billingAddress.houseNumber}\n                                onChange={(e) => {\n                                    handleBillingPartial({ houseNumber: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-HOUSE_NUMBER')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={2}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.houseNumberExtension_short')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 5,\n                                }}\n                                value={userCopy.billingAddress.houseNumberExtension}\n                                onChange={(e) => {\n                                    handleBillingPartial({ houseNumberExtension: e.target.value })\n                                }}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={3}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.zip')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 5,\n                                }}\n                                value={userCopy.billingAddress.zipCode}\n                                onChange={(e) => {\n                                    if (new RegExp('^[0-9]*$').test(e.target.value)) {\n                                        handleBillingPartial({ zipCode: e.target.value })\n                                    }\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-ZIP')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12} md={9}>\n                            <TextField\n                                fullWidth={true}\n                                label={'* ' + t('formLabels.city')}\n                                variant={'filled'}\n                                inputProps={{\n                                    maxLength: 50,\n                                }}\n                                value={userCopy.billingAddress.city}\n                                onChange={(e) => {\n                                    handleBillingPartial({ city: e.target.value })\n                                }}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-CITY')}\n                            />\n                        </Grid>\n\n                        <Grid item xs={12}>\n                            <Dropdown\n                                id={'country'}\n                                disabled={false}\n                                focused={undefined}\n                                label={'* ' + t('formLabels.country')}\n                                options={dropdownOptionsCountry(t)}\n                                selectedOption={userCopy.billingAddress.country}\n                                handleChange={(e) => {\n                                    handleBillingPartial({ country: e.target.value as string })\n                                }}\n                                testIdentifier={TestIDs.GET_OTHER_ADDR_EDIT('B-COUNTRY')}\n                            />\n                        </Grid>\n\n                        <Fade in={billingError.errors.length > 0} unmountOnExit={true}>\n                            <Grid item xs={12}>\n                                <Box>\n                                    <ErrorBox {...billingError} />\n                                </Box>\n                            </Grid>\n                        </Fade>\n\n                        <Grid item xs={12} sm={6}>\n                            <Button\n                                variant={'contained'}\n                                color={'default'}\n                                fullWidth\n                                disabled={\n                                    isAddressEmpty(userCopy.billingAddress) ||\n                                    isNewAddress(userCopy.billingAddress, user.billingAddress) ||\n                                    delLoading\n                                }\n                                onClick={() => handleDeleteAddrModal('BILLING')}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('B-DELETE_BUTTON')}\n                            >\n                                {t('billingAddress') + ' ' + t('general.delete')}\n                                <DeleteIcon />\n                            </Button>\n                        </Grid>\n                        <Grid item xs={12} sm={6}>\n                            <Button\n                                variant={'contained'}\n                                color={'primary'}\n                                fullWidth\n                                onClick={handleSaveBilling}\n                                disabled={loading || !touched || validation.errors.length > 0}\n                                {...TestIDs.GET_OTHER_ADDR_EDIT('SAVE-BILLING')}\n                            >\n                                {t('billingAddress') + ' ' + t('general.save')}\n                                {loading ? '...' : ''}\n                            </Button>\n                        </Grid>\n                    </Grid>\n                </FieldWrapper>\n\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button\n                        variant={'outlined'}\n                        color={'default'}\n                        onClick={handleCancel}\n                        {...TestIDs.GET_OTHER_ADDR_EDIT('CANCEL_BUTTON')}\n                    >\n                        {touched ? t('general.cancel') : t('general.back')}\n                    </Button>\n                </Box>\n                <DialogComponent\n                    open={open}\n                    onAccept={deleteAddr}\n                    onCancel={() => setOpen(false)}\n                    title={t('deleteAddr.header')}\n                    content={\n                        <Box pb={2}>\n                            <Typography style={{ display: 'inline' }}>{t('deleteAddr.helper') + ' '}</Typography>\n                            <Typography style={{ display: 'inline', color: colors.main, fontWeight: 600 }}>\n                                {t('deleteAddr.' + deleteAddrKind) + ' '}\n                            </Typography>\n                            <Typography style={{ display: 'inline' }}>{t('deleteAddr.helper2')}</Typography>\n                        </Box>\n                    }\n                    labelAccept={t('deleteAddr.yes')}\n                    labelCancel={t('general.cancel')}\n                />\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default OtherAddrEdit\n","import { gql } from '@apollo/client'\n\nexport const PATCH_CUSTOMPROPS = gql`\n    mutation patchCustomProps($input: [CustomPropsInput!]!) {\n        patchCustomerProps(input: $input)\n    }\n`\n","import {\n    isPossiblePhoneNumber,\n    isValidPhoneNumber,\n    validatePhoneNumberLength,\n    ValidatePhoneNumberLengthResult,\n} from 'libphonenumber-js'\n\nexport type PhoneValidation = {\n    isValid: boolean\n    isPossible: boolean\n    isValidLength: ValidatePhoneNumberLengthResult | undefined\n}\n\nexport const isValidPhone = (s: string): PhoneValidation => {\n    const isValid = isValidPhoneNumber(s, 'DE')\n    const isPossible = isPossiblePhoneNumber(s, 'DE')\n    const isValidLength = validatePhoneNumberLength(s, 'DE')\n    return { isValid, isPossible, isValidLength }\n}\n\nconst pregex = new RegExp('^[+]?[\\\\d\\\\s]*$')\nexport const isPhoneRegex = (s: string): boolean => {\n    return pregex.test(s)\n}\n\nexport const checkPhoneErrors = (p: PhoneValidation, prefix: string): string[] => {\n    const newErrors: string[] = []\n    if (!p.isValid) {\n        newErrors.push(prefix + 'NOT_VALID')\n    }\n    if (!p.isPossible) {\n        newErrors.push(prefix + 'NOT_POSSIBLE')\n    }\n    if (p.isValidLength !== undefined) {\n        newErrors.push(prefix + p.isValidLength)\n    }\n    return newErrors\n}\n","import { useMutation } from '@apollo/client'\nimport { Box, Button, Fade, Grid, TextField, Typography, useTheme } from '@material-ui/core'\nimport Dropdown from 'components/Dropdown'\nimport ErrorBox from 'components/ErrorBox'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { PATCH_CUSTOMPROPS } from 'graphql/mutations/PatchCustomProps'\nimport { Mutation, MutationPatchCustomerPropsArgs } from 'graphql/types'\nimport useEditState from 'hooks/useEditState'\nimport { editField } from 'hooks/useEditState/EditStateFuncs'\nimport { useSnackbar } from 'notistack'\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport InputMask from 'react-input-mask'\nimport { checkPhoneErrors, isPhoneRegex, isValidPhone } from 'utils/isValidPhoneNumber'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport { dropdownOptionsSalutation, getHeader, navigationLinks, Salutation } from 'utils/utils'\n\nconst PersonalDataEdit = (): JSX.Element => {\n    const {\n        user,\n        userCopy,\n        history,\n        searchTerms,\n        saveUserData,\n        setUserCopy,\n        validation,\n        setValidation,\n        touched,\n        customize,\n    } = useEditState(editField.personalData)\n    const { enqueueSnackbar } = useSnackbar()\n\n    if (!userCopy || Object.keys(userCopy ?? {}).length === 0) {\n        history.push('/')\n        return <></>\n    }\n\n    const [saveClicked, setSaveClicked] = useState(false)\n\n    const [patchProps, { loading }] = useMutation<Mutation>(PATCH_CUSTOMPROPS, {\n        onCompleted: (data) => {\n            if (data.patchCustomerProps === true) {\n                saveSuccess()\n            } else {\n                enqueueSnackbar(t('notification.saveFailed'), {\n                    variant: 'error',\n                })\n            }\n        },\n    })\n\n    const checkNumbers = () => {\n        const newErrors: string[] = []\n        if (userCopy.telephone !== '' && userCopy.telephone !== user.telephone) {\n            //check telephone number isValid\n            const tel = isValidPhone(userCopy.telephone)\n            if (tel.isValid && tel.isPossible && tel.isValidLength === undefined) {\n                //vars.input.push({ specifier: 'phone', value: userCopy.telephone })\n            } else {\n                const errs = checkPhoneErrors(tel, 'TEL_')\n                if (errs.length > 0) {\n                    newErrors.push(...errs)\n                }\n            }\n        }\n\n        if (userCopy.mobile !== '' && userCopy.mobile !== user.mobile) {\n            const mobile = isValidPhone(userCopy.mobile)\n            if (mobile.isValid && mobile.isPossible && mobile.isValidLength === undefined) {\n                //vars.input.push({ specifier: 'mobile', value: userCopy.mobile })\n            } else {\n                const errs = checkPhoneErrors(mobile, 'MOBILE_')\n                if (errs.length > 0) {\n                    newErrors.push(...errs)\n                }\n            }\n        }\n        setValidation({ errors: newErrors })\n    }\n\n    const handleSave = () => {\n        const vars: MutationPatchCustomerPropsArgs = {\n            input: [],\n        }\n        if (userCopy.telephone === '' && userCopy.telephone !== user.telephone) {\n            vars.input.push({ specifier: 'phone', value: 'DELETE' })\n        }\n        if (userCopy.mobile === '' && userCopy.mobile !== user.mobile) {\n            vars.input.push({ specifier: 'mobile', value: 'DELETE' })\n        }\n        setSaveClicked(true)\n        const newErrors: string[] = []\n\n        if (userCopy.telephone !== '' && userCopy.telephone !== user.telephone) {\n            //check telephone number isValid\n            const tel = isValidPhone(userCopy.telephone)\n            if (tel.isValid && tel.isPossible && tel.isValidLength === undefined) {\n                vars.input.push({ specifier: 'phone', value: userCopy.telephone })\n            } else {\n                const errs = checkPhoneErrors(tel, 'TEL_')\n                if (errs.length > 0) {\n                    newErrors.push(...errs)\n                }\n            }\n        }\n\n        if (userCopy.mobile !== '' && userCopy.mobile !== user.mobile) {\n            const mobile = isValidPhone(userCopy.mobile)\n            if (mobile.isValid && mobile.isPossible && mobile.isValidLength === undefined) {\n                vars.input.push({ specifier: 'mobile', value: userCopy.mobile })\n            } else {\n                const errs = checkPhoneErrors(mobile, 'MOBILE_')\n                if (errs.length > 0) {\n                    newErrors.push(...errs)\n                }\n            }\n        }\n        if (newErrors.length > 0) {\n            setValidation({ errors: newErrors })\n        } else if (vars.input.length > 0) {\n            patchProps({ variables: vars })\n        } else {\n            // no changes just go back\n            //NOTE: as i remember katha required not to go back on save\n            //history.goBack()\n        }\n    }\n    const saveSuccess = (): void => {\n        saveUserData(userCopy)\n    }\n    const handleCancel = (): void => {\n        history.goBack()\n    }\n\n    const { t } = useTranslation()\n    const theme = useTheme()\n\n    useEffect(() => {\n        if (saveClicked) {\n            checkNumbers()\n        }\n    }, [userCopy])\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <>\n                <Box marginBottom={5}>\n                    <Typography variant={'h2'}>{t('pages.myData.edit.PersonalData')}</Typography>\n                </Box>\n                <FieldWrapper text={''}>\n                    <Grid container item spacing={2} style={{ backgroundColor: theme.palette.primary.light }}>\n                        <Grid item xs={12} md={6}>\n                            <Dropdown\n                                id={'salutation'}\n                                disabled\n                                error={false}\n                                label={t('formLabels.salutation')}\n                                options={dropdownOptionsSalutation(t)}\n                                selectedOption={\n                                    userCopy.salutation && userCopy.salutation.trim().length > 0\n                                        ? userCopy.salutation\n                                        : Salutation.NONE\n                                }\n                                handleChange={(e): void => {\n                                    setUserCopy({ ...userCopy, salutation: e.target.value as Salutation })\n                                }}\n                                testIdentifier={TestIDs.GET_EDITABLE_PERSONAL_DATA('SALUTATION')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <TextField\n                                disabled\n                                fullWidth={true}\n                                label={t('formLabels.title')}\n                                variant={'filled'}\n                                value={userCopy.title}\n                                // onChange={(e): void => setUserCopy({ ...userCopy, title: e.target.value })}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('TITLE')}\n                            />\n                        </Grid>\n                        {userCopy.company && userCopy.company.trim().length > 0 && (\n                            <>\n                                <Grid item xs={12}>\n                                    <TextField\n                                        disabled\n                                        fullWidth={true}\n                                        label={t('formLabels.company')}\n                                        variant={'filled'}\n                                        value={userCopy.company}\n                                        // onChange={(e): void => setUserCopy({ ...userCopy, firstName: e.target.value })}\n                                        {...TestIDs.GET_EDITABLE_PERSONAL_DATA('COMPANY')}\n                                    />\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <TextField\n                                        disabled\n                                        fullWidth={true}\n                                        label={t('formLabels.legalForm')}\n                                        variant={'filled'}\n                                        value={userCopy.companyLegalForm}\n                                        // onChange={(e): void => setUserCopy({ ...userCopy, firstName: e.target.value })}\n                                        {...TestIDs.GET_EDITABLE_PERSONAL_DATA('LEGAL_FORM')}\n                                    />\n                                </Grid>\n                            </>\n                        )}\n                        <Grid item xs={12}>\n                            <TextField\n                                disabled\n                                fullWidth={true}\n                                label={t('formLabels.firstName')}\n                                variant={'filled'}\n                                value={userCopy.firstName}\n                                // onChange={(e): void => setUserCopy({ ...userCopy, firstName: e.target.value })}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('FIRST_NAME')}\n                            />\n                        </Grid>\n                        <Grid item xs={12}>\n                            <TextField\n                                disabled\n                                fullWidth={true}\n                                label={t('formLabels.lastName')}\n                                variant={'filled'}\n                                value={userCopy.lastName}\n                                // onChange={(e): void => setUserCopy({ ...userCopy, lastName: e.target.value })}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('LAST_NAME')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={7}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.street')}\n                                disabled\n                                variant={'filled'}\n                                value={userCopy.connectionAddress.street}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('STREET')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={3}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.houseNumber')}\n                                variant={'filled'}\n                                disabled\n                                value={userCopy.connectionAddress.houseNumber}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('NUMBER')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={2}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.houseNumberExtension_short')}\n                                variant={'filled'}\n                                disabled\n                                value={userCopy.connectionAddress.houseNumberExtension}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={3}>\n                            <InputMask\n                                mask={'99999'}\n                                alwaysShowMask={false}\n                                placeholder={''}\n                                disabled\n                                value={userCopy.connectionAddress.zipCode}\n                            >\n                                {(): JSX.Element => (\n                                    <TextField\n                                        fullWidth={true}\n                                        label={t('formLabels.zip')}\n                                        variant={'filled'}\n                                        disabled\n                                        {...TestIDs.GET_EDITABLE_PERSONAL_DATA('ZIP')}\n                                    />\n                                )}\n                            </InputMask>\n                        </Grid>\n                        <Grid item xs={12} md={9}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.city')}\n                                variant={'filled'}\n                                disabled\n                                value={userCopy.connectionAddress.city}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('CITY')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={9}>\n                            <TextField\n                                disabled\n                                fullWidth={true}\n                                label={t('formLabels.email')}\n                                variant={'filled'}\n                                value={userCopy.email}\n                                type={'email'}\n                                // onChange={(e): void => setUserCopy({ ...userCopy, email: e.target.value })}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('EMAIL')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={3}>\n                            <InputMask\n                                disabled\n                                mask={'99.99.9999'}\n                                alwaysShowMask={false}\n                                placeholder={''}\n                                value={userCopy.birthdate}\n                                // onChange={(e): void => setUserCopy({ ...userCopy, birthdate: e.target.value })}\n                            >\n                                {(): JSX.Element => (\n                                    <TextField\n                                        disabled\n                                        fullWidth={true}\n                                        label={t('formLabels.birthdate')}\n                                        variant={'filled'}\n                                        {...TestIDs.GET_EDITABLE_PERSONAL_DATA('BIRTHDATE')}\n                                    />\n                                )}\n                            </InputMask>\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.telephone')}\n                                variant={'filled'}\n                                value={userCopy.telephone}\n                                inputProps={{\n                                    maxLength: 30,\n                                }}\n                                onChange={(e): void => {\n                                    if (isPhoneRegex(e.target.value)) {\n                                        setUserCopy({ ...userCopy, telephone: e.target.value })\n                                    }\n                                }}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('TELEPHONE')}\n                            />\n                        </Grid>\n                        <Grid item xs={12} md={6}>\n                            <TextField\n                                fullWidth={true}\n                                label={t('formLabels.mobile')}\n                                variant={'filled'}\n                                value={userCopy.mobile}\n                                inputProps={{\n                                    maxLength: 30,\n                                }}\n                                onChange={(e): void => {\n                                    if (isPhoneRegex(e.target.value)) {\n                                        setUserCopy({ ...userCopy, mobile: e.target.value })\n                                    }\n                                }}\n                                {...TestIDs.GET_EDITABLE_PERSONAL_DATA('MOBILE_PHONE')}\n                            />\n                        </Grid>\n                    </Grid>\n                </FieldWrapper>\n\n                <Fade in={validation.errors.length > 0} unmountOnExit={true}>\n                    <Box>\n                        <ErrorBox {...validation} />\n                    </Box>\n                </Fade>\n\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button\n                        variant={'outlined'}\n                        color={'default'}\n                        {...TestIDs.GET_EDITABLE_PERSONAL_DATA('CANCEL_BUTTON')}\n                        onClick={handleCancel}\n                    >\n                        {touched ? t('general.cancel') : t('general.back')}\n                    </Button>\n\n                    <Button\n                        variant={'contained'}\n                        color={'primary'}\n                        onClick={() => history.push(Routes.OtherAddrEdit)}\n                        {...TestIDs.GET_OTHER_ADDR('EDIT_BUTTON')}\n                    >\n                        {t('pages.myData.moreAddr')}\n                    </Button>\n                    <Button\n                        variant={'contained'}\n                        color={'primary'}\n                        {...TestIDs.GET_EDITABLE_PERSONAL_DATA('SUBMIT_BUTTON')}\n                        onClick={handleSave}\n                        disabled={loading || !touched}\n                    >\n                        {t('general.save')}\n                        {loading ? '...' : ''}\n                    </Button>\n                </Box>\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default PersonalDataEdit\n","import {\n    Box,\n    Button,\n    Fade,\n    FormControl,\n    FormControlLabel,\n    Grid,\n    makeStyles,\n    Radio,\n    RadioGroup,\n    Typography,\n} from '@material-ui/core'\nimport CheckboxComponent from 'components/CheckboxComponent'\nimport Dropdown from 'components/Dropdown'\nimport { PhoneNumberContext } from 'components/NumberBlock/NumberBlock'\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport colors from 'theme/colors'\n\nexport interface PhoneBookEntryProps {\n    numbers: PhoneNumberContext[]\n    numberOption: PhonebookOptions\n    handleNumberOption: (o: Partial<PhonebookOptions>) => void\n    selected: number\n    handleChangeOption(e: any): void\n    handleSave: () => void\n    dropDownOpts: any\n    saveLoading: boolean\n}\n\nexport interface PhonebookOptions {\n    phoneNumber: string\n    electronic: boolean\n    infoService: boolean\n    inverse: boolean\n    printedParticipantDir: boolean\n    withAddr: boolean\n}\n\nconst useStyles = makeStyles(() => ({\n    customDrop: {\n        maxWidth: '95%',\n        '& .MuiFilledInput-root': {\n            backgroundColor: colors.white,\n            '&.Mui-disabled': {\n                backgroundColor: colors.lightGray,\n            },\n            '& .MuiSelect-select:focus': {\n                backgroundColor: colors.white,\n            },\n        },\n    },\n}))\n\nconst PhoneBookEntry = (props: PhoneBookEntryProps): JSX.Element => {\n    const classes = useStyles()\n    const {\n        numbers,\n        numberOption,\n        selected,\n        handleChangeOption,\n        dropDownOpts,\n        handleNumberOption,\n        handleSave,\n        saveLoading,\n    } = props\n\n    const [showAddr, setShowAddr] = useState(false)\n    const [touched, setTouched] = useState(false)\n    const { t } = useTranslation()\n    const history = useHistory()\n\n    const oneCheckboxIsTrue = () => {\n        if (\n            numberOption.printedParticipantDir ||\n            numberOption.electronic ||\n            numberOption.infoService ||\n            numberOption.inverse\n        ) {\n            return true\n        } else {\n            return false\n        }\n    }\n\n    useEffect(() => {\n        const oneSelected = oneCheckboxIsTrue()\n        if (showAddr === false && oneSelected) {\n            setShowAddr(true)\n        }\n        if (showAddr === true && !oneSelected) {\n            setShowAddr(false)\n            //setSelectedNumberOptions({ ...selectedNumberOptions, withAddr: false })\n        }\n    }, [numberOption])\n\n    return (\n        <Grid container spacing={6} justify=\"center\" alignItems=\"center\">\n            <Grid item xs={12}>\n                <Typography variant=\"h1\">{t('phoneBookEntry.title')}</Typography>\n            </Grid>\n\n            <Grid item xs={12} sm={6}>\n                <Box className={classes.customDrop}>\n                    <Dropdown\n                        id={'phoneNumbers'}\n                        disabled={numbers.length === 0}\n                        focused={undefined}\n                        label={t('numberLock.telNumber')}\n                        options={numbers.length > 0 ? dropDownOpts : []}\n                        selectedOption={numbers.length > 0 ? dropDownOpts[selected].label : ''}\n                        handleChange={handleChangeOption}\n                    />\n                </Box>\n            </Grid>\n            <Grid item xs={12}>\n                <Box\n                    style={{\n                        display: 'flex',\n                        flexDirection: 'column',\n                        backgroundColor: colors.lightGray,\n                        width: '100%',\n                        paddingTop: 42,\n                        paddingBottom: 42,\n                        paddingLeft: 36,\n                        paddingRight: 36,\n                    }}\n                >\n                    <CheckboxComponent\n                        checked={numberOption.printedParticipantDir}\n                        label={<Typography variant=\"body1\">{t('phoneBookEntry.inPrintedParticipantDir')}</Typography>}\n                        onSelect={() => {\n                            if (!touched) {\n                                setTouched(true)\n                            }\n                            handleNumberOption({ printedParticipantDir: !numberOption.printedParticipantDir })\n                        }}\n                    />\n                    <CheckboxComponent\n                        checked={numberOption.electronic}\n                        label={<Typography variant=\"body1\">{t('phoneBookEntry.inElectronicSubscriberDir')}</Typography>}\n                        onSelect={() => {\n                            if (!touched) {\n                                setTouched(true)\n                            }\n                            handleNumberOption({ electronic: !numberOption.electronic })\n                        }}\n                    />\n                    <CheckboxComponent\n                        checked={numberOption.infoService}\n                        label={<Typography variant=\"body1\">{t('phoneBookEntry.inInformationServices')}</Typography>}\n                        onSelect={() => {\n                            if (!touched) {\n                                setTouched(true)\n                            }\n                            handleNumberOption({ infoService: !numberOption.infoService })\n                        }}\n                    />\n                    <CheckboxComponent\n                        checked={numberOption.inverse}\n                        label={<Typography variant=\"body1\">{t('phoneBookEntry.allowInverseSearch')}</Typography>}\n                        onSelect={() => {\n                            if (!touched) {\n                                setTouched(true)\n                            }\n                            handleNumberOption({ inverse: !numberOption.inverse })\n                        }}\n                    />\n                </Box>\n            </Grid>\n            <Fade in={showAddr} timeout={1000}>\n                <Grid item xs={12}>\n                    <FormControl component=\"fieldset\">\n                        <RadioGroup\n                            row\n                            aria-label=\"position\"\n                            name=\"position\"\n                            defaultValue=\"top\"\n                            className=\"phoneBookEntryAddr\"\n                        >\n                            <FormControlLabel\n                                value=\"end\"\n                                control={\n                                    <Radio\n                                        checked={numberOption.withAddr}\n                                        onClick={() => {\n                                            handleNumberOption({ withAddr: true })\n                                        }}\n                                        color=\"default\"\n                                    />\n                                }\n                                label={t('phoneBookEntry.withAddr')}\n                            />\n                            <FormControlLabel\n                                value=\"end\"\n                                label={t('phoneBookEntry.withoutAddr')}\n                                control={\n                                    <Radio\n                                        checked={!numberOption.withAddr}\n                                        onClick={() => {\n                                            handleNumberOption({ withAddr: false })\n                                        }}\n                                        color=\"default\"\n                                    />\n                                }\n                            />\n                        </RadioGroup>\n                    </FormControl>\n                </Grid>\n            </Fade>\n            <Grid item xs={12}>\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'space-between'}\n                >\n                    <Button variant={'outlined'} color={'default'} onClick={() => history.goBack()}>\n                        {touched ? t('general.cancel') : t('general.back')}\n                    </Button>\n\n                    <Button\n                        className={'mt1'}\n                        variant={'contained'}\n                        color={'primary'}\n                        onClick={handleSave}\n                        disabled={!touched || saveLoading}\n                    >\n                        {t('phoneBookEntry.save')}\n                    </Button>\n                </Box>\n            </Grid>\n        </Grid>\n    )\n}\n\nexport default PhoneBookEntry\n","import gql from 'graphql-tag'\n\nexport const SET_PHONEBOOKENTRY = gql`\n    mutation setPhonebookentry($input: PhoneBookEntryInput!) {\n        setPhoneBookEntry(input: $input)\n    }\n`\n","import gql from 'graphql-tag'\n\nexport const GET_PHONEBOOKENTRY = gql`\n    query phoneBookEntry($phoneNumber: String!) {\n        getPhoneBookEntry(phoneNumber: $phoneNumber) {\n            phoneNumber\n            electronic\n            infoService\n            inverse\n            printedParticipantDir\n            withAddr\n        }\n    }\n`\n","import PhoneBookEntryPage from './PhoneBookEntryPage'\n\nexport default PhoneBookEntryPage\n","import { useLazyQuery, useMutation } from '@apollo/client'\nimport { Typography } from '@material-ui/core'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport { toDropDown } from 'components/NumberBlock/NumberBlock'\nimport PhoneBookEntry, { PhonebookOptions } from 'components/PhoneBookEntry/PhoneBookEntry'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { SET_PHONEBOOKENTRY } from 'graphql/mutations/SetPhonebookentry'\nimport { GET_PHONEBOOKENTRY } from 'graphql/queries/GetPhonebookEntry'\nimport { Mutation, MutationSetPhoneBookEntryArgs, Query, QueryGetPhoneBookEntryArgs } from 'graphql/types'\nimport { useSnackbar } from 'notistack'\nimport React, { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { AppState } from 'store/store'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst PhoneBookEntryPage = (): JSX.Element => {\n    const history = useHistory()\n    const { t } = useTranslation()\n    const { numbers, customize } = useSelector((state: AppState) => {\n        return {\n            numbers: state.generalState.user?.contractMetaData.phoneData,\n            customize: state.generalState.customize,\n        }\n    })\n    const [selected, setSelected] = useState(0)\n    const [dropDownOpts, setDropDownOpts] = useState(toDropDown(numbers ? numbers : []))\n    const [numberOption, setNumberOption] = useState<PhonebookOptions | undefined>(undefined)\n    const handleNumberOption = (o: Partial<PhonebookOptions>) => {\n        if (numberOption) {\n            setNumberOption({ ...numberOption, ...o })\n        }\n    }\n    const handleChangeOption = (e: any) => {\n        const val = e.target.value as string\n        let index = -1\n        for (let i = 0; i < dropDownOpts.length; i++) {\n            if (val === dropDownOpts[i].value) {\n                index = i\n                break\n            }\n        }\n        if (index !== -1) {\n            loadData(dropDownOpts[index].value)\n            setSelected(index)\n        }\n    }\n    const [fetchEntry, { loading }] = useLazyQuery<Query>(GET_PHONEBOOKENTRY, {\n        nextFetchPolicy: 'no-cache',\n        onCompleted: (data) => {\n            if (data.getPhoneBookEntry) {\n                setNumberOption(data.getPhoneBookEntry)\n            }\n        },\n    })\n    const loadData = (phoneNumber: string): void => {\n        if (phoneNumber === '') {\n            return\n        }\n        const vars: QueryGetPhoneBookEntryArgs = {\n            phoneNumber: phoneNumber.replaceAll('+49', ''),\n        }\n        fetchEntry({ variables: vars })\n    }\n\n    const { enqueueSnackbar } = useSnackbar()\n    const [patchPhonebookEntry, { loading: loading2 }] = useMutation<Mutation>(SET_PHONEBOOKENTRY, {\n        onCompleted: (data) => {\n            if (data.setPhoneBookEntry) {\n                enqueueSnackbar(t('notification.saveSuccess'), {\n                    variant: 'success',\n                })\n            }\n        },\n    })\n    const handleSave = (): void => {\n        if (numberOption) {\n            const vars: MutationSetPhoneBookEntryArgs = {\n                input: {\n                    phoneNumber: numberOption.phoneNumber.replaceAll('+49', ''),\n                    electronic: numberOption.electronic,\n                    infoService: numberOption.infoService,\n                    inverse: numberOption.inverse,\n                    printedParticipantDir: numberOption.printedParticipantDir,\n                    withAddr: numberOption.withAddr,\n                },\n            }\n            patchPhonebookEntry({ variables: vars })\n        }\n    }\n\n    useEffect(() => {\n        if (numbers) {\n            setDropDownOpts(toDropDown(numbers))\n        }\n        if (numbers && numbers?.length > 0 && numberOption === undefined) {\n            loadData(numbers[0].phoneNumber)\n        }\n    }, [numbers])\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.PhoneBookEntryEdit, history, [], customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            <>\n                {loading && <LoadingSpinner loading={loading} />}\n                {numbers && numberOption && !loading && (\n                    <PhoneBookEntry\n                        selected={selected}\n                        handleChangeOption={handleChangeOption}\n                        numbers={numbers}\n                        dropDownOpts={dropDownOpts}\n                        numberOption={numberOption}\n                        handleNumberOption={handleNumberOption}\n                        handleSave={handleSave}\n                        saveLoading={loading2}\n                    />\n                )}\n                {!numbers && <Typography>{t('phoneBookEntry.noNumbers')}</Typography>}\n            </>\n        </ViewWrapper>\n    )\n}\n\nexport default PhoneBookEntryPage\n","import PhoneNumberDisplayEdit from './PhoneNumberDisplayEdit'\n\nexport default PhoneNumberDisplayEdit\n","import { Box, Button, Grid, Typography } from '@material-ui/core'\nimport CheckboxComponent from 'components/CheckboxComponent'\nimport { PhoneResource } from 'graphql/types'\nimport React, { Dispatch, SetStateAction, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport colors from 'theme/colors'\n\nexport interface PhoneNumberDisplayEditProps {\n    phoneNumbersDisplay: PhoneResource[]\n    loading: boolean\n    touched: boolean\n    setTouched: Dispatch<SetStateAction<boolean>>\n    save: (data: PhoneResource[]) => void\n}\nconst PhoneNumberDisplayEdit = (props: PhoneNumberDisplayEditProps): JSX.Element => {\n    const { touched, setTouched, phoneNumbersDisplay, loading, save } = props\n    const [phoneDisplayState, setPhoneDisplayState] = useState(phoneNumbersDisplay)\n    const { t } = useTranslation()\n    const handleSaveItems = () => {\n        save(phoneDisplayState)\n    }\n    const history = useHistory()\n    return (\n        <Grid container spacing={6} justify=\"center\" alignItems=\"center\">\n            <Grid item xs={12}>\n                <Typography variant=\"h1\">{t('displayNumberEdit.title')}</Typography>\n            </Grid>\n            <Grid item xs={12}>\n                <Grid\n                    container\n                    justify=\"flex-start\"\n                    direction=\"row\"\n                    style={{ padding: 24, backgroundColor: colors.lightGray }}\n                >\n                    <Grid item xs={6}></Grid>\n                    <Grid item xs={6}>\n                        <Typography variant=\"body1\">{t('displayNumberEdit.helper')}</Typography>\n                    </Grid>\n                    {phoneDisplayState.map((p, i) => (\n                        <React.Fragment key={i}>\n                            <Grid item xs={6}>\n                                <Box style={{ display: 'flex', alignItems: 'center', height: '100%' }}>\n                                    <Typography variant=\"body1\">{p.phoneNumber}</Typography>\n                                </Box>\n                            </Grid>\n                            <Grid item xs={6}>\n                                <CheckboxComponent\n                                    checked={p.clir === '0'}\n                                    label={''}\n                                    onSelect={() => {\n                                        if (!touched) {\n                                            setTouched(true)\n                                        }\n                                        const copyState = [...phoneDisplayState]\n                                        if (copyState[i].clir === '1') {\n                                            copyState[i] = { ...copyState[i], clir: '0' }\n                                        } else {\n                                            copyState[i] = { ...copyState[i], clir: '1' }\n                                        }\n                                        setPhoneDisplayState(copyState)\n                                    }}\n                                />\n                            </Grid>\n                        </React.Fragment>\n                    ))}\n                </Grid>\n                <Grid item xs={12}>\n                    <Box\n                        marginTop={5}\n                        marginBottom={5}\n                        display={'flex'}\n                        flexDirection={{ xs: 'column', md: 'row' }}\n                        justifyContent={'space-between'}\n                    >\n                        <Button variant={'outlined'} color={'default'} onClick={() => history.goBack()}>\n                            {touched ? t('general.cancel') : t('general.back')}\n                        </Button>\n                        <Button\n                            variant={'contained'}\n                            color={'primary'}\n                            onClick={handleSaveItems}\n                            disabled={!touched || loading}\n                        >\n                            {t('displayNumberEdit.save')}\n                            {loading ? '...' : ''}\n                        </Button>\n                    </Box>\n                </Grid>\n            </Grid>\n        </Grid>\n    )\n}\n\nexport default PhoneNumberDisplayEdit\n","import gql from 'graphql-tag'\n\nexport const UPDATE_PHONE_RESOURCE = gql`\n    mutation updatePhoneResource($input: PhoneResourceInput!) {\n        updatePhoneResource(input: $input)\n    }\n`\n","import PhoneNumberDisplayEditPage from './PhoneNumberDisplayEditPage'\n\nexport default PhoneNumberDisplayEditPage\n","import { useMutation } from '@apollo/client'\nimport PhoneNumberDisplayEdit from 'components/PhoneNumberDisplayEdit'\nimport ViewWrapper from 'components/ViewWrapper'\nimport { UPDATE_PHONE_RESOURCE } from 'graphql/mutations/UpdatePhoneResource'\nimport { Mutation, MutationUpdatePhoneResourceArgs, PhoneResource } from 'graphql/types'\nimport { useSnackbar } from 'notistack'\nimport React, { Dispatch, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst PhoneNumberDisplayEditPage = (): JSX.Element => {\n    const { t } = useTranslation()\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n    const [touched, setTouched] = useState(false)\n    const [failed, setFailed] = useState(false)\n    const { enqueueSnackbar } = useSnackbar()\n    const { user, customize } = useSelector((appState: AppState) => ({\n        user: appState.generalState.user,\n        customize: appState.generalState.customize,\n    }))\n    const [pushResource, { loading }] = useMutation<Mutation>(UPDATE_PHONE_RESOURCE, {\n        onError: () => {\n            setFailed(true)\n        },\n    })\n    const handleSave = async (p: PhoneResource[]) => {\n        for (let i = 0; i < p.length; i++) {\n            const vars: MutationUpdatePhoneResourceArgs = {\n                input: { id: p[i].id, typeID: p[i].typeID, clir: p[i].clir },\n            }\n            await pushResource({ variables: vars })\n        }\n        if (user) {\n            dispatch({\n                type: GeneralStateAction.SET_USER,\n                payload: { ...user, contractMetaData: { ...user.contractMetaData, phoneData: p } },\n            })\n        }\n        if (failed) {\n            enqueueSnackbar(t('notification.saveFailed'), {\n                variant: 'error',\n            })\n        } else {\n            enqueueSnackbar(t('notification.saveSuccess'), {\n                variant: 'success',\n            })\n            setTouched(false)\n            //history.goBack()\n        }\n    }\n    const history = useHistory()\n    if (user === undefined || Object.keys(user ?? {}).length === 0) {\n        history.push('/')\n    }\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.PhoneBookEntryEdit, history, [], customize)}\n            navigation={navigationLinks('logged-in', 'myData')}\n        >\n            {user && (\n                <PhoneNumberDisplayEdit\n                    touched={touched}\n                    setTouched={setTouched}\n                    phoneNumbersDisplay={user.contractMetaData.phoneData}\n                    save={handleSave}\n                    loading={loading}\n                />\n            )}\n        </ViewWrapper>\n    )\n}\n\nexport default PhoneNumberDisplayEditPage\n","import { gql } from '@apollo/client'\n\nexport const ReactivateRegistration = gql`\n    mutation reactivateRegistration($customerID: String!) {\n        reactivateRegistration(customerID: $customerID)\n    }\n`\n","import ReactivateRegistration from './ReactivateRegistration'\n\nexport default ReactivateRegistration\n","import { Box, Button, Fade, Grid, TextField, Typography } from '@material-ui/core'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapperPublic from 'components/ViewWrapperPublic/ViewWrapperPublic'\nimport React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Routes } from 'routes/routes'\nimport { getHeader } from 'utils/utils'\nimport { useReactivateRegistration } from './useReactivateRegistration'\n\nconst ReactivateRegistration = (): JSX.Element => {\n    const { success, loading, history, customerID, setCustomerID, requestNewLink, customize } =\n        useReactivateRegistration()\n    const { t } = useTranslation()\n\n    return (\n        <ViewWrapperPublic header={getHeader(Routes.Dashboard, history, [], customize)} loading={false}>\n            <Box marginTop={'5%'} marginBottom={'15%'}>\n                <Typography variant=\"h4\" style={{ marginBottom: '10%' }}>\n                    {t('pages.reactivateRegistration.title')}\n                </Typography>\n                <FieldWrapper text=\"\">\n                    <Grid container>\n                        <Grid item xs={12}>\n                            <Typography variant=\"body1\">{t('pages.reactivateRegistration.helperText')}</Typography>\n                        </Grid>\n                        <Grid item xs={12}>\n                            <TextField\n                                variant=\"filled\"\n                                fullWidth\n                                label={t('pages.reactivateRegistration.customerID')}\n                                value={customerID}\n                                onChange={(e) => setCustomerID(e.target.value)}\n                                inputProps={{\n                                    style: { backgroundColor: 'white' },\n                                }}\n                                style={{ marginTop: 15 }}\n                            />\n                        </Grid>\n\n                        <Fade in={success} timeout={1000}>\n                            <Grid item xs={12}>\n                                <Typography variant=\"body1\" style={{ marginTop: 15 }}>\n                                    {t('pages.reactivateRegistration.message')}\n                                </Typography>\n                            </Grid>\n                        </Fade>\n                    </Grid>\n                </FieldWrapper>\n\n                <Box style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '5%' }}>\n                    <Button variant=\"contained\" color=\"primary\" disabled={loading || success} onClick={requestNewLink}>\n                        {t('pages.reactivateRegistration.submit')}\n                        {loading && <>...</>}\n                    </Button>\n                </Box>\n            </Box>\n        </ViewWrapperPublic>\n    )\n}\n\nexport default ReactivateRegistration\n","import { Customize } from 'utils/customize/customize'\nimport { useMutation } from '@apollo/client'\nimport { ReactivateRegistration } from 'graphql/mutations/ReactivateRegistraion'\nimport { Mutation, MutationReactivateRegistrationArgs } from 'graphql/types'\nimport { History } from 'history'\nimport { Dispatch, SetStateAction, useState } from 'react'\nimport { useHistory } from 'react-router-dom'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\n\ntype reactivateRegistrationState = {\n    success: boolean\n    loading: boolean\n    history: History<unknown>\n    customerID: string\n    setCustomerID: Dispatch<SetStateAction<string>>\n    requestNewLink: () => void\n    customize: Customize | undefined\n}\n\nexport const useReactivateRegistration = (): reactivateRegistrationState => {\n    const history = useHistory()\n    const [success, setSuccess] = useState(false)\n    const [customerID, setCustomerID] = useState('')\n\n    const { customize } = useSelector((appState: AppState) => ({\n        customize: appState.generalState.customize,\n    }))\n\n    const [requestRegistration] = useMutation<Mutation>(ReactivateRegistration, {\n        onCompleted: (data) => {\n            if (data.reactivateRegistration === true) {\n                setSuccess(true)\n            }\n        },\n    })\n\n    const requestNewLink = (): void => {\n        if (customerID !== '') {\n            const vars: MutationReactivateRegistrationArgs = {\n                customerID: customerID,\n            }\n            requestRegistration({ variables: vars })\n        }\n    }\n\n    return {\n        success,\n        loading: false,\n        history,\n        customerID,\n        setCustomerID,\n        requestNewLink,\n        customize,\n    }\n}\n","import TipsTricksList from './TipsTricksList'\n\nexport default TipsTricksList\n","import { Box, Grid, Link, Typography } from '@material-ui/core'\nimport * as React from 'react'\nimport TestIDs from 'utils/TestIDs'\nimport { TipsTricks } from '../../graphql/types'\n\nexport interface TipsTricksListProps {\n    headline: string\n    tipsTricksList: TipsTricks[]\n}\n\nconst TipsTricksList = (props: TipsTricksListProps): JSX.Element => {\n    const { tipsTricksList, headline } = props\n\n    return (\n        <>\n            {headline.length > 0 && (\n                <Box width={1}>\n                    <Typography variant={'h1'} {...TestIDs.GET_TIPS_TRICKS_LIST('TITLE')}>\n                        {headline}\n                    </Typography>\n                </Box>\n            )}\n            <Box width={1} marginTop={{ xs: 5, sm: 10 }} marginBottom={{ xs: 5, sm: 8 }}>\n                <Box width={1} display={'flex'} flexDirection={{ xs: 'column', sm: 'row' }} marginTop={2}>\n                    <Grid container spacing={2}>\n                        {tipsTricksList.map((tip: TipsTricks) => (\n                            <Grid item xs={12} sm={6} key={tip.id}>\n                                <Link\n                                    href={`#/tips/${tip.id}`}\n                                    underline=\"always\"\n                                    color=\"textPrimary\"\n                                    variant=\"body1\"\n                                    {...TestIDs.GET_TIPS_TRICKS_LIST('TIPS_ENTRY', tip.id)}\n                                >\n                                    {tip.title}\n                                </Link>\n                            </Grid>\n                        ))}\n                    </Grid>\n                </Box>\n            </Box>\n        </>\n    )\n}\n\nexport default TipsTricksList\n","import { SearchOption } from 'components/SearchBar/SearchBar'\nimport { Dispatch, useCallback, useEffect, useLayoutEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { Customize } from 'utils/customize/customize'\nimport { FAQS_TIPS } from 'utils/utils'\nimport { FaqCategory, TipsTricks, User } from '../../graphql/types'\n\ninterface useTipsOverviewStateReturn {\n    currentTip: TipsTricks | undefined\n    tipsList: TipsTricks[]\n    user: User | undefined\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n}\n\nconst useTipsDetailsState = (tipID: string | undefined): useTipsOverviewStateReturn => {\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n\n    const { tipsList, user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        tipsList: appState.generalState.tipsList,\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n    const [currentTip, setCurrentTip] = useState<TipsTricks>()\n\n    const setFaqList = useCallback(\n        (payload: FaqCategory[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_FAQ_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const setTipsList = useCallback(\n        (payload: TipsTricks[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_TIPS_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    useLayoutEffect(() => {\n        // @ts-expect-error: Importing faqs_tips from public folder\n        const faqs_tips: FAQS_TIPS = window.faqs_tips\n        if (tipsList.length === 0) {\n            setFaqList(faqs_tips.faqs)\n            setTipsList(faqs_tips.tips_and_tricks)\n        }\n        const currentTip = faqs_tips.tips_and_tricks.find((tip) => {\n            return tip.id === tipID\n        })\n        if (currentTip) {\n            setCurrentTip(currentTip)\n        }\n    })\n\n    useEffect(() => {\n        window.scrollTo({ top: 0 })\n    })\n\n    return {\n        currentTip,\n        tipsList,\n        user,\n        searchTerms,\n        customize,\n    }\n}\n\nexport default useTipsDetailsState\n","import TipsDetails from './TipsDetails'\n\nexport default TipsDetails\n","import { Box, Button, Divider, Typography } from '@material-ui/core'\nimport TipsTricksList from 'components/TipsTricksList'\nimport ViewWrapper from 'components/ViewWrapper'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { RouteComponentProps, useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport { getHeader, navigationLinks } from 'utils/utils'\nimport TestIDs from '../../utils/TestIDs'\nimport useTipsDetailsState from './useTipsDetailsState'\n\nexport interface TipsDetailsProps {\n    tipID?: string\n}\n\nconst TipsDetails = (props: RouteComponentProps<TipsDetailsProps>): JSX.Element => {\n    const { tipID } = props.match.params\n    const { t } = useTranslation()\n    const history = useHistory()\n    const { currentTip, tipsList, searchTerms, customize } = useTipsDetailsState(tipID)\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'help')}\n        >\n            {currentTip && (\n                <Box display={'flex'} flexDirection={'column'} marginBottom={7.5}>\n                    <Box width={1} marginBottom={{ xs: 4, sm: 8 }}>\n                        <Typography variant={'h1'} {...TestIDs.GET_TIPS_DETAILS('HEADLINE')}>\n                            {currentTip.title}\n                        </Typography>\n                    </Box>\n                    <Box dangerouslySetInnerHTML={{ __html: currentTip.content }} />\n                    <Box marginY={8}>\n                        <Divider />\n                    </Box>\n                    <Box>\n                        <Box>\n                            <Typography variant={'h2'}>{t('pages.tipsDetails.restOfTips')}</Typography>\n                        </Box>\n                        <TipsTricksList headline={''} tipsTricksList={tipsList} />\n                    </Box>\n                    <Box marginTop={5} display={'flex'} justifyContent={'flex-end'}>\n                        <Button variant={'outlined'} onClick={() => history.push(Routes.Help)}>\n                            {t('pages.tipsDetails.backToHelpOverview')}\n                        </Button>\n                    </Box>\n                </Box>\n            )}\n        </ViewWrapper>\n    )\n}\n\nexport default TipsDetails\n","import { Customize } from 'utils/customize/customize'\nimport { SearchOption } from 'components/SearchBar/SearchBar'\nimport { FaqCategory, User } from 'graphql/types'\nimport { Dispatch, useCallback, useLayoutEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\n// import { useHistory } from 'react-router-dom'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { AppState } from 'store/store'\nimport { TipsTricks } from './../../graphql/types'\n\ninterface useTipsOverviewStateReturn {\n    areFaqsCollapsable: boolean\n    faqList: FaqCategory[]\n    tipsList: TipsTricks[]\n    user: User | undefined\n    searchTerms: SearchOption[]\n    customize: Customize | undefined\n}\n\nconst useTipsOverviewState = (): useTipsOverviewStateReturn => {\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n    // const history = useHistory()\n    const { faqList, tipsList, user, searchTerms, customize } = useSelector((appState: AppState) => ({\n        faqList: appState.generalState.faqList,\n        tipsList: appState.generalState.tipsList,\n        user: appState.generalState.user,\n        searchTerms: appState.generalState.searchTerms,\n        customize: appState.generalState.customize,\n    }))\n\n    const setFaqList = useCallback(\n        (payload: FaqCategory[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_FAQ_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const setTipsList = useCallback(\n        (payload: TipsTricks[]) => {\n            dispatch({\n                type: GeneralStateAction.SET_TIPS_LIST,\n                payload,\n            })\n        },\n        [dispatch],\n    )\n\n    const [areFaqsCollapsable, setFaqsCollapsable] = useState(false)\n\n    useLayoutEffect(() => {\n        document.body.scrollTop = 0 // For Safari\n        document.documentElement.scrollTop = 0 // For Chrome, Firefox, IE and Opera\n\n        // @ts-expect-error: Importing faqs_tips from public folder\n        const faqs_tips: FAQS_TIPS = window.faqs_tips\n        setFaqsCollapsable(faqs_tips.faqs_collapsable)\n        setFaqList(faqs_tips.faqs)\n        setTipsList(faqs_tips.tips_and_tricks)\n    }, [])\n\n    // useLayoutEffect(() => {\n    //     if (!user) history.push('/')\n    // }, [user])\n\n    return {\n        areFaqsCollapsable,\n        faqList,\n        tipsList,\n        user,\n        searchTerms,\n        customize,\n    }\n}\n\nexport default useTipsOverviewState\n","import TipsOverview from './TipsOverview'\n\nexport default TipsOverview\n","import { Box, Button, Divider, Grid, Typography } from '@material-ui/core'\nimport FaqTipsList from 'components/FaqTipsList'\nimport TipsTricksList from 'components/TipsTricksList'\nimport ViewWrapper from 'components/ViewWrapper'\nimport useTipsOverviewState from 'pages/TipsOverview/useTipsOverviewState'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport TestIDs from 'utils/TestIDs'\nimport { getHeader, navigationLinks } from 'utils/utils'\n\nconst TipsOverview = (): JSX.Element => {\n    const { t } = useTranslation()\n    const history = useHistory()\n\n    const { areFaqsCollapsable, faqList, tipsList, searchTerms, customize } = useTipsOverviewState()\n\n    return (\n        <ViewWrapper\n            header={getHeader(Routes.Dashboard, history, searchTerms, customize)}\n            navigation={navigationLinks('logged-in', 'help')}\n        >\n            <Box display={'flex'} flexDirection={'column'}>\n                <TipsTricksList headline={t('pages.tipsOverview.title')} tipsTricksList={tipsList} />\n                <Divider />\n                <Box width={1} marginTop={{ xs: 5, sm: 10 }}>\n                    <Typography variant={'h2'} {...TestIDs.GET_TIPS_OVERVIEW('HEADLINE')}>\n                        {t('pages.tipsOverview.faq.title')}\n                    </Typography>\n                </Box>\n                <Box\n                    width={1}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', sm: 'row' }}\n                    marginTop={5}\n                    marginBottom={5}\n                >\n                    <Grid container spacing={3}>\n                        <FaqTipsList\n                            categoryToHide={'tips'}\n                            faqList={faqList}\n                            tipsList={[]}\n                            displayMethod={\n                                areFaqsCollapsable ? t('url.displayMethod.collapse') : t('url.displayMethod.text')\n                            }\n                        />\n                    </Grid>\n                </Box>\n                <Box\n                    marginTop={5}\n                    marginBottom={5}\n                    display={'flex'}\n                    flexDirection={{ xs: 'column', md: 'row' }}\n                    justifyContent={'flex-end'}\n                >\n                    <Button\n                        variant={'outlined'}\n                        onClick={() => history.push(Routes.Help)}\n                        {...TestIDs.GET_TIPS_OVERVIEW('BACK_TO_HELP_OVERVIEW')}\n                    >\n                        {t('pages.tipsOverview.backToHelpOverview')}\n                    </Button>\n                </Box>\n            </Box>\n        </ViewWrapper>\n    )\n}\n\nexport default TipsOverview\n","import { gql } from '@apollo/client'\n\nexport const CHECK_LINK = gql`\n    query checkLink($input: IsValidRequest!) {\n        checkLink(input: $input) {\n            isValid\n            isExipired\n        }\n    }\n`\n","import { gql } from '@apollo/client'\n\nexport const VALIDATE_REGISTRATION = gql`\n    mutation validateRegistration($customerID: String!, $registrationKey: String!, $pw: String!) {\n        validateRegistration(customerID: $customerID, registrationKey: $registrationKey, pw: $pw)\n    }\n`\n","export interface PasswordOptions {\n    minLength?: number\n    maxLength?: number\n    blackList?: string[]\n    digits?: boolean\n    letters?: boolean\n    uppercase?: boolean\n    lowercase?: boolean\n    symbols?: boolean\n}\nexport interface ValidationObject {\n    valid: boolean\n    errors: string[]\n}\n\nexport const RULES = {\n    MIN_LENGTH: 'MIN_LENGTH',\n    MAX_LENGTH: 'MAX_LENGTH',\n    BLACKLIST: 'BLACKLIST',\n    DIGITS: 'DIGITS',\n    LETTERS: 'LETTERS',\n    UPPERCASE: 'UPPERCASE',\n    LOWERCASE: 'LOWERCASE',\n    SYMBOLS: 'SYMBOLS',\n}\n\nfunction hasDigits(password: string) {\n    return /\\d+/.test(password)\n}\n\nfunction hasLowercase(password: string) {\n    return password.toUpperCase() !== password\n}\n\nfunction hasUppercase(password: string) {\n    return password.toLowerCase() !== password\n}\n\nfunction hasSymbols(password: string) {\n    return /[`~\\!@#\\$%\\^\\&\\*\\(\\)\\-_\\=\\+\\[\\{\\}\\]\\\\\\|;:'\",<.>\\/\\?€£¥₹]+/.test(password)\n}\n\nfunction hasLetters(password: string) {\n    return /[a-zA-Z]+/.test(password)\n}\n\nexport function passwordValidator(password: string, options: PasswordOptions = {}): ValidationObject {\n    const errors = []\n    const minLength = options.minLength || 8\n    const maxLength = options.maxLength || 100\n    const letters = options.letters === undefined ? true : options.letters\n    const digits = options.digits\n    const uppercase = options.uppercase\n    const lowercase = options.lowercase\n    const symbols = options.symbols\n\n    if (minLength < 8) {\n        throw new RangeError('minLength must be bigger than 8')\n    }\n\n    if (maxLength < 50) {\n        throw new RangeError('maxLength must be bigger than 50')\n    }\n\n    if (password.length < minLength) {\n        errors.push(RULES.MIN_LENGTH)\n    }\n    if (password.length > maxLength) {\n        errors.push(RULES.MAX_LENGTH)\n    }\n    if (digits && !hasDigits(password)) {\n        errors.push(RULES.DIGITS)\n    }\n    if (letters && !hasLetters(password)) {\n        errors.push(RULES.LETTERS)\n    }\n    if (uppercase && !hasUppercase(password)) {\n        errors.push(RULES.UPPERCASE)\n    }\n    if (lowercase && !hasLowercase(password)) {\n        errors.push(RULES.LOWERCASE)\n    }\n    if (symbols && !hasSymbols(password)) {\n        errors.push(RULES.SYMBOLS)\n    }\n\n    return {\n        valid: !errors.length,\n        errors,\n    }\n}\n","import { Customize } from 'utils/customize/customize'\nimport { useLazyQuery, useMutation } from '@apollo/client'\nimport { ErrorBoxProps } from 'components/ErrorBox/ErrorBox'\nimport { CHECK_LINK } from 'graphql/queries/CheckLink'\nimport { VALIDATE_REGISTRATION } from 'graphql/queries/ValidateRegistration'\nimport { Mutation, MutationValidateRegistrationArgs, Query, QueryCheckLinkArgs } from 'graphql/types'\nimport { History } from 'history'\nimport { Dispatch, SetStateAction, useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHistory, useParams } from 'react-router-dom'\nimport { passwordValidator } from 'utils/password-validator/passwordValidator'\nimport { useSelector } from 'react-redux'\nimport { AppState } from 'store/store'\n\ntype validateRegistrationState = {\n    success: boolean\n    loading: boolean\n    errorBox: ErrorBoxProps\n    history: History<unknown>\n    submit: () => void\n    id: string\n    setId: Dispatch<SetStateAction<string>>\n    key: string\n    setKey: Dispatch<SetStateAction<string>>\n    password: string\n    setPassword: Dispatch<SetStateAction<string>>\n    password2: string\n    setPassword2: Dispatch<SetStateAction<string>>\n    isValid: () => void\n    showPass: boolean\n    setShowPass: Dispatch<SetStateAction<boolean>>\n    isLinkValid: boolean\n    isLinkExpired: boolean\n    customize: Customize | undefined\n}\n\ntype ValidateParams = {\n    id: string\n    key: string\n}\n\nexport const useValidateRegistration = (): validateRegistrationState => {\n    const history = useHistory()\n    const { t } = useTranslation()\n    const [errorBox, setErrorBox] = useState<ErrorBoxProps>({ errors: [], errorsTitle: undefined })\n    const [success, setSuccess] = useState(false)\n    const params = useParams<ValidateParams>()\n    const [id, setId] = useState(params.id ? params.id : '')\n    const [key, setKey] = useState(params.key ? params.key : '')\n    const [password, setPassword] = useState('')\n    const [password2, setPassword2] = useState('')\n    const [showPass, setShowPass] = useState(false)\n    const [isLinkValid, setIsLinkValid] = useState(false)\n    const [isLinkExpired, setIsLinkExpired] = useState(false)\n\n    const { customize } = useSelector((appState: AppState) => ({\n        customize: appState.generalState.customize,\n    }))\n\n    const [validateRegistration, { loading }] = useMutation<Mutation>(VALIDATE_REGISTRATION, {\n        onCompleted: (data) => {\n            if (data.validateRegistration === true) {\n                setSuccess(true)\n            } else {\n                setErrorBox({ errors: [t('registerFail')], errorsTitle: '' })\n            }\n        },\n    })\n\n    const [fetchCheckLink] = useLazyQuery<Query>(CHECK_LINK, {\n        onCompleted: (data) => {\n            if (data.checkLink) {\n                setIsLinkExpired(data.checkLink.isExipired)\n                setIsLinkValid(data.checkLink.isValid)\n            }\n        },\n    })\n\n    const isValid = (): boolean => {\n        let valid = true\n        const e: ErrorBoxProps = { errors: [], errorsTitle: 'test' }\n        if (password !== password2) {\n            e.errors.push('pwNotMatch')\n            valid = false\n        }\n        if (password === '') {\n            e.errors.push('pw1Empty')\n            valid = false\n        }\n        if (password2 === '') {\n            e.errors.push('pw2Empty')\n            valid = false\n        }\n        const result = passwordValidator(password, {\n            minLength: 8,\n            maxLength: 50,\n            digits: true,\n            letters: true,\n            uppercase: true,\n            lowercase: true,\n            symbols: true,\n        })\n        if (!result.valid) {\n            e.errors.push('isPasswordSecure')\n            valid = false\n        }\n        setErrorBox(e)\n        return valid\n    }\n\n    const completeRegistration = () => {\n        if (isValid()) {\n            const vars: MutationValidateRegistrationArgs = {\n                customerID: id,\n                registrationKey: key,\n                pw: password,\n            }\n            validateRegistration({ variables: vars })\n        }\n    }\n\n    useEffect(() => {\n        if (key !== '' && id !== '') {\n            const vars: QueryCheckLinkArgs = {\n                input: {\n                    customerID: id,\n                    key,\n                },\n            }\n            fetchCheckLink({ variables: vars })\n        }\n    }, [key, id])\n\n    return {\n        success,\n        loading,\n        errorBox,\n        history,\n        submit: completeRegistration,\n        id,\n        setId,\n        key,\n        setKey,\n        password,\n        setPassword,\n        password2,\n        setPassword2,\n        isValid,\n        showPass,\n        setShowPass,\n        isLinkValid,\n        isLinkExpired,\n        customize,\n    }\n}\n","import ValidationRegistration from './ValidateRegistration'\n\nexport default ValidationRegistration\n","import { Box, Button, Fade, Grid, TextField, Typography } from '@material-ui/core'\nimport CheckboxComponent from 'components/CheckboxComponent'\nimport ErrorBox from 'components/ErrorBox'\nimport FieldWrapper from 'components/FieldWrapper'\nimport ViewWrapperPublic from 'components/ViewWrapperPublic/ViewWrapperPublic'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport colors from 'theme/colors'\nimport { Routes } from 'routes/routes'\nimport { getHeader } from 'utils/utils'\nimport { useValidateRegistration } from './useValidateRegistration'\n\nconst ValidationRegistration = (): JSX.Element => {\n    const {\n        success,\n        password,\n        setPassword,\n        password2,\n        setPassword2,\n        loading,\n        errorBox,\n        history,\n        showPass,\n        setShowPass,\n        submit,\n        isLinkValid,\n        isLinkExpired,\n        customize,\n    } = useValidateRegistration()\n    const { t } = useTranslation()\n\n    return (\n        <ViewWrapperPublic header={getHeader('', history, [], customize)} loading={false}>\n            <Box marginTop={'5%'} marginBottom={'15%'}>\n                <Typography variant=\"h4\" style={{ marginBottom: '10%' }}>\n                    {t('pages.registration.title')}\n                </Typography>\n                <FieldWrapper text=\"\">\n                    <Grid container>\n                        {!success && isLinkValid && !isLinkExpired && (\n                            <Grid container>\n                                <Grid item xs={12}>\n                                    <TextField\n                                        variant=\"filled\"\n                                        fullWidth\n                                        disabled={success}\n                                        label={t('pages.registration.pass')}\n                                        type={showPass ? 'text' : 'password'}\n                                        value={password}\n                                        onChange={(e) => setPassword(e.target.value)}\n                                        inputProps={{\n                                            style: { backgroundColor: success ? '' : colors.white },\n                                            maxLength: 64,\n                                        }}\n                                        style={{ marginTop: 15 }}\n                                    />\n                                </Grid>\n\n                                <Grid item xs={12}>\n                                    <TextField\n                                        variant=\"filled\"\n                                        fullWidth\n                                        disabled={success}\n                                        label={t('pages.registration.pass2')}\n                                        type={showPass ? 'text' : 'password'}\n                                        value={password2}\n                                        onChange={(e) => setPassword2(e.target.value)}\n                                        inputProps={{\n                                            style: { backgroundColor: success ? '' : colors.white },\n                                            maxLength: 64,\n                                        }}\n                                        style={{ marginTop: 15 }}\n                                    />\n                                </Grid>\n\n                                <Grid item xs={12}>\n                                    <CheckboxComponent\n                                        checked={showPass}\n                                        label={t('pages.registration.showPass')}\n                                        onSelect={() => setShowPass(!showPass)}\n                                    />\n                                </Grid>\n                                <Grid item xs={12}>\n                                    <Typography variant=\"body1\">{t('pages.registration.helper')}</Typography>\n                                </Grid>\n                            </Grid>\n                        )}\n\n                        {!success && !isLinkValid && (\n                            <Fade in={!isLinkValid} timeout={1000}>\n                                <Box flex={1} display=\"flex\" justifyContent=\"center\">\n                                    <Typography variant=\"body1\">{t('pages.registration.linkInvalidMsg')}</Typography>\n                                </Box>\n                            </Fade>\n                        )}\n\n                        {!success && isLinkExpired && (\n                            <Fade in={isLinkExpired} timeout={1000}>\n                                <Box flex={1} display=\"flex\" justifyContent=\"center\">\n                                    <Typography variant=\"body1\">{t('pages.registration.linkExpiredMsg')}</Typography>\n                                </Box>\n                            </Fade>\n                        )}\n\n                        {success && (\n                            <Fade in={success} timeout={1000}>\n                                <Box flex={1} display=\"flex\" justifyContent=\"center\">\n                                    <Typography variant=\"body1\">{t('pages.registration.successMsg')}</Typography>\n                                </Box>\n                            </Fade>\n                        )}\n                    </Grid>\n                </FieldWrapper>\n\n                <Fade in={errorBox.errors.length > 0} timeout={1000}>\n                    <Grid item xs={12}>\n                        <ErrorBox errorsTitle={''} errors={errorBox.errors} />\n                    </Grid>\n                </Fade>\n\n                <Fade in={isLinkValid && !isLinkExpired} timeout={1000}>\n                    <Box display=\"flex\" justifyContent=\"flex-end\" marginTop=\"5%\">\n                        <Button\n                            variant=\"contained\"\n                            color=\"primary\"\n                            disabled={!isLinkValid || isLinkExpired || loading}\n                            onClick={success ? () => history.push('/') : submit}\n                        >\n                            {!success && t('pages.registration.submit')}\n                            {loading && <>...</>}\n                            {success && t('pages.registration.toLogin')}\n                        </Button>\n                    </Box>\n                </Fade>\n\n                <Fade in={isLinkExpired} timeout={1000}>\n                    <Box display=\"flex\" flex={1} justifyContent={{ xs: 'center', sm: 'flex-end' }} marginTop=\"5%\">\n                        <Button\n                            variant=\"contained\"\n                            color=\"primary\"\n                            onClick={() => history.push(Routes.ReactivateRegistration)}\n                        >\n                            {t('pages.registration.reactivateBtn')}\n                        </Button>\n                    </Box>\n                </Fade>\n            </Box>\n        </ViewWrapperPublic>\n    )\n}\n\nexport default ValidationRegistration\n","// Import locales here:\nimport i18n from 'i18next'\nimport Fetch from 'i18next-fetch-backend'\nimport { initReactI18next } from 'react-i18next'\n\n// add languages to the resources\n// const resources = {\n//     en: en.en,\n//     de: de.de,\n// }\n\ni18n.use(Fetch)\n    .use(initReactI18next) // passes i18n down to react-i18next\n    .init({\n        lng: 'de',\n        ns: 'translation',\n        fallbackLng: 'de',\n        preload: ['de'],\n        keySeparator: '.', // we use keys in form messages.welcome\n        initImmediate: false,\n        interpolation: {\n            escapeValue: false, // react already prevents xss\n        },\n        backend: {\n            loadPath: '/customize/i18n/{{lng}}.json?v=' + process.env.REACT_APP_BUILD_NUMBER,\n        },\n        // react-i18next options\n        react: {\n            wait: true,\n        },\n    })\n\nexport default i18n\n","import { useKeycloak } from '@react-keycloak/web'\nimport _ from 'lodash'\nimport React, { useEffect } from 'react'\nimport { Route, RouteComponentProps, RouteProps } from 'react-router-dom'\n\ninterface PrivateRouteProps extends RouteProps {\n    component: React.ComponentType<RouteComponentProps<any>> | React.ComponentType<any>\n}\n\nconst PrivateRoute = React.memo(\n    ({ component: Component, ...rest }: PrivateRouteProps): JSX.Element => {\n        const { keycloak } = useKeycloak()\n        useEffect(() => {\n            if (keycloak.authenticated) {\n                return\n            }\n            const loginFn = async (): Promise<void> => await keycloak.login()\n            loginFn()\n        }, [keycloak.authenticated])\n\n        const render = (props: RouteComponentProps<any>): JSX.Element | null =>\n            keycloak.authenticated ? <Component {...props} /> : null\n\n        return <Route {...rest} render={render} />\n    },\n    (prevProps, nextProps) => {\n        return _.isEqual(prevProps, nextProps)\n    },\n)\n\nPrivateRoute.displayName = 'PrivateRoute'\nexport default PrivateRoute\n","import { TypographyStyleOptions } from '@material-ui/core/styles/createTypography'\n\ninterface FontStyle {\n    [key: string]: TypographyStyleOptions\n}\n\nconst fontStyles: FontStyle = {\n    Title: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 700,\n        fontStyle: 'normal',\n        fontSize: '3rem',\n        lineHeight: 1.2,\n    },\n    Title2: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 700,\n        fontStyle: 'normal',\n        fontSize: '2rem',\n        lineHeight: 1.2,\n    },\n    Title3: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 700,\n        fontStyle: 'normal',\n        fontSize: '1.5rem',\n        lineHeight: 1.2,\n    },\n    Subtitle: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 400,\n        fontStyle: 'normal',\n        fontSize: '1.25rem',\n        lineHeight: 1.2,\n    },\n    NormalText: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 400,\n        fontStyle: 'normal',\n        fontSize: '1rem',\n        lineHeight: 1.5,\n    },\n    SmallText: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 400,\n        fontStyle: 'normal',\n        fontSize: '0.75rem',\n        lineHeight: 0.85,\n    },\n    ButtonText: {\n        fontFamily: 'Source Sans pro',\n        fontWeight: 700,\n        fontStyle: 'normal',\n        fontSize: '1rem',\n        lineHeight: 1.2,\n    },\n}\n\nexport default fontStyles\n","import { createMuiTheme, responsiveFontSizes, Theme } from '@material-ui/core'\nimport createBreakpoints from '@material-ui/core/styles/createBreakpoints'\nimport { Shadows } from '@material-ui/core/styles/shadows'\nimport fontStyles from './fontStyles'\nimport colors from './colors'\n\nconst breakpoints = createBreakpoints({})\n\nconst DefaultFontSize = 16\n\nconst LocalTheme: Theme = createMuiTheme({\n    breakpoints: {\n        values: {\n            xs: 0,\n            sm: 600,\n            md: 860,\n            lg: 1440,\n            xl: 1920,\n        },\n    },\n    overrides: {\n        MuiGrid: {\n            root: {\n                '&.FooterLogoWrapper .FooterLogo': {\n                    height: 64,\n                    maxWidth: 120,\n                },\n                '&.HeaderLogoWrapper .HeaderLogo': {\n                    height: 64,\n                    maxWidth: 210,\n                },\n            },\n        },\n        MuiAppBar: {\n            root: {\n                padding: '24px 28px 27px 28px',\n                borderBottom: `5px solid ${colors.midGray}`,\n                boxShadow: 'none',\n            },\n            colorPrimary: {\n                backgroundColor: colors.appBarBackground,\n            },\n        },\n        MuiBackdrop: {\n            root: {\n                '&.LoadingSpinner': {\n                    zIndex: 1400,\n                    color: '#fff',\n                },\n            },\n        },\n        MuiCircularProgress: {\n            root: {\n                '&.LoadingSpinner': {\n                    marginLeft: 'auto',\n                    marginRight: 'auto',\n                },\n            },\n        },\n        MuiFormGroup: {\n            root: {\n                [breakpoints.down('xs')]: {\n                    '&.phoneBookEntryAddr': {\n                        flexDirection: 'column',\n                    },\n                },\n            },\n        },\n        MuiButton: {\n            root: {\n                borderRadius: '5px',\n                padding: '14px 38px !important',\n                lineHeight: 1.25,\n                [breakpoints.down('xs')]: {\n                    '&.mt1': {\n                        marginTop: 15,\n                    },\n                },\n                [breakpoints.down('sm')]: {\n                    marginTop: 15,\n                },\n            },\n            containedPrimary: {\n                '& .MuiButton-label': {\n                    ...fontStyles.CondensedBold,\n                    color: colors.white,\n                },\n                '&$disabled': {\n                    backgroundColor: colors.lighterMain,\n                },\n            },\n            containedSecondary: {\n                '& .MuiButton-label': {\n                    ...fontStyles.CondensedBold,\n                    color: colors.white,\n                },\n            },\n            outlined: {\n                border: `2px solid ${colors.darkGray}`,\n                '& .MuiButton-label': {\n                    ...fontStyles.CondensedBold,\n                },\n                '&.EditButton': {\n                    padding: '6px 16px !important',\n                    border: `2px solid ${colors.darkGray}`,\n                    color: colors.black,\n                    '&$disabled': {\n                        border: `2px solid ${colors.lightGray}`,\n                        color: colors.lightGray,\n                    },\n                },\n                '&.Small': {\n                    padding: '2px !important',\n                    minWidth: 'auto',\n                    '& .MuiButton-startIcon': {\n                        marginRight: 0,\n                    },\n                },\n            },\n            outlinedSecondary: {\n                padding: '16px 20px !important',\n                '&:hover': {\n                    border: '1.5px colors ' + colors.main,\n                },\n            },\n            sizeLarge: {\n                fontSize: `1.33rem`,\n            },\n            text: {\n                padding: '16px 8px !important',\n                '& .MuiButton-label': {\n                    textDecoration: 'underline',\n                    textTransform: 'none',\n                },\n            },\n            label: {\n                textAlign: 'center',\n            },\n            startIcon: {\n                marginLeft: 0,\n            },\n        },\n        MuiButtonBase: {\n            root: {\n                '&.NavButtonBase': {\n                    width: '100%',\n                    height: '100%',\n                    padding: '28px 32px',\n                },\n                '&.AutocompleteButtonBase': {\n                    width: '100%',\n                    justifyContent: 'flex-start',\n                    height: '100%',\n                    padding: '6px 16px',\n                },\n            },\n        },\n        MuiFilledInput: {\n            root: {\n                borderRadius: '5px',\n                '&$disabled': {\n                    backgroundColor: colors.white,\n                    color: colors.black,\n                    '&:after': {\n                        border: `1px solid ${colors.midGray}`,\n                        borderBottom: `1px solid ${colors.midGray}`,\n                        opacity: 1,\n                    },\n                },\n            },\n            marginDense: {\n                '& .MuiSelect-iconFilled': {\n                    right: '-8px',\n                },\n                '&:after': {\n                    border: '0px',\n                    borderBottom: '0px',\n                },\n            },\n            input: {\n                fontSize: DefaultFontSize * 1.125,\n                paddingLeft: 20,\n            },\n            inputMarginDense: {\n                fontSize: DefaultFontSize * 0.875,\n                paddingBottom: 4,\n                paddingLeft: 6,\n                paddingTop: 18,\n            },\n            multiline: {\n                paddingLeft: 20,\n            },\n            underline: {\n                '&:after': {\n                    transform: 'scaleX(1)',\n                    transition: 'opacity 250ms, transform 250ms',\n                    borderRadius: '5px',\n                    height: '100%',\n                    border: `1px solid ${colors.midGray}`,\n                    borderBottom: `1px solid ${colors.midGray}`,\n                    opacity: 1,\n                },\n                '&:before': {\n                    borderBottom: 0,\n                },\n                '&$error:after': {\n                    opacity: 1,\n                    border: `2px solid ${colors.warning}`,\n                    borderBottom: `2px solid ${colors.warning}`,\n                },\n                '&$focused:after': {\n                    opacity: 1,\n                    border: `2px solid ${colors.focusedField}`,\n                    borderBottom: `2px solid ${colors.focusedField}`,\n                    transition: 'opacity 250ms, transform 250ms',\n                },\n                '&:hover:before': {\n                    borderBottom: 0,\n                },\n            },\n        },\n        MuiInputLabel: {\n            filled: {\n                overflow: 'hidden',\n                minHeight: 20,\n                textOverflow: 'ellipsis',\n                right: '18%',\n                [breakpoints.down('xs')]: {\n                    right: '24%',\n                },\n                whiteSpace: 'nowrap',\n                transform: 'translate(20px, 20px) scale(1.125)',\n                '&.DropdownLabel': {\n                    right: '20%',\n                    [breakpoints.down('xs')]: {\n                        right: '34%',\n                    },\n                },\n                '&$shrink': {\n                    right: '-22%',\n                    '&.DropdownLabel': {\n                        right: '18%',\n                        [breakpoints.down('xs')]: {\n                            right: '-12%',\n                            '&.MuiInputLabel-marginDense': {\n                                right: '-70%',\n                            },\n                        },\n                    },\n                    [breakpoints.down('xs')]: {\n                        right: '-12%',\n                    },\n                    transform: 'translate(20px, 10px) scale(0.75)',\n                    '&.MuiInputLabel-marginDense': {\n                        right: '-90%',\n                        transform: 'translate(6px, 5px) scale(0.5)',\n                    },\n                },\n                '&.MuiInputLabel-marginDense': {\n                    right: '-11%',\n                    transform: 'translate(6px, 12px) scale(0.875)',\n                    '&.DropdownLabel': {\n                        right: '2%',\n                        '@media (max-width: 400px)': {\n                            right: '12%',\n                        },\n                    },\n                },\n            },\n        },\n        MuiFormControlLabel: {\n            root: {\n                [breakpoints.down('xs')]: {\n                    marginRight: 0,\n                },\n            },\n        },\n        MuiFormLabel: {\n            root: {\n                color: colors.labelColor,\n                '&$disabled': { color: colors.labelColor },\n                '&$focused': {\n                    color: colors.labelColor,\n                },\n                '&$error': {\n                    color: colors.labelColor,\n                },\n            },\n        },\n        MuiList: {\n            root: {\n                '&.ErrorBox': {\n                    padding: 20,\n                    marginTop: 40,\n                    width: '100%',\n                    borderRadius: 4,\n                    backgroundColor: colors.lightWarning,\n                    '& .MuiListItem-root': {\n                        padding: 0,\n                        '& .MuiListItemIcon-root': {\n                            color: colors.warning,\n                            fontSize: 14,\n                            minWidth: 16,\n                            '& .MuiSvgIcon-root': {\n                                height: '7px',\n                                width: '7px',\n                            },\n                        },\n                        '& .MuiListItemText-root': {\n                            color: colors.warning,\n                        },\n                    },\n                },\n            },\n        },\n        MuiListSubheader: {\n            root: {\n                '&.ErrorBoxSubheader': {\n                    color: colors.warning,\n                },\n            },\n        },\n        MuiRadio: {\n            root: {\n                color: colors.midDarkerGray,\n                // backgroundColor: colors.white,\n            },\n        },\n        MuiSelect: {\n            root: {\n                '&:not(.MuiFilledInput-inputMarginDense) .MuiTypography-body1': {\n                    height: '1.1876em',\n                    fontSize: DefaultFontSize * 1.125,\n                },\n                '&.MuiFilledInput-inputMarginDense': {\n                    '&.MuiSelect-selectMenu': {\n                        height: '1.1876em',\n                    },\n                    '& .MuiTypography-body1': {\n                        lineHeight: '1.1876em',\n                        fontSize: DefaultFontSize * 0.875,\n                    },\n                    '& p': {\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                    },\n                },\n            },\n        },\n        MuiTableSortLabel: {\n            icon: {\n                '&.MuiSvgIcon-root': {\n                    color: `${colors.labelColor} !important`,\n                    width: 18,\n                    height: 18,\n                    margin: 0,\n                },\n            },\n        },\n        MuiTableRow: {\n            root: {\n                '&.Mui-selected': {\n                    backgroundColor: 'transparent',\n                    '&:hover': {\n                        backgroundColor: `${colors.main}14`,\n                    },\n                },\n            },\n        },\n        MuiTextField: {\n            root: {\n                '&.SearchBarInput': {\n                    '& .MuiAutocomplete-inputRoot': {\n                        '& input': {\n                            paddingLeft: '13px !important',\n                        },\n                    },\n                    '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline ': {\n                        borderColor: colors.lightDarkerGray,\n                        paddingLeft: '16px',\n                    },\n                    '&:focused .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {\n                        borderWidth: '1px',\n                    },\n                    // '&:hover .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {\n                    //     borderColor: colors.lightDarkerGray,\n                    //     borderWidth: '1px',\n                    // },\n                },\n                // paddingLeft: '16px',\n\n                '&.HaveOptions': {\n                    '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n                        borderColor: colors.lightDarkerGray,\n                        borderRadius: '24px',\n                        borderBottomLeftRadius: '0px',\n                        borderBottomRightRadius: '0px',\n                        borderBottom: 'none',\n                        // borderWidth: '1px',\n                    },\n                },\n            },\n        },\n        MuiTypography: {\n            root: {\n                '&.CollapsableTitle': {\n                    textAlign: 'left',\n                    [breakpoints.down('xs')]: {\n                        textAlign: 'center',\n                    },\n                },\n            },\n        },\n    },\n    shadows: Array(25).fill('none') as Shadows,\n    typography: {\n        h1: { ...fontStyles.Title },\n        h2: { ...fontStyles.Title2 },\n        h3: { ...fontStyles.Title3 },\n        subtitle1: { ...fontStyles.Subtitle },\n        body1: { ...fontStyles.NormalText },\n        body2: { ...fontStyles.SmallText },\n        button: { ...fontStyles.ButtonText },\n    },\n    palette: {\n        action: {\n            disabled: colors.lightGray,\n            disabledBackground: colors.lightGray,\n        },\n        primary: {\n            main: colors.main,\n            light: colors.lightGray,\n            contrastText: colors.darkGray,\n        },\n        secondary: {\n            main: colors.button,\n        },\n        text: {\n            primary: colors.black,\n            secondary: colors.white,\n        },\n    },\n})\n\nexport const ModifiedTheme = responsiveFontSizes(LocalTheme)\n","import { ApolloProvider } from '@apollo/client'\nimport DateFnsUtils from '@date-io/date-fns'\nimport { CssBaseline, ThemeProvider } from '@material-ui/core'\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers'\nimport { useKeycloak } from '@react-keycloak/web'\nimport ErrorDialog from 'components/ErrorDialog1'\nimport LoadingSpinner from 'components/LoadingSpinner'\nimport PhoneNumberBlockEdit from 'components/PhoneNumberBlockEdit/PhoneNumberBlockEdit'\nimport deLocale from 'date-fns/locale/de'\nimport { ErrorConfig } from 'graphql/types'\nimport { SnackbarProvider } from 'notistack'\nimport BankDataEdit from 'pages/BankDataEdit/BankDataEdit'\nimport CancelContract from 'pages/CancelContract'\nimport CancelContractConfirmation from 'pages/CancelContractConfirmation/CancelContractConfirmation/CancelContractConfirmation'\nimport ContractOverview from 'pages/ContractOverview'\nimport ContractPage from 'pages/ContractPage'\nimport DashboardPage from 'pages/DashboardPage'\nimport ForgotUsernamePage from 'pages/ForgotUsernamePage/ForgotUsernamePage'\nimport HelpDetails from 'pages/HelpDetails'\nimport HelpOverview from 'pages/HelpOverview'\nimport LoginEditPage from 'pages/LoginEditPage'\nimport MyDataPage from 'pages/MyDataPage'\nimport MyInvoicesPage from 'pages/MyInvoices'\nimport NewSepa from 'pages/NewSepa/NewSepa'\nimport OtherAddrEdit from 'pages/OtherAddrEdit'\nimport PersonalDataEdit from 'pages/PersonalDataEdit/PersonalDataEdit'\nimport PhoneBookEntryPage from 'pages/PhoneBookEntryPage'\nimport PhoneNumberDisplayEditPage from 'pages/PhoneNumberDisplayEditPage'\nimport ReactivateRegistration from 'pages/ReactivateRegistration'\nimport TipsDetails from 'pages/TipDetails'\nimport TipsOverview from 'pages/TipsOverview'\nimport ValidateRegistration from 'pages/ValidateRegistration'\nimport React, { Dispatch, useEffect } from 'react'\nimport { useDispatch } from 'react-redux'\nimport { HashRouter, Redirect, Route, Switch } from 'react-router-dom'\nimport { Routes } from 'routes/routes'\nimport GeneralStateActions, { GeneralStateAction } from 'store/GeneralState/GeneralState.actions'\nimport { Customize } from 'utils/customize/customize'\nimport getEnvConfig from 'utils/getEnvConfig'\nimport 'utils/i18n'\nimport PrivateRoute from 'utils/PrivateRoute'\nimport { ModifiedTheme } from 'theme/theme'\nimport { useApolloClient } from './utils/useApolloClient'\n\nfunction App(): JSX.Element {\n    const envConfig = getEnvConfig()\n    const graphQLServerURI =\n        process.env.NODE_ENV !== 'production'\n            ? `http://${envConfig.Domain}:${envConfig.HTTPListen}/graphql`\n            : '/graphql'\n    const [error, setError] = React.useState<ErrorConfig>()\n    const { keycloak, initialized } = useKeycloak()\n    const apolloClient = useApolloClient(graphQLServerURI, setError, keycloak)\n\n    const dispatch = useDispatch<Dispatch<GeneralStateActions>>()\n\n    // load customize config\n    useEffect(() => {\n        //@ts-expect-error own declaration\n        const dataFromJS: Customize = window.customize\n        dispatch({ type: GeneralStateAction.SET_GENERAL_STATE_PARTIAL, payload: { customize: dataFromJS } })\n        document.title = dataFromJS.general.title\n    }, [])\n\n    if (!initialized) {\n        return <LoadingSpinner loading={true} />\n    }\n\n    return (\n        <>\n            {apolloClient && (\n                <ApolloProvider client={apolloClient}>\n                    <HashRouter>\n                        <ThemeProvider theme={ModifiedTheme}>\n                            <CssBaseline>\n                                {error && (\n                                    <ErrorDialog\n                                        errorConfig={error}\n                                        onClick={() => {\n                                            window.location.href = '#/dashBoard'\n                                            setError(undefined)\n                                        }}\n                                    />\n                                )}\n                                {!error && (\n                                    <MuiPickersUtilsProvider utils={DateFnsUtils} locale={deLocale}>\n                                        <SnackbarProvider maxSnack={3}>\n                                            <Switch>\n                                                <Route\n                                                    exact\n                                                    path={Routes.ForgotUsername}\n                                                    component={ForgotUsernamePage}\n                                                />\n                                                <Route\n                                                    exact\n                                                    path={Routes.ReactivateRegistration}\n                                                    component={ReactivateRegistration}\n                                                />\n                                                <Route\n                                                    exact\n                                                    path={Routes.ValidateRegistration}\n                                                    component={ValidateRegistration}\n                                                />\n                                                <PrivateRoute exact path={Routes.NewSepa} component={NewSepa} />\n                                                <PrivateRoute exact path={Routes.Dashboard} component={DashboardPage} />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.PhoneBookEntryEdit}\n                                                    component={PhoneBookEntryPage}\n                                                />\n\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.PhoneNumberDisplayEdit}\n                                                    component={PhoneNumberDisplayEditPage}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.PhoneNumberBlockEdit}\n                                                    component={PhoneNumberBlockEdit}\n                                                />\n                                                <PrivateRoute exact path={Routes.MyData} component={MyDataPage} />\n                                                <PrivateRoute exact path={Routes.Invoices} component={MyInvoicesPage} />\n                                                <PrivateRoute exact path={Routes.Help} component={HelpOverview} />\n                                                <PrivateRoute exact path={Routes.HelpDetails} component={HelpDetails} />\n                                                <PrivateRoute exact path={Routes.Tips} component={TipsOverview} />\n                                                <PrivateRoute exact path={Routes.TipsID} component={TipsDetails} />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.PersonalDataEdit}\n                                                    component={PersonalDataEdit}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.BankDataEdit}\n                                                    component={BankDataEdit}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.OtherAddrEdit}\n                                                    component={OtherAddrEdit}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.ContractDocs}\n                                                    component={ContractPage}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.ContractOverview}\n                                                    component={ContractOverview}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.CancelContract}\n                                                    component={CancelContract}\n                                                />\n                                                <PrivateRoute\n                                                    exact\n                                                    path={Routes.CancelContractConfirmation}\n                                                    component={CancelContractConfirmation}\n                                                />\n                                                <PrivateRoute exact path={Routes.LoginEdit} component={LoginEditPage} />\n                                                <Route>\n                                                    <Redirect to={Routes.Dashboard} />\n                                                </Route>\n                                                <PrivateRoute exact path={'/'} component={DashboardPage} />\n                                            </Switch>\n                                        </SnackbarProvider>\n                                    </MuiPickersUtilsProvider>\n                                )}\n                            </CssBaseline>\n                        </ThemeProvider>\n                    </HashRouter>\n                </ApolloProvider>\n            )}\n        </>\n    )\n}\n\nexport default App\n","import { ApolloClient, ApolloLink, from, HttpLink, InMemoryCache } from '@apollo/client'\nimport { onError } from '@apollo/client/link/error'\nimport { GraphQLError } from 'graphql/error/GraphQLError'\nimport { ErrorConfig } from 'graphql/types'\nimport { KeycloakInstance } from 'keycloak-js'\nimport * as React from 'react'\nimport { useTranslation } from 'react-i18next'\n\nexport const useApolloClient = (\n    graphQLServerURI: string,\n    setError: (error: ErrorConfig) => void,\n    keycloak: KeycloakInstance,\n): ApolloClient<unknown> | undefined => {\n    const [apolloClient, setApolloClient] = React.useState<ApolloClient<unknown>>()\n    const { t } = useTranslation()\n\n    const authLink = new ApolloLink((operation, forward) => {\n        const accessToken = keycloak.token\n        operation.setContext(({ headers }: Record<string, any>) => {\n            return {\n                headers: {\n                    ...headers,\n                    authorization: accessToken ? `Bearer ${accessToken}` : '',\n                },\n            }\n        })\n        return forward(operation)\n    })\n\n    const errorLink = onError(({ graphQLErrors, networkError }) => {\n        if (graphQLErrors) {\n            let auxErr: string[] = []\n            auxErr = graphQLErrors.map(({ message }: GraphQLError): string => {\n                return message\n            })\n            setError({\n                title: t('graphQLErrorTitle'),\n                content: t('graphQLErrorContent'),\n                btnLabel: t('general.ok'),\n                messages: auxErr,\n            })\n        } else if (networkError) {\n            setError({\n                title: t('networkErrorTitle'),\n                content: t('networkErrorContent'),\n                messages: [networkError.message],\n                btnLabel: t('general.ok'),\n            })\n        }\n    })\n    const httpLink = new HttpLink({ uri: graphQLServerURI })\n\n    const newLink = authLink.concat(httpLink)\n\n    React.useEffect(\n        () => {\n            setApolloClient(\n                new ApolloClient({\n                    cache: new InMemoryCache(),\n                    link: from([errorLink, newLink]),\n                }),\n            )\n        },\n        // eslint-disable-next-line\n        [],\n    )\n\n    return apolloClient\n}\n","import { Box, CircularProgress, Grid } from '@material-ui/core'\nimport { AuthClientError, AuthClientEvent } from '@react-keycloak/core'\nimport { ReactKeycloakProvider } from '@react-keycloak/web'\nimport React, { Suspense } from 'react'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\nimport store from 'store/store'\nimport keycloak from 'utils/keycloak'\nimport App from './App'\nimport './index.css'\n\nconst eventLogger = (event: AuthClientEvent, error?: AuthClientError): void => {\n    console.log('onKeycloakEvent', event, error)\n}\n\nReactDOM.render(\n    <Suspense\n        fallback={\n            <Grid container item xs={12}>\n                <Box\n                    height={1}\n                    width={1}\n                    display={'flex'}\n                    justifyContent={'center'}\n                    alignContent={'center'}\n                    marginTop={'calc(100vh / 2)'}\n                >\n                    <CircularProgress size={80} />\n                </Box>\n            </Grid>\n        }\n    >\n        <React.StrictMode>\n            <ReactKeycloakProvider authClient={keycloak()} onEvent={eventLogger}>\n                <Provider store={store}>\n                    <App />\n                </Provider>\n            </ReactKeycloakProvider>\n        </React.StrictMode>\n    </Suspense>,\n    document.getElementById('root'),\n)\n"],"sourceRoot":""}