\n
\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n// imports from the lm-design-system library\nimport { LmButton } from '@lm/lm-design-system/dist/components';\n// imports from material-ui\nimport { Dialog } from '@material-ui/core';\n\nexport default class LmModal extends React.Component {\n render() {\n const { modalOpened, modalClosed, modalMessage } = this.props;\n\n // translation\n const projectCode = i18next.t('windows.LM_MODAL.projectCode');\n const printProject = i18next.t('windows.LM_MODAL.printProject');\n const continueProject = i18next.t('windows.LM_MODAL.continue');\n\n return (\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n\n// imports from the lm-design-system library\nimport { LmNavigationMenu } from '@lm/lm-design-system/dist/components';\n// import project components\nimport LmLoginModal from '../LmLoginModal';\nimport LmModal from '../LmModal';\n\n// images\nimport logo from '../../assets/images/lm-logo.svg';\nimport accountIcon from '../../assets/images/account.svg';\nimport accountIconGreen from '../../assets/images/account-green.svg';\nimport helpIcon from '../../assets/images/help.svg';\nimport helpIconGreen from '../../assets/images/help-green.svg';\nimport storeIcon from '../../assets/images/store.svg';\nimport storeIconGreen from '../../assets/images/store-green.svg';\n//import ecobonusBanner from '../../assets/images/ecobonus_banner.jpg';\nimport { env } from '../../utils/env';\nimport {\n handleLoginModal,\n handleLoginButton,\n handleLogoutButton,\n} from '../../utils/commons/loginFunctions';\n\nexport default class LmConfiguratorHeader extends React.Component {\n state = {\n navigationMenuOpened: false,\n };\n\n handleNavigationMenuToggle = () =>\n this.setState({ navigationMenuOpened: !this.state.navigationMenuOpened });\n\n changeLocation = () => {\n window.location.href = './';\n };\n\n handleLoginRedirect = () => {\n //window.location.href = \"https://www.leroymerlin.it/login?redirectUrl=/oaainfissi/\"\n // window.location.href = \"https://dev-cliente.leroymerlin.it/?redirectUrl=/oaainfissi/\"\n window.location.href = env.REACT_LM_LOGIN_URL;\n };\n\n render() {\n const { navigationMenuOpened } = this.state;\n const {\n currentStep,\n isLogged,\n projectName,\n loginModalOpened,\n storeDetails,\n globalState,\n modalOpened,\n modalClosed,\n modalMessage,\n //selectedConfOption,\n } = this.props;\n\n const navigationLinksLogged = [\n { label: 'Logout', onClick: () => handleLogoutButton(globalState) },\n { label: 'Crea progetto' },\n { label: 'I tuoi progetti' },\n ];\n\n const navigationLinksNotLogged = [\n { label: 'Accedi o registrati', onClick: this.handleLoginRedirect },\n { label: 'Crea progetto' },\n ];\n\n return (\n {loginText}
\n \n \n setCredentials(globalState, 'username', e.target.value)\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleLoginButton(globalState)\n }\n />\n
\n \n \n setCredentials(globalState, 'password', e.target.value)\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleLoginButton(globalState)\n }\n />\n
\n \n \n {forgotPassword}\n \n
\n \n handleLoginButton(globalState)}>\n {loginButton}\n \n
\n \n
\n {noAccount}
\n \n \n {registerAccount}{' '}\n \n {learnAdvantages}\n
\n \n
\n\n \n\n \n
\n \n \n 
\n \n
\n \n
\n \n {/*\n
\n \n \n
\n \n
\n \n {!isLogged\n ? i18next.t('windows.LM_CONFIGURATOR_HEADER.account')\n : isLogged.mainContact.name}\n
\n\n handleLogoutButton(globalState)\n }\n >\n \n {' '}\n {!isLogged ? 'ACCEDI O REGISTRATI' : 'LOGOUT'}\n \n
\n \n {i18next.t('windows.LM_CONFIGURATOR_HEADER.createProject')}\n
\n {isLogged && (\n \n {i18next.t('windows.LM_CONFIGURATOR_HEADER.myProjects')}\n
\n )}\n \n
*/}\n \n
\n \n
\n \n {isLogged && (\n <>\n
\n \n
\n\n \n
\n \n )}\n \n {/* Il mio negozio */}\n {i18next.t('windows.LM_CONFIGURATOR_HEADER.myStore')}\n
\n \n {storeDetails && storeDetails.storeName}\n
\n \n {/* BENVENUTO! */}\n \n {i18next.t('windows.LM_CONFIGURATOR_HEADER.title2')}\n \n {/* Configura i tuoi infissi */}\n \n {i18next.t('windows.LM_CONFIGURATOR_HEADER.subtitle2')}\n \n
\n \n )}\n\n {currentStep !== 0 && (\n \n
\n )}\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n// imports from the lm-design-system library\nimport { LmCard, LmImage } from '@lm/lm-design-system/dist/components';\n\nexport default class LmConfOptionCard extends React.Component {\n render() {\n const { el, i, handleSelectedConfOptions, selectedConfOption } = this.props;\n\n return (\n {projectName}
\n{i18next.t(el.key)}
\n\n \n {projects && projects.map((el, i) => {\n return (\n \n \n );\n })}\n \n
\n );\n }\n}","import React from 'react';\nimport style from './style.module.scss';\nimport './autocomplete.scss';\nimport i18next from '../../utils/i18n';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { withStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\n// import {\n// // setCredentials, handleLoginButton,\n// handleGetProjectButton,\n// getProject,\n// } from './../../utils/commons/loginFunctions';\n\n// imports from the lm-design-system library\nimport {\n LmButton,\n LmCard,\n LmImage,\n LmInput,\n LmSelect,\n} from '@lm/lm-design-system/dist/components';\n// imports from material-ui\nimport {\n Grid,\n Accordion,\n AccordionSummary,\n AccordionDetails,\n TextField,\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\n\n// import project components\nimport LmConfOptionCard from '../LmConfOptionCard';\nimport LmHomepageProjectWrapper from '../LmHomepageProjectWrapper';\n\n// images\nimport createProjectIcon from '../../assets/images/create-project-icon.svg';\n// import loginIcon from '../../assets/images/login-icon.svg';\nimport downloadIcon from '../../assets/images/download.png';\nimport finestra from '../../assets/images/finestre.jpg';\nconst styles = (theme) => ({\n root: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n formControl: {\n margin: theme.spacing.unit,\n minWidth: 120,\n },\n selectEmpty: {\n marginTop: theme.spacing.unit * 2,\n },\n});\nconst iconStyles = {\n selectIcon: {\n color: 'green',\n },\n};\n\nconst CustomExpandMore = withStyles(iconStyles)(\n ({ className, classes, ...rest }) => {\n return (\n \n {(!projects || projects.length === 0) && Al momento non ci sono progetti salvati per il tuo profilo}\n {projects && projects.length > 0 && I tuoi progetti}\n
\n\n
\n \n
\n \n
\n\n {el.title}
\n {el.code}\n\n\n
\n\n \n
\n\n \n
\n \n
\n \n
\n {/* N° Elementi: 3 */}\n
{/* N° Totale Unità: 14 */}\n\n\n
Tot. {Number(el.price).toFixed(2)}
\n\n {/* Duplica */}\n handleProjectCardModify(globalState, el.id)}>Modifica\n deleteProject(globalState, el.id)}>Elimina\n
\n \n
\n );\n }\n}\n","import React from 'react';\n\n// imports from material-ui\nimport { Dialog } from '@material-ui/core';\nimport svg from './../../assets/images/loader.svg';\n\nexport default class LmLoader extends React.Component {\n render() {\n const { isLoading } = this.props;\n return (\n \n \n \n {isLogged && (\n
\n\n \n 
\n \n {i18next.t('windows.LM_HOMEPAGE_MAIN_CARD.createProject')}\n \n
\n \n \n {configuratorsOptions.map((el, i) => {\n return (\n \n \n );\n })}\n \n
\n \n
\n {/* {!isLogged &&\n <>\n \n handleProjectName(e)}\n />\n
\n \n {\n handleStore(newValue);\n this.setState({ tempSelectedStore: newValue });\n }}\n value={this.state.tempSelectedStore || storeDetails}\n getOptionLabel={(option) => {\n return option.label || '';\n }}\n className={`lmAutocomplete`}\n IconComponent={ExpandMoreIcon}\n renderInput={(params) => (\n
\n \n \n {i18next.t('windows.LM_HOMEPAGE_MAIN_CARD.createButton')}\n \n
\n \n 
\n FAI LOGIN PER RECUPERARE I TUOI PROGETTI\n
\n \n
\n \n } */}\n <>\n {/* \n setCredentials(globalState, 'username', e.target.value)} />\n
\n \n setCredentials(globalState, 'password', e.target.value)} />\n
\n \n Hai dimenticato la password? \n
\n Non hai un account? Registrati e scopri i vantaggi a te riservati.
\n \n handleLoginButton(globalState)}>LOGIN \n
\n \n 
\n \n {i18next.t('windows.LM_HOMEPAGE_MAIN_CARD.createProject')}\n \n
\n \n
*/}\n \n \n \n getProject(globalState, 'prjEmail', e.target.value)\n }\n />\n
\n \n \n getProject(globalState, 'prjCode', e.target.value)\n }\n />\n
\n \n handleGetProjectButton(globalState)}\n >\n {i18next.t('windows.LM_HOMEPAGE_MAIN_CARD.confirm')}\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n {/* {!isLogged &&\n \n \n \n \n \n \n \n \n } */}\n {/*\n \n \n \n \n \n \n */}\n {/*isLogged && (\n \n
\n \n
\n \n
\n \n {i18next.t(\n 'windows.LM_HOMEPAGE_MAIN_CARD.createNewProject'\n )}\n \n \n {/*
\n \n \n handleSelectedConfOptions(element.label)\n }\n />\n
*/}\n \n handleProjectName(e)}\n />\n
\n \n {\n handleStore(newValue);\n this.setState({ tempSelectedStore: newValue });\n }}\n value={this.state.tempSelectedStore || storeDetails}\n getOptionLabel={(option) => {\n return option.label || '';\n }}\n className={`lmAutocomplete`}\n renderInput={(params) => (\n
\n \n \n {i18next.t(\n 'windows.LM_HOMEPAGE_MAIN_CARD.createButton'\n )}\n \n
\n \n
\n \n
\n FAI LOGIN PER RECUPERARE I PROGETTI\n \n
\n \n setCredentials(globalState, 'username', e.target.value)} />\n
\n \n setCredentials(globalState, 'password', e.target.value)} />\n
\n \n Hai dimenticato la password? \n
\n \n handleLoginButton(globalState)}>LOGIN \n
\n \n Registrati e scopri i vantaggi a te riservati.\n
\n Non hai un account?
\n \n
\n \n
\n \n {i18next.t(\n 'windows.LM_HOMEPAGE_MAIN_CARD.recoverProject'\n )}\n \n \n
\n \n \n getProject(globalState, 'prjEmail', e.target.value)\n }\n />\n
\n \n \n getProject(globalState, 'prjCode', e.target.value)\n }\n />\n
\n \n handleGetProjectButton(globalState)}\n >\n Conferma\n \n
\n \n
\n )\n }\n}","import React from 'react';\nimport style from './style.module.scss';\n\nexport default class LmStepperCard extends React.Component {\n render() {\n const {\n globalState,\n isAccessory,\n el,\n selected,\n handleSelected,\n wrapperIndex,\n size,\n noLabel,\n } = this.props;\n\n return (\n {title}
\n{subtitle1}
\n{subtitle2}
\n {children}\n\n
\n {\n !noLabel && (\n // <>\n // {el.disabled && (el.label === \"Legno\" || el.label === \"Legno e alluminio\")\n // ?
{el.label.replace(\"
\", \"\")}
non disponbile
{el.label.replace('
', '') || 'nessuna'}
\n \n {options.map((el, i) => {\n return (\n \n \n );\n })}\n \n
\n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n// imports from the lm-design-system library\nimport { LmInput } from '@lm/lm-design-system/dist/components';\n\nexport default class LmStepperSizesBox extends React.Component {\n render() {\n const {\n heightIsValid,\n widthIsValid,\n height,\n width,\n handleHeightInput,\n handleWidthInput,\n sizes: { min_height, max_height, min_width, max_width },\n } = this.props;\n\n const insertValue = i18next.t('windows.LM_STEP_WINDOW_SIZE.insertValue');\n const andKeyword = i18next.t('windows.LM_STEP_WINDOW_SIZE.and');\n const cmSize = i18next.t('windows.LM_STEP_WINDOW_SIZE.cmSize');\n\n return (\n \n
\n );\n }\n}\n","import React from 'react';\n\n// import project components\nimport LmStepperSectionContainer from '../../LmStepperSectionContainer';\nimport LmStepperCardWrapper from '../../LmStepperCardWrapper';\nimport LmStepperSizesBox from '../../LmStepperSizesBox';\n\nexport default class LmStepperMnetsStep1 extends React.Component {\n state={\n selectedSizes: []\n }\n\n componentDidMount() {\n const { selected1stSection, stepInfos: { options1stSection } } = this.props;\n this.setState({ \n selectedSizes: selected1stSection \n ? options1stSection[options1stSection.map(el => el.item.label).indexOf(selected1stSection)].sizes \n : []\n })\n };\n\n componentDidUpdate(prevState) {\n const { selected1stSection, stepInfos: { options1stSection } } = this.props;\n if(prevState.selected1stSection !== selected1stSection) \n this.setState({ \n selectedSizes: options1stSection[options1stSection.map(el => el.item.label).indexOf(selected1stSection)].sizes \n })\n };\n\n render() {\n const { \n selectedSizes,\n selectedSizes: { \n min_height, \n max_height, \n min_width, \n max_width\n } \n } = this.state;\n const {\n globalState,\n confHeightIsValid,\n confWidthIsValid,\n configuratorHeight,\n configuratorWidth,\n handleConfiguratorHeight,\n handleConfiguratorWidth,\n handleSelected1stSection,\n selected1stSection,\n stepInfos: { \n title1stSection, \n title2ndSection, \n options1stSection \n }\n } = this.props;\n\n return(\n <>\n \n
\n \n {insertValue} {min_height / 10} {andKeyword} {max_height / 10}{' '}\n {cmSize}\n
\n\n
\n \n {insertValue} {min_width / 10} {andKeyword} {max_width / 10}{' '}\n {cmSize}\n
\n\n
\n handleSelected(globalState, el.label, el.id)}\n > \n
\n {el.label}
\n \n )\n }\n}","import React from 'react';\nimport style from './style.module.scss';\n \n// imports from material-ui\nimport { Grid } from '@material-ui/core';\n// import project components\nimport LmStepperCardColor from '../LmStepperCardColor';\n\nexport default class LmStepperColorsBox extends React.Component {\n render() {\n const { globalState, options, selected, handleSelected } = this.props;\n\n return (\n \n
\n )\n }\n}","import React from 'react';\n\n// import project components\nimport LmStepperSectionContainer from '../../LmStepperSectionContainer';\nimport LmStepperCardWrapper from '../../LmStepperCardWrapper';\nimport LmStepperColorsBox from '../../LmStepperColorsBox';\n\nexport default class LmStepperMnetsStep4 extends React.Component {\n render() {\n const { \n globalState,\n handleSelected1stSection,\n handleSelected2ndSection,\n selected1stSection,\n selected2ndSection,\n stepInfos: { \n title1stSection, \n title2ndSection, \n options1stSection, \n options2ndSection\n }\n } = this.props;\n\n return(\n <>\n \n \n {options.map((el, i) => {\n return (\n \n \n \n )\n })}\n \n {/*
\n \n {selected}\n
*/}\n \n \n
\n )}\n \n )}\n \n )}\n {el.selectedConfOption === 'Finestre' && (\n <>\n \n
\n {el.cardName}
\n\n \n
\n )}\n \n ) : (\n <>\n {el.colorPreview && (\n \n {el.selectedConfOption === 'Zanzariere' && (\n \n
\n )}\n {el.colorPreviewInt && (\n {externalColor}
\n {internalColor}
\n {itemColor}:
\n \n {el.selectedConfOption === 'Zanzariere' && (\n <>\n \n {viewDetails}\n \n )}\n {showDetails && (\n <>\n \n {hideDetails}\n \n \n )}\n \n )}\n {el.selectedConfOption === 'Tapparelle' && (\n <>\n \n {viewDetails} \n 
\n \n }\n {showDetails &&\n <> */}\n \n Nascondi dettagli \n 
\n \n \n } */}\n \n )}\n {el.selectedConfOption === 'Finestre' && (\n <>\n \n {viewDetails}\n \n )}\n {showDetails && (\n <>\n \n {hideDetails}\n \n \n )}\n \n )}\n
\n\n \n {i18next.t('windows.LM_SUMMARY_CARD_MOBILE.externalColor')}\n {el.selection1}\n
\n\n {itemHeight} {el.height} cm\n
\n\n {itemWidth} {el.width} cm\n
\n\n {itemOpening} {el.selection2}\n
\n\n {numberOfDoors} {el.selection3}\n
\n {!showDetails && (\n\n {fixed} {el.selection4}\n
\n\n {netting} {el.selection5}\n
\n\n {itemQuality} {el.selection6}\n
\n\n {colorType} {el.selection7}\n
\n\n {itemColor} {el.selection8}\n
\n\n {categorizations} {el.selection9}\n
\n\n {addedAccessories}\n
\n {Object.values(el['accessories']).map((el, i) => {\n return (\n\n {el !== undefined ? el.label : ''}\n
\n );\n })}\n\n {i18next.t('windows.LM_SUMMARY_CARD_MOBILE.externalColor')}\n {el.selection1}\n
\n\n {itemHeight} {el.height} cm\n
\n\n {itemWidth} {el.width} cm\n
\n\n {itemMaterial} {el.selection2}\n
\n\n {itemModel} {el.selection3}\n
\n {!el.selection5 && (\n\n {itemColor} {el.selection4}\n
\n )}\n {el.selection5 && (\n <>\n\n {externalColor} {el.selection4}\n
\n\n {internalColor} {el.selection5}\n
\n \n )}\n {/* {!showDetails && \n\n {addedAccessories}\n
\n {Object.values(el['accessories']).map((el, i) => {\n return (\n\n {el !== undefined ? el.label : ''}\n
\n );\n })}\n {/*\n {fixtureType} {el.selection1}\n
\n\n {itemHeight} {el.height} cm\n
\n\n {itemWidth} {el.width} cm\n
\n\n {numberOfDoors} {el.selection2}\n
\n\n {itemOpening} {el.selection3}\n
\n {!showDetails && (\n\n {itemMaterial} {el.selection4.replace('
', '')}\n
\n {el.selection111} {el.selection99}\n
\n\n {el.selection122} {el.selection100}\n
\n {/* {el.selection4 === 'Legno' && (\n\n {itemColor} {el.selection6}\n
\n )} */}\n {/* {el.selection4 !== 'Legno' && (\n <>\n\n {externalColor} {el.selection5}\n
\n\n {internalColor} {el.selection6}\n
\n \n )} */}\n\n {levelOfQuality} {el.selection7}\n
\n {/*\n {itemSecurity} {el.selection8}\n
*/}\n\n {itemAspect} {el.selection9}\n
\n\n {addedAccessories} {el.selection10}\n
\n\n 1\n ? () => changeQuantity(globalState, 'remove', el.cardName)\n : null\n }\n >\n - \n
\n \n {el.quantity} \n
\n \n
\n \n\n {!isFromProjectCard && (\n \n {totalPrice} {Number(el.price).toFixed(2).replace('.', ',')} zł\n
\n\n {/* \n handleLinkProductModal(\n globalState,\n el.selectedConfOption,\n el.height,\n el.width,\n el.selection1,\n el.group\n )\n }\n >\n {addCoordinatedProduct}\n */}\n \n handleSummaryCardDuplicateModal(globalState, el.id, el.code)\n }\n >\n {itemDuplicate}\n \n
\n )}\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\n\nimport LmStepperSummaryInfos from '../LmStepperSummaryInfos';\n\nexport default class LmStepperSummaryCard extends React.Component {\n render() {\n const { \n globalState,\n el, \n handleLinkProductModal,\n handleModify, \n duplicateModalOpened,\n changeQuantity,\n isFromProjectCard,\n handleDuplicate,\n handleSummaryCardDuplicateModal\n } = this.props;\n\n return (\n handleModify(globalState, el.id, el.code)}>\n {itemModify}\n
\n\n
\n )\n }\n}","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\nimport { LmButton } from '@lm/lm-design-system/dist/components';\nimport { Dialog, Grid } from '@material-ui/core';\nimport LmConfOptionCard from '../LmConfOptionCard';\n\nexport default class LmStepperLinkProductModal extends React.Component {\n state = {\n filteredConfOptions: [],\n };\n\n componentDidUpdate(prevProps) {\n const {\n configuratorsOptions,\n selectedToBeLinkedProduct,\n currentGroup,\n summaryCardsInfos,\n } = this.props;\n if (prevProps.selectedToBeLinkedProduct !== selectedToBeLinkedProduct) {\n const groupItems = summaryCardsInfos.filter(function (el) {\n return el.group === currentGroup;\n });\n const groupConfOptionsList = groupItems.map(\n (el) => el.selectedConfOption\n );\n const filteredConfOptions = configuratorsOptions.filter(function (el) {\n return !groupConfOptionsList.includes(el.label);\n });\n\n this.setState({ filteredConfOptions });\n }\n }\n\n render() {\n const { filteredConfOptions } = this.state;\n const {\n productModalOpened,\n handleLinkProductModal,\n globalState,\n selectedLinkedProduct,\n handleLinkedProduct,\n } = this.props;\n\n return (\n \n {el.map((el, i) => {\n return (\n
\n \n \n {filteredConfOptions.map((el, i) => {\n return (\n \n \n globalState({ selectedLinkedProduct: label })\n }\n selectedConfOption={selectedLinkedProduct}\n />\n \n );\n })}\n \n\n
\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\nimport regPDF from '../../docs/20210223_regulamin-konfigurator-leroy-merlin.pdf';\n// imports from the lm-design-system library\nimport { LmButton, LmInput } from '@lm/lm-design-system/dist/components';\n// imports from material-ui\nimport { Dialog, TextareaAutosize } from '@material-ui/core';\nimport { green } from '@material-ui/core/colors';\n\n// images\nimport storeIconGreen from '../../assets/images/store-green.svg';\n\nimport {\n handleAppointmentRequestModal,\n handleAppointmentRequest,\n} from '../../utils/commons/appointmentFunctions';\n\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst GreenCheckbox = withStyles({\n root: {\n marginLeft: '7px',\n color: '#CBCBCB',\n '&$checked': {\n color: '#78BE20',\n },\n },\n\n checked: {},\n})((props) => \n {/* Scegli il prodotto da abbinare */}\n {i18next.t('windows.LM_STEPPER_LINK_PRODUCT_MODAL.selectProduct')}\n
\n\n \n handleLinkedProduct(globalState)}\n >\n {/* PROCEDI */}\n {i18next.t('windows.LM_STEPPER_LINK_PRODUCT_MODAL.proceed')}\n \n
\n \n
\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n\nimport { LmButton } from '@lm/lm-design-system/dist/components';\nimport { Dialog, Grid } from '@material-ui/core';\nimport LmConfOptionCard from '../LmConfOptionCard';\n\nexport default class LmStepperNewProductModal extends React.Component {\n render() {\n const {\n globalState,\n newProductModalOpened,\n handleNewProductModal,\n configuratorsOptions,\n selectedNewProduct,\n handleNewCard,\n } = this.props;\n\n return (\n \n {i18next.t(\n 'windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.requestAppointment'\n )}\n
\n \n \n this.setAppointmentForm(\n globalState,\n 'projectName',\n e.target.value\n )\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleAppointmentRequest(globalState)\n }\n value={projectName}\n />\n
\n \n \n this.setAppointmentForm(globalState, 'email', e.target.value)\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleAppointmentRequest(globalState)\n }\n value={email}\n />\n
\n \n \n this.setAppointmentForm(globalState, 'name', e.target.value)\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleAppointmentRequest(globalState)\n }\n value={name}\n />\n
\n \n \n this.setAppointmentForm(globalState, 'surname', e.target.value)\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleAppointmentRequest(globalState)\n }\n value={surname}\n />\n
\n \n \n this.setAppointmentForm(\n globalState,\n 'phonenumber',\n e.target.value\n )\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleAppointmentRequest(globalState)\n }\n value={phonenumber}\n />\n
\n \n \n this.setAppointmentForm(globalState, 'note', e.target.value)\n }\n onKeyPress={(event) =>\n event.charCode === 13 && handleAppointmentRequest(globalState)\n }\n value={note}\n />\n
\n {/* Privacy Box */}\n {/* Policy Wrappper */}\n \n \n {' '}\n {i18next.t('windows.PRIVACY_POLICY.header')}\n \n {\n this.setState({ show: !this.state.show });\n }}\n >\n {this.state.show ? lessInfo : moreInfo}\n \n
\n {this.state.show && (\n \n
\n )}\n\n \n {i18next.t('windows.PRIVACY_POLICY.policy')}\n \n {i18next.t('windows.PRIVACY_POLICY.link')}\n \n .\n
\n \n \n {' '}\n {i18next.t(\n 'windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.pdfRegulation'\n )}{' '}\n \n
\n \n
\n\n \n
\n\n \n
\n \n {/* Il mio negozio */}\n {i18next.t(\n 'windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.myStore'\n )}\n
\n \n {storeDetails && storeDetails.storeName}\n
\n \n
\n\n \n
\n {/* */}\n\n {/* Cookie Policy */}\n {/* */}\n \n
\n \n \n {i18next.t(\n 'windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.agreement1'\n )}\n \n {i18next.t(\n 'windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.agreementPrivacy'\n )}\n \n {i18next.t(\n 'windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.agreement'\n )}{' '}\n \n
\n \n handleAppointmentRequest(globalState)}\n >\n {/* INVIA */}\n {i18next.t('windows.LM_STEPPER_APPOINTMENT_REQUEST_MODAL.send')}\n \n
\n \n \n {configuratorsOptions.map((el, i) => {\n return (\n \n \n globalState({ selectedNewProduct: label })\n }\n selectedConfOption={selectedNewProduct}\n />\n \n );\n })}\n \n\n
\n \n );\n }\n}\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n// imports from the lm-design-system library\nimport { LmButton, LmInput } from '@lm/lm-design-system/dist/components';\n// imports from material-ui\nimport { Dialog } from '@material-ui/core';\n\nexport default class LmStepperDuplicateModal extends React.Component {\n state = {\n newHeight: undefined,\n newWidth: undefined,\n };\n\n handleNewSizes = (value, type) => this.setState({ [type]: value });\n\n render() {\n const {\n globalState,\n duplicateModalOpened,\n handleDuplicate,\n handleSummaryCardDuplicateModal,\n } = this.props;\n const { newHeight, newWidth } = this.state;\n\n return (\n \n {/* Scegli il nuovo infisso */}\n {i18next.t('windows.LM_STEPPER_NEW_PRODUCT_MODAL.selectNew')}\n
\n\n \n handleNewCard(globalState)}\n >\n {i18next.t('windows.LM_STEPPER_NEW_PRODUCT_MODAL.proceed')}\n \n
\n \n
\n \n );\n }\n}\n","import React, { useState } from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\nimport { Dialog } from '@material-ui/core';\nimport { LmButton, LmInput } from '@lm/lm-design-system/dist/components';\nimport { handleShareRequest } from '../../utils/commons/shareProjectService';\nimport { handleShareRequestModal } from '../../utils/commons/shareProjectService';\n\nimport addIcon from '../../assets/images/addIcon.svg';\nimport closeEmail from '../../assets/images/closeEmail.svg';\nimport shareIcon from '../../assets/images/shareIcon.svg';\n// Translation keys returned from Backend & included locally in frontend public/locales\nfunction LmEmailShare(props) {\n console.log(props);\n const { globalState, shareEmailModalOpened } = props;\n\n const [fields, setFields] = useState([{ value: null }]);\n const [formatErrorTotal, setFormatErrorTotal] = useState(false);\n const [fieldAdded, setFieldAdded] = useState(false);\n\n function handleChange(i, event) {\n const values = [...fields];\n values[i].value = event.target.value;\n setFields(values);\n }\n\n function handleAdd() {\n const values = [...fields];\n values.push({ value: null });\n if (values.length === 0) {\n setFieldAdded(false);\n } else if (values.length >= 1) {\n setFieldAdded(true);\n }\n if (values.length > 4) {\n setFormatErrorTotal(true);\n } else {\n setFields(values);\n }\n }\n\n function handleRemove(i) {\n const values = [...fields];\n values.splice(i, 1);\n setFields(values);\n setFormatErrorTotal(false);\n\n if (values.length === 0) {\n setFieldAdded(false);\n }\n }\n\n return (\n \n {/* Scegli le misure del tuo nuovo infisso */}\n {i18next.t('windows.LM_STEPPER_DUPLICATE_MODAL.chooseMeasurement')}\n
\n\n \n \n this.handleNewSizes(e.target.value, 'newHeight')\n }\n />\n
\n \n \n this.handleNewSizes(e.target.value, 'newWidth')\n }\n />\n
\n\n \n handleDuplicate(globalState, newHeight, newWidth)}\n >\n {i18next.t('windows.LM_STEPPER_DUPLICATE_MODAL.duplicate')}\n \n
\n \n
\n \n );\n}\nexport default LmEmailShare;\n","import React from 'react';\nimport style from './style.module.scss';\nimport i18next from '../../utils/i18n';\n\nimport LmButton from '@lm/lm-design-system/dist/components/LmButton';\nimport LmStepperSummaryCard from '../LmStepperSummaryCard';\nimport LmStepperLinkProductModal from '../LmStepperLinkProductModal';\nimport LmStepperAppointmentRequestModal from '../LmStepperAppointmentRequestModal';\nimport LmStepperNewProductModal from '../LmStepperNewProductModal';\nimport LmStepperDuplicateModal from '../LmStepperDuplicateModal';\nimport LmEmailShare from '../LmEmailShare/';\n\nexport default class LmStepperSummaryContainer extends React.Component {\n render() {\n const {\n globalState,\n summaryCardsInfos,\n handleModify,\n handleDuplicate,\n handleNewCard,\n changeQuantity,\n handleLinkProductModal,\n newProductModalOpened,\n productModalOpened,\n configuratorsOptions,\n selectedNewProduct,\n handleNewProductModal,\n selectedToBeLinkedProduct,\n selectedLinkedProduct,\n handleLinkedProduct,\n appointmentModalOpened,\n appointmentForm,\n isLogged,\n storeDetails,\n currentGroup,\n isFromProjectCard,\n duplicateModalOpened,\n handleSummaryCardDuplicateModal,\n shareEmailModalOpened,\n } = this.props;\n\n const groupedCardsInfos = summaryCardsInfos.reduce(\n (h, obj) =>\n Object.assign(h, { [obj.group]: (h[obj.group] || []).concat(obj) }),\n {}\n );\n\n return (\n <>\n {Object.values(groupedCardsInfos).map((el, i) => {\n return (\n \n
\n \n 
\n
\n {i18next.t('windows.LM_SHARE_EMAIL.title')}
\n\n {i18next.t('windows.LM_SHARE_EMAIL.subtitle')}\n
\n\n {fields.map((field, idx) => {\n return (\n
\n\n \n {formatErrorTotal && (\n \n handleChange(idx, e)}\n />\n handleRemove(idx)}\n >\n 
\n \n
\n );\n })}\n \n {i18next.t('windows.LM_SHARE_EMAIL.error_max_email')}\n
\n )}\n\n {/* {fieldAdded && ( */}\n\n handleShareRequest(globalState, fields)}>\n \n
\n {/* )} */}\n {i18next.t('windows.LM_SHARE_EMAIL.send_email')}
\n\n
\n )}\n\n \n handleNewProductModal(globalState)}>\n {i18next.t('windows.LM_STEPPER_SUMMARY_CONTAINER.newFixture')}\n \n
\n \n {i18next.t('windows.section.title.information_text')}\n \n
\n }\n \n {/* \n \n\n <>\n {/* homepage */}\n {currentStep === 0 && (\n stepsResetOnBackButton(this.globalState)}\n handleChangeNext={() => getStepsInfos(this.globalState)}\n i18nLabels={{\n Anteprima: i18next.t(\n 'windows.LM_SUMMARY_CARD_MOBILE.previewItem'\n ),\n Riepilogo: i18next.t(\n 'windows.LM_SUMMARY_CARD_MOBILE.summaryTitle'\n ),\n TipologiaInfisso: i18next.t(\n 'windows.LM_SUMMARY_CARD_MOBILE.fixtureType'\n ),\n Altezza: i18next.t('windows.LM_SUMMARY_CARD_MOBILE.height'),\n Larghezza: i18next.t('windows.LM_SUMMARY_CARD_MOBILE.width'),\n NumeroAnte: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.numberOfDoors'\n ),\n Apertura: i18next.t('windows.LM_STEPPER_SUMMARY_INFOS.opening'),\n Materiale: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.material'\n ),\n internalView: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.internalView'\n ),\n externalView: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.externalView'\n ),\n totalPrice: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.totalPrice'\n ),\n priceWarning: i18next.t('windows.SUMMARY.priceWarning'),\n projectWarning: i18next.t('windows.SUMMARY.projectWarning'),\n externalColor: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.color'\n ),\n internalColor: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.colorSide'\n ),\n infoTitle: i18next.t('windows.SUMMARY.infoTitle'),\n askToCheck: i18next.t('windows.SUMMARY.askToCheck'),\n checkInfo1: i18next.t('windows.SUMMARY.checkInfo1'),\n checkInfoLink: i18next.t('windows.SUMMARY.checkInfoLink'),\n checkInfo2: i18next.t('windows.SUMMARY.checkInfo2'),\n implementation: i18next.t('windows.SUMMARY.implementation'),\n qualityLevel: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.levelOfQuality'\n ),\n aspect: i18next.t('windows.LM_STEPPER_SUMMARY_INFOS.aspect'),\n implInfo1: i18next.t('windows.SUMMARY.implInfo1'),\n implInfo2: i18next.t('windows.SUMMARY.implInfo2'),\n implInfo3: i18next.t('windows.SUMMARY.implInfo3'),\n //link to PDF\n implInfo4: i18next.t('windows.SUMMARY.implInfo4'),\n currency: i18next.t('currency'),\n handle: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.addedAccessories'\n ),\n outsideView: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.outsideView'\n ),\n insideView: i18next.t(\n 'windows.LM_STEPPER_SUMMARY_INFOS.insideView'\n ),\n }}\n steps={stepsCreate(\n this.globalState,\n selectedConfOption === 'Zanzariere'\n ? [\n LmStepperMnetsStep1,\n LmStepperMnetsStep2,\n LmStepperMnetsStep3,\n LmStepperMnetsStep4,\n LmStepperMnetsStep5,\n LmStepperMnetsStep6,\n LmStepperMnetsStep7,\n ]\n : selectedConfOption === 'Tapparelle'\n ? [\n LmStepperBlindsStep1,\n LmStepperBlindsStep2,\n LmStepperBlindsStep3,\n LmStepperBlindsStep4,\n LmStepperBlindsStep5,\n ]\n : selectedConfOption === 'Finestre'\n ? [\n LmStepperWinStep1,\n LmStepperWinStep2,\n LmStepperWinStep3,\n LmStepperWinStep4,\n LmStepperWinStep5,\n LmStepperWinStep6,\n ]\n : []\n )}\n currentPreview={currentPreview}\n currentPreviewWindowsFront={currentPreviewWindowsFront}\n currentPreviewWindowsBack={currentPreviewWindowsBack}\n currentStep={currentStep}\n currentPrice={currentPrice}\n selectedConfOption={selectedConfOption}\n configuratorHeight={configuratorHeight}\n configuratorWidth={configuratorWidth}\n selectedAccessories={selectedAccessories}\n selected1stStep1stSection={selected1stStep1stSection}\n selected2ndStep1stSection={selected2ndStep1stSection}\n selected2ndStep2ndSection={selected2ndStep2ndSection}\n selected3rdStep1stSection={selected3rdStep1stSection}\n selected3rdStep2ndSection={selected3rdStep2ndSection}\n selected3rdStep3rdSection={selected3rdStep3rdSection}\n selected4thStep1stSection={selected4thStep1stSection}\n selected4thStep2ndSection={selected4thStep2ndSection}\n selected4thStep3rdSection={selected4thStep3rdSection}\n selected5thStep1stSection={selected5thStep1stSection}\n totalPrice={totalPrice}\n discountedTotalPrice={discountedTotalPrice}\n summaryCardsInfos={summaryCardsInfos}\n selectedBlindsColorImage={selectedBlindsColorImage}\n selectedBlindsColorImageExt={selectedBlindsColorImageExt}\n selectedBlindsColorImageInt={selectedBlindsColorImageInt}\n defExternal={defExternal}\n />\n )}\n \n
\n );\n }\n}\n","\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport { Route, BrowserRouter as Router } from 'react-router-dom'\nimport * as serviceWorker from './serviceWorker';\nimport { MuiThemeProvider } from \"@material-ui/core\";\nimport { theme } from '@lm/lm-design-system/dist/assets/styles/theme.js';\nimport LmConfigurator from './pages/LmConfigurator';\n\nimport TagManager from 'react-gtm-module';\n\n\nimport { env } from './utils/env';\nimport {init18n} from './utils/i18n';\n\nconst GTAG_ALE = 'GTM-NBG9DJ3';\nconst GTAG_POLAND = 'GTM-T4R6NPK';\n\nconst tagManagerArgs = {\n gtmId: GTAG_POLAND\n}\n\n\n\nTagManager.initialize(tagManagerArgs);\n\n\nconst routing = (\n \n
\n )}\n\n {/* stepper page */}\n {currentStep !== 0 && (\n