{"version":3,"sources":["webpack:///./Scripts/Components/Checkout.PrivateCustomerInfo.js","webpack:///./Scripts/Components/Checkout.BusinessCustomerInfo.js","webpack:///./Scripts/Components/Checkout.DeliveryMethods.js","webpack:///./Scripts/Components/Checkout.PaymentMethods.js","webpack:///./Scripts/Components/Payments/PaymentWidget.js","webpack:///./Scripts/Containers/Checkout.container.js"],"names":["CheckoutPrivateCustomerInfo","props","_props$customerDetail","customerDetails","_props$alternativeAdd","alternativeAddress","signUp","authenticated","onChange","onSignUpChange","_props$errors","errors","input","cssClass","stateKey","id","autoComplete","arguments","length","undefined","placeholder","type","react_default","a","createElement","className","htmlFor","concat","translate","toLowerCase","name","value","event","target","data-error-for","country","disabled","constants","countries","map","_ref","text","key","_ref2","checked","CheckoutBusinessCustomerInfo","_props$companyAddress","companyAddresses","companyName","selectedCompanyAddressId","setSelectedCompanyAddress","selectedAddress","find","address","systemId","getCountry","addressCountry","zipCode","city","CheckoutDeliveryMethods","deliveryMethods","selectedId","toPayment","deliveryCost","deliveryCostText","method","image","description","formattedPrice","src","onClick","CheckoutPaymentMethods","paymentMethods","onCampaignCodeChange","onSubmitCampaignCode","scriptPattern","PaymentWidget","PureComponent","_this$props","this","responseString","renderKlarna","paymentSession","KlarnaCheckout","DynamicComponent","loader","__webpack_require__","e","then","bind","args","extractScripts","executeScript","domString","matches","html","scripts","exec","replace","push","domId","scriptContent","script","document","appendChild","createTextNode","getElementById","privateCustomerAdditionalDetailsSchema","object","shape","acceptTermsOfCondition","boolean","required","oneOf","selectedDeliveryMethod","string","privateCustomerAddressSchema","email","phoneNumber","mixed","notOneOf","lastName","firstName","privateCustomerAlternativeAddressSchema","businessCustomerDetailsSchema","CheckoutContainer","Component","_this","Checkout_container_classCallCheck","_super","call","state","statusFirst","statusSecond","statusThird","checkout","selectedPaymentMethod","payload","setPayment","_this$props$checkout$","onCustomerDetailsChange","_this2","_this$props$checkout$2","isBusinessCustomer","notCustomerDetailFields","onError","error","addressPath","path","indexOf","submitError","submitRequest","validate","_objectSpread","submit","catch","checkAltAddress","cart","orderRows","paymentWidget","orderNote","checkoutMode","innerHTML","isChangeable","react","renderCartSection","renderCartState","renderDeliveryMethodsSection","Payments_PaymentWidget","_extends","verify","renderError","prevProps","result","redirectUrl","window","location","isSubmitting","errorKeys","Object","keys","errorNode","querySelector","inputNode","parentElement","setTimeout","focus","scrollIntoView","behavior","_checkout$errors2","Cart","updateOrderRowQuantity","removeOrderRow","setCampaignCode","submitCampaignCode","onRemoveCampaignCode","removeCampaignCode","_this3","_checkout$errors3","privateCustomerInfoComponent","Checkout_PrivateCustomerInfo","businessCustomerInfoComponent","Checkout_BusinessCustomerInfo","href","loginUrl","both","setBusinessCustomer","companyCustomers","_this4","_checkout$errors4","deliveryCostNumber","parseFloat","Checkout_DeliveryMethods","setDelivery","setState","paymentWidgetTop","getElementsByClassName","innerWidth","block","inline","y","getBoundingClientRect","top","pageYOffset","scrollTo","_checkout$errors5","Checkout_PaymentMethods","connect","dispatch","code","setOrderNote","note","accept","url","orderId","setSignUp","submitDone","companyId","propName","setCustomerDetails","setAlternativeAddress","rowId","quantity","reloadPayment"],"mappings":"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","file":"8.d7a03c9ad3f73c285583.js","sourcesContent":["import React from 'react';\r\nimport constants from '../constants';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst CheckoutPrivateCustomerInfo = (props) => {\r\n    const { customerDetails = {}, alternativeAddress = [], signUp, authenticated, onChange, onSignUpChange, errors = {} } = props;\r\n    const input = (cssClass, stateKey, id, autoComplete = 'on', placeholder = null, type = 'text') => (\r\n        <div className={cssClass}>\r\n            <label className=\"form__label\" htmlFor={`${stateKey}-${id}`}>{translate(`checkout.customerinfo.${id.toLowerCase()}`)}&#8203;</label>\r\n            <input className=\"form__input\" id={`${stateKey}-${id}`} name={`${stateKey}-${id}`} type={type}\r\n                value={(props[stateKey] || {})[id] || ''} placeholder={placeholder} autoComplete={autoComplete}\r\n                onChange={(event) => onChange(stateKey, id, event.target.value)}/>\r\n            {errors[`${stateKey}-${id}`] &&\r\n                <span className=\"form__validator--error form__validator--top-narrow\" data-error-for={`${stateKey}-${id}`}>{errors[`${stateKey}-${id}`][0]}</span>\r\n            }\r\n        </div>\r\n    );\r\n    return (\r\n        <div className=\"checkout-info__container\">\r\n            <div className=\"small-12 medium-6 columns\">\r\n                <div className=\"row-inner\">\r\n                    {input('small-6 columns', 'customerDetails', 'firstName', 'billing given-name')}\r\n                    {input('small-6 columns', 'customerDetails', 'lastName', 'billing family-name')}\r\n                    {input('small-12 columns', 'customerDetails', 'careOf')}\r\n                    {input('small-12 columns', 'customerDetails', 'address', 'billing street-address')}\r\n                    {input('small-6 columns', 'customerDetails', 'zipCode', 'billing postal-code')}\r\n                    {input('small-6 columns', 'customerDetails', 'city', 'billing address-level2')}\r\n                    <div className=\"small-12 columns\">\r\n                        <label className=\"form__label\" htmlFor=\"country\">{translate('checkout.customerinfo.country')}</label>\r\n                        <select className=\"form__input\" id=\"country\" value={customerDetails.country}\r\n                            onChange={(event) => onChange('customerDetails', 'country', event.target.value)}>\r\n                            <option value='' disabled>{translate('checkout.customerinfo.country.placeholder')}</option>\r\n                            {constants.countries && constants.countries.map(({text, value,}) =>\r\n                                <option value={value} key={`country-${value}`}>{text}</option>\r\n                            )}\r\n                        </select>\r\n                    </div>\r\n                    {input('small-12 columns', 'customerDetails', 'phoneNumber', 'billing tel')}\r\n                </div>\r\n            </div>\r\n            <div className=\"small-12 medium-6 columns\">\r\n                <div className=\"row-inner\">\r\n                    {input('small-6 columns', 'alternativeAddress', 'firstName', 'shipping given-name')}\r\n                    {input('small-6 columns', 'alternativeAddress', 'lastName', 'shipping family-name')}\r\n                    {input('small-12 columns', 'alternativeAddress', 'careOf')}\r\n                    {input('small-12 columns', 'alternativeAddress', 'address', 'shipping street-address')}\r\n                    {input('small-6 columns', 'alternativeAddress', 'zipCode', 'shipping postal-code')}\r\n                    {input('small-6 columns', 'alternativeAddress', 'city', 'shipping address-level2')}\r\n                    <div className=\"small-12 columns\">\r\n                        <label className=\"form__label\" htmlFor=\"country2\">{translate('checkout.customerinfo.country')}</label>\r\n                        <select className=\"form__input\" id=\"country2\" value={alternativeAddress.country || ''}\r\n                            onChange={(event) => onChange('alternativeAddress', 'country', event.target.value)}>\r\n                            <option value='' disabled>{translate('checkout.customerinfo.country.placeholder')}</option>\r\n                            {constants.countries && constants.countries.map(({text, value}) =>\r\n                                <option value={value} key={`country2-${value}`}>{text}</option>\r\n                            )}\r\n                        </select>\r\n                    </div>\r\n                    {input('small-12 columns', 'alternativeAddress', 'phoneNumber', 'shipping tel')}\r\n                </div>\r\n            </div>\r\n            <div className=\"small-12 columns\">\r\n                <div className=\"row-inner\">\r\n                    {input('small-6 columns', 'customerDetails', 'email', 'email')}\r\n                </div>\r\n            </div>\r\n            {!authenticated && (<div className=\"small-12 columns\">\r\n                <div className=\"row-inner\">\r\n                    <div className=\"small-12 columns\">\r\n                        <input className=\"checkout-info__checkbox-input\" type=\"checkbox\" id=\"signupandlogin\" \r\n                            checked={signUp}\r\n                            onChange={(event) => onSignUpChange(event.target.checked)}/>\r\n                        <label className=\"checkout-info__checkbox-label\" htmlFor=\"signupandlogin\">\r\n                            {translate('checkout.customerinfo.signupandlogin')}\r\n                        </label>\r\n                    </div>\r\n                </div>\r\n            </div>)}\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CheckoutPrivateCustomerInfo;","import React from 'react';\r\nimport { translate } from '../Services/translation';\r\nimport constants from '../constants';\r\n\r\nconst CheckoutBusinessCustomerInfo = (props) => {\r\n    const { customerDetails = {}, companyAddresses = [], companyName, authenticated, selectedCompanyAddressId, onChange, setSelectedCompanyAddress, errors = {} } = props;\r\n    const input = (cssClass, stateKey, id, autoComplete = null, placeholder = null, type = 'text') => (\r\n        <div className={cssClass}>\r\n            <label className=\"form__label\" htmlFor={`${stateKey}-${id}`}>{translate(`checkout.customerinfo.${id.toLowerCase()}`)}&#8203;</label>\r\n            <input className=\"form__input\" disabled={!authenticated} id={`${stateKey}-${id}`} name={`${stateKey}-${id}`} type={type}\r\n                value={(props[stateKey] || {})[id] || ''} placeholder={placeholder} autoComplete={autoComplete}\r\n                onChange={(event) => onChange(stateKey, id, event.target.value)}/>\r\n            {errors[`${stateKey}-${id}`] &&\r\n                <span className=\"form__validator--error form__validator--top-narrow\" data-error-for={`${stateKey}-${id}`}>{errors[`${stateKey}-${id}`][0]}</span>\r\n            }\r\n        </div>\r\n    );\r\n    const selectedAddress = selectedCompanyAddressId && companyAddresses ? companyAddresses.find(address => address.systemId === selectedCompanyAddressId) : null;\r\n    const getCountry = (address) => {\r\n        const addressCountry = constants.countries ? constants.countries.find(country => country.value === address.country) : null;\r\n        return addressCountry ? addressCountry.text : address.country;\r\n    };\r\n    return (\r\n        <div className=\"checkout-info__container\">\r\n            <div className=\"small-12 medium-6 columns\">\r\n                <div className=\"row-inner\">\r\n                    <div className=\"small-12 columns\">{translate('checkout.customerinfo.reference')}</div>\r\n                </div>\r\n                <div className=\"row-inner\">\r\n                    {input('small-6 columns', 'customerDetails', 'firstName', 'billing given-name')}\r\n                    {input('small-6 columns', 'customerDetails', 'lastName', 'billing family-name')}\r\n                </div>\r\n                <div className=\"row-inner\">\r\n                    {input('small-12 columns', 'customerDetails', 'phoneNumber', 'billing tel')}\r\n                </div>\r\n                <div className=\"row-inner\">\r\n                    {input('small-6 columns', 'customerDetails', 'email', 'email')}\r\n                </div>\r\n            </div>\r\n            <div className=\"small-12 medium-6 columns\">\r\n                <div className=\"row-inner\">\r\n                    <div className=\"small-12 columns\">{translate('checkout.customerinfo.address')}</div>\r\n                    <div className=\"small-12 columns\">\r\n                        <label className=\"form__label\" htmlFor=\"address\">&#8203;</label>\r\n                        <select className=\"form__input\" value={selectedCompanyAddressId || ''} disabled={!authenticated}\r\n                            onChange={(event) => setSelectedCompanyAddress(event.target.value)}>\r\n                            <option value='' disabled>{translate('checkout.customerinfo.companyaddress.placeholder')}</option>\r\n                            {companyAddresses && companyAddresses.map((address) =>\r\n                                <option value={address.systemId} key={`companyAddress-${address.systemId}`}>{`${address.address}, ${address.zipCode}, ${address.city}, ${getCountry(address)}`}</option>\r\n                            )}\r\n                        </select>\r\n                        {errors['selectedCompanyAddressId'] &&\r\n                            <span className=\"form__validator--error form__validator--top-narrow\" data-error-for='selectedCompanyAddressId'>{errors['selectedCompanyAddressId'][0]}</span>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                { selectedAddress &&\r\n                    <div className=\"row-inner\">\r\n                        <div className=\"small-12 columns\">{companyName}</div>\r\n                        <div className=\"small-12 columns\">{selectedAddress.address}</div>\r\n                        <div className=\"small-12 columns\">\r\n                            <span>{selectedAddress.zipCode}</span>&nbsp;\r\n                            <span>{selectedAddress.city}</span>\r\n                        </div>\r\n                        <div className=\"small-12 columns\">{getCountry(selectedAddress)}</div>\r\n                    </div>\r\n                }\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default CheckoutBusinessCustomerInfo;","import { xor } from 'lodash';\r\nimport React from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst CheckoutDeliveryMethods = ({ deliveryMethods, selectedId, onChange, toPayment, deliveryCost, deliveryCostText }) => (\r\n    <div className=\"checkout-info__container\">\r\n        <h3 className=\"checkout__section-title\">{translate('checkout.delivery.title')}</h3>\r\n        <div className=\"\">\r\n            {deliveryMethods && deliveryMethods.map(method => (\r\n                <div className={\"checkout-info__deliveryMethod \" + (method.image && method.image !== \"\" ? \"checkout-info__deliveryMethodImage\" : \"\")} key={method.id}>\r\n                    <input type=\"radio\" name={method.id} id={method.id} className=\"checkout-info__checkbox-radio\"\r\n                        value={method.id} checked={method.id === selectedId} onChange={() => onChange(method.id)} />\r\n                    <label htmlFor={method.id} className=\"checkout-info__label\">\r\n                        {method.name}\r\n                    </label>\r\n                    {method.description && method.description !== \"\" && <p className=\"checkout-info__description\">{method.description}</p>}\r\n                    <div className=\"checkout-info__price-container\">\r\n                        {deliveryCost === 0 && deliveryCostText !== '' ? (\r\n                            <span className=\"delivery-cost-text\">{deliveryCostText}</span>\r\n                        ) : null}\r\n                        <p className={`checkout-info__price ${deliveryCost === 0 ? 'checkout-info__price--zero-cost' : ''}`}>{method.formattedPrice}</p>\r\n                    </div>\r\n                    {method.image && method.image !== \"\" && <img src={method.image}></img>}\r\n                </div>\r\n            ))}\r\n        </div>\r\n        <div className=\"checkout-info__proceed\">\r\n            <button onClick={toPayment}>{translate('checkout-delivery-topayment')}</button>\r\n        </div>\r\n        <div className='checkout-info__arrow'></div>\r\n    </div>\r\n)\r\n\r\nexport default CheckoutDeliveryMethods;\r\n","import React from 'react';\r\nimport { translate } from '../Services/translation';\r\n\r\nconst CheckoutPaymentMethods = ({ paymentMethods, selectedId, onChange, onCampaignCodeChange, onSubmitCampaignCode, errors }) => (\r\n    <section className=\"checkout-info__container\">\r\n        <div className=\"columns small-12\">\r\n            { paymentMethods && paymentMethods.map(method => (\r\n                <label className=\"row no-margin\" key={method.id}>\r\n                    <input type=\"radio\" name=\"paymentMethods\" className=\"checkout-info__checkbox-radio\"\r\n                        value={method.id} checked={method.id === selectedId} onChange={() => onChange(method.id)} />\r\n                    <span className=\"columns\">\r\n                        <b> {method.name} </b> - {method.formattedPrice}\r\n                    </span>\r\n                </label>\r\n            )) }\r\n            <br/>\r\n            <label className=\"form__label\" htmlFor=\"campaign-code\">{translate('checkout.campaigncode')}</label>\r\n            <div className=\"row no-margin\">\r\n                <div className=\"small-6 medium-4\">\r\n                    <input className=\"form__input\" id=\"campaign-code\" placeholder={translate('checkout.campaigncode')} \r\n                        onChange={(event) => onCampaignCodeChange(event.target.value)} />\r\n                    {errors && errors['campaignCode'] &&\r\n                        <span className=\"form__validator--error form__validator--top-narrow\" data-error-for=\"campaign-code\">{errors['campaignCode'][0]}</span>\r\n                    }\r\n                </div>\r\n                <div className=\"small-5 small-offset-1 medium-4 medium-offset-1\">\r\n                    <button className=\"checkout-info__campaign-button\" onClick={() => onSubmitCampaignCode()}>\r\n                        {translate('checkout.usecampaigncode')}\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n)\r\n\r\nexport default CheckoutPaymentMethods;","import React, { PureComponent } from 'react';\r\nimport DynamicComponent from '../DynamicComponent';\r\nconst scriptPattern = /<script\\b[^>]*>([\\s\\S]*?)<\\/script>/gi;\r\n\r\nclass PaymentWidget extends PureComponent {\r\n    render() {\r\n        const { id, responseString } = this.props;\r\n        if (id === 'KlarnaCheckout' || id === \"KLARNA_CHECKOUT\") {\r\n            return this.renderKlarna(responseString);\r\n        }\r\n        return <span />;\r\n    }\r\n\r\n    renderKlarna(paymentSession) {\r\n        const KlarnaCheckout = DynamicComponent({\r\n            loader: () => import('./KlarnaCheckout')\r\n        });\r\n        const args = { paymentSession, extractScripts: this.extractScripts, executeScript: this.executeScript };\r\n        return (\r\n            <KlarnaCheckout { ...args } />\r\n        );\r\n    }\r\n\r\n    extractScripts(domString) {\r\n        var matches, html = domString;\r\n        const scripts = [];\r\n        while ((matches = scriptPattern.exec(domString)) !== null) {\r\n            html = html.replace(matches[0], '');\r\n            scripts.push(matches[1]);\r\n        }\r\n        return {\r\n            html,\r\n            scripts,\r\n        };\r\n    }\r\n\r\n    executeScript(domId, scriptContent) {\r\n        const script = document.createElement(\"script\");\r\n        script.type = \"text/javascript\";\r\n        try {\r\n            script.appendChild(document.createTextNode(scriptContent));      \r\n        } catch(e) {\r\n            // to support IE\r\n            script.text = scriptContent;\r\n        }\r\n        document.getElementById(domId).appendChild(script);\r\n    }\r\n}\r\n\r\nexport default PaymentWidget;","import React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport Cart from '../Components/Cart';\r\nimport CheckoutPrivateCustomerInfo from '../Components/Checkout.PrivateCustomerInfo';\r\nimport CheckoutBusinessCustomerInfo from '../Components/Checkout.BusinessCustomerInfo';\r\nimport CheckoutDeliveryMethods from '../Components/Checkout.DeliveryMethods';\r\nimport CheckoutPaymentMethods from '../Components/Checkout.PaymentMethods';\r\nimport CheckoutOrderNote from '../Components/Checkout.OrderNote';\r\nimport CheckoutOrderInfo from '../Components/Checkout.OrderInfo';\r\nimport PaymentWidget from '../Components/Payments/PaymentWidget';\r\n\r\nimport constants from '../constants';\r\n\r\nimport {\r\n    acceptTermsOfCondition,\r\n    setBusinessCustomer,\r\n    setCampaignCode,\r\n    setDelivery,\r\n    setPayment,\r\n    setOrderNote,\r\n    submit,\r\n    verify,\r\n    setCustomerDetails,\r\n    setAlternativeAddress,\r\n    setSignUp,\r\n    setSelectedCompanyAddress,\r\n    submitError,\r\n    reloadPayment,\r\n    submitCampaignCode,\r\n    removeCampaignCode,\r\n    submitRequest,\r\n    submitDone,\r\n} from '../Actions/Checkout.action';\r\nimport { update as updateOrderRowQuantity } from '../Actions/Cart.action';\r\n\r\nimport { translate } from '../Services/translation';\r\nimport { string, object, boolean, mixed } from 'yup';\r\nconst privateCustomerAdditionalDetailsSchema = object().shape({\r\n    acceptTermsOfCondition: boolean().required(translate(`validation.checkrequired`)).oneOf([true], translate(`validation.checkrequired`)),\r\n    selectedDeliveryMethod: string().required(translate(`validation.required`)),\r\n});\r\n\r\nconst privateCustomerAddressSchema = object().shape({\r\n    email: string().required(translate(`validation.required`)).email(translate(`validation.email`)),\r\n    phoneNumber: string().required(translate(`validation.required`)),\r\n    country: mixed().required(translate(`validation.required`)).notOneOf([''], translate('validation.required')),\r\n    city: string().required(translate(`validation.required`)),\r\n    zipCode: string().required(translate(`validation.required`)),\r\n    address: string().required(translate(`validation.required`)),\r\n    lastName: string().required(translate(`validation.required`)),\r\n    firstName: string().required(translate(`validation.required`)),\r\n});\r\n\r\nconst privateCustomerAlternativeAddressSchema = object().shape({\r\n    phoneNumber: string().required(translate(`validation.required`)),\r\n    country: mixed().required(translate(`validation.required`)).notOneOf([''], translate('validation.required')),\r\n    city: string().required(translate(`validation.required`)),\r\n    zipCode: string().required(translate(`validation.required`)),\r\n    address: string().required(translate(`validation.required`)),\r\n    lastName: string().required(translate(`validation.required`)),\r\n    firstName: string().required(translate(`validation.required`)),\r\n});\r\n\r\nconst businessCustomerDetailsSchema = object().shape({\r\n    acceptTermsOfCondition: boolean().required(translate(`validation.checkrequired`)).oneOf([true], translate(`validation.checkrequired`)),\r\n    selectedDeliveryMethod: string().required(translate(`validation.required`)),\r\n    email: string().required(translate(`validation.required`)).email(translate(`validation.email`)),\r\n    phoneNumber: string().required(translate(`validation.required`)),\r\n    lastName: string().required(translate(`validation.required`)),\r\n    firstName: string().required(translate(`validation.required`)),\r\n    selectedCompanyAddressId: string().required(translate(`validation.required`)),\r\n});\r\n\r\nclass CheckoutContainer extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            toPayment: false,\r\n            statusFirst: false,\r\n            statusSecond: false,\r\n            statusThird: false,\r\n        }\r\n    }\r\n    componentDidMount() {\r\n        if (!this.props || !this.props.checkout) {\r\n            return;\r\n        }\r\n        // set selected value for payment method on load.\r\n        const { selectedPaymentMethod } = this.props.checkout.payload;\r\n        selectedPaymentMethod && this.props.setPayment(selectedPaymentMethod);\r\n\r\n        // fill default select value to the state\r\n        const { customerDetails, alternativeAddress } = this.props.checkout.payload;\r\n        (!customerDetails || !customerDetails.country) && constants.countries && constants.countries[0] && this.props.onCustomerDetailsChange('customerDetails', 'country', constants.countries[0].value);\r\n        (!alternativeAddress || !alternativeAddress.country) && constants.countries && constants.countries[0] && this.props.onCustomerDetailsChange('alternativeAddress', 'country', constants.countries[0].value);\r\n    }\r\n\r\n    placeOrder() {\r\n        const { payload } = this.props.checkout,\r\n            { isBusinessCustomer, selectedCompanyAddressId, acceptTermsOfCondition,\r\n                selectedPaymentMethod, selectedDeliveryMethod } = this.props.checkout.payload;\r\n        const notCustomerDetailFields = ['selectedCompanyAddressId', 'selectedPaymentMethod', 'selectedDeliveryMethod', 'acceptTermsOfCondition'];\r\n        const onError = (error, addressPath = 'customerDetails') => {\r\n            error.path = notCustomerDetailFields.indexOf(error.path) >= 0 ? error.path : `${addressPath}-${error.path}`;\r\n            this.props.submitError(error)\r\n        };\r\n        this.props.submitRequest();\r\n        if (isBusinessCustomer) {\r\n            businessCustomerDetailsSchema.validate({\r\n                ...payload.customerDetails,\r\n                selectedCompanyAddressId,\r\n                selectedPaymentMethod,\r\n                selectedDeliveryMethod,\r\n                acceptTermsOfCondition\r\n            })\r\n                .then(() => {\r\n                    this.props.submit();\r\n                })\r\n                .catch(onError);\r\n        } else {\r\n            const checkAltAddress = payload.alternativeAddress.firstName ||\r\n                payload.alternativeAddress.lastName ||\r\n                payload.alternativeAddress.address ||\r\n                payload.alternativeAddress.zipCode ||\r\n                payload.alternativeAddress.city ||\r\n                payload.alternativeAddress.phoneNumber;\r\n\r\n            privateCustomerAddressSchema.validate({\r\n                ...payload.customerDetails\r\n            })\r\n                .then(() => {\r\n                    if (checkAltAddress) {\r\n                        privateCustomerAlternativeAddressSchema.validate({\r\n                            ...payload.alternativeAddress\r\n                        })\r\n                            .then(() => {\r\n                                privateCustomerAdditionalDetailsSchema.validate({\r\n                                    selectedPaymentMethod,\r\n                                    selectedDeliveryMethod,\r\n                                    acceptTermsOfCondition\r\n                                })\r\n                                    .then(() => {\r\n                                        this.props.submit();\r\n                                    })\r\n                                    .catch(onError);\r\n                            })\r\n                            .catch((error) => { onError(error, 'alternativeAddress') })\r\n                    } else {\r\n                        privateCustomerAdditionalDetailsSchema.validate({\r\n                            selectedPaymentMethod,\r\n                            selectedDeliveryMethod,\r\n                            acceptTermsOfCondition\r\n                        })\r\n                            .then(() => {\r\n                                this.props.submit();\r\n                            })\r\n                            .catch(onError);\r\n                    }\r\n                })\r\n                .catch(onError);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const { cart } = this.props;\r\n        if (!cart || !cart.orderRows || cart.orderRows.length < 1) {\r\n            return (\r\n                <div className=\"grid-full-width\">\r\n                    <h2 className=\"checkout__empty-title\">{translate(`checkout.cart.empty`)}</h2>\r\n                </div>\r\n            );\r\n        }\r\n\r\n        const { checkout } = this.props,\r\n            { payload, errors = {} } = checkout,\r\n            { orderNote, paymentWidget, paymentMethods, authenticated, isBusinessCustomer, checkoutMode } = payload;\r\n        return (\r\n            <div className='grid-full-width'>\r\n                {(document.getElementById(\"country-code\").innerHTML === \"DK\" || document.getElementById(\"country-code\").innerHTML === \"GB\") ?\r\n                    (!paymentWidget || paymentWidget.isChangeable) &&\r\n                    <Fragment>\r\n                        <h2 className=\"checkout--title\">{translate('checkout.title')}</h2>\r\n                        {this.renderCartSection()}\r\n                    </Fragment>\r\n                    :\r\n                    <Fragment>\r\n                        <h2 className=\"checkout--title\">{translate('checkout.title')}</h2>\r\n                        {(!paymentWidget || paymentWidget.isChangeable) &&\r\n                            this.renderCartState()}\r\n                        {this.renderDeliveryMethodsSection()}\r\n                        {<div className={!this.state.toPayment ? \"payment-inactive\" : \"\"}> <PaymentWidget {...paymentWidget} verify={this.props.verify} /></div>}\r\n                        {/* !paymentWidget && this.renderCustomerDetailsSection() */}\r\n                        {/* (paymentMethods && paymentMethods.length > 1 && (!paymentWidget || paymentWidget.isChangeable)) && this.renderPaymentMethodsSection() */}\r\n                        {/* !paymentWidget && (\r\n                            <Fragment>\r\n                                <h3 className=\"checkout__section-title\">{translate('checkout.order.title')}</h3>\r\n                                <section className=\"checkout-info__container checkout-info__summary\">\r\n                                    <CheckoutOrderNote {...orderNote} onChange={(note) => this.props.setOrderNote(note)} />\r\n                                    <CheckoutOrderInfo cart={cart} />\r\n                                </section>\r\n\r\n                                <div className=\"  \">\r\n                                    <input className=\"checkout-info__checkbox-input\" type=\"checkbox\" id=\"acceptTermsOfCondition\" checked={payload.acceptTermsOfCondition} onChange={(event) => this.props.acceptTermsOfCondition(event.target.checked)} />\r\n                                    <label className=\"checkout-info__checkbox-label\" htmlFor=\"acceptTermsOfCondition\">\r\n                                        {translate('checkout.terms.acceptTermsOfCondition')} <a className=\"checkout__link\" href={payload.termsUrl} target=\"_blank\">{translate('checkout.terms.link')}</a>\r\n                                    </label>\r\n                                    {errors['acceptTermsOfCondition'] &&\r\n                                        <span className=\"form__validator--error form__validator--top-narrow\" data-error-for=\"acceptTermsOfCondition\">{errors['acceptTermsOfCondition'][0]}</span>\r\n                                    }\r\n                                </div>\r\n\r\n                                <div className=\"\">\r\n                                    {!authenticated && (isBusinessCustomer || checkoutMode === constants.checkoutMode.companyCustomers) ?\r\n                                        (<button className=\"checkout__submit-button\" onClick={() => location.href = payload.loginUrl} >{translate('checkout.login.to.placeorder')}</button>)\r\n                                        : (<button type=\"submit\" className=\"checkout__submit-button\" disabled={checkout.isSubmitting} onClick={() => this.placeOrder()} >{translate('checkout.placeorder')}</button>)\r\n                                    }\r\n                                </div>\r\n                            </Fragment>\r\n                        ) */}\r\n                        {this.renderError()}\r\n                    </Fragment>\r\n                }\r\n            </div>\r\n        );\r\n    }\r\n\r\n    renderError(errors) {\r\n        return (\r\n            <div className=\"  \">\r\n                {errors && errors['general'] && <p className=\"checkout__validator--error\">{errors['general'][0]}</p>}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    renderCartState() {\r\n        return (\r\n            <div className='checkout__productsList'>\r\n                <div className=\"checkout--status\">\r\n                    <div>\r\n                        <div className={this.state.statusFirst ? \"checkout--statusActive\" : \"\"}>{this.state.statusFirst ? \"✓\" : \"1\"}</div>\r\n                        <p>{translate('checkout-status-shipping')}</p>\r\n                    </div>\r\n                    <div>\r\n                        <div className={this.state.statusSecond ? \"checkout--statusActive\" : \"\"}>{this.state.statusSecond ? \"✓\" : \"2\"}</div>\r\n                        <p>{translate('checkout-status-payment')}</p>\r\n                    </div>\r\n                    <div>\r\n                        <div className={this.state.statusThird ? \"checkout--statusActive\" : \"\"}>{this.state.statusThird ? \"✓\" : \"3\"}</div>\r\n                        <p>{translate('checkout-status-finish')}</p>\r\n                    </div>\r\n                </div>\r\n                {this.renderCartSection()}\r\n            </div>\r\n        )\r\n    }\r\n\r\n    componentDidUpdate(prevProps) {\r\n        if (this.props.checkout.result && this.props.checkout.result.redirectUrl) {\r\n            window.location = this.props.checkout.result.redirectUrl;\r\n            return;\r\n        }\r\n\r\n        const { checkout } = this.props;\r\n        if (!checkout.isSubmitting || !checkout.errors) {\r\n            return;\r\n        }\r\n\r\n        const errorKeys = Object.keys(checkout.errors);\r\n        if (!errorKeys || errorKeys.length < 1) {\r\n            return;\r\n        }\r\n\r\n        const errorNode = document.querySelector(`[data-error-for=\"${errorKeys[0]}\"]`);\r\n        if (!errorNode) {\r\n            return;\r\n        }\r\n\r\n        const inputNode = errorNode.parentElement.querySelector('input');\r\n        if (inputNode) {\r\n            setTimeout(() => inputNode.focus(), 1000);\r\n            inputNode.scrollIntoView({ behavior: 'smooth' });\r\n        } else {\r\n            errorNode.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    }\r\n\r\n    renderCartSection() {\r\n        const { checkout } = this.props,\r\n            { errors = {} } = checkout;\r\n\r\n        return (\r\n            <Fragment>\r\n                {(document.getElementById(\"country-code\").innerHTML !== \"DK\" && document.getElementById(\"country-code\").innerHTML !== \"GB\") &&\r\n                    <Fragment>\r\n                        {errors && errors['cart'] &&\r\n                            <div>\r\n                                <p className=\"checkout__validator--error\">{errors['cart'][0]}</p>\r\n                            </div>\r\n                        }\r\n                    </Fragment>\r\n                }\r\n                <Cart {...{\r\n                    ...this.props.cart,\r\n                    updateOrderRowQuantity: this.props.updateOrderRowQuantity,\r\n                    removeOrderRow: this.props.removeOrderRow,\r\n                    onCampaignCodeChange: this.props.setCampaignCode,\r\n                    onSubmitCampaignCode: this.props.submitCampaignCode,\r\n                    onRemoveCampaignCode: this.props.removeCampaignCode,\r\n                    errors: errors\r\n                }} />\r\n            </Fragment>\r\n        );\r\n    }\r\n\r\n    renderCustomerDetailsSection() {\r\n        const { checkout, onCustomerDetailsChange, onSignUpChange, setSelectedCompanyAddress } = this.props,\r\n            { payload, errors = {} } = checkout,\r\n            { companyName, authenticated, customerDetails, alternativeAddress, companyAddresses, selectedCompanyAddressId,\r\n                isBusinessCustomer, signUp, checkoutMode } = payload;\r\n        const privateCustomerInfoComponent = <CheckoutPrivateCustomerInfo {...{ customerDetails, alternativeAddress, authenticated, onChange: onCustomerDetailsChange, signUp, onSignUpChange, errors }} />;\r\n        const businessCustomerInfoComponent = <CheckoutBusinessCustomerInfo {...{ customerDetails, companyAddresses, companyName, authenticated, selectedCompanyAddressId, onChange: onCustomerDetailsChange, setSelectedCompanyAddress, errors }} />;\r\n        if (!authenticated) {\r\n            return (\r\n                <Fragment>\r\n                    <div>\r\n                        <h3 className=\"checkout__section-title\">{translate('checkout.customerinfo.title')}</h3>\r\n                        <Fragment>\r\n                            <label className=\"checkout__text--in-line\">{translate('checkout.customerinfo.existingcustomer')}</label>&nbsp;\r\n                            <a href={payload.loginUrl} className=\"checkout__link\">{translate('checkout.customerinfo.clicktologin')}</a>&nbsp;\r\n                            {!isBusinessCustomer && checkoutMode === constants.checkoutMode.both && <a onClick={() => this.props.setBusinessCustomer(true)} className=\"checkout__link\">{translate('checkout.customerinfo.businesscustomer')}</a>}\r\n                        </Fragment>\r\n                        {isBusinessCustomer && checkoutMode === constants.checkoutMode.both && <a onClick={() => this.props.setBusinessCustomer(false)} className=\"checkout__link\">{translate('checkout.customerinfo.privatecustomer')}</a>}\r\n                    </div>\r\n                    {!isBusinessCustomer && checkoutMode !== constants.checkoutMode.companyCustomers && privateCustomerInfoComponent}\r\n                    {(isBusinessCustomer || checkoutMode === constants.checkoutMode.companyCustomers) && businessCustomerInfoComponent}\r\n                </Fragment>\r\n            );\r\n        }\r\n        if (isBusinessCustomer) {\r\n            return (\r\n                <Fragment>\r\n                    <div>\r\n                        <h3 className=\"checkout__section-title\">{translate('checkout.customerinfo.title')}</h3>\r\n                    </div>\r\n                    {authenticated && businessCustomerInfoComponent}\r\n                </Fragment>\r\n            );\r\n        }\r\n\r\n        return (\r\n            <Fragment>\r\n                <div>\r\n                    <h3 className=\"checkout__section-title\">{translate('checkout.customerinfo.title')}</h3>\r\n                </div>\r\n                {privateCustomerInfoComponent}\r\n            </Fragment>\r\n        );\r\n    }\r\n\r\n    renderDeliveryMethodsSection() {\r\n        const { checkout } = this.props,\r\n            { payload, errors = {} } = checkout,\r\n            { deliveryMethods } = payload;\r\n        const deliveryCostNumber = parseFloat(this.props.cart.deliveryCost);\r\n        const toPayment = () => {\r\n            this.setState({ toPayment: true, statusFirst: true })\r\n            var paymentWidgetTop = document.getElementsByClassName(\"checkout-info__arrow\")[0];\r\n            if (paymentWidgetTop) {\r\n                if (window.innerWidth > 1023) {\r\n                    paymentWidgetTop.scrollIntoView({ behavior: \"smooth\", block: \"start\", inline: \"nearest\" });\r\n                } else {\r\n                    const y = paymentWidgetTop.getBoundingClientRect().top + window.pageYOffset - 72;\r\n                    window.scrollTo({ top: y, behavior: 'smooth' });\r\n                }\r\n            }\r\n        }\r\n\r\n        return (\r\n            <Fragment>\r\n                <CheckoutDeliveryMethods deliveryMethods={deliveryMethods} selectedId={payload.selectedDeliveryMethod} onChange={this.props.setDelivery} toPayment={toPayment} deliveryCost={deliveryCostNumber} deliveryCostText={this.props.cart.deliveryCost} />\r\n                {errors['selectedDeliveryMethod'] &&\r\n                    <span className=\"form__validator--error form__validator--top-narrow\">{errors['selectedDeliveryMethod'][0]}</span>\r\n                }\r\n            </Fragment>\r\n        );\r\n    }\r\n\r\n    renderPaymentMethodsSection() {\r\n        const { checkout } = this.props,\r\n            { payload, errors = {} } = checkout,\r\n            { paymentMethods } = payload;\r\n        return (\r\n            <Fragment>\r\n                <div>\r\n                    <h3 className=\"checkout__section-title\">{translate('checkout.payment.title')}</h3>\r\n                </div>\r\n                <CheckoutPaymentMethods paymentMethods={paymentMethods}\r\n                    selectedId={payload.selectedPaymentMethod}\r\n                    onChange={this.props.setPayment}\r\n                    errors={errors}\r\n                    onCampaignCodeChange={this.props.setCampaignCode}\r\n                    onSubmitCampaignCode={this.props.submitCampaignCode} />\r\n                {errors['selectedPaymentMethod'] &&\r\n                    <span className=\"form__validator--error form__validator--top-narrow\">{errors['selectedPaymentMethod'][0]}</span>\r\n                }\r\n            </Fragment>\r\n        );\r\n    }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n    const { cart, checkout } = state;\r\n    return {\r\n        cart,\r\n        checkout,\r\n    }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n    return {\r\n        submit: () => dispatch(submit()),\r\n        setBusinessCustomer: (value) => dispatch(setBusinessCustomer(value)),\r\n        setCampaignCode: (code) => dispatch(setCampaignCode(code)),\r\n        setDelivery: (systemId) => dispatch(setDelivery(systemId)),\r\n        setPayment: (systemId) => dispatch(setPayment(systemId)),\r\n        setOrderNote: (note) => dispatch(setOrderNote(note)),\r\n        acceptTermsOfCondition: (accept) => dispatch(acceptTermsOfCondition(accept)),\r\n        verify: (url, orderId, payload) => dispatch(verify(url, orderId, payload)),\r\n        onSignUpChange: (signUp) => dispatch(setSignUp(signUp)),\r\n        submitCampaignCode: () => dispatch(submitCampaignCode()),\r\n        removeCampaignCode: () => dispatch(removeCampaignCode()),\r\n        submitRequest: () => dispatch(submitRequest()),\r\n        submitError: (error) => {\r\n            dispatch(submitError(error));\r\n            dispatch(submitDone(null));\r\n        },\r\n        setSelectedCompanyAddress: (companyId) => dispatch(setSelectedCompanyAddress(companyId)),\r\n        onCustomerDetailsChange: (stateKey, propName, value) => {\r\n            switch (stateKey) {\r\n                case 'customerDetails':\r\n                    dispatch(setCustomerDetails(propName, value));\r\n                    break;\r\n                case 'alternativeAddress':\r\n                    dispatch(setAlternativeAddress(propName, value));\r\n                    break;\r\n            }\r\n        },\r\n\r\n        updateOrderRowQuantity: (rowId, quantity) => dispatch(updateOrderRowQuantity(rowId, quantity)).then(() => dispatch(reloadPayment())),\r\n        removeOrderRow: (rowId) => dispatch(updateOrderRowQuantity(rowId, 0)).then(() => dispatch(reloadPayment())),\r\n    }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(CheckoutContainer);"],"sourceRoot":""}