@adyen/adyen-web 6.0.0-alpha.3 → 6.0.0-alpha.5

package/dist/es/components/Pix/PixInput/PixInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PixInput.js","sources":["../../../../../src/components/Pix/PixInput/PixInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { pixValidationRules } from './validate';\nimport { pixFormatters } from './utils';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport useForm from '../../../utils/useForm';\nimport { BrazilPersonalDetail } from '../../internal/SocialSecurityNumberBrazil/BrazilPersonalDetail';\nimport { PixInputDataState, PixInputProps } from './types';\n\nfunction PixInput({ name, data: dataProps, personalDetailsRequired, showPayButton, onChange, payButton }: PixInputProps) {\n    const { i18n } = useCoreContext();\n    const formSchema = ['firstName', 'lastName', 'socialSecurityNumber'];\n    const { handleChangeFor, triggerValidation, setSchema, data, valid, errors, isValid } = useForm<PixInputDataState>({\n        schema: formSchema,\n        defaultData: dataProps,\n        rules: pixValidationRules,\n        formatters: pixFormatters\n    });\n\n    // Handle form schema updates\n    useEffect(() => {\n        const newSchema = personalDetailsRequired ? [...formSchema] : [];\n        setSchema(newSchema);\n    }, [personalDetailsRequired]);\n\n    const [status, setStatus] = useState('ready');\n    this.setStatus = setStatus;\n\n    this.showValidation = () => {\n        triggerValidation();\n    };\n\n    useEffect(() => {\n        onChange({ data, valid, errors, isValid });\n    }, [onChange, data, valid, errors]);\n\n    const buttonModifiers = !personalDetailsRequired ? ['standalone'] : [];\n\n    return (\n        <div className=\"adyen-checkout__pix-input__field\" style={!showPayButton && !personalDetailsRequired ? { display: 'none' } : null}>\n            {personalDetailsRequired && (\n                <BrazilPersonalDetail i18n={i18n} data={data} handleChangeFor={handleChangeFor} errors={errors} valid={valid} />\n            )}\n\n            {showPayButton &&\n                payButton({\n                    status,\n                    label: `${i18n.get('continueTo')} ${name}`,\n                    classNameModifiers: buttonModifiers\n                })}\n        </div>\n    );\n}\n\nexport default PixInput;\n"],"names":["PixInput","name","data","dataProps","personalDetailsRequired","showPayButton","onChange","payButton","i18n","useCoreContext","formSchema","handleChangeFor","triggerValidation","setSchema","valid","errors","isValid","useForm","schema","defaultData","rules","pixValidationRules","formatters","pixFormatters","useEffect","newSchema","status","setStatus","useState","this","showValidation","buttonModifiers","h","div","className","style","display","BrazilPersonalDetail","label","get","classNameModifiers"],"mappings":"8cASA,SAASA,GAASC,KAAEA,EAAMC,KAAMC,EAASC,wBAAEA,EAAuBC,cAAEA,EAAaC,SAAEA,EAAQC,UAAEA,IACzF,MAAMC,KAAEA,GAASC,IACXC,EAAa,CAAC,YAAa,WAAY,yBACvCC,gBAAEA,EAAeC,kBAAEA,EAAiBC,UAAEA,EAASX,KAAEA,EAAIY,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA2B,CAC/GC,OAAQR,EACRS,YAAahB,EACbiB,MAAOC,EACPC,WAAYC,IAIhBC,GAAU,KACN,MAAMC,EAAYrB,EAA0B,IAAIM,GAAc,GAC9DG,EAAUY,EAAAA,GACX,CAACrB,IAEJ,MAAOsB,EAAQC,GAAaC,EAAS,SACrCC,KAAKF,UAAYA,EAEjBE,KAAKC,eAAiB,KAClBlB,GAAAA,EAGJY,GAAU,KACNlB,EAAS,CAAEJ,OAAMY,QAAOC,SAAQC,WAAQ,GACzC,CAACV,EAAUJ,EAAMY,EAAOC,IAE3B,MAAMgB,EAAmB3B,EAA2C,GAAjB,CAAC,cAEpD,OACI4B,EAACC,MAAAA,CAAIC,UAAU,mCAAmCC,MAAQ9B,GAAkBD,EAAgD,KAAtB,CAAEgC,QAAS,SAC5GhC,GACG4B,EAACK,EAAAA,CAAqB7B,KAAMA,EAAMN,KAAMA,EAAMS,gBAAiBA,EAAiBI,OAAQA,EAAQD,MAAOA,IAG1GT,GACGE,EAAU,CACNmB,SACAY,MAAO,GAAG9B,EAAK+B,IAAI,iBAAiBtC,IACpCuC,mBAAoBT,IAIxC"}
+{"version":3,"file":"PixInput.js","sources":["../../../../../src/components/Pix/PixInput/PixInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { pixValidationRules } from './validate';\nimport { pixFormatters } from './utils';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport useForm from '../../../utils/useForm';\nimport { BrazilPersonalDetail } from '../../internal/SocialSecurityNumberBrazil/BrazilPersonalDetail';\nimport { PixInputDataState, PixInputProps } from './types';\n\nfunction PixInput({ name, data: dataProps, personalDetailsRequired, showPayButton, onChange, payButton }: PixInputProps) {\n    const { i18n } = useCoreContext();\n    const formSchema = ['firstName', 'lastName', 'socialSecurityNumber'];\n    const { handleChangeFor, triggerValidation, setSchema, data, valid, errors, isValid } = useForm<PixInputDataState>({\n        schema: formSchema,\n        defaultData: dataProps,\n        rules: pixValidationRules,\n        formatters: pixFormatters\n    });\n\n    // Handle form schema updates\n    useEffect(() => {\n        const newSchema = personalDetailsRequired ? [...formSchema] : [];\n        setSchema(newSchema);\n    }, [personalDetailsRequired]);\n\n    const [status, setStatus] = useState('ready');\n    this.setStatus = setStatus;\n\n    this.showValidation = () => {\n        triggerValidation();\n    };\n\n    useEffect(() => {\n        onChange({ data, valid, errors, isValid });\n    }, [onChange, data, valid, errors]);\n\n    const buttonModifiers = !personalDetailsRequired ? ['standalone'] : [];\n\n    return (\n        <div className=\"adyen-checkout__pix-input__field\" style={!showPayButton && !personalDetailsRequired ? { display: 'none' } : null}>\n            {personalDetailsRequired && (\n                <BrazilPersonalDetail i18n={i18n} data={data} handleChangeFor={handleChangeFor} errors={errors} valid={valid} />\n            )}\n\n            {showPayButton &&\n                payButton({\n                    status,\n                    label: `${i18n.get('continueTo')} ${name}`,\n                    classNameModifiers: buttonModifiers\n                })}\n        </div>\n    );\n}\n\nexport default PixInput;\n"],"names":["PixInput","name","data","dataProps","personalDetailsRequired","showPayButton","onChange","payButton","i18n","useCoreContext","formSchema","handleChangeFor","triggerValidation","setSchema","valid","errors","isValid","useForm","schema","defaultData","rules","pixValidationRules","formatters","pixFormatters","useEffect","newSchema","status","setStatus","useState","this","showValidation","buttonModifiers","h","div","className","style","display","BrazilPersonalDetail","label","get","classNameModifiers"],"mappings":"8dASA,SAASA,GAASC,KAAEA,EAAMC,KAAMC,EAASC,wBAAEA,EAAuBC,cAAEA,EAAaC,SAAEA,EAAQC,UAAEA,IACzF,MAAMC,KAAEA,GAASC,IACXC,EAAa,CAAC,YAAa,WAAY,yBACvCC,gBAAEA,EAAeC,kBAAEA,EAAiBC,UAAEA,EAASX,KAAEA,EAAIY,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA2B,CAC/GC,OAAQR,EACRS,YAAahB,EACbiB,MAAOC,EACPC,WAAYC,IAIhBC,GAAU,KACN,MAAMC,EAAYrB,EAA0B,IAAIM,GAAc,GAC9DG,EAAUY,EAAAA,GACX,CAACrB,IAEJ,MAAOsB,EAAQC,GAAaC,EAAS,SACrCC,KAAKF,UAAYA,EAEjBE,KAAKC,eAAiB,KAClBlB,GAAAA,EAGJY,GAAU,KACNlB,EAAS,CAAEJ,OAAMY,QAAOC,SAAQC,WAAQ,GACzC,CAACV,EAAUJ,EAAMY,EAAOC,IAE3B,MAAMgB,EAAmB3B,EAA2C,GAAjB,CAAC,cAEpD,OACI4B,EAACC,MAAAA,CAAIC,UAAU,mCAAmCC,MAAQ9B,GAAkBD,EAAgD,KAAtB,CAAEgC,QAAS,SAC5GhC,GACG4B,EAACK,EAAAA,CAAqB7B,KAAMA,EAAMN,KAAMA,EAAMS,gBAAiBA,EAAiBI,OAAQA,EAAQD,MAAOA,IAG1GT,GACGE,EAAU,CACNmB,SACAY,MAAO,GAAG9B,EAAK+B,IAAI,iBAAiBtC,IACpCuC,mBAAoBT,IAIxC"}

package/dist/es/components/Redirect/Redirect.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as r}from"../internal/UIElement/UIElement.js";import e from"../../core/Context/CoreProvider.js";import o from"./components/RedirectShopper/RedirectShopper.js";import s from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as i}from"../tx-variants.js";import p from"../../utils/browserInfo.js";class n extends r{static type=i.redirect;static defaultProps={type:n.type};formatData(){return{paymentMethod:{type:this.type},browserInfo:this.browserInfo}}get isValid(){return!0}get browserInfo(){return p()}render(){return this.props.url&&this.props.method?t(o,{url:this.props.url,...this.props}):this.props.showPayButton?t(e,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,{...this.props,name:this.displayName,onSubmit:this.submit,payButton:this.payButton,ref:t=>{this.componentRef=t}})):null}}export{n as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as r}from"../internal/UIElement/UIElement.js";import{CoreProvider as e}from"../../core/Context/CoreProvider.js";import o from"./components/RedirectShopper/RedirectShopper.js";import s from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as i}from"../tx-variants.js";import p from"../../utils/browserInfo.js";class n extends r{static type=i.redirect;static defaultProps={type:n.type};formatData(){return{paymentMethod:{type:this.type},browserInfo:this.browserInfo}}get isValid(){return!0}get browserInfo(){return p()}render(){return this.props.url&&this.props.method?t(o,{url:this.props.url,...this.props}):this.props.showPayButton?t(e,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,{...this.props,name:this.displayName,onSubmit:this.submit,payButton:this.payButton,ref:t=>{this.componentRef=t}})):null}}export{n as default};
 //# sourceMappingURL=Redirect.js.map

package/dist/es/components/Redirect/Redirect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Redirect.js","sources":["../../../../src/components/Redirect/Redirect.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport RedirectShopper from './components/RedirectShopper';\nimport RedirectButton from '../internal/RedirectButton';\nimport { TxVariants } from '../tx-variants';\nimport { RedirectConfiguration } from './types';\nimport collectBrowserInfo from '../../utils/browserInfo';\n\nclass RedirectElement extends UIElement<RedirectConfiguration> {\n    public static type = TxVariants.redirect;\n\n    public static defaultProps = {\n        type: RedirectElement.type\n    };\n\n    formatData() {\n        return {\n            paymentMethod: {\n                type: this.type\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    render() {\n        if (this.props.url && this.props.method) {\n            return <RedirectShopper url={this.props.url} {...this.props} />;\n        }\n\n        if (this.props.showPayButton) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <RedirectButton\n                        {...this.props}\n                        name={this.displayName}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                    />\n                </CoreProvider>\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default RedirectElement;\n"],"names":["RedirectElement","UIElement","static","TxVariants","redirect","type","formatData","paymentMethod","this","browserInfo","isValid","collectBrowserInfo","render","props","url","method","h","RedirectShopper","showPayButton","CoreProvider","i18n","loadingContext","resources","RedirectButton","name","displayName","onSubmit","submit","payButton","ref","componentRef"],"mappings":"0YASA,MAAMA,UAAwBC,EAC1BC,YAAqBC,EAAWC,SAEhCF,oBAA6B,CACzBG,KAAML,EAAgBK,MAG1BC,UAAAA,GACI,MAAO,CACHC,cAAe,CACXF,KAAMG,KAAKH,MAEfI,YAAaD,KAAKC,YAE1B,CAEA,WAAIC,GACA,OAAO,CACX,CAEA,eAAID,GACA,OAAOE,GACX,CAEAC,MAAAA,GACI,OAAIJ,KAAKK,MAAMC,KAAON,KAAKK,MAAME,OACtBC,EAACC,EAAAA,CAAgBH,IAAKN,KAAKK,MAAMC,OAASN,KAAKK,QAGtDL,KAAKK,MAAMK,cAEPF,EAACG,EAAAA,CAAaC,KAAMZ,KAAKK,MAAMO,KAAMC,eAAgBb,KAAKK,MAAMQ,eAAgBC,UAAWd,KAAKc,WAC5FN,EAACO,EAAAA,IACOf,KAAKK,MACTW,KAAMhB,KAAKiB,YACXC,SAAUlB,KAAKmB,OACfC,UAAWpB,KAAKoB,UAChBC,IAAKA,IACDrB,KAAKsB,aAAeD,CAAAA,KAOjC,IACX"}
+{"version":3,"file":"Redirect.js","sources":["../../../../src/components/Redirect/Redirect.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport RedirectShopper from './components/RedirectShopper';\nimport RedirectButton from '../internal/RedirectButton';\nimport { TxVariants } from '../tx-variants';\nimport { RedirectConfiguration } from './types';\nimport collectBrowserInfo from '../../utils/browserInfo';\n\nclass RedirectElement extends UIElement<RedirectConfiguration> {\n    public static type = TxVariants.redirect;\n\n    public static defaultProps = {\n        type: RedirectElement.type\n    };\n\n    formatData() {\n        return {\n            paymentMethod: {\n                type: this.type\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    render() {\n        if (this.props.url && this.props.method) {\n            return <RedirectShopper url={this.props.url} {...this.props} />;\n        }\n\n        if (this.props.showPayButton) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <RedirectButton\n                        {...this.props}\n                        name={this.displayName}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                    />\n                </CoreProvider>\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default RedirectElement;\n"],"names":["RedirectElement","UIElement","static","TxVariants","redirect","type","formatData","paymentMethod","this","browserInfo","isValid","collectBrowserInfo","render","props","url","method","h","RedirectShopper","showPayButton","CoreProvider","i18n","loadingContext","resources","RedirectButton","name","displayName","onSubmit","submit","payButton","ref","componentRef"],"mappings":"0ZASA,MAAMA,UAAwBC,EAC1BC,YAAqBC,EAAWC,SAEhCF,oBAA6B,CACzBG,KAAML,EAAgBK,MAG1BC,UAAAA,GACI,MAAO,CACHC,cAAe,CACXF,KAAMG,KAAKH,MAEfI,YAAaD,KAAKC,YAE1B,CAEA,WAAIC,GACA,OAAO,CACX,CAEA,eAAID,GACA,OAAOE,GACX,CAEAC,MAAAA,GACI,OAAIJ,KAAKK,MAAMC,KAAON,KAAKK,MAAME,OACtBC,EAACC,EAAAA,CAAgBH,IAAKN,KAAKK,MAAMC,OAASN,KAAKK,QAGtDL,KAAKK,MAAMK,cAEPF,EAACG,EAAAA,CAAaC,KAAMZ,KAAKK,MAAMO,KAAMC,eAAgBb,KAAKK,MAAMQ,eAAgBC,UAAWd,KAAKc,WAC5FN,EAACO,EAAAA,IACOf,KAAKK,MACTW,KAAMhB,KAAKiB,YACXC,SAAUlB,KAAKmB,OACfC,UAAWpB,KAAKoB,UAChBC,IAAKA,IACDrB,KAAKsB,aAAeD,CAAAA,KAOjC,IACX"}

package/dist/es/components/Riverty/Riverty.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../external/preact/dist/preact.js";import r from"../helpers/OpenInvoiceContainer/OpenInvoiceContainer.js";import{personalDetailsRequiredFields as o,deliveryAddressSpecification as t,allowedBillingCountries as i,allowedDeliveryCountries as s,termsAndConditionsUrlMap as n}from"./config.js";import a from"../internal/ConsentCheckboxLabel/ConsentCheckboxLabel.js";import{getConsentUrl as l}from"../../utils/getConsentUrl.js";class c extends r{static type="riverty";static defaultProps={personalDetailsRequiredFields:o,deliveryAddressSpecification:t,...r.defaultProps};formatProps(r){return{...super.formatProps(r),billingAddressSpecification:{...r.billingAddressSpecification,allowedCountries:r.countryCode?[r.countryCode]:i},deliveryAddressSpecification:{...r.deliveryAddressSpecification,allowedCountries:s},consentCheckboxLabel:e(a,{url:l(r.countryCode,r.i18n?.locale,n)})}}}export{c as default};
+import{createElement as e}from"../../external/preact/dist/preact.js";import r from"../helpers/OpenInvoiceContainer/OpenInvoiceContainer.js";import{personalDetailsRequiredFields as o,deliveryAddressSpecification as t,allowedBillingCountries as i,allowedDeliveryCountries as s,termsAndConditionsUrlMap as n}from"./config.js";import a from"../internal/ConsentCheckboxLabel/ConsentCheckboxLabel.js";import{getConsentUrl as l}from"../../utils/getConsentUrl.js";import{TxVariants as c}from"../tx-variants.js";class d extends r{static type=c.riverty;static defaultProps={personalDetailsRequiredFields:o,deliveryAddressSpecification:t,...r.defaultProps};formatProps(r){return{...super.formatProps(r),billingAddressSpecification:{...r.billingAddressSpecification,allowedCountries:r.countryCode?[r.countryCode]:i},deliveryAddressSpecification:{...r.deliveryAddressSpecification,allowedCountries:s},consentCheckboxLabel:e(a,{url:l(r.countryCode,r.i18n?.locale,n)})}}}export{d as default};
 //# sourceMappingURL=Riverty.js.map

package/dist/es/components/Riverty/Riverty.js.map

@@ -1 +1 @@
-{"version":3,"file":"Riverty.js","sources":["../../../../src/components/Riverty/Riverty.tsx"],"sourcesContent":["import { h } from 'preact';\nimport OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport {\n    allowedBillingCountries,\n    allowedDeliveryCountries,\n    deliveryAddressSpecification,\n    personalDetailsRequiredFields,\n    termsAndConditionsUrlMap\n} from './config';\nimport ConsentCheckboxLabel from '../internal/ConsentCheckboxLabel';\nimport { getConsentUrl } from '../../utils/getConsentUrl';\nimport type { OpenInvoiceConfiguration } from '../helpers/OpenInvoiceContainer/types';\n\nexport default class Riverty extends OpenInvoiceContainer {\n    public static readonly type = 'riverty';\n\n    protected static defaultProps = {\n        personalDetailsRequiredFields,\n        deliveryAddressSpecification,\n        ...OpenInvoiceContainer.defaultProps\n    };\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            billingAddressSpecification: {\n                ...props.billingAddressSpecification,\n                allowedCountries: props.countryCode ? [props.countryCode] : allowedBillingCountries\n            },\n            deliveryAddressSpecification: { ...props.deliveryAddressSpecification, allowedCountries: allowedDeliveryCountries },\n            consentCheckboxLabel: <ConsentCheckboxLabel url={getConsentUrl(props.countryCode, props.i18n?.locale, termsAndConditionsUrlMap)} />\n        };\n    }\n}\n"],"names":["Riverty","OpenInvoiceContainer","static","personalDetailsRequiredFields","deliveryAddressSpecification","defaultProps","formatProps","props","super","billingAddressSpecification","allowedCountries","countryCode","allowedBillingCountries","allowedDeliveryCountries","consentCheckboxLabel","h","ConsentCheckboxLabel","url","getConsentUrl","i18n","locale","termsAndConditionsUrlMap"],"mappings":"wcAae,MAAMA,UAAgBC,EACjCC,YAA8B,UAE9BA,oBAAgC,CAC5BC,gCACAC,kCACGH,EAAqBI,cAG5BC,WAAAA,CAAYC,GACR,MAAO,IACAC,MAAMF,YAAYC,GACrBE,4BAA6B,IACtBF,EAAME,4BACTC,iBAAkBH,EAAMI,YAAc,CAACJ,EAAMI,aAAeC,GAEhER,6BAA8B,IAAKG,EAAMH,6BAA8BM,iBAAkBG,GACzFC,qBAAsBC,EAACC,EAAAA,CAAqBC,IAAKC,EAAcX,EAAMI,YAAaJ,EAAMY,MAAMC,OAAQC,KAE9G"}
+{"version":3,"file":"Riverty.js","sources":["../../../../src/components/Riverty/Riverty.tsx"],"sourcesContent":["import { h } from 'preact';\nimport OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport {\n    allowedBillingCountries,\n    allowedDeliveryCountries,\n    deliveryAddressSpecification,\n    personalDetailsRequiredFields,\n    termsAndConditionsUrlMap\n} from './config';\nimport ConsentCheckboxLabel from '../internal/ConsentCheckboxLabel';\nimport { getConsentUrl } from '../../utils/getConsentUrl';\nimport type { OpenInvoiceConfiguration } from '../helpers/OpenInvoiceContainer/types';\nimport { TxVariants } from '../tx-variants';\n\nexport default class Riverty extends OpenInvoiceContainer {\n    public static readonly type = TxVariants.riverty;\n\n    protected static defaultProps = {\n        personalDetailsRequiredFields,\n        deliveryAddressSpecification,\n        ...OpenInvoiceContainer.defaultProps\n    };\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            billingAddressSpecification: {\n                ...props.billingAddressSpecification,\n                allowedCountries: props.countryCode ? [props.countryCode] : allowedBillingCountries\n            },\n            deliveryAddressSpecification: { ...props.deliveryAddressSpecification, allowedCountries: allowedDeliveryCountries },\n            consentCheckboxLabel: <ConsentCheckboxLabel url={getConsentUrl(props.countryCode, props.i18n?.locale, termsAndConditionsUrlMap)} />\n        };\n    }\n}\n"],"names":["Riverty","OpenInvoiceContainer","static","TxVariants","riverty","personalDetailsRequiredFields","deliveryAddressSpecification","defaultProps","formatProps","props","super","billingAddressSpecification","allowedCountries","countryCode","allowedBillingCountries","allowedDeliveryCountries","consentCheckboxLabel","h","ConsentCheckboxLabel","url","getConsentUrl","i18n","locale","termsAndConditionsUrlMap"],"mappings":"ufAce,MAAMA,UAAgBC,EACjCC,YAA8BC,EAAWC,QAEzCF,oBAAgC,CAC5BG,gCACAC,kCACGL,EAAqBM,cAG5BC,WAAAA,CAAYC,GACR,MAAO,IACAC,MAAMF,YAAYC,GACrBE,4BAA6B,IACtBF,EAAME,4BACTC,iBAAkBH,EAAMI,YAAc,CAACJ,EAAMI,aAAeC,GAEhER,6BAA8B,IAAKG,EAAMH,6BAA8BM,iBAAkBG,GACzFC,qBAAsBC,EAACC,EAAAA,CAAqBC,IAAKC,EAAcX,EAAMI,YAAaJ,EAAMY,MAAMC,OAAQC,KAE9G"}

package/dist/es/components/Sepa/Sepa.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"../internal/IbanInput/IbanInput.js";import s from"../../core/Context/CoreProvider.js";import{TxVariants as o}from"../tx-variants.js";import n from"../internal/FormInstruction/FormInstruction.js";class a extends e{static type=o.sepadirectdebit;static defaultProps={showFormInstruction:!0};constructor(t,e){super(t,e),this.state={...this.state,data:{ibanNumber:"",ownerName:""}}}formatProps(t){return{holderName:!0,...t}}formatData(){return{paymentMethod:{type:a.type,iban:this.state.data.ibanNumber,ownerName:this.state.data.ownerName}}}get isValid(){return!!this.state.isValid}render(){return t(s,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.showFormInstruction&&t(n,null),t(r,{ref:t=>{this.componentRef=t},...this.props,onChange:this.setState,payButton:this.payButton}))}}export{a as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"../internal/IbanInput/IbanInput.js";import{CoreProvider as s}from"../../core/Context/CoreProvider.js";import{TxVariants as o}from"../tx-variants.js";import n from"../internal/FormInstruction/FormInstruction.js";class a extends e{static type=o.sepadirectdebit;static defaultProps={showFormInstruction:!0};constructor(t,e){super(t,e),this.state={...this.state,data:{ibanNumber:"",ownerName:""}}}formatProps(t){return{holderName:!0,...t}}formatData(){return{paymentMethod:{type:a.type,iban:this.state.data.ibanNumber,ownerName:this.state.data.ownerName}}}get isValid(){return!!this.state.isValid}render(){return t(s,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.showFormInstruction&&t(n,null),t(r,{ref:t=>{this.componentRef=t},...this.props,onChange:this.setState,payButton:this.payButton}))}}export{a as default};
 //# sourceMappingURL=Sepa.js.map

package/dist/es/components/Sepa/Sepa.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sepa.js","sources":["../../../../src/components/Sepa/Sepa.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport IbanInput from '../internal/IbanInput';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { SepaElementData, SepaConfiguration } from './types';\nimport { TxVariants } from '../tx-variants';\nimport FormInstruction from '../internal/FormInstruction';\nimport type { ICore } from '../../core/types';\n\nclass SepaElement extends UIElement<SepaConfiguration> {\n    public static type = TxVariants.sepadirectdebit;\n\n    protected static defaultProps = {\n        showFormInstruction: true\n    };\n\n    constructor(checkout: ICore, props?: SepaConfiguration) {\n        super(checkout, props);\n        this.state = { ...this.state, ...{ data: { ibanNumber: '', ownerName: '' } } };\n    }\n\n    /**\n     * Formats props on construction time\n     */\n    formatProps(props) {\n        return {\n            holderName: true,\n            ...props\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData(): SepaElementData {\n        return {\n            paymentMethod: {\n                type: SepaElement.type,\n                iban: this.state.data['ibanNumber'],\n                ownerName: this.state.data['ownerName']\n            }\n        };\n    }\n\n    /**\n     * Returns whether the component state is valid or not\n     */\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.showFormInstruction && <FormInstruction />}\n                {/* @ts-ignore TODO: add props */}\n                <IbanInput\n                    ref={ref => {\n                        this.componentRef = ref;\n                    }}\n                    {...this.props}\n                    onChange={this.setState}\n                    // onSubmit={this.submit}\n                    payButton={this.payButton}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default SepaElement;\n"],"names":["SepaElement","UIElement","static","TxVariants","sepadirectdebit","showFormInstruction","constructor","checkout","props","super","this","state","data","ibanNumber","ownerName","formatProps","holderName","formatData","paymentMethod","type","iban","isValid","render","h","CoreProvider","i18n","loadingContext","resources","FormInstruction","IbanInput","ref","componentRef","onChange","setState","payButton"],"mappings":"qVASA,MAAMA,UAAoBC,EACtBC,YAAqBC,EAAWC,gBAEhCF,oBAAgC,CAC5BG,qBAAqB,GAGzBC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAChBE,KAAKC,MAAQ,IAAKD,KAAKC,MAAYC,KAAM,CAAEC,WAAY,GAAIC,UAAW,IAC1E,CAKAC,WAAAA,CAAYP,GACR,MAAO,CACHQ,YAAY,KACTR,EAEX,CAKAS,UAAAA,GACI,MAAO,CACHC,cAAe,CACXC,KAAMnB,EAAYmB,KAClBC,KAAMV,KAAKC,MAAMC,KAAkB,WACnCE,UAAWJ,KAAKC,MAAMC,KAAiB,WAGnD,CAKA,WAAIS,GACA,QAASX,KAAKC,MAAMU,OACxB,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMf,KAAKF,MAAMiB,KAAMC,eAAgBhB,KAAKF,MAAMkB,eAAgBC,UAAWjB,KAAKiB,WAC3FjB,KAAKF,MAAMH,qBAAuBkB,EAACK,QAEpCL,EAACM,EAAAA,CACGC,IAAKA,IACDpB,KAAKqB,aAAeD,CAAAA,KAEpBpB,KAAKF,MACTwB,SAAUtB,KAAKuB,SAEfC,UAAWxB,KAAKwB,YAIhC"}
+{"version":3,"file":"Sepa.js","sources":["../../../../src/components/Sepa/Sepa.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport IbanInput from '../internal/IbanInput';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { SepaElementData, SepaConfiguration } from './types';\nimport { TxVariants } from '../tx-variants';\nimport FormInstruction from '../internal/FormInstruction';\nimport type { ICore } from '../../core/types';\n\nclass SepaElement extends UIElement<SepaConfiguration> {\n    public static type = TxVariants.sepadirectdebit;\n\n    protected static defaultProps = {\n        showFormInstruction: true\n    };\n\n    constructor(checkout: ICore, props?: SepaConfiguration) {\n        super(checkout, props);\n        this.state = { ...this.state, ...{ data: { ibanNumber: '', ownerName: '' } } };\n    }\n\n    /**\n     * Formats props on construction time\n     */\n    formatProps(props) {\n        return {\n            holderName: true,\n            ...props\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData(): SepaElementData {\n        return {\n            paymentMethod: {\n                type: SepaElement.type,\n                iban: this.state.data['ibanNumber'],\n                ownerName: this.state.data['ownerName']\n            }\n        };\n    }\n\n    /**\n     * Returns whether the component state is valid or not\n     */\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.showFormInstruction && <FormInstruction />}\n                {/* @ts-ignore TODO: add props */}\n                <IbanInput\n                    ref={ref => {\n                        this.componentRef = ref;\n                    }}\n                    {...this.props}\n                    onChange={this.setState}\n                    // onSubmit={this.submit}\n                    payButton={this.payButton}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default SepaElement;\n"],"names":["SepaElement","UIElement","static","TxVariants","sepadirectdebit","showFormInstruction","constructor","checkout","props","super","this","state","data","ibanNumber","ownerName","formatProps","holderName","formatData","paymentMethod","type","iban","isValid","render","h","CoreProvider","i18n","loadingContext","resources","FormInstruction","IbanInput","ref","componentRef","onChange","setState","payButton"],"mappings":"qWASA,MAAMA,UAAoBC,EACtBC,YAAqBC,EAAWC,gBAEhCF,oBAAgC,CAC5BG,qBAAqB,GAGzBC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAChBE,KAAKC,MAAQ,IAAKD,KAAKC,MAAYC,KAAM,CAAEC,WAAY,GAAIC,UAAW,IAC1E,CAKAC,WAAAA,CAAYP,GACR,MAAO,CACHQ,YAAY,KACTR,EAEX,CAKAS,UAAAA,GACI,MAAO,CACHC,cAAe,CACXC,KAAMnB,EAAYmB,KAClBC,KAAMV,KAAKC,MAAMC,KAAkB,WACnCE,UAAWJ,KAAKC,MAAMC,KAAiB,WAGnD,CAKA,WAAIS,GACA,QAASX,KAAKC,MAAMU,OACxB,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMf,KAAKF,MAAMiB,KAAMC,eAAgBhB,KAAKF,MAAMkB,eAAgBC,UAAWjB,KAAKiB,WAC3FjB,KAAKF,MAAMH,qBAAuBkB,EAACK,QAEpCL,EAACM,EAAAA,CACGC,IAAKA,IACDpB,KAAKqB,aAAeD,CAAAA,KAEpBpB,KAAKF,MACTwB,SAAUtB,KAAKuB,SAEfC,UAAWxB,KAAKwB,YAIhC"}

package/dist/es/components/ThreeDS2/ThreeDS2Challenge.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"./components/Challenge/PrepareChallenge3DS2.js";import{DEFAULT_CHALLENGE_WINDOW_SIZE as o,THREEDS2_CHALLENGE as s,THREEDS2_ERROR as i,THREEDS2_CHALLENGE_ERROR as n}from"./config.js";import{existy as a}from"../internal/SecuredFields/lib/utilities/commonUtils.js";import{hasOwnProperty as p}from"../../utils/hasOwnProperty.js";import{TxVariants as m}from"../tx-variants.js";import l,{API_ERROR as c}from"../../core/Errors/AdyenCheckoutError.js";import{ANALYTICS_RENDERED_STR as u,ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA as h,ANALYTICS_API_ERROR as y}from"../../core/Analytics/constants.js";class f extends e{static type=m.threeDS2Challenge;static defaultProps={dataKey:"threeDSResult",size:o,type:s};submitAnalytics=t=>{t.type!==u&&super.submitAnalytics(t)};onComplete(t){t&&super.onComplete(t),this.unmount()}render(){if(!a(this.props.paymentData)){const t=p(this.props,"isMDFlow")?"paymentData":"authorisationToken";return this.props.onError(new l(c,`No ${t} received. 3DS2 Challenge cannot proceed`)),this.submitAnalytics({type:i,code:h,errorType:y,message:`${n}: Missing 'paymentData' property from threeDS2 action`}),null}return t(r,{...this.props,onComplete:this.onComplete,onSubmitAnalytics:this.submitAnalytics})}}export{f as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"./components/Challenge/PrepareChallenge3DS2.js";import{DEFAULT_CHALLENGE_WINDOW_SIZE as o,THREEDS2_CHALLENGE as s,THREEDS2_ERROR as i,THREEDS2_CHALLENGE_ERROR as n}from"./constants.js";import{existy as a}from"../internal/SecuredFields/lib/utilities/commonUtils.js";import{hasOwnProperty as p}from"../../utils/hasOwnProperty.js";import{TxVariants as m}from"../tx-variants.js";import l,{API_ERROR as c}from"../../core/Errors/AdyenCheckoutError.js";import{ANALYTICS_RENDERED_STR as h,Analytics3DS2Errors as u,ANALYTICS_API_ERROR as y}from"../../core/Analytics/constants.js";import{CoreProvider as d}from"../../core/Context/CoreProvider.js";class f extends e{static type=m.threeDS2Challenge;static defaultProps={dataKey:"threeDSResult",size:o,type:s};submitAnalytics=t=>{t.type!==h&&super.submitAnalytics(t)};onComplete(t){t&&super.onComplete(t),this.unmount()}render(){if(!a(this.props.paymentData)){const t=p(this.props,"isMDFlow")?"paymentData":"authorisationToken";return this.props.onError(new l(c,`No ${t} received. 3DS2 Challenge cannot proceed`)),this.submitAnalytics({type:i,code:u.ACTION_IS_MISSING_PAYMENT_DATA,errorType:y,message:`${n}: Missing 'paymentData' property from threeDS2 action`}),null}return t(d,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(r,{...this.props,onComplete:this.onComplete,onSubmitAnalytics:this.submitAnalytics,isMDFlow:this.props.paymentData.length<15}))}}export{f as default};
 //# sourceMappingURL=ThreeDS2Challenge.js.map

package/dist/es/components/ThreeDS2/ThreeDS2Challenge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeDS2Challenge.js","sources":["../../../../src/components/ThreeDS2/ThreeDS2Challenge.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport PrepareChallenge from './components/Challenge';\nimport { DEFAULT_CHALLENGE_WINDOW_SIZE, THREEDS2_CHALLENGE, THREEDS2_CHALLENGE_ERROR, THREEDS2_ERROR } from './config';\nimport { existy } from '../internal/SecuredFields/lib/utilities/commonUtils';\nimport { hasOwnProperty } from '../../utils/hasOwnProperty';\nimport { TxVariants } from '../tx-variants';\nimport { ThreeDS2ChallengeConfiguration } from './types';\nimport AdyenCheckoutError, { API_ERROR } from '../../core/Errors/AdyenCheckoutError';\nimport { ANALYTICS_API_ERROR, ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA, ANALYTICS_RENDERED_STR } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\n\nclass ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeConfiguration> {\n    public static type = TxVariants.threeDS2Challenge;\n\n    public static defaultProps = {\n        dataKey: 'threeDSResult',\n        size: DEFAULT_CHALLENGE_WINDOW_SIZE,\n        type: THREEDS2_CHALLENGE\n    };\n\n    protected submitAnalytics = (aObj: SendAnalyticsObject) => {\n        if (aObj.type === ANALYTICS_RENDERED_STR) return; // suppress the rendered event (it will have the same timestamp as the \"creq sent\" event)\n\n        super.submitAnalytics(aObj);\n    };\n\n    onComplete(state) {\n        if (state) super.onComplete(state);\n        this.unmount(); // re. fixing issue around back to back challenge calls\n    }\n\n    render() {\n        // existy used because threeds2InMDFlow will send empty string for paymentData and we should be allowed to proceed with this\n        if (!existy(this.props.paymentData)) {\n            /**\n             *   The presence of props.isMDFlow indicates the action to create this component came from the threeds2InMDFlow process which passes (an empty) paymentsData.\n             *   The regular, \"native\" flow uses the authorisationToken from the 3DS2 action, which actionTypes.ts assigns to a property called paymentData\n             */\n            const dataTypeForError = hasOwnProperty(this.props, 'isMDFlow') ? 'paymentData' : 'authorisationToken';\n\n            this.props.onError(new AdyenCheckoutError(API_ERROR, `No ${dataTypeForError} received. 3DS2 Challenge cannot proceed`));\n\n            this.submitAnalytics({\n                type: THREEDS2_ERROR,\n                code: ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA,\n                errorType: ANALYTICS_API_ERROR,\n                message: `${THREEDS2_CHALLENGE_ERROR}: Missing 'paymentData' property from threeDS2 action`\n            });\n\n            return null;\n        }\n\n        return <PrepareChallenge {...this.props} onComplete={this.onComplete} onSubmitAnalytics={this.submitAnalytics} />;\n    }\n}\n\nexport default ThreeDS2Challenge;\n"],"names":["ThreeDS2Challenge","UIElement","static","TxVariants","threeDS2Challenge","dataKey","size","DEFAULT_CHALLENGE_WINDOW_SIZE","type","THREEDS2_CHALLENGE","submitAnalytics","aObj","ANALYTICS_RENDERED_STR","super","onComplete","state","this","unmount","render","existy","props","paymentData","dataTypeForError","hasOwnProperty","onError","AdyenCheckoutError","API_ERROR","THREEDS2_ERROR","code","ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA","errorType","ANALYTICS_API_ERROR","message","THREEDS2_CHALLENGE_ERROR","h","PrepareChallenge","onSubmitAnalytics"],"mappings":"0uBAYA,MAAMA,UAA0BC,EAC5BC,YAAqBC,EAAWC,kBAEhCF,oBAA6B,CACzBG,QAAS,gBACTC,KAAMC,EACNC,KAAMC,GAGAC,gBAAmBC,IACrBA,EAAKH,OAASI,GAElBC,MAAMH,gBAAgBC,EAAAA,EAG1BG,UAAAA,CAAWC,GACHA,GAAOF,MAAMC,WAAWC,GAC5BC,KAAKC,SACT,CAEAC,MAAAA,GAEI,IAAKC,EAAOH,KAAKI,MAAMC,aAAc,CAKjC,MAAMC,EAAmBC,EAAeP,KAAKI,MAAO,YAAc,cAAgB,qBAWlF,OATAJ,KAAKI,MAAMI,QAAQ,IAAIC,EAAmBC,EAAW,MAAMJ,8CAE3DN,KAAKN,gBAAgB,CACjBF,KAAMmB,EACNC,KAAMC,EACNC,UAAWC,EACXC,QAAS,GAAGC,2DAGT,IACX,CAEA,OAAOC,EAACC,EAAAA,IAAqBnB,KAAKI,MAAON,WAAYE,KAAKF,WAAYsB,kBAAmBpB,KAAKN,iBAClG"}
+{"version":3,"file":"ThreeDS2Challenge.js","sources":["../../../../src/components/ThreeDS2/ThreeDS2Challenge.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport PrepareChallenge from './components/Challenge';\nimport { DEFAULT_CHALLENGE_WINDOW_SIZE, THREEDS2_CHALLENGE, THREEDS2_CHALLENGE_ERROR, THREEDS2_ERROR } from './constants';\nimport { existy } from '../internal/SecuredFields/lib/utilities/commonUtils';\nimport { hasOwnProperty } from '../../utils/hasOwnProperty';\nimport { TxVariants } from '../tx-variants';\nimport { ThreeDS2ChallengeConfiguration } from './types';\nimport AdyenCheckoutError, { API_ERROR } from '../../core/Errors/AdyenCheckoutError';\nimport { ANALYTICS_API_ERROR, Analytics3DS2Errors, ANALYTICS_RENDERED_STR } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\n\nclass ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeConfiguration> {\n    public static type = TxVariants.threeDS2Challenge;\n\n    public static defaultProps = {\n        dataKey: 'threeDSResult',\n        size: DEFAULT_CHALLENGE_WINDOW_SIZE,\n        type: THREEDS2_CHALLENGE\n    };\n\n    protected submitAnalytics = (aObj: SendAnalyticsObject) => {\n        if (aObj.type === ANALYTICS_RENDERED_STR) return; // suppress the rendered event (it will have the same timestamp as the \"creq sent\" event)\n\n        super.submitAnalytics(aObj);\n    };\n\n    onComplete(state) {\n        /**\n         * Equals a call to onAdditionalDetails (as set in actionTypes.ts) for the regular, \"native\" flow.\n         * However, if the action to create this component came from the 3DS2InMDFlow process it will instead equal a call to the onComplete callback\n         * (as defined in the 3DS2InMDFlow and passed in as a config prop).\n         */\n        if (state) super.onComplete(state);\n        this.unmount(); // re. fixing issue around back to back challenge calls\n    }\n\n    render() {\n        // existy used because threeds2InMDFlow will send empty string for paymentData and we should be allowed to proceed with this\n        if (!existy(this.props.paymentData)) {\n            /**\n             *   The presence of props.isMDFlow indicates the action to create this component came from the threeds2InMDFlow process which passes (an empty) paymentsData.\n             *   The regular, \"native\" flow uses the authorisationToken from the 3DS2 action, which actionTypes.ts assigns to a property called paymentData\n             */\n            const dataTypeForError = hasOwnProperty(this.props, 'isMDFlow') ? 'paymentData' : 'authorisationToken';\n\n            this.props.onError(new AdyenCheckoutError(API_ERROR, `No ${dataTypeForError} received. 3DS2 Challenge cannot proceed`));\n\n            this.submitAnalytics({\n                type: THREEDS2_ERROR,\n                code: Analytics3DS2Errors.ACTION_IS_MISSING_PAYMENT_DATA,\n                errorType: ANALYTICS_API_ERROR,\n                message: `${THREEDS2_CHALLENGE_ERROR}: Missing 'paymentData' property from threeDS2 action`\n            });\n\n            return null;\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <PrepareChallenge\n                    {...this.props}\n                    onComplete={this.onComplete}\n                    onSubmitAnalytics={this.submitAnalytics}\n                    isMDFlow={this.props.paymentData.length < 15}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default ThreeDS2Challenge;\n"],"names":["ThreeDS2Challenge","UIElement","static","TxVariants","threeDS2Challenge","dataKey","size","DEFAULT_CHALLENGE_WINDOW_SIZE","type","THREEDS2_CHALLENGE","submitAnalytics","aObj","ANALYTICS_RENDERED_STR","super","onComplete","state","this","unmount","render","existy","props","paymentData","dataTypeForError","hasOwnProperty","onError","AdyenCheckoutError","API_ERROR","THREEDS2_ERROR","code","Analytics3DS2Errors","ACTION_IS_MISSING_PAYMENT_DATA","errorType","ANALYTICS_API_ERROR","message","THREEDS2_CHALLENGE_ERROR","h","CoreProvider","i18n","loadingContext","resources","PrepareChallenge","onSubmitAnalytics","isMDFlow","length"],"mappings":"+wBAaA,MAAMA,UAA0BC,EAC5BC,YAAqBC,EAAWC,kBAEhCF,oBAA6B,CACzBG,QAAS,gBACTC,KAAMC,EACNC,KAAMC,GAGAC,gBAAmBC,IACrBA,EAAKH,OAASI,GAElBC,MAAMH,gBAAgBC,EAAAA,EAG1BG,UAAAA,CAAWC,GAMHA,GAAOF,MAAMC,WAAWC,GAC5BC,KAAKC,SACT,CAEAC,MAAAA,GAEI,IAAKC,EAAOH,KAAKI,MAAMC,aAAc,CAKjC,MAAMC,EAAmBC,EAAeP,KAAKI,MAAO,YAAc,cAAgB,qBAWlF,OATAJ,KAAKI,MAAMI,QAAQ,IAAIC,EAAmBC,EAAW,MAAMJ,8CAE3DN,KAAKN,gBAAgB,CACjBF,KAAMmB,EACNC,KAAMC,EAAoBC,+BAC1BC,UAAWC,EACXC,QAAS,GAAGC,2DAGT,IACX,CAEA,OACIC,EAACC,EAAAA,CAAaC,KAAMrB,KAAKI,MAAMiB,KAAMC,eAAgBtB,KAAKI,MAAMkB,eAAgBC,UAAWvB,KAAKuB,WAC5FJ,EAACK,EAAAA,IACOxB,KAAKI,MACTN,WAAYE,KAAKF,WACjB2B,kBAAmBzB,KAAKN,gBACxBgC,SAAU1B,KAAKI,MAAMC,YAAYsB,OAAS,KAI1D"}

package/dist/es/components/ThreeDS2/ThreeDS2DeviceFingerprint.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"./components/DeviceFingerprint/PrepareFingerprint3DS2.js";import i from"./callSubmit3DS2Fingerprint.js";import{existy as n}from"../internal/SecuredFields/lib/utilities/commonUtils.js";import{TxVariants as s}from"../tx-variants.js";import o,{API_ERROR as p}from"../../core/Errors/AdyenCheckoutError.js";import{ANALYTICS_RENDERED_STR as a,ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA as m,ANALYTICS_API_ERROR as l}from"../../core/Analytics/constants.js";import{THREEDS2_FINGERPRINT as c,THREEDS2_ERROR as u,THREEDS2_FINGERPRINT_ERROR as y}from"./config.js";class h extends e{static type=s.threeDS2Fingerprint;static defaultProps={dataKey:"fingerprintResult",type:c};callSubmit3DS2Fingerprint=i.bind(this);submitAnalytics=t=>{t.type!==a&&super.submitAnalytics(t)};onComplete(t){super.onComplete(t),this.unmount()}render(){return n(this.props.paymentData)?t(r,{...this.props,onComplete:this.props.isMDFlow?this.onComplete:this.callSubmit3DS2Fingerprint,onSubmitAnalytics:this.submitAnalytics,isMDFlow:this.props.paymentData.length<15}):(this.props.onError(new o(p,"No paymentData received. 3DS2 Fingerprint cannot proceed")),this.submitAnalytics({type:u,code:m,errorType:l,message:`${y}: Missing 'paymentData' property from threeDS2 action`}),null)}}export{h as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"./components/DeviceFingerprint/PrepareFingerprint3DS2.js";import i from"./callSubmit3DS2Fingerprint.js";import{existy as s}from"../internal/SecuredFields/lib/utilities/commonUtils.js";import{TxVariants as n}from"../tx-variants.js";import o,{API_ERROR as p}from"../../core/Errors/AdyenCheckoutError.js";import{ANALYTICS_RENDERED_STR as a,Analytics3DS2Errors as m,ANALYTICS_API_ERROR as l}from"../../core/Analytics/constants.js";import{THREEDS2_FINGERPRINT as c,THREEDS2_ERROR as u,THREEDS2_FINGERPRINT_ERROR as y}from"./constants.js";class h extends e{static type=n.threeDS2Fingerprint;static defaultProps={dataKey:"fingerprintResult",type:c};callSubmit3DS2Fingerprint=i.bind(this);submitAnalytics=t=>{t.type!==a&&super.submitAnalytics(t)};onComplete(t){super.onComplete(t),this.unmount()}render(){return s(this.props.paymentData)?t(r,{...this.props,onComplete:this.props.isMDFlow?this.onComplete:this.callSubmit3DS2Fingerprint,onSubmitAnalytics:this.submitAnalytics,isMDFlow:this.props.paymentData.length<15}):(this.props.onError(new o(p,"No paymentData received. 3DS2 Fingerprint cannot proceed")),this.submitAnalytics({type:u,code:m.ACTION_IS_MISSING_PAYMENT_DATA,errorType:l,message:`${y}: Missing 'paymentData' property from threeDS2 action`}),null)}}export{h as default};
 //# sourceMappingURL=ThreeDS2DeviceFingerprint.js.map

package/dist/es/components/ThreeDS2/ThreeDS2DeviceFingerprint.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreeDS2DeviceFingerprint.js","sources":["../../../../src/components/ThreeDS2/ThreeDS2DeviceFingerprint.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport PrepareFingerprint from './components/DeviceFingerprint';\nimport callSubmit3DS2Fingerprint from './callSubmit3DS2Fingerprint';\nimport { existy } from '../internal/SecuredFields/lib/utilities/commonUtils';\nimport { TxVariants } from '../tx-variants';\nimport { ThreeDS2DeviceFingerprintConfiguration } from './types';\nimport AdyenCheckoutError, { API_ERROR } from '../../core/Errors/AdyenCheckoutError';\nimport { ANALYTICS_API_ERROR, ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA, ANALYTICS_RENDERED_STR } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\nimport { THREEDS2_ERROR, THREEDS2_FINGERPRINT, THREEDS2_FINGERPRINT_ERROR } from './config';\n\nclass ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerprintConfiguration> {\n    public static type = TxVariants.threeDS2Fingerprint;\n\n    public static defaultProps = {\n        dataKey: 'fingerprintResult',\n        type: THREEDS2_FINGERPRINT\n    };\n\n    private callSubmit3DS2Fingerprint = callSubmit3DS2Fingerprint.bind(this); // New 3DS2 flow\n\n    protected submitAnalytics = (aObj: SendAnalyticsObject) => {\n        if (aObj.type === ANALYTICS_RENDERED_STR) return; // suppress the rendered event (it will have the same timestamp as the \"threeDSMethodData sent\" event)\n\n        super.submitAnalytics(aObj);\n    };\n\n    onComplete(state) {\n        super.onComplete(state);\n        this.unmount(); // re. fixing issue around back to back fingerprinting calls\n    }\n\n    render() {\n        /**\n         * In the regular components (aka \"native\") flow we can't proceed because something has gone wrong with the payment if paymentData is missing from the threeDS2 action.\n         * In the MDFlow the paymentData is always present (albeit an empty string, which is why we use 'existy' since we should be allowed to proceed with this)\n         */\n        if (!existy(this.props.paymentData)) {\n            this.props.onError(new AdyenCheckoutError(API_ERROR, `No paymentData received. 3DS2 Fingerprint cannot proceed`));\n\n            // TODO - check logs to see if this *ever* happens\n            this.submitAnalytics({\n                type: THREEDS2_ERROR,\n                code: ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA,\n                errorType: ANALYTICS_API_ERROR,\n                message: `${THREEDS2_FINGERPRINT_ERROR}: Missing 'paymentData' property from threeDS2 action`\n            });\n\n            return null;\n        }\n\n        /**\n         * this.props.isMDFlow indicates a threeds2InMDFlow process. It means the action to create this component came from the threeds2InMDFlow process\n         * and upon completion should call the passed onComplete callback (instead of the /submitThreeDS2Fingerprint endpoint for the regular, \"native\" flow)\n         */\n        return (\n            <PrepareFingerprint\n                {...this.props}\n                onComplete={this.props.isMDFlow ? this.onComplete : this.callSubmit3DS2Fingerprint}\n                onSubmitAnalytics={this.submitAnalytics}\n                isMDFlow={this.props.paymentData.length < 15}\n            />\n        );\n    }\n}\n\nexport default ThreeDS2DeviceFingerprint;\n"],"names":["ThreeDS2DeviceFingerprint","UIElement","static","TxVariants","threeDS2Fingerprint","dataKey","type","THREEDS2_FINGERPRINT","callSubmit3DS2Fingerprint","bind","this","submitAnalytics","aObj","ANALYTICS_RENDERED_STR","super","onComplete","state","unmount","render","existy","props","paymentData","h","PrepareFingerprint","isMDFlow","onSubmitAnalytics","length","onError","AdyenCheckoutError","API_ERROR","THREEDS2_ERROR","code","ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA","errorType","ANALYTICS_API_ERROR","message","THREEDS2_FINGERPRINT_ERROR"],"mappings":"osBAYA,MAAMA,UAAkCC,EACpCC,YAAqBC,EAAWC,oBAEhCF,oBAA6B,CACzBG,QAAS,oBACTC,KAAMC,GAGFC,0BAA4BA,EAA0BC,KAAKC,MAEzDC,gBAAmBC,IACrBA,EAAKN,OAASO,GAElBC,MAAMH,gBAAgBC,EAAAA,EAG1BG,UAAAA,CAAWC,GACPF,MAAMC,WAAWC,GACjBN,KAAKO,SACT,CAEAC,MAAAA,GAKI,OAAKC,EAAOT,KAAKU,MAAMC,aAmBnBC,EAACC,EAAAA,IACOb,KAAKU,MACTL,WAAYL,KAAKU,MAAMI,SAAWd,KAAKK,WAAaL,KAAKF,0BACzDiB,kBAAmBf,KAAKC,gBACxBa,SAAUd,KAAKU,MAAMC,YAAYK,OAAS,MAtB9ChB,KAAKU,MAAMO,QAAQ,IAAIC,EAAmBC,EAAW,6DAGrDnB,KAAKC,gBAAgB,CACjBL,KAAMwB,EACNC,KAAMC,EACNC,UAAWC,EACXC,QAAS,GAAGC,2DAGT,KAef"}
+{"version":3,"file":"ThreeDS2DeviceFingerprint.js","sources":["../../../../src/components/ThreeDS2/ThreeDS2DeviceFingerprint.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport PrepareFingerprint from './components/DeviceFingerprint';\nimport callSubmit3DS2Fingerprint from './callSubmit3DS2Fingerprint';\nimport { existy } from '../internal/SecuredFields/lib/utilities/commonUtils';\nimport { TxVariants } from '../tx-variants';\nimport { ThreeDS2DeviceFingerprintConfiguration } from './types';\nimport AdyenCheckoutError, { API_ERROR } from '../../core/Errors/AdyenCheckoutError';\nimport { ANALYTICS_API_ERROR, Analytics3DS2Errors, ANALYTICS_RENDERED_STR } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\nimport { THREEDS2_ERROR, THREEDS2_FINGERPRINT, THREEDS2_FINGERPRINT_ERROR } from './constants';\n\nclass ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerprintConfiguration> {\n    public static type = TxVariants.threeDS2Fingerprint;\n\n    public static defaultProps = {\n        dataKey: 'fingerprintResult',\n        type: THREEDS2_FINGERPRINT\n    };\n\n    private callSubmit3DS2Fingerprint = callSubmit3DS2Fingerprint.bind(this); // New 3DS2 flow\n\n    protected submitAnalytics = (aObj: SendAnalyticsObject) => {\n        if (aObj.type === ANALYTICS_RENDERED_STR) return; // suppress the rendered event (it will have the same timestamp as the \"threeDSMethodData sent\" event)\n\n        super.submitAnalytics(aObj);\n    };\n\n    onComplete(state) {\n        super.onComplete(state);\n        this.unmount(); // re. fixing issue around back to back fingerprinting calls\n    }\n\n    render() {\n        /**\n         * In the regular components (aka \"native\") flow we can't proceed because something has gone wrong with the payment if paymentData is missing from the threeDS2 action.\n         * In the MDFlow the paymentData is always present (albeit an empty string, which is why we use 'existy' since we should be allowed to proceed with this)\n         */\n        if (!existy(this.props.paymentData)) {\n            this.props.onError(new AdyenCheckoutError(API_ERROR, `No paymentData received. 3DS2 Fingerprint cannot proceed`));\n\n            // TODO - check logs to see if this *ever* happens\n            this.submitAnalytics({\n                type: THREEDS2_ERROR,\n                code: Analytics3DS2Errors.ACTION_IS_MISSING_PAYMENT_DATA,\n                errorType: ANALYTICS_API_ERROR,\n                message: `${THREEDS2_FINGERPRINT_ERROR}: Missing 'paymentData' property from threeDS2 action`\n            });\n\n            return null;\n        }\n\n        /**\n         * this.props.isMDFlow indicates the action to create this component came from the 3DS2InMDFlow process and upon completion should call the\n         * passed onComplete callback (as defined in the 3DS2InMDFlow) instead of the /submitThreeDS2Fingerprint endpoint for the regular, \"native\" flow\n         */\n        return (\n            <PrepareFingerprint\n                {...this.props}\n                onComplete={this.props.isMDFlow ? this.onComplete : this.callSubmit3DS2Fingerprint}\n                onSubmitAnalytics={this.submitAnalytics}\n                isMDFlow={this.props.paymentData.length < 15}\n            />\n        );\n    }\n}\n\nexport default ThreeDS2DeviceFingerprint;\n"],"names":["ThreeDS2DeviceFingerprint","UIElement","static","TxVariants","threeDS2Fingerprint","dataKey","type","THREEDS2_FINGERPRINT","callSubmit3DS2Fingerprint","bind","this","submitAnalytics","aObj","ANALYTICS_RENDERED_STR","super","onComplete","state","unmount","render","existy","props","paymentData","h","PrepareFingerprint","isMDFlow","onSubmitAnalytics","length","onError","AdyenCheckoutError","API_ERROR","THREEDS2_ERROR","code","Analytics3DS2Errors","ACTION_IS_MISSING_PAYMENT_DATA","errorType","ANALYTICS_API_ERROR","message","THREEDS2_FINGERPRINT_ERROR"],"mappings":"uqBAYA,MAAMA,UAAkCC,EACpCC,YAAqBC,EAAWC,oBAEhCF,oBAA6B,CACzBG,QAAS,oBACTC,KAAMC,GAGFC,0BAA4BA,EAA0BC,KAAKC,MAEzDC,gBAAmBC,IACrBA,EAAKN,OAASO,GAElBC,MAAMH,gBAAgBC,EAAAA,EAG1BG,UAAAA,CAAWC,GACPF,MAAMC,WAAWC,GACjBN,KAAKO,SACT,CAEAC,MAAAA,GAKI,OAAKC,EAAOT,KAAKU,MAAMC,aAmBnBC,EAACC,EAAAA,IACOb,KAAKU,MACTL,WAAYL,KAAKU,MAAMI,SAAWd,KAAKK,WAAaL,KAAKF,0BACzDiB,kBAAmBf,KAAKC,gBACxBa,SAAUd,KAAKU,MAAMC,YAAYK,OAAS,MAtB9ChB,KAAKU,MAAMO,QAAQ,IAAIC,EAAmBC,EAAW,6DAGrDnB,KAAKC,gBAAgB,CACjBL,KAAMwB,EACNC,KAAMC,EAAoBC,+BAC1BC,UAAWC,EACXC,QAAS,GAAGC,2DAGT,KAef"}

package/dist/es/components/ThreeDS2/callSubmit3DS2Fingerprint.js

@@ -1,2 +1,2 @@
-import{httpPost as e}from"../../core/Services/http.js";import{pick as t}from"../internal/SecuredFields/utils.js";function r({data:r}){e({path:`v1/submitThreeDS2Fingerprint?token=${this.props.clientKey}`,loadingContext:this.props.loadingContext,errorLevel:"fatal"},{...r}).then((e=>{const r=this.props.elementRef??this;if(r){if(e.action||e.details){if("completed"===e.type){const{details:t}=e;return this.onComplete({data:{details:t}})}return"threeDS2"===e.action?.type?r.handleAction(e.action,t("challengeWindowSize").from(this.props)):"redirect"===e.action?.type?r.handleAction(e.action):void 0}console.error("Handled Error::callSubmit3DS2Fingerprint::FAILED:: resData=",e)}else console.error("Handled Error::callSubmit3DS2Fingerprint::FAILED:: actionHandler=",r)})).catch((e=>{this.handleError(e)}))}export{r as default};
+import{httpPost as e}from"../../core/Services/http.js";import{pick as t}from"../internal/SecuredFields/utils.js";import{THREEDS2_ERROR as n,THREEDS2_FINGERPRINT_SUBMIT as i}from"./constants.js";import{Analytics3DS2Errors as o,ANALYTICS_API_ERROR as r,ANALYTICS_SDK_ERROR as s}from"../../core/Analytics/constants.js";function a({data:a}){e({path:`v1/submitThreeDS2Fingerprint?token=${this.props.clientKey}`,loadingContext:this.props.loadingContext,errorLevel:"fatal"},{...a}).then((e=>{let a;if("completed"===e.type){const{details:t}=e;return e.details?this.onComplete({data:{details:t}}):(console.debug('Handled Error::callSubmit3DS2Fingerprint::FAILED:: no details object in a response indicating either a "frictionless" flow, or a "refused" response. resData=',e),a={type:n,code:o.NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED,errorType:r,message:`${i}: no details object in a response indicating either a "frictionless" flow, or a "refused" response`},void this.submitAnalytics(a))}if(!e.action)return console.debug('Handled Error::callSubmit3DS2Fingerprint::FAILED:: no action object in a response indicating a "challenge". resData=',e),a={type:n,code:o.NO_ACTION_FOR_CHALLENGE,errorType:r,message:`${i}: no action object in a response indicating a "challenge" flow`},void this.submitAnalytics(a);const c=this.props.elementRef??this;return c?"threeDS2"===e.action?.type?c.handleAction(e.action,t("challengeWindowSize").from(this.props)):"redirect"===e.action?.type?c.handleAction(e.action):void 0:(console.debug("Handled Error::callSubmit3DS2Fingerprint::FAILED:: no actionHandler"),a={type:n,code:o.NO_COMPONENT_FOR_ACTION,errorType:s,message:`${i}: no component defined to handle the action response`},void this.submitAnalytics(a))})).catch((e=>{this.handleError(e)}))}export{a as default};
 //# sourceMappingURL=callSubmit3DS2Fingerprint.js.map

package/dist/es/components/ThreeDS2/callSubmit3DS2Fingerprint.js.map

@@ -1 +1 @@
-{"version":3,"file":"callSubmit3DS2Fingerprint.js","sources":["../../../../src/components/ThreeDS2/callSubmit3DS2Fingerprint.ts"],"sourcesContent":["import { httpPost } from '../../core/Services/http';\nimport { pick } from '../internal/SecuredFields/utils';\nimport { ThreeDS2FingerprintResponse } from './types';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\n\n/**\n * ThreeDS2DeviceFingerprint, onComplete, calls a new, internal, endpoint which\n * behaves like the /details endpoint but doesn't require the same credentials\n */\nexport default function callSubmit3DS2Fingerprint({ data }): void {\n    httpPost<ThreeDS2FingerprintResponse>(\n        {\n            path: `v1/submitThreeDS2Fingerprint?token=${this.props.clientKey}`,\n            loadingContext: this.props.loadingContext,\n            errorLevel: 'fatal'\n        },\n        {\n            ...data\n        }\n    )\n        .then(resData => {\n            // elementRef exists when the fingerprint component is created from the Dropin\n            const actionHandler = this.props.elementRef ?? this;\n\n            if (!actionHandler) {\n                console.error('Handled Error::callSubmit3DS2Fingerprint::FAILED:: actionHandler=', actionHandler);\n                return;\n            }\n\n            if (!resData.action && !resData.details) {\n                console.error('Handled Error::callSubmit3DS2Fingerprint::FAILED:: resData=', resData);\n                return;\n            }\n\n            /**\n             * Frictionless (no challenge) flow OR \"refused\" flow\n             */\n            if (resData.type === 'completed') {\n                const { details } = resData;\n                return this.onComplete({ data: { details } });\n            }\n\n            /**\n             * Challenge flow\n             */\n            if (resData.action?.type === 'threeDS2') {\n                // Ensure challengeWindowSize is propagated if there was a (merchant defined) handleAction call proceeding this one that had it set as an option\n                return actionHandler.handleAction(resData.action, pick('challengeWindowSize').from(this.props));\n            }\n\n            /**\n             * Redirect (usecase: we thought we could do 3DS2 but it turns out we can't)\n             */\n            if (resData.action?.type === 'redirect') {\n                return actionHandler.handleAction(resData.action);\n            }\n        })\n        .catch((error: AdyenCheckoutError) => {\n            this.handleError(error);\n        });\n}\n"],"names":["callSubmit3DS2Fingerprint","data","httpPost","path","this","props","clientKey","loadingContext","errorLevel","then","resData","actionHandler","elementRef","action","details","type","onComplete","handleAction","pick","from","console","error","catch","handleError"],"mappings":"iHASe,SAASA,GAA0BC,KAAEA,IAChDC,EACI,CACIC,KAAM,sCAAsCC,KAAKC,MAAMC,YACvDC,eAAgBH,KAAKC,MAAME,eAC3BC,WAAY,SAEhB,IACOP,IAGNQ,MAAKC,IAEF,MAAMC,EAAgBP,KAAKC,MAAMO,YAAcR,KAE/C,GAAKO,EAAL,CAKA,GAAKD,EAAQG,QAAWH,EAAQI,QAAhC,CAQA,GAAqB,cAAjBJ,EAAQK,KAAsB,CAC9B,MAAMD,QAAEA,GAAYJ,EACpB,OAAON,KAAKY,WAAW,CAAEf,KAAM,CAAEa,YACrC,CAKA,MAA6B,aAAzBJ,EAAQG,QAAQE,KAETJ,EAAcM,aAAaP,EAAQG,OAAQK,EAAK,uBAAuBC,KAAKf,KAAKC,QAM/D,aAAzBK,EAAQG,QAAQE,KACTJ,EAAcM,aAAaP,EAAQG,aAD9C,CArBA,CAFIO,QAAQC,MAAM,8DAA+DX,EAHjF,MAFIU,QAAQC,MAAM,oEAAqEV,EA8BvF,IAEHW,OAAOD,IACJjB,KAAKmB,YAAYF,EAAAA,GAE7B"}
+{"version":3,"file":"callSubmit3DS2Fingerprint.js","sources":["../../../../src/components/ThreeDS2/callSubmit3DS2Fingerprint.ts"],"sourcesContent":["import { httpPost } from '../../core/Services/http';\nimport { pick } from '../internal/SecuredFields/utils';\nimport { ThreeDS2FingerprintResponse } from './types';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { THREEDS2_ERROR, THREEDS2_FINGERPRINT_SUBMIT } from './constants';\nimport { ANALYTICS_API_ERROR, Analytics3DS2Errors, ANALYTICS_SDK_ERROR } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\n\n/**\n * ThreeDS2DeviceFingerprint, onComplete, calls a new, internal, endpoint which\n * behaves like the /details endpoint but doesn't require the same credentials\n */\nexport default function callSubmit3DS2Fingerprint({ data }): void {\n    httpPost<ThreeDS2FingerprintResponse>(\n        {\n            path: `v1/submitThreeDS2Fingerprint?token=${this.props.clientKey}`,\n            loadingContext: this.props.loadingContext,\n            errorLevel: 'fatal'\n        },\n        {\n            ...data\n        }\n    )\n        .then(resData => {\n            let analyticsErrorObject: SendAnalyticsObject;\n\n            /**\n             * Frictionless (no challenge) flow OR \"refused\" flow\n             */\n            if (resData.type === 'completed') {\n                const { details } = resData;\n\n                if (!resData.details) {\n                    console.debug(\n                        'Handled Error::callSubmit3DS2Fingerprint::FAILED:: no details object in a response indicating either a \"frictionless\" flow, or a \"refused\" response. resData=',\n                        resData\n                    );\n\n                    analyticsErrorObject = {\n                        type: THREEDS2_ERROR,\n                        code: Analytics3DS2Errors.NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED,\n                        errorType: ANALYTICS_API_ERROR,\n                        message: `${THREEDS2_FINGERPRINT_SUBMIT}: no details object in a response indicating either a \"frictionless\" flow, or a \"refused\" response`\n                    };\n\n                    this.submitAnalytics(analyticsErrorObject);\n                    return;\n                }\n\n                return this.onComplete({ data: { details } });\n            }\n\n            /**\n             * If we don't have a type: \"completed\", then we expect an action, because we must be in a Challenge or Redirect flow\n             */\n            if (!resData.action) {\n                console.debug(\n                    'Handled Error::callSubmit3DS2Fingerprint::FAILED:: no action object in a response indicating a \"challenge\". resData=',\n                    resData\n                );\n\n                analyticsErrorObject = {\n                    type: THREEDS2_ERROR,\n                    code: Analytics3DS2Errors.NO_ACTION_FOR_CHALLENGE,\n                    errorType: ANALYTICS_API_ERROR,\n                    message: `${THREEDS2_FINGERPRINT_SUBMIT}: no action object in a response indicating a \"challenge\" flow`\n                };\n                this.submitAnalytics(analyticsErrorObject);\n                return;\n            }\n\n            // elementRef exists when the fingerprint component is created from the Dropin\n            const actionHandler = this.props.elementRef ?? this;\n\n            /**\n             * We have an action but do we have a way to handle it?\n             * TODO - check logs: do we ever *not* have an actionHandler?\n             */\n            if (!actionHandler) {\n                console.debug('Handled Error::callSubmit3DS2Fingerprint::FAILED:: no actionHandler');\n\n                analyticsErrorObject = {\n                    type: THREEDS2_ERROR,\n                    code: Analytics3DS2Errors.NO_COMPONENT_FOR_ACTION,\n                    errorType: ANALYTICS_SDK_ERROR,\n                    message: `${THREEDS2_FINGERPRINT_SUBMIT}: no component defined to handle the action response`\n                };\n                this.submitAnalytics(analyticsErrorObject);\n                return;\n            }\n\n            /**\n             * Challenge flow\n             */\n            if (resData.action?.type === 'threeDS2') {\n                // Ensure challengeWindowSize is propagated if there was a (merchant defined) handleAction call proceeding this one that had it set as an option\n                return actionHandler.handleAction(resData.action, pick('challengeWindowSize').from(this.props));\n            }\n\n            /**\n             * Redirect flow (usecase: we thought we could do 3DS2 but it turns out we can't)\n             * TODO - check logs: does this ever happen, anymore?\n             */\n            if (resData.action?.type === 'redirect') {\n                return actionHandler.handleAction(resData.action);\n            }\n        })\n        .catch((error: AdyenCheckoutError) => {\n            this.handleError(error);\n        });\n}\n"],"names":["callSubmit3DS2Fingerprint","data","httpPost","path","this","props","clientKey","loadingContext","errorLevel","then","resData","analyticsErrorObject","type","details","onComplete","console","debug","THREEDS2_ERROR","code","Analytics3DS2Errors","NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED","errorType","ANALYTICS_API_ERROR","message","THREEDS2_FINGERPRINT_SUBMIT","submitAnalytics","action","NO_ACTION_FOR_CHALLENGE","actionHandler","elementRef","handleAction","pick","from","NO_COMPONENT_FOR_ACTION","ANALYTICS_SDK_ERROR","catch","error","handleError"],"mappings":"4TAYe,SAASA,GAA0BC,KAAEA,IAChDC,EACI,CACIC,KAAM,sCAAsCC,KAAKC,MAAMC,YACvDC,eAAgBH,KAAKC,MAAME,eAC3BC,WAAY,SAEhB,IACOP,IAGNQ,MAAKC,IACF,IAAIC,EAKJ,GAAqB,cAAjBD,EAAQE,KAAsB,CAC9B,MAAMC,QAAEA,GAAYH,EAEpB,OAAKA,EAAQG,QAiBNT,KAAKU,WAAW,CAAEb,KAAM,CAAEY,cAhB7BE,QAAQC,MACJ,gKACAN,GAGJC,EAAuB,CACnBC,KAAMK,EACNC,KAAMC,EAAoBC,uCAC1BC,UAAWC,EACXC,QAAS,GAAGC,4GAGhBpB,KAAKqB,gBAAgBd,GAK7B,CAKA,IAAKD,EAAQgB,OAaT,OAZAX,QAAQC,MACJ,uHACAN,GAGJC,EAAuB,CACnBC,KAAMK,EACNC,KAAMC,EAAoBQ,wBAC1BN,UAAWC,EACXC,QAAS,GAAGC,wEAEhBpB,KAAKqB,gBAAgBd,GAKzB,MAAMiB,EAAgBxB,KAAKC,MAAMwB,YAAczB,KAM/C,OAAKwB,EAgBwB,aAAzBlB,EAAQgB,QAAQd,KAETgB,EAAcE,aAAapB,EAAQgB,OAAQK,EAAK,uBAAuBC,KAAK5B,KAAKC,QAO/D,aAAzBK,EAAQgB,QAAQd,KACTgB,EAAcE,aAAapB,EAAQgB,aAD9C,GAxBIX,QAAQC,MAAM,uEAEdL,EAAuB,CACnBC,KAAMK,EACNC,KAAMC,EAAoBc,wBAC1BZ,UAAWa,EACXX,QAAS,GAAGC,8DAEhBpB,KAAKqB,gBAAgBd,GAkBzB,IAEHwB,OAAOC,IACJhC,KAAKiC,YAAYD,EAAAA,GAE7B"}

package/dist/es/components/ThreeDS2/components/Challenge/DoChallenge3DS2.js

@@ -1,2 +1,2 @@
-import{Component as e,createElement as s}from"../../../../external/preact/dist/preact.js";import t from"../../../../external/classnames/index.js";import a from"../../../internal/IFrame/Iframe.js";import r from"../../../internal/Spinner/Spinner.js";import n from"../Form/ThreeDS2Form.js";import o from"../../../../utils/get-process-message-handler.js";import{encodeBase64URL as i}from"../utils.js";import m from"../../../../utils/promiseTimeout.js";import{THREEDS2_NUM as l,CHALLENGE_TIMEOUT as c,CHALLENGE_TIMEOUT_REJECT_OBJECT as h}from"../../config.js";const p="threeDSIframe";class d extends e{processMessageHandler;challengePromise;constructor(e){super(e);const s=JSON.stringify(this.props.cReqData),t=i(s);this.state={base64URLencodedData:t,status:"init"}}iframeCallback=()=>{this.setState({status:"iframeLoaded"}),"init"===this.state.status&&this.props.onActionHandled({componentType:"3DS2Challenge",actionDescription:`${l} challenge iframe loaded`})};get3DS2ChallengePromise(){return new Promise(((e,s)=>{this.processMessageHandler=o(this.props.postMessageDomain,e,s,"challengeResult"),window.addEventListener("message",this.processMessageHandler)}))}componentDidMount(){this.challengePromise=m(c,this.get3DS2ChallengePromise(),h),this.challengePromise.promise.then((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onCompleteChallenge(e)})).catch((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onErrorChallenge(e)}))}componentWillUnmount(){this.challengePromise&&this.challengePromise.cancel(),window.removeEventListener("message",this.processMessageHandler)}render({acsURL:e,cReqData:o,iframeSizeArr:i,onFormSubmit:m},{base64URLencodedData:l,status:c}){const[h,d]=i;return s("div",{className:t(["adyen-checkout__threeds2__challenge",`adyen-checkout__threeds2__challenge--${o.challengeWindowSize}`])},"iframeLoaded"!==c&&s(r,null),s(a,{name:p,width:h,height:d,callback:this.iframeCallback}),s(n,{name:"cReqForm",action:e,target:p,inputName:"creq",inputValue:l,onFormSubmit:m}))}}export{d as default};
+import{Component as e,createElement as s}from"../../../../external/preact/dist/preact.js";import t from"../../../../external/classnames/index.js";import a from"../../../internal/IFrame/Iframe.js";import r from"../../../internal/Spinner/Spinner.js";import n from"../Form/ThreeDS2Form.js";import o from"../../../../utils/get-process-message-handler.js";import{encodeBase64URL as i}from"../utils.js";import m from"../../../../utils/promiseTimeout.js";import{THREEDS2_NUM as l,CHALLENGE_TIMEOUT as c,CHALLENGE_TIMEOUT_REJECT_OBJECT as h}from"../../constants.js";const p="threeDSIframe";class d extends e{processMessageHandler;challengePromise;constructor(e){super(e);const s=JSON.stringify(this.props.cReqData),t=i(s);this.state={base64URLencodedData:t,status:"init"}}iframeCallback=()=>{this.setState({status:"iframeLoaded"}),"init"===this.state.status&&this.props.onActionHandled({componentType:"3DS2Challenge",actionDescription:`${l} challenge iframe loaded`})};get3DS2ChallengePromise(){return new Promise(((e,s)=>{this.processMessageHandler=o(this.props.postMessageDomain,e,s,"challengeResult"),window.addEventListener("message",this.processMessageHandler)}))}componentDidMount(){this.challengePromise=m(c,this.get3DS2ChallengePromise(),h),this.challengePromise.promise.then((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onCompleteChallenge(e)})).catch((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onErrorChallenge(e)}))}componentWillUnmount(){this.challengePromise&&this.challengePromise.cancel(),window.removeEventListener("message",this.processMessageHandler)}render({acsURL:e,cReqData:o,iframeSizeArr:i,onFormSubmit:m},{base64URLencodedData:l,status:c}){const[h,d]=i;return s("div",{className:t(["adyen-checkout__threeds2__challenge",`adyen-checkout__threeds2__challenge--${o.challengeWindowSize}`])},"iframeLoaded"!==c&&s(r,null),s(a,{name:p,width:h,height:d,callback:this.iframeCallback}),s(n,{name:"cReqForm",action:e,target:p,inputName:"creq",inputValue:l,onFormSubmit:m}))}}export{d as default};
 //# sourceMappingURL=DoChallenge3DS2.js.map

package/dist/es/components/ThreeDS2/components/Challenge/DoChallenge3DS2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoChallenge3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/Challenge/DoChallenge3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport classNames from 'classnames';\nimport Iframe from '../../../internal/IFrame';\nimport Spinner from '../../../internal/Spinner';\nimport ThreeDS2Form from '../Form';\nimport getProcessMessageHandler from '../../../../utils/get-process-message-handler';\nimport { encodeBase64URL } from '../utils';\nimport promiseTimeout from '../../../../utils/promiseTimeout';\nimport { CHALLENGE_TIMEOUT, CHALLENGE_TIMEOUT_REJECT_OBJECT, THREEDS2_NUM } from '../../config';\nimport { DoChallenge3DS2Props, DoChallenge3DS2State } from './types';\nimport { ThreeDS2FlowObject } from '../../types';\n\nconst iframeName = 'threeDSIframe';\n\nclass DoChallenge3DS2 extends Component<DoChallenge3DS2Props, DoChallenge3DS2State> {\n    private processMessageHandler;\n    private challengePromise: { cancel: () => void; promise: Promise<any> };\n\n    constructor(props) {\n        super(props);\n\n        /**\n         * Create and Base64Url encode a JSON object containing the serverTransactionID & threeDSMethodNotificationURL\n         */\n        const jsonStr = JSON.stringify(this.props.cReqData);\n        const base64URLencodedData = encodeBase64URL(jsonStr);\n        this.state = { base64URLencodedData, status: 'init' };\n    }\n\n    private iframeCallback = () => {\n        this.setState({ status: 'iframeLoaded' });\n        // On Test - actually calls-back 3 times: once for challenge screen, once again as challenge.html reloads after the challenge is submitted, and once for redirect to threeDSNotificationURL.\n        // But for the purposes of calling the merchant defined onActionHandled callback - we only want to do it once\n        if (this.state.status === 'init') {\n            this.props.onActionHandled({ componentType: '3DS2Challenge', actionDescription: `${THREEDS2_NUM} challenge iframe loaded` });\n        }\n    };\n\n    private get3DS2ChallengePromise(): Promise<any> {\n        return new Promise((resolve, reject) => {\n            /**\n             * Listen for postMessage responses from the notification url\n             */\n            this.processMessageHandler = getProcessMessageHandler(this.props.postMessageDomain, resolve, reject, 'challengeResult');\n\n            /* eslint-disable-next-line */\n            window.addEventListener('message', this.processMessageHandler);\n        });\n    }\n\n    componentDidMount() {\n        // Render challenge\n        this.challengePromise = promiseTimeout(CHALLENGE_TIMEOUT, this.get3DS2ChallengePromise(), CHALLENGE_TIMEOUT_REJECT_OBJECT);\n        this.challengePromise.promise\n            .then((resolveObject: ThreeDS2FlowObject) => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onCompleteChallenge(resolveObject);\n            })\n            /** Catch, for when Challenge times-out */\n            .catch((rejectObject: ThreeDS2FlowObject) => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onErrorChallenge(rejectObject);\n            });\n    }\n\n    componentWillUnmount() {\n        if (this.challengePromise) this.challengePromise.cancel();\n        window.removeEventListener('message', this.processMessageHandler);\n    }\n\n    render({ acsURL, cReqData, iframeSizeArr, onFormSubmit }, { base64URLencodedData, status }) {\n        const [width, height] = iframeSizeArr;\n\n        return (\n            <div\n                className={classNames([\n                    'adyen-checkout__threeds2__challenge',\n                    `adyen-checkout__threeds2__challenge--${cReqData.challengeWindowSize}`\n                ])}\n            >\n                {status !== 'iframeLoaded' && <Spinner />}\n\n                <Iframe name={iframeName} width={width} height={height} callback={this.iframeCallback} />\n                <ThreeDS2Form\n                    name={'cReqForm'}\n                    action={acsURL}\n                    target={iframeName}\n                    inputName={'creq'}\n                    inputValue={base64URLencodedData}\n                    onFormSubmit={onFormSubmit}\n                />\n            </div>\n        );\n    }\n}\n\nexport default DoChallenge3DS2;\n"],"names":["iframeName","DoChallenge3DS2","Component","processMessageHandler","challengePromise","constructor","props","super","jsonStr","JSON","stringify","this","cReqData","base64URLencodedData","encodeBase64URL","state","status","iframeCallback","setState","onActionHandled","componentType","actionDescription","THREEDS2_NUM","get3DS2ChallengePromise","Promise","resolve","reject","getProcessMessageHandler","postMessageDomain","window","addEventListener","componentDidMount","promiseTimeout","CHALLENGE_TIMEOUT","CHALLENGE_TIMEOUT_REJECT_OBJECT","promise","then","resolveObject","removeEventListener","onCompleteChallenge","catch","rejectObject","onErrorChallenge","componentWillUnmount","cancel","render","acsURL","iframeSizeArr","onFormSubmit","width","height","h","div","className","classNames","challengeWindowSize","Spinner","Iframe","name","callback","ThreeDS2Form","action","target","inputName","inputValue"],"mappings":"2iBAYA,MAAMA,EAAa,gBAEnB,MAAMC,UAAwBC,EAClBC,sBACAC,iBAERC,WAAAA,CAAYC,GACRC,MAAMD,GAKN,MAAME,EAAUC,KAAKC,UAAUC,KAAKL,MAAMM,UACpCC,EAAuBC,EAAgBN,GAC7CG,KAAKI,MAAQ,CAAEF,uBAAsBG,OAAQ,OACjD,CAEQC,eAAiB,KACrBN,KAAKO,SAAS,CAAEF,OAAQ,iBAGE,SAAtBL,KAAKI,MAAMC,QACXL,KAAKL,MAAMa,gBAAgB,CAAEC,cAAe,gBAAiBC,kBAAmB,GAAGC,6BACvF,EAGIC,uBAAAA,GACJ,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAIzBf,KAAKR,sBAAwBwB,EAAyBhB,KAAKL,MAAMsB,kBAAmBH,EAASC,EAAQ,mBAGrGG,OAAOC,iBAAiB,UAAWnB,KAAKR,sBAAqB,GAErE,CAEA4B,iBAAAA,GAEIpB,KAAKP,iBAAmB4B,EAAeC,EAAmBtB,KAAKY,0BAA2BW,GAC1FvB,KAAKP,iBAAiB+B,QACjBC,MAAMC,IACHR,OAAOS,oBAAoB,UAAW3B,KAAKR,uBAC3CQ,KAAKL,MAAMiC,oBAAoBF,EAAAA,IAGlCG,OAAOC,IACJZ,OAAOS,oBAAoB,UAAW3B,KAAKR,uBAC3CQ,KAAKL,MAAMoC,iBAAiBD,EAAAA,GAExC,CAEAE,oBAAAA,GACQhC,KAAKP,kBAAkBO,KAAKP,iBAAiBwC,SACjDf,OAAOS,oBAAoB,UAAW3B,KAAKR,sBAC/C,CAEA0C,MAAAA,EAAOC,OAAEA,EAAMlC,SAAEA,EAAQmC,cAAEA,EAAaC,aAAEA,IAAgBnC,qBAAEA,EAAoBG,OAAEA,IAC9E,MAAOiC,EAAOC,GAAUH,EAExB,OACII,EAACC,MAAAA,CACGC,UAAWC,EAAW,CAClB,sCACA,wCAAwC1C,EAAS2C,yBAGzC,iBAAXvC,GAA6BmC,EAACK,EAAAA,MAE/BL,EAACM,EAAAA,CAAOC,KAAM1D,EAAYiD,MAAOA,EAAOC,OAAQA,EAAQS,SAAUhD,KAAKM,iBACvEkC,EAACS,EAAAA,CACGF,KAAM,WACNG,OAAQf,EACRgB,OAAQ9D,EACR+D,UAAW,OACXC,WAAYnD,EACZmC,aAAcA,IAI9B"}
+{"version":3,"file":"DoChallenge3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/Challenge/DoChallenge3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport classNames from 'classnames';\nimport Iframe from '../../../internal/IFrame';\nimport Spinner from '../../../internal/Spinner';\nimport ThreeDS2Form from '../Form';\nimport getProcessMessageHandler from '../../../../utils/get-process-message-handler';\nimport { encodeBase64URL } from '../utils';\nimport promiseTimeout from '../../../../utils/promiseTimeout';\nimport { CHALLENGE_TIMEOUT, CHALLENGE_TIMEOUT_REJECT_OBJECT, THREEDS2_NUM } from '../../constants';\nimport { DoChallenge3DS2Props, DoChallenge3DS2State } from './types';\nimport { ThreeDS2FlowObject } from '../../types';\n\nconst iframeName = 'threeDSIframe';\n\nclass DoChallenge3DS2 extends Component<DoChallenge3DS2Props, DoChallenge3DS2State> {\n    private processMessageHandler;\n    private challengePromise: { cancel: () => void; promise: Promise<any> };\n\n    constructor(props) {\n        super(props);\n\n        /**\n         * Create and Base64Url encode a JSON object containing the serverTransactionID & threeDSMethodNotificationURL\n         */\n        const jsonStr = JSON.stringify(this.props.cReqData);\n        const base64URLencodedData = encodeBase64URL(jsonStr);\n        this.state = { base64URLencodedData, status: 'init' };\n    }\n\n    private iframeCallback = () => {\n        this.setState({ status: 'iframeLoaded' });\n        // On Test - actually calls-back 3 times: once for challenge screen, once again as challenge.html reloads after the challenge is submitted, and once for redirect to threeDSNotificationURL.\n        // But for the purposes of calling the merchant defined onActionHandled callback - we only want to do it once\n        if (this.state.status === 'init') {\n            this.props.onActionHandled({ componentType: '3DS2Challenge', actionDescription: `${THREEDS2_NUM} challenge iframe loaded` });\n        }\n    };\n\n    private get3DS2ChallengePromise(): Promise<any> {\n        return new Promise((resolve, reject) => {\n            /**\n             * Listen for postMessage responses from the notification url\n             */\n            this.processMessageHandler = getProcessMessageHandler(this.props.postMessageDomain, resolve, reject, 'challengeResult');\n\n            /* eslint-disable-next-line */\n            window.addEventListener('message', this.processMessageHandler);\n        });\n    }\n\n    componentDidMount() {\n        // Render challenge\n        this.challengePromise = promiseTimeout(CHALLENGE_TIMEOUT, this.get3DS2ChallengePromise(), CHALLENGE_TIMEOUT_REJECT_OBJECT);\n        this.challengePromise.promise\n            .then((resolveObject: ThreeDS2FlowObject) => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onCompleteChallenge(resolveObject);\n            })\n            /** Catch, for when Challenge times-out */\n            .catch((rejectObject: ThreeDS2FlowObject) => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onErrorChallenge(rejectObject);\n            });\n    }\n\n    componentWillUnmount() {\n        if (this.challengePromise) this.challengePromise.cancel();\n        window.removeEventListener('message', this.processMessageHandler);\n    }\n\n    render({ acsURL, cReqData, iframeSizeArr, onFormSubmit }, { base64URLencodedData, status }) {\n        const [width, height] = iframeSizeArr;\n\n        return (\n            <div\n                className={classNames([\n                    'adyen-checkout__threeds2__challenge',\n                    `adyen-checkout__threeds2__challenge--${cReqData.challengeWindowSize}`\n                ])}\n            >\n                {status !== 'iframeLoaded' && <Spinner />}\n\n                <Iframe name={iframeName} width={width} height={height} callback={this.iframeCallback} />\n                <ThreeDS2Form\n                    name={'cReqForm'}\n                    action={acsURL}\n                    target={iframeName}\n                    inputName={'creq'}\n                    inputValue={base64URLencodedData}\n                    onFormSubmit={onFormSubmit}\n                />\n            </div>\n        );\n    }\n}\n\nexport default DoChallenge3DS2;\n"],"names":["iframeName","DoChallenge3DS2","Component","processMessageHandler","challengePromise","constructor","props","super","jsonStr","JSON","stringify","this","cReqData","base64URLencodedData","encodeBase64URL","state","status","iframeCallback","setState","onActionHandled","componentType","actionDescription","THREEDS2_NUM","get3DS2ChallengePromise","Promise","resolve","reject","getProcessMessageHandler","postMessageDomain","window","addEventListener","componentDidMount","promiseTimeout","CHALLENGE_TIMEOUT","CHALLENGE_TIMEOUT_REJECT_OBJECT","promise","then","resolveObject","removeEventListener","onCompleteChallenge","catch","rejectObject","onErrorChallenge","componentWillUnmount","cancel","render","acsURL","iframeSizeArr","onFormSubmit","width","height","h","div","className","classNames","challengeWindowSize","Spinner","Iframe","name","callback","ThreeDS2Form","action","target","inputName","inputValue"],"mappings":"8iBAYA,MAAMA,EAAa,gBAEnB,MAAMC,UAAwBC,EAClBC,sBACAC,iBAERC,WAAAA,CAAYC,GACRC,MAAMD,GAKN,MAAME,EAAUC,KAAKC,UAAUC,KAAKL,MAAMM,UACpCC,EAAuBC,EAAgBN,GAC7CG,KAAKI,MAAQ,CAAEF,uBAAsBG,OAAQ,OACjD,CAEQC,eAAiB,KACrBN,KAAKO,SAAS,CAAEF,OAAQ,iBAGE,SAAtBL,KAAKI,MAAMC,QACXL,KAAKL,MAAMa,gBAAgB,CAAEC,cAAe,gBAAiBC,kBAAmB,GAAGC,6BACvF,EAGIC,uBAAAA,GACJ,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAIzBf,KAAKR,sBAAwBwB,EAAyBhB,KAAKL,MAAMsB,kBAAmBH,EAASC,EAAQ,mBAGrGG,OAAOC,iBAAiB,UAAWnB,KAAKR,sBAAqB,GAErE,CAEA4B,iBAAAA,GAEIpB,KAAKP,iBAAmB4B,EAAeC,EAAmBtB,KAAKY,0BAA2BW,GAC1FvB,KAAKP,iBAAiB+B,QACjBC,MAAMC,IACHR,OAAOS,oBAAoB,UAAW3B,KAAKR,uBAC3CQ,KAAKL,MAAMiC,oBAAoBF,EAAAA,IAGlCG,OAAOC,IACJZ,OAAOS,oBAAoB,UAAW3B,KAAKR,uBAC3CQ,KAAKL,MAAMoC,iBAAiBD,EAAAA,GAExC,CAEAE,oBAAAA,GACQhC,KAAKP,kBAAkBO,KAAKP,iBAAiBwC,SACjDf,OAAOS,oBAAoB,UAAW3B,KAAKR,sBAC/C,CAEA0C,MAAAA,EAAOC,OAAEA,EAAMlC,SAAEA,EAAQmC,cAAEA,EAAaC,aAAEA,IAAgBnC,qBAAEA,EAAoBG,OAAEA,IAC9E,MAAOiC,EAAOC,GAAUH,EAExB,OACII,EAACC,MAAAA,CACGC,UAAWC,EAAW,CAClB,sCACA,wCAAwC1C,EAAS2C,yBAGzC,iBAAXvC,GAA6BmC,EAACK,EAAAA,MAE/BL,EAACM,EAAAA,CAAOC,KAAM1D,EAAYiD,MAAOA,EAAOC,OAAQA,EAAQS,SAAUhD,KAAKM,iBACvEkC,EAACS,EAAAA,CACGF,KAAM,WACNG,OAAQf,EACRgB,OAAQ9D,EACR+D,UAAW,OACXC,WAAYnD,EACZmC,aAAcA,IAI9B"}

package/dist/es/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js

@@ -1,2 +1,2 @@
-import{Component as e,createElement as t}from"../../../../external/preact/dist/preact.js";import r from"./DoChallenge3DS2.js";import{prepareChallengeData as s,createOldChallengeResolveData as o,createChallengeResolveData as n}from"../utils.js";import a from"../../../internal/Img/Img.js";import{hasOwnProperty as i}from"../../../../utils/hasOwnProperty.js";import l from"../../../../core/Context/useImage.js";import p,{ERROR as c}from"../../../../core/Errors/AdyenCheckoutError.js";import{THREEDS2_FULL as m,THREEDS2_NUM as h,THREEDS2_CHALLENGE_ERROR as u}from"../../config.js";class d extends e{static defaultProps={onComplete:()=>{},onError:()=>{},onActionHandled:()=>{}};constructor(e){if(super(e),this.props.token){const e=s({token:this.props.token,size:this.props.challengeWindowSize||this.props.size}),{acsTransID:t,messageVersion:r,threeDSServerTransID:o}=e.cReqData,{acsURL:n}=e;if(!(n&&t&&r&&o))return void this.setStatusError({errorInfo:"Challenge Data missing one or more of the following properties (acsURL | acsTransID | messageVersion | threeDSServerTransID)",errorObj:e});this.state={status:"retrievingChallengeToken",challengeData:e,errorInfo:null}}else this.setStatusError({errorInfo:"Missing challengeToken parameter"})}onActionHandled=e=>{this.props.onSubmitAnalytics({type:m,message:e.actionDescription}),this.props.onActionHandled(e)};onFormSubmit=e=>{this.props.onSubmitAnalytics({type:m,message:e})};setStatusComplete(e){this.setState({status:"complete"},(()=>{const t=(this.props.isMDFlow?o:n)(this.props.dataKey,e.transStatus,this.props.paymentData),r={type:m,message:`${h} challenge has completed`,metadata:{...e}};this.props.onSubmitAnalytics(r),this.props.onComplete(t)}))}setStatusError(e){this.setState({status:"error",errorInfo:e.errorInfo}),this.props.onError(e)}render(e,{challengeData:s}){const o=l();return"retrievingChallengeToken"===this.state.status?t(r,{onCompleteChallenge:e=>{i(e.result,"errorCode")&&e.result.errorCode.length&&this.props.onError(new p(c,`${u}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`,{cause:e.result.errorCode})),this.setStatusComplete(e.result)},onErrorChallenge:e=>{if(i(e,"errorCode"))return this.props.onError(new p(c,`${u}: '3DS2 challenge timed out'`,{cause:e.errorCode})),void this.setStatusComplete(e.result)},...s,onActionHandled:this.onActionHandled,onFormSubmit:this.onFormSubmit}):"error"===this.state.status?t("div",{className:"adyen-checkout__threeds2-challenge-error"},t(a,{className:"adyen-checkout__status__icon adyen-checkout__status__icon--error",src:o({imageFolder:"components/"})("error"),alt:""}),t("div",{className:"adyen-checkout__status__text"},this.state.errorInfo?this.state.errorInfo:this.props.i18n.get("error.message.unknown"))):null}}export{d as default};
+import{Component as e,createElement as r}from"../../../../external/preact/dist/preact.js";import t from"./DoChallenge3DS2.js";import{prepareChallengeData as s,isErrorObject as o,createOldChallengeResolveData as n,createChallengeResolveData as a}from"../utils.js";import i from"../../../internal/Img/Img.js";import{hasOwnProperty as l}from"../../../../utils/hasOwnProperty.js";import p from"../../../../core/Context/useImage.js";import c,{ERROR as h}from"../../../../core/Errors/AdyenCheckoutError.js";import{MISSING_TOKEN_IN_ACTION_MSG as m,THREEDS2_CHALLENGE_ERROR as u,THREEDS2_FULL as d,THREEDS2_ERROR as g,THREEDS2_NUM as S,THREEDS2_CHALLENGE as D}from"../../constants.js";import{isValidHttpUrl as _}from"../../../../utils/isValidURL.js";import{Analytics3DS2Errors as I,ANALYTICS_API_ERROR as C}from"../../../../core/Analytics/constants.js";class f extends e{static defaultProps={onComplete:()=>{},onError:()=>{},onActionHandled:()=>{},isMDFlow:!1};constructor(e){if(super(e),this.props.token){const e=s({token:this.props.token,size:this.props.challengeWindowSize||this.props.size});this.state={status:"init",challengeData:e}}else this.state={challengeData:{success:!1,error:m}},console.debug(`${u}: ${m}`)}onActionHandled=e=>{this.props.onSubmitAnalytics({type:d,message:e.actionDescription}),this.props.onActionHandled(e)};onFormSubmit=e=>{this.props.onSubmitAnalytics({type:d,message:e})};componentDidMount(){if(!o(this.state.challengeData)){const{acsURL:e}=this.state.challengeData;if(!_(e,!1)){this.setError({errorInfo:`${I.TOKEN_IS_MISSING_ACSURL}: ${this.props.i18n.get("err.gen.9102")}`},!0);const r={type:g,code:I.TOKEN_IS_MISSING_ACSURL,errorType:C,message:`${u}: Decoded token is missing a valid acsURL property`,metadata:{acsURL:e}};return this.props.onSubmitAnalytics(r),void console.debug("### PrepareChallenge3DS2::exiting:: no valid acsURL")}const{acsTransID:r,messageVersion:t,threeDSServerTransID:s}=this.state.challengeData.cReqData;if(!r||!t||!s)return this.setError({errorInfo:`${I.TOKEN_IS_MISSING_OTHER_PROPS}: ${this.props.i18n.get("err.gen.9102")}`,errorObj:this.state.challengeData},!0),this.props.onSubmitAnalytics({type:g,code:I.TOKEN_IS_MISSING_OTHER_PROPS,errorType:C,message:`${u}: Decoded token is missing one or more of the following properties (acsTransID | messageVersion | threeDSServerTransID)`}),void console.debug("### PrepareChallenge3DS2::exiting:: missing one or more of the following properties (acsTransID | messageVersion | threeDSServerTransID)");this.setState({status:"performingChallenge"})}else{const e=this.state.challengeData.error,r=e.indexOf(m)>-1?I.ACTION_IS_MISSING_TOKEN:I.TOKEN_DECODE_OR_PARSING_FAILED;this.setError({errorInfo:e.indexOf(m)>-1?`${I.ACTION_IS_MISSING_TOKEN}: ${this.props.i18n.get("err.gen.9102")}`:`${I.TOKEN_DECODE_OR_PARSING_FAILED}:${this.props.i18n.get("err.gen.9102")}`,errorObj:this.state.challengeData},!0),this.props.onSubmitAnalytics({type:g,code:r,errorType:C,message:`${u}: ${e}`}),console.debug("### PrepareChallenge3DS2::exiting:: no challengeData")}}setStatusComplete(e,r=null){this.setState({status:"complete"},(()=>{const t=(this.props.isMDFlow?n:a)(this.props.dataKey,e.transStatus,this.props.paymentData);r&&console.debug("### PrepareChallenge3DS2::errorCodeObject::",r);const s={type:d,message:`${S} challenge has completed`,metadata:{...e}};this.props.onSubmitAnalytics(s),this.props.onComplete(t)}))}setError(e,r){this.setState({status:"error",errorInfo:e.errorInfo}),r&&this.props.onError(new c(h,e.errorInfo))}render(e,{challengeData:s}){const o=p();return"performingChallenge"===this.state.status?r(t,{onCompleteChallenge:e=>{let r=null;l(e.result,"errorCode")&&e.result.errorCode.length&&(r={errorCode:e.result.errorCode,message:`${u}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`},this.props.isMDFlow&&this.props.onError(new c(h,`${u}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`,{cause:e.result.errorCode}))),this.setStatusComplete(e.result,r)},onErrorChallenge:e=>{if(l(e,"errorCode")){const r={errorCode:e.errorCode,message:`${D}: ${e.errorCode}`};return this.props.isMDFlow&&this.props.onError(new c(h,`${u}: '3DS2 challenge timed out'`,{cause:e.errorCode})),void this.setStatusComplete(e.result,r)}},...s,onActionHandled:this.onActionHandled,onFormSubmit:this.onFormSubmit}):"error"===this.state.status?r("div",{className:"adyen-checkout__threeds2-challenge-error"},r(i,{className:"adyen-checkout__status__icon adyen-checkout__status__icon--error",src:o({imageFolder:"components/"})("error"),alt:""}),r("div",{className:"adyen-checkout__status__text"},this.state.errorInfo?this.state.errorInfo:this.props.i18n.get("error.message.unknown"))):null}}export{f as default};
 //# sourceMappingURL=PrepareChallenge3DS2.js.map

package/dist/es/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrepareChallenge3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport DoChallenge3DS2 from './DoChallenge3DS2';\nimport { createChallengeResolveData, prepareChallengeData, createOldChallengeResolveData } from '../utils';\nimport { PrepareChallenge3DS2Props, PrepareChallenge3DS2State } from './types';\nimport { ChallengeData, ThreeDS2FlowObject } from '../../types';\nimport '../../ThreeDS2.scss';\nimport Img from '../../../internal/Img';\nimport './challenge.scss';\nimport { hasOwnProperty } from '../../../../utils/hasOwnProperty';\nimport useImage from '../../../../core/Context/useImage';\nimport AdyenCheckoutError, { ERROR } from '../../../../core/Errors/AdyenCheckoutError';\nimport { THREEDS2_CHALLENGE_ERROR } from '../../config';\nimport { ActionHandledReturnObject } from '../../../../types/global-types';\nimport { THREEDS2_FULL, THREEDS2_NUM } from '../../config';\nimport { SendAnalyticsObject } from '../../../../core/Analytics/types';\nimport { ErrorObject } from '../../../../core/Errors/types';\n\nclass PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props, PrepareChallenge3DS2State> {\n    public static defaultProps = {\n        onComplete: () => {},\n        onError: () => {},\n        onActionHandled: () => {}\n    };\n\n    constructor(props) {\n        super(props);\n\n        if (this.props.token) {\n            const challengeData: ChallengeData | ErrorObject = prepareChallengeData({\n                token: this.props.token,\n                size: this.props.challengeWindowSize || this.props.size\n            });\n\n            /**\n             * Check the structure of the created challengeData\n             */\n            const { acsTransID, messageVersion, threeDSServerTransID } = (challengeData as ChallengeData).cReqData;\n\n            const { acsURL } = challengeData as ChallengeData;\n\n            /** Missing props */\n            if (!acsURL || !acsTransID || !messageVersion || !threeDSServerTransID) {\n                this.setStatusError({\n                    errorInfo:\n                        'Challenge Data missing one or more of the following properties (acsURL | acsTransID | messageVersion | threeDSServerTransID)',\n                    errorObj: challengeData\n                });\n                return;\n            }\n\n            /** All good */\n            this.state = {\n                status: 'retrievingChallengeToken',\n                challengeData: challengeData as ChallengeData,\n                errorInfo: null\n            };\n        } else {\n            this.setStatusError({\n                errorInfo: 'Missing challengeToken parameter'\n            });\n        }\n    }\n\n    public onActionHandled = (rtnObj: ActionHandledReturnObject) => {\n        this.props.onSubmitAnalytics({ type: THREEDS2_FULL, message: rtnObj.actionDescription });\n\n        this.props.onActionHandled(rtnObj);\n    };\n\n    public onFormSubmit = (msg: string) => {\n        this.props.onSubmitAnalytics({\n            type: THREEDS2_FULL,\n            message: msg\n        });\n    };\n\n    setStatusComplete(resultObj) {\n        this.setState({ status: 'complete' }, () => {\n            /**\n             * Create the data in the way that the /details endpoint expects.\n             *  This is different for the flow triggered by the threeds2InMDFlow process than for the new, v67, 'threeDS2' action\n             */\n            const resolveDataFunction = this.props.isMDFlow ? createOldChallengeResolveData : createChallengeResolveData;\n            const data = resolveDataFunction(this.props.dataKey, resultObj.transStatus, this.props.paymentData);\n\n            // Create log object - the process is completed, one way or another\n            const analyticsObject: SendAnalyticsObject = {\n                type: THREEDS2_FULL,\n                message: `${THREEDS2_NUM} challenge has completed`,\n                metadata: { ...resultObj }\n            };\n\n            // Send log to analytics endpoint\n            this.props.onSubmitAnalytics(analyticsObject);\n\n            this.props.onComplete(data); // (equals onAdditionalDetails - except for 3DS2InMDFlow)\n        });\n    }\n\n    setStatusError(errorInfoObj) {\n        this.setState({ status: 'error', errorInfo: errorInfoObj.errorInfo });\n        this.props.onError(errorInfoObj); // For some reason this doesn't fire if it's in a callback passed to the setState function\n    }\n\n    render(_, { challengeData }) {\n        const getImage = useImage();\n        if (this.state.status === 'retrievingChallengeToken') {\n            return (\n                <DoChallenge3DS2\n                    onCompleteChallenge={(challenge: ThreeDS2FlowObject) => {\n                        // Challenge has resulted in an error (no transStatus could be retrieved) - but we still treat this as a valid scenario\n                        if (hasOwnProperty(challenge.result, 'errorCode') && challenge.result.errorCode.length) {\n                            // Tell the merchant there's been an error\n                            this.props.onError(\n                                new AdyenCheckoutError(\n                                    ERROR,\n                                    `${THREEDS2_CHALLENGE_ERROR}: ${\n                                        challenge.result.errorDescription ? challenge.result.errorDescription : 'no transStatus could be retrieved'\n                                    }`,\n                                    { cause: challenge.result.errorCode }\n                                )\n                            );\n                        }\n\n                        this.setStatusComplete(challenge.result);\n                    }}\n                    onErrorChallenge={(challenge: ThreeDS2FlowObject) => {\n                        /**\n                         * Called when challenge times-out (which is still a valid scenario)...\n                         */\n                        if (hasOwnProperty(challenge, 'errorCode')) {\n                            this.props.onError(\n                                new AdyenCheckoutError(ERROR, `${THREEDS2_CHALLENGE_ERROR}: '3DS2 challenge timed out'`, {\n                                    cause: challenge.errorCode\n                                })\n                            );\n\n                            this.setStatusComplete(challenge.result);\n                            return;\n                        }\n                    }}\n                    {...challengeData}\n                    onActionHandled={this.onActionHandled}\n                    onFormSubmit={this.onFormSubmit}\n                />\n            );\n        }\n\n        if (this.state.status === 'error') {\n            return (\n                <div className=\"adyen-checkout__threeds2-challenge-error\">\n                    <Img\n                        className=\"adyen-checkout__status__icon adyen-checkout__status__icon--error\"\n                        src={getImage({\n                            imageFolder: 'components/'\n                        })('error')}\n                        alt={''}\n                    />\n                    <div className=\"adyen-checkout__status__text\">\n                        {this.state.errorInfo ? this.state.errorInfo : this.props.i18n.get('error.message.unknown')}\n                    </div>\n                </div>\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default PrepareChallenge3DS2;\n"],"names":["PrepareChallenge3DS2","Component","static","onComplete","onError","onActionHandled","constructor","props","super","this","token","challengeData","prepareChallengeData","size","challengeWindowSize","acsTransID","messageVersion","threeDSServerTransID","cReqData","acsURL","setStatusError","errorInfo","errorObj","state","status","rtnObj","onSubmitAnalytics","type","THREEDS2_FULL","message","actionDescription","onFormSubmit","msg","setStatusComplete","resultObj","setState","data","isMDFlow","createOldChallengeResolveData","createChallengeResolveData","dataKey","transStatus","paymentData","analyticsObject","THREEDS2_NUM","metadata","errorInfoObj","render","_","getImage","useImage","h","DoChallenge3DS2","onCompleteChallenge","challenge","hasOwnProperty","result","errorCode","length","AdyenCheckoutError","ERROR","THREEDS2_CHALLENGE_ERROR","errorDescription","cause","onErrorChallenge","div","className","Img","src","imageFolder","alt","i18n","get"],"mappings":"kkBAiBA,MAAMA,UAA6BC,EAC/BC,oBAA6B,CACzBC,WAAY,OACZC,QAAS,OACTC,gBAAiB,QAGrBC,WAAAA,CAAYC,GAGR,GAFAC,MAAMD,GAEFE,KAAKF,MAAMG,MAAO,CAClB,MAAMC,EAA6CC,EAAqB,CACpEF,MAAOD,KAAKF,MAAMG,MAClBG,KAAMJ,KAAKF,MAAMO,qBAAuBL,KAAKF,MAAMM,QAMjDE,WAAEA,EAAUC,eAAEA,EAAcC,qBAAEA,GAAyBN,EAAiCO,UAExFC,OAAEA,GAAWR,EAGnB,KAAKQ,GAAWJ,GAAeC,GAAmBC,GAM9C,YALAR,KAAKW,eAAe,CAChBC,UACI,+HACJC,SAAUX,IAMlBF,KAAKc,MAAQ,CACTC,OAAQ,2BACRb,cAAeA,EACfU,UAAW,WAGfZ,KAAKW,eAAe,CAChBC,UAAW,oCAGvB,CAEOhB,gBAAmBoB,IACtBhB,KAAKF,MAAMmB,kBAAkB,CAAEC,KAAMC,EAAeC,QAASJ,EAAOK,oBAEpErB,KAAKF,MAAMF,gBAAgBoB,EAAAA,EAGxBM,aAAgBC,IACnBvB,KAAKF,MAAMmB,kBAAkB,CACzBC,KAAMC,EACNC,QAASG,GACb,EAGJC,iBAAAA,CAAkBC,GACdzB,KAAK0B,SAAS,CAAEX,OAAQ,aAAc,KAKlC,MACMY,GADsB3B,KAAKF,MAAM8B,SAAWC,EAAgCC,GACjD9B,KAAKF,MAAMiC,QAASN,EAAUO,YAAahC,KAAKF,MAAMmC,aAGjFC,EAAuC,CACzChB,KAAMC,EACNC,QAAS,GAAGe,4BACZC,SAAU,IAAKX,IAInBzB,KAAKF,MAAMmB,kBAAkBiB,GAE7BlC,KAAKF,MAAMJ,WAAWiC,KAE9B,CAEAhB,cAAAA,CAAe0B,GACXrC,KAAK0B,SAAS,CAAEX,OAAQ,QAASH,UAAWyB,EAAazB,YACzDZ,KAAKF,MAAMH,QAAQ0C,EACvB,CAEAC,MAAAA,CAAOC,GAAGrC,cAAEA,IACR,MAAMsC,EAAWC,IACjB,MAA0B,6BAAtBzC,KAAKc,MAAMC,OAEP2B,EAACC,EAAAA,CACGC,oBAAsBC,IAEdC,EAAeD,EAAUE,OAAQ,cAAgBF,EAAUE,OAAOC,UAAUC,QAE5EjD,KAAKF,MAAMH,QACP,IAAIuD,EACAC,EACA,GAAGC,MACCP,EAAUE,OAAOM,iBAAmBR,EAAUE,OAAOM,iBAAmB,sCAE5E,CAAEC,MAAOT,EAAUE,OAAOC,aAKtChD,KAAKwB,kBAAkBqB,EAAUE,OAAM,EAE3CQ,iBAAmBV,IAIf,GAAIC,EAAeD,EAAW,aAQ1B,OAPA7C,KAAKF,MAAMH,QACP,IAAIuD,EAAmBC,EAAO,GAAGC,gCAAwD,CACrFE,MAAOT,EAAUG,kBAIzBhD,KAAKwB,kBAAkBqB,EAAUE,OAErC,KAEA7C,EACJN,gBAAiBI,KAAKJ,gBACtB0B,aAActB,KAAKsB,eAKL,UAAtBtB,KAAKc,MAAMC,OAEP2B,EAACc,MAAAA,CAAIC,UAAU,4CACXf,EAACgB,EAAAA,CACGD,UAAU,mEACVE,IAAKnB,EAAS,CACVoB,YAAa,eADZpB,CAEF,SACHqB,IAAK,KAETnB,EAACc,MAAAA,CAAIC,UAAU,gCACVzD,KAAKc,MAAMF,UAAYZ,KAAKc,MAAMF,UAAYZ,KAAKF,MAAMgE,KAAKC,IAAI,2BAM5E,IACX"}
+{"version":3,"file":"PrepareChallenge3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport DoChallenge3DS2 from './DoChallenge3DS2';\nimport { createChallengeResolveData, prepareChallengeData, createOldChallengeResolveData, isErrorObject } from '../utils';\nimport { PrepareChallenge3DS2Props, PrepareChallenge3DS2State, StatusErrorInfoObject } from './types';\nimport { ChallengeData, ResultObject, ThreeDS2FlowObject, ErrorCodeObject } from '../../types';\nimport '../../ThreeDS2.scss';\nimport Img from '../../../internal/Img';\nimport './challenge.scss';\nimport { hasOwnProperty } from '../../../../utils/hasOwnProperty';\nimport useImage from '../../../../core/Context/useImage';\nimport AdyenCheckoutError, { ERROR } from '../../../../core/Errors/AdyenCheckoutError';\nimport { ActionHandledReturnObject } from '../../../../types/global-types';\nimport { SendAnalyticsObject } from '../../../../core/Analytics/types';\nimport {\n    THREEDS2_CHALLENGE,\n    THREEDS2_CHALLENGE_ERROR,\n    THREEDS2_FULL,\n    THREEDS2_NUM,\n    MISSING_TOKEN_IN_ACTION_MSG,\n    THREEDS2_ERROR\n} from '../../constants';\nimport { isValidHttpUrl } from '../../../../utils/isValidURL';\nimport { ANALYTICS_API_ERROR, Analytics3DS2Errors } from '../../../../core/Analytics/constants';\nimport { ErrorObject } from '../../../../core/Errors/types';\n\nclass PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props, PrepareChallenge3DS2State> {\n    public static defaultProps = {\n        onComplete: () => {},\n        onError: () => {},\n        onActionHandled: () => {},\n        isMDFlow: false\n    };\n\n    constructor(props) {\n        super(props);\n\n        if (this.props.token) {\n            const challengeData: ChallengeData | ErrorObject = prepareChallengeData({\n                token: this.props.token,\n                size: this.props.challengeWindowSize || this.props.size\n            });\n\n            this.state = {\n                status: 'init',\n                challengeData: challengeData as ChallengeData\n            };\n        } else {\n            // Will be picked up in componentDidMount\n            this.state = { challengeData: { success: false, error: MISSING_TOKEN_IN_ACTION_MSG } };\n\n            console.debug(`${THREEDS2_CHALLENGE_ERROR}: ${MISSING_TOKEN_IN_ACTION_MSG}`);\n        }\n    }\n\n    public onActionHandled = (rtnObj: ActionHandledReturnObject) => {\n        this.props.onSubmitAnalytics({ type: THREEDS2_FULL, message: rtnObj.actionDescription });\n\n        this.props.onActionHandled(rtnObj);\n    };\n\n    public onFormSubmit = (msg: string) => {\n        this.props.onSubmitAnalytics({\n            type: THREEDS2_FULL,\n            message: msg\n        });\n    };\n\n    componentDidMount() {\n        const hasChallengeData = !isErrorObject(this.state.challengeData);\n\n        if (hasChallengeData) {\n            /**\n             * Check the structure of the created challengeData\n             */\n            const { acsURL } = this.state.challengeData as ChallengeData;\n            const hasValidAcsURL = isValidHttpUrl(\n                acsURL,\n                process.env.NODE_ENV === 'development' && process.env.__CLIENT_ENV__?.indexOf('localhost:8080') > -1 // allow http urls if in development and testing against localhost:8080);\n            );\n\n            // Only render component if we have an acsURL.\n            if (!hasValidAcsURL) {\n                // Set UI error & call onError callback\n                this.setError(\n                    {\n                        errorInfo: `${Analytics3DS2Errors.TOKEN_IS_MISSING_ACSURL}: ${this.props.i18n.get('err.gen.9102')}` //\n                    },\n                    true\n                );\n\n                // Send error to analytics endpoint // TODO - check logs to see if this *ever* happens\n                const errorCodeObject = {\n                    type: THREEDS2_ERROR,\n                    code: Analytics3DS2Errors.TOKEN_IS_MISSING_ACSURL,\n                    errorType: ANALYTICS_API_ERROR,\n                    message: `${THREEDS2_CHALLENGE_ERROR}: Decoded token is missing a valid acsURL property`,\n                    metadata: { acsURL } // NEW TODO - check acsURL isn't secret\n                };\n                this.props.onSubmitAnalytics(errorCodeObject);\n\n                console.debug('### PrepareChallenge3DS2::exiting:: no valid acsURL');\n                return;\n            }\n\n            const { acsTransID, messageVersion, threeDSServerTransID } = (this.state.challengeData as ChallengeData).cReqData;\n\n            // Only render component if we have a acsTransID, messageVersion & threeDSServerTransID\n            if (!acsTransID || !messageVersion || !threeDSServerTransID) {\n                // Set UI error & call onError callback\n                this.setError(\n                    {\n                        errorInfo: `${Analytics3DS2Errors.TOKEN_IS_MISSING_OTHER_PROPS}: ${this.props.i18n.get('err.gen.9102')}`,\n                        errorObj: this.state.challengeData\n                    },\n                    true\n                );\n\n                // Send error to analytics endpoint // TODO - check logs to see if this *ever* happens\n                this.props.onSubmitAnalytics({\n                    type: THREEDS2_ERROR,\n                    code: Analytics3DS2Errors.TOKEN_IS_MISSING_OTHER_PROPS,\n                    errorType: ANALYTICS_API_ERROR,\n                    message: `${THREEDS2_CHALLENGE_ERROR}: Decoded token is missing one or more of the following properties (acsTransID | messageVersion | threeDSServerTransID)`\n                });\n\n                console.debug(\n                    '### PrepareChallenge3DS2::exiting:: missing one or more of the following properties (acsTransID | messageVersion | threeDSServerTransID)'\n                );\n                return;\n            }\n\n            // Proceed to allow component to render\n            this.setState({ status: 'performingChallenge' });\n            //\n        } else {\n            const errorMsg: string = (this.state.challengeData as ErrorObject).error;\n\n            const errorCode =\n                errorMsg.indexOf(MISSING_TOKEN_IN_ACTION_MSG) > -1\n                    ? Analytics3DS2Errors.ACTION_IS_MISSING_TOKEN\n                    : Analytics3DS2Errors.TOKEN_DECODE_OR_PARSING_FAILED;\n\n            // Set UI error & call onError callback\n            this.setError(\n                {\n                    errorInfo:\n                        errorMsg.indexOf(MISSING_TOKEN_IN_ACTION_MSG) > -1\n                            ? `${Analytics3DS2Errors.ACTION_IS_MISSING_TOKEN}: ${this.props.i18n.get('err.gen.9102')}`\n                            : `${Analytics3DS2Errors.TOKEN_DECODE_OR_PARSING_FAILED}:${this.props.i18n.get('err.gen.9102')}`,\n                    errorObj: this.state.challengeData\n                },\n                true\n            );\n\n            // Send error to analytics endpoint // TODO - check logs to see if the base64 decoding errors *ever* happen\n            this.props.onSubmitAnalytics({\n                type: THREEDS2_ERROR,\n                code: errorCode,\n                errorType: ANALYTICS_API_ERROR,\n                message: `${THREEDS2_CHALLENGE_ERROR}: ${errorMsg}` // can be: 'Missing \"token\" property from threeDS2 action', 'not base64', 'malformed URI sequence' or 'Could not JSON parse token'\n            });\n\n            console.debug('### PrepareChallenge3DS2::exiting:: no challengeData');\n        }\n    }\n\n    setStatusComplete(resultObj: ResultObject, errorCodeObject: ErrorCodeObject = null) {\n        this.setState({ status: 'complete' }, () => {\n            /**\n             * Create the data in the way that the /details endpoint expects.\n             *  This is different for the flow triggered by the threeds2InMDFlow process than for the new, v67, 'threeDS2' action\n             */\n            const resolveDataFunction = this.props.isMDFlow ? createOldChallengeResolveData : createChallengeResolveData;\n            const data = resolveDataFunction(this.props.dataKey, resultObj.transStatus, this.props.paymentData);\n\n            if (errorCodeObject) {\n                console.debug('### PrepareChallenge3DS2::errorCodeObject::', errorCodeObject);\n            }\n\n            // TODO - do we want to know about these events (timeout or no transStatus - which are \"valid\" 3DS2 scenarios) from an analytics perspective, and, if so, how do we classify them? ...errors? info?\n            // let analyticsObject: SendAnalyticsObject;\n            // const finalResObject = errorCodeObject ? errorCodeObject : resultObj;\n            // if (finalResObject.errorCode) {\n            //     const errorTypeAndCode = {\n            //         code: finalResObject.errorCode === 'timeout' ? Analytics3DS2Errors.THREEDS2_TIMEOUT : Analytics3DS2Errors.NO_TRANSSTATUS,\n            //         errorType: finalResObject.errorCode === 'timeout' ? ANALYTICS_NETWORK_ERROR : ANALYTICS_INTERNAL_ERROR // TODO - for a timeout is this really a Network error? Or is it a \"ThirdParty\" error i.e. the ACS has had a problem serving the fingerprinting page in a timely manner?\n            //     };\n            //\n            //     // Challenge process has timed out,\n            //     // or, It's an error reported by the backend 'cos no transStatus could be retrieved // TODO - check logs to see if this *ever* happens\n            //     analyticsObject = {\n            //         type: THREEDS2_ERROR,\n            //         message: finalResObject.message,\n            //         ...errorTypeAndCode\n            //     };\n            //\n            //     // Send info about the error to analytics endpoint\n            //     this.props.onSubmitAnalytics(analyticsObject);\n            // }\n\n            // Create log object - the process is completed, one way or another\n            const analyticsObject: SendAnalyticsObject = {\n                type: THREEDS2_FULL,\n                message: `${THREEDS2_NUM} challenge has completed`,\n                metadata: { ...resultObj }\n            };\n\n            // Send log to analytics endpoint\n            this.props.onSubmitAnalytics(analyticsObject);\n\n            /**\n             * Equals call to onAdditionalDetails (except for in 3DS2InMDFlow)\n             */\n            this.props.onComplete(data);\n        });\n    }\n\n    /**\n     * Display error in the UI,\n     * and, optionally, decide whether to send any of these errors to the merchant defined onError callback\n     *\n     * @param errorInfoObj -\n     * @param isFatal -\n     */\n    setError(errorInfoObj: StatusErrorInfoObject, isFatal: boolean) {\n        this.setState({ status: 'error', errorInfo: errorInfoObj.errorInfo });\n\n        // Decide whether to call this.props.onError\n        if (isFatal) {\n            this.props.onError(\n                new AdyenCheckoutError(\n                    ERROR,\n                    errorInfoObj.errorInfo\n                    // { cause: errorInfoObj.errorObj }\n                )\n            );\n        }\n    }\n\n    render(_, { challengeData }) {\n        const getImage = useImage();\n        if (this.state.status === 'performingChallenge') {\n            return (\n                <DoChallenge3DS2\n                    onCompleteChallenge={(challenge: ThreeDS2FlowObject) => {\n                        let errorCodeObject: ErrorCodeObject = null;\n\n                        // Challenge has resulted in an error (no transStatus could be retrieved) - but we still treat this as a valid scenario\n                        if (hasOwnProperty(challenge.result, 'errorCode') && challenge.result.errorCode.length) {\n                            // Tell the merchant there's been an error\n                            errorCodeObject = {\n                                errorCode: challenge.result.errorCode,\n                                message: `${THREEDS2_CHALLENGE_ERROR}: ${\n                                    challenge.result.errorDescription ? challenge.result.errorDescription : 'no transStatus could be retrieved'\n                                }`\n                            };\n\n                            /**\n                             * NOTE: we can now use this.props.isMDFlow to decide if we want to send any of these errors to the onError handler\n                             *  - this is problematic in the regular flow since merchants tend to treat any calls to their onError handler as 'fatal',\n                             *   but in the MDFlow we control what the onError handler does.\n                             */\n                            if (this.props.isMDFlow) {\n                                this.props.onError(\n                                    new AdyenCheckoutError(\n                                        ERROR,\n                                        `${THREEDS2_CHALLENGE_ERROR}: ${\n                                            challenge.result.errorDescription\n                                                ? challenge.result.errorDescription\n                                                : 'no transStatus could be retrieved'\n                                        }`,\n                                        { cause: challenge.result.errorCode }\n                                    )\n                                );\n                            }\n                        }\n\n                        // Proceed with call to onAdditionalDetails (except for in 3DS2InMDFlow)\n                        this.setStatusComplete(challenge.result, errorCodeObject);\n                    }}\n                    onErrorChallenge={(challenge: ThreeDS2FlowObject) => {\n                        /**\n                         * Called when challenge times-out (which is still a valid scenario)...\n                         */\n                        if (hasOwnProperty(challenge, 'errorCode')) {\n                            const timeoutObject: ErrorCodeObject = {\n                                errorCode: challenge.errorCode,\n                                message: `${THREEDS2_CHALLENGE}: ${challenge.errorCode}`\n                            };\n\n                            // see comment in onCompleteChallenge code block\n                            if (this.props.isMDFlow) {\n                                this.props.onError(\n                                    new AdyenCheckoutError(ERROR, `${THREEDS2_CHALLENGE_ERROR}: '3DS2 challenge timed out'`, {\n                                        cause: challenge.errorCode\n                                    })\n                                );\n                            }\n\n                            this.setStatusComplete(challenge.result, timeoutObject);\n                            return;\n                        }\n                    }}\n                    {...challengeData}\n                    onActionHandled={this.onActionHandled}\n                    onFormSubmit={this.onFormSubmit}\n                />\n            );\n        }\n\n        if (this.state.status === 'error') {\n            return (\n                <div className=\"adyen-checkout__threeds2-challenge-error\">\n                    <Img\n                        className=\"adyen-checkout__status__icon adyen-checkout__status__icon--error\"\n                        src={getImage({\n                            imageFolder: 'components/'\n                        })('error')}\n                        alt={''}\n                    />\n                    <div className=\"adyen-checkout__status__text\">\n                        {this.state.errorInfo ? this.state.errorInfo : this.props.i18n.get('error.message.unknown')}\n                    </div>\n                </div>\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default PrepareChallenge3DS2;\n"],"names":["PrepareChallenge3DS2","Component","static","onComplete","onError","onActionHandled","isMDFlow","constructor","props","super","this","token","challengeData","prepareChallengeData","size","challengeWindowSize","state","status","success","error","MISSING_TOKEN_IN_ACTION_MSG","console","debug","THREEDS2_CHALLENGE_ERROR","rtnObj","onSubmitAnalytics","type","THREEDS2_FULL","message","actionDescription","onFormSubmit","msg","componentDidMount","isErrorObject","acsURL","isValidHttpUrl","setError","errorInfo","Analytics3DS2Errors","TOKEN_IS_MISSING_ACSURL","i18n","get","errorCodeObject","THREEDS2_ERROR","code","errorType","ANALYTICS_API_ERROR","metadata","acsTransID","messageVersion","threeDSServerTransID","cReqData","TOKEN_IS_MISSING_OTHER_PROPS","errorObj","setState","errorMsg","errorCode","indexOf","ACTION_IS_MISSING_TOKEN","TOKEN_DECODE_OR_PARSING_FAILED","setStatusComplete","resultObj","data","createOldChallengeResolveData","createChallengeResolveData","dataKey","transStatus","paymentData","analyticsObject","THREEDS2_NUM","errorInfoObj","isFatal","AdyenCheckoutError","ERROR","render","_","getImage","useImage","h","DoChallenge3DS2","onCompleteChallenge","challenge","hasOwnProperty","result","length","errorDescription","cause","onErrorChallenge","timeoutObject","THREEDS2_CHALLENGE","div","className","Img","src","imageFolder","alt"],"mappings":"60BAyBA,MAAMA,UAA6BC,EAC/BC,oBAA6B,CACzBC,WAAY,OACZC,QAAS,OACTC,gBAAiB,OACjBC,UAAU,GAGdC,WAAAA,CAAYC,GAGR,GAFAC,MAAMD,GAEFE,KAAKF,MAAMG,MAAO,CAClB,MAAMC,EAA6CC,EAAqB,CACpEF,MAAOD,KAAKF,MAAMG,MAClBG,KAAMJ,KAAKF,MAAMO,qBAAuBL,KAAKF,MAAMM,OAGvDJ,KAAKM,MAAQ,CACTC,OAAQ,OACRL,cAAeA,QAInBF,KAAKM,MAAQ,CAAEJ,cAAe,CAAEM,SAAS,EAAOC,MAAOC,IAEvDC,QAAQC,MAAM,GAAGC,MAA6BH,IAEtD,CAEOf,gBAAmBmB,IACtBd,KAAKF,MAAMiB,kBAAkB,CAAEC,KAAMC,EAAeC,QAASJ,EAAOK,oBAEpEnB,KAAKF,MAAMH,gBAAgBmB,EAAAA,EAGxBM,aAAgBC,IACnBrB,KAAKF,MAAMiB,kBAAkB,CACzBC,KAAMC,EACNC,QAASG,GACb,EAGJC,iBAAAA,GAGI,IAF0BC,EAAcvB,KAAKM,MAAMJ,eAE7B,CAIlB,MAAMsB,OAAEA,GAAWxB,KAAKM,MAAMJ,cAO9B,IANuBuB,EACnBD,GACA,GAIiB,CAEjBxB,KAAK0B,SACD,CACIC,UAAW,GAAGC,EAAoBC,4BAA4B7B,KAAKF,MAAMgC,KAAKC,IAAI,oBAEtF,GAIJ,MAAMC,EAAkB,CACpBhB,KAAMiB,EACNC,KAAMN,EAAoBC,wBAC1BM,UAAWC,EACXlB,QAAS,GAAGL,sDACZwB,SAAU,CAAEb,WAKhB,OAHAxB,KAAKF,MAAMiB,kBAAkBiB,QAE7BrB,QAAQC,MAAM,sDAElB,CAEA,MAAM0B,WAAEA,EAAUC,eAAEA,EAAcC,qBAAEA,GAA0BxC,KAAKM,MAAMJ,cAAgCuC,SAGzG,IAAKH,IAAeC,IAAmBC,EAqBnC,OAnBAxC,KAAK0B,SACD,CACIC,UAAW,GAAGC,EAAoBc,iCAAiC1C,KAAKF,MAAMgC,KAAKC,IAAI,kBACvFY,SAAU3C,KAAKM,MAAMJ,gBAEzB,GAIJF,KAAKF,MAAMiB,kBAAkB,CACzBC,KAAMiB,EACNC,KAAMN,EAAoBc,6BAC1BP,UAAWC,EACXlB,QAAS,GAAGL,kIAGhBF,QAAQC,MACJ,4IAMRZ,KAAK4C,SAAS,CAAErC,OAAQ,4BAErB,CACH,MAAMsC,EAAmB7C,KAAMM,MAAMJ,cAA8BO,MAE7DqC,EACFD,EAASE,QAAQrC,IAAgC,EAC3CkB,EAAoBoB,wBACpBpB,EAAoBqB,+BAG9BjD,KAAK0B,SACD,CACIC,UACIkB,EAASE,QAAQrC,IAAgC,EAC3C,GAAGkB,EAAoBoB,4BAA4BhD,KAAKF,MAAMgC,KAAKC,IAAI,kBACvE,GAAGH,EAAoBqB,kCAAkCjD,KAAKF,MAAMgC,KAAKC,IAAI,kBACvFY,SAAU3C,KAAKM,MAAMJ,gBAEzB,GAIJF,KAAKF,MAAMiB,kBAAkB,CACzBC,KAAMiB,EACNC,KAAMY,EACNX,UAAWC,EACXlB,QAAS,GAAGL,MAA6BgC,MAG7ClC,QAAQC,MAAM,uDAClB,CACJ,CAEAsC,iBAAAA,CAAkBC,EAAyBnB,EAAmC,MAC1EhC,KAAK4C,SAAS,CAAErC,OAAQ,aAAc,KAKlC,MACM6C,GADsBpD,KAAKF,MAAMF,SAAWyD,EAAgCC,GACjDtD,KAAKF,MAAMyD,QAASJ,EAAUK,YAAaxD,KAAKF,MAAM2D,aAEnFzB,GACArB,QAAQC,MAAM,8CAA+CoB,GAyBjE,MAAM0B,EAAuC,CACzC1C,KAAMC,EACNC,QAAS,GAAGyC,4BACZtB,SAAU,IAAKc,IAInBnD,KAAKF,MAAMiB,kBAAkB2C,GAK7B1D,KAAKF,MAAML,WAAW2D,EAAAA,GAE9B,CASA1B,QAAAA,CAASkC,EAAqCC,GAC1C7D,KAAK4C,SAAS,CAAErC,OAAQ,QAASoB,UAAWiC,EAAajC,YAGrDkC,GACA7D,KAAKF,MAAMJ,QACP,IAAIoE,EACAC,EACAH,EAAajC,WAK7B,CAEAqC,MAAAA,CAAOC,GAAG/D,cAAEA,IACR,MAAMgE,EAAWC,IACjB,MAA0B,wBAAtBnE,KAAKM,MAAMC,OAEP6D,EAACC,EAAAA,CACGC,oBAAsBC,IAClB,IAAIvC,EAAmC,KAGnCwC,EAAeD,EAAUE,OAAQ,cAAgBF,EAAUE,OAAO3B,UAAU4B,SAE5E1C,EAAkB,CACdc,UAAWyB,EAAUE,OAAO3B,UAC5B5B,QAAS,GAAGL,MACR0D,EAAUE,OAAOE,iBAAmBJ,EAAUE,OAAOE,iBAAmB,uCAS5E3E,KAAKF,MAAMF,UACXI,KAAKF,MAAMJ,QACP,IAAIoE,EACAC,EACA,GAAGlD,MACC0D,EAAUE,OAAOE,iBACXJ,EAAUE,OAAOE,iBACjB,sCAEV,CAAEC,MAAOL,EAAUE,OAAO3B,cAO1C9C,KAAKkD,kBAAkBqB,EAAUE,OAAQzC,EAAAA,EAE7C6C,iBAAmBN,IAIf,GAAIC,EAAeD,EAAW,aAAc,CACxC,MAAMO,EAAiC,CACnChC,UAAWyB,EAAUzB,UACrB5B,QAAS,GAAG6D,MAAuBR,EAAUzB,aAajD,OATI9C,KAAKF,MAAMF,UACXI,KAAKF,MAAMJ,QACP,IAAIoE,EAAmBC,EAAO,GAAGlD,gCAAwD,CACrF+D,MAAOL,EAAUzB,kBAK7B9C,KAAKkD,kBAAkBqB,EAAUE,OAAQK,EAE7C,MAEA5E,EACJP,gBAAiBK,KAAKL,gBACtByB,aAAcpB,KAAKoB,eAKL,UAAtBpB,KAAKM,MAAMC,OAEP6D,EAACY,MAAAA,CAAIC,UAAU,4CACXb,EAACc,EAAAA,CACGD,UAAU,mEACVE,IAAKjB,EAAS,CACVkB,YAAa,eADZlB,CAEF,SACHmB,IAAK,KAETjB,EAACY,MAAAA,CAAIC,UAAU,gCACVjF,KAAKM,MAAMqB,UAAY3B,KAAKM,MAAMqB,UAAY3B,KAAKF,MAAMgC,KAAKC,IAAI,2BAM5E,IACX"}

package/dist/es/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.js

@@ -1,2 +1,2 @@
-import{Component as e,createElement as r}from"../../../../external/preact/dist/preact.js";import t from"../../../internal/IFrame/Iframe.js";import s from"../../../internal/Spinner/Spinner.js";import n from"../Form/ThreeDS2Form.js";import i from"../../../../utils/promiseTimeout.js";import o from"../../../../utils/get-process-message-handler.js";import{THREEDS_METHOD_TIMEOUT as a,THREEDS2_NUM as m,FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT as p}from"../../config.js";import{encodeBase64URL as d}from"../utils.js";const h="threeDSMethodIframe";class c extends e{processMessageHandler;fingerPrintPromise;static defaultProps={showSpinner:!0};constructor(e){super(e);const{threeDSServerTransID:r,threeDSMethodNotificationURL:t}=this.props,s=JSON.stringify({threeDSServerTransID:r,threeDSMethodNotificationURL:t}),n=d(s);this.state={base64URLencodedData:n}}get3DS2MethodPromise(){return new Promise(((e,r)=>{this.processMessageHandler=o(this.props.postMessageDomain,e,r,"fingerPrintResult"),window.addEventListener("message",this.processMessageHandler)}))}componentDidMount(){this.fingerPrintPromise=i(a,this.get3DS2MethodPromise(),p),this.fingerPrintPromise.promise.then((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onCompleteFingerprint(e)})).catch((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onErrorFingerprint(e)}))}componentWillUnmount(){this.fingerPrintPromise&&this.fingerPrintPromise.cancel(),window.removeEventListener("message",this.processMessageHandler)}render({threeDSMethodURL:e,onActionHandled:i,onFormSubmit:o},{base64URLencodedData:a}){return r("div",{className:"adyen-checkout__3ds2-device-fingerprint"},this.props.showSpinner&&r(s,null),r("div",{style:{display:"none"}},r(t,{name:h,callback:()=>{i({componentType:"3DS2Fingerprint",actionDescription:`${m} fingerprint iframe loaded`})}}),r(n,{name:"threeDSMethodForm",action:e,target:h,inputName:"threeDSMethodData",inputValue:a,onFormSubmit:o})))}}export{c as default};
+import{Component as e,createElement as r}from"../../../../external/preact/dist/preact.js";import t from"../../../internal/IFrame/Iframe.js";import s from"../../../internal/Spinner/Spinner.js";import n from"../Form/ThreeDS2Form.js";import i from"../../../../utils/promiseTimeout.js";import o from"../../../../utils/get-process-message-handler.js";import{THREEDS_METHOD_TIMEOUT as a,THREEDS2_NUM as m,FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT as p}from"../../constants.js";import{encodeBase64URL as d}from"../utils.js";const h="threeDSMethodIframe";class c extends e{processMessageHandler;fingerPrintPromise;static defaultProps={showSpinner:!0};constructor(e){super(e);const{threeDSServerTransID:r,threeDSMethodNotificationURL:t}=this.props,s=JSON.stringify({threeDSServerTransID:r,threeDSMethodNotificationURL:t}),n=d(s);this.state={base64URLencodedData:n}}get3DS2MethodPromise(){return new Promise(((e,r)=>{this.processMessageHandler=o(this.props.postMessageDomain,e,r,"fingerPrintResult"),window.addEventListener("message",this.processMessageHandler)}))}componentDidMount(){this.fingerPrintPromise=i(a,this.get3DS2MethodPromise(),p),this.fingerPrintPromise.promise.then((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onCompleteFingerprint(e)})).catch((e=>{window.removeEventListener("message",this.processMessageHandler),this.props.onErrorFingerprint(e)}))}componentWillUnmount(){this.fingerPrintPromise&&this.fingerPrintPromise.cancel(),window.removeEventListener("message",this.processMessageHandler)}render({threeDSMethodURL:e,onActionHandled:i,onFormSubmit:o},{base64URLencodedData:a}){return r("div",{className:"adyen-checkout__3ds2-device-fingerprint"},this.props.showSpinner&&r(s,null),r("div",{style:{display:"none"}},r(t,{name:h,callback:()=>{i({componentType:"3DS2Fingerprint",actionDescription:`${m} fingerprint iframe loaded`})}}),r(n,{name:"threeDSMethodForm",action:e,target:h,inputName:"threeDSMethodData",inputValue:a,onFormSubmit:o})))}}export{c as default};
 //# sourceMappingURL=DoFingerprint3DS2.js.map

package/dist/es/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoFingerprint3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport Iframe from '../../../internal/IFrame';\nimport Spinner from '../../../internal/Spinner';\nimport ThreeDS2Form from '../Form';\nimport promiseTimeout from '../../../../utils/promiseTimeout';\nimport getProcessMessageHandler from '../../../../utils/get-process-message-handler';\nimport { THREEDS_METHOD_TIMEOUT, FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT, THREEDS2_NUM } from '../../config';\nimport { encodeBase64URL } from '../utils';\nimport { DoFingerprint3DS2Props, DoFingerprint3DS2State } from './types';\n\nconst iframeName = 'threeDSMethodIframe';\n\n/**\n * Create and Base64URL encode a JSON object containing the serverTransactionID & threeDSMethodNotificationURL.\n * This Base64URL string will be added to the <form> in the ThreeDS2Form component.\n * The ThreeDS2Form component will submit the <form> when it mounts, using the ThreeDS2Iframe as the <form> target.\n * getProcessMessageHandler will listen for the postMessage response from the notificationURL and will settle the\n * promise accordingly causing this component to call the appropriate callback.\n * The callbacks exist in the parent component: ThreeDS2DeviceFingerprint where they ultimately call the onComplete\n * function passed as a prop when checkout.create('threeDS2DeviceFingerprint') is called.\n */\nclass DoFingerprint3DS2 extends Component<DoFingerprint3DS2Props, DoFingerprint3DS2State> {\n    private processMessageHandler;\n    private fingerPrintPromise: any;\n    public static defaultProps = {\n        showSpinner: true\n    };\n\n    constructor(props) {\n        super(props);\n\n        /**\n         * Create and Base64URL encode a JSON object\n         */\n        const { threeDSServerTransID, threeDSMethodNotificationURL } = this.props;\n\n        const jsonStr = JSON.stringify({\n            threeDSServerTransID,\n            threeDSMethodNotificationURL\n        });\n        const base64URLencodedData = encodeBase64URL(jsonStr);\n        this.state = { base64URLencodedData };\n    }\n\n    get3DS2MethodPromise() {\n        return new Promise((resolve, reject) => {\n            /**\n             * Listen for postMessage responses from the notification url\n             */\n            this.processMessageHandler = getProcessMessageHandler(this.props.postMessageDomain, resolve, reject, 'fingerPrintResult');\n\n            /* eslint-disable-next-line */\n            window.addEventListener('message', this.processMessageHandler);\n        });\n    }\n\n    componentDidMount() {\n        // Check 3DS2 Device fingerprint\n        this.fingerPrintPromise = promiseTimeout(THREEDS_METHOD_TIMEOUT, this.get3DS2MethodPromise(), FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT);\n        this.fingerPrintPromise.promise\n            .then(resolveObject => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onCompleteFingerprint(resolveObject);\n            })\n            .catch(rejectObject => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onErrorFingerprint(rejectObject);\n            });\n    }\n\n    componentWillUnmount() {\n        if (this.fingerPrintPromise) this.fingerPrintPromise.cancel();\n        window.removeEventListener('message', this.processMessageHandler);\n    }\n\n    render({ threeDSMethodURL, onActionHandled, onFormSubmit }, { base64URLencodedData }) {\n        return (\n            <div className=\"adyen-checkout__3ds2-device-fingerprint\">\n                {this.props.showSpinner && <Spinner />}\n                <div style={{ display: 'none' }}>\n                    <Iframe\n                        name={iframeName}\n                        callback={() => {\n                            onActionHandled({ componentType: '3DS2Fingerprint', actionDescription: `${THREEDS2_NUM} fingerprint iframe loaded` });\n                        }}\n                    />\n                    <ThreeDS2Form\n                        name={'threeDSMethodForm'}\n                        action={threeDSMethodURL}\n                        target={iframeName}\n                        inputName={'threeDSMethodData'}\n                        inputValue={base64URLencodedData}\n                        onFormSubmit={onFormSubmit}\n                    />\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default DoFingerprint3DS2;\n"],"names":["iframeName","DoFingerprint3DS2","Component","processMessageHandler","fingerPrintPromise","static","showSpinner","constructor","props","super","threeDSServerTransID","threeDSMethodNotificationURL","this","jsonStr","JSON","stringify","base64URLencodedData","encodeBase64URL","state","get3DS2MethodPromise","Promise","resolve","reject","getProcessMessageHandler","postMessageDomain","window","addEventListener","componentDidMount","promiseTimeout","THREEDS_METHOD_TIMEOUT","FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT","promise","then","resolveObject","removeEventListener","onCompleteFingerprint","catch","rejectObject","onErrorFingerprint","componentWillUnmount","cancel","render","threeDSMethodURL","onActionHandled","onFormSubmit","h","div","className","Spinner","style","display","Iframe","name","callback","componentType","actionDescription","THREEDS2_NUM","ThreeDS2Form","action","target","inputName","inputValue"],"mappings":"ogBAUA,MAAMA,EAAa,sBAWnB,MAAMC,UAA0BC,EACpBC,sBACAC,mBACRC,oBAA6B,CACzBC,aAAa,GAGjBC,WAAAA,CAAYC,GACRC,MAAMD,GAKN,MAAME,qBAAEA,EAAoBC,6BAAEA,GAAiCC,KAAKJ,MAE9DK,EAAUC,KAAKC,UAAU,CAC3BL,uBACAC,iCAEEK,EAAuBC,EAAgBJ,GAC7CD,KAAKM,MAAQ,CAAEF,uBACnB,CAEAG,oBAAAA,GACI,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAIzBV,KAAKT,sBAAwBoB,EAAyBX,KAAKJ,MAAMgB,kBAAmBH,EAASC,EAAQ,qBAGrGG,OAAOC,iBAAiB,UAAWd,KAAKT,sBAAqB,GAErE,CAEAwB,iBAAAA,GAEIf,KAAKR,mBAAqBwB,EAAeC,EAAwBjB,KAAKO,uBAAwBW,GAC9FlB,KAAKR,mBAAmB2B,QACnBC,MAAKC,IACFR,OAAOS,oBAAoB,UAAWtB,KAAKT,uBAC3CS,KAAKJ,MAAM2B,sBAAsBF,EAAAA,IAEpCG,OAAMC,IACHZ,OAAOS,oBAAoB,UAAWtB,KAAKT,uBAC3CS,KAAKJ,MAAM8B,mBAAmBD,EAAAA,GAE1C,CAEAE,oBAAAA,GACQ3B,KAAKR,oBAAoBQ,KAAKR,mBAAmBoC,SACrDf,OAAOS,oBAAoB,UAAWtB,KAAKT,sBAC/C,CAEAsC,MAAAA,EAAOC,iBAAEA,EAAgBC,gBAAEA,EAAeC,aAAEA,IAAgB5B,qBAAEA,IAC1D,OACI6B,EAACC,MAAAA,CAAIC,UAAU,2CACVnC,KAAKJ,MAAMF,aAAeuC,EAACG,QAC5BH,EAACC,MAAAA,CAAIG,MAAO,CAAEC,QAAS,SACnBL,EAACM,EAAAA,CACGC,KAAMpD,EACNqD,SAAU,KACNV,EAAgB,CAAEW,cAAe,kBAAmBC,kBAAmB,GAAGC,+BAAyC,IAG3HX,EAACY,EAAAA,CACGL,KAAM,oBACNM,OAAQhB,EACRiB,OAAQ3D,EACR4D,UAAW,oBACXC,WAAY7C,EACZ4B,aAAcA,KAKlC"}
+{"version":3,"file":"DoFingerprint3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport Iframe from '../../../internal/IFrame';\nimport Spinner from '../../../internal/Spinner';\nimport ThreeDS2Form from '../Form';\nimport promiseTimeout from '../../../../utils/promiseTimeout';\nimport getProcessMessageHandler from '../../../../utils/get-process-message-handler';\nimport { THREEDS_METHOD_TIMEOUT, FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT, THREEDS2_NUM } from '../../constants';\nimport { encodeBase64URL } from '../utils';\nimport { DoFingerprint3DS2Props, DoFingerprint3DS2State } from './types';\n\nconst iframeName = 'threeDSMethodIframe';\n\n/**\n * Create and Base64URL encode a JSON object containing the serverTransactionID & threeDSMethodNotificationURL.\n * This Base64URL string will be added to the <form> in the ThreeDS2Form component.\n * The ThreeDS2Form component will submit the <form> when it mounts, using the ThreeDS2Iframe as the <form> target.\n * getProcessMessageHandler will listen for the postMessage response from the notificationURL and will settle the\n * promise accordingly causing this component to call the appropriate callback.\n * The callbacks exist in the parent component: ThreeDS2DeviceFingerprint where they ultimately call the onComplete\n * function passed as a prop when checkout.create('threeDS2DeviceFingerprint') is called.\n */\nclass DoFingerprint3DS2 extends Component<DoFingerprint3DS2Props, DoFingerprint3DS2State> {\n    private processMessageHandler;\n    private fingerPrintPromise: any;\n    public static defaultProps = {\n        showSpinner: true\n    };\n\n    constructor(props) {\n        super(props);\n\n        /**\n         * Create and Base64URL encode a JSON object\n         */\n        const { threeDSServerTransID, threeDSMethodNotificationURL } = this.props;\n\n        const jsonStr = JSON.stringify({\n            threeDSServerTransID,\n            threeDSMethodNotificationURL\n        });\n        const base64URLencodedData = encodeBase64URL(jsonStr);\n        this.state = { base64URLencodedData };\n    }\n\n    get3DS2MethodPromise() {\n        return new Promise((resolve, reject) => {\n            /**\n             * Listen for postMessage responses from the notification url\n             */\n            this.processMessageHandler = getProcessMessageHandler(this.props.postMessageDomain, resolve, reject, 'fingerPrintResult');\n\n            /* eslint-disable-next-line */\n            window.addEventListener('message', this.processMessageHandler);\n        });\n    }\n\n    componentDidMount() {\n        // Check 3DS2 Device fingerprint\n        this.fingerPrintPromise = promiseTimeout(THREEDS_METHOD_TIMEOUT, this.get3DS2MethodPromise(), FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT);\n        this.fingerPrintPromise.promise\n            .then(resolveObject => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onCompleteFingerprint(resolveObject);\n            })\n            .catch(rejectObject => {\n                window.removeEventListener('message', this.processMessageHandler);\n                this.props.onErrorFingerprint(rejectObject);\n            });\n    }\n\n    componentWillUnmount() {\n        if (this.fingerPrintPromise) this.fingerPrintPromise.cancel();\n        window.removeEventListener('message', this.processMessageHandler);\n    }\n\n    render({ threeDSMethodURL, onActionHandled, onFormSubmit }, { base64URLencodedData }) {\n        return (\n            <div className=\"adyen-checkout__3ds2-device-fingerprint\">\n                {this.props.showSpinner && <Spinner />}\n                <div style={{ display: 'none' }}>\n                    <Iframe\n                        name={iframeName}\n                        callback={() => {\n                            onActionHandled({ componentType: '3DS2Fingerprint', actionDescription: `${THREEDS2_NUM} fingerprint iframe loaded` });\n                        }}\n                    />\n                    <ThreeDS2Form\n                        name={'threeDSMethodForm'}\n                        action={threeDSMethodURL}\n                        target={iframeName}\n                        inputName={'threeDSMethodData'}\n                        inputValue={base64URLencodedData}\n                        onFormSubmit={onFormSubmit}\n                    />\n                </div>\n            </div>\n        );\n    }\n}\n\nexport default DoFingerprint3DS2;\n"],"names":["iframeName","DoFingerprint3DS2","Component","processMessageHandler","fingerPrintPromise","static","showSpinner","constructor","props","super","threeDSServerTransID","threeDSMethodNotificationURL","this","jsonStr","JSON","stringify","base64URLencodedData","encodeBase64URL","state","get3DS2MethodPromise","Promise","resolve","reject","getProcessMessageHandler","postMessageDomain","window","addEventListener","componentDidMount","promiseTimeout","THREEDS_METHOD_TIMEOUT","FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT","promise","then","resolveObject","removeEventListener","onCompleteFingerprint","catch","rejectObject","onErrorFingerprint","componentWillUnmount","cancel","render","threeDSMethodURL","onActionHandled","onFormSubmit","h","div","className","Spinner","style","display","Iframe","name","callback","componentType","actionDescription","THREEDS2_NUM","ThreeDS2Form","action","target","inputName","inputValue"],"mappings":"ugBAUA,MAAMA,EAAa,sBAWnB,MAAMC,UAA0BC,EACpBC,sBACAC,mBACRC,oBAA6B,CACzBC,aAAa,GAGjBC,WAAAA,CAAYC,GACRC,MAAMD,GAKN,MAAME,qBAAEA,EAAoBC,6BAAEA,GAAiCC,KAAKJ,MAE9DK,EAAUC,KAAKC,UAAU,CAC3BL,uBACAC,iCAEEK,EAAuBC,EAAgBJ,GAC7CD,KAAKM,MAAQ,CAAEF,uBACnB,CAEAG,oBAAAA,GACI,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAIzBV,KAAKT,sBAAwBoB,EAAyBX,KAAKJ,MAAMgB,kBAAmBH,EAASC,EAAQ,qBAGrGG,OAAOC,iBAAiB,UAAWd,KAAKT,sBAAqB,GAErE,CAEAwB,iBAAAA,GAEIf,KAAKR,mBAAqBwB,EAAeC,EAAwBjB,KAAKO,uBAAwBW,GAC9FlB,KAAKR,mBAAmB2B,QACnBC,MAAKC,IACFR,OAAOS,oBAAoB,UAAWtB,KAAKT,uBAC3CS,KAAKJ,MAAM2B,sBAAsBF,EAAAA,IAEpCG,OAAMC,IACHZ,OAAOS,oBAAoB,UAAWtB,KAAKT,uBAC3CS,KAAKJ,MAAM8B,mBAAmBD,EAAAA,GAE1C,CAEAE,oBAAAA,GACQ3B,KAAKR,oBAAoBQ,KAAKR,mBAAmBoC,SACrDf,OAAOS,oBAAoB,UAAWtB,KAAKT,sBAC/C,CAEAsC,MAAAA,EAAOC,iBAAEA,EAAgBC,gBAAEA,EAAeC,aAAEA,IAAgB5B,qBAAEA,IAC1D,OACI6B,EAACC,MAAAA,CAAIC,UAAU,2CACVnC,KAAKJ,MAAMF,aAAeuC,EAACG,QAC5BH,EAACC,MAAAA,CAAIG,MAAO,CAAEC,QAAS,SACnBL,EAACM,EAAAA,CACGC,KAAMpD,EACNqD,SAAU,KACNV,EAAgB,CAAEW,cAAe,kBAAmBC,kBAAmB,GAAGC,+BAAyC,IAG3HX,EAACY,EAAAA,CACGL,KAAM,oBACNM,OAAQhB,EACRiB,OAAQ3D,EACR4D,UAAW,oBACXC,WAAY7C,EACZ4B,aAAcA,KAKlC"}

package/dist/es/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js

@@ -1,2 +1,2 @@
-import{Component as t,createElement as e}from"../../../../external/preact/dist/preact.js";import r from"./DoFingerprint3DS2.js";import{prepareFingerPrintData as n,createOldFingerprintResolveData as o,createFingerprintResolveData as i,handleErrorCode as s}from"../utils.js";import a,{ERROR as p}from"../../../../core/Errors/AdyenCheckoutError.js";import{THREEDS2_FINGERPRINT_ERROR as m,THREEDS2_FULL as c,THREEDS2_NUM as h}from"../../config.js";class l extends t{static type="scheme";static defaultProps={onComplete:()=>{},onError:()=>{},paymentData:"",showSpinner:!0,onActionHandled:()=>{}};constructor(t){super(t);const{token:e,notificationURL:r}=this.props;if(e){const t=n({token:e,notificationURL:r});this.state={status:"init",fingerPrintData:t}}else this.state={status:"error"},this.props.onError(new a(p,`${m}: Missing "token" property from 3DS2Fingerprint action`))}onActionHandled=t=>{this.props.onSubmitAnalytics({type:c,message:t.actionDescription}),this.props.onActionHandled(t)};onFormSubmit=t=>{this.props.onSubmitAnalytics({type:c,message:t})};componentDidMount(){if(!this.state.fingerPrintData||!this.state.fingerPrintData.threeDSMethodURL)return this.setStatusComplete({threeDSCompInd:"U"}),void console.debug("### PrepareFingerprint3DS2::exiting:: no fingerPrintData or no threeDSMethodURL");this.setState({status:"retrievingFingerPrint"})}setStatusComplete(t){this.setState({status:"complete"},(()=>{const e=(this.props.isMDFlow?o:i)(this.props.dataKey,t,this.props.paymentData),r={type:c,message:`${h} fingerprinting has completed`,metadata:{...t}};this.props.onSubmitAnalytics(r),this.props.onComplete(e)}))}render({showSpinner:t},{status:n,fingerPrintData:o}){return"retrievingFingerPrint"===n?e(r,{onCompleteFingerprint:t=>{this.setStatusComplete(t.result)},onErrorFingerprint:t=>{const e=s(t.errorCode);console.debug("### PrepareFingerprint3DS2::fingerprint timed-out:: errorCodeObject=",e),this.setStatusComplete(t.result)},showSpinner:t,...o,onActionHandled:this.onActionHandled,onFormSubmit:this.onFormSubmit}):null}}export{l as default};
+import{Component as e,createElement as t}from"../../../../external/preact/dist/preact.js";import o from"./DoFingerprint3DS2.js";import{prepareFingerPrintData as r,isErrorObject as s,createOldFingerprintResolveData as i,createFingerprintResolveData as n}from"../utils.js";import{isValidHttpUrl as a}from"../../../../utils/isValidURL.js";import{MISSING_TOKEN_IN_ACTION_MSG as p,THREEDS2_FINGERPRINT_ERROR as d,THREEDS2_FULL as m,TIMEOUT as c,THREEDS2_ERROR as l,THREEDS2_NUM as S,THREEDS2_FINGERPRINT as h}from"../../constants.js";import{Analytics3DS2Errors as D,ANALYTICS_NETWORK_ERROR as g,ANALYTICS_API_ERROR as u}from"../../../../core/Analytics/constants.js";class f extends e{static type="scheme";static defaultProps={onComplete:()=>{},onError:()=>{},paymentData:"",showSpinner:!0,onActionHandled:()=>{},isMDFlow:!1};constructor(e){super(e);const{token:t,notificationURL:o}=this.props;if(t){const e=r({token:t,notificationURL:o});this.state={status:"init",fingerPrintData:e}}else this.state={fingerPrintData:{success:!1,error:p}},console.debug(`${d}: ${p}`)}onActionHandled=e=>{this.props.onSubmitAnalytics({type:m,message:e.actionDescription}),this.props.onActionHandled(e)};onFormSubmit=e=>{this.props.onSubmitAnalytics({type:m,message:e})};componentDidMount(){if(!s(this.state.fingerPrintData)){const e=!1,{threeDSMethodURL:t,threeDSMethodNotificationURL:o,postMessageDomain:r,threeDSServerTransID:s}=this.state.fingerPrintData;if(!a(t,e))return this.setStatusComplete({threeDSCompInd:"U"},{errorCode:D.TOKEN_IS_MISSING_THREEDSMETHODURL,message:`${d}: Decoded token is missing a valid threeDSMethodURL property`}),void console.debug("### PrepareFingerprint3DS2::exiting:: no valid threeDSMethodURL");const i=a(o,e),n=a(r,e),p=s?.length;if(!i||!n||!p)return this.setStatusComplete({threeDSCompInd:"N"},{errorCode:D.TOKEN_IS_MISSING_OTHER_PROPS,message:`${d}: Decoded token is missing one or more of the following properties (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)`}),void console.debug("### PrepareFingerprint3DS2::exiting:: Decoded token is missing one or more of the following properties (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)");this.setState({status:"retrievingFingerPrint"})}else{const e=this.state.fingerPrintData.error,t=e.indexOf(p)>-1?D.ACTION_IS_MISSING_TOKEN:D.TOKEN_DECODE_OR_PARSING_FAILED;this.setStatusComplete({threeDSCompInd:"N"},{errorCode:t,message:`${d}: ${e}`}),console.debug("### PrepareFingerprint3DS2:: token does not exist or could not be base64 decoded &/or JSON.parsed")}}setStatusComplete(e,t=null){this.setState({status:"complete"},(()=>{const o=(this.props.isMDFlow?i:n)(this.props.dataKey,e,this.props.paymentData);let r;const s=t||e;if(s.errorCode){const e={code:s.errorCode===c?D.THREEDS2_TIMEOUT:s.errorCode,errorType:s.errorCode===c?g:u};r={type:l,message:s.message,...e},this.props.onSubmitAnalytics(r)}r={type:m,message:`${S} fingerprinting has completed`,metadata:{...e}},this.props.onSubmitAnalytics(r),this.props.onComplete(o)}))}render({showSpinner:e},{status:r,fingerPrintData:s}){return"retrievingFingerPrint"===r?t(o,{onCompleteFingerprint:e=>{this.setStatusComplete(e.result)},onErrorFingerprint:e=>{const t={errorCode:e.errorCode,message:`${h}: ${e.errorCode}`};this.setStatusComplete(e.result,t)},showSpinner:e,...s,onActionHandled:this.onActionHandled,onFormSubmit:this.onFormSubmit}):null}}export{f as default};
 //# sourceMappingURL=PrepareFingerprint3DS2.js.map

package/dist/es/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrepareFingerprint3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport DoFingerprint3DS2 from './DoFingerprint3DS2';\nimport { createFingerprintResolveData, createOldFingerprintResolveData, handleErrorCode, prepareFingerPrintData } from '../utils';\nimport { PrepareFingerprint3DS2Props, PrepareFingerprint3DS2State } from './types';\nimport { FingerPrintData, ResultObject } from '../../types';\nimport { ErrorObject } from '../../../../core/Errors/types';\nimport AdyenCheckoutError, { ERROR } from '../../../../core/Errors/AdyenCheckoutError';\nimport { THREEDS2_FINGERPRINT_ERROR } from '../../config';\nimport { ActionHandledReturnObject } from '../../../../types/global-types';\nimport { THREEDS2_FULL, THREEDS2_NUM } from '../../config';\nimport { SendAnalyticsObject } from '../../../../core/Analytics/types';\n\nclass PrepareFingerprint3DS2 extends Component<PrepareFingerprint3DS2Props, PrepareFingerprint3DS2State> {\n    public static type = 'scheme';\n\n    public static defaultProps = {\n        onComplete: () => {},\n        onError: () => {},\n        paymentData: '',\n        showSpinner: true,\n        onActionHandled: () => {}\n    };\n\n    constructor(props) {\n        super(props);\n\n        const { token, notificationURL } = this.props; // See comments on prepareFingerPrintData regarding notificationURL\n\n        if (token) {\n            const fingerPrintData: FingerPrintData | ErrorObject = prepareFingerPrintData({ token, notificationURL });\n\n            this.state = {\n                status: 'init',\n                fingerPrintData\n            };\n        } else {\n            this.state = { status: 'error' };\n            // TODO - confirm that we should do this, or is it possible to proceed to the challenge anyway?\n            //  ...in which case we should console.debug the error object and then call: this.setStatusComplete({ threeDSCompInd: 'N' });\n            this.props.onError(new AdyenCheckoutError(ERROR, `${THREEDS2_FINGERPRINT_ERROR}: Missing \"token\" property from 3DS2Fingerprint action`));\n        }\n    }\n\n    public onActionHandled = (rtnObj: ActionHandledReturnObject) => {\n        // Leads to an \"iframe loaded\" log action\n        this.props.onSubmitAnalytics({ type: THREEDS2_FULL, message: rtnObj.actionDescription });\n        this.props.onActionHandled(rtnObj);\n    };\n\n    public onFormSubmit = (msg: string) => {\n        this.props.onSubmitAnalytics({\n            type: THREEDS2_FULL,\n            message: msg\n        });\n    };\n\n    componentDidMount() {\n        // If no fingerPrintData or no threeDSMethodURL - don't render component. Instead exit with threeDSCompInd: 'U'\n        if (!this.state.fingerPrintData || !(this.state.fingerPrintData as FingerPrintData).threeDSMethodURL) {\n            this.setStatusComplete({ threeDSCompInd: 'U' });\n            console.debug('### PrepareFingerprint3DS2::exiting:: no fingerPrintData or no threeDSMethodURL');\n            return;\n        }\n\n        // Render\n        this.setState({ status: 'retrievingFingerPrint' });\n    }\n\n    setStatusComplete(resultObj: ResultObject) {\n        this.setState({ status: 'complete' }, () => {\n            /**\n             * Create the data in the way that the /details endpoint expects.\n             *  This is different for the flow triggered by the threeds2InMDFlow process than for the new, v67, 'threeDS2' action\n             */\n            const resolveDataFunction = this.props.isMDFlow ? createOldFingerprintResolveData : createFingerprintResolveData;\n            const data = resolveDataFunction(this.props.dataKey, resultObj, this.props.paymentData);\n\n            /** The fingerprint process is completed, one way or another */\n            const analyticsObject: SendAnalyticsObject = {\n                type: THREEDS2_FULL,\n                message: `${THREEDS2_NUM} fingerprinting has completed`,\n                metadata: { ...resultObj }\n            };\n\n            // Send log to analytics endpoint\n            this.props.onSubmitAnalytics(analyticsObject);\n\n            /**\n             * For 'threeDS2' action = call to callSubmit3DS2Fingerprint\n             * For 'threeDS2Fingerprint' action = equals call to onAdditionalDetails (except for in 3DS2InMDFlow)\n             */\n            this.props.onComplete(data);\n        });\n    }\n\n    render({ showSpinner }, { status, fingerPrintData }) {\n        if (status === 'retrievingFingerPrint') {\n            return (\n                <DoFingerprint3DS2\n                    onCompleteFingerprint={fingerprint => {\n                        this.setStatusComplete(fingerprint.result);\n                    }}\n                    onErrorFingerprint={fingerprint => {\n                        /**\n                         * Called when fingerprint times-out (which is still a valid scenario)...\n                         */\n                        const errorCodeObject = handleErrorCode(fingerprint.errorCode);\n                        console.debug('### PrepareFingerprint3DS2::fingerprint timed-out:: errorCodeObject=', errorCodeObject);\n                        this.setStatusComplete(fingerprint.result);\n                    }}\n                    showSpinner={showSpinner}\n                    {...fingerPrintData}\n                    onActionHandled={this.onActionHandled}\n                    onFormSubmit={this.onFormSubmit}\n                />\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default PrepareFingerprint3DS2;\n"],"names":["PrepareFingerprint3DS2","Component","static","onComplete","onError","paymentData","showSpinner","onActionHandled","constructor","props","super","token","notificationURL","this","fingerPrintData","prepareFingerPrintData","state","status","AdyenCheckoutError","ERROR","THREEDS2_FINGERPRINT_ERROR","rtnObj","onSubmitAnalytics","type","THREEDS2_FULL","message","actionDescription","onFormSubmit","msg","componentDidMount","threeDSMethodURL","setStatusComplete","threeDSCompInd","console","debug","setState","resultObj","data","isMDFlow","createOldFingerprintResolveData","createFingerprintResolveData","dataKey","analyticsObject","THREEDS2_NUM","metadata","render","h","DoFingerprint3DS2","onCompleteFingerprint","fingerprint","result","onErrorFingerprint","errorCodeObject","handleErrorCode","errorCode"],"mappings":"4bAYA,MAAMA,UAA+BC,EACjCC,YAAqB,SAErBA,oBAA6B,CACzBC,WAAY,OACZC,QAAS,OACTC,YAAa,GACbC,aAAa,EACbC,gBAAiB,QAGrBC,WAAAA,CAAYC,GACRC,MAAMD,GAEN,MAAME,MAAEA,EAAKC,gBAAEA,GAAoBC,KAAKJ,MAExC,GAAIE,EAAO,CACP,MAAMG,EAAiDC,EAAuB,CAAEJ,QAAOC,oBAEvFC,KAAKG,MAAQ,CACTC,OAAQ,OACRH,wBAGJD,KAAKG,MAAQ,CAAEC,OAAQ,SAGvBJ,KAAKJ,MAAML,QAAQ,IAAIc,EAAmBC,EAAO,GAAGC,2DAE5D,CAEOb,gBAAmBc,IAEtBR,KAAKJ,MAAMa,kBAAkB,CAAEC,KAAMC,EAAeC,QAASJ,EAAOK,oBACpEb,KAAKJ,MAAMF,gBAAgBc,EAAAA,EAGxBM,aAAgBC,IACnBf,KAAKJ,MAAMa,kBAAkB,CACzBC,KAAMC,EACNC,QAASG,GACb,EAGJC,iBAAAA,GAEI,IAAKhB,KAAKG,MAAMF,kBAAoBD,KAAMG,MAAMF,gBAAoCgB,iBAGhF,OAFAjB,KAAKkB,kBAAkB,CAAEC,eAAgB,WACzCC,QAAQC,MAAM,mFAKlBrB,KAAKsB,SAAS,CAAElB,OAAQ,yBAC5B,CAEAc,iBAAAA,CAAkBK,GACdvB,KAAKsB,SAAS,CAAElB,OAAQ,aAAc,KAKlC,MACMoB,GADsBxB,KAAKJ,MAAM6B,SAAWC,EAAkCC,GACnD3B,KAAKJ,MAAMgC,QAASL,EAAWvB,KAAKJ,MAAMJ,aAGrEqC,EAAuC,CACzCnB,KAAMC,EACNC,QAAS,GAAGkB,iCACZC,SAAU,IAAKR,IAInBvB,KAAKJ,MAAMa,kBAAkBoB,GAM7B7B,KAAKJ,MAAMN,WAAWkC,EAAAA,GAE9B,CAEAQ,MAAAA,EAAOvC,YAAEA,IAAeW,OAAEA,EAAMH,gBAAEA,IAC9B,MAAe,0BAAXG,EAEI6B,EAACC,EAAAA,CACGC,sBAAuBC,IACnBpC,KAAKkB,kBAAkBkB,EAAYC,OAAM,EAE7CC,mBAAoBF,IAIhB,MAAMG,EAAkBC,EAAgBJ,EAAYK,WACpDrB,QAAQC,MAAM,uEAAwEkB,GACtFvC,KAAKkB,kBAAkBkB,EAAYC,OAAM,EAE7C5C,YAAaA,KACTQ,EACJP,gBAAiBM,KAAKN,gBACtBoB,aAAcd,KAAKc,eAKxB,IACX"}
+{"version":3,"file":"PrepareFingerprint3DS2.js","sources":["../../../../../../src/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport DoFingerprint3DS2 from './DoFingerprint3DS2';\nimport { createFingerprintResolveData, createOldFingerprintResolveData, isErrorObject, prepareFingerPrintData } from '../utils';\nimport { PrepareFingerprint3DS2Props, PrepareFingerprint3DS2State } from './types';\nimport { FingerPrintData, ResultObject, ErrorCodeObject } from '../../types';\nimport { ErrorObject } from '../../../../core/Errors/types';\nimport { ActionHandledReturnObject } from '../../../../types/global-types';\nimport { SendAnalyticsObject } from '../../../../core/Analytics/types';\nimport { isValidHttpUrl } from '../../../../utils/isValidURL';\nimport {\n    THREEDS2_FULL,\n    THREEDS2_FINGERPRINT,\n    THREEDS2_FINGERPRINT_ERROR,\n    THREEDS2_NUM,\n    MISSING_TOKEN_IN_ACTION_MSG,\n    THREEDS2_ERROR,\n    TIMEOUT\n} from '../../constants';\nimport { ANALYTICS_API_ERROR, Analytics3DS2Errors, ANALYTICS_NETWORK_ERROR } from '../../../../core/Analytics/constants';\n\nclass PrepareFingerprint3DS2 extends Component<PrepareFingerprint3DS2Props, PrepareFingerprint3DS2State> {\n    public static type = 'scheme';\n\n    public static defaultProps = {\n        onComplete: () => {},\n        onError: () => {},\n        paymentData: '',\n        showSpinner: true,\n        onActionHandled: () => {},\n        isMDFlow: false\n    };\n\n    constructor(props) {\n        super(props);\n\n        const { token, notificationURL } = this.props; // See comments on prepareFingerPrintData regarding notificationURL\n\n        if (token) {\n            const fingerPrintData: FingerPrintData | ErrorObject = prepareFingerPrintData({ token, notificationURL });\n\n            this.state = {\n                status: 'init',\n                fingerPrintData: fingerPrintData as FingerPrintData\n            };\n        } else {\n            // Will be picked up in componentDidMount\n            this.state = { fingerPrintData: { success: false, error: MISSING_TOKEN_IN_ACTION_MSG } };\n\n            console.debug(`${THREEDS2_FINGERPRINT_ERROR}: ${MISSING_TOKEN_IN_ACTION_MSG}`);\n        }\n    }\n\n    public onActionHandled = (rtnObj: ActionHandledReturnObject) => {\n        // Leads to an \"iframe loaded\" log action\n        this.props.onSubmitAnalytics({ type: THREEDS2_FULL, message: rtnObj.actionDescription });\n        this.props.onActionHandled(rtnObj);\n    };\n\n    public onFormSubmit = (msg: string) => {\n        this.props.onSubmitAnalytics({\n            type: THREEDS2_FULL,\n            message: msg\n        });\n    };\n\n    componentDidMount() {\n        const hasFingerPrintData = !isErrorObject(this.state.fingerPrintData);\n\n        if (hasFingerPrintData) {\n            const shouldAllowHttpDomains = process.env.NODE_ENV === 'development' && process.env.__CLIENT_ENV__?.indexOf('localhost:8080') > -1; // allow http urls if in development and testing against localhost:8080\n\n            /**\n             * Check the structure of the created fingerPrintData\n             */\n            const { threeDSMethodURL, threeDSMethodNotificationURL, postMessageDomain, threeDSServerTransID } = this.state\n                .fingerPrintData as FingerPrintData;\n\n            const hasValid3DSMethodURL = isValidHttpUrl(threeDSMethodURL, shouldAllowHttpDomains);\n\n            // Only render component if we have a threeDSMethodURL. Otherwise, exit with threeDSCompInd: 'U'\n            if (!hasValid3DSMethodURL) {\n                this.setStatusComplete(\n                    { threeDSCompInd: 'U' },\n                    {\n                        errorCode: Analytics3DS2Errors.TOKEN_IS_MISSING_THREEDSMETHODURL,\n                        message: `${THREEDS2_FINGERPRINT_ERROR}: Decoded token is missing a valid threeDSMethodURL property`\n                    }\n                );\n\n                /**\n                 * NOTE: we can now use this.props.isMDFlow to decide if we want to send any of these errors to the onError handler\n                 *  - this is problematic in the regular flow since merchants tend to treat any calls to their onError handler as 'fatal',\n                 *   but in the MDFlow we control what the onError handler does.\n                 */\n                // if (this.props.isMDFlow) {}\n\n                console.debug('### PrepareFingerprint3DS2::exiting:: no valid threeDSMethodURL');\n                return;\n            }\n\n            const hasValid3DSMethodNotificationURL = isValidHttpUrl(threeDSMethodNotificationURL, shouldAllowHttpDomains);\n            const hasValidPostMessageDomain = isValidHttpUrl(postMessageDomain, shouldAllowHttpDomains);\n            const hasTransServerID = threeDSServerTransID?.length;\n\n            if (!hasValid3DSMethodNotificationURL || !hasValidPostMessageDomain || !hasTransServerID) {\n                /**\n                 * NOTE: EMVCo_3DS_CoreSpec_v2.3.1_20220831.pdf states that we should return: threeDSCompInd: 'N'\n                 * when the fingerprinting process \"Did not run or did not successfully complete\"\n                 */\n                this.setStatusComplete(\n                    { threeDSCompInd: 'N' },\n                    {\n                        errorCode: Analytics3DS2Errors.TOKEN_IS_MISSING_OTHER_PROPS,\n                        message: `${THREEDS2_FINGERPRINT_ERROR}: Decoded token is missing one or more of the following properties (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)`\n                    }\n                );\n\n                console.debug(\n                    '### PrepareFingerprint3DS2::exiting:: Decoded token is missing one or more of the following properties (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)'\n                );\n\n                return;\n            }\n\n            // Proceed to allow component to render\n            this.setState({ status: 'retrievingFingerPrint' });\n            //\n        } else {\n            // Only render component if we have fingerPrintData. Otherwise, complete with threeDSCompInd: 'N'\n\n            const errorMsg: string = (this.state.fingerPrintData as ErrorObject).error;\n\n            const errorCode =\n                errorMsg.indexOf(MISSING_TOKEN_IN_ACTION_MSG) > -1\n                    ? Analytics3DS2Errors.ACTION_IS_MISSING_TOKEN\n                    : Analytics3DS2Errors.TOKEN_DECODE_OR_PARSING_FAILED;\n\n            this.setStatusComplete(\n                { threeDSCompInd: 'N' },\n                {\n                    errorCode,\n                    message: `${THREEDS2_FINGERPRINT_ERROR}: ${errorMsg}` // can be: 'Missing \"token\" property from threeDS2 action', 'not base64', 'malformed URI sequence' or 'Could not JSON parse token'\n                }\n            );\n\n            console.debug('### PrepareFingerprint3DS2:: token does not exist or could not be base64 decoded &/or JSON.parsed');\n        }\n    }\n\n    setStatusComplete(resultObj: ResultObject, errorCodeObject: ErrorCodeObject = null) {\n        this.setState({ status: 'complete' }, () => {\n            /**\n             * Create the data in the way that the /details endpoint expects.\n             *  This is different for the flow triggered by the threeds2InMDFlow process than for the new, v67, 'threeDS2' action\n             */\n            const resolveDataFunction = this.props.isMDFlow ? createOldFingerprintResolveData : createFingerprintResolveData;\n            const data = resolveDataFunction(this.props.dataKey, resultObj, this.props.paymentData);\n\n            let analyticsObject: SendAnalyticsObject;\n\n            /** Are we in an error scenario? If so, submit analytics about it */\n            const finalResObject = errorCodeObject ? errorCodeObject : resultObj;\n            if (finalResObject.errorCode) {\n                const errorTypeAndCode = {\n                    code: finalResObject.errorCode === TIMEOUT ? Analytics3DS2Errors.THREEDS2_TIMEOUT : finalResObject.errorCode,\n                    errorType: finalResObject.errorCode === TIMEOUT ? ANALYTICS_NETWORK_ERROR : ANALYTICS_API_ERROR // TODO - for a timeout is this really a Network error? Or is it a \"ThirdParty\" error i.e. the ACS has had a problem serving the fingerprinting page in a timely manner?\n                };\n\n                /**\n                 * Timeout or data parsing problems:\n                 *\n                 * (threeDSCompInd:\"U\"):\n                 *   - Decoded token is missing a valid threeDSMethodURL property,\n                 *  or, (threeDSCompInd:\"N\"):\n                 *   - Fingerprint process has timed out, // TODO - do we want to know about this timeout event (which is a \"valid\" 3DS2 scenario) from an analytics perspective, and, if so, how do we classify it? ...error? info?\n                 *  also, (threeDSCompInd:\"N\"):\n                 *   - Missing \"token\" property from threeDS2 action\n                 *   - or, decoded token is missing one or more of the following properties (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)\n                 *   - or, token could not be base64 decoded &/or JSON.parsed\n                 */\n                analyticsObject = {\n                    type: THREEDS2_ERROR,\n                    message: (finalResObject as ErrorCodeObject).message,\n                    ...errorTypeAndCode\n                };\n\n                // Send error to analytics endpoint\n                this.props.onSubmitAnalytics(analyticsObject);\n            }\n\n            /**\n             * The fingerprint process is completed, one way or another.\n             * The resultObj will be {threeDSCompInd:\"Y\"} in the case of success,\n             * else {threeDSCompInd:\"U\"} or {threeDSCompInd:\"N\"} - if we've had some kind of timeout or data parsing problem (as described above)\n             */\n            analyticsObject = {\n                type: THREEDS2_FULL,\n                message: `${THREEDS2_NUM} fingerprinting has completed`,\n                metadata: { ...resultObj }\n            };\n\n            // Send log to analytics endpoint\n            this.props.onSubmitAnalytics(analyticsObject);\n\n            /**\n             * Equals call to callSubmit3DS2Fingerprint (except for in 3DS2InMDFlow)\n             */\n            this.props.onComplete(data);\n        });\n    }\n\n    render({ showSpinner }, { status, fingerPrintData }) {\n        if (status === 'retrievingFingerPrint') {\n            return (\n                <DoFingerprint3DS2\n                    onCompleteFingerprint={fingerprint => {\n                        this.setStatusComplete(fingerprint.result);\n                    }}\n                    onErrorFingerprint={fingerprint => {\n                        /**\n                         * Called when fingerprint times-out (which is still a valid scenario)...\n                         */\n                        const timeoutObject: ErrorCodeObject = {\n                            errorCode: fingerprint.errorCode, // 'timeout'\n                            message: `${THREEDS2_FINGERPRINT}: ${fingerprint.errorCode}`\n                        };\n\n                        this.setStatusComplete(fingerprint.result, timeoutObject); // fingerprint.result = threeDSCompInd: 'N'\n                    }}\n                    showSpinner={showSpinner}\n                    {...fingerPrintData}\n                    onActionHandled={this.onActionHandled}\n                    onFormSubmit={this.onFormSubmit}\n                />\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default PrepareFingerprint3DS2;\n"],"names":["PrepareFingerprint3DS2","Component","static","onComplete","onError","paymentData","showSpinner","onActionHandled","isMDFlow","constructor","props","super","token","notificationURL","this","fingerPrintData","prepareFingerPrintData","state","status","success","error","MISSING_TOKEN_IN_ACTION_MSG","console","debug","THREEDS2_FINGERPRINT_ERROR","rtnObj","onSubmitAnalytics","type","THREEDS2_FULL","message","actionDescription","onFormSubmit","msg","componentDidMount","isErrorObject","shouldAllowHttpDomains","threeDSMethodURL","threeDSMethodNotificationURL","postMessageDomain","threeDSServerTransID","isValidHttpUrl","setStatusComplete","threeDSCompInd","errorCode","Analytics3DS2Errors","TOKEN_IS_MISSING_THREEDSMETHODURL","hasValid3DSMethodNotificationURL","hasValidPostMessageDomain","hasTransServerID","length","TOKEN_IS_MISSING_OTHER_PROPS","setState","errorMsg","indexOf","ACTION_IS_MISSING_TOKEN","TOKEN_DECODE_OR_PARSING_FAILED","resultObj","errorCodeObject","data","createOldFingerprintResolveData","createFingerprintResolveData","dataKey","analyticsObject","finalResObject","errorTypeAndCode","code","TIMEOUT","THREEDS2_TIMEOUT","errorType","ANALYTICS_NETWORK_ERROR","ANALYTICS_API_ERROR","THREEDS2_ERROR","THREEDS2_NUM","metadata","render","h","DoFingerprint3DS2","onCompleteFingerprint","fingerprint","result","onErrorFingerprint","timeoutObject","THREEDS2_FINGERPRINT"],"mappings":"qpBAoBA,MAAMA,UAA+BC,EACjCC,YAAqB,SAErBA,oBAA6B,CACzBC,WAAY,OACZC,QAAS,OACTC,YAAa,GACbC,aAAa,EACbC,gBAAiB,OACjBC,UAAU,GAGdC,WAAAA,CAAYC,GACRC,MAAMD,GAEN,MAAME,MAAEA,EAAKC,gBAAEA,GAAoBC,KAAKJ,MAExC,GAAIE,EAAO,CACP,MAAMG,EAAiDC,EAAuB,CAAEJ,QAAOC,oBAEvFC,KAAKG,MAAQ,CACTC,OAAQ,OACRH,gBAAiBA,QAIrBD,KAAKG,MAAQ,CAAEF,gBAAiB,CAAEI,SAAS,EAAOC,MAAOC,IAEzDC,QAAQC,MAAM,GAAGC,MAA+BH,IAExD,CAEOd,gBAAmBkB,IAEtBX,KAAKJ,MAAMgB,kBAAkB,CAAEC,KAAMC,EAAeC,QAASJ,EAAOK,oBACpEhB,KAAKJ,MAAMH,gBAAgBkB,EAAAA,EAGxBM,aAAgBC,IACnBlB,KAAKJ,MAAMgB,kBAAkB,CACzBC,KAAMC,EACNC,QAASG,GACb,EAGJC,iBAAAA,GAGI,IAF4BC,EAAcpB,KAAKG,MAAMF,iBAE7B,CACpB,MAAMoB,GAAyB,GAKzBC,iBAAEA,EAAgBC,6BAAEA,EAA4BC,kBAAEA,EAAiBC,qBAAEA,GAAyBzB,KAAKG,MACpGF,gBAKL,IAH6ByB,EAAeJ,EAAkBD,GAoB1D,OAhBArB,KAAK2B,kBACD,CAAEC,eAAgB,KAClB,CACIC,UAAWC,EAAoBC,kCAC/BhB,QAAS,GAAGL,uEAWpBF,QAAQC,MAAM,mEAIlB,MAAMuB,EAAmCN,EAAeH,EAA8BF,GAChFY,EAA4BP,EAAeF,EAAmBH,GAC9Da,EAAmBT,GAAsBU,OAE/C,IAAKH,IAAqCC,IAA8BC,EAiBpE,OAZAlC,KAAK2B,kBACD,CAAEC,eAAgB,KAClB,CACIC,UAAWC,EAAoBM,6BAC/BrB,QAAS,GAAGL,uJAIpBF,QAAQC,MACJ,oLAORT,KAAKqC,SAAS,CAAEjC,OAAQ,8BAErB,CAGH,MAAMkC,EAAmBtC,KAAMG,MAAMF,gBAAgCK,MAE/DuB,EACFS,EAASC,QAAQhC,IAAgC,EAC3CuB,EAAoBU,wBACpBV,EAAoBW,+BAE9BzC,KAAK2B,kBACD,CAAEC,eAAgB,KAClB,CACIC,YACAd,QAAS,GAAGL,MAA+B4B,MAInD9B,QAAQC,MAAM,oGAClB,CACJ,CAEAkB,iBAAAA,CAAkBe,EAAyBC,EAAmC,MAC1E3C,KAAKqC,SAAS,CAAEjC,OAAQ,aAAc,KAKlC,MACMwC,GADsB5C,KAAKJ,MAAMF,SAAWmD,EAAkCC,GACnD9C,KAAKJ,MAAMmD,QAASL,EAAW1C,KAAKJ,MAAML,aAE3E,IAAIyD,EAGJ,MAAMC,EAAiBN,GAAoCD,EAC3D,GAAIO,EAAepB,UAAW,CAC1B,MAAMqB,EAAmB,CACrBC,KAAMF,EAAepB,YAAcuB,EAAUtB,EAAoBuB,iBAAmBJ,EAAepB,UACnGyB,UAAWL,EAAepB,YAAcuB,EAAUG,EAA0BC,GAehFR,EAAkB,CACdnC,KAAM4C,EACN1C,QAAUkC,EAAmClC,WAC1CmC,GAIPlD,KAAKJ,MAAMgB,kBAAkBoC,EACjC,CAOAA,EAAkB,CACdnC,KAAMC,EACNC,QAAS,GAAG2C,iCACZC,SAAU,IAAKjB,IAInB1C,KAAKJ,MAAMgB,kBAAkBoC,GAK7BhD,KAAKJ,MAAMP,WAAWuD,EAAAA,GAE9B,CAEAgB,MAAAA,EAAOpE,YAAEA,IAAeY,OAAEA,EAAMH,gBAAEA,IAC9B,MAAe,0BAAXG,EAEIyD,EAACC,EAAAA,CACGC,sBAAuBC,IACnBhE,KAAK2B,kBAAkBqC,EAAYC,OAAM,EAE7CC,mBAAoBF,IAIhB,MAAMG,EAAiC,CACnCtC,UAAWmC,EAAYnC,UACvBd,QAAS,GAAGqD,MAAyBJ,EAAYnC,aAGrD7B,KAAK2B,kBAAkBqC,EAAYC,OAAQE,IAE/C3E,YAAaA,KACTS,EACJR,gBAAiBO,KAAKP,gBACtBwB,aAAcjB,KAAKiB,eAKxB,IACX"}

package/dist/es/components/ThreeDS2/components/utils.js

@@ -1,2 +1,2 @@
-import{CHALLENGE_WINDOW_SIZES as e,DEFAULT_CHALLENGE_WINDOW_SIZE as t,ERROR_MESSAGES as r,ERRORS as s}from"../config.js";import{getOrigin as n}from"../../../utils/getOrigin.js";import a from"../../../utils/base64.js";import{pick as o}from"../../internal/SecuredFields/utils.js";const i=e=>"success"in e&&!e.success,c=e=>{const t=a.decode(e);if(t.success)try{return JSON.parse(t.data)}catch(e){return{success:!1,error:"Could not JSON parse token"}}return t},d=e=>{if(!e||!Object.keys(e).length)throw new Error("No (populated) data object to encode");return a.encode(JSON.stringify(e))},u=r=>{const s=1===r.length?`0${r}`:r;return Object.prototype.hasOwnProperty.call(e,s)?s:t},l=t=>e[u(t)],p=({token:e,size:t})=>{const r=c(e);if(i(r))return r;const{acsTransID:s,acsURL:a,messageVersion:o,threeDSNotificationURL:d,threeDSServerTransID:p}=r,h=n(d);return{acsURL:a,cReqData:{acsTransID:s,messageVersion:o,threeDSServerTransID:p,messageType:"CReq",challengeWindowSize:u(t)},iframeSizeArr:l(t),postMessageDomain:h}},h=({token:e,notificationURL:t})=>{const r=c(e);if(i(r))return r;const{threeDSMethodNotificationURL:s,threeDSMethodUrl:a,threeDSServerTransID:o}=r,d=t||s;return{threeDSServerTransID:o,threeDSMethodURL:a,threeDSMethodNotificationURL:d,postMessageDomain:n(d)}},m=(e,t,r)=>({data:{[e]:d({threeDSCompInd:t.threeDSCompInd}),paymentData:r}}),D=(e,t,r)=>({data:{details:{"threeds2.fingerprint":d(t)},paymentData:r}}),S=(e,t,r)=>({data:{details:{[e]:d({transStatus:t,authorisationToken:r})}}}),f=(e,t,r)=>({data:{details:{"threeds2.challengeResult":d({transStatus:t})},paymentData:r}}),g=(e,t)=>{const n=r[s.UNKNOWN];return{errorCode:e,message:r[e]||t||n}},R=e=>{let t=window.btoa(e).split("=")[0];return t=t.replace(/\+/g,"-"),t=t.replace(/\//g,"_"),t},y=["elementRef"],N=["createFromAction","onAdditionalDetails"],T=(e,t)=>{if("fingerprint"===e){const e=t.elementRef?y:N,r=o(e).from(t);return r.showSpinner=!t.isDropin,r.statusType="loading",r}return{statusType:"custom",i18n:t.i18n}};export{S as createChallengeResolveData,m as createFingerprintResolveData,f as createOldChallengeResolveData,D as createOldFingerprintResolveData,c as decodeAndParseToken,R as encodeBase64URL,d as encodeObject,T as get3DS2FlowProps,l as getChallengeWindowSize,g as handleErrorCode,i as isErrorObject,p as prepareChallengeData,h as prepareFingerPrintData,u as validateChallengeWindowSize};
+import{CHALLENGE_WINDOW_SIZES as e,DEFAULT_CHALLENGE_WINDOW_SIZE as t}from"../constants.js";import{getOrigin as r}from"../../../utils/getOrigin.js";import s from"../../../utils/base64.js";import{pick as n}from"../../internal/SecuredFields/utils.js";const a=e=>"success"in e&&!e.success,o=e=>{const t=s.decode(e);if(t.success)try{return JSON.parse(t.data)}catch(e){return{success:!1,error:"Could not JSON parse token"}}return t},i=e=>{if(!e||!Object.keys(e).length)throw new Error("No (populated) data object to encode");return s.encode(JSON.stringify(e))},c=r=>{const s=1===r.length?`0${r}`:r;return Object.prototype.hasOwnProperty.call(e,s)?s:t},d=t=>e[c(t)],l=({token:e,size:t})=>{const s=o(e);if(a(s))return s;const{acsTransID:n,acsURL:i,messageVersion:l,threeDSNotificationURL:p,threeDSServerTransID:u}=s,h=r(p);return{acsURL:i,cReqData:{acsTransID:n,messageVersion:l,threeDSServerTransID:u,messageType:"CReq",challengeWindowSize:c(t)},iframeSizeArr:d(t),postMessageDomain:h}},p=({token:e,notificationURL:t})=>{const s=o(e);if(a(s))return s;const{threeDSMethodNotificationURL:n,threeDSMethodUrl:i,threeDSServerTransID:c}=s,d=t||n;return{threeDSServerTransID:c,threeDSMethodURL:i,threeDSMethodNotificationURL:d,postMessageDomain:r(d)}},u=(e,t,r)=>({data:{[e]:i({threeDSCompInd:t.threeDSCompInd}),paymentData:r}}),h=(e,t,r)=>({data:{details:{"threeds2.fingerprint":i(t)},paymentData:r}}),D=(e,t,r)=>({data:{details:{[e]:i({transStatus:t,authorisationToken:r})}}}),m=(e,t,r)=>({data:{details:{"threeds2.challengeResult":i({transStatus:t})},paymentData:r}}),S=e=>{let t=window.btoa(e).split("=")[0];return t=t.replace(/\+/g,"-"),t=t.replace(/\//g,"_"),t},f=["elementRef"],g=["createFromAction","onAdditionalDetails"],R=(e,t)=>{if("fingerprint"===e){const e=t.elementRef?f:g,r=n(e).from(t);return r.showSpinner=!t.isDropin,r.statusType="loading",r}return{statusType:"custom",i18n:t.i18n}};export{D as createChallengeResolveData,u as createFingerprintResolveData,m as createOldChallengeResolveData,h as createOldFingerprintResolveData,o as decodeAndParseToken,S as encodeBase64URL,i as encodeObject,R as get3DS2FlowProps,d as getChallengeWindowSize,a as isErrorObject,l as prepareChallengeData,p as prepareFingerPrintData,c as validateChallengeWindowSize};
 //# sourceMappingURL=utils.js.map