\r\n
\r\n 404 - Page not found
\r\nIt looks like the page you requested does not exist.
\r\n\r\n {\r\n props.onClose();\r\n }}\r\n className=\"btn-close btn-reset\"\r\n >\r\n ![\"close\"](\"/images/close.svg\")
\r\n \r\n {!loggedIn && (\r\n {\r\n props.onClose();\r\n }}\r\n />\r\n )}\r\n\r\n {loggedIn && (\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n );\r\n};\r\n","import React, { useState } from \"react\";\r\nimport { SideNav } from \"../shared/SideNav\";\r\n\r\nexport const UserIcon = () => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n return (\r\n \r\n \r\n {!loggedIn && (\r\n \r\n
\r\n )}\r\n\r\n {loggedIn && (\r\n \r\n {userInfo.isAdmin ? \"ADMINISTRATOR\" : \"USER\"}\r\n
\r\n{userInfo.fullName}
\r\n\r\n
\r\n\r\n - \r\n
- \r\n \r\n Requests\r\n
- \r\n \r\n Stats\r\n
- \r\n \r\n Administrators\r\n
\r\n \r\n ![\"icon\"](\"/images/user-icon.svg\")
Change profile\r\n \r\n {\r\n await UserService.logout();\r\n setLoggedIn(false);\r\n }}\r\n className=\"text-blue ml-auto btn-link btn-info-link\"\r\n >\r\n logout\r\n \r\n
\r\n Change profile\r\n \r\n \r\n
\r\n \r\n
\r\n Your selection
\r\n\r\n \r\n {state.steps[0].title}\r\n
\r\n \r\n {state.selectedLaminationMaterial?.name}\r\n {props.availableProduct && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n {state.steps[1].title}\r\n
\r\n \r\n {state.selectedSurfaceEnergyMaterial?.name}\r\n {!state.selectedSurfaceEnergyMaterial?.dummy &&\r\n props.availableProduct && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n {state.steps[2].title}\r\n
\r\n \r\n {state.selectedApplicationRequirements?.map(\r\n (value: MaterialItem, index: number) => {\r\n const score =\r\n props.availableProduct?.requirementsCompatibility.find(\r\n (x) => x.key === value.recordId\r\n );\r\n return (\r\n \r\n \r\n {state.selectedMaxServiceTemperature.name}\r\n
\r\n )}\r\n \r\n \r\n );\r\n }\r\n )}\r\n \r\n \r\n \r\n {value.name}\r\n {!value.isTemperatureRecord && score && (\r\n \r\n
\r\n )}\r\n {value.isTemperatureRecord &&\r\n state.selectedMaxServiceTemperature && (\r\n \r\n \r\n {state.steps[3].title}\r\n
\r\n \r\n {state.selectedConstructionTypes?.map(\r\n (value: ConstructionType, index: number) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","import { motion } from \"framer-motion\";\r\nimport { useContext, useEffect, useState } from \"react\";\r\nimport { MotionAnimations } from \"../../animations/MotionAnimations\";\r\nimport { CurrentState, Step } from \"../../models\";\r\nimport { Context } from \"../../state/Store\";\r\nimport { Dialog, GoBackButton } from \"../../components\";\r\nimport { UserIcon } from \"./UserIcon\";\r\nimport { MySelection } from \"./MySelection\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { RouteConstants } from \"../../route/RouteConfig\";\r\nimport { ReducerKeys } from \"../../state\";\r\n\r\nexport const Header = (props: { step: number }) => {\r\n const [state, dispatch] = useContext(Context) as [CurrentState, Function];\r\n const [activeStep, setActiveStep] = useState(null as unknown as Step);\r\n const [isDialogOpen, setIsDialogOpen] = useState(false);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n if (state && state.steps) {\r\n setActiveStep(state.steps[props.step - 1]);\r\n }\r\n }, [state.steps, props.step]);\r\n\r\n const goToStep1 = () => {\r\n // clear state\r\n dispatch({\r\n type: ReducerKeys.CLEAR_STEPS,\r\n payload: 6,\r\n });\r\n history.push(RouteConstants.Steps);\r\n };\r\n\r\n return (\r\n {value.title}
\r\n \r\n \r\n {\r\n setIsDialogOpen(false);\r\n }}\r\n >\r\n {() => {\r\n return
\r\n \r\n
\r\n {activeStep && (\r\n \r\n {state.steps &&\r\n state.steps.map((step: Step, index: number) => {\r\n return (\r\n \r\n );\r\n })}\r\n
\r\n \r\n {activeStep.afbeelding && (\r\n
\r\n \r\n 
\r\n
\r\n )}\r\n \r\n \r\n New selection\r\n \r\n )}\r\n
\r\n \r\n \r\n {activeStep.subtitel}\r\n \r\n
\r\n {(props.step === 5 || props.step === 6) && (\r\n {activeStep.title}
\r\n\r\n {activeStep.intro}\r\n {props.step === 5 && (\r\n ![\"info\"](\"/images/info.svg\")
\r\n \r\n )}\r\n
\r\n
\r\n \r\n )}\r\n \r\n \r\n ![\"\"](\"/images/footer-logo.svg\")
\r\n \r\n\r\n \r\n \r\n {nextStep.footerAfbeelding && (\r\n
\r\n \r\n \r\n\r\n \r\n 
\r\n
\r\n )}\r\n\r\n {nextStep.knopTitel}\r\n {props.title}
\r\n\r\n {props.items &&\r\n props.items.map((item: any, index: number) => {\r\n return props.children(item, index);\r\n })}\r\n
\r\n \r\n );\r\n};\r\n","export const Dialog = (props: { children: Function; onClose: any }) => {\r\n const close = (ev: any) => {\r\n const content = ev.target.closest(\".modal-content\");\r\n if (content === null) {\r\n // clicked outside\r\n props.onClose();\r\n }\r\n };\r\n return (\r\n close(ev)}>\r\n
\r\n );\r\n};\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { AccordionArrow, Dialog, LinerAttributeBody } from \"../../components\";\r\nimport {\r\n AvailableProduct,\r\n CurrentState,\r\n LinerAttribute,\r\n LinerType,\r\n} from \"../../models\";\r\nimport { Capacitor } from \"@capacitor/core\";\r\nimport { Browser } from \"@capacitor/browser\";\r\nimport { trackPromise } from \"react-promise-tracker\";\r\nimport { ProductService } from \"../../services\";\r\nimport { Context, ReducerKeys } from \"../../state\";\r\n\r\nexport const ProductResultBody = (props: {\r\n item: AvailableProduct;\r\n onOpen?: Function;\r\n}) => {\r\n const [state, dispatch] = useContext(Context) as [CurrentState, Function];\r\n const [currentItem, setCurrentItem] = useState(null as unknown as LinerType);\r\n useEffect(() => {\r\n fetchData();\r\n }, []);\r\n\r\n const fetchData = async () => {\r\n const linerTypes = await trackPromise(ProductService.getLinerTypes());\r\n dispatch({\r\n type: ReducerKeys.SET_LINERTYPES,\r\n payload: linerTypes,\r\n });\r\n };\r\n\r\n const openDatasheet = async () => {\r\n if (Capacitor.isNativePlatform() === true) {\r\n Browser.open({ url: props.item.datasheet });\r\n } else {\r\n window.open(props.item.datasheet, \"_blank\");\r\n }\r\n };\r\n\r\n const openDialog = (linerType: LinerType) => {\r\n const linerAttributes = state.linerTypes.find(\r\n (x) => x.recordId == linerType.recordId\r\n )?.linerAttributes as LinerAttribute[];\r\n linerType.linerAttributes = linerAttributes;\r\n\r\n setCurrentItem(linerType);\r\n };\r\n\r\n return (\r\n \r\n props.onClose()}\r\n >\r\n \r\n \r\n\r\n {props.children()}\r\n
\r\n \r\n \r\n\r\n {props.children()}\r\n \r\n
\r\n \r\n {props.onOpen && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n CONSTRUCTION
\r\n {props.item.construction}
\r\n \r\n
\r\n LINER TYPES
\r\n \r\n {props.item.linerTypes &&\r\n props.item.linerTypes.map(\r\n (type: LinerType, index: number) => {\r\n return (\r\n \r\n openDialog(type)}\r\n >\r\n \r\n \r\n
\r\n );\r\n }\r\n )}\r\n {type.name}
\r\n \r\n \r\n \r\n
\r\n LINER OPTIONS
\r\n {props.item.linerOptions}
\r\n \r\n
\r\n THICKNESS
\r\n {props.item.thickness}
\r\n \r\n (props.onOpen as Function)(true)}\r\n type=\"button\"\r\n className=\"btn-show btn-reset\"\r\n style={{ minWidth: \"135px\", textAlign: \"left\" }}\r\n >\r\n Show details\r\n (props.onOpen as Function)(false)}\r\n type=\"button\"\r\n className=\"btn-hide btn-reset\"\r\n style={{ minWidth: \"135px\", textAlign: \"left\" }}\r\n >\r\n Hide details\r\n \r\n Download data sheet\r\n \r\n )}\r\n
\r\n )}\r\n\r\n {currentItem && (\r\n \r\n
\r\n );\r\n }}\r\n \r\n )}\r\n {currentItem.name}
\r\n\r\n {props.items &&\r\n props.items.map((type: LinerAttribute, index: number) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {type.name}
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n","export const Spinner = () => {\r\n return (\r\n \r\n
\r\n );\r\n};\r\n","import { useHistory } from \"react-router-dom\";\r\n\r\nexport const GoBackButton = (props: { url?: string }) => {\r\n const history = useHistory();\r\n\r\n const goBack = () => {\r\n if (props.url) {\r\n history.push(props.url);\r\n } else {\r\n history.goBack();\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ![\"\"](\"/images/back-arrow.svg\"){kind=icon}
\r\n \r\n );\r\n};\r\n","import { Link } from \"react-router-dom\";\r\nimport { RouteConstants } from \"../../route/RouteConfig\";\r\n\r\nexport const CompanyLogo = () => {\r\n return (\r\n \r\n ![\"logo\"](\"/images/logo.svg\"){kind=logo}
\r\n \r\n );\r\n};\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { UserIcon } from \"..\";\r\nimport { RouteConstants } from \"../../route/RouteConfig\";\r\n\r\nexport const NotFound = () => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {data &&\r\n data.map((d: any, index: number) => {\r\n return (\r\n
\r\n props.onClick(index)}>\r\n \r\n \r\n {d.title}: {d.value}\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n {props.item.title}\r\n {props.item.name}\r\n {props.showScoreDialog && (\r\n showScoreDialog(e)}>\r\n
\r\n {props.item.category &&
\r\n\r\n {!props.item.isParent && (\r\n \r\n {props.multiSelect && (\r\n \r\n {props.item.title}\r\n {props.item.name}\r\n {props.showScoreDialog && (\r\n showScoreDialog(e)}>\r\n \r\n props.showDetail != null ? props.showDetail(props.item) : null\r\n }\r\n >\r\n
\r\n {props.item.category && {props.item.category?.name}
}\r\n![\"checked\"](\"/images/checked.svg\")
\r\n )}\r\n \r\n )}\r\n\r\n {props.item.isParent && (\r\n \r\n \r\n
\r\n )}\r\n \r\n\r\n {props.children !== undefined &&\r\n props.children((shouldOpen: boolean) => {\r\n setIsOpen(shouldOpen);\r\n })}\r\n\r\n {commentItem && (\r\n \r\n {commentItem && (\r\n
\r\n );\r\n }}\r\n \r\n )}\r\n\r\n {scoreItem && (\r\n \r\n \r\n )}\r\n {props.item.visual && (\r\n
\r\n {props.item.title}
\r\n {props.item.description && (\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n formValidation(values, false)}\r\n onSubmit={(values, { setSubmitting }) => {\r\n const errors = formValidation(values, true);\r\n if (errors?.length === 0) {\r\n login(values);\r\n }\r\n }}\r\n render={(formProps) => {\r\n return (\r\n \r\n );\r\n }}\r\n >\r\n\r\n \r\n I forgot my password\r\n \r\n\r\n {validationErrors?.length > 0 && (\r\n
\r\n \r\n
\r\n\r\n Login
\r\nPlease provide your username and password
\r\n\r\n {validationErrors.map((err: string) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n )}\r\n {err}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ![\"\"](\"images/home-image.png\")
\r\n\r\n {state.informationText && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n Update your app
\r\n\r\n In order to continue using the Core Series™ Portfolio Product\r\n Selection Tool you need to have the latest version installed.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ABOUT
\r\n\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n Register
\r\nPlease provide your details
\r\n\r\n formValidation(values, false)}\r\n onSubmit={(values, { setSubmitting }) => {\r\n const errors = formValidation(values, true);\r\n if (errors?.length === 0) {\r\n const obj = Object.assign({}, values);\r\n obj.marketingAgree = marketingAgree;\r\n\r\n delete obj.repeatPassword;\r\n createUser(obj);\r\n }\r\n }}\r\n render={(formProps) => {\r\n return (\r\n
\r\n )}\r\n \r\n\r\n \r\n
\r\n )}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n setMarketingAgree(!marketingAgree)}\r\n />\r\n \r\n
\r\n\r\n {validationErrors?.length > 0 && (\r\n \r\n {validationErrors.map((err: string) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n )}\r\n \r\n );\r\n }}\r\n >\r\n \r\n {err}
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n {userInfo && userInfo.isAdmin && (\r\n Requests overview
\r\nRequested product selections
\r\n )}\r\n {userInfo && !userInfo.isAdmin && (\r\nProduct selections you have requested
\r\n )}\r\n\r\n
\r\n \r\n {procedures &&\r\n procedures.map((procedure: ProcedureData) => {\r\n return (\r\n \r\n
\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n {\" \"}\r\n More info\r\n \r\n
\r\n );\r\n })}\r\n\r\n {procedures && procedures.length === 0 && (\r\n \r\n
\r\n\r\n \r\n {procedure.products.length}{\" \"}\r\n {procedure.products.length === 1\r\n ? \"Product\"\r\n : \"Products\"}\r\n
\r\n\r\n {procedure.products.map((x) => x.product).join(\", \")}\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n DATE & TIME\r\n
\r\n \r\n {`${moment(procedure.datum).format(\r\n \"DD MMMM yyyy\"\r\n )}, ${moment(procedure.uur).format(\"HH:mm\")}`}\r\n
\r\n \r\n
\r\n USER
\r\n \r\n {`${procedure.user?.firstName} ${procedure.user?.lastName}`}\r\n
\r\n \r\n
\r\n COMPANY
\r\n {procedure.user?.companyName}
\r\n No requests found.
\r\n )}\r\n\r\n {validationErrors?.length > 0 &&\r\n validationErrors.map((err: string) => {\r\n return (\r\n\r\n
{err}
\r\n \r\n
\r\n \r\n
\r\n\r\n {procedure && procedure.products && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n {procedure.products.map((x) => x.product).join(\", \")}
\r\n\r\n {`${moment(procedure.datum).format(\"DD MMMM yyyy\")}, ${moment(\r\n procedure.uur\r\n ).format(\"HH:mm\")}`}\r\n
\r\n\r\n {procedure && procedure.products && state.steps.length > 0 && (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n Your selection
\r\n\r\n
\r\n \r\n \r\n {state.steps[0].title}\r\n
\r\n {procedure.laminationMaterial?.name}
\r\n \r\n \r\n {state.steps[1].title}\r\n
\r\n {procedure.surfaceEnergy?.name}
\r\n \r\n \r\n {state.steps[2].title}\r\n
\r\n \r\n {procedure.extraRequirements?.map(\r\n (value: MaterialItem, index: number) => {\r\n return (\r\n \r\n {value.name}\r\n {value.isTemperatureRecord && (\r\n : {procedure.maxServiceTemperature}\r\n )}\r\n
\r\n );\r\n }\r\n )}\r\n \r\n \r\n {state.steps[3].title}\r\n
\r\n\r\n \r\n {procedure.constructionType?.map(\r\n (value: ConstructionType, index: number) => {\r\n return (\r\n \r\n {value.title}\r\n
\r\n );\r\n }\r\n )}\r\n \r\n \r\n\r\n \r\n
\r\n \r\n Request
\r\n\r\n \r\n {procedure.requestOptions?.map(\r\n (value: RequestOption, index: number) => {\r\n return (\r\n \r\n {value.name}\r\n
\r\n );\r\n }\r\n )}\r\n \r\n
\r\n \r\n\r\n Remark
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n {procedure.products?.map((prod) => {\r\n return (\r\n \r\n {procedure.products.length}{\" \"}\r\n {procedure.products.length === 1 ? \"Product\" : \"Products\"}\r\n
\r\n\r\n
\r\n );\r\n })}\r\n \r\n {prod.product}\r\n
\r\n {prod.linerOptions}
\r\n \r\n
\r\n \r\n )}\r\n\r\n {errors &&\r\n errors.map((err: string) => {\r\n return (\r\n \r\n
\r\n\r\n User info
\r\n {procedure.user && (\r\n{`${procedure.user.firstName} ${procedure.user.lastName}`}
\r\n )}\r\n\r\n\r\n
\r\n {procedure.user?.email}
\r\n \r\n
\r\n\r\n {procedure.streetAddress1 && (\r\n Company info
\r\n{procedure.user?.companyName}
\r\n\r\n\r\n
\r\n {procedure.user?.companyRegion?.name}
\r\n \r\n \r\n
\r\n\r\n
\r\n )}\r\n Shipping details
\r\n\r\n Phone\r\n \r\n {procedure.phone}\r\n \r\n Address:\r\n \r\n {procedure.streetAddress1}\r\n {procedure.streetAddress2}\r\n \r\n {procedure.city} - {procedure.state}\r\n \r\n \r\n {procedure.zip} - {procedure.country}\r\n \r\n \r\n
\r\n\r\n Address:
\r\n {procedure.streetAddress1}
\r\n {procedure.streetAddress2}
\r\n \r\n {procedure.city} - {procedure.state}\r\n
\r\n \r\n {procedure.zip} - {procedure.country}\r\n
\r\n \r\n \r\n
\r\n {procedure.user?.companyRegion?.name}
\r\n \r\n
{err}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n formValidation(values, false)}\r\n onSubmit={(values, { setSubmitting }) => {\r\n const errors = formValidation(values, true);\r\n if (errors?.length === 0) {\r\n requestReset(values);\r\n }\r\n }}\r\n render={(formProps) => {\r\n return (\r\n \r\n );\r\n }}\r\n >\r\n
\r\n \r\n
\r\n\r\n Request password reset
\r\nPlease provide your username
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n formValidation(values, false)}\r\n onSubmit={(values, { setSubmitting }) => {\r\n const errors = formValidation(values, true);\r\n if (errors?.length === 0) {\r\n const obj = new UserLogin({\r\n email: values.email,\r\n password: values.password,\r\n });\r\n resetPassword(obj);\r\n }\r\n }}\r\n render={(formProps) => {\r\n return (\r\n \r\n );\r\n }}\r\n >\r\n
\r\n \r\n
\r\n\r\n Reset password
\r\nPlease provide your username and a new password
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n formValidation(values, false)}\r\n onSubmit={(values, { setSubmitting }) => {\r\n const errors = formValidation(values, true);\r\n if (errors?.length === 0) {\r\n changePassword(values);\r\n }\r\n }}\r\n render={(formProps) => {\r\n return (\r\n \r\n );\r\n }}\r\n >\r\n \r\n Reset\r\n \r\n
\r\n \r\n
\r\n\r\n Change password
\r\nPlease provide your current and new password
\r\n\r\n \r\n Delete my data\r\n \r\n
\r\n Delete profile
\r\n\r\n {state.groupedLaminationMaterials &&\r\n state.groupedLaminationMaterials.map(\r\n (group: GroupedMaterialItem, index: number) => {\r\n const isOpen =\r\n group.materials.filter(\r\n (x) =>\r\n x.recordId == state.selectedLaminationMaterial?.recordId\r\n ).length > 0;\r\n return (\r\n \r\n \r\n {(item: MaterialItem) => (\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n )}\r\n
\r\n \r\n {state.groupedSurfaceEnergyMaterials &&\r\n state.groupedSurfaceEnergyMaterials.map(\r\n (group: GroupedMaterialItem, index: number) => {\r\n return (\r\n \r\n \r\n x.recordId ==\r\n state.selectedSurfaceEnergyMaterial?.recordId\r\n ).length > 0 || group.category === null\r\n }\r\n >\r\n {(item: MaterialItem) => (\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n )}\r\n
\r\n \r\n {state.applicationRequirements && (\r\n \r\n \r\n \r\n setIsOpen(!isOpen)}\r\n >\r\n\r\n {(() => {\r\n if (!isOpen) {\r\n return;\r\n }\r\n\r\n if (!item.isTemperatureRecord) {\r\n return;\r\n }\r\n\r\n const subItems = item.categories\r\n .filter((x) => x.maxServiceTemperature != \"\")\r\n .sort((a, b) =>\r\n a.maxServiceTemperatureNumber <\r\n b.maxServiceTemperatureNumber\r\n ? -1\r\n : a.maxServiceTemperatureNumber >\r\n b.maxServiceTemperatureNumber\r\n ? 1\r\n : 0\r\n )\r\n .map((x) => {\r\n return {\r\n name: x.maxServiceTemperature,\r\n disabled: x.disabled,\r\n recordId: x.recordId,\r\n maxServiceTemperatureNumber:\r\n x.maxServiceTemperatureNumber,\r\n };\r\n });\r\n\r\n const lowestValidTemp = subItems.find(\r\n (x) => x.disabled == false\r\n )?.maxServiceTemperatureNumber;\r\n const unique = Array.from(\r\n new Set(subItems.map((item: any) => item.name))\r\n );\r\n\r\n return unique?.map((uniqueItem, index) => {\r\n const item = subItems.find(\r\n (x) => x.name == uniqueItem\r\n );\r\n\r\n if (item != null && lowestValidTemp != null) {\r\n if (\r\n item.maxServiceTemperatureNumber <\r\n lowestValidTemp\r\n ) {\r\n item.disabled = true;\r\n } else {\r\n item.disabled = false;\r\n }\r\n }\r\n\r\n return (\r\n \r\n );\r\n });\r\n })()}\r\n \r\n );\r\n }\r\n )}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n\r\n {state.applicationRequirements.map(\r\n (item: MaterialItem, index: number) => {\r\n if (item.isTemperatureRecord) {\r\n item.isParent = true;\r\n }\r\n return (\r\n \r\n {state.constructionTypes &&\r\n state.constructionTypes\r\n ?.filter((x) => x.parent == null)\r\n .map((item: ConstructionType, index: number) => {\r\n return (\r\n \r\n \r\n \r\n\r\n {(() => {\r\n const subItems = state.constructionTypes?.filter(\r\n (x) =>\r\n x.parent != null &&\r\n x.parent.recordId == item.recordId &&\r\n x.parent.recordId ==\r\n state.selectedParentConstructionType?.recordId\r\n );\r\n\r\n return subItems?.map((subItem, index) => (\r\n \r\n ));\r\n })()}\r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n {loaded &&\r\n state.availableProducts &&\r\n state.availableProducts.length == 0 && (\r\n \r\n \r\n \r\n {(shouldOpen: Function) => (\r\n {\r\n shouldOpen(val);\r\n }}\r\n />\r\n )}\r\n \r\n \r\n );\r\n }\r\n )}\r\n\r\n {loaded && (\r\n \r\n
\r\n REQUEST
\r\n\r\n {state.requestOptions &&\r\n state.requestOptions.map((item: RequestOption, index: number) => {\r\n return (\r\n \r\n {(shouldOpen: Function) => {\r\n if (\r\n item.isSample &&\r\n state.selectedRequestOptions.indexOf(item) > -1\r\n ) {\r\n return (\r\n
\r\n\r\n \r\n {\r\n setSampleFormValid(val);\r\n }}\r\n />\r\n
\r\n );\r\n }\r\n if (state.selectedRequestOptions.indexOf(item) === -1) {\r\n return ;\r\n }\r\n }}\r\n \r\n );\r\n })}\r\n SELECTED PRODUCTS
\r\n\r\n {state.selectedAvailableProducts.map((item: AvailableProduct) => {\r\n return
\r\n\r\n {item.product}
;\r\n })}\r\nREMARK
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n setShowDialog(false)}\r\n >\r\n \r\n \r\n \r\n Login\r\n \r\n \r\n Register now\r\n \r\n
\r\n \r\n \r\n \r\n You need to be logged in or have an account in order to send us\r\n your request.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"logo\"](\"images/logo.svg\")
\r\n \r\n Your request
\r\n \r\n
\r\n \r\n THANK YOU
\r\n\r\n Your request
\r\n has been sent.\r\n
\r\n \r\n \r\n \r\n Home\r\n \r\n \r\n New selection\r\n \r\n
\r\n \r\n setFilterText(e.target.value)}\r\n onClear={handleClear}\r\n filterText={filterText}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Stats
\r\n\r\n {statsPerUser.length === 0 &&\r\n state.steps.length > 0 &&\r\n stats.length > 0 && (\r\n \r\n \r\n )}\r\n {statsPerUser.length > 0 && (\r\n \r\n \r\n )}\r\n {errors?.length > 0 && (\r\n
\r\n \r\n {\r\n if (totalPieData[index].key === \"FINISHED_PROCEDURES\") {\r\n fetchStatsPerUser(true);\r\n } else {\r\n fetchStatsPerUser(false);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n Total requests
\r\n\r\n {\r\n fetchStatsPerUser(false, index + 1);\r\n }}\r\n />\r\n
\r\n \r\n
\r\n\r\n Unfinished requests
\r\n\r\n {\r\n setStatsPerUser([]);\r\n setTableTitle(\"\");\r\n }}\r\n className=\"btn-back\"\r\n >\r\n
\r\n {tableTitle}
\r\n\r\n {errors.map((err: string) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n )}\r\n {err}
\r\n ![\"delete\"](\"/images/delete.svg\")
\r\n \r\n ),\r\n button: true,\r\n },\r\n ],\r\n []\r\n );\r\n\r\n const subHeaderComponentMemo = React.useMemo(() => {\r\n const handleClear = () => {\r\n if (filterText) {\r\n setResetPaginationToggle(!resetPaginationToggle);\r\n setFilterText(\"\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n setShowAddDialog(true)}>\r\n ![\"add\"](\"/images/add.svg\")
\r\n \r\n
\r\n \r\n \r\n \r\n setFilterText(e.target.value)}\r\n onClear={handleClear}\r\n filterText={filterText}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Admin management
\r\n\r\n setShowConfirmDelete(false)}\r\n onConfirm={() => {\r\n setShowConfirmDelete(false);\r\n removeAdmin(selectedUserMail);\r\n }}\r\n email={selectedUserMail}\r\n />\r\n )}\r\n\r\n {showAddDialog && (\r\n setShowAddDialog(false)}\r\n onConfirm={() => {\r\n setShowAddDialog(false);\r\n fetchAdmins();\r\n }}\r\n />\r\n )}\r\n\r\n {errors?.length > 0 && (\r\n
\r\n )}\r\n \r\n {errors.map((err: string) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n
\r\n )}\r\n {err}
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Delete account
\r\nDelete your account by providing your email
\r\n\r\n {!succeeded && !token && (\r\n formValidation(values, false)}\r\n onSubmit={postData}\r\n render={(formProps) => {\r\n return (\r\n state.informationText && (\r\n \r\n )\r\n );\r\n }}\r\n >\r\n )}\r\n {!succeeded && token && (\r\n
\r\n \r\n Are you sure you want to delete your account?\r\n
\r\n By pressing delete, all your data will be scrambled.\r\n
\r\n \r\n The request to delete your account has successfully been sent!\r\n \r\n
\r\n Please check your email to confirm the deletion.\r\n
\r\n Your data has succesfully been scrambled\r\n
\r\n You are now logged out\r\n
\r\n
\r\n