{"version":3,"file":"4802.02302d5ca2cfe3534af1.js","mappings":"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","sources":["webpack://@dgtls-pub/wolf-sb-integration/./src/global/js/DomServices.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/global/js/InputsServices.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/global/js/ControllerBase.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/mocks/utils.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/services/validateStepApi/validateStepApi.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/services/thunkApi/api.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/steps/thunks.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-heating-form/react/model/global.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/steps/reducer.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/steps/initialState.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/translations/reducer.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/index.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/constants/index.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/layout/MainLayout/MainLayout.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/steps/selectors.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/SidebarArea/SidebarArea.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/StepComponents/FormStepTitle/FormStepTitle.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/utils.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/store/modules/translations/selectors.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/SelectBox/styles.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/SelectBox/SelectBox.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/InputBox/styles.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/InputBox/InputBox.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/CheckBox/styles.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/CheckBox/CheckBox.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormControls/CustomFormField/CustomFormField.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/MainEnquiry/MainEnquiry.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/CustomerInformation/CustomerInformation.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/StepComponents/FormStepSummary/ResumeSlice/ResumeSlice.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/StepComponents/FormStepSummary/FormStepSummary.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/FormSummary/FormSummary.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/ReceiverInformation/ReceiverInformation.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/AgentInformation/AgentInformation.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/StepComponents/FormStepContent/FormStepContent.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/FormSteps.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/StepComponents/FormStepsNav/FormStepsNav.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/FormSteps/CompleteScreen/CompleteScreen.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/ContentArea/Alert/Alert.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/components/ContentArea/ContentArea.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/views/ServiceOrderBookingFormStepper/ServiceOrderBookingFormStepper.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/views/Main.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/react/index.tsx","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/o-service-order-booking-form.controller.ts","webpack://@dgtls-pub/wolf-sb-integration/./src/wolf/components/organisms/o-service-order-booking-form/o-service-order-booking-form.app.tsx"],"sourcesContent":["import { IDomServices } from 'global/interfaces/controller.interface';\nimport { Subject } from 'rxjs';\n\nexport class DomServices<T> implements IDomServices<T> {\n\tprotected $element: HTMLElement;\n\tprotected $references: Record<keyof T, HTMLElement>;\n\tonDomElementChanged: Subject<string> = new Subject();\n\n\tconstructor(element: HTMLElement, references: Record<keyof T, HTMLElement>) {\n\t\tthis.$references = references;\n\t\tthis.$element = element;\n\t}\n\n\tstatic collectReferences<T>(\n\t\telement: HTMLElement,\n\t\tignoredReferences: string[],\n\t\tincludedReferences: string[],\n\t): Partial<Record<keyof T, HTMLElement>> {\n\t\tconst refs: Partial<Record<keyof T, HTMLElement>> = {};\n\n\t\tArray.from(element.querySelectorAll('[data-ref]')).forEach((el: HTMLElement) => {\n\t\t\tlet referenceName: string = '';\n\t\t\tif (el.dataset.ref) {\n\t\t\t\treferenceName = el.dataset.ref;\n\t\t\t}\n\n\t\t\t// skip ignored references\n\t\t\tif (ignoredReferences.includes(referenceName)) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (referenceName) {\n\t\t\t\t// if the included list has items, only include these references, otherwise consider all\n\t\t\t\tif (includedReferences.length > 0) {\n\t\t\t\t\tif (includedReferences.includes(referenceName)) {\n\t\t\t\t\t\trefs[referenceName] = el;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (Object.prototype.hasOwnProperty.call(refs, referenceName)) {\n\t\t\t\t\t\tif (window.location.hostname === 'localhost') {\n\t\t\t\t\t\t\tconsole.warn(`A reference called '${referenceName}' has already been registered in ${this.constructor.name}!\\n Element:`, element);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\trefs[referenceName] = el;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\treturn refs;\n\t}\n\n\tgetRef<T extends HTMLElement = HTMLElement>(ref: string): T | undefined {\n\t\tif (this.$references) {\n\t\t\treturn Object.prototype.hasOwnProperty.call(this.$references, ref) ? (this.$references[ref] as T) : undefined;\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tparseStringToHtml = (htmlAsString: string): void | ChildNode => {\n\t\tconst parsedNode = new DOMParser().parseFromString(htmlAsString, 'text/html').body.firstChild;\n\t\tif (parsedNode) return parsedNode;\n\t};\n\n\trenderDomElement = (ref: string, html: string, renderOnParent: boolean = false): void => {\n\t\tconst refExists = this.$references ? Object.prototype.hasOwnProperty.call(this.$references, ref) : undefined;\n\t\tif (renderOnParent) {\n\t\t\tthis.$element.innerHTML = html;\n\t\t\tthis.domElementChanged(ref);\n\t\t} else if (this.$references && refExists) {\n\t\t\t(this.$references as any)[ref].innerHTML = html;\n\t\t\tthis.domElementChanged(ref);\n\t\t} else {\n\t\t\tconsole.warn('DOM ref does not exist!', ref);\n\t\t}\n\t};\n\n\tappendRawHtmlToDomElement = (\n\t\tnode: HTMLElement,\n\t\thtmlAsString: string,\n\t\tposition: 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend' = 'afterend',\n\t): void | ChildNode => {\n\t\tconst htmlNode = this.parseStringToHtml(htmlAsString);\n\t\tnode.insertAdjacentElement(position, htmlNode as Element);\n\t\tif (htmlNode) {\n\t\t\treturn htmlNode;\n\t\t}\n\t};\n\n\treplaceLastChildElementWithRawHtml = (ref: string, htmlAsString: string): void | ChildNode => {\n\t\tconst refExists = this.$references ? Object.prototype.hasOwnProperty.call(this.$references, ref) : undefined;\n\t\tif (refExists) {\n\t\t\tconst htmlNode = this.parseStringToHtml(htmlAsString);\n\t\t\tconst lastNode = this.$references[ref].childNodes[this.$references[ref].childNodes.length - 1];\n\t\t\t(this.$references as any)[ref].replaceChild(htmlNode, lastNode);\n\t\t\tthis.domElementChanged(ref);\n\t\t\tif (htmlNode) {\n\t\t\t\treturn htmlNode;\n\t\t\t}\n\t\t} else {\n\t\t\tconsole.warn('DOM ref does not exist!', ref);\n\t\t}\n\t};\n\n\ttoggleElementState(control: HTMLElement, newState: Array<'enable' | 'disable' | 'show' | 'hide' | 'check' | 'uncheck'>): void {\n\t\tif (!control) return;\n\t\tnewState &&\n\t\t\tnewState.forEach((state) => {\n\t\t\t\tswitch (state) {\n\t\t\t\t\tcase 'enable': {\n\t\t\t\t\t\tcontrol.removeAttribute('disabled');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'disable': {\n\t\t\t\t\t\tcontrol.setAttribute('disabled', 'true');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'show': {\n\t\t\t\t\t\tcontrol.removeAttribute('hidden');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'hide': {\n\t\t\t\t\t\tcontrol.setAttribute('hidden', 'true');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'uncheck': {\n\t\t\t\t\t\tcontrol.removeAttribute('checked');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase 'check': {\n\t\t\t\t\t\tcontrol.setAttribute('checked', 'true');\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t});\n\t}\n\n\tdomElementChanged = (reference: string): void => {\n\t\tthis.onDomElementChanged.next(reference);\n\t};\n\n\tparseDOMScriptTag = <TJSON>(elementId: string): TJSON => {\n\t\tconst data = document.getElementById(elementId) as HTMLScriptElement;\n\t\ttry {\n\t\t\tconst out = JSON.parse(data.innerText);\n\t\t\treturn out as TJSON;\n\t\t} catch (error) {\n\t\t\tconsole.warn('Cannot parse component form config', error);\n\t\t}\n\t\treturn {} as TJSON;\n\t};\n\n\trenderDomElementInHTMLElement(element: HTMLElement, html: string): void {\n\t\telement.innerHTML = html;\n\t}\n}\n","import { IInputServicesBase } from 'global/interfaces/controller.interface';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\nexport enum InputClasses {\n\terrorClass = 'uk-form-danger',\n\thiddenClass = 'uk-hidden',\n}\nexport class InputServices implements IInputServicesBase {\n\tprivate observedInputs: Record<string, Subscription> = {};\n\n\taddFocusToInput({ element, inputName }: { element: HTMLElement; inputName: string }): void {\n\t\tconst input = element?.querySelector(`input[name='${inputName}']`);\n\t\tif (input) (input as HTMLInputElement).focus();\n\t}\n\n\tobserveElementEvents(\n\t\telement: HTMLInputElement | HTMLSelectElement | HTMLButtonElement,\n\t\tinputEvent: 'input' | 'change' | 'click',\n\t\tonChange: (value: string, event: InputEvent) => any,\n\t): void {\n\t\tconst inputToObserve$ = fromEvent(element, inputEvent);\n\n\t\tthis.observedInputs[element.name] = inputToObserve$.pipe(map(this.mapInputEvent)).subscribe(({ value, event }) =>\n\t\t\tthis.subscribeInputWithErrorRemovalOnInputChange({\n\t\t\t\tvalue,\n\t\t\t\tevent,\n\t\t\t\tonChange,\n\t\t\t}),\n\t\t);\n\t}\n\n\t/**\n\t * This method is in charge of adding error classes to the correct element within an input group on a defined element\n\t * @param {HTMLElement | null} element - The element to update\n\t * @param {Record<string, string>} errors - The errors to manage\n\t */\n\taddErrorsToFieldset({\n\t\telement,\n\t\terrors,\n\t\tonErrorsUpdated,\n\t}: {\n\t\telement: HTMLElement | null;\n\t\terrors: Record<string, string>;\n\t\tonErrorsUpdated?: () => void;\n\t}): void {\n\t\tif (element) {\n\t\t\tObject.keys(errors).forEach((inputName) => {\n\t\t\t\tconst input = element?.querySelector(`input[name='${inputName}']`) as HTMLElement;\n\n\t\t\t\tif (input) {\n\t\t\t\t\tconst errorMessage = errors[inputName] || '';\n\t\t\t\t\tthis.addOrRemoveFormValidationError('SHOW_VALIDATION_ERROR', input, errorMessage);\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (onErrorsUpdated) onErrorsUpdated();\n\t\t\tif (errors) {\n\t\t\t\tconst inputNameToFocus = Object.keys(errors)[0];\n\t\t\t\tconst firstErrorElement = element?.querySelector(`input[name='${inputNameToFocus}']`);\n\t\t\t\tif (firstErrorElement) firstErrorElement.scrollIntoView();\n\t\t\t\tif (inputNameToFocus) this.addFocusToInput({ element, inputName: inputNameToFocus });\n\t\t\t}\n\t\t} else {\n\t\t\tthrow new Error(`ADD ERRORS TO FIELDSET: Looks like the element you want to update doesn't exist`);\n\t\t}\n\t}\n\n\taddOrRemoveFormValidationError(showOrHide: 'SHOW_VALIDATION_ERROR' | 'HIDE_VALIDATION_ERROR', input: HTMLElement, errorMessage: string = ''): void {\n\t\tif (!input) return;\n\n\t\tconst label = input.previousElementSibling;\n\t\tconst errorMessageContainer = input.nextElementSibling;\n\n\t\tif (showOrHide === 'SHOW_VALIDATION_ERROR') {\n\t\t\t// add error class to label\n\t\t\tif (label && label.classList) label.classList.add(InputClasses.errorClass);\n\t\t\t// add error class to input\n\t\t\tinput.classList.add(InputClasses.errorClass);\n\t\t\t// if there's an error message, inject it, show the div and add an error class\n\t\t\tif (errorMessageContainer) {\n\t\t\t\terrorMessageContainer.classList.add(InputClasses.errorClass);\n\t\t\t\terrorMessageContainer.classList.remove(InputClasses.hiddenClass);\n\t\t\t\terrorMessageContainer.innerHTML = errorMessage;\n\t\t\t}\n\t\t} else if (showOrHide === 'HIDE_VALIDATION_ERROR') {\n\t\t\t// remove error class from label\n\t\t\tif (label && label.classList) label.classList.remove(InputClasses.errorClass);\n\t\t\t// remove error class from input\n\t\t\tinput.classList.remove(InputClasses.errorClass);\n\t\t\t// remove error message and class\n\t\t\tif (errorMessageContainer) {\n\t\t\t\terrorMessageContainer.classList.remove(InputClasses.errorClass);\n\t\t\t\terrorMessageContainer.classList.add(InputClasses.hiddenClass);\n\t\t\t\terrorMessageContainer.innerHTML = '';\n\t\t\t}\n\t\t}\n\t}\n\n\tsubscribeInputWithErrorRemovalOnInputChange = ({\n\t\tvalue,\n\t\tevent,\n\t\tonChange,\n\t}: {\n\t\tvalue: string;\n\t\tevent: InputEvent;\n\t\tonChange?: (value: string, event: InputEvent) => void;\n\t}): void => {\n\t\tconst castEvent = event.target as HTMLElement;\n\n\t\tconst label = castEvent && castEvent.previousElementSibling;\n\t\tif (label && label.classList.contains(InputClasses.errorClass)) label.classList.remove(InputClasses.errorClass);\n\n\t\tconst input = event.target as HTMLElement;\n\t\tif (input && input.classList.contains(InputClasses.errorClass)) input.classList.remove(InputClasses.errorClass);\n\n\t\tconst errorMessage = castEvent && castEvent.nextElementSibling;\n\t\tif (errorMessage) {\n\t\t\terrorMessage.classList.remove(InputClasses.errorClass);\n\t\t\terrorMessage.classList.add('uk-hidden');\n\t\t}\n\n\t\tif (onChange) onChange(value, event);\n\t};\n\n\tmapInputEvent = (event: InputEvent): { value: string; event: InputEvent } => {\n\t\treturn { value: (event.target as HTMLInputElement | HTMLSelectElement).value, event };\n\t};\n}\n","import { IControllerBase, IDomServices } from 'global/interfaces/controller.interface';\nimport { DomServices } from './DomServices';\nimport { InputServices } from './InputsServices';\nexport default class ControllerBase<T extends Record<keyof T, string> = Record<string, string>> implements IControllerBase<T> {\n\treadonly $element: HTMLElement;\n\treadonly $references: Record<keyof T, HTMLElement>;\n\treadonly ignoredReferences: string[];\n\treadonly includedReferences: string[];\n\treadonly disableReferenceCollection: boolean;\n\t/** See {@link DomServices} */\n\treadonly domUtils: IDomServices<T>;\n\t/** See {@link InputServices} */\n\treadonly inputUtils: InputServices;\n\n\tconstructor(element: HTMLElement, ignoredReferences?: string[], includedReferences?: string[], disableReferenceCollection?: boolean) {\n\t\tthis.$element = element;\n\t\tthis.ignoredReferences = ignoredReferences || [];\n\t\tthis.includedReferences = includedReferences || [];\n\t\tthis.disableReferenceCollection = disableReferenceCollection || false;\n\n\t\tif (!this.disableReferenceCollection) {\n\t\t\tconst references = DomServices.collectReferences<T>(this.$element, this.ignoredReferences, this.includedReferences);\n\t\t\tif (references && Object.keys(references).length > 0) {\n\t\t\t\tthis.$references = references as Record<keyof T, HTMLElement>;\n\t\t\t} else {\n\t\t\t\tthis.$references = {} as Record<keyof T, HTMLElement>;\n\t\t\t}\n\t\t}\n\n\t\tthis.domUtils = new DomServices(this.$element, this.$references);\n\t\tthis.inputUtils = new InputServices();\n\t}\n\n\tdispatchCustomEvent<T>(\n\t\tname: string,\n\t\tdetail: T,\n\t\tbubbles: boolean = false,\n\t\tdispatchOnWindow: boolean = false,\n\t\tdispatchOnSpecificElement?: HTMLElement,\n\t): void {\n\t\tconst customEvent = new CustomEvent(name, { detail: detail, bubbles: bubbles });\n\t\tif (true === dispatchOnWindow) {\n\t\t\twindow.dispatchEvent(customEvent);\n\t\t} else if (dispatchOnSpecificElement) {\n\t\t\tdispatchOnSpecificElement.dispatchEvent(customEvent);\n\t\t} else {\n\t\t\tthis.$element.dispatchEvent(customEvent);\n\t\t}\n\t}\n}\n","import { FormFieldErrors } from 'global/interfaces/http.interface';\nimport { StepValidationPayload } from '../o-service-order-booking-form.types';\nimport { ServiceOrderBookingFormEndpoints } from '../react/model/global';\n\nexport const endpointStub = 'path:/o-service-order-booking-form/';\nexport const endpoints: Record<ServiceOrderBookingFormEndpoints, string> = {\n\tsubmitForm: 'submitForm',\n\tvalidateSerialOrOrderNumber: 'validateSerialOrOrderNumber',\n\tvalidateMainEnquiry: 'validateMainEnquiry',\n\tvalidateCustomerInformation: 'validateCustomerInformation',\n\tvalidateReceiverInformation: 'validateReceiverInformation',\n\tvalidateAgentInformation: 'validateAgentInformation',\n\tvalidateFormSummary: 'validateFormSummary',\n};\n\nexport type PostValueType = string | number | boolean;\n\nexport function getFormPostFields<T, U>(formBody: StepValidationPayload): Map<T, U> {\n\tconst fieldsMap = new Map<T, U>();\n\n\tObject.entries(formBody.payload).map((field: any[]) => {\n\t\tfieldsMap.set(field[0], field[1]);\n\t});\n\treturn fieldsMap;\n}\n\nexport function validateFormFieldsRequired(postFieldsMap: Map<any, any>, checkFields: string[]): FormFieldErrors {\n\tconst errors: FormFieldErrors = {};\n\n\tconst checkFieldMinlength = 1; // check for strings being required\n\n\tpostFieldsMap.size > 0 &&\n\t\tcheckFields.forEach((field) => {\n\t\t\tconst fieldData = postFieldsMap.get(field);\n\t\t\tswitch (true) {\n\t\t\t\tcase typeof fieldData === 'string': {\n\t\t\t\t\tif (fieldData.length < checkFieldMinlength) {\n\t\t\t\t\t\terrors[field] = `Error: ${field} is a required field`;\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t});\n\treturn errors;\n}\n\nexport const specialUseCaseFields = [\n\t'product_category_2',\n\t'serial_or_order_number_2',\n\t'installation_year_2',\n\t'product_related_2',\n\t'last_maintenance_2',\n\t'product_category_3',\n\t'serial_or_order_number_3',\n\t'installation_year_3',\n\t'product_related_3',\n\t'last_maintenance_3',\n\t'product_category_4',\n\t'product_related_4',\n\t'serial_or_order_number_4',\n\t'installation_year_4',\n\t'last_maintenance_4',\n\t'product_category_5',\n\t'product_related_5',\n\t'serial_or_order_number_5',\n\t'installation_year_5',\n\t'last_maintenance_5',\n];\n","import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';\nimport { endpointStub } from '../../../../../mocks/utils';\nimport queryString from 'query-string';\n\nconst queryBuilder = (endpoint: string, step: any): string => {\n\t// const stringifiedQuery = queryString.stringify(cleanedFilters, { arrayFormat: 'comma' });\n\tconst stringifiedQuery = '';\n\tconst builtQuery = endpoint + '?' + stringifiedQuery;\n\treturn builtQuery;\n};\n\nexport const validateStepApi = createApi({\n\treducerPath: 'validateStepApi',\n\tbaseQuery: fetchBaseQuery({ baseUrl: endpointStub }),\n\tendpoints: (builder) => ({\n\t\t// getPartnerProfile: builder.query({\n\t\t// \tquery: ({ value, endpoint }) => endpoint + '?id=' + value\n\t\t// }),\n\t\tvalidateStep: builder.query({\n\t\t\tquery: ({ step, endpoint }) => queryBuilder(endpoint, step),\n\t\t}),\n\t}),\n});\n\n// Hooks are auto-generated based on the defined endpoints\n// export const { useGetPartnersQuery, useGetLocationSuggestionQuery, useGetPartnerProfileQuery } = searchPartnersApi\nexport const { useValidateStepQuery } = validateStepApi;\n","import {\n\tSerialOrOrderNumberValidationPayload,\n\tStepValidationPayload,\n\tSubmitFormResponse as SubmitFormResponse,\n\tValidateFormStepResponse,\n} from 'wolf/components/organisms/o-service-order-booking-form/o-service-order-booking-form.types';\nimport { CustomFieldFieldTypes } from '../../../../model/global';\n\nclass ServiceOrderBookingApi implements IServiceOrderBookingApi {\n\tasync runAsyncValidation(\n\t\turl: string,\n\t\tstepPayload: StepValidationPayload | SerialOrOrderNumberValidationPayload,\n\t): ReturnType<IServiceOrderBookingApi['runAsyncValidation']> {\n\t\tlet endpoint: URL;\n\t\ttry {\n\t\t\tendpoint = new URL(url);\n\t\t} catch (error) {\n\t\t\tthrow new Error(error);\n\t\t}\n\n\t\ttry {\n\t\t\tconst resp = await fetch(endpoint.toString(), {\n\t\t\t\tmethod: 'POST',\n\t\t\t\tcredentials: 'same-origin',\n\t\t\t\tbody: JSON.stringify(stepPayload),\n\t\t\t});\n\t\t\treturn (await resp.json()) as ValidateFormStepResponse;\n\t\t} catch (error) {\n\t\t\tthrow new Error(error);\n\t\t}\n\t}\n\n\tasync submitFinalForm(url: string, payload: FinalFormPayload): ReturnType<IServiceOrderBookingApi['submitFinalForm']> {\n\t\tlet endpoint: URL;\n\t\ttry {\n\t\t\tendpoint = new URL(url);\n\t\t} catch (error) {\n\t\t\tthrow new Error(error);\n\t\t}\n\n\t\ttry {\n\t\t\tconst resp = await fetch(endpoint.toString(), {\n\t\t\t\tmethod: 'POST',\n\t\t\t\t// credentials: 'same-origin',\n\t\t\t\tbody: payload.formData,\n\t\t\t\t// body: JSON.stringify(payload.payload),\n\t\t\t});\n\n\t\t\treturn (await resp.json()) as SubmitFormResponse;\n\t\t} catch (error) {\n\t\t\tthrow new Error(error);\n\t\t}\n\t}\n}\n\nexport default new ServiceOrderBookingApi();\n\nexport interface IServiceOrderBookingApi {\n\trunAsyncValidation: (url: string, stepPayload: any) => Promise<ValidateFormStepResponse>;\n\tsubmitFinalForm: (url: string, payload: any) => Promise<SubmitFormResponse>;\n}\n\nexport interface PostField {\n\tname: string;\n\tvalue: any;\n\tfieldType: CustomFieldFieldTypes;\n\tchecked?: boolean;\n}\nexport interface FinalFormPayload {\n\tpayload: Record<string, Record<string, PostField>>;\n\tformData: FormData;\n}\n","import { createAsyncThunk } from '@reduxjs/toolkit';\nimport {\n\tSerialOrOrderNumberValidationPayload,\n\tStepValidationPayload,\n} from 'wolf/components/organisms/o-service-order-booking-form/o-service-order-booking-form.types';\nimport { RootState } from '../..';\nimport { AccordionArray, StepsState } from '../../../model/global';\nimport Api, { FinalFormPayload } from '../services/thunkApi/api';\nimport { specialUseCaseFields } from '../../../../mocks/utils';\n\nexport const validateStep = createAsyncThunk('serviceBookingAppSlice/validateStep', async (_, thunkAPI) => {\n\tconst state = thunkAPI.getState() as RootState;\n\n\t// get current step index\n\tconst activeIndex = state.steps.activeStepIndex;\n\t// get step template name\n\tconst { stepTemplate } = state.steps.steps[activeIndex];\n\t// get current step field data for a payload\n\tconst stepSummary = state.steps.formSummary.steps[stepTemplate];\n\t// get endpoint for validation\n\tconst endpoint: string = state.steps.steps[activeIndex].stepData.validation.url;\n\n\tconst mainEnquiryData = state.steps.steps.find((element) => element.stepTemplate === 'MAIN_ENQUIRY');\n\tif (!mainEnquiryData) {\n\t\tthrow new Error('Error happened while building the form');\n\t}\n\tconst accordionArray: AccordionArray[] | undefined = mainEnquiryData.stepData.accordionArray;\n\tif (!accordionArray) {\n\t\tthrow new Error('Error happened while building the form');\n\t}\n\n\t// init payload obj\n\tconst payload: Record<string, any> = {};\n\t//if first step handle the use case if user did not add all of the products\n\t//and dont send them to the backend\n\tif (activeIndex === 0) {\n\t\tObject.values(stepSummary).forEach((e) => {\n\t\t\tif (\n\t\t\t\t(e?.name.includes('2') && !accordionArray[0].added) ||\n\t\t\t\t(e?.name.includes('3') && !accordionArray[1].added) ||\n\t\t\t\t(e?.name.includes('4') && !accordionArray[2].added) ||\n\t\t\t\t(e?.name.includes('5') && !accordionArray[3].added)\n\t\t\t)\n\t\t\t\treturn;\n\n\t\t\tpayload[e?.name as string] = e?.originalField.fieldType === 'checkbox' ? (e.checked ? e.value : null) : e?.value;\n\t\t});\n\t} else {\n\t\tObject.values(stepSummary).forEach((e) => {\n\t\t\tpayload[e?.name as string] = e?.originalField.fieldType === 'checkbox' ? (e.checked ? e.value : null) : e?.value;\n\t\t});\n\t}\n\tconst stepPayload: StepValidationPayload = {\n\t\tstepTemplate,\n\t\tpayload,\n\t};\n\t// call validation endpoint\n\treturn await Api.runAsyncValidation(endpoint, stepPayload);\n});\n\nexport const validateSerialOrOrderNumber = createAsyncThunk('serviceBookingAppSlice/validateSerialOrOrderNumber', async (_, thunkAPI) => {\n\tconst state = thunkAPI.getState() as RootState;\n\n\t// get current step index\n\tconst activeIndex = state.steps.activeStepIndex;\n\t// get step template name\n\tconst { stepTemplate } = state.steps.steps[activeIndex];\n\t// get current step field data for a payload\n\tconst stepSummary = state.steps.formSummary.steps[stepTemplate];\n\n\tif (!state.steps.steps[activeIndex].stepData.serialOrOrderNumberValidation) return;\n\tif (!state.steps.steps[activeIndex].stepData.accordionArray) return;\n\n\tconst {\n\t\tserialOrOrderNumber,\n\t\tinstallationYear,\n\t\tserialOrOrderNumberTwo,\n\t\tinstallationYearTwo,\n\t\tserialOrOrderNumberThree,\n\t\tinstallationYearThree,\n\t\tserialOrOrderNumberFour,\n\t\tinstallationYearFour,\n\t\tserialOrOrderNumberFive,\n\t\tinstallationYearFive,\n\t} = buildAddedProductsObject(stepSummary, state.steps.steps[activeIndex].stepData.accordionArray!);\n\n\t// get endpoint for validation\n\tconst endpoint: string = state.steps.steps[activeIndex].stepData.serialOrOrderNumberValidation!.url;\n\t// init payload obj\n\tlet stepPayload: SerialOrOrderNumberValidationPayload = {};\n\tif (serialOrOrderNumber) {\n\t\tstepPayload = {\n\t\t\t...stepPayload,\n\t\t\tproduct_1: {\n\t\t\t\tserial_or_order_number_1: serialOrOrderNumber.value,\n\t\t\t\tinstallation_year_1: installationYear.value,\n\t\t\t},\n\t\t};\n\t}\n\tif (serialOrOrderNumberTwo) {\n\t\tstepPayload = {\n\t\t\t...stepPayload,\n\t\t\tproduct_2: {\n\t\t\t\tserial_or_order_number_2: serialOrOrderNumberTwo.value,\n\t\t\t\tinstallation_year_2: installationYearTwo.value,\n\t\t\t},\n\t\t};\n\t}\n\tif (serialOrOrderNumberThree) {\n\t\tstepPayload = {\n\t\t\t...stepPayload,\n\t\t\tproduct_3: {\n\t\t\t\tserial_or_order_number_3: serialOrOrderNumberThree.value,\n\t\t\t\tinstallation_year_3: installationYearThree.value,\n\t\t\t},\n\t\t};\n\t}\n\tif (serialOrOrderNumberFour) {\n\t\tstepPayload = {\n\t\t\t...stepPayload,\n\t\t\tproduct_4: {\n\t\t\t\tserial_or_order_number_4: serialOrOrderNumberFour.value,\n\t\t\t\tinstallation_year_4: installationYearFour.value,\n\t\t\t},\n\t\t};\n\t}\n\tif (serialOrOrderNumberFive) {\n\t\tstepPayload = {\n\t\t\t...stepPayload,\n\t\t\tproduct_5: {\n\t\t\t\tserial_or_order_number_5: serialOrOrderNumberFive.value,\n\t\t\t\tinstallation_year_5: installationYearFive.value,\n\t\t\t},\n\t\t};\n\t}\n\n\t/* todo if status is 408 then the 3rd API is not working */\n\treturn await Api.runAsyncValidation(endpoint, stepPayload);\n});\n\nconst buildAddedProductsObject = (stepSummary, productFieldsState: any[]): any => {\n\tlet fieldsToValidate = {};\n\tconst serialOrOrderNumber = stepSummary['serial_or_order_number_1'];\n\tconst installationYear = stepSummary['installation_year_1'];\n\n\tconst serialOrOrderNumberTwo = stepSummary['serial_or_order_number_2'];\n\tconst installationYearTwo = stepSummary['installation_year_2'];\n\n\tconst serialOrOrderNumberThree = stepSummary['serial_or_order_number_3'];\n\tconst installationYearThree = stepSummary['installation_year_3'];\n\n\tconst serialOrOrderNumberFour = stepSummary['serial_or_order_number_4'];\n\tconst installationYearFour = stepSummary['installation_year_4'];\n\n\tconst serialOrOrderNumberFive = stepSummary['serial_or_order_number_5'];\n\tconst installationYearFive = stepSummary['installation_year_5'];\n\n\tfieldsToValidate = { serialOrOrderNumber, installationYear };\n\tproductFieldsState?.forEach((e) => {\n\t\tif (e.added) {\n\t\t\tswitch (e.panel) {\n\t\t\t\tcase 1:\n\t\t\t\t\tfieldsToValidate = { ...fieldsToValidate, serialOrOrderNumberTwo, installationYearTwo };\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\tfieldsToValidate = { ...fieldsToValidate, serialOrOrderNumberThree, installationYearThree };\n\t\t\t\t\tbreak;\n\t\t\t\tcase 3:\n\t\t\t\t\tfieldsToValidate = { ...fieldsToValidate, serialOrOrderNumberFour, installationYearFour };\n\t\t\t\t\tbreak;\n\t\t\t\tcase 4:\n\t\t\t\t\tfieldsToValidate = { ...fieldsToValidate, serialOrOrderNumberFive, installationYearFive };\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t});\n\treturn fieldsToValidate;\n};\n\nconst buildFormSubmitPayload = (steps): FinalFormPayload => {\n\tconst summary: StepsState['formSummary'] = steps.formSummary;\n\tconst mainEnquiryData = steps.steps.find((element) => element.stepTemplate === 'MAIN_ENQUIRY');\n\tif (!mainEnquiryData) {\n\t\tthrow new Error('Error happened while building the form');\n\t}\n\tconst accordionArray: AccordionArray[] = mainEnquiryData.stepData.accordionArray;\n\n\tconst data: FinalFormPayload = {\n\t\tpayload: {},\n\t\tformData: new FormData(),\n\t};\n\n\tfor (const [key, elements] of Object.entries(summary.steps)) {\n\t\tdata.payload[key] = {};\n\n\t\tfor (const [fieldKey, field] of Object.entries(elements)) {\n\t\t\tconst fieldType = field?.originalField.fieldType;\n\t\t\tif (key) {\n\t\t\t\tif (key === 'MAIN_ENQUIRY') {\n\t\t\t\t\tconst isNameInSpecialUseCaseArray = specialUseCaseFields.includes(fieldKey);\n\t\t\t\t\tif (isNameInSpecialUseCaseArray) {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t(fieldKey.includes('2') && !accordionArray[0].added) ||\n\t\t\t\t\t\t\t(fieldKey.includes('3') && !accordionArray[1].added) ||\n\t\t\t\t\t\t\t(fieldKey.includes('4') && !accordionArray[2].added) ||\n\t\t\t\t\t\t\t(fieldKey.includes('5') && !accordionArray[3].added)\n\t\t\t\t\t\t)\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\telse if (\n\t\t\t\t\t\t\t(fieldKey.includes('2') && accordionArray[0].added) ||\n\t\t\t\t\t\t\t(fieldKey.includes('3') && accordionArray[1].added) ||\n\t\t\t\t\t\t\t(fieldKey.includes('4') && accordionArray[2].added) ||\n\t\t\t\t\t\t\t(fieldKey.includes('5') && accordionArray[3].added)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tdata.payload[key][fieldKey] = {\n\t\t\t\t\t\t\t\tname: field!.name,\n\t\t\t\t\t\t\t\tvalue: field!.value,\n\t\t\t\t\t\t\t\tfieldType: fieldType!,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} else\n\t\t\t\t\t\tdata.payload[key][fieldKey] = {\n\t\t\t\t\t\t\tname: field!.name,\n\t\t\t\t\t\t\tvalue: field!.value,\n\t\t\t\t\t\t\tfieldType: fieldType!,\n\t\t\t\t\t\t};\n\t\t\t\t} else {\n\t\t\t\t\tdata.payload[key][fieldKey] = {\n\t\t\t\t\t\tname: field!.name,\n\t\t\t\t\t\tvalue: field!.value,\n\t\t\t\t\t\tfieldType: fieldType!,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\tlet checked = false;\n\t\t\t\tif (fieldType === 'checkbox') {\n\t\t\t\t\tchecked = !!field?.checked;\n\t\t\t\t\tdata.payload[key][fieldKey]['checked'] = checked;\n\t\t\t\t}\n\n\t\t\t\t// add to form data\n\t\t\t\tlet formDataValue = data.payload[key][fieldKey].value;\n\t\t\t\tif (fieldType === 'checkbox' && !checked) {\n\t\t\t\t\t// support for checkboxes/values\n\t\t\t\t\tformDataValue = '';\n\t\t\t\t}\n\t\t\t\tdata.formData.append(fieldKey, formDataValue);\n\t\t\t}\n\t\t}\n\t}\n\treturn data;\n};\n\nexport const submitForm = createAsyncThunk('serviceBookingAppSlice/submitForm', async (_, thunkAPI) => {\n\tconst state = thunkAPI.getState() as RootState;\n\n\t// get submit URL\n\tconst endpoint: string = state.steps.formSubmitUrl;\n\tif (!endpoint) throw new Error('Missing form submit URL!');\n\n\t// build payload based on Redux data\n\tconst payload = buildFormSubmitPayload(state.steps);\n\n\treturn await Api.submitFinalForm(endpoint, payload);\n});\n","import React, { HTMLAttributes, OptionHTMLAttributes, AnchorHTMLAttributes } from 'react';\nimport { IconTypes } from 'global/react/constants/icons';\nimport { CustomFormFieldState } from '../components/FormControls/CustomFormField/CustomFormField';\nexport interface OrganismHeatingFormProps {\n\t/** The URL of where to submit the final form payload */\n\tformSubmitUrl: string;\n\t/** All step data for the app */\n\tsteps: FormStep[];\n\t/** A list of key/value translations */\n\ttranslations: Record<string, string>;\n\tendScreen: {\n\t\theadline: {\n\t\t\ttext: string;\n\t\t};\n\t\ttext: string;\n\t\tbutton: {\n\t\t\thref: AnchorHTMLAttributes<HTMLAnchorElement>['href'];\n\t\t\ttext: string;\n\t\t\ttitle: AnchorHTMLAttributes<HTMLAnchorElement>['title'];\n\t\t\ttarget: AnchorHTMLAttributes<HTMLAnchorElement>['target'];\n\t\t} | null;\n\t};\n}\n\n/** The list of CRUD endpoints for the feature */\nexport type HeatingFormEndpoints =\n\t| 'submitForm'\n\t| 'validateMainEnquiry'\n\t| 'validateProductCategory'\n\t| 'validateCustomerAddress'\n\t| 'validateAdditionalInformation'\n\t| 'validateFileAttachments'\n\t| 'validateFormSummary';\n\n/** A list of the unique step templates which appear on the whole process */\nexport type StepTemplate = 'MAIN_ENQUIRY' | 'PRODUCT_CATEGORY' | 'CUSTOMER_ADDRESS' | 'ADDITIONAL_INFORMATION' | 'FILE_ATTACHMENTS' | 'FORM_SUMMARY';\n\nexport type CustomFieldFieldTypes = 'text' | 'textarea' | 'email' | 'checkbox' | 'select' | 'file';\ninterface CustomFieldBase {\n\tresponsiveWidth?: {\n\t\t/** Required, like 1-1 for full width, or 1-2 for 50% etc. Layout method for mobile (and desktop if desktop not provided) */\n\t\tdefault: InputWidth;\n\t\t/** Optional, like 1-1 for full width, or 1-2 for 50% etc. If given, the responsive layout when on larger screens */\n\t\tdesktop?: InputWidth;\n\t};\n\t/** Custom react components to support these types of fields */\n\tfieldType: CustomFieldFieldTypes;\n\t/** The name of a related form field, from which to copy its value (see Address step for copying values between the 3 forms) */\n\trelatedField?: string;\n\t/** If true, this field will not appear on the form summary page on the final step */\n\texcludeFromSummary?: boolean;\n\tfieldData?: any;\n}\n\ntype InputWidth = '1-1' | '1-2' | '1-4' | '3-4' | '1-3' | '2-3' | 'expand';\nexport interface CustomInputType extends React.InputHTMLAttributes<HTMLInputElement>, CustomFieldBase {}\nexport interface CustomTextareaType extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, CustomFieldBase {\n\t/** The name from a related field (for auto-populating from external form) */\n\trelatedField?: string;\n\tminRows?: number;\n\tmaxRows?: number;\n}\n\nexport interface CustomSelectTypeOptions {\n\t/** The value passed to the backend */\n\tvalue: OptionHTMLAttributes<HTMLOptionElement>['value'];\n\t/** The text in the <option> or the group label */\n\tlabel: string;\n\t/** Sets the option selected by default */\n\tisSelected?: boolean;\n\n\t/** For select option grouping, the related group parent name */\n\tgroupParent?: string;\n\n\t/** If provided, a list of additional controls on this step which should become {required=true} */\n\trequiredAdditionalControls?: string[];\n\n\toptions?: CustomSelectTypeOptions[];\n}\nexport interface CustomSelectType extends React.SelectHTMLAttributes<HTMLSelectElement>, CustomFieldBase {\n\t// options?: {\n\t// \t/** The value passed to the backend */\n\t// \tvalue: OptionHTMLAttributes<HTMLOptionElement>['value'],\n\t// \t/** The text in the <option> */\n\t// \tlabel: string,\n\t// \t/** Sets the option selected by default */\n\t// \tisSelected?: boolean;\n\n\t// \t/** For select option grouping, the related group name */\n\t// \tgroupParent?: string;\n\t// }[];\n\t// optionsGroup?: {\n\t// \t/** The unique name. Must be only [a-ZA-Z0-9-_], like 'group1' or 'group-1 */\n\t// \tname: string;\n\t// \t/** The group label */\n\t// \tlabel: string;\n\t// \t/** Select options belonging to the group */\n\t// \toptions: CustomSelectType['options'],\n\t// }[];\n\t// options: Omit<CustomSelectTypeOptions, 'foo'>[];\n\toptions: CustomSelectTypeOptions[];\n\toptionsGroup: CustomSelectTypeOptions[];\n}\n\n// export interface CustomSelectOptions extends React.InputHTMLAttributes<HTMLInputElement>, CustomFieldBase {\n\n// \toptions?: {\n// \t\t/** The value passed to the backend */\n// \t\tvalue: OptionHTMLAttributes<HTMLOptionElement>['value'],\n// \t\t/** The text in the <option> */\n// \t\tlabel: string,\n// \t\t/** Sets the option selected by default */\n// \t\tisSelected?: boolean;\n\n// \t\t/** For select option grouping, the related group name */\n// \t\tgroupParent?: string;\n// \t}[];\n// \toptionsGroup?: {\n// \t\t/** The unique name. Must be only [a-ZA-Z0-9-_], like 'group1' or 'group-1 */\n// \t\tname: string;\n// \t\t/** The group label */\n// \t\tlabel: string;\n// \t\t/** Select options belonging to the group */\n// \t\toptions: CustomSelectOptions['options'],\n// \t};\n// }\n\n/** A combined type for all the different types of form control/field */\n// export type FormControlType = | CustomTextareaType | CustomInputType | CustomSelectType | CustomSelectOptions;\nexport type FormControlType = CustomTextareaType | CustomInputType | CustomSelectType;\n\nexport type FileUploadData = {\n\t// title: 'File input',\n\t// name: 'files[]',\n\t// id: 'files1',\n\t// placeholder: 'Select a file...',\n\t// required: false,\n\t// fieldType: 'file',\n\t// value: '',\n\t// responsiveWidth: {\n\t// \tdefault: '1-1',\n\t// \tdesktop: '1-1',\n\t// },\n\t// fieldData: {\n\t// }\n\n\t// max number of files which can be uploaded\n\tmaxFileSlots: number;\n\t// a list of mime types accepted\n\tallowedContentTypes: string[]; // ['image/jpeg', 'image/webp', 'image/png'];\n\t// max file size per file, in bytes = (1024 * 1024 * 4) = 4MB\n\tmaxFileSize: number;\n\n\trequiresAtLeastOneFile: boolean;\n};\n\nexport interface FormStep<TFieldNames = string> {\n\t/** A unique name for the step, like step-1 */\n\tstepName: string;\n\t/** Optional title heading for the step */\n\tstepTitle: string;\n\tstepInfo: {\n\t\tcopy: string;\n\t\thelpButton:\n\t\t\t| {\n\t\t\t\t\ttitle: string;\n\t\t\t\t\ticon: string;\n\t\t\t  }\n\t\t\t| undefined;\n\t};\n\t/** The react template to use for the step */\n\tstepTemplate: StepTemplate;\n\t/** Support for ordering of the step to be different from the logical order in the array. The order in which the steps appear in the stepper - Lower number = first */\n\tstepOrder: number;\n\t/** Modelled step data, which the template will use */\n\tstepData: {\n\t\tfields: Record<TFieldNames extends string ? TFieldNames : string, FormControlType[]>;\n\t\tvalidation: {\n\t\t\turl: string;\n\t\t};\n\t\t/** A list of translations. The key names correspond to the field key names above. Used on the summary page */\n\t\tfieldTranslations: Record<string, string>;\n\t\tfileUploadData?: FileUploadData;\n\t};\n}\n\n/** All form steps should use these common props */\nexport interface FormStepProps {\n\tdata: FormStep;\n\tonStepControlsChange?: (formData: FormStepInternalState['fields'], stepTemplate: FormStep['stepTemplate']) => void;\n}\n\nexport interface FormSummary<T = FormStepInternalState['fields']> {\n\tsteps: Record<Uppercase<StepTemplate>, T>;\n\tinitialized: Record<Uppercase<StepTemplate>, boolean>;\n\t/** The state of the validation from the frontend HTML5 validation */\n\tvalidatedStepsHTML5: Record<\n\t\tUppercase<StepTemplate>,\n\t\tboolean // whether or not the step is valid according to frontend validation\n\t>;\n\tvalidationErrors: Record<\n\t\tUppercase<StepTemplate>,\n\t\tRecord<string, string> // object with field name and error\n\t>;\n\t/** The state of the validation from the backend */\n\tvalidatedSteps: Record<\n\t\tUppercase<StepTemplate>,\n\t\tboolean // whether or not the step is valid according to backend\n\t>;\n}\n\nexport interface FormStepInternalState<TFieldNames = string> {\n\tfields: Record<TFieldNames extends string ? TFieldNames : string, CustomFormFieldState | undefined>;\n}\n\nexport type StepsState = Pick<OrganismHeatingFormProps, 'steps' | 'endScreen' | 'formSubmitUrl'> & {\n\t/** Master switch. If true, the thankyou page will show, else the form steps will show */\n\tformIsSubmitted: boolean;\n\t/** Backend can populate this so frontend can show simple submit validation errors */\n\tformSubmitError: string;\n\t/** The zero-indexed step number that the user wants to go to (relies on passing validation) */\n\trequestedStepIndex: number;\n\t/** The zero-indexed active step that we are on */\n\tactiveStepIndex: number;\n\t/** A payload holder for the final form state for all steps */\n\tformSummary: FormSummary;\n};\n\n/** Props interface for customised inputs, selects and checkboxes */\nexport interface CustomFormControlProps {\n\tfield: CustomFormFieldState;\n\tfullWidth?: boolean;\n\t// onChange?: (event: React.ChangeEvent<HTMLInputElement>) => any;\n\tonChange: (event: CustomFormFieldState) => void;\n\tvalidationError: string;\n\t/** @todo... https://mui.com/components/selects/#grouping */\n\tuseNativeControl?: boolean;\n}\n\nexport enum AccordionArrayAction {\n\tOpenClose = 'OPEN_CLOSE',\n\tRemove = 'REMOVE',\n\tAdd = 'ADD',\n}\n","import { createSlice, current, PayloadAction } from '@reduxjs/toolkit';\nimport { CustomFormFieldState } from '../../../components/FormControls/CustomFormField/CustomFormField';\nimport { FormStep, OrganismServiceOrderBookingFormProps, StepsState } from '../../../model/global';\nimport initialState from './initialState';\nimport { submitForm, validateSerialOrOrderNumber, validateStep } from './thunks';\nimport { AccordionArrayAction } from '../../../../../o-heating-form/react/model/global';\n\nconst stepsSlice = createSlice({\n\tname: 'stepsSlice',\n\tinitialState,\n\treducers: {\n\t\tinitApp(state, { payload }: PayloadAction<OrganismServiceOrderBookingFormProps>) {\n\t\t\t// save step data in specified order\n\t\t\tstate.steps = payload.steps\n\t\t\t\t// .filter(s => (s.stepName === 'step-5' || s.stepName === 'step-6'))\n\t\t\t\t.sort((a, b) => {\n\t\t\t\t\treturn a.stepOrder < b.stepOrder ? -1 : 1;\n\t\t\t\t}) as any[];\n\t\t\tstate.endScreen = payload.endScreen;\n\t\t\tstate.activeStepIndex = 0;\n\t\t\tstate.formSubmitUrl = payload.formSubmitUrl;\n\t\t},\n\n\t\tsetRequestedStep(state, { payload }: PayloadAction<StepsState['requestedStepIndex']>) {\n\t\t\tstate.requestedStepIndex = payload;\n\t\t},\n\t\tsetActiveStep(state, { payload }: PayloadAction<StepsState['activeStepIndex']>) {\n\t\t\t// do not go to step if the form has been submitted\n\t\t\tconst { formIsSubmitted } = state;\n\t\t\tif (formIsSubmitted) return;\n\n\t\t\tif (payload >= 0 && payload < state.steps.length) {\n\t\t\t\tstate.activeStepIndex = payload;\n\t\t\t}\n\t\t},\n\t\tsetFormSubmitError(state, { payload }: PayloadAction<StepsState['formSubmitError']>) {\n\t\t\tstate.formSubmitError = payload;\n\t\t},\n\t\t/**\n\t\t * Initializes step payload data (using useEffect on step init)\n\t\t */\n\t\tinitializeStepPayloadValues(\n\t\t\tstate,\n\t\t\t{\n\t\t\t\tpayload: { stepTemplate, stepPayload, initialize },\n\t\t\t}: PayloadAction<{\n\t\t\t\tstepTemplate: FormStep['stepTemplate'];\n\t\t\t\tstepPayload: Record<string, CustomFormFieldState<any>>;\n\t\t\t\tinitialize: boolean;\n\t\t\t}>,\n\t\t) {\n\t\t\tstate.formSummary.steps[stepTemplate] = stepPayload as any;\n\t\t\tif (initialize) {\n\t\t\t\tstate.formSummary.initialized[stepTemplate] = initialize;\n\t\t\t}\n\t\t},\n\t\tupdateAccordionArray(\n\t\t\tstate,\n\t\t\t{\n\t\t\t\tpayload: { stepPayload, action },\n\t\t\t}: PayloadAction<{\n\t\t\t\tstepPayload: any[];\n\t\t\t\taction: AccordionArrayAction;\n\t\t\t}>,\n\t\t) {\n\t\t\tstate.steps[state.activeStepIndex].stepData.accordionArray = stepPayload;\n\t\t\tif (action !== AccordionArrayAction.OpenClose) state.formSummary.validatedSerialOrOrderNumber = false;\n\t\t},\n\t\t/**\n\t\t * Update one or more form control values for a step\n\t\t * Accepts a single field or an array of fields\n\t\t * All form fields are flattened into a single object where the key name is the field name\n\t\t */\n\t\tupdateStepPayloadValues(\n\t\t\tstate,\n\t\t\t{\n\t\t\t\tpayload: { stepTemplate, stepPayload, refreshSummary },\n\t\t\t}: PayloadAction<{\n\t\t\t\tstepTemplate: FormStep['stepTemplate'];\n\t\t\t\tstepPayload: CustomFormFieldState<any> | CustomFormFieldState<any>[];\n\t\t\t\trefreshSummary?: boolean;\n\t\t\t}>,\n\t\t) {\n\t\t\tif (Array.isArray(stepPayload)) {\n\t\t\t\t// files fields are dynamic so need rebuilding each time!\n\t\t\t\tif (refreshSummary) {\n\t\t\t\t\tstate.formSummary.steps[stepTemplate] = {};\n\t\t\t\t}\n\n\t\t\t\tif (stepPayload.length === 0) {\n\t\t\t\t\tstate.formSummary.steps[stepTemplate] = {};\n\t\t\t\t} else {\n\t\t\t\t\tstepPayload.forEach((step) => {\n\t\t\t\t\t\tif (state.formSummary.steps[stepTemplate][step.name]) {\n\t\t\t\t\t\t\tstate.formSummary.steps[stepTemplate][step.name] = step as any;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// @todo...\n\t\t\t\t\t\t\t// file uploads uses this exception - because fields are dynamically built and do not exist in the JSON data!\n\t\t\t\t\t\t\tstate.formSummary.steps[stepTemplate][step.name] = step as any;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (state.formSummary.steps[stepTemplate][stepPayload.name]) {\n\t\t\t\t\tstate.formSummary.steps[stepTemplate][stepPayload.name] = stepPayload as any;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// compute the validity of the overall step\n\t\t\tlet stepIsValid = true;\n\t\t\tfor (const [key, element] of Object.entries(state.formSummary.steps[stepTemplate])) {\n\t\t\t\tif (element?.valid === false) {\n\t\t\t\t\tstepIsValid = false;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// update validity of this step\n\t\t\tstate.formSummary.validatedStepsHTML5[stepTemplate] = stepIsValid;\n\t\t},\n\t\t/** Allow external components to explicity declare a step as valid/invalid, depending on external logic */\n\t\tdeclareStepValidity(\n\t\t\tstate,\n\t\t\t{\n\t\t\t\tpayload: { stepTemplate, validity },\n\t\t\t}: PayloadAction<{\n\t\t\t\tstepTemplate: FormStep['stepTemplate'];\n\t\t\t\tvalidity: boolean;\n\t\t\t}>,\n\t\t) {\n\t\t\tstate.formSummary.validatedStepsHTML5[stepTemplate] = validity;\n\t\t},\n\t},\n\textraReducers: (builder) => {\n\t\tbuilder.addCase(validateStep.fulfilled, (state, { payload }) => {\n\t\t\tconst stepTemplate = state.steps[state.activeStepIndex].stepTemplate;\n\t\t\t// check payload for success or otherwise\n\t\t\tif (payload && payload.success === true) {\n\t\t\t\t// update step validity\n\t\t\t\t//if there are no errors regarding serial or order number then remove all the messages\n\t\t\t\tif (state.formSummary.validatedSerialOrOrderNumber) state.formSummary.validationErrors[stepTemplate] = {};\n\t\t\t\tstate.formSummary.validatedSteps[stepTemplate] = true;\n\t\t\t} else {\n\t\t\t\t// record errors for UI\n\t\t\t\tstate.formSummary.validationErrors[stepTemplate] = {\n\t\t\t\t\t...state.formSummary.validationErrors[stepTemplate],\n\t\t\t\t\t...(payload.error || {}),\n\t\t\t\t};\n\t\t\t\tstate.formSummary.validatedSteps[stepTemplate] = false;\n\t\t\t}\n\t\t});\n\t\tbuilder.addCase(validateSerialOrOrderNumber.fulfilled, (state, { payload }) => {\n\t\t\tconst stepTemplate = state.steps[state.activeStepIndex].stepTemplate;\n\t\t\t// check payload for success or otherwise\n\t\t\tif (payload && payload.success) {\n\t\t\t\t// update step validity\n\t\t\t\tstate.formSummary.validationErrors[stepTemplate] = {};\n\t\t\t\tstate.formSummary.validatedSerialOrOrderNumber = true;\n\t\t\t} else {\n\t\t\t\t// record errors for UI\n\t\t\t\tstate.formSummary.validationErrors[stepTemplate] = payload?.error || {};\n\t\t\t\tstate.formSummary.validatedSerialOrOrderNumber = false;\n\t\t\t}\n\t\t});\n\n\t\tbuilder.addCase(submitForm.fulfilled, (state, { payload }) => {\n\t\t\t// check payload for success or otherwise\n\t\t\tif (payload && payload.success === true) {\n\t\t\t\tstate.formSubmitError = '';\n\t\t\t\t// show welcome screen by toggling submitted state\n\t\t\t\tstate.formIsSubmitted = true;\n\t\t\t} else {\n\t\t\t\tstate.formSubmitError = payload.error.toString();\n\t\t\t}\n\t\t});\n\t\tbuilder.addCase(submitForm.rejected, (state, { error }) => {\n\t\t\tif (error.message) state.formSubmitError = 'Something went wrong while sending a form!';\n\t\t});\n\t},\n});\n\nexport const stepsActions = stepsSlice.actions;\nexport default stepsSlice.reducer;\n","import { StepsState } from '../../../model/global';\n\nconst initialState: StepsState = {\n\tformSubmitUrl: '',\n\tformSubmitError: '',\n\trequestedStepIndex: -1,\n\tactiveStepIndex: 0,\n\tformIsSubmitted: false,\n\tsteps: [],\n\tformSummary: {\n\t\tsteps: {\n\t\t\tMAIN_ENQUIRY: {},\n\t\t\tCUSTOMER_INFORMATION: {},\n\t\t\tRECEIVER_INFORMATION: {},\n\t\t\tAGENT_INFORMATION: {},\n\t\t\tFORM_SUMMARY: {},\n\t\t},\n\t\tinitialized: {\n\t\t\tMAIN_ENQUIRY: false,\n\t\t\tCUSTOMER_INFORMATION: false,\n\t\t\tRECEIVER_INFORMATION: false,\n\t\t\tAGENT_INFORMATION: false,\n\t\t\tFORM_SUMMARY: false,\n\t\t},\n\t\tvalidationErrors: {\n\t\t\tMAIN_ENQUIRY: {},\n\t\t\tCUSTOMER_INFORMATION: {},\n\t\t\tRECEIVER_INFORMATION: {},\n\t\t\tAGENT_INFORMATION: {},\n\t\t\tFORM_SUMMARY: {},\n\t\t},\n\t\tvalidatedSteps: {\n\t\t\tMAIN_ENQUIRY: false,\n\t\t\tCUSTOMER_INFORMATION: false,\n\t\t\tRECEIVER_INFORMATION: false,\n\t\t\tAGENT_INFORMATION: false,\n\t\t\tFORM_SUMMARY: false,\n\t\t},\n\t\tvalidatedStepsHTML5: {\n\t\t\tMAIN_ENQUIRY: false,\n\t\t\tCUSTOMER_INFORMATION: false,\n\t\t\tRECEIVER_INFORMATION: false,\n\t\t\tAGENT_INFORMATION: false,\n\t\t\tFORM_SUMMARY: false,\n\t\t},\n\t\tvalidatedSerialOrOrderNumber: false,\n\t},\n\tendScreen: {\n\t\theadline: {\n\t\t\ttext: '',\n\t\t},\n\t\ttext: '',\n\t\tbutton: {\n\t\t\thref: '',\n\t\t\ttitle: '',\n\t\t\ttext: '',\n\t\t\ttarget: '_self',\n\t\t},\n\t},\n};\nexport default initialState;\n","import { createSlice, PayloadAction } from '@reduxjs/toolkit';\nimport { OrganismServiceOrderBookingFormProps } from '../../../model/global';\n\nconst initialState: OrganismServiceOrderBookingFormProps['translations'] = {};\n\nconst translationsSlice = createSlice({\n\tname: 'translationsSlice',\n\tinitialState,\n\treducers: {\n\t\tinitTranslations(state, { payload }: PayloadAction<OrganismServiceOrderBookingFormProps['translations']>) {\n\t\t\t// state = payload\n\t\t\treturn payload;\n\t\t},\n\t},\n});\n\nexport const translationsActions = translationsSlice.actions;\nexport default translationsSlice.reducer;\n","import { configureStore, combineReducers } from '@reduxjs/toolkit';\nimport { validateStepApi } from './modules/services/validateStepApi/validateStepApi';\nimport stepsReducer from './modules/steps/reducer';\nimport translationsReducer from './modules/translations/reducer';\n\nconst rootReducer = combineReducers({\n\ttranslations: translationsReducer,\n\tsteps: stepsReducer,\n\t[validateStepApi.reducerPath]: validateStepApi.reducer,\n});\n\n// export type RootState = typeof rootReducer;\nexport type RootState = ReturnType<typeof rootReducer>;\n\nconst store = configureStore({\n\treducer: rootReducer,\n\tmiddleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(validateStepApi.middleware),\n\tdevTools: process.env.NODE_ENV !== 'production',\n});\n\n// investigate: setupListeners\nexport default store;\n","export const SERVICE_BOOKING_FORM_DATA_ID = 'react-data-service-order-booking-form';\nexport const FORM_FIELD_ID_PREFIX = 'o-service-order-booking-form_';\nexport const CSS_FONT_SAIRA = 'Saira';\nexport const CSS_FONT_INTER = 'Inter';\n","import React, { forwardRef } from 'react';\nimport { Box, createStyles, withStyles, Theme, BoxProps } from '@material-ui/core';\nimport createNameSpacedComponent from 'global/react/utils/ts/createNamespacedComponent';\n\nconst GridContainer = withStyles((theme: Theme) => createStyles({}))((props: BoxProps) => (\n\t<Box className={'o-service-order-booking-form-grid-container'} {...props} />\n));\nconst SidebarArea = (props: BoxProps) => <Box className={'o-service-order-booking-form-sidebar'} {...props} />;\nconst Content = forwardRef((props: BoxProps & { ref: React.MutableRefObject<HTMLElement | undefined> }, ref) => (\n\t<Box className={'o-service-order-booking-form-content'} {...props} />\n));\nexport default createNameSpacedComponent(GridContainer, { SidebarArea, Content });\n","import { createSelector } from '@reduxjs/toolkit';\nimport { RootState } from '../..';\n\nconst getSteps = (state: RootState) => state.steps;\nconst activeStepIndex = (state: RootState) => state.steps.activeStepIndex;\nconst getCurrentStep = (state: RootState) => {\n\treturn state.steps.steps.length > 0 ? state.steps.steps[state.steps.activeStepIndex] : undefined;\n};\n\nconst getReceiverInformationStep = (state: RootState) => {\n\treturn state.steps.steps.find((element) => element.stepTemplate === 'CUSTOMER_INFORMATION');\n};\nconst getFormSummary = (state: RootState) => {\n\treturn state.steps.formSummary;\n};\n\nconst getTotalSteps = (state: RootState) => {\n\treturn state.steps.steps.length;\n};\n\nconst getEndScreen = (state: RootState) => {\n\treturn state.steps.endScreen;\n};\n\nconst getFormSubmissionError = (state: RootState) => {\n\treturn state.steps.formSubmitError;\n};\n\n// SELECTORS\nexport const stepsSelector = createSelector(getSteps, (steps) => steps);\n\nexport const activeStepIndexSelector = createSelector(activeStepIndex, (active) => active);\n\n/** Gets the current step data, based on the active step index */\nexport const currentStepSelector = createSelector(getCurrentStep, (step) => step);\nexport const receiverInformationStepSelector = createSelector(getReceiverInformationStep, (step) => step);\n/** Get the total number of steps in the stepper */\nexport const totalStepsSelector = createSelector(getTotalSteps, (total) => total);\n\nexport const formSummarySelector = createSelector(getFormSummary, (summary) => summary);\n\nexport const endScreenSelector = createSelector(getEndScreen, (data) => data);\n\nexport const formSubmitErrorSelector = createSelector(getFormSubmissionError, (message) => message);\n\n/** Gets a specific form field in the store */\n// export const formSummaryField = createSelector(\n// \tgetFormSummaryField,\n//     field => field,\n// \t(state: any, props: any) => {\n// \t\treturn state\n// \t},\n// )\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { stepsActions } from '../../store/modules/steps/reducer';\nimport { stepsSelector } from '../../store/modules/steps/selectors';\nimport IconRenderer from 'global/react-mui/atoms/IconRenderer';\n\nconst Sidebar: React.FC<Record<string, unknown>> = () => {\n\tconst dispatch = useDispatch();\n\tconst { steps, activeStepIndex } = useSelector(stepsSelector);\n\tconst jumpToStep = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>, stepIndex: number): void => {\n\t\te && e.preventDefault();\n\t\tif (stepIndex < activeStepIndex) dispatch(stepsActions.setRequestedStep(stepIndex));\n\t};\n\n\treturn (\n\t\t<ul>\n\t\t\t{steps?.map((step, stepIndex) => {\n\t\t\t\tconst activeLi = stepIndex === activeStepIndex ? 'uk-active' : '';\n\t\t\t\tconst activeBadge =\n\t\t\t\t\tstepIndex < activeStepIndex\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tclassName: 'badge-success',\n\t\t\t\t\t\t\t\tcontent: (\n\t\t\t\t\t\t\t\t\t<IconRenderer\n\t\t\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\t\t\ticon: 'check',\n\t\t\t\t\t\t\t\t\t\t\tshape: 'circle',\n\t\t\t\t\t\t\t\t\t\t\tsize: 18,\n\t\t\t\t\t\t\t\t\t\t\tcolor: '#fff',\n\t\t\t\t\t\t\t\t\t\t\tviewbox: '2 2 18 18',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {\n\t\t\t\t\t\t\t\tclassName: '',\n\t\t\t\t\t\t\t\tcontent: stepIndex + 1,\n\t\t\t\t\t\t  };\n\n\t\t\t\treturn (\n\t\t\t\t\t<li key={step.stepName} className={`${activeLi}`}>\n\t\t\t\t\t\t<button {...{ type: 'button', className: 'list-btn', onClick: (e) => jumpToStep(e, stepIndex) }}>\n\t\t\t\t\t\t\t<span className={`uk-badge badge ${activeBadge?.className}`}>{activeBadge?.content}</span>\n\t\t\t\t\t\t\t{step.stepTitle}\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t})}\n\t\t</ul>\n\t);\n};\n\nexport default Sidebar;\n","import React, { memo } from 'react';\nimport { FormStep } from '../../../model/global';\n\ninterface Props {\n\tcurrentStep: number;\n\ttotalSteps: number;\n\tstep: Pick<FormStep, 'stepTitle' | 'stepInfo'>;\n}\n\nconst FormStepTitle: React.FC<Props> = (props) => {\n\tconst { currentStep, totalSteps, step } = props;\n\n\tconst stepIndicator: {\n\t\tfractionTop: string;\n\t\tfractionBottom: string;\n\t} = {\n\t\tfractionTop: (currentStep + 1).toString().padStart(2, '0'),\n\t\tfractionBottom: totalSteps.toString().padStart(2, '0'),\n\t};\n\n\tconst ukPosition = step?.stepInfo?.helpButton ? 'uk-flex-bottom' : 'uk-flex-middle';\n\tconst stepInfoClassName =\n\t\t'a-button m-formstep-step-title__more-info uk-visible@l uk-button uk-flex-inline uk-flex-middle uk-text-center uk-button-ghost has-icon has-no-text extra-info';\n\n\treturn (\n\t\t<div className={`title-section ${ukPosition}`}>\n\t\t\t<div className={'headline'}>\n\t\t\t\t{step?.stepTitle && <h2 className={'title'}>{step?.stepTitle}</h2>}\n\t\t\t\t{(step?.stepInfo?.copy !== '' || step?.stepInfo?.helpButton !== null) && (\n\t\t\t\t\t<div className=\"uk-flex\">\n\t\t\t\t\t\t{step?.stepInfo?.copy && <div className={'copy'}>{step.stepInfo.copy}</div>}\n\n\t\t\t\t\t\t{step?.stepInfo?.helpButton && (\n\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\tclassName={stepInfoClassName}\n\t\t\t\t\t\t\t\tdata-controller=\"ControllerButton\"\n\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\ttarget=\"_self\"\n\t\t\t\t\t\t\t\ttitle={step?.stepInfo?.helpButton?.title ? step?.stepInfo?.helpButton?.title : ''}>\n\t\t\t\t\t\t\t\t<span className=\"a-button__icon-wrapper uk-icon\" data-uk-icon={step?.stepInfo?.helpButton?.icon}></span>\n\t\t\t\t\t\t\t\t<div className=\"a-button__extraInfo\">{step?.stepInfo?.helpButton?.title}</div>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{stepIndicator?.fractionTop && stepIndicator?.fractionBottom && (\n\t\t\t\t<div className={'step'}>\n\t\t\t\t\t<strong>{stepIndicator.fractionTop}</strong>/{stepIndicator.fractionBottom}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nexport default memo(FormStepTitle);\n","import { FORM_FIELD_ID_PREFIX } from '../constants';\nimport { FormControlType, FormStep, StepsState } from '../model/global';\nimport { v4 as uuidv4 } from 'uuid';\nimport { CustomFormFieldState } from './FormControls/CustomFormField/CustomFormField';\n\n/** Gets a form control by ID from an array of controls for a step */\nexport const getFormStepField = (fieldname: string, steps: FormControlType[]): FormControlType | undefined => {\n\tif (!Array.isArray(steps)) return undefined;\n\treturn steps.find((step) => step.id === fieldname);\n};\n\n/** Extracts a form control from the JSON data by ID and determines its initial state */\nexport const getFormControlInitialState = (fieldId: string, steps: FormControlType[]): CustomFormFieldState | undefined => {\n\tif (!Array.isArray(steps)) return undefined;\n\tconst control = steps.find((step) => step.id === fieldId);\n\tif (!control) return undefined;\n\tconst invalid = (control.value === '' || control.value === undefined) && control.required === true;\n\treturn {\n\t\tname: control.name as string,\n\t\tvalue: control.value,\n\t\toriginalField: control,\n\t\trequired: !!control.required,\n\t\tvalid: !invalid,\n\t\tinvalidReason: '',\n\t};\n};\n\n/** Return a specific summary field from one of the step summaries */\nexport const getFormSummaryField = (\n\tsummary: StepsState['formSummary'],\n\tstepTemplate: FormStep['stepTemplate'],\n\tcontrolName: FormControlType['name'],\n): CustomFormFieldState | undefined => {\n\tif (!controlName) return undefined;\n\tconst item = summary.steps[stepTemplate][controlName] ? summary.steps[stepTemplate][controlName] : undefined;\n\treturn item;\n};\n\nexport const getPrefixedFieldId = (id: string | undefined): string => {\n\tif (!id) return FORM_FIELD_ID_PREFIX + uuidv4();\n\tconst newId = id.replace(' ', '-');\n\treturn `${FORM_FIELD_ID_PREFIX}_${newId}`;\n};\n","import { createSelector } from '@reduxjs/toolkit';\nimport { RootState } from '../..';\n\nconst getTranslations = (state: RootState) => state.translations;\n\nexport const translationsSelector = createSelector(getTranslations, (translations) => translations);\n","import { makeStyles } from '@material-ui/core';\nimport { colors } from 'global/react-mui/theme/colors';\n\nconst useStyles = makeStyles((theme) => ({\n\tformControl: {\n\t\t// margin: theme.spacing(1),\n\t\tmargin: 0,\n\t\tminWidth: 120,\n\t},\n\tformControlFull: {\n\t\tminWidth: '100%',\n\t},\n\tselectEmpty: {\n\t\tmarginTop: theme.spacing(2),\n\t},\n\tlabel: {\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\tcolor: colors['text-grey'],\n\t\t},\n\t},\n\tselect: {\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\t'&::before': {\n\t\t\t\tborderColor: colors['text-grey'],\n\t\t\t},\n\t\t\t'&:hover::before': {\n\t\t\t\tborderColor: 'rgba(255, 255, 255, 1) !important',\n\t\t\t},\n\t\t\t'& svg': {\n\t\t\t\tcolor: '#d3dbe8',\n\t\t\t},\n\t\t\tcolor: '#d3dbe8',\n\t\t},\n\t},\n\tvalidationWrapper: {\n\t\tpadding: 12,\n\t\tcolor: colors['wolf-red'],\n\t},\n}));\n\nexport default useStyles;\n","import React, { memo } from 'react';\nimport { FormControl, FormHelperText, InputLabel, Select } from '@material-ui/core';\nimport { CustomFormControlProps, CustomSelectType, CustomSelectTypeOptions } from '../../../model/global';\nimport { CustomFormFieldState } from '../CustomFormField/CustomFormField';\nimport { useSelector } from 'react-redux';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\nimport { getPrefixedFieldId } from '../../utils';\nimport useStyles from './styles';\n\nconst SelectBox: React.FC<CustomFormControlProps> = ({ field, onChange, fullWidth, validationError }): JSX.Element => {\n\tconst classes = useStyles();\n\tconst { formRequiredField } = useSelector(translationsSelector);\n\tconst [validationMessageState, setValidationMessageState] = React.useState('');\n\n\tconst handleChange = (event: React.ChangeEvent<any>) => {\n\t\tconst {\n\t\t\tname,\n\t\t\tvalue,\n\t\t\trequired,\n\t\t\tvalidity: { valid },\n\t\t} = event.target as HTMLSelectElement;\n\t\tif (!valid) setValidationMessageState(formRequiredField || 'This field is required');\n\t\telse setValidationMessageState('');\n\n\t\tconst change: CustomFormFieldState = {\n\t\t\tname,\n\t\t\tvalue,\n\t\t\trequired,\n\t\t\tvalid,\n\t\t\tinvalidReason: field.invalidReason || '',\n\t\t\toriginalField: field.originalField,\n\t\t};\n\n\t\t// support for having options which are not the original field options!\n\t\tif (field.options) change['options'] = field.options;\n\t\tonChange(change);\n\t};\n\n\tconst renderOption = (option: CustomSelectType['options'][0], key: number): JSX.Element => {\n\t\treturn (\n\t\t\t<option key={key} value={option.value}>\n\t\t\t\t{option.label}\n\t\t\t</option>\n\t\t);\n\t};\n\tconst renderGroup = (group: CustomSelectTypeOptions, key: number): JSX.Element => {\n\t\treturn (\n\t\t\t<optgroup label={group.label} key={`${group.value}_${key}`}>\n\t\t\t\t{group.options ? group.options.map((option, idx) => renderOption(option, idx)) : null}\n\t\t\t</optgroup>\n\t\t);\n\t};\n\n\t/** Support for external field validation messages */\n\tconst getHelperText = (): string => validationError || validationMessageState || '';\n\n\tconst renderControlOptions = (field: CustomFormFieldState): JSX.Element => {\n\t\tconst selectControl = field.originalField as CustomSelectType;\n\t\tconst hasCustomOptions = field.options && field.options.length > 0;\n\t\tconst isGroup = selectControl.optionsGroup && selectControl.optionsGroup.length > 0;\n\t\tconst hasOriginalOptions = selectControl.options && selectControl.options.length > 0;\n\n\t\tswitch (true) {\n\t\t\tcase isGroup: {\n\t\t\t\treturn (\n\t\t\t\t\t(field.originalField as CustomSelectType).optionsGroup &&\n\t\t\t\t\t(field.originalField as any).optionsGroup.map((group, idx) => {\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treturn renderGroup(group, idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\t\t\tcase hasCustomOptions: {\n\t\t\t\treturn (\n\t\t\t\t\t(field.options as any) &&\n\t\t\t\t\t(field.options as any).map((option, idx) => {\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treturn renderOption(option, idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\t\t\tcase hasOriginalOptions: {\n\t\t\t\treturn (\n\t\t\t\t\t(selectControl.options as any) &&\n\t\t\t\t\t(selectControl.options as any).map((option, idx) => {\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\treturn renderOption(option, idx);\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t);\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <></>;\n\t};\n\n\t// setup an ID for the label htmlFor\n\tconst controlId = getPrefixedFieldId(field.originalField.id || field.originalField.name);\n\tconst controlClasses: string[] = [classes.formControl];\n\n\treturn (\n\t\t<FormControl className={controlClasses.join(' ')} required={!!field.required} fullWidth={!!fullWidth}>\n\t\t\t<InputLabel className={classes.label} htmlFor={controlId} shrink={true}>\n\t\t\t\t{field.originalField.title}\n\t\t\t</InputLabel>\n\t\t\t<Select\n\t\t\t\tnative\n\t\t\t\tvalue={field.value}\n\t\t\t\tclassName={classes.select}\n\t\t\t\tfullWidth={fullWidth}\n\t\t\t\tname={field.name}\n\t\t\t\tid={controlId}\n\t\t\t\tonChange={(e) => handleChange(e)}\n\t\t\t\tinputProps={{\n\t\t\t\t\tname: field.name,\n\t\t\t\t\tid: controlId,\n\t\t\t\t}}>\n\t\t\t\t{renderControlOptions(field)}\n\t\t\t</Select>\n\t\t\t<FormHelperText className={classes.validationWrapper}>{getHelperText()}</FormHelperText>\n\t\t</FormControl>\n\t);\n};\n\nexport default memo(SelectBox);\n","import { makeStyles } from '@material-ui/core';\nimport { colors } from 'global/react-mui/theme/colors';\n\nconst useStyles = makeStyles((theme) => ({\n\tformControl: {},\n\tinputText: {\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\t'& label': {\n\t\t\t\tcolor: colors['text-grey'],\n\t\t\t},\n\n\t\t\t'& input': {\n\t\t\t\tcolor: '#d3dbe8',\n\t\t\t\t'&::before': {\n\t\t\t\t\tborderColor: colors['text-grey'],\n\t\t\t\t},\n\t\t\t\t'&:hover::before': {\n\t\t\t\t\tborderColor: 'rgba(255, 255, 255, 1) !important',\n\t\t\t\t},\n\t\t\t},\n\t\t\t'& fieldset': {\n\t\t\t\tborderColor: colors['text-grey'],\n\t\t\t},\n\t\t\t'&:hover fieldset': {\n\t\t\t\tborderColor: 'rgba(255, 255, 255, 1) !important',\n\t\t\t},\n\t\t},\n\t},\n\tvalidationWrapper: {\n\t\tpadding: '10px 0',\n\t\tcolor: `${colors['wolf-red']} !important`,\n\t},\n}));\n\nexport default useStyles;\n","import React, { memo } from 'react';\nimport { TextField } from '@material-ui/core';\nimport { CustomFormControlProps, CustomInputType, CustomTextareaType } from '../../../model/global';\nimport { getPrefixedFieldId } from '../../utils';\nimport { useSelector } from 'react-redux';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\nimport useStyles from './styles';\n\nconst InputBox: React.FC<CustomFormControlProps> = (props): JSX.Element => {\n\tconst { field, onChange, fullWidth, validationError } = props;\n\tconst classes = useStyles();\n\tconst { formRequiredField } = useSelector(translationsSelector);\n\tconst [validationMessageState, setValidationMessageState] = React.useState('');\n\n\tconst handleTextFieldChange = (\n\t\tevent: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n\t\t_field: CustomInputType | CustomTextareaType,\n\t): void => {\n\t\tconst {\n\t\t\tname,\n\t\t\tvalue,\n\t\t\trequired,\n\t\t\tvalidity: { valid },\n\t\t} = event.target;\n\t\tif (!valid) setValidationMessageState(formRequiredField || 'This field is required');\n\t\telse setValidationMessageState('');\n\t\tonChange({ name, value, required, valid, invalidReason: field.invalidReason || '', originalField: _field });\n\t};\n\n\t/** Support for external field validation messages */\n\tconst getHelperText = (): string => validationError || validationMessageState || '';\n\n\tconst controlId = getPrefixedFieldId(field.originalField.id || field.originalField.name);\n\n\tconst handleMaxDate = (): string => {\n\t\tif (field.name == 'first_possible_maintenance') return '9999-01-01';\n\n\t\tconst date = new Date();\n\t\treturn date.toISOString().substr(0, 10);\n\t};\n\n\treturn (\n\t\t<TextField\n\t\t\tlabel={field.originalField?.title || ''}\n\t\t\tclassName={classes.inputText}\n\t\t\tvariant=\"standard\"\n\t\t\tfullWidth={!!fullWidth === false}\n\t\t\tname={field.name}\n\t\t\tid={controlId}\n\t\t\tmargin={'none'}\n\t\t\ttype={field.originalField?.fieldType || 'text'}\n\t\t\tstyle={{\n\t\t\t\tmarginLeft: 0,\n\t\t\t\tmarginRight: 0,\n\t\t\t}}\n\t\t\tInputLabelProps={{\n\t\t\t\tshrink: true,\n\t\t\t}}\n\t\t\tInputProps={{ inputProps: { max: handleMaxDate() } }}\n\t\t\tvalue={field.value}\n\t\t\thelperText={getHelperText()}\n\t\t\terror={getHelperText() !== ''}\n\t\t\tFormHelperTextProps={{\n\t\t\t\tclassName: classes.validationWrapper,\n\t\t\t}}\n\t\t\trequired={field.required}\n\t\t\tonChange={(e) => handleTextFieldChange(e, field.originalField as CustomInputType)}\n\t\t\t// support for text areas\n\t\t\tmultiline={field.originalField?.fieldType === 'textarea'}\n\t\t\tminRows={field.originalField?.fieldType === 'textarea' ? (field.originalField as CustomTextareaType).minRows || 5 : 1}\n\t\t\tmaxRows={field.originalField?.fieldType === 'textarea' ? (field.originalField as CustomTextareaType).maxRows || 8 : 1}\n\t\t/>\n\t);\n};\n\nexport default memo(InputBox);\n","import { makeStyles } from '@material-ui/core';\nimport { colors } from 'global/react-mui/theme/colors';\n\nconst useStyles = makeStyles((theme) => ({\n\tlabelWrapper: {\n\t\t'& > *:first-child': {\n\t\t\tmarginTop: 0,\n\t\t\tmarginBottom: 0,\n\t\t},\n\t\t'& > * + *': {\n\t\t\tmarginTop: 16,\n\t\t\tmarginBottom: 0,\n\t\t},\n\t\t'& a': {\n\t\t\t// colors usually come from uk-link so add styles\n\t\t\tcolor: colors['wolf-red'],\n\t\t},\n\t},\n\tlabel: {\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\t'& span': {\n\t\t\t\tcolor: colors['text-grey'],\n\t\t\t\tfontSize: 14,\n\t\t\t},\n\t\t},\n\t},\n\tcheckbox: {\n\t\t[theme.breakpoints.down('md')]: {\n\t\t\t'& svg': {\n\t\t\t\tfill: colors['text-grey'],\n\t\t\t},\n\t\t},\n\t},\n\tvalidationWrapper: {\n\t\tpadding: 12,\n\t\tcolor: colors['wolf-red'],\n\t},\n}));\n\nexport default useStyles;\n","import React, { memo } from 'react';\nimport { Checkbox, FormControlLabel, FormHelperText } from '@material-ui/core';\nimport { CustomInputType } from '../../../model/global';\nimport { getPrefixedFieldId } from '../../utils';\nimport { CustomFormFieldState } from '../CustomFormField/CustomFormField';\nimport { useSelector } from 'react-redux';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\nimport useStyles from './styles';\n\ninterface Props {\n\tfield: CustomFormFieldState;\n\tonChange: (event: CustomFormFieldState) => void;\n\tvalidationError: string;\n}\nconst CheckBox: React.FC<Props> = (props): JSX.Element => {\n\tconst { field, validationError, onChange } = props;\n\tconst classes = useStyles();\n\tconst { formRequiredField } = useSelector(translationsSelector);\n\tconst [validationMessageState, setValidationMessageState] = React.useState('');\n\n\tconst handleCheckboxChange = (event: React.ChangeEvent<HTMLInputElement>, _field: CustomInputType): void => {\n\t\tconst {\n\t\t\tname,\n\t\t\tvalue,\n\t\t\trequired,\n\t\t\tvalidity: { valid },\n\t\t\tchecked,\n\t\t} = event.target;\n\n\t\tif (valid) setValidationMessageState('');\n\t\telse setValidationMessageState(formRequiredField);\n\n\t\tonChange({\n\t\t\tname,\n\t\t\tvalue,\n\t\t\toriginalField: _field,\n\t\t\tvalid,\n\t\t\tinvalidReason: formRequiredField,\n\t\t\tchecked: checked,\n\t\t\trequired,\n\t\t});\n\t};\n\n\t/** Support for external field validation messages */\n\tconst getHelperText = (): string => validationError || validationMessageState || '';\n\tconst controlId = getPrefixedFieldId(field.originalField.id || field.originalField.name);\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<FormControlLabel\n\t\t\t\tclassName={classes.label}\n\t\t\t\tcontrol={\n\t\t\t\t\t<Checkbox\n\t\t\t\t\t\tchecked={!!field.checked}\n\t\t\t\t\t\tclassName={classes.checkbox}\n\t\t\t\t\t\tonChange={(e) => handleCheckboxChange(e, field.originalField as CustomInputType)}\n\t\t\t\t\t\tname={field.name}\n\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\tcolor=\"primary\"\n\t\t\t\t\t\tvalue={field.value}\n\t\t\t\t\t\trequired={field.required}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tlabel={<div className={classes.labelWrapper} dangerouslySetInnerHTML={{ __html: field.originalField.title || '' }} />}\n\t\t\t/>\n\t\t\t<FormHelperText className={classes.validationWrapper}>{getHelperText()}</FormHelperText>\n\t\t</React.Fragment>\n\t);\n};\n\nexport default memo(CheckBox);\n","import React, { memo } from 'react';\nimport { Box } from '@material-ui/core';\nimport { FormControlType } from '../../../model/global';\nimport SelectBox from '../SelectBox';\nimport InputBox from '../InputBox';\nimport CheckBox from '../CheckBox';\n\nexport interface CustomFormFieldState<V = any> {\n\tname: string;\n\tvalue: V;\n\trequired: boolean;\n\tvalid: boolean;\n\tinvalidReason: string;\n\t// dirty: boolean;\n\tchecked?: boolean;\n\toptions?: any[];\n\toriginalField: FormControlType;\n}\n\ninterface Props {\n\tfield: CustomFormFieldState;\n\tonFieldChange: (event: CustomFormFieldState) => void;\n\tfieldErrors: Record<string, string>;\n\tcustomStyle?: any;\n}\n\nconst CustomFormField: React.FC<Props> = (props) => {\n\tconst { field, fieldErrors, onFieldChange, customStyle } = props;\n\n\t// extract field error for this field, if exists\n\tconst fieldError = fieldErrors[field.name] || '';\n\tconst renderFormField = (field: CustomFormFieldState): JSX.Element | undefined => {\n\t\tswitch (field.originalField.fieldType) {\n\t\t\tcase 'textarea':\n\t\t\tcase 'text':\n\t\t\tcase 'date':\n\t\t\tcase 'email': {\n\t\t\t\treturn <InputBox field={field} onChange={onFieldChange} validationError={fieldError} />;\n\t\t\t}\n\t\t\tcase 'checkbox': {\n\t\t\t\treturn <CheckBox field={field} onChange={onFieldChange} validationError={fieldError} />;\n\t\t\t}\n\t\t\tcase 'select': {\n\t\t\t\treturn <SelectBox field={field} onChange={onFieldChange} fullWidth={true} validationError={fieldError} />;\n\t\t\t}\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst respWidthDefault = field.originalField.responsiveWidth?.default || '';\n\tconst respWidthDesktop = field.originalField.responsiveWidth?.desktop || '';\n\n\tconst customClasses: string = [\n\t\trespWidthDefault ? 'uk-width-' + respWidthDefault : '',\n\t\trespWidthDesktop ? 'uk-width-' + respWidthDesktop + '@s' : '',\n\t]\n\t\t.filter((c) => c)\n\t\t.join(' ');\n\n\treturn (\n\t\t<Box className={customClasses} margin={0} sx={{ marginTop: 36 }} style={customStyle}>\n\t\t\t{renderFormField(field) || null}\n\t\t</Box>\n\t);\n};\n\nexport default memo(CustomFormField);\n","import React, { memo, useEffect, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Accordion, AccordionActions, AccordionDetails, AccordionSummary, Box, Typography, Divider } from '@material-ui/core';\nimport { currentStepSelector, formSummarySelector } from '../../../store/modules/steps/selectors';\nimport { CustomSelectType, CustomSelectTypeOptions, FormStep, FormStepProps, StepsState } from '../../../model/global';\nimport { getFormControlInitialState, getFormSummaryField } from '../../utils';\nimport { validateSerialOrOrderNumber } from '../../../store/modules/steps/thunks';\nimport { CustomFormFieldState } from '../../FormControls/CustomFormField/CustomFormField';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\nimport { specialUseCaseFields } from '../../../../mocks/utils';\nimport { AccordionArrayAction } from '../../../../../o-heating-form/react/model/global';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\nimport CustomFormField from '../../FormControls/CustomFormField';\nimport Button from 'global/react-mui/atoms/Button';\n\nconst MainEnquiry: React.FC<FormStepProps> = ({ onStepControlsChange, data: { stepTemplate } }) => {\n\tconst dispatch = useDispatch();\n\tconst step = useSelector(currentStepSelector) as FormStep<'main'>;\n\tconst {\n\t\taddProductButtonText,\n\t\tremoveProductButtonText,\n\t\tvalidateSerialOrOrderNumberButtonText,\n\t\tsecondProduct,\n\t\tthirdProduct,\n\t\tfourthProduct,\n\t\tfifthProduct,\n\t} = useSelector(translationsSelector);\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\tconst productFieldsState = step.stepData.accordionArray;\n\tconst stepErrors = summary.validationErrors[step.stepTemplate];\n\tconst accordionFieldPadding = { paddingLeft: '10px' };\n\n\tconst fields: {\n\t\tenquiryTopic: CustomFormFieldState | undefined;\n\t\tfirstPossibleMaintenance: CustomFormFieldState | undefined;\n\n\t\tproductCategory: CustomFormFieldState | undefined;\n\t\tproductRelated: CustomFormFieldState | undefined;\n\t\tserialOrOrderNumber: CustomFormFieldState | undefined;\n\t\tinstallationYear: CustomFormFieldState | undefined;\n\t\tlastMaintenance: CustomFormFieldState | undefined;\n\n\t\tproductCategoryTwo: CustomFormFieldState | undefined;\n\t\tproductRelatedTwo: CustomFormFieldState | undefined;\n\t\tserialOrOrderNumberTwo: CustomFormFieldState | undefined;\n\t\tinstallationYearTwo: CustomFormFieldState | undefined;\n\t\tlastMaintenanceTwo: CustomFormFieldState | undefined;\n\n\t\tproductCategoryThree: CustomFormFieldState | undefined;\n\t\tproductRelatedThree: CustomFormFieldState | undefined;\n\t\tserialOrOrderNumberThree: CustomFormFieldState | undefined;\n\t\tinstallationYearThree: CustomFormFieldState | undefined;\n\t\tlastMaintenanceThree: CustomFormFieldState | undefined;\n\n\t\tproductCategoryFour: CustomFormFieldState | undefined;\n\t\tproductRelatedFour: CustomFormFieldState | undefined;\n\t\tserialOrOrderNumberFour: CustomFormFieldState | undefined;\n\t\tinstallationYearFour: CustomFormFieldState | undefined;\n\t\tlastMaintenanceFour: CustomFormFieldState | undefined;\n\n\t\tproductCategoryFive: CustomFormFieldState | undefined;\n\t\tproductRelatedFive: CustomFormFieldState | undefined;\n\t\tserialOrOrderNumberFive: CustomFormFieldState | undefined;\n\t\tinstallationYearFive: CustomFormFieldState | undefined;\n\t\tlastMaintenanceFive: CustomFormFieldState | undefined;\n\t} = useMemo(() => {\n\t\treturn {\n\t\t\tenquiryTopic: getFormControlInitialState('enquiry_topic', step.stepData.fields.main),\n\n\t\t\tfirstPossibleMaintenance: getFormControlInitialState('first_possible_maintenance', step.stepData.fields.main),\n\n\t\t\tproductCategory: getFormControlInitialState('product_category_1', step.stepData.fields.main),\n\t\t\tserialOrOrderNumber: getFormControlInitialState('serial_or_order_number_1', step.stepData.fields.main),\n\t\t\tinstallationYear: getFormControlInitialState('installation_year_1', step.stepData.fields.main),\n\t\t\tproductRelated: getFormControlInitialState('product_related_1', step.stepData.fields.main),\n\t\t\tlastMaintenance: getFormControlInitialState('last_maintenance_1', step.stepData.fields.main),\n\n\t\t\tproductCategoryTwo: getFormControlInitialState('product_category_2', step.stepData.fields.main),\n\t\t\tserialOrOrderNumberTwo: getFormControlInitialState('serial_or_order_number_2', step.stepData.fields.main),\n\t\t\tinstallationYearTwo: getFormControlInitialState('installation_year_2', step.stepData.fields.main),\n\t\t\tproductRelatedTwo: getFormControlInitialState('product_related_2', step.stepData.fields.main),\n\t\t\tlastMaintenanceTwo: getFormControlInitialState('last_maintenance_2', step.stepData.fields.main),\n\n\t\t\tproductCategoryThree: getFormControlInitialState('product_category_3', step.stepData.fields.main),\n\t\t\tserialOrOrderNumberThree: getFormControlInitialState('serial_or_order_number_3', step.stepData.fields.main),\n\t\t\tinstallationYearThree: getFormControlInitialState('installation_year_3', step.stepData.fields.main),\n\t\t\tproductRelatedThree: getFormControlInitialState('product_related_3', step.stepData.fields.main),\n\t\t\tlastMaintenanceThree: getFormControlInitialState('last_maintenance_3', step.stepData.fields.main),\n\n\t\t\tproductCategoryFour: getFormControlInitialState('product_category_4', step.stepData.fields.main),\n\t\t\tproductRelatedFour: getFormControlInitialState('product_related_4', step.stepData.fields.main),\n\t\t\tserialOrOrderNumberFour: getFormControlInitialState('serial_or_order_number_4', step.stepData.fields.main),\n\t\t\tinstallationYearFour: getFormControlInitialState('installation_year_4', step.stepData.fields.main),\n\t\t\tlastMaintenanceFour: getFormControlInitialState('last_maintenance_4', step.stepData.fields.main),\n\n\t\t\tproductCategoryFive: getFormControlInitialState('product_category_5', step.stepData.fields.main),\n\t\t\tproductRelatedFive: getFormControlInitialState('product_related_5', step.stepData.fields.main),\n\t\t\tserialOrOrderNumberFive: getFormControlInitialState('serial_or_order_number_5', step.stepData.fields.main),\n\t\t\tinstallationYearFive: getFormControlInitialState('installation_year_5', step.stepData.fields.main),\n\t\t\tlastMaintenanceFive: getFormControlInitialState('last_maintenance_5', step.stepData.fields.main),\n\t\t};\n\t}, [step.stepData.fields.main]);\n\n\t// initialise the step data once\n\tuseEffect(() => {\n\t\t// don't re-init fields\n\t\tif (summary.initialized[stepTemplate]) return;\n\n\t\tconst initialData: Record<string, CustomFormFieldState> = {};\n\n\t\t// fill in state with initial field values and validity\n\t\tfor (const [key, element] of Object.entries(fields)) {\n\t\t\tif (!element || !element.name) continue;\n\n\t\t\tconst isNameInSpecialUseCaseArray = specialUseCaseFields.includes(element.name);\n\t\t\tconst invalid = element.value === '' && element.required;\n\n\t\t\tinitialData[element.name] = {\n\t\t\t\tname: element.name as string,\n\t\t\t\toriginalField: element.originalField,\n\t\t\t\tvalue: element.value,\n\t\t\t\trequired: isNameInSpecialUseCaseArray ? false : element.required,\n\t\t\t\tvalid: isNameInSpecialUseCaseArray ? true : !invalid,\n\t\t\t\tinvalidReason: element.invalidReason || '',\n\t\t\t};\n\t\t}\n\n\t\tdispatch(\n\t\t\tstepsActions.initializeStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: initialData,\n\t\t\t\tinitialize: true,\n\t\t\t}),\n\t\t);\n\t}, [dispatch, fields, stepTemplate, summary.initialized]); // eslint-disable-line\n\n\tconst fieldChangeHandler = (event): void => {\n\t\tif (event?.name?.indexOf('serial_or_order_number_') === 0) {\n\t\t\tconst isValidNumber = [16, 18, 24].includes(event.value?.length); //FE VALIDATION\n\t\t\tevent.valid = isValidNumber;\n\t\t\tif (summary.validatedSerialOrOrderNumber && isValidNumber) dispatch(validateSerialOrOrderNumber());\n\t\t}\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: event,\n\t\t\t}),\n\t\t);\n\t};\n\n\tconst categoryChangeHandler = (selectField: CustomFormFieldState): void => {\n\t\tconst field = selectField.originalField as CustomSelectType;\n\t\tlet productRelatedName: string;\n\t\tswitch (field.name) {\n\t\t\tcase 'product_category_2':\n\t\t\t\tproductRelatedName = 'product_related_2';\n\t\t\t\tbreak;\n\t\t\tcase 'product_category_3':\n\t\t\t\tproductRelatedName = 'product_related_3';\n\t\t\t\tbreak;\n\t\t\tcase 'product_category_4':\n\t\t\t\tproductRelatedName = 'product_related_4';\n\t\t\t\tbreak;\n\t\t\tcase 'product_category_5':\n\t\t\t\tproductRelatedName = 'product_related_5';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tproductRelatedName = 'product_related_1';\n\t\t}\n\t\tconst groupItem = field.optionsGroup\n\t\t\t?.map((o) => o.options)\n\t\t\t?.find((g) => {\n\t\t\t\tif (!g) return undefined;\n\t\t\t\tconst exists = g.findIndex((o) => o.value === selectField.value);\n\t\t\t\treturn exists > -1 ? g[exists] : undefined;\n\t\t\t});\n\n\t\tconst optionItems: CustomSelectTypeOptions[] | undefined = groupItem && groupItem.filter((g) => g.value === selectField.value);\n\t\tif (!optionItems) return;\n\n\t\t// handle required state for serial and order numbers\n\n\t\t// get controls from redux\n\t\tconst relatedProductField = getFormSummaryField(summary, step.stepTemplate, productRelatedName);\n\n\t\t// make a copy as redux values are readonly\n\t\tconst newRelatedProductField = JSON.parse(JSON.stringify(relatedProductField)) as CustomFormFieldState;\n\t\tif (!relatedProductField) return;\n\n\t\t// build the list of options for the related product dropdown\n\t\tconst relatedProductOptions = field.options.filter((o) => o.groupParent === selectField.value);\n\n\t\tnewRelatedProductField.options = relatedProductOptions;\n\t\tnewRelatedProductField.value = relatedProductOptions.length > 0 ? relatedProductOptions[0].value : ''; // set the value to the first item\n\t\tnewRelatedProductField.valid = newRelatedProductField.value !== ''; // update validity\n\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: [selectField, newRelatedProductField],\n\t\t\t}),\n\t\t);\n\t};\n\n\tif (!step) return null;\n\n\tconst sumStepTemp = (item: string) => summary.steps[stepTemplate][item];\n\n\tconst enquiryTopic = sumStepTemp('enquiry_topic') ? sumStepTemp('enquiry_topic') : undefined;\n\tconst firstPossibleMaintenance = sumStepTemp('first_possible_maintenance') ? sumStepTemp('first_possible_maintenance') : undefined;\n\n\tconst productCategory = sumStepTemp('product_category_1') ? sumStepTemp('product_category_1') : undefined;\n\tconst serialOrOrderNumber = sumStepTemp('serial_or_order_number_1') ? sumStepTemp('serial_or_order_number_1') : undefined;\n\tconst installationYear = sumStepTemp('installation_year_1') ? sumStepTemp('installation_year_1') : undefined;\n\tconst productRelated = sumStepTemp('product_related_1') ? sumStepTemp('product_related_1') : undefined;\n\tconst lastMaintenance = sumStepTemp('last_maintenance_1') ? sumStepTemp('last_maintenance_1') : undefined;\n\n\tconst productCategoryTwo = sumStepTemp('product_category_2') ? sumStepTemp('product_category_2') : undefined;\n\tconst serialOrOrderNumberTwo = sumStepTemp('serial_or_order_number_2') ? sumStepTemp('serial_or_order_number_2') : undefined;\n\tconst installationYearTwo = sumStepTemp('installation_year_2') ? sumStepTemp('installation_year_2') : undefined;\n\tconst productRelatedTwo = sumStepTemp('product_related_2') ? sumStepTemp('product_related_2') : undefined;\n\tconst lastMaintenanceTwo = sumStepTemp('last_maintenance_2') ? sumStepTemp('last_maintenance_2') : undefined;\n\n\tconst productCategoryThree = sumStepTemp('product_category_3') ? sumStepTemp('product_category_3') : undefined;\n\tconst serialOrOrderNumberThree = sumStepTemp('serial_or_order_number_3') ? sumStepTemp('serial_or_order_number_3') : undefined;\n\tconst installationYearThree = sumStepTemp('installation_year_3') ? sumStepTemp('installation_year_3') : undefined;\n\tconst productRelatedThree = sumStepTemp('product_related_3') ? sumStepTemp('product_related_3') : undefined;\n\tconst lastMaintenanceThree = sumStepTemp('last_maintenance_3') ? sumStepTemp('last_maintenance_3') : undefined;\n\n\tconst productCategoryFour = sumStepTemp('product_category_4') ? sumStepTemp('product_category_4') : undefined;\n\tconst serialOrOrderNumberFour = sumStepTemp('serial_or_order_number_4') ? sumStepTemp('serial_or_order_number_4') : undefined;\n\tconst installationYearFour = sumStepTemp('installation_year_4') ? sumStepTemp('installation_year_4') : undefined;\n\tconst productRelatedFour = sumStepTemp('product_related_4') ? sumStepTemp('product_related_4') : undefined;\n\tconst lastMaintenanceFour = sumStepTemp('last_maintenance_4') ? sumStepTemp('last_maintenance_4') : undefined;\n\n\tconst productCategoryFive = sumStepTemp('product_category_5') ? sumStepTemp('product_category_5') : undefined;\n\tconst serialOrOrderNumberFive = sumStepTemp('serial_or_order_number_5') ? sumStepTemp('serial_or_order_number_5') : undefined;\n\tconst installationYearFive = sumStepTemp('installation_year_5') ? sumStepTemp('installation_year_5') : undefined;\n\tconst productRelatedFive = sumStepTemp('product_related_5') ? sumStepTemp('product_related_5') : undefined;\n\tconst lastMaintenanceFive = sumStepTemp('last_maintenance_5') ? sumStepTemp('last_maintenance_5') : undefined;\n\n\tconst attributeOBJ = (item: any, handler: any) => {\n\t\treturn {\n\t\t\tfield: item,\n\t\t\tfieldErrors: stepErrors,\n\t\t\tonFieldChange: (e: any) => handler(e),\n\t\t};\n\t};\n\n\tconst handleAddAnotherProduct = () => {\n\t\tconst productFieldsArrayCopy = [...productFieldsState!];\n\t\tlet fieldsArray: CustomFormFieldState[] = [];\n\t\tlet fieldArrayCopy: any = [];\n\n\t\tfor (let i = 0; i < productFieldsArrayCopy.length; i++) {\n\t\t\tif (productFieldsArrayCopy[i].added) {\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\t//close the previous product\n\t\t\tproductFieldsArrayCopy[i - 1] = { ...productFieldsArrayCopy[i - 1], added: true, opened: false };\n\t\t\t//open it\n\t\t\tproductFieldsArrayCopy[i] = { ...productFieldsArrayCopy[i], added: true, opened: true };\n\n\t\t\t//set required to true for all the fields, initially they are not required\n\t\t\tswitch (productFieldsArrayCopy[i].panel) {\n\t\t\t\tcase 1:\n\t\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t\t{ ...productCategoryTwo, valid: false, required: true },\n\t\t\t\t\t\t{ ...productRelatedTwo, valid: false, required: true },\n\t\t\t\t\t\t{ ...serialOrOrderNumberTwo, valid: false, required: true },\n\t\t\t\t\t\t{ ...installationYearTwo, valid: false, required: true },\n\t\t\t\t\t\t{ ...lastMaintenanceTwo, valid: true, required: false },\n\t\t\t\t\t];\n\t\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 2:\n\t\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t\t{ ...productCategoryThree, valid: false, required: true },\n\t\t\t\t\t\t{ ...productRelatedThree, valid: false, required: true },\n\t\t\t\t\t\t{ ...serialOrOrderNumberThree, valid: false, required: true },\n\t\t\t\t\t\t{ ...installationYearThree, valid: false, required: true },\n\t\t\t\t\t\t{ ...lastMaintenanceThree, valid: true, required: false },\n\t\t\t\t\t];\n\t\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 3:\n\t\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t\t{ ...productCategoryFour, valid: false, required: true },\n\t\t\t\t\t\t{ ...productRelatedFour, valid: false, required: true },\n\t\t\t\t\t\t{ ...serialOrOrderNumberFour, valid: false, required: true },\n\t\t\t\t\t\t{ ...installationYearFour, valid: false, required: true },\n\t\t\t\t\t\t{ ...lastMaintenanceFour, valid: true, required: false },\n\t\t\t\t\t];\n\t\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\t\tbreak;\n\t\t\t\tcase 4:\n\t\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t\t{ ...productCategoryFive, valid: false, required: true },\n\t\t\t\t\t\t{ ...productRelatedFive, valid: false, required: true },\n\t\t\t\t\t\t{ ...serialOrOrderNumberFive, valid: false, required: true },\n\t\t\t\t\t\t{ ...installationYearFive, valid: false, required: true },\n\t\t\t\t\t\t{ ...lastMaintenanceFive, valid: true, required: false },\n\t\t\t\t\t];\n\t\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\t\tfieldChangeHandler(fieldsArray);\n\t\tdispatch(\n\t\t\tstepsActions.updateAccordionArray({\n\t\t\t\tstepPayload: productFieldsArrayCopy,\n\t\t\t\taction: AccordionArrayAction.Add,\n\t\t\t}),\n\t\t);\n\t};\n\n\tconst removeProduct = (panel: number) => {\n\t\tlet fieldsArray: CustomFormFieldState[] = [];\n\t\tlet fieldArrayCopy: any = [];\n\t\tconst productFieldsArrayCopy = [...productFieldsState!];\n\t\tconst index = productFieldsArrayCopy.findIndex((element) => element.panel === panel);\n\t\tproductFieldsArrayCopy[index] = { ...productFieldsArrayCopy[index], opened: false, added: false };\n\n\t\tswitch (panel) {\n\t\t\tcase 1:\n\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t{ ...productCategoryTwo, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...productRelatedTwo, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...serialOrOrderNumberTwo, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...installationYearTwo, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...lastMaintenanceTwo, value: '', valid: true, required: false },\n\t\t\t\t];\n\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\tbreak;\n\t\t\tcase 2:\n\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t{ ...productCategoryThree, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...productRelatedThree, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...serialOrOrderNumberThree, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...installationYearThree, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...lastMaintenanceThree, value: '', valid: true, required: false },\n\t\t\t\t];\n\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\tbreak;\n\t\t\tcase 3:\n\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t{ ...productCategoryFour, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...productRelatedFour, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...serialOrOrderNumberFour, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...installationYearFour, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...lastMaintenanceFour, value: '', valid: true, required: false },\n\t\t\t\t];\n\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\tbreak;\n\t\t\tcase 4:\n\t\t\t\tfieldArrayCopy = [\n\t\t\t\t\t{ ...productCategoryFive, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...productRelatedFive, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...serialOrOrderNumberFive, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...installationYearFive, value: '', valid: true, required: false },\n\t\t\t\t\t{ ...lastMaintenanceFive, value: '', valid: true, required: false },\n\t\t\t\t];\n\t\t\t\tfieldsArray = fieldArrayCopy;\n\t\t\t\tbreak;\n\t\t}\n\t\tfieldChangeHandler(fieldsArray);\n\t\tdispatch(\n\t\t\tstepsActions.updateAccordionArray({\n\t\t\t\tstepPayload: productFieldsArrayCopy,\n\t\t\t\taction: AccordionArrayAction.Remove,\n\t\t\t}),\n\t\t);\n\t\tdispatch(validateSerialOrOrderNumber());\n\t\t123;\n\t};\n\n\tconst handleAccordionChange = (panel: number) => (event, isExpanded) => {\n\t\tconst arrayCopy = [...productFieldsState!];\n\t\tconst index = arrayCopy.findIndex((element) => element.panel === panel);\n\t\tif (index === -1) return;\n\n\t\tarrayCopy[index] = { ...arrayCopy[index], opened: !arrayCopy[index].opened };\n\t\tdispatch(\n\t\t\tstepsActions.updateAccordionArray({\n\t\t\t\tstepPayload: arrayCopy,\n\t\t\t\taction: AccordionArrayAction.OpenClose,\n\t\t\t}),\n\t\t);\n\t};\n\n\tconst AddNewProductComponent = (): JSX.Element => {\n\t\tlet element;\n\t\tif (productFieldsState) element = productFieldsState.find((element) => element?.panel === productFieldsState.length);\n\t\tif (!element.added)\n\t\t\treturn (\n\t\t\t\t<Box margin={0} sx={{ marginTop: 48 }} className={'uk-width-1-1'}>\n\t\t\t\t\t<div className=\"add-product-component__dashed-box uk-flex uk-flex-center uk-flex-middle\" data-ref=\"add-product-component__button\">\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"uk-flex uk-flex-middle\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsummary.validatedSerialOrOrderNumber ? handleAddAnotherProduct() : dispatch(validateSerialOrOrderNumber());\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{summary.validatedSerialOrOrderNumber ? (\n\t\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t\t<span className={'add-product-component__gray-circle-button'}>\n\t\t\t\t\t\t\t\t\t\t<span className=\"add-product-component__icon\">\n\t\t\t\t\t\t\t\t\t\t\t<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 512 512\">\n\t\t\t\t\t\t\t\t\t\t\t\t<polygon\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tpoints=\"512,226.5 285.5,226.5 285.5,0 226.5,0 226.5,226.5 0,226.5 0,285.5 226.5,285.5 226.5,512 285.5,512 285.5,285.5 512,285.5\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"add-product-component__text\">{addProductButtonText}</span>\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"add-product-component__text\">{validateSerialOrOrderNumberButtonText}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Box>\n\t\t\t);\n\t\treturn <span />;\n\t};\n\n\treturn (\n\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack\">\n\t\t\t{/* Two select boxes like on here: https://www.wolf.eu/service/kundendienstbeauftragung/ */}\n\t\t\t{enquiryTopic && <CustomFormField {...attributeOBJ(enquiryTopic, fieldChangeHandler)} />}\n\t\t\t{firstPossibleMaintenance && <CustomFormField {...attributeOBJ(firstPossibleMaintenance, fieldChangeHandler)} />}\n\n\t\t\t{productCategory && <CustomFormField {...attributeOBJ(productCategory, categoryChangeHandler)} />}\n\t\t\t{productRelated && <CustomFormField {...attributeOBJ(productRelated, fieldChangeHandler)} />}\n\t\t\t{serialOrOrderNumber && <CustomFormField {...attributeOBJ(serialOrOrderNumber, fieldChangeHandler)} />}\n\t\t\t{installationYear && <CustomFormField {...attributeOBJ(installationYear, fieldChangeHandler)} />}\n\t\t\t{lastMaintenance && <CustomFormField {...attributeOBJ(lastMaintenance, fieldChangeHandler)} />}\n\n\t\t\t{productFieldsState && productFieldsState.find((element) => element.panel === 1)!.added && (\n\t\t\t\t<div className={'uk-width-1-1 accordion-space'}>\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\texpanded={productFieldsState!.find((element) => element.panel === 1)!.opened}\n\t\t\t\t\t\tonChange={handleAccordionChange(1)}\n\t\t\t\t\t\tstyle={{ width: '100%' }}>\n\t\t\t\t\t\t<AccordionSummary expandIcon={<i className=\"chevron-down\" />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n\t\t\t\t\t\t\t<Typography>{secondProduct}</Typography>\n\t\t\t\t\t\t</AccordionSummary>\n\t\t\t\t\t\t<AccordionDetails style={{ flexWrap: 'wrap' }}>\n\t\t\t\t\t\t\t{productCategoryTwo && <CustomFormField {...attributeOBJ(productCategoryTwo, categoryChangeHandler)} />}\n\t\t\t\t\t\t\t{productRelatedTwo && <CustomFormField {...attributeOBJ(productRelatedTwo, fieldChangeHandler)} customStyle={accordionFieldPadding} />}\n\t\t\t\t\t\t\t{serialOrOrderNumberTwo && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(serialOrOrderNumberTwo, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{installationYearTwo && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(installationYearTwo, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{lastMaintenanceTwo && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(lastMaintenanceTwo, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</AccordionDetails>\n\t\t\t\t\t\t{/*Only the last added can be deleted*/}\n\t\t\t\t\t\t{productFieldsState && !productFieldsState.find((element) => element.panel === 2)!.added && (\n\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t<Divider />\n\t\t\t\t\t\t\t\t<AccordionActions>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\t\t\tonClick: () => removeProduct(1),\n\t\t\t\t\t\t\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t\t\t\tclassName: 'btn-next',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t{removeProductButtonText}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</AccordionActions>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Accordion>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{productFieldsState && productFieldsState!.find((element) => element.panel === 2)!.added && (\n\t\t\t\t<div className={'uk-width-1-1 accordion-space'}>\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\texpanded={productFieldsState && productFieldsState.find((element) => element.panel === 2)!.opened}\n\t\t\t\t\t\tonChange={handleAccordionChange(2)}\n\t\t\t\t\t\tstyle={{ width: '100%' }}>\n\t\t\t\t\t\t<AccordionSummary expandIcon={<i className=\"chevron-down\" />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n\t\t\t\t\t\t\t<Typography>{thirdProduct}</Typography>\n\t\t\t\t\t\t</AccordionSummary>\n\t\t\t\t\t\t<AccordionDetails style={{ flexWrap: 'wrap' }}>\n\t\t\t\t\t\t\t{productCategoryThree && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(productCategoryThree, categoryChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{productRelatedThree && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(productRelatedThree, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{serialOrOrderNumberThree && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(serialOrOrderNumberThree, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{installationYearThree && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(installationYearThree, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{lastMaintenanceThree && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(lastMaintenanceThree, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</AccordionDetails>\n\t\t\t\t\t\t{/*Only the last added can be deleted*/}\n\t\t\t\t\t\t{productFieldsState && !productFieldsState.find((element) => element.panel === 3)!.added && (\n\t\t\t\t\t\t\t<React.Fragment>\n\t\t\t\t\t\t\t\t<Divider />\n\t\t\t\t\t\t\t\t<AccordionActions>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\t\t\tonClick: () => removeProduct(2),\n\t\t\t\t\t\t\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t\t\t\tclassName: 'btn-next',\n\t\t\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t\t\t{removeProductButtonText}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</AccordionActions>\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Accordion>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{productFieldsState && productFieldsState.find((element) => element.panel === 3)!.added && (\n\t\t\t\t<div className={'uk-width-1-1 accordion-space'}>\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\texpanded={productFieldsState && productFieldsState.find((element) => element.panel === 3)!.opened}\n\t\t\t\t\t\tonChange={handleAccordionChange(3)}\n\t\t\t\t\t\tstyle={{ width: '100%' }}>\n\t\t\t\t\t\t<AccordionSummary expandIcon={<i className=\"chevron-down\" />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n\t\t\t\t\t\t\t<Typography>{fourthProduct}</Typography>\n\t\t\t\t\t\t</AccordionSummary>\n\t\t\t\t\t\t<AccordionDetails style={{ flexWrap: 'wrap' }}>\n\t\t\t\t\t\t\t{productCategoryFour && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(productCategoryFour, categoryChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{productRelatedFour && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(productRelatedFour, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{serialOrOrderNumberFour && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(serialOrOrderNumberFour, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{installationYearFour && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(installationYearFour, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{lastMaintenanceFour && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(lastMaintenanceFour, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</AccordionDetails>\n\t\t\t\t\t\t<Divider />\n\t\t\t\t\t\t<AccordionActions>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\tonClick: () => removeProduct(3),\n\t\t\t\t\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t\tclassName: 'btn-next',\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{removeProductButtonText}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</AccordionActions>\n\t\t\t\t\t</Accordion>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{productFieldsState && productFieldsState.find((element) => element.panel === 4)!.added && (\n\t\t\t\t<div className={'uk-width-1-1 accordion-space'}>\n\t\t\t\t\t<Accordion\n\t\t\t\t\t\texpanded={productFieldsState && productFieldsState.find((element) => element.panel === 4)!.opened}\n\t\t\t\t\t\tonChange={handleAccordionChange(4)}\n\t\t\t\t\t\tstyle={{ width: '100%' }}>\n\t\t\t\t\t\t<AccordionSummary expandIcon={<i className=\"chevron-down\" />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n\t\t\t\t\t\t\t<Typography>{fifthProduct}</Typography>\n\t\t\t\t\t\t</AccordionSummary>\n\t\t\t\t\t\t<AccordionDetails style={{ flexWrap: 'wrap' }}>\n\t\t\t\t\t\t\t{productCategoryFive && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(productCategoryFive, categoryChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{productRelatedFive && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(productRelatedFive, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{serialOrOrderNumberFive && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(serialOrOrderNumberFive, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{installationYearFive && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(installationYearFive, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{lastMaintenanceFive && (\n\t\t\t\t\t\t\t\t<CustomFormField {...attributeOBJ(lastMaintenanceFive, fieldChangeHandler)} customStyle={accordionFieldPadding} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</AccordionDetails>\n\t\t\t\t\t\t<Divider />\n\t\t\t\t\t\t<AccordionActions>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\tonClick: () => removeProduct(4),\n\t\t\t\t\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t\t\t\tclassName: 'btn-next',\n\t\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t\t{removeProductButtonText}\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</AccordionActions>\n\t\t\t\t\t</Accordion>\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{productFieldsState && <AddNewProductComponent />}\n\t\t</div>\n\t);\n};\nexport default memo(MainEnquiry);\n","import React, { memo, useEffect, useMemo } from 'react';\nimport { Box } from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { currentStepSelector, formSummarySelector, receiverInformationStepSelector } from '../../../store/modules/steps/selectors';\nimport { CustomSelectTypeOptions, FormStep, FormStepProps, StepsState } from '../../../model/global';\nimport CustomFormField from '../../FormControls/CustomFormField';\nimport { CustomFormFieldState } from '../../FormControls/CustomFormField/CustomFormField';\nimport { getFormSummaryField } from '../../utils';\nimport { getFormControlInitialState } from '../../utils';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\n\nconst CustomerInformation: React.FC<FormStepProps> = ({ data: { stepTemplate } }) => {\n\tconst dispatch = useDispatch();\n\tconst step = useSelector(currentStepSelector) as FormStep<'customerAddress'>;\n\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\tconst stepErrors = summary.validationErrors[step.stepTemplate];\n\n\t// initialise the step data once\n\tuseEffect(() => {\n\t\t// don't re-init fields\n\t\tif (summary.initialized[stepTemplate]) return;\n\n\t\tconst initialData: Record<string, CustomFormFieldState> = {};\n\n\t\tconst partners = summary.steps.MAIN_ENQUIRY.target_group?.originalField['options'];\n\t\tconst requiredPartners: Array<string> = [];\n\t\tif (partners) {\n\t\t\tpartners.forEach((partner: CustomSelectTypeOptions) => {\n\t\t\t\tif (partner.options && partner.options[0].label === 'companyFieldRequired' && partner.options[0].value === 'true') {\n\t\t\t\t\tif (typeof partner.value === 'string') {\n\t\t\t\t\t\trequiredPartners.push(partner.value);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t// build customer address fields\n\t\tstep.stepData.fields.customerAddress.forEach((element) => {\n\t\t\tif (!element || !element.name) return;\n\t\t\tconst item = getFormControlInitialState(element.name, step.stepData.fields.customerAddress);\n\t\t\tif (item && item.name === 'customer_company') {\n\t\t\t\titem.required = !!(summary.steps.MAIN_ENQUIRY.target_group && requiredPartners.includes(summary.steps.MAIN_ENQUIRY.target_group.value));\n\t\t\t}\n\n\t\t\tconst value = summary.steps.CUSTOMER_INFORMATION;\n\t\t\tif (item && value[item.name] && value[item.name]?.value) {\n\t\t\t\titem.value = value[item.name]?.value;\n\t\t\t}\n\n\t\t\tif (item) initialData[element.name] = item;\n\t\t});\n\n\t\t/*\t// build commission address fields\n            step.stepData.fields.commissionData.forEach(element => {\n\n                if (!element || !element.name) return;\n                const item = getFormControlInitialState(element.name, step.stepData.fields.commissionData);\n                if (item && item.name === 'commission_company') {\n                    item.required = !!(summary.steps.MAIN_ENQUIRY.target_group && requiredPartners.includes(summary.steps.MAIN_ENQUIRY.target_group.value));\n                }\n\n                const value = summary.steps.CUSTOMER_ADDRESS\n                if (item && value[item.name] && value[item.name]?.value) {\n                    item.value = value[item.name]?.value\n                }\n\n                if (item) initialData[element.name] = item\n            })*/\n\n\t\t// build installer address fields\n\t\t/*\tstep.stepData.fields.installerData.forEach(element => {\n                if (!element || !element.name) return;\n                const item = getFormControlInitialState(element.name, step.stepData.fields.installerData);\n                if (item) initialData[element.name] = item\n            })*/\n\n\t\tdispatch(\n\t\t\tstepsActions.initializeStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: initialData,\n\t\t\t\tinitialize: true,\n\t\t\t}),\n\t\t);\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [dispatch, step.stepData.fields.customerAddress, stepTemplate, summary.initialized, summary.steps.MAIN_ENQUIRY.target_group]);\n\n\tconst fieldChangeHandler = (event: CustomFormFieldState): void => {\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: event,\n\t\t\t}),\n\t\t);\n\t};\n\n\tif (!step) return null;\n\n\t// get the 2 checkbox fields\n\tconst sumStepTemp = (item: string) => (item ? summary.steps[stepTemplate][item] : undefined);\n\tconst commissionDataCheckbox = sumStepTemp('commission_data_checkbox') ? sumStepTemp('commission_data_checkbox') : undefined;\n\n\t// get redux main address fields\n\tconst addressFields: CustomFormFieldState<any>[] = [];\n\tstep.stepData.fields.customerAddress.forEach((f) => {\n\t\tif (!f.name) return;\n\t\tif (Object.keys(summary.steps[stepTemplate]).length === 0) return;\n\t\tconst item = getFormSummaryField(summary, stepTemplate, f.name);\n\t\titem && addressFields.push({ ...item, required: item?.originalField?.required || false });\n\t});\n\n\tconst commissionFields: CustomFormFieldState<any>[] = [];\n\t/*\tstep.stepData.fields.commissionData.forEach(f => {\n            if (!f.name) return;\n            if (Object.keys(summary.steps[stepTemplate]).length === 0) return;\n            const item = getFormSummaryField(summary, stepTemplate, f.name);\n            item && commissionFields.push({ ...item, required: item?.originalField?.required || false })\n        })*/\n\tconst attributeOBJ = (field: any) => {\n\t\treturn { field, fieldErrors: stepErrors };\n\t};\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t<Box>\n\t\t\t\t<fieldset className={'customer-address-fieldset'}>\n\t\t\t\t\t<h2 className={'customer-address-fieldset-title'}>{step.stepData.fieldTranslations.customerAddress}</h2>\n\t\t\t\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack\">\n\t\t\t\t\t\t{/* 1. ALL Customer Address fields */}\n\t\t\t\t\t\t{addressFields?.map((field, key) => {\n\t\t\t\t\t\t\treturn <CustomFormField key={`comission-${key}`} {...attributeOBJ(field)} onFieldChange={(e) => fieldChangeHandler(e)} />;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</Box>\n\n\t\t\t{/*<Box>\n\t\t\t\t<fieldset className={'customer-address-fieldset'}>\n\t\t\t\t\t<h2 className={'customer-address-fieldset-title'}>{step.stepData.fieldTranslations.installerData}</h2>\n\t\t\t\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack\">\n\t\t\t\t\t\t 3. Installer Data (connected to checkbox 2)\n\t\t\t\t\t\t{installerFields?.map((field, key) => {\n\t\t\t\t\t\t\treturn <CustomFormField key={`installer-${key}`} {...attributeOBJ(field)} onFieldChange={e => fieldChangeHandler(e)} />\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</Box>*/}\n\t\t</React.Fragment>\n\t);\n};\nexport default memo(CustomerInformation);\n","import React, { memo } from 'react';\nimport { useSelector } from 'react-redux';\nimport { v4 as uuidv4 } from 'uuid';\nimport { formSummarySelector } from '../../../../store/modules/steps/selectors';\nimport { CustomSelectType, FormControlType, FormStep, StepsState } from '../../../../model/global';\nimport { getFormSummaryField } from '../../../utils';\nimport { CustomFormFieldState } from '../../../FormControls/CustomFormField/CustomFormField';\n\ntype Props = {\n\tsliceKeyName: string;\n\tsliceTitle: string;\n\tformFieldsList: FormControlType[];\n\ttheStep: FormStep;\n};\n\nconst ResumeSlice: React.FC<Props> = ({ sliceKeyName, sliceTitle, formFieldsList, theStep }) => {\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\t// const step = useSelector(currentStepSelector) as FormStep<'main'> // used for translations\n\n\tconst getSummaryFieldValue = (field: CustomFormFieldState): string => {\n\t\tlet value = '';\n\t\tswitch (field.originalField.fieldType) {\n\t\t\tcase 'select': {\n\t\t\t\t// get the value from the options\n\t\t\t\tif (field.options && field.options.length > 0) {\n\t\t\t\t\tconst val1 = field.options.find((f) => f.value === field.value);\n\t\t\t\t\tif (val1) value = (val1.label || '').toString();\n\t\t\t\t} else if ((field.originalField as CustomSelectType).optionsGroup && (field.originalField as CustomSelectType).optionsGroup.length > 0) {\n\t\t\t\t\t// crunch the multidimensional array into a single one\n\t\t\t\t\tconst group = (field.originalField as CustomSelectType).optionsGroup.flatMap((o) => o.options).filter((e) => e);\n\t\t\t\t\tconst optionSelected = group.find((o) => o?.value === field.value);\n\t\t\t\t\tif (optionSelected) {\n\t\t\t\t\t\t// take the label for display purposes\n\t\t\t\t\t\tvalue = optionSelected.label;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// as a backup, use the raw value\n\t\t\t\t\t\tvalue = field.value;\n\t\t\t\t\t}\n\t\t\t\t} else if ((field.originalField as CustomSelectType).options && (field.originalField as CustomSelectType).options.length > 0) {\n\t\t\t\t\tconst val3 = (field.originalField as CustomSelectType).options.find((f) => f.value === field.value);\n\t\t\t\t\tif (val3) value = (val3.label || '').toString();\n\t\t\t\t} else {\n\t\t\t\t\tvalue = field.value;\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'checkbox': {\n\t\t\t\t// check if is checked. Return something like 'checked' or 'unchecked'\n\t\t\t\tvalue = field.checked ? theStep.stepData.fieldTranslations.checked : theStep.stepData.fieldTranslations.unchecked;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'file': {\n\t\t\t\t// return something like 'attached filed'\n\t\t\t\tvalue = theStep.stepData.fieldTranslations.attachedField;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'date': {\n\t\t\t\t// return formatted date to dd.MM.YYYY\n\t\t\t\tvalue = field.value ? new Date(field.value).toLocaleDateString('de-DE', { year: 'numeric', month: '2-digit', day: '2-digit' }) : '-';\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tdefault: {\n\t\t\t\tvalue = field.value || '-';\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\treturn value || '';\n\t};\n\n\treturn (\n\t\t<div key={sliceKeyName}>\n\t\t\t<div className={'resume-content-title'}>{sliceTitle}</div>\n\t\t\t<div className=\"uk-grid uk-child-width-1@s uk-child-width-1-3@m\">\n\t\t\t\t{formFieldsList?.map((fieldControl) => {\n\t\t\t\t\t// get the current value from redux\n\t\t\t\t\tconst item = getFormSummaryField(summary, theStep.stepTemplate, fieldControl.name);\n\t\t\t\t\tif (!item || item.value === '') return;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div className=\"uk-flex uk-flex-column\" key={item.originalField.id || uuidv4()}>\n\t\t\t\t\t\t\t<span className={'resume-content-label'}>{item.originalField.title || item.name}</span>\n\t\t\t\t\t\t\t<p className={'resume-content-detail'}>{getSummaryFieldValue(item)}</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default memo(ResumeSlice);\n","import React, { memo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\nimport { formSummarySelector, stepsSelector } from '../../../store/modules/steps/selectors';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\nimport { StepsState, StepTemplate } from '../../../model/global';\nimport IconRenderer from 'global/react-mui/atoms/IconRenderer';\nimport ResumeSlice from './ResumeSlice';\n\nconst FormStepSummary: React.FC<any> = () => {\n\tconst dispatch = useDispatch();\n\tconst allSteps = useSelector(stepsSelector).steps;\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\n\tconst jumpToStep = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>, stepIndex: number): void => {\n\t\tevent && event.preventDefault();\n\t\tdispatch(stepsActions.setRequestedStep(stepIndex));\n\t};\n\n\treturn (\n\t\t<React.Fragment>\n\t\t\t{allSteps?.map((theStep, stepIndex) => {\n\t\t\t\tif (theStep.stepTemplate === 'FORM_SUMMARY') return null; // ignore summary fields!\n\t\t\t\treturn (\n\t\t\t\t\t<div key={`summary-${theStep.stepTemplate}`} className={'resume'}>\n\t\t\t\t\t\t<div className=\"uk-flex uk-flex-between\">\n\t\t\t\t\t\t\t<div className={'resume-title'}>\n\t\t\t\t\t\t\t\t{theStep.stepData.fieldTranslations.stepText} {stepIndex + 1}: {theStep.stepTitle}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<a onClick={(e) => jumpToStep(e, stepIndex)}>\n\t\t\t\t\t\t\t\t<IconRenderer\n\t\t\t\t\t\t\t\t\tshape=\"squared\"\n\t\t\t\t\t\t\t\t\t// bgColor=\"#E0E0E0\"\n\t\t\t\t\t\t\t\t\tcolor=\"#A7A7A7\"\n\t\t\t\t\t\t\t\t\ticon={'penCircle'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* apply a specific resume slice for file uploads, since they are structured differently and dynamic */}\n\t\t\t\t\t\t{Object.entries(theStep?.stepData?.fields)?.map(([fieldsKeyName, formFields], fieldMapIndex) => {\n\t\t\t\t\t\t\t// loop through each field\n\t\t\t\t\t\t\t// build a custom list of form fields to be displayed on this resume slice,\n\t\t\t\t\t\t\t// excluding one's which should not show in the summary\n\t\t\t\t\t\t\tconst formFieldsList = formFields.filter((f) => !f.excludeFromSummary);\n\t\t\t\t\t\t\tif (formFieldsList.length === 0) return null;\n\t\t\t\t\t\t\tconst resumeSliceTitle = theStep.stepData.fieldTranslations[fieldsKeyName] || '';\n\t\t\t\t\t\t\tconst sliceKeyName = fieldsKeyName + fieldMapIndex.toString();\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ResumeSlice\n\t\t\t\t\t\t\t\t\tkey={sliceKeyName}\n\t\t\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\t\t\tformFieldsList,\n\t\t\t\t\t\t\t\t\t\tsliceKeyName,\n\t\t\t\t\t\t\t\t\t\ttheStep,\n\t\t\t\t\t\t\t\t\t\tsliceTitle: resumeSliceTitle,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t})}\n\t\t</React.Fragment>\n\t);\n};\n\nexport default memo(FormStepSummary);\n","import React, { memo, useEffect, useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { currentStepSelector, formSummarySelector } from '../../../store/modules/steps/selectors';\nimport { FormStep, FormStepProps, StepsState } from '../../../model/global';\nimport CustomFormField from '../../FormControls/CustomFormField';\nimport { getFormControlInitialState } from '../../utils';\nimport { CustomFormFieldState } from '../../FormControls/CustomFormField/CustomFormField';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\nimport FormStepSummary from '../../StepComponents/FormStepSummary';\n\nconst FormSummary: React.FC<FormStepProps> = ({ onStepControlsChange, data: { stepTemplate } }) => {\n\tconst dispatch = useDispatch();\n\tconst classes = useStyles();\n\tconst step = useSelector(currentStepSelector) as FormStep<'main'>;\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\tconst stepErrors = summary.validationErrors[step.stepTemplate];\n\n\tconst fields: {\n\t\ttermsCheckbox: CustomFormFieldState | undefined;\n\t\tprivacyCheckbox: CustomFormFieldState | undefined;\n\t} = useMemo(() => {\n\t\treturn {\n\t\t\ttermsCheckbox: getFormControlInitialState('terms_checkbox', step.stepData.fields.main),\n\t\t\tprivacyCheckbox: getFormControlInitialState('privacy_checkbox', step.stepData.fields.main),\n\t\t};\n\t}, [step.stepData.fields.main]);\n\n\t// initialise the step data once\n\tuseEffect(() => {\n\t\t// don't re-init fields\n\t\tif (summary.initialized[stepTemplate]) return;\n\n\t\tconst initialData: Record<string, CustomFormFieldState> = {};\n\n\t\t// fill in state with initial field values and validity\n\t\tfor (const [key, element] of Object.entries(fields)) {\n\t\t\tif (!element || !element.name) continue;\n\n\t\t\t// @todo - use a util for the below, like getFormControlInitialState() ?\n\t\t\tconst invalid = element.value === '' && element.required;\n\t\t\tinitialData[element.name] = {\n\t\t\t\tname: element.name as string,\n\t\t\t\toriginalField: element.originalField,\n\t\t\t\tvalue: element.value,\n\t\t\t\trequired: !!element.required,\n\t\t\t\tvalid: !invalid,\n\t\t\t\tinvalidReason: element.invalidReason || '',\n\t\t\t};\n\t\t\tif (element.originalField.fieldType === 'checkbox') {\n\t\t\t\tinitialData[element.name]['checked'] = !!element.checked;\n\t\t\t\tif (element.required && !element.checked) {\n\t\t\t\t\tinitialData[element.name]['valid'] = false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdispatch(\n\t\t\tstepsActions.initializeStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: initialData,\n\t\t\t\tinitialize: true,\n\t\t\t}),\n\t\t);\n\t}, [dispatch, fields, stepTemplate, summary.initialized]);\n\n\tconst fieldChangeHandler = (event: CustomFormFieldState): void => {\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: event,\n\t\t\t}),\n\t\t);\n\t};\n\n\tif (!step) return null;\n\n\tconst termsCheckbox = summary.steps[stepTemplate]['terms_checkbox'] ? summary.steps[stepTemplate]['terms_checkbox'] : undefined;\n\tconst privacyCheckbox = summary.steps[stepTemplate]['privacy_checkbox'] ? summary.steps[stepTemplate]['privacy_checkbox'] : undefined;\n\n\treturn (\n\t\t<div className={classes.summaryWrapper}>\n\t\t\t<FormStepSummary />\n\n\t\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack\">\n\t\t\t\t{termsCheckbox && (\n\t\t\t\t\t<CustomFormField field={termsCheckbox} fieldErrors={stepErrors} onFieldChange={(e) => fieldChangeHandler(e)}></CustomFormField>\n\t\t\t\t)}\n\t\t\t\t{privacyCheckbox && (\n\t\t\t\t\t<CustomFormField field={privacyCheckbox} fieldErrors={stepErrors} onFieldChange={(e) => fieldChangeHandler(e)}></CustomFormField>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default memo(FormSummary);\n\nconst useStyles = makeStyles((theme) => ({\n\tsummaryWrapper: {\n\t\twidth: 'fit-content',\n\t\tmargin: '0 auto',\n\t\t// width: '90%',\n\t\t// margin: '0 auto',\n\t},\n}));\n","import React, { memo, useEffect, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { currentStepSelector, formSummarySelector, receiverInformationStepSelector } from '../../../store/modules/steps/selectors';\nimport { CustomSelectType, CustomSelectTypeOptions, FormStep, FormStepProps, StepsState } from '../../../model/global';\nimport CustomFormField from '../../FormControls/CustomFormField';\nimport { getFormControlInitialState, getFormSummaryField } from '../../utils';\nimport { CustomFormFieldState } from '../../FormControls/CustomFormField/CustomFormField';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\nimport { Box } from '@material-ui/core';\nimport Button from '../../../../../../../../global/react-mui/atoms/Button';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\n\nconst ReceiverInformation: React.FC<FormStepProps> = ({ onStepControlsChange, data: { stepTemplate } }) => {\n\tconst dispatch = useDispatch();\n\tconst step = useSelector(currentStepSelector) as FormStep<'commissionData'>;\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\tconst stepErrors = summary.validationErrors[step.stepTemplate];\n\tconst { copyValuesFromPreviousStepButtonText } = useSelector(translationsSelector);\n\n\t// initialise the step data once\n\tuseEffect(() => {\n\t\t// don't re-init fields\n\t\tif (summary.initialized[stepTemplate]) return;\n\n\t\tconst initialData: Record<string, CustomFormFieldState> = {};\n\n\t\tconst partners = summary.steps.MAIN_ENQUIRY.target_group?.originalField['options'];\n\t\tconst requiredPartners: Array<string> = [];\n\t\tif (partners) {\n\t\t\tpartners.forEach((partner: CustomSelectTypeOptions) => {\n\t\t\t\tif (partner.options && partner.options[0].label === 'companyFieldRequired' && partner.options[0].value === 'true') {\n\t\t\t\t\tif (typeof partner.value === 'string') {\n\t\t\t\t\t\trequiredPartners.push(partner.value);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t// build commission address fields\n\t\tstep.stepData.fields.commissionData.forEach((element) => {\n\t\t\tif (!element || !element.name) return;\n\t\t\tconst item = getFormControlInitialState(element.name, step.stepData.fields.commissionData);\n\t\t\tif (item && item.name === 'commission_company') {\n\t\t\t\titem.required = !!(summary.steps.MAIN_ENQUIRY.target_group && requiredPartners.includes(summary.steps.MAIN_ENQUIRY.target_group.value));\n\t\t\t}\n\n\t\t\tconst value = summary.steps.RECEIVER_INFORMATION;\n\t\t\tif (item && value[item.name] && value[item.name]?.value) {\n\t\t\t\titem.value = value[item.name]?.value;\n\t\t\t}\n\n\t\t\tif (item) initialData[element.name] = item;\n\t\t});\n\n\t\tdispatch(\n\t\t\tstepsActions.initializeStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: initialData,\n\t\t\t\tinitialize: true,\n\t\t\t}),\n\t\t);\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [dispatch, step.stepData.fields.commissionData, stepTemplate, summary.initialized, summary.steps.MAIN_ENQUIRY.target_group]);\n\tconst fieldChangeHandler = (event: CustomFormFieldState): void => {\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: event,\n\t\t\t}),\n\t\t);\n\t};\n\n\tif (!step) return null;\n\n\tconst attributeOBJ = (field: any) => {\n\t\treturn { field, fieldErrors: stepErrors };\n\t};\n\n\tconst commissionFields: CustomFormFieldState<any>[] = [];\n\tstep.stepData.fields.commissionData.forEach((f) => {\n\t\tif (!f.name) return;\n\t\tif (Object.keys(summary.steps[stepTemplate]).length === 0) return;\n\t\tconst item = getFormSummaryField(summary, stepTemplate, f.name);\n\t\titem && commissionFields.push({ ...item, required: item?.originalField?.required || false });\n\t});\n\n\tconst handleCopyValuesFromCustomerInformation = () => {\n\t\t// if the field is checked, populate the 2nd or 3rd form\n\t\t// checkbox1 is connected to commissionFields (step.stepData.fields.commissionData)\n\n\t\tconst allRelated: CustomFormFieldState[] = [];\n\n\t\tstep.stepData.fields.commissionData.forEach((f) => {\n\t\t\tconst reduxItem = getFormSummaryField(summary, stepTemplate, f.name);\n\t\t\tif (!reduxItem || !reduxItem.originalField.relatedField) return;\n\t\t\t// put the corresponding main address value in the commission address field\n\t\t\tconst { relatedField } = reduxItem.originalField;\n\t\t\t// get the related field data from the address\n\t\t\tconst relatedAddressFormControl = getFormSummaryField(summary, 'CUSTOMER_INFORMATION', relatedField);\n\t\t\tif (!relatedAddressFormControl) return;\n\n\t\t\t// only copy values which are valid\n\t\t\tif (relatedAddressFormControl.valid) {\n\t\t\t\tconst newRelatedItem = JSON.parse(JSON.stringify(reduxItem)) as CustomFormFieldState;\n\t\t\t\tnewRelatedItem.value = relatedAddressFormControl.value;\n\t\t\t\tnewRelatedItem.valid = relatedAddressFormControl.valid; // also update validity?\n\t\t\t\tallRelated.push(newRelatedItem);\n\t\t\t}\n\t\t});\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: allRelated,\n\t\t\t}),\n\t\t);\n\t};\n\n\treturn (\n\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack\">\n\t\t\t<Box>\n\t\t\t\t<fieldset className={'customer-address-fieldset'}>\n\t\t\t\t\t<h2 className={'customer-address-fieldset-title'}>{step.stepData.fieldTranslations.commissionData}</h2>\n\t\t\t\t\t<div className={'uk-width-1-1 accordion-space'}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t{...{\n\t\t\t\t\t\t\t\tonClick: () => handleCopyValuesFromCustomerInformation(),\n\t\t\t\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\t\t\t\tsize: 'large',\n\t\t\t\t\t\t\t\tclassName: 'btn-step btn-prev',\n\t\t\t\t\t\t\t}}>\n\t\t\t\t\t\t\t{copyValuesFromPreviousStepButtonText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack\">\n\t\t\t\t\t\t{commissionFields?.map((field, key) => {\n\t\t\t\t\t\t\treturn <CustomFormField key={`comission-${key}`} {...attributeOBJ(field)} onFieldChange={(e) => fieldChangeHandler(e)} />;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\n\t\t\t\t</fieldset>\n\t\t\t</Box>\n\t\t</div>\n\t);\n};\n\nexport default memo(ReceiverInformation);\n","import React, { memo, useEffect, useMemo } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { FormStep, FormStepProps, StepsState } from '../../../model/global';\nimport { currentStepSelector, formSummarySelector } from '../../../store/modules/steps/selectors';\nimport { getFormControlInitialState } from '../../utils';\nimport CustomFormField from '../../FormControls/CustomFormField';\nimport { CustomFormFieldState } from '../../FormControls/CustomFormField/CustomFormField';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\n\nconst AgentInformation: React.FC<FormStepProps> = ({ data: { stepTemplate } }) => {\n\tconst dispatch = useDispatch();\n\tconst step = useSelector(currentStepSelector) as FormStep<'maintenanceAgentData'>;\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\tconst stepErrors = summary.validationErrors[step.stepTemplate];\n\n\tconst fields: {\n\t\tagentFirstName: CustomFormFieldState | undefined;\n\t\tagentLastName: CustomFormFieldState | undefined;\n\t\tfurtherInfo: CustomFormFieldState | undefined;\n\t} = useMemo(() => {\n\t\treturn {\n\t\t\tagentFirstName: getFormControlInitialState('maintenance_agent_firstname', step.stepData.fields.maintenanceAgentData),\n\t\t\tagentLastName: getFormControlInitialState('maintenance_agent_lastname', step.stepData.fields.maintenanceAgentData),\n\t\t\tfurtherInfo: getFormControlInitialState('further_info', step.stepData.fields.maintenanceAgentData),\n\t\t};\n\t}, [step.stepData.fields.maintenanceAgentData]);\n\n\t// initialise the step data once\n\tuseEffect(() => {\n\t\t// don't re-init fields\n\t\tif (summary.initialized[stepTemplate]) return;\n\t\tlet requiredElementExists = false;\n\n\t\tconst initialData: Record<string, CustomFormFieldState> = {};\n\n\t\t// fill in state with initial field values and validity\n\t\tfor (const [key, element] of Object.entries(fields)) {\n\t\t\tif (!element || !element.name) continue;\n\t\t\tif (element.required) requiredElementExists = true;\n\n\t\t\tconst invalid = element.value === '' && element.required;\n\t\t\tinitialData[element.name] = {\n\t\t\t\tname: element.name as string,\n\t\t\t\toriginalField: element.originalField,\n\t\t\t\tvalue: element.value,\n\t\t\t\trequired: element.required,\n\t\t\t\tvalid: !invalid,\n\t\t\t\tinvalidReason: element.invalidReason || '',\n\t\t\t};\n\t\t}\n\t\tif (!requiredElementExists) dispatch(stepsActions.declareStepValidity({ stepTemplate: stepTemplate, validity: true }));\n\t\tdispatch(\n\t\t\tstepsActions.initializeStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: initialData,\n\t\t\t\tinitialize: true,\n\t\t\t}),\n\t\t);\n\t}, [dispatch, fields, stepTemplate, summary.initialized]);\n\n\tconst fieldChangeHandler = (event: CustomFormFieldState): void => {\n\t\tdispatch(\n\t\t\tstepsActions.updateStepPayloadValues({\n\t\t\t\tstepTemplate,\n\t\t\t\tstepPayload: event,\n\t\t\t}),\n\t\t);\n\t};\n\n\tif (!step) return null;\n\n\tconst allFields: CustomFormFieldState<any>[] = [];\n\tstep.stepData.fields.maintenanceAgentData.forEach((f) => {\n\t\tif (!f.name) return;\n\t\tif (Object.keys(summary.steps[stepTemplate]).length === 0) return;\n\t\tconst item = summary.steps[stepTemplate][f.name] ? summary.steps[stepTemplate][f.name] : undefined;\n\t\titem && allFields.push(item);\n\t});\n\n\treturn (\n\t\t<div className=\"uk-grid-medium uk-grid uk-grid-stack user-none\">\n\t\t\t{allFields?.map((field, key) => {\n\t\t\t\treturn <CustomFormField key={key} {...{ field, fieldErrors: stepErrors, onFieldChange: (e) => fieldChangeHandler(e) }} />;\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default memo(AgentInformation);\n","import React, { memo } from 'react';\nimport { FormStep, FormStepInternalState, StepsState } from '../../../model/global';\nimport MainEnquiry from '../../FormSteps/MainEnquiry';\nimport CustomerAddress from '../../FormSteps/CustomerInformation';\nimport AdditionalInformation from '../../FormSteps/AgentInformation';\nimport FormSummary from '../../FormSteps/FormSummary';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { formSummarySelector } from '../../../store/modules/steps/selectors';\nimport ReceiverInformation from '../../FormSteps/ReceiverInformation';\nimport AgentInformation from '../../FormSteps/AgentInformation';\n\ninterface Props {\n\tstep: FormStep;\n}\nconst FormStepContent: React.FC<Props> = ({ step }) => {\n\tconst dispatch = useDispatch();\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\n\tconst handleStepControlsChange = (stepFields: FormStepInternalState['fields'], stepTemplate: FormStep['stepTemplate']): void => {\n\t\t// @todo - handle file fields?\n\t};\n\n\tconst renderStep = (step: FormStep): JSX.Element | undefined => {\n\t\tswitch (step.stepTemplate) {\n\t\t\tcase 'MAIN_ENQUIRY':\n\t\t\t\treturn <MainEnquiry data={step} onStepControlsChange={(e) => handleStepControlsChange(e, step.stepTemplate)}></MainEnquiry>;\n\t\t\tcase 'CUSTOMER_INFORMATION':\n\t\t\t\treturn <CustomerAddress data={step} onStepControlsChange={(e) => handleStepControlsChange(e, step.stepTemplate)}></CustomerAddress>;\n\t\t\tcase 'RECEIVER_INFORMATION':\n\t\t\t\treturn <ReceiverInformation data={step} onStepControlsChange={(e) => handleStepControlsChange(e, step.stepTemplate)}></ReceiverInformation>;\n\t\t\tcase 'AGENT_INFORMATION':\n\t\t\t\treturn <AgentInformation data={step} onStepControlsChange={(e) => handleStepControlsChange(e, step.stepTemplate)}></AgentInformation>;\n\t\t\tcase 'FORM_SUMMARY':\n\t\t\t\treturn <FormSummary data={step} onStepControlsChange={(e) => handleStepControlsChange(e, step.stepTemplate)}></FormSummary>;\n\t\t\tdefault:\n\t\t\t\treturn undefined;\n\t\t}\n\t};\n\treturn <>{renderStep(step) || null}</>;\n};\n\nexport default memo(FormStepContent);\n","import React from 'react';\nimport { useSelector } from 'react-redux';\nimport { stepsSelector, totalStepsSelector } from '../../store/modules/steps/selectors';\nimport FormStepTitle from '../StepComponents/FormStepTitle';\nimport FormStepContent from '../StepComponents/FormStepContent';\n\nconst FormSteps: React.FC<any> = () => {\n\tconst { steps, activeStepIndex: activeStep, formSubmitUrl } = useSelector(stepsSelector);\n\tconst totalSteps = useSelector(totalStepsSelector);\n\n\treturn (\n\t\t<div className={'o-service-order-booking-form-content-steps'}>\n\t\t\t<form action={formSubmitUrl} method=\"post\" encType=\"multipart/form-data\">\n\t\t\t\t{steps?.map((step, stepIndex) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\tstepIndex === activeStep && (\n\t\t\t\t\t\t\t<React.Fragment key={`form-step-${stepIndex}`}>\n\t\t\t\t\t\t\t\t<FormStepTitle {...{ step, currentStep: activeStep, totalSteps }} />\n\t\t\t\t\t\t\t\t<FormStepContent {...{ step }} />\n\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t)\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</form>\n\t\t</div>\n\t);\n};\n\nexport default FormSteps;\n","import Button from 'global/react-mui/atoms/Button';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { FormStep, StepsState } from '../../../model/global';\nimport { stepsActions } from '../../../store/modules/steps/reducer';\nimport { currentStepSelector, formSummarySelector, stepsSelector } from '../../../store/modules/steps/selectors';\nimport { submitForm, validateSerialOrOrderNumber, validateStep } from '../../../store/modules/steps/thunks';\nimport { translationsSelector } from '../../../store/modules/translations/selectors';\nimport { CircularProgress } from '@material-ui/core';\n\nconst FormStepsNav: React.FC<any> = (props) => {\n\tconst { formId } = props;\n\tconst dispatch = useDispatch();\n\tconst { prevButtonText, nextButtonText, submitButtonText } = useSelector(translationsSelector);\n\tconst { activeStepIndex, requestedStepIndex, steps, formSubmitError } = useSelector(stepsSelector);\n\tconst [submitButtonShouldBeDisabled, setSubmitButtonShouldBeDisabled] = useState(false);\n\tconst currentStep = useSelector(currentStepSelector) as FormStep;\n\tconst summary = useSelector(formSummarySelector) as StepsState['formSummary'];\n\n\t// if last step, show submit button instead\n\tconst isSubmit = activeStepIndex >= steps.length - 1;\n\n\t/*   useEffect(()=>{\n\n    },[])*/\n\n\tconst goToStep = async (direction: 'next' | 'prev') => {\n\t\tconst newStep = direction === 'prev' ? activeStepIndex - 1 : activeStepIndex + 1;\n\n\t\tif (newStep < 0) return;\n\t\tdispatch(stepsActions.setRequestedStep(newStep));\n\t\tif (direction === 'prev') return;\n\n\t\tconst validationUrl = currentStep?.stepData.validation.url;\n\t\tif (validationUrl) {\n\t\t\tif (activeStepIndex === 0) {\n\t\t\t\tdispatch(validateSerialOrOrderNumber());\n\t\t\t}\n\t\t\tdispatch(validateStep());\n\t\t} else {\n\t\t\t// do this if no validation URL?\n\t\t\tdispatch(stepsActions.declareStepValidity({ stepTemplate: currentStep?.stepTemplate, validity: true }));\n\t\t}\n\t};\n\n\tconst submitTheForm = () => {\n\t\tsetSubmitButtonShouldBeDisabled(true);\n\t\tdispatch(submitForm());\n\t};\n\n\tuseEffect(() => {\n\t\t// if going back, just go to step\n\t\tif (requestedStepIndex > -1 && requestedStepIndex < activeStepIndex) {\n\t\t\tdispatch(stepsActions.setActiveStep(requestedStepIndex));\n\t\t}\n\t}, [activeStepIndex, dispatch, requestedStepIndex]);\n\n\tuseEffect(() => {\n\t\t// if step is valid, go to step\n\t\tif (!currentStep || !currentStep.stepTemplate) return;\n\t\tif (summary.validatedSteps[currentStep.stepTemplate] && summary.validatedSerialOrOrderNumber) {\n\t\t\tdispatch(stepsActions.setActiveStep(requestedStepIndex));\n\n\t\t\tif (requestedStepIndex > activeStepIndex) {\n\t\t\t\tconst scrollTo = document.getElementById(formId);\n\t\t\t\tif (scrollTo) setTimeout(() => scrollTo.scrollIntoView({ behavior: 'smooth', block: 'start' }), 400);\n\t\t\t}\n\t\t}\n\t}, [\n\t\tcurrentStep,\n\t\tdispatch,\n\t\tactiveStepIndex,\n\t\trequestedStepIndex,\n\t\tformId,\n\t\tsummary.validatedSteps,\n\t\tsummary.validatedStepsHTML5,\n\t\tsummary.validatedSerialOrOrderNumber,\n\t]);\n\n\t// allow users to click submit after 30 secs\n\tuseEffect(() => {\n\t\tif (formSubmitError.length <= 0) return;\n\n\t\tconst result = setTimeout(function () {\n\t\t\tsetSubmitButtonShouldBeDisabled(false);\n\t\t\tdispatch(stepsActions.setFormSubmitError(''));\n\t\t}, 30000);\n\n\t\treturn () => clearTimeout(result);\n\t\t// eslint-disable-next-line\n\t}, [formSubmitError]);\n\n\tconst getNextButtonDisabledState = () => {\n\t\tconst isValid = summary.validatedStepsHTML5[currentStep.stepTemplate];\n\t\treturn !isValid;\n\t};\n\n\tconst getSubmitButtonDisabledState = () => {\n\t\tconst isValid = summary.validatedStepsHTML5[currentStep.stepTemplate];\n\t\treturn !isValid;\n\t};\n\n\tif (!currentStep) return null;\n\n\tconst disabled = isSubmit ? getSubmitButtonDisabledState() : getNextButtonDisabledState();\n\tconst tabIndex = isSubmit ? -1 : 0;\n\tconst btnText = isSubmit ? submitButtonText : nextButtonText;\n\n\treturn (\n\t\t<div className={'nav-button-wrapper'}>\n\t\t\t<Button\n\t\t\t\t{...{\n\t\t\t\t\tonClick: () => goToStep('prev'),\n\t\t\t\t\tdisabled: activeStepIndex === 0,\n\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\tsize: 'large',\n\t\t\t\t\tclassName: 'btn-next',\n\t\t\t\t}}>\n\t\t\t\t{prevButtonText}\n\t\t\t</Button>\n\n\t\t\t<Button\n\t\t\t\tonClick={isSubmit ? (e) => submitTheForm() : (e) => goToStep('next')}\n\t\t\t\t{...{\n\t\t\t\t\ttabIndex,\n\t\t\t\t\tdisabled: submitButtonShouldBeDisabled ? submitButtonShouldBeDisabled : disabled,\n\t\t\t\t\tvariant: 'outlined',\n\t\t\t\t\tsize: 'large',\n\t\t\t\t\tclassName: 'btn-step btn-next',\n\t\t\t\t}}>\n\t\t\t\t{isSubmit && submitButtonShouldBeDisabled ? <CircularProgress size={'1.5rem'} /> : btnText}\n\t\t\t</Button>\n\t\t</div>\n\t);\n};\n\nexport default FormStepsNav;\n","import React, { memo } from 'react';\nimport { OrganismServiceOrderBookingFormProps } from '../../../model/global';\n\n// use welcome screen in data\ntype Props = OrganismServiceOrderBookingFormProps['endScreen'];\n\nconst CompleteScreen: React.FC<Props> = (props) => {\n\tconst { headline, text, button, formId = 'form-top' } = props;\n\n\tReact.useEffect(() => {\n\t\t// const elem = document.getElementById('form-top')\n\t\tconst elem = document.getElementById(formId);\n\t\tif (elem) setTimeout(() => elem.scrollIntoView({ behavior: 'smooth', block: 'start' }), 400);\n\t}, [formId]);\n\n\treturn (\n\t\t<div className={'complete-screen'} id={'form-top'}>\n\t\t\t<div className={'complete-screen-wrapper-container'}>\n\t\t\t\t<div className={'complete-screen-wrapper-icon'}>\n\t\t\t\t\t<svg className={'icon'} viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path d=\"M4.1 12.7L9 17.6 20.3 6.3\" fill=\"none\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<h3 className={'complete-title'}>{headline?.text || ''}</h3>\n\t\t\t\t<p className={'complete-text'}>{text}</p>\n\t\t\t\t{button && button?.href && button?.href !== undefined && button?.href !== '' && button?.text && (\n\t\t\t\t\t<a className={'complete-button'} href={button?.href} title={button?.title || ''} target={button?.target || '_self'}>\n\t\t\t\t\t\t{button?.text}\n\t\t\t\t\t</a>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default memo(CompleteScreen);\n","import React, { memo } from 'react';\nimport { makeStyles } from '@material-ui/core';\n\ntype Props = {\n\tchildren: React.ReactNode;\n\thideAlert: () => void;\n};\nconst Alert: React.FC<Props> = ({ children, hideAlert }) => {\n\tconst classes = useStyles();\n\n\treturn (\n\t\t<div className={classes.alertWrapper}>\n\t\t\t<div className=\"uk-alert uk-alert-danger\" data-uk-alert>\n\t\t\t\t<a className=\"uk-alert-close danger\" onClick={hideAlert} data-uk-close></a>\n\t\t\t\t<p>{children}</p>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Alert;\n// export default memo(Alert);\n\nconst useStyles = makeStyles((theme) => ({\n\t// colours here if needed: src/wolf/components/molecules/m-alert/m-alert.styles.scss\n\n\talertWrapper: {\n\t\tposition: 'fixed',\n\t\ttop: 0,\n\t\tleft: 0,\n\t\tright: 0,\n\t\tzIndex: 10000,\n\t},\n}));\n","import React, { memo } from 'react';\nimport FormSteps from '../FormSteps';\nimport FormStepsNav from '../StepComponents/FormStepsNav';\nimport CompleteScreen from '../FormSteps/CompleteScreen';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { endScreenSelector, formSubmitErrorSelector, stepsSelector } from '../../store/modules/steps/selectors';\nimport Alert from './Alert';\nimport { stepsActions } from '../../store/modules/steps/reducer';\n\nconst ContentArea: React.FC<any> = () => {\n\tconst dispatch = useDispatch();\n\tconst { formIsSubmitted } = useSelector(stepsSelector);\n\tconst submitError = useSelector(formSubmitErrorSelector);\n\tconst endScreen = useSelector(endScreenSelector);\n\n\tconst handleHideAlert = (): void => {\n\t\tdispatch(stepsActions.setFormSubmitError(''));\n\t};\n\tconst rando = Math.floor(Math.random() * 50);\n\t// removed logo because of pro-klima\n\treturn (\n\t\t<div className={'o-service-order-booking-form-content-inner'} id={`form-top-${rando}`}>\n\t\t\t{submitError && <Alert hideAlert={handleHideAlert}>{submitError}</Alert>}\n\n\t\t\t<div className={'inner-wrap'}>\n\t\t\t\t{formIsSubmitted ? (\n\t\t\t\t\t<div className={'completed'}>\n\t\t\t\t\t\t<CompleteScreen headline={endScreen.headline} text={endScreen.text} button={endScreen.button} formId={`form-top-${rando}`} />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<FormSteps />\n\t\t\t\t\t\t<FormStepsNav formId={`form-top-${rando}`} className={'nav-button-wrapper'} />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default memo(ContentArea);\n","import React from 'react';\nimport MainLayout from '../../layout/MainLayout';\nimport Sidebar from '../../components/SidebarArea';\nimport ContentArea from '../../components/ContentArea';\n\nconst ServiceOrderBookingFormStepper = (): JSX.Element => {\n\treturn (\n\t\t<MainLayout>\n\t\t\t<MainLayout.SidebarArea>\n\t\t\t\t<Sidebar />\n\t\t\t</MainLayout.SidebarArea>\n\t\t\t<MainLayout.Content>\n\t\t\t\t<ContentArea />\n\t\t\t</MainLayout.Content>\n\t\t</MainLayout>\n\t);\n};\n\nexport default ServiceOrderBookingFormStepper;\n","import React, { useEffect } from 'react';\nimport { useDispatch } from 'react-redux';\nimport { SERVICE_BOOKING_FORM_DATA_ID } from '../constants';\nimport { translationsActions } from '../store/modules/translations/reducer';\nimport ServiceOrderBookingFormStepper from './ServiceOrderBookingFormStepper';\nimport { OrganismServiceOrderBookingFormProps } from '../model/global';\nimport { stepsActions } from '../store/modules/steps/reducer';\n\nconst ServiceOrderBookingFormApp = (): JSX.Element => {\n\tconst dispatch = useDispatch();\n\t// const apiUrls = useSelector(stepsSelector);\n\n\tuseEffect(() => {\n\t\tconst data = document.getElementById(SERVICE_BOOKING_FORM_DATA_ID) as HTMLScriptElement;\n\t\tif (data) {\n\t\t\tconst initdata = JSON.parse(data.innerText) as OrganismServiceOrderBookingFormProps;\n\t\t\tdispatch(stepsActions.initApp(initdata));\n\t\t\tdispatch(translationsActions.initTranslations(initdata.translations));\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\treturn <ServiceOrderBookingFormStepper />;\n};\n\nexport default ServiceOrderBookingFormApp;\n","import React from 'react';\nimport { Provider } from 'react-redux';\nimport { CssBaseline, ThemeProvider } from '@material-ui/core';\nimport { MuiPickersUtilsProvider } from '@material-ui/pickers';\nimport theme from '../../../../../global/react-mui/theme';\nimport store from './store';\nimport DateFnsUtils from '@date-io/date-fns';\nimport ServiceBookingFormApp from './views/Main';\n\nexport default function Root(): JSX.Element {\n\treturn (\n\t\t<MuiPickersUtilsProvider utils={DateFnsUtils}>\n\t\t\t<ThemeProvider theme={theme}>\n\t\t\t\t<CssBaseline />\n\t\t\t\t<Provider store={store}>\n\t\t\t\t\t<ServiceBookingFormApp />\n\t\t\t\t</Provider>\n\t\t\t</ThemeProvider>\n\t\t</MuiPickersUtilsProvider>\n\t);\n}\n","import ControllerBase from '../../../../global/js/ControllerBase';\nimport { ServiceBookingFormOutlet } from './o-service-order-booking-form.app';\n\ntype ComponentRefs = {\n\tapp: 'service-booking-order-form-app';\n};\nexport default class ControllerServiceOrderBookingForm extends ControllerBase<ComponentRefs> {\n\tprivate static readonly componentRefs: ComponentRefs = {\n\t\tapp: 'service-booking-order-form-app',\n\t};\n\n\tconstructor(element: HTMLElement) {\n\t\tsuper(element, [], Object.values(ControllerServiceOrderBookingForm.componentRefs));\n\t\tthis.initApp();\n\t}\n\n\t/**\n\t * Render the components to the DOM\n\t * @returns void\n\t */\n\tprivate initApp(): void {\n\t\tconst domOutlet = this.domUtils.getRef<HTMLElement>(ControllerServiceOrderBookingForm.componentRefs.app);\n\t\tif (domOutlet) {\n\t\t\tServiceBookingFormOutlet(domOutlet);\n\t\t}\n\t}\n}\n","/* eslint-disable react/no-render-return-value */\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport App from './react/index';\n\n/** The master component render outlet */\nexport const ServiceBookingFormOutlet = (element: HTMLElement): void => {\n\tconst root = createRoot(element!);\n\troot.render(<App />);\n};\n"],"names":["DomServices","constructor","element","references","onDomElementChanged","Subject","parseStringToHtml","htmlAsString","parsedNode","DOMParser","parseFromString","body","firstChild","renderDomElement","ref","html","renderOnParent","refExists","this","$references","Object","prototype","hasOwnProperty","call","undefined","$element","innerHTML","domElementChanged","console","warn","appendRawHtmlToDomElement","node","position","htmlNode","insertAdjacentElement","replaceLastChildElementWithRawHtml","lastNode","childNodes","length","replaceChild","reference","next","parseDOMScriptTag","elementId","data","document","getElementById","JSON","parse","innerText","error","collectReferences","ignoredReferences","includedReferences","refs","Array","from","querySelectorAll","forEach","el","referenceName","dataset","includes","window","location","hostname","name","getRef","toggleElementState","control","newState","state","removeAttribute","setAttribute","renderDomElementInHTMLElement","InputClasses","InputServices","observedInputs","subscribeInputWithErrorRemovalOnInputChange","value","event","onChange","castEvent","target","label","previousElementSibling","classList","contains","errorClass","remove","input","errorMessage","nextElementSibling","add","mapInputEvent","addFocusToInput","inputName","querySelector","focus","observeElementEvents","inputEvent","inputToObserve$","fromEvent","pipe","map","subscribe","addErrorsToFieldset","errors","onErrorsUpdated","Error","keys","addOrRemoveFormValidationError","inputNameToFocus","firstErrorElement","scrollIntoView","showOrHide","errorMessageContainer","hiddenClass","ControllerBase","disableReferenceCollection","domUtils","inputUtils","dispatchCustomEvent","detail","bubbles","dispatchOnWindow","dispatchOnSpecificElement","customEvent","CustomEvent","dispatchEvent","specialUseCaseFields","validateStepApi","reducerPath","baseQuery","baseUrl","endpoints","builder","validateStep","query","step","endpoint","queryBuilder","useValidateStepQuery","runAsyncValidation","url","stepPayload","URL","resp","fetch","toString","method","credentials","stringify","json","submitFinalForm","payload","formData","_","thunkAPI","getState","activeIndex","steps","activeStepIndex","stepTemplate","stepSummary","formSummary","stepData","validation","mainEnquiryData","find","accordionArray","values","e","added","originalField","fieldType","checked","validateSerialOrOrderNumber","serialOrOrderNumberValidation","serialOrOrderNumber","installationYear","serialOrOrderNumberTwo","installationYearTwo","serialOrOrderNumberThree","installationYearThree","serialOrOrderNumberFour","installationYearFour","serialOrOrderNumberFive","installationYearFive","buildAddedProductsObject","product_1","serial_or_order_number_1","installation_year_1","product_2","serial_or_order_number_2","installation_year_2","product_3","serial_or_order_number_3","installation_year_3","product_4","serial_or_order_number_4","installation_year_4","product_5","serial_or_order_number_5","installation_year_5","productFieldsState","fieldsToValidate","panel","submitForm","formSubmitUrl","summary","FormData","key","elements","entries","fieldKey","field","formDataValue","append","buildFormSubmitPayload","AccordionArrayAction","stepsSlice","initialState","formSubmitError","requestedStepIndex","formIsSubmitted","MAIN_ENQUIRY","CUSTOMER_INFORMATION","RECEIVER_INFORMATION","AGENT_INFORMATION","FORM_SUMMARY","initialized","validationErrors","validatedSteps","validatedStepsHTML5","validatedSerialOrOrderNumber","endScreen","headline","text","button","href","title","reducers","initApp","sort","a","b","stepOrder","setRequestedStep","setActiveStep","setFormSubmitError","initializeStepPayloadValues","initialize","updateAccordionArray","action","OpenClose","updateStepPayloadValues","refreshSummary","isArray","stepIsValid","valid","declareStepValidity","validity","extraReducers","addCase","fulfilled","success","rejected","message","stepsActions","actions","translationsSlice","initTranslations","translationsActions","rootReducer","translations","reducer","middleware","getDefaultMiddleware","concat","devTools","FORM_FIELD_ID_PREFIX","GridContainer","withStyles","theme","createStyles","props","Box","className","Content","forwardRef","SidebarArea","stepsSelector","currentStepSelector","active","totalStepsSelector","total","formSummarySelector","endScreenSelector","formSubmitErrorSelector","dispatch","stepIndex","activeLi","activeBadge","content","IconRenderer","icon","shape","size","color","viewbox","stepName","type","onClick","preventDefault","jumpToStep","stepTitle","memo","currentStep","totalSteps","stepIndicator","fractionTop","padStart","fractionBottom","ukPosition","stepInfo","helpButton","copy","getFormControlInitialState","fieldId","id","invalid","required","invalidReason","getFormSummaryField","controlName","getPrefixedFieldId","newId","replace","translationsSelector","useStyles","makeStyles","formControl","margin","minWidth","formControlFull","selectEmpty","marginTop","spacing","breakpoints","down","colors","select","borderColor","validationWrapper","padding","fullWidth","validationError","classes","formRequiredField","validationMessageState","setValidationMessageState","renderOption","option","controlId","controlClasses","FormControl","join","InputLabel","htmlFor","shrink","Select","native","change","options","handleChange","inputProps","selectControl","hasCustomOptions","isGroup","optionsGroup","hasOriginalOptions","group","idx","renderGroup","renderControlOptions","FormHelperText","inputText","getHelperText","TextField","variant","style","marginLeft","marginRight","InputLabelProps","InputProps","max","Date","toISOString","substr","helperText","FormHelperTextProps","_field","handleTextFieldChange","multiline","minRows","maxRows","labelWrapper","marginBottom","fontSize","checkbox","fill","FormControlLabel","Checkbox","handleCheckboxChange","dangerouslySetInnerHTML","__html","fieldErrors","onFieldChange","customStyle","fieldError","respWidthDefault","responsiveWidth","default","respWidthDesktop","desktop","customClasses","filter","c","sx","renderFormField","onStepControlsChange","addProductButtonText","removeProductButtonText","validateSerialOrOrderNumberButtonText","secondProduct","thirdProduct","fourthProduct","fifthProduct","stepErrors","accordionFieldPadding","paddingLeft","fields","useMemo","enquiryTopic","main","firstPossibleMaintenance","productCategory","productRelated","lastMaintenance","productCategoryTwo","productRelatedTwo","lastMaintenanceTwo","productCategoryThree","productRelatedThree","lastMaintenanceThree","productCategoryFour","productRelatedFour","lastMaintenanceFour","productCategoryFive","productRelatedFive","lastMaintenanceFive","useEffect","initialData","isNameInSpecialUseCaseArray","fieldChangeHandler","indexOf","isValidNumber","categoryChangeHandler","selectField","productRelatedName","groupItem","o","g","exists","findIndex","relatedProductField","newRelatedProductField","relatedProductOptions","groupParent","sumStepTemp","item","attributeOBJ","handler","removeProduct","fieldsArray","fieldArrayCopy","productFieldsArrayCopy","index","opened","Remove","handleAccordionChange","isExpanded","arrayCopy","Accordion","A","expanded","width","AccordionSummary","expandIcon","Typography","AccordionDetails","flexWrap","Divider","AccordionActions","Button","i","Add","handleAddAnotherProduct","version","xmlns","x","y","viewBox","points","partners","target_group","requiredPartners","partner","push","customerAddress","addressFields","f","fieldTranslations","sliceKeyName","sliceTitle","formFieldsList","theStep","fieldControl","val1","optionSelected","flatMap","val3","unchecked","attachedField","toLocaleDateString","year","month","day","getSummaryFieldValue","allSteps","stepText","fieldsKeyName","formFields","fieldMapIndex","excludeFromSummary","resumeSliceTitle","termsCheckbox","privacyCheckbox","summaryWrapper","copyValuesFromPreviousStepButtonText","commissionData","commissionFields","allRelated","reduxItem","relatedField","relatedAddressFormControl","newRelatedItem","handleCopyValuesFromCustomerInformation","agentFirstName","maintenanceAgentData","agentLastName","furtherInfo","requiredElementExists","allFields","renderStep","activeStep","encType","formId","prevButtonText","nextButtonText","submitButtonText","submitButtonShouldBeDisabled","setSubmitButtonShouldBeDisabled","useState","isSubmit","goToStep","direction","newStep","scrollTo","setTimeout","behavior","block","result","clearTimeout","disabled","tabIndex","btnText","CircularProgress","elem","d","children","hideAlert","alertWrapper","top","left","right","zIndex","submitError","rando","Math","floor","random","MainLayout","initdata","Root","M","utils","ThemeProvider","CssBaseline","store","ControllerServiceOrderBookingForm","super","componentRefs","domOutlet","app","render"],"sourceRoot":""}