{"version":3,"file":"js/6708.chunk.js","mappings":"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","sources":["webpack:///./assets/common/src/components/bag/ExpressPaymentsButtonAmazonpay.tsx","webpack:///./assets/common/src/components/bag/ExpressPaymentsButtonApplepay.tsx","webpack:///./assets/common/src/components/bag/ExpressPaymentsButtonGooglepay.tsx","webpack:///./assets/common/src/components/bag/ExpressPaymentsButtonPaypal.tsx","webpack:///./assets/common/src/components/bag/ExpressPaymentsButtons.tsx","webpack:///./assets/common/src/components/bag/ExpressTaxInfoForm.tsx"],"sourcesContent":["import paymentutils from '@utils/paymentutils';\nimport ErrorBox from '@components/common/ErrorBox';\nimport React, { useEffect, useRef, useState } from 'react';\nconst ExpressPaymentsButtonAmazonpay = (props) => {\n    const buttonRef = useRef();\n    const [enabled, setEnabled] = useState();\n    const [error, setError] = useState();\n    const [amazonPayConfiguration, setAmazonPayConfiguration] = useState();\n    useEffect(() => {\n        var _a, _b, _c, _d;\n        if (props.paymentMethods) {\n            setEnabled(!!((_b = (_a = props.paymentMethods) === null || _a === void 0 ? void 0 : _a.AdyenPaymentMethods) === null || _b === void 0 ? void 0 : _b.paymentMethods.find((p) => p.type == 'amazonpay')));\n            let currentConfiguration = (_d = (_c = props.paymentMethods) === null || _c === void 0 ? void 0 : _c.AdyenPaymentMethods) === null || _d === void 0 ? void 0 : _d.paymentMethods.find(function (p) {\n                if (p.type === 'amazonpay') {\n                    return p;\n                }\n            });\n            setAmazonPayConfiguration(currentConfiguration);\n        }\n    }, [props.paymentMethods]);\n    useEffect(() => {\n        let onclicked = () => {\n            props.onPaymentSelected && props.onPaymentSelected();\n        };\n        if (enabled && props.adyenConfig) {\n            // @ts-ignore\n            let payprops = {\n                returnUrl: props.adyenConfig.amazonPayReviewUrl,\n                showPayButton: false,\n            };\n            // OE-6181: fix for amazonpay on CH, set ledgerCurrency to EUR\n            if (window.country == 'CH') {\n                payprops.configuration = {\n                    merchantId: amazonPayConfiguration.configuration.merchantId,\n                    publicKeyId: amazonPayConfiguration.configuration.publicKeyId,\n                    region: amazonPayConfiguration.configuration.region || 'EU',\n                    ledgerCurrency: 'EUR',\n                    storeId: amazonPayConfiguration.configuration.storeId,\n                };\n            }\n            else if (window.country === 'US') {\n                // Only for test on US\n                payprops.configuration = {\n                    merchantId: amazonPayConfiguration.configuration.merchantId,\n                    publicKeyId: amazonPayConfiguration.configuration.publicKeyId,\n                    region: 'US',\n                    ledgerCurrency: 'USD',\n                    storeId: amazonPayConfiguration.configuration.storeId,\n                };\n            }\n            paymentutils.getAdyenCheckout(props.adyenConfig, props.bag, props.paymentMethods.AdyenPaymentMethods, true, window.formSetValue).then((resolve) => {\n                var _a;\n                let paymentcomponent = resolve.create('amazonpay', payprops);\n                paymentcomponent.mount(buttonRef.current);\n                // if enabled ovveride the method\n                onclicked = () => {\n                    if (props && props.bag && props.bag.valid && props.bag.valid.error) {\n                        setError(props.bag.valid.message);\n                    }\n                    else {\n                        props.onPaymentSelected && props.onPaymentSelected();\n                        console.info('calling submit');\n                        paymentcomponent.submit();\n                    }\n                };\n                (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', onclicked);\n            });\n        }\n        return () => {\n            var _a;\n            (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', onclicked);\n        };\n    }, [enabled, props.adyenConfig]);\n    if (!enabled) {\n        return React.createElement(React.Fragment, null);\n    }\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"button\", { ref: buttonRef, type: \"button\", className: \"button button--secondary button--amazonpay\", style: { display: enabled ? 'block' : 'block' }, \"aria-label\": \"Amazon Pay\" }),\n        ' ',\n        error && React.createElement(ErrorBox, { errors: [error] })));\n};\nexport default ExpressPaymentsButtonAmazonpay;\n","import React, { useEffect, useState } from 'react';\nconst ExpressPaymentsButtonApplepay = (props) => {\n    const [enabled, setEnabled] = useState();\n    const [startPayment, setStartPayment] = useState();\n    useEffect(() => {\n        if (startPayment && props.confirmed) {\n            // triggered in ExpressPaymentsButtons on placeorder click\n            // \"Must create a new ApplePaySession from a user gesture handler\"\n            // (document.getElementById('applepaybutton') as HTMLButtonElement).click();\n        }\n    }, [startPayment, props.confirmed]);\n    // OE-24851 workaround to use both arrow with different behaviors\n    const hideArrowAfterClick = () => {\n        const paymentDiv = document.querySelector('.minibag__expresspayment__intro');\n        if (paymentDiv) {\n            paymentDiv.classList.remove('button--arrow-left');\n        }\n    };\n    const triggerPayment = (e) => {\n        e.preventDefault();\n        hideArrowAfterClick();\n        props.onPaymentSelected();\n        props.showFlagsCallback();\n        setStartPayment(true);\n    };\n    useEffect(() => {\n        if (props.paymentMethods) {\n            setEnabled(!!props.paymentMethods.AdyenPaymentMethods.paymentMethods.find((p) => p.type == 'applepay'));\n        }\n    }, [props.paymentMethods]);\n    if (!enabled || !window.ApplePaySession || !ApplePaySession.canMakePayments()) {\n        return React.createElement(React.Fragment, null);\n    }\n    return (React.createElement(\"button\", { type: \"button\", className: \"button button--secondary dw-apple-pay-button dw-apple-pay-border dw-apple-pay-logo-white apple-pay-cart-button apple-pay-button\", \"aria-pressed\": props.isSelected, \"aria-controls\": props.ariaControls, onClick: (e) => triggerPayment(e) },\n        React.createElement(\"span\", { className: \"visually-hidden\" }, \"Apple Pay\")));\n};\nexport default ExpressPaymentsButtonApplepay;\n","import ErrorBox from '@components/common/ErrorBox';\nimport Loading from '@ui/loading/Loading';\nimport api from '@utils/api';\nimport paymentutils from '@utils/paymentutils';\nimport React, { useEffect, useRef, useState } from 'react';\nconst ExpressPaymentsButtonGooglepay = (props) => {\n    const buttonRef = useRef();\n    const [error, setError] = useState();\n    const [loading, setLoading] = useState();\n    const [enabled, setEnabled] = useState();\n    const [startPayment, setStartPayment] = useState();\n    const paymentReady = (state) => {\n        setLoading(true);\n        api.getForm('billing', {}).then((formdef) => {\n            let form = {\n                adyenStateData: JSON.stringify(state.data),\n                paymentMethod: 'AdyenComponent',\n                adyenPaymentMethod: 'paywithgoogle',\n                brandCode: 'paywithgoogle',\n            };\n            api.expressSubmitPayment(form, formdef).then((data) => {\n                if (data.error) {\n                    setLoading(false);\n                    setError(JSON.stringify(data));\n                }\n                else {\n                    api.checkoutPlaceOrder().then((data) => {\n                        if (data.error) {\n                            setLoading(false);\n                            if (data.errorMessage) {\n                                setError(data.errorMessage);\n                            }\n                        }\n                        if (data.continueUrl) {\n                            location.href = data.orderID ? `${data.continueUrl}?ID=${data.orderID}&token=${data.orderToken}` : data.continueUrl;\n                        }\n                    });\n                }\n            });\n        });\n    };\n    useEffect(() => {\n        if (props.paymentMethods) {\n            setEnabled(!!props.paymentMethods.AdyenPaymentMethods.paymentMethods.find((p) => p.type == 'paywithgoogle'));\n        }\n    }, [props.paymentMethods]);\n    useEffect(() => {\n        if (startPayment && props.confirmed) {\n            paymentutils.getAdyenCheckout(props.adyenConfig, props.bag, props.paymentMethods.AdyenPaymentMethods, true, window.formSetValue).then((resolve) => {\n                let paymentcomponent = resolve.create('paywithgoogle', {\n                    onSubmit: (state) => {\n                        console.log('google onsubmit ' + JSON.stringify(state, null, 2));\n                        paymentReady(state);\n                    },\n                    onChange: (state, component) => {\n                        state.isValid; // True or false. Specifies if all the information that the shopper provided is valid.\n                        state.data; // Provides the data that you need to pass in the `/payments` call.\n                        // console.info('handleonchange state=', JSON.stringify(state, null, 2), '\\n', 'component ' + component);\n                        if (state.isValid) {\n                            console.log('google ondatachange ready');\n                            paymentReady(state);\n                        }\n                    },\n                });\n                paymentcomponent.mount(buttonRef.current);\n                paymentcomponent.submit();\n            });\n        }\n    }, [startPayment, props.confirmed]);\n    // OE-24851 workaround to use both arrow with different behaviors\n    const hideArrowAfterClick = () => {\n        const paymentDiv = document.querySelector('.minibag__expresspayment__intro');\n        if (paymentDiv) {\n            paymentDiv.classList.remove('button--arrow-left');\n        }\n    };\n    const triggerPayment = (e) => {\n        e.preventDefault();\n        hideArrowAfterClick();\n        if (props && props.bag && props.bag.valid && props.bag.valid.error) {\n            setError(props.bag.valid.message);\n        }\n        else {\n            props.onPaymentSelected();\n            props.showFlagsCallback();\n            setStartPayment(true);\n        }\n    };\n    if (!enabled) {\n        return React.createElement(React.Fragment, null);\n    }\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"button\", Object.assign({ type: \"button\", className: \"button button--secondary button--googlepay\", \"aria-pressed\": props.isSelected }, (props.isSelected ? { style: { pointerEvents: 'none' }, tabIndex: -1 } : {}), { onClick: (e) => triggerPayment(e) }),\n            React.createElement(\"span\", { className: \"visually-hidden\" }, \"Google Pay\")),\n        React.createElement(\"div\", { id: \"container-paywithgoogle\", ref: buttonRef, className: \"button-payment-container\" }),\n        error && React.createElement(ErrorBox, { errors: [error] }),\n        loading && React.createElement(Loading, null)));\n};\nexport default ExpressPaymentsButtonGooglepay;\n","import ErrorBox from '@components/common/ErrorBox';\nimport api from '@utils/api';\nimport React, { useEffect, useState } from 'react';\nconst ExpressPaymentsButtonPaypal = (props) => {\n    var _a;\n    const [error, setError] = useState();\n    const [enabled, setEnabled] = useState();\n    const [loading, setLoading] = useState();\n    useEffect(() => {\n        if (props.paymentMethods) {\n            setEnabled(!!props.paymentMethods.AdyenPaymentMethods.paymentMethods.find((p) => p.type == 'paypal'));\n        }\n    }, [props.paymentMethods]);\n    const startExpress = () => {\n        setLoading(true);\n        props.onPaymentSelected();\n        api.expressCheckoutStart().then((data) => {\n            if (data.continueUrl) {\n                window.location.href = data.orderID ? `${data.continueUrl}?ID=${data.orderID}&token=${data.orderToken}` : data.continueUrl;\n                return;\n            }\n            setLoading(false);\n            if (data.error) {\n                setError(data.errorMessage);\n            }\n        });\n    };\n    if (!enabled || !((_a = props === null || props === void 0 ? void 0 : props.adyenConfig) === null || _a === void 0 ? void 0 : _a.paypalExpressEnabled)) {\n        return React.createElement(React.Fragment, null);\n    }\n    return (React.createElement(React.Fragment, null,\n        React.createElement(\"button\", { type: \"button\", role: \"link\", \"aria-busy\": loading, disabled: loading, className: \"button button--secondary button--paypal\", id: \"container-paypal\", onClick: startExpress },\n            React.createElement(\"span\", { className: \"visually-hidden\" }, \"Paypal\")),\n        error && React.createElement(ErrorBox, { errors: [error] })));\n};\nexport default ExpressPaymentsButtonPaypal;\n","import CheckoutPrivacyFlags from '@components/checkout/CheckoutPrivacyFlags';\nimport Button from '@ui/button/Button';\nimport analytics from '@utils/analytics';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport ExpressPaymentsButtonAmazonpay from './ExpressPaymentsButtonAmazonpay';\nimport ExpressPaymentsButtonApplepay from './ExpressPaymentsButtonApplepay';\nimport ExpressPaymentsButtonGooglepay from './ExpressPaymentsButtonGooglepay';\nimport ExpressPaymentsButtonPaypal from './ExpressPaymentsButtonPaypal';\nimport ExpressTaxInfoForm from './ExpressTaxInfoForm';\nimport { autoChooseClassnames, autoChooseComponent, getId } from '@common/utils/brandDiffsUtils';\nconst ExpressPaymentsButtons = (props) => {\n    var _a, _b, _c;\n    const { t } = useTranslation();\n    const [enablePlaceorder, setEnablePlaceorder] = useState();\n    const [showFlags, setShowFlags] = useState();\n    const [confirmed, setConfirmed] = useState();\n    const [selectedMethod, setSelectedMethod] = useState();\n    const { reloadtimestamp } = props;\n    const [taxCodeHK, setTaxCodeHK] = useState(window.country == 'HK' ? false : true); // mandatory for delivery on HK\n    const [hasErrors, setHasErrors] = useState(false);\n    const flagsWrapper = useRef();\n    const paymentName = useMemo(() => {\n        let paymentId = selectedMethod === 'googlepay' ? 'paywithgoogle' : selectedMethod;\n        return (paymentId && t(`paymentmethod.${paymentId}`)) || '';\n    }, [selectedMethod]);\n    useEffect(() => {\n        if (props === null || props === void 0 ? void 0 : props.onUpdate) {\n            console.info('update altezza express payment buttons');\n            props.onUpdate();\n        }\n        if (!showFlags) {\n            setConfirmed(false);\n        }\n        else {\n            setTimeout(() => {\n                var _a;\n                (_a = flagsWrapper.current) === null || _a === void 0 ? void 0 : _a.focus();\n            }, 200);\n        }\n    }, [showFlags]);\n    useEffect(() => {\n        setSelectedMethod(null);\n    }, [reloadtimestamp]); // force reload\n    // OE-24851 workaround to use both arrow with different behaviors\n    const addArrowAfterClick = () => {\n        const paymentDiv = document.querySelector('.minibag__expresspayment__intro');\n        if (paymentDiv) {\n            paymentDiv.classList.add('button--arrow-left');\n        }\n    };\n    const clickPlaceOrder = (event) => {\n        if (!enablePlaceorder || !taxCodeHK) {\n            event.preventDefault();\n            setHasErrors(true);\n            setTimeout(() => {\n                var _a, _b;\n                (_b = (_a = flagsWrapper.current) === null || _a === void 0 ? void 0 : _a.querySelector('.is-invalid')) === null || _b === void 0 ? void 0 : _b.focus();\n            }, 200);\n            return false;\n        }\n        setHasErrors(false);\n        setConfirmed(true);\n        if (selectedMethod == 'googlepay') {\n            setSelectedMethod(undefined);\n            setShowFlags(false);\n        }\n        // needed for \"Must create a new ApplePaySession from a user gesture handler\"\n        if (selectedMethod == 'applepay') {\n            console.log('applepaybutton click');\n            document.getElementById('applepaybutton').click();\n        }\n        event.preventDefault();\n    };\n    const arraySort = () => window.activedPaymentMethodCheckoutExpress.split(',').map((e) => {\n        return !selectedMethod && e == 'paypal' ? (React.createElement(ExpressPaymentsButtonPaypal, Object.assign({ key: e, onPaymentSelected: () => {\n                if (getId() == 'ST') {\n                    props === null || props === void 0 ? void 0 : props.analyticsStone('paypal');\n                }\n                else {\n                    analytics.expressCheckoutPaymentSelected('paypal');\n                }\n            } }, props))) : (!selectedMethod || selectedMethod == 'applepay') && e == 'applepay' ? (React.createElement(ExpressPaymentsButtonApplepay, Object.assign({ key: e, onPaymentSelected: () => {\n                if (getId() == 'ST') {\n                    props === null || props === void 0 ? void 0 : props.analyticsStone('apple');\n                }\n                else {\n                    analytics.expressCheckoutPaymentSelected('apple');\n                }\n            } }, props, { confirmed: confirmed, isSelected: selectedMethod == 'applepay', ariaControls: \"express-modal-fieldset\", showFlagsCallback: () => {\n                setSelectedMethod('applepay');\n                setShowFlags(true);\n            } }))) : !selectedMethod && e == 'amazonpay' ? (React.createElement(ExpressPaymentsButtonAmazonpay, Object.assign({ key: e, onPaymentSelected: () => {\n                if (getId() == 'ST') {\n                    props === null || props === void 0 ? void 0 : props.analyticsStone('amazon');\n                }\n                else {\n                    analytics.expressCheckoutPaymentSelected('amazon');\n                }\n            } }, props))) : ((!selectedMethod || selectedMethod == 'googlepay') &&\n            e == 'googlepay' && (React.createElement(ExpressPaymentsButtonGooglepay, Object.assign({ key: e, onPaymentSelected: () => {\n                if (getId() == 'ST') {\n                    props === null || props === void 0 ? void 0 : props.analyticsStone('google');\n                }\n                else {\n                    analytics.expressCheckoutPaymentSelected('google');\n                }\n            } }, props, { isSelected: selectedMethod == 'googlepay', confirmed: confirmed, ariaControls: \"express-modal-fieldset\", showFlagsCallback: () => {\n                setSelectedMethod('googlepay');\n                setShowFlags(true);\n            } }))));\n    });\n    return (React.createElement(React.Fragment, null,\n        arraySort(),\n        React.createElement(\"fieldset\", { \"aria-labelledby\": \"express-modal-legend\", id: \"express-modal-fieldset\", ref: flagsWrapper, tabIndex: -1 }, showFlags && (React.createElement(React.Fragment, null,\n            React.createElement(\"legend\", { id: \"express-modal-legend\", className: \"d-none\" },\n                t('checkout.expresscheckout'),\n                \": \",\n                paymentName),\n            selectedMethod && (React.createElement(\"button\", { className: autoChooseClassnames({ ST: 'button--secondary' }, 'button button--arrow-back'), onClick: () => {\n                    addArrowAfterClick();\n                    setSelectedMethod(undefined);\n                    setShowFlags(false);\n                    props.onUpdate && props.onUpdate();\n                    props.onBackPress && props.onBackPress();\n                }, \"aria-label\": t('button.back') }, !window.appmode &&\n                autoChooseComponent({\n                    MO: (React.createElement(\"span\", null,\n                        React.createElement(\"i\", { className: \"icon--chevron-left\", \"aria-hidden\": true }))),\n                    ST: (React.createElement(React.Fragment, null,\n                        React.createElement(\"i\", { className: \"icon--chevron-left\", \"aria-hidden\": true }),\n                        React.createElement(\"span\", null, t('button.back')))),\n                }))),\n            window.country == 'HK' && React.createElement(ExpressTaxInfoForm, { setIsValidTaxForm: setTaxCodeHK }),\n            React.createElement(CheckoutPrivacyFlags, Object.assign({}, props, { guest: (_a = props === null || props === void 0 ? void 0 : props.bag) === null || _a === void 0 ? void 0 : _a.guest, onSelect: setEnablePlaceorder, hidedataprocessing: true, containsMbm: !!((_b = props === null || props === void 0 ? void 0 : props.bag) === null || _b === void 0 ? void 0 : _b.items.find((el) => el.isMbm)), mbmurllegalareareturn: (props === null || props === void 0 ? void 0 : props.mbmurllegalareareturn) || (props === null || props === void 0 ? void 0 : props.returnpolicy), forceValidation: true, showValidationErrors: hasErrors })),\n            React.createElement(Button, { type: \"button\", cls: ['button--primary'], onClick: clickPlaceOrder, ariaDescribedby: \"expresscheckout-guestdesc\" }, t('checkout.placeorder')),\n            ((_c = props === null || props === void 0 ? void 0 : props.bag) === null || _c === void 0 ? void 0 : _c.guest) && (React.createElement(\"p\", { id: \"expresscheckout-guestdesc\", \"aria-hidden\": true, className: \"data-processing\", dangerouslySetInnerHTML: { __html: t('checkout.review.dataprocessing') } })))))));\n};\nexport default ExpressPaymentsButtons;\n","import React, { useEffect, useState } from 'react';\nimport DwFormField from '@ui/formfield/DwFormField';\nimport formutils from '@utils/formutils';\nimport api from '@utils/api';\nimport Tooltip from '@ui/tooltip/Tooltip';\nimport { Form } from 'react-final-form';\nimport { useTranslation } from 'react-i18next';\nconst ExpressTaxInfoForm = ({ setIsValidTaxForm }) => {\n    // Apply for HK only\n    if (window.country != 'HK')\n        return null;\n    const { t } = useTranslation();\n    const [formdef, setFormdef] = useState(window.country == 'HK'\n        ? {\n            taxCode: {\n                htmlValue: '',\n                mandatory: true,\n                dynamicHtmlName: 'dwfrm_billing_taxCode',\n                valid: false,\n                error: t('error.message.invalid'),\n                label: 'HKID/BR number',\n                maxLength: 16,\n                formType: 'formField',\n            },\n        }\n        : {});\n    const validate = async (values) => {\n        values.taxCode = (values.taxCode || '').toUpperCase();\n        let errors = await formutils.validateForm(values, formdef, 'express-checkout-taxcode');\n        if (!values.taxCode) {\n            errors['taxCode'] = t('label.requiredfield');\n            return errors;\n        }\n        if (!errors['taxCode']) {\n            setIsValidTaxForm(true);\n            return;\n        }\n        if (errors['taxCode']) {\n            setIsValidTaxForm(false);\n        }\n        return errors;\n    };\n    const handleSubmit = (values) => {\n        // Validation is done in validate()\n    };\n    // Download HK taxCode form definition\n    useEffect(() => {\n        api.getForm('express-checkout-taxcode', {}).then((data) => {\n            if (data) {\n                setFormdef(data);\n            }\n        });\n    }, []);\n    return (React.createElement(Form, { onSubmit: handleSubmit, initialValues: {}, validate: validate, mutators: {\n            global: formutils.globalMutator,\n            setValue: ([key, value], state, { changeValue }) => {\n                console.log('setValue ' + key + '=' + value);\n                changeValue(state, key, () => value);\n            },\n        }, render: ({ handleSubmit, form, submitting, pristine, values, validating }) => (React.createElement(\"form\", { onSubmit: handleSubmit, id: \"form-submitpayment\", onBlur: handleSubmit },\n            React.createElement(\"div\", { className: \"express-payments-hk-tax-code mt-16\" },\n                React.createElement(\"div\", { className: \"invoice-block\" },\n                    React.createElement(Tooltip, { ariaLabel: t('label.info'), id: \"taxCode\", text: t('checkout.hbidtooltip') }),\n                    React.createElement(DwFormField, { groupClassName: \"mt-16\", def: formdef, name: \"taxCode\", validTick: true }))))) }));\n};\nexport default ExpressTaxInfoForm;\n"],"names":["props","buttonRef","useRef","enabled","setEnabled","useState","error","setError","amazonPayConfiguration","setAmazonPayConfiguration","useEffect","_a","_b","_c","_d","paymentMethods","AdyenPaymentMethods","find","p","type","currentConfiguration","onclicked","onPaymentSelected","adyenConfig","payprops","returnUrl","amazonPayReviewUrl","showPayButton","window","country","configuration","merchantId","publicKeyId","region","ledgerCurrency","storeId","paymentutils","bag","formSetValue","then","resolve","paymentcomponent","create","mount","current","valid","message","console","info","submit","addEventListener","removeEventListener","ref","className","style","display","ErrorBox","errors","startPayment","setStartPayment","confirmed","triggerPayment","e","preventDefault","paymentDiv","document","querySelector","classList","remove","hideArrowAfterClick","showFlagsCallback","ApplePaySession","canMakePayments","isSelected","ariaControls","onClick","loading","setLoading","paymentReady","state","api","formdef","form","adyenStateData","JSON","stringify","data","paymentMethod","adyenPaymentMethod","brandCode","errorMessage","continueUrl","location","href","orderID","orderToken","onSubmit","log","onChange","component","isValid","Object","assign","pointerEvents","tabIndex","id","Loading","paypalExpressEnabled","role","disabled","t","useTranslation","enablePlaceorder","setEnablePlaceorder","showFlags","setShowFlags","setConfirmed","selectedMethod","setSelectedMethod","reloadtimestamp","taxCodeHK","setTaxCodeHK","hasErrors","setHasErrors","flagsWrapper","paymentName","useMemo","paymentId","onUpdate","setTimeout","focus","activedPaymentMethodCheckoutExpress","split","map","key","analyticsStone","analytics","ST","add","addArrowAfterClick","undefined","onBackPress","appmode","MO","ExpressTaxInfoForm","setIsValidTaxForm","CheckoutPrivacyFlags","guest","onSelect","hidedataprocessing","containsMbm","items","el","isMbm","mbmurllegalareareturn","returnpolicy","forceValidation","showValidationErrors","Button","cls","event","getElementById","click","ariaDescribedby","dangerouslySetInnerHTML","__html","setFormdef","taxCode","htmlValue","mandatory","dynamicHtmlName","label","maxLength","formType","values","initialValues","validate","async","toUpperCase","mutators","global","setValue","value","changeValue","render","handleSubmit","submitting","pristine","validating","onBlur","ariaLabel","text","groupClassName","def","name","validTick"],"sourceRoot":""}