@adyen/adyen-web 6.3.0 → 6.5.0

package/dist/es/components/RatePay/RatePayDirectDebit.js

@@ -1,2 +1,2 @@
-import t from"../helpers/OpenInvoiceContainer/OpenInvoiceContainer.js";import{ALLOWED_COUNTRIES as e}from"./config.js";import{TxVariants as o}from"../tx-variants.js";class r extends t{static type=o.ratepay_directdebit;formatProps(t){return{...super.formatProps({...t,visibility:{bankAccount:"editable"}}),allowedCountries:t.countryCode?[t.countryCode]:e}}}export{r as default};
+import e from"../helpers/OpenInvoiceContainer/OpenInvoiceContainer.js";import{ALLOWED_COUNTRIES as r}from"./config.js";import{TxVariants as t}from"../tx-variants.js";class o extends e{formatProps(e){return{...super.formatProps({...e,visibility:{bankAccount:"editable"}}),allowedCountries:e.countryCode?[e.countryCode]:r}}}var i,n,a;i=o,n="type",a=t.ratepay_directdebit,n in i?Object.defineProperty(i,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):i[n]=a;export{o as default};
 //# sourceMappingURL=RatePayDirectDebit.js.map

package/dist/es/components/RatePay/RatePayDirectDebit.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatePayDirectDebit.js","sources":["../../../../src/components/RatePay/RatePayDirectDebit.ts"],"sourcesContent":["import OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport { ALLOWED_COUNTRIES } from './config';\nimport { TxVariants } from '../tx-variants';\n\nexport default class RatePayDirectDebit extends OpenInvoiceContainer {\n    public static type = TxVariants.ratepay_directdebit;\n\n    formatProps(props) {\n        return {\n            ...super.formatProps({ ...props, ...{ visibility: { bankAccount: 'editable' } } }),\n            allowedCountries: props.countryCode ? [props.countryCode] : ALLOWED_COUNTRIES\n        };\n    }\n}\n"],"names":["RatePayDirectDebit","OpenInvoiceContainer","static","TxVariants","ratepay_directdebit","formatProps","props","super","visibility","bankAccount","allowedCountries","countryCode","ALLOWED_COUNTRIES"],"mappings":"sKAIe,MAAMA,UAA2BC,EAC5CC,YAAqBC,EAAWC,oBAEhCC,WAAAA,CAAYC,GACR,MAAO,IACAC,MAAMF,YAAY,IAAKC,EAAYE,WAAY,CAAEC,YAAa,cACjEC,iBAAkBJ,EAAMK,YAAc,CAACL,EAAMK,aAAeC,EAEpE"}
+{"version":3,"file":"RatePayDirectDebit.js","sources":["../../../../src/components/RatePay/RatePayDirectDebit.ts"],"sourcesContent":["import OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport { ALLOWED_COUNTRIES } from './config';\nimport { TxVariants } from '../tx-variants';\n\nexport default class RatePayDirectDebit extends OpenInvoiceContainer {\n    public static type = TxVariants.ratepay_directdebit;\n\n    formatProps(props) {\n        return {\n            ...super.formatProps({ ...props, ...{ visibility: { bankAccount: 'editable' } } }),\n            allowedCountries: props.countryCode ? [props.countryCode] : ALLOWED_COUNTRIES\n        };\n    }\n}\n"],"names":["RatePayDirectDebit","OpenInvoiceContainer","formatProps","props","super","visibility","bankAccount","allowedCountries","countryCode","ALLOWED_COUNTRIES","type","TxVariants","ratepay_directdebit"],"mappings":"sKAIe,MAAMA,UAA2BC,EAG5CC,WAAAA,CAAYC,GACR,MAAO,IACAC,MAAMF,YAAY,IAAKC,EAAYE,WAAY,CAAEC,YAAa,cACjEC,iBAAkBJ,EAAMK,YAAc,CAACL,EAAMK,aAAeC,EAEpE,cARiBT,IACHU,SAAOC,EAAWC"}

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{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,showPayButton:this.props.showPayButton,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 e}from"../internal/UIElement/UIElement.js";import{CoreProvider as r}from"../../core/Context/CoreProvider.js";import o from"./components/RedirectShopper/RedirectShopper.js";import s from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as n}from"../tx-variants.js";import i from"../../utils/browserInfo.js";function p(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}class a extends e{formatData(){return{paymentMethod:{type:this.type},browserInfo:this.browserInfo}}get isValid(){return!0}get browserInfo(){return i()}render(){return this.props.url&&this.props.method?t(o,{url:this.props.url,...this.props,onActionHandled:this.onActionHandled}):this.props.showPayButton?t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,{...this.props,showPayButton:this.props.showPayButton,name:this.displayName,onSubmit:this.submit,payButton:this.payButton,ref:t=>{this.componentRef=t}})):null}}p(a,"type",n.redirect),p(a,"defaultProps",{type:a.type});export{a 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                        showPayButton={this.props.showPayButton}\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,MACTK,cAAeV,KAAKK,MAAMK,cAC1BM,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} onActionHandled={this.onActionHandled} />;\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                        showPayButton={this.props.showPayButton}\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","formatData","paymentMethod","type","this","browserInfo","isValid","collectBrowserInfo","render","props","url","method","h","RedirectShopper","onActionHandled","showPayButton","CoreProvider","i18n","loadingContext","resources","RedirectButton","name","displayName","onSubmit","submit","payButton","ref","componentRef","_define_property","TxVariants","redirect","defaultProps"],"mappings":"khBASA,MAAMA,UAAwBC,EAO1BC,UAAAA,GACI,MAAO,CACHC,cAAe,CACXC,KAAMC,KAAKD,MAEfE,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,MAAOK,gBAAiBV,KAAKU,kBAGnFV,KAAKK,MAAMM,cAEPH,EAACI,EAAAA,CAAaC,KAAMb,KAAKK,MAAMQ,KAAMC,eAAgBd,KAAKK,MAAMS,eAAgBC,UAAWf,KAAKe,WAC5FP,EAACQ,EAAAA,IACOhB,KAAKK,MACTM,cAAeX,KAAKK,MAAMM,cAC1BM,KAAMjB,KAAKkB,YACXC,SAAUnB,KAAKoB,OACfC,UAAWrB,KAAKqB,UAChBC,IAAKA,IACDtB,KAAKuB,aAAeD,CAAAA,KAOjC,IACX,EA9CAE,EADE7B,EACYI,OAAO0B,EAAWC,UAEhCF,EAHE7B,EAGYgC,eAAe,CACzB5B,KAAMJ,EAAgBI"}

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

@@ -1,2 +1,2 @@
-import{Component as t,createElement as e}from"../../../../external/preact/dist/preact.js";import o from"../../../../utils/detectInIframeInSameOrigin.js";class r extends t{postForm;static defaultProps={beforeRedirect:t=>t(),method:"GET"};componentDidMount(){new Promise(((t,e)=>{this.props.beforeRedirect(t,e,{url:this.props.url,method:this.props.method,...this.props.data?{data:this.props.data}:{}})})).then((()=>{this.postForm?this.postForm.submit():this.props.redirectFromTopWhenInIframe&&o()?window.top.location.assign?.(this.props.url):window.location.assign(this.props.url)})).catch((()=>{}))}render({url:t,method:r,data:s={}}){return"POST"===r?e("form",{method:"post",action:t,style:{display:"none"},ref:t=>{this.postForm=t},...this.props.redirectFromTopWhenInIframe&&o()&&{target:"_top"}},Object.keys(s).map((t=>e("input",{type:"hidden",name:t,key:t,value:s[t]})))):null}}export{r as default};
+import{Component as t,createElement as e}from"../../../../external/preact/dist/preact.js";import o from"../../../../utils/detectInIframeInSameOrigin.js";function r(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}class s extends t{componentDidMount(){new Promise(((t,e)=>{this.props.beforeRedirect(t,e,{url:this.props.url,method:this.props.method,...this.props.data?{data:this.props.data}:{}})})).then((()=>{this.props.onActionHandled?.({componentType:this.props.paymentMethodType,actionDescription:"performing-redirect"}),this.postForm?this.postForm.submit():this.props.redirectFromTopWhenInIframe&&o()?window.top.location.assign?.(this.props.url):window.location.assign(this.props.url)})).catch((()=>{}))}render({url:t,method:r,data:s={}}){return"POST"===r?e("form",{method:"post",action:t,style:{display:"none"},ref:t=>{this.postForm=t},...this.props.redirectFromTopWhenInIframe&&o()&&{target:"_top"}},Object.keys(s).map((t=>e("input",{type:"hidden",name:t,key:t,value:s[t]})))):null}constructor(...t){super(...t),r(this,"postForm",void 0)}}r(s,"defaultProps",{beforeRedirect:t=>t(),method:"GET"});export{s as default};
 //# sourceMappingURL=RedirectShopper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RedirectShopper.js","sources":["../../../../../../src/components/Redirect/components/RedirectShopper/RedirectShopper.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport detectInIframeInSameOrigin from '../../../../utils/detectInIframeInSameOrigin';\n\ninterface RedirectShopperProps {\n    beforeRedirect: (resolve, reject, url) => Promise<void>;\n    url: string;\n    method: 'GET' | 'POST';\n    data?: any;\n    redirectFromTopWhenInIframe?: boolean;\n}\n\nclass RedirectShopper extends Component<RedirectShopperProps> {\n    private postForm;\n    public static defaultProps = {\n        beforeRedirect: resolve => resolve(),\n        method: 'GET'\n    };\n\n    componentDidMount() {\n        const doRedirect = () => {\n            if (this.postForm) {\n                this.postForm.submit();\n            } else {\n                if (this.props.redirectFromTopWhenInIframe && detectInIframeInSameOrigin()) {\n                    // if in an iframe and the config prop allows it - try to redirect from the top level window\n                    window.top.location.assign?.(this.props.url);\n                } else {\n                    window.location.assign(this.props.url);\n                }\n            }\n        };\n\n        const dispatchEvent = new Promise(\n            (resolve, reject) =>\n                void this.props.beforeRedirect(resolve, reject, {\n                    url: this.props.url,\n                    method: this.props.method,\n                    ...(this.props.data ? { data: this.props.data } : {})\n                })\n        );\n\n        dispatchEvent.then(doRedirect).catch(() => {});\n    }\n\n    render({ url, method, data = {} }) {\n        if (method === 'POST') {\n            return (\n                <form\n                    method=\"post\"\n                    action={url}\n                    style={{ display: 'none' }}\n                    ref={ref => {\n                        this.postForm = ref;\n                    }}\n                    {...(this.props.redirectFromTopWhenInIframe && detectInIframeInSameOrigin() && { target: '_top' })}\n                >\n                    {Object.keys(data).map(key => (\n                        <input type=\"hidden\" name={key} key={key} value={data[key]} />\n                    ))}\n                </form>\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default RedirectShopper;\n"],"names":["RedirectShopper","Component","postForm","static","beforeRedirect","resolve","method","componentDidMount","Promise","reject","this","props","url","data","then","submit","redirectFromTopWhenInIframe","detectInIframeInSameOrigin","window","top","location","assign","catch","render","h","form","action","style","display","ref","target","Object","keys","map","key","input","type","name","value"],"mappings":"yJAWA,MAAMA,UAAwBC,EAClBC,SACRC,oBAA6B,CACzBC,eAAgBC,GAAWA,IAC3BC,OAAQ,OAGZC,iBAAAA,GAc0B,IAAIC,SACtB,CAACH,EAASI,KACDC,KAAKC,MAAMP,eAAeC,EAASI,EAAQ,CAC5CG,IAAKF,KAAKC,MAAMC,IAChBN,OAAQI,KAAKC,MAAML,UACfI,KAAKC,MAAME,KAAO,CAAEA,KAAMH,KAAKC,MAAME,MAAS,CAAE,GACxD,IAGMC,MAtBK,KACXJ,KAAKR,SACLQ,KAAKR,SAASa,SAEVL,KAAKC,MAAMK,6BAA+BC,IAE1CC,OAAOC,IAAIC,SAASC,SAASX,KAAKC,MAAMC,KAExCM,OAAOE,SAASC,OAAOX,KAAKC,MAAMC,IAE1C,IAY2BU,OAAM,QACzC,CAEAC,MAAAA,EAAOX,IAAEA,EAAGN,OAAEA,EAAMO,KAAEA,EAAO,CAAE,IAC3B,MAAe,SAAXP,EAEIkB,EAACC,OAAAA,CACGnB,OAAO,OACPoB,OAAQd,EACRe,MAAO,CAAEC,QAAS,QAClBC,IAAKA,IACDnB,KAAKR,SAAW2B,CAAAA,KAEfnB,KAAKC,MAAMK,6BAA+BC,KAAgC,CAAEa,OAAQ,SAExFC,OAAOC,KAAKnB,GAAMoB,KAAIC,GACnBV,EAACW,QAAAA,CAAMC,KAAK,SAASC,KAAMH,EAAKA,IAAKA,EAAKI,MAAOzB,EAAKqB,QAM/D,IACX"}
+{"version":3,"file":"RedirectShopper.js","sources":["../../../../../../src/components/Redirect/components/RedirectShopper/RedirectShopper.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport detectInIframeInSameOrigin from '../../../../utils/detectInIframeInSameOrigin';\nimport { ActionHandledReturnObject } from '../../../../types/global-types';\n\ninterface RedirectShopperProps {\n    beforeRedirect: (resolve, reject, url) => Promise<void>;\n    url: string;\n    method: 'GET' | 'POST';\n    data?: any;\n    redirectFromTopWhenInIframe?: boolean;\n    paymentMethodType?: string;\n    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;\n}\n\nclass RedirectShopper extends Component<RedirectShopperProps> {\n    private postForm;\n    public static defaultProps = {\n        beforeRedirect: resolve => resolve(),\n        method: 'GET'\n    };\n\n    componentDidMount() {\n        const doRedirect = () => {\n            // call callback\n            this.props.onActionHandled?.({\n                componentType: this.props.paymentMethodType,\n                actionDescription: 'performing-redirect'\n            });\n\n            // perform redirect\n            if (this.postForm) {\n                this.postForm.submit();\n            } else {\n                if (this.props.redirectFromTopWhenInIframe && detectInIframeInSameOrigin()) {\n                    // if in an iframe and the config prop allows it - try to redirect from the top level window\n                    window.top.location.assign?.(this.props.url);\n                } else {\n                    window.location.assign(this.props.url);\n                }\n            }\n        };\n\n        const dispatchEvent = new Promise(\n            (resolve, reject) =>\n                void this.props.beforeRedirect(resolve, reject, {\n                    url: this.props.url,\n                    method: this.props.method,\n                    ...(this.props.data ? { data: this.props.data } : {})\n                })\n        );\n\n        dispatchEvent.then(doRedirect).catch(() => {});\n    }\n\n    render({ url, method, data = {} }) {\n        if (method === 'POST') {\n            return (\n                <form\n                    method=\"post\"\n                    action={url}\n                    style={{ display: 'none' }}\n                    ref={ref => {\n                        this.postForm = ref;\n                    }}\n                    {...(this.props.redirectFromTopWhenInIframe && detectInIframeInSameOrigin() && { target: '_top' })}\n                >\n                    {Object.keys(data).map(key => (\n                        <input type=\"hidden\" name={key} key={key} value={data[key]} />\n                    ))}\n                </form>\n            );\n        }\n\n        return null;\n    }\n}\n\nexport default RedirectShopper;\n"],"names":["RedirectShopper","Component","componentDidMount","Promise","resolve","reject","this","props","beforeRedirect","url","method","data","then","onActionHandled","componentType","paymentMethodType","actionDescription","postForm","submit","redirectFromTopWhenInIframe","detectInIframeInSameOrigin","window","top","location","assign","catch","render","h","form","action","style","display","ref","target","Object","keys","map","key","input","type","name","value","_define_property","defaultProps"],"mappings":"iRAcA,MAAMA,UAAwBC,EAO1BC,iBAAAA,GAqB0B,IAAIC,SACtB,CAACC,EAASC,KACDC,KAAKC,MAAMC,eAAeJ,EAASC,EAAQ,CAC5CI,IAAKH,KAAKC,MAAME,IAChBC,OAAQJ,KAAKC,MAAMG,UACfJ,KAAKC,MAAMI,KAAO,CAAEA,KAAML,KAAKC,MAAMI,MAAS,CAAE,GACxD,IAGMC,MA7BK,KAEfN,KAAKC,MAAMM,kBAAkB,CACzBC,cAAeR,KAAKC,MAAMQ,kBAC1BC,kBAAmB,wBAInBV,KAAKW,SACLX,KAAKW,SAASC,SAEVZ,KAAKC,MAAMY,6BAA+BC,IAE1CC,OAAOC,IAAIC,SAASC,SAASlB,KAAKC,MAAME,KAExCY,OAAOE,SAASC,OAAOlB,KAAKC,MAAME,IAE1C,IAY2BgB,OAAM,QACzC,CAEAC,MAAAA,EAAOjB,IAAEA,EAAGC,OAAEA,EAAMC,KAAEA,EAAO,CAAE,IAC3B,MAAe,SAAXD,EAEIiB,EAACC,OAAAA,CACGlB,OAAO,OACPmB,OAAQpB,EACRqB,MAAO,CAAEC,QAAS,QAClBC,IAAKA,IACD1B,KAAKW,SAAWe,CAAAA,KAEf1B,KAAKC,MAAMY,6BAA+BC,KAAgC,CAAEa,OAAQ,SAExFC,OAAOC,KAAKxB,GAAMyB,KAAIC,GACnBV,EAACW,QAAAA,CAAMC,KAAK,SAASC,KAAMH,EAAKA,IAAKA,EAAKI,MAAO9B,EAAK0B,QAM/D,IACX,+BA3DAK,EAAApC,KAAQW,gBAAR,IACAyB,EAFE1C,EAEY2C,eAAe,CACzBnC,eAAgBJ,GAAWA,IAC3BM,OAAQ"}

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 i,deliveryAddressSpecification as s,allowedBillingCountries as t,allowedDeliveryCountries as o,DISCLAIMER_MESSAGE_TRANSLATION_KEY as n,termsAndConditionsUrlMap as a,privacyPolicyUrlMap as l}from"./config.js";import{getConsentUrl as c}from"../../utils/getConsentUrl.js";import{LabelOnlyDisclaimerMessage as d}from"../internal/DisclaimerMessage/DisclaimerMessage.js";import{TxVariants as p}from"../tx-variants.js";class m extends r{static type=p.riverty;static defaultProps={personalDetailsRequiredFields:i,deliveryAddressSpecification:s,...r.defaultProps};formatProps(r){const i=c(r.countryCode,r.i18n?.locale,a),s=c(r.countryCode,r.i18n?.locale,l);return{...super.formatProps(r),billingAddressSpecification:{...r.billingAddressSpecification,allowedCountries:r.countryCode?[r.countryCode]:t},deliveryAddressSpecification:{...r.deliveryAddressSpecification,allowedCountries:o},consentCheckboxLabel:e(d,{message:r.i18n.get(n),urls:[i,s]})}}}export{m as default};
+import{createElement as e}from"../../external/preact/dist/preact.js";import r from"../helpers/OpenInvoiceContainer/OpenInvoiceContainer.js";import{personalDetailsRequiredFields as i,deliveryAddressSpecification as o,allowedBillingCountries as t,allowedDeliveryCountries as s,DISCLAIMER_MESSAGE_TRANSLATION_KEY as n,termsAndConditionsUrlMap as a,privacyPolicyUrlMap as l}from"./config.js";import{getConsentUrl as c}from"../../utils/getConsentUrl.js";import{LabelOnlyDisclaimerMessage as d}from"../internal/DisclaimerMessage/DisclaimerMessage.js";import{TxVariants as p}from"../tx-variants.js";function f(e,r,i){return r in e?Object.defineProperty(e,r,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[r]=i,e}class m extends r{formatProps(r){const i=c(r.countryCode,r.i18n?.locale,a),o=c(r.countryCode,r.i18n?.locale,l);return{...super.formatProps(r),billingAddressSpecification:{...r.billingAddressSpecification,allowedCountries:r.countryCode?[r.countryCode]:t},deliveryAddressSpecification:{...r.deliveryAddressSpecification,allowedCountries:s},consentCheckboxLabel:e(d,{message:r.i18n.get(n),urls:[i,o]})}}}f(m,"type",p.riverty),f(m,"defaultProps",{personalDetailsRequiredFields:i,deliveryAddressSpecification:o,...r.defaultProps});export{m 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    DISCLAIMER_MESSAGE_TRANSLATION_KEY,\n    allowedBillingCountries,\n    allowedDeliveryCountries,\n    deliveryAddressSpecification,\n    personalDetailsRequiredFields,\n    termsAndConditionsUrlMap,\n    privacyPolicyUrlMap\n} from './config';\nimport { getConsentUrl } from '../../utils/getConsentUrl';\nimport { LabelOnlyDisclaimerMessage } from '../internal/DisclaimerMessage/DisclaimerMessage';\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        const tocURL = getConsentUrl(props.countryCode, props.i18n?.locale, termsAndConditionsUrlMap);\n        const privacyURL = getConsentUrl(props.countryCode, props.i18n?.locale, privacyPolicyUrlMap);\n\n        return {\n            ...super.formatProps(props),\n            billingAddressSpecification: {\n                ...props.billingAddressSpecification,\n                allowedCountries: props.countryCode ? [props.countryCode] : allowedBillingCountries\n            },\n            deliveryAddressSpecification: {\n                ...props.deliveryAddressSpecification,\n                allowedCountries: allowedDeliveryCountries\n            },\n            consentCheckboxLabel: (\n                <LabelOnlyDisclaimerMessage message={props.i18n.get(DISCLAIMER_MESSAGE_TRANSLATION_KEY)} urls={[tocURL, privacyURL]} />\n            )\n        };\n    }\n}\n"],"names":["Riverty","OpenInvoiceContainer","static","TxVariants","riverty","personalDetailsRequiredFields","deliveryAddressSpecification","defaultProps","formatProps","props","tocURL","getConsentUrl","countryCode","i18n","locale","termsAndConditionsUrlMap","privacyURL","privacyPolicyUrlMap","super","billingAddressSpecification","allowedCountries","allowedBillingCountries","allowedDeliveryCountries","consentCheckboxLabel","h","LabelOnlyDisclaimerMessage","message","get","DISCLAIMER_MESSAGE_TRANSLATION_KEY","urls"],"mappings":"glBAgBe,MAAMA,UAAgBC,EACjCC,YAA8BC,EAAWC,QAEzCF,oBAAgC,CAC5BG,gCACAC,kCACGL,EAAqBM,cAG5BC,WAAAA,CAAYC,GACR,MAAMC,EAASC,EAAcF,EAAMG,YAAaH,EAAMI,MAAMC,OAAQC,GAC9DC,EAAaL,EAAcF,EAAMG,YAAaH,EAAMI,MAAMC,OAAQG,GAExE,MAAO,IACAC,MAAMV,YAAYC,GACrBU,4BAA6B,IACtBV,EAAMU,4BACTC,iBAAkBX,EAAMG,YAAc,CAACH,EAAMG,aAAeS,GAEhEf,6BAA8B,IACvBG,EAAMH,6BACTc,iBAAkBE,GAEtBC,qBACIC,EAACC,EAAAA,CAA2BC,QAASjB,EAAMI,KAAKc,IAAIC,GAAqCC,KAAM,CAACnB,EAAQM,KAGpH"}
+{"version":3,"file":"Riverty.js","sources":["../../../../src/components/Riverty/Riverty.tsx"],"sourcesContent":["import { h } from 'preact';\nimport OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport {\n    DISCLAIMER_MESSAGE_TRANSLATION_KEY,\n    allowedBillingCountries,\n    allowedDeliveryCountries,\n    deliveryAddressSpecification,\n    personalDetailsRequiredFields,\n    termsAndConditionsUrlMap,\n    privacyPolicyUrlMap\n} from './config';\nimport { getConsentUrl } from '../../utils/getConsentUrl';\nimport { LabelOnlyDisclaimerMessage } from '../internal/DisclaimerMessage/DisclaimerMessage';\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        const tocURL = getConsentUrl(props.countryCode, props.i18n?.locale, termsAndConditionsUrlMap);\n        const privacyURL = getConsentUrl(props.countryCode, props.i18n?.locale, privacyPolicyUrlMap);\n\n        return {\n            ...super.formatProps(props),\n            billingAddressSpecification: {\n                ...props.billingAddressSpecification,\n                allowedCountries: props.countryCode ? [props.countryCode] : allowedBillingCountries\n            },\n            deliveryAddressSpecification: {\n                ...props.deliveryAddressSpecification,\n                allowedCountries: allowedDeliveryCountries\n            },\n            consentCheckboxLabel: (\n                <LabelOnlyDisclaimerMessage message={props.i18n.get(DISCLAIMER_MESSAGE_TRANSLATION_KEY)} urls={[tocURL, privacyURL]} />\n            )\n        };\n    }\n}\n"],"names":["Riverty","OpenInvoiceContainer","formatProps","props","tocURL","getConsentUrl","countryCode","i18n","locale","termsAndConditionsUrlMap","privacyURL","privacyPolicyUrlMap","super","billingAddressSpecification","allowedCountries","allowedBillingCountries","deliveryAddressSpecification","allowedDeliveryCountries","consentCheckboxLabel","h","LabelOnlyDisclaimerMessage","message","get","DISCLAIMER_MESSAGE_TRANSLATION_KEY","urls","_define_property","type","TxVariants","riverty","defaultProps","personalDetailsRequiredFields"],"mappings":"wsBAgBe,MAAMA,UAAgBC,EASjCC,WAAAA,CAAYC,GACR,MAAMC,EAASC,EAAcF,EAAMG,YAAaH,EAAMI,MAAMC,OAAQC,GAC9DC,EAAaL,EAAcF,EAAMG,YAAaH,EAAMI,MAAMC,OAAQG,GAExE,MAAO,IACAC,MAAMV,YAAYC,GACrBU,4BAA6B,IACtBV,EAAMU,4BACTC,iBAAkBX,EAAMG,YAAc,CAACH,EAAMG,aAAeS,GAEhEC,6BAA8B,IACvBb,EAAMa,6BACTF,iBAAkBG,GAEtBC,qBACIC,EAACC,EAAAA,CAA2BC,QAASlB,EAAMI,KAAKe,IAAIC,GAAqCC,KAAM,CAACpB,EAAQM,KAGpH,EA1BAe,EADiBzB,EACM0B,OAAOC,EAAWC,SAEzCH,EAHiBzB,EAGA6B,eAAe,CAC5BC,gCACAd,kCACGf,EAAqB4B"}

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{CoreProvider as a}from"../../core/Context/CoreProvider.js";import{TxVariants as n}from"../tx-variants.js";import s from"../internal/FormInstruction/FormInstruction.js";class o extends e{static type=n.sepadirectdebit;constructor(t,e){super(t,e),this.state={...this.state,data:{ibanNumber:"",ownerName:""}}}formatProps(t){return{holderName:!0,...t}}formatData(){return{paymentMethod:{type:o.type,iban:this.state.data.ibanNumber,ownerName:this.state.data.ownerName}}}get isValid(){return!!this.state.isValid}render(){return t(a,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,null),t(r,{ref:t=>{this.componentRef=t},...this.props,onChange:this.setState,payButton:this.payButton}))}}export{o 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 a}from"../../core/Context/CoreProvider.js";import{TxVariants as n}from"../tx-variants.js";import o from"../internal/FormInstruction/FormInstruction.js";class s extends e{formatProps(t){return{holderName:!0,...t}}formatData(){return{paymentMethod:{type:s.type,iban:this.state.data.ibanNumber,ownerName:this.state.data.ownerName}}}get isValid(){return!!this.state.isValid}render(){return t(a,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(o,null),t(r,{ref:t=>{this.componentRef=t},...this.props,onChange:this.setState,payButton:this.payButton}))}constructor(t,e){super(t,e),this.state={...this.state,data:{ibanNumber:"",ownerName:""}}}}var i,m,p;i=s,m="type",p=n.sepadirectdebit,m in i?Object.defineProperty(i,m,{value:p,enumerable:!0,configurable:!0,writable:!0}):i[m]=p;export{s 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    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                <FormInstruction />\n\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","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,gBAEhCC,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,KAAMlB,EAAYkB,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,WAC5FJ,EAACK,QAGDL,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    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                <FormInstruction />\n\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","formatProps","props","holderName","formatData","paymentMethod","type","iban","this","state","data","ownerName","isValid","render","h","CoreProvider","i18n","loadingContext","resources","FormInstruction","IbanInput","ref","componentRef","onChange","setState","payButton","constructor","checkout","super","ibanNumber","TxVariants","sepadirectdebit"],"mappings":"qWASA,MAAMA,UAAoBC,EAWtBC,WAAAA,CAAYC,GACR,MAAO,CACHC,YAAY,KACTD,EAEX,CAKAE,UAAAA,GACI,MAAO,CACHC,cAAe,CACXC,KAAMP,EAAYO,KAClBC,KAAMC,KAAKC,MAAMC,KAAkB,WACnCC,UAAWH,KAAKC,MAAMC,KAAiB,WAGnD,CAKA,WAAIE,GACA,QAASJ,KAAKC,MAAMG,OACxB,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMR,KAAKN,MAAMc,KAAMC,eAAgBT,KAAKN,MAAMe,eAAgBC,UAAWV,KAAKU,WAC5FJ,EAACK,QAGDL,EAACM,EAAAA,CACGC,IAAKA,IACDb,KAAKc,aAAeD,CAAAA,KAEpBb,KAAKN,MACTqB,SAAUf,KAAKgB,SAEfC,UAAWjB,KAAKiB,YAIhC,CApDAC,WAAAA,CAAYC,EAAiBzB,GACzB0B,MAAMD,EAAUzB,GAChBM,KAAKC,MAAQ,IAAKD,KAAKC,MAAYC,KAAM,CAAEmB,WAAY,GAAIlB,UAAW,IAC1E,cANEZ,IACYO,SAAOwB,EAAWC"}

package/dist/es/components/Swish/Swish.js

@@ -1,2 +1,2 @@
-import s from"../helpers/QRLoaderContainer/QRLoaderContainer.js";import{TxVariants as e}from"../tx-variants.js";class r extends s{static type=e.swish;formatProps(s){return{delay:2e3,countdownTime:3,instructions:"swish.pendingMessage",...super.formatProps(s)}}}export{r as default};
+import e from"../helpers/QRLoaderContainer/QRLoaderContainer.js";import{TxVariants as r}from"../tx-variants.js";class s extends e{formatProps(e){return{delay:2e3,countdownTime:3,instructions:"swish.pendingMessage",...super.formatProps(e)}}}var t,a,o;t=s,a="type",o=r.swish,a in t?Object.defineProperty(t,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[a]=o;export{s as default};
 //# sourceMappingURL=Swish.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Swish.js","sources":["../../../../src/components/Swish/Swish.ts"],"sourcesContent":["import QRLoaderContainer from '../helpers/QRLoaderContainer/QRLoaderContainer';\nimport { TxVariants } from '../tx-variants';\n\nclass SwishElement extends QRLoaderContainer {\n    public static type = TxVariants.swish;\n\n    formatProps(props) {\n        return {\n            delay: 2000, // ms\n            countdownTime: 3, // min\n            instructions: 'swish.pendingMessage',\n            ...super.formatProps(props)\n        };\n    }\n}\n\nexport default SwishElement;\n"],"names":["SwishElement","QRLoaderContainer","static","TxVariants","swish","formatProps","props","delay","countdownTime","instructions","super"],"mappings":"gHAGA,MAAMA,UAAqBC,EACvBC,YAAqBC,EAAWC,MAEhCC,WAAAA,CAAYC,GACR,MAAO,CACHC,MAAO,IACPC,cAAe,EACfC,aAAc,0BACXC,MAAML,YAAYC,GAE7B"}
+{"version":3,"file":"Swish.js","sources":["../../../../src/components/Swish/Swish.ts"],"sourcesContent":["import QRLoaderContainer from '../helpers/QRLoaderContainer/QRLoaderContainer';\nimport { TxVariants } from '../tx-variants';\nimport './Swish.scss';\n\nclass SwishElement extends QRLoaderContainer {\n    public static type = TxVariants.swish;\n\n    formatProps(props) {\n        return {\n            delay: 2000, // ms\n            countdownTime: 3, // min\n            instructions: 'swish.pendingMessage',\n            ...super.formatProps(props)\n        };\n    }\n}\n\nexport default SwishElement;\n"],"names":["SwishElement","QRLoaderContainer","formatProps","props","delay","countdownTime","instructions","super","type","TxVariants","swish"],"mappings":"gHAIA,MAAMA,UAAqBC,EAGvBC,WAAAA,CAAYC,GACR,MAAO,CACHC,MAAO,IACPC,cAAe,EACfC,aAAc,0BACXC,MAAML,YAAYC,GAE7B,cAVEH,IACYQ,SAAOC,EAAWC"}

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 n,THREEDS2_CHALLENGE_ERROR as i}from"./constants.js";import{existy as a}from"../../utils/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 f}from"../../core/Context/CoreProvider.js";class C 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:n,code:u.ACTION_IS_MISSING_PAYMENT_DATA,errorType:y,message:`${i}: Missing 'paymentData' property from threeDS2 action`}),null}return t(f,{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{C as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./components/Challenge/PrepareChallenge3DS2.js";import{THREEDS2_ERROR as r,THREEDS2_CHALLENGE_ERROR as s,THREEDS2_FULL as n,DEFAULT_CHALLENGE_WINDOW_SIZE as i,THREEDS2_CHALLENGE as a}from"./constants.js";import{existy as p}from"../../utils/commonUtils.js";import{hasOwnProperty as l}from"../../utils/hasOwnProperty.js";import{TxVariants as m}from"../tx-variants.js";import c,{API_ERROR as u}from"../../core/Errors/AdyenCheckoutError.js";import{Analytics3DS2Errors as h,ANALYTICS_API_ERROR as y,ANALYTICS_RENDERED_STR as d,Analytics3DS2Events as A}from"../../core/Analytics/constants.js";import{CoreProvider as f}from"../../core/Context/CoreProvider.js";function C(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}class D extends e{onComplete(t){t&&super.onComplete(t),this.unmount()}render(){if(!p(this.props.paymentData)){const t=l(this.props,"isMDFlow")?"paymentData":"authorisationToken";return this.props.onError(new c(u,`No ${t} received. 3DS2 Challenge cannot proceed`)),this.submitAnalytics({type:r,code:h.ACTION_IS_MISSING_PAYMENT_DATA,errorType:y,message:`${s}: Missing 'paymentData' property from threeDS2 action`}),null}return t(f,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(o,{...this.props,onComplete:this.onComplete,onSubmitAnalytics:this.submitAnalytics,isMDFlow:this.props.paymentData.length<15,onActionHandled:this.onActionHandled}))}constructor(...t){super(...t),C(this,"submitAnalytics",(t=>{t.type!==d&&super.submitAnalytics(t)})),C(this,"onActionHandled",(t=>{this.submitAnalytics({type:n,message:t.actionDescription,subtype:A.CHALLENGE_IFRAME_LOADED}),super.onActionHandled(t)}))}}C(D,"type",m.threeDS2Challenge),C(D,"defaultProps",{dataKey:"threeDSResult",size:i,type:a});export{D 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 './constants';\nimport { existy } from '../../utils/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":"mvBAaA,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"}
+{"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, THREEDS2_FULL } from './constants';\nimport { existy } from '../../utils/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, Analytics3DS2Events } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { ActionHandledReturnObject } from '../../types/global-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    protected onActionHandled = (rtnObj: ActionHandledReturnObject) => {\n        this.submitAnalytics({\n            type: THREEDS2_FULL,\n            message: rtnObj.actionDescription,\n            subtype: Analytics3DS2Events.CHALLENGE_IFRAME_LOADED\n        });\n\n        super.onActionHandled(rtnObj);\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                    onActionHandled={this.onActionHandled}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default ThreeDS2Challenge;\n"],"names":["ThreeDS2Challenge","UIElement","onComplete","state","super","this","unmount","render","existy","props","paymentData","dataTypeForError","hasOwnProperty","onError","AdyenCheckoutError","API_ERROR","submitAnalytics","type","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","onActionHandled","_define_property","aObj","ANALYTICS_RENDERED_STR","rtnObj","THREEDS2_FULL","actionDescription","subtype","Analytics3DS2Events","CHALLENGE_IFRAME_LOADED","TxVariants","threeDS2Challenge","defaultProps","dataKey","size","DEFAULT_CHALLENGE_WINDOW_SIZE","THREEDS2_CHALLENGE"],"mappings":"u5BAcA,MAAMA,UAA0BC,EAyB5BC,UAAAA,CAAWC,GAMHA,GAAOC,MAAMF,WAAWC,GAC5BE,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,KAAKW,gBAAgB,CACjBC,KAAMC,EACNC,KAAMC,EAAoBC,+BAC1BC,UAAWC,EACXC,QAAS,GAAGC,2DAGT,IACX,CAEA,OACIC,EAACC,EAAAA,CAAaC,KAAMvB,KAAKI,MAAMmB,KAAMC,eAAgBxB,KAAKI,MAAMoB,eAAgBC,UAAWzB,KAAKyB,WAC5FJ,EAACK,EAAAA,IACO1B,KAAKI,MACTP,WAAYG,KAAKH,WACjB8B,kBAAmB3B,KAAKW,gBACxBiB,SAAU5B,KAAKI,MAAMC,YAAYwB,OAAS,GAC1CC,gBAAiB9B,KAAK8B,kBAItC,+BA1DAC,EAAA/B,KAAUW,mBAAmBqB,IACrBA,EAAKpB,OAASqB,GAElBlC,MAAMY,gBAAgBqB,EAAAA,IAG1BD,EAAA/B,KAAU8B,mBAAmBI,IACzBlC,KAAKW,gBAAgB,CACjBC,KAAMuB,EACNhB,QAASe,EAAOE,kBAChBC,QAASC,EAAoBC,0BAGjCxC,MAAM+B,gBAAgBI,EAAAA,KArB1BH,EADEpC,EACYiB,OAAO4B,EAAWC,mBAEhCV,EAHEpC,EAGY+C,eAAe,CACzBC,QAAS,gBACTC,KAAMC,EACNjC,KAAMkC"}

package/dist/es/components/ThreeDS2/ThreeDS2DeviceFingerprint.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"./components/DeviceFingerprint/PrepareFingerprint3DS2.js";import i from"./callSubmit3DS2Fingerprint.js";import{existy as s}from"../../utils/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 r{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(e,{...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};
+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 n from"./callSubmit3DS2Fingerprint.js";import{existy as i}from"../../utils/commonUtils.js";import{TxVariants as s}from"../tx-variants.js";import o,{API_ERROR as p}from"../../core/Errors/AdyenCheckoutError.js";import{Analytics3DS2Errors as a,ANALYTICS_API_ERROR as m,ANALYTICS_RENDERED_STR as l,Analytics3DS2Events as c}from"../../core/Analytics/constants.js";import{THREEDS2_ERROR as u,THREEDS2_FINGERPRINT_ERROR as y,THREEDS2_FULL as d,THREEDS2_FINGERPRINT as h}from"./constants.js";function A(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}class D extends e{onComplete(t){super.onComplete(t),this.unmount()}render(){return i(this.props.paymentData)?t(r,{...this.props,onComplete:this.props.isMDFlow?this.onComplete:this.callSubmit3DS2Fingerprint,onSubmitAnalytics:this.submitAnalytics,isMDFlow:this.props.paymentData.length<15,onActionHandled:this.onActionHandled}):(this.props.onError(new o(p,"No paymentData received. 3DS2 Fingerprint cannot proceed")),this.submitAnalytics({type:u,code:a.ACTION_IS_MISSING_PAYMENT_DATA,errorType:m,message:`${y}: Missing 'paymentData' property from threeDS2 action`}),null)}constructor(...t){super(...t),A(this,"callSubmit3DS2Fingerprint",n.bind(this)),A(this,"submitAnalytics",(t=>{t.type!==l&&super.submitAnalytics(t)})),A(this,"onActionHandled",(t=>{this.submitAnalytics({type:d,message:t.actionDescription,subtype:c.FINGERPRINT_IFRAME_LOADED}),super.onActionHandled(t)}))}}A(D,"type",s.threeDS2Fingerprint),A(D,"defaultProps",{dataKey:"fingerprintResult",type:h});export{D 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 '../../utils/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":"2oBAYA,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"}
+{"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 '../../utils/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, Analytics3DS2Events } from '../../core/Analytics/constants';\nimport { SendAnalyticsObject } from '../../core/Analytics/types';\nimport { THREEDS2_ERROR, THREEDS2_FINGERPRINT, THREEDS2_FINGERPRINT_ERROR, THREEDS2_FULL } from './constants';\nimport { ActionHandledReturnObject } from '../../types/global-types';\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    protected onActionHandled = (rtnObj: ActionHandledReturnObject) => {\n        this.submitAnalytics({\n            type: THREEDS2_FULL,\n            message: rtnObj.actionDescription,\n            subtype: Analytics3DS2Events.FINGERPRINT_IFRAME_LOADED\n        });\n        super.onActionHandled(rtnObj);\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                onActionHandled={this.onActionHandled}\n            />\n        );\n    }\n}\n\nexport default ThreeDS2DeviceFingerprint;\n"],"names":["ThreeDS2DeviceFingerprint","UIElement","onComplete","state","super","this","unmount","render","existy","props","paymentData","h","PrepareFingerprint","isMDFlow","callSubmit3DS2Fingerprint","onSubmitAnalytics","submitAnalytics","length","onActionHandled","onError","AdyenCheckoutError","API_ERROR","type","THREEDS2_ERROR","code","Analytics3DS2Errors","ACTION_IS_MISSING_PAYMENT_DATA","errorType","ANALYTICS_API_ERROR","message","THREEDS2_FINGERPRINT_ERROR","_define_property","bind","aObj","ANALYTICS_RENDERED_STR","rtnObj","THREEDS2_FULL","actionDescription","subtype","Analytics3DS2Events","FINGERPRINT_IFRAME_LOADED","TxVariants","threeDS2Fingerprint","defaultProps","dataKey","THREEDS2_FINGERPRINT"],"mappings":"+yBAaA,MAAMA,UAAkCC,EAyBpCC,UAAAA,CAAWC,GACPC,MAAMF,WAAWC,GACjBE,KAAKC,SACT,CAEAC,MAAAA,GAKI,OAAKC,EAAOH,KAAKI,MAAMC,aAmBnBC,EAACC,EAAAA,IACOP,KAAKI,MACTP,WAAYG,KAAKI,MAAMI,SAAWR,KAAKH,WAAaG,KAAKS,0BACzDC,kBAAmBV,KAAKW,gBACxBH,SAAUR,KAAKI,MAAMC,YAAYO,OAAS,GAC1CC,gBAAiBb,KAAKa,mBAvB1Bb,KAAKI,MAAMU,QAAQ,IAAIC,EAAmBC,EAAW,6DAGrDhB,KAAKW,gBAAgB,CACjBM,KAAMC,EACNC,KAAMC,EAAoBC,+BAC1BC,UAAWC,EACXC,QAAS,GAAGC,2DAGT,KAgBf,+BAtDAC,EAAA1B,KAAQS,4BAA4BA,EAA0BkB,KAAK3B,OAEnE0B,EAAA1B,KAAUW,mBAAmBiB,IACrBA,EAAKX,OAASY,GAElB9B,MAAMY,gBAAgBiB,EAAAA,IAG1BF,EAAA1B,KAAUa,mBAAmBiB,IACzB9B,KAAKW,gBAAgB,CACjBM,KAAMc,EACNP,QAASM,EAAOE,kBAChBC,QAASC,EAAoBC,4BAEjCpC,MAAMc,gBAAgBiB,EAAAA,KArB1BJ,EADE/B,EACYsB,OAAOmB,EAAWC,qBAEhCX,EAHE/B,EAGY2C,eAAe,CACzBC,QAAS,oBACTtB,KAAMuB"}

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"../../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};
+import{Component as e,createElement as s}from"../../../../external/preact/dist/preact.js";import t from"../../../../external/classnames/index.js";import r from"../../../internal/IFrame/Iframe.js";import a from"../../../internal/Spinner/Spinner.js";import n from"../Form/ThreeDS2Form.js";import i from"../../../../utils/get-process-message-handler.js";import{encodeBase64URL as o}from"../utils.js";import l from"../../../../utils/promiseTimeout.js";import{CHALLENGE_TIMEOUT_REJECT_OBJECT as m,CHALLENGE_TIMEOUT as c,THREEDS2_NUM as h}from"../../constants.js";function p(e,s,t){return s in e?Object.defineProperty(e,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[s]=t,e}const d="threeDSIframe";class g extends e{get3DS2ChallengePromise(){return new Promise(((e,s)=>{this.processMessageHandler=i(this.props.postMessageDomain,e,s,"challengeResult"),window.addEventListener("message",this.processMessageHandler)}))}componentDidMount(){this.challengePromise=l(c,this.get3DS2ChallengePromise(),m),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:i,iframeSizeArr:o,onFormSubmit:l},{base64URLencodedData:m,status:c}){const[h,p]=o;return s("div",{className:t(["adyen-checkout__threeds2__challenge",`adyen-checkout__threeds2__challenge--${i.challengeWindowSize}`])},"iframeLoaded"!==c&&s(a,null),s(r,{name:d,width:h,height:p,callback:this.iframeCallback}),s(n,{name:"cReqForm",action:e,target:d,inputName:"creq",inputValue:m,onFormSubmit:l}))}constructor(e){super(e),p(this,"processMessageHandler",void 0),p(this,"challengePromise",void 0),p(this,"iframeCallback",(()=>{this.setState({status:"iframeLoaded"}),"init"===this.state.status&&this.props.onActionHandled?.({componentType:"3DS2Challenge",actionDescription:`${h} challenge iframe loaded`})}));const s=JSON.stringify(this.props.cReqData),t=o(s);this.state={base64URLencodedData:t,status:"init"}}}export{g 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 '../../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             \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"}
+{"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            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","get3DS2ChallengePromise","Promise","resolve","reject","this","processMessageHandler","getProcessMessageHandler","props","postMessageDomain","window","addEventListener","componentDidMount","challengePromise","promiseTimeout","CHALLENGE_TIMEOUT","CHALLENGE_TIMEOUT_REJECT_OBJECT","promise","then","resolveObject","removeEventListener","onCompleteChallenge","catch","rejectObject","onErrorChallenge","componentWillUnmount","cancel","render","acsURL","cReqData","iframeSizeArr","onFormSubmit","base64URLencodedData","status","width","height","h","div","className","classNames","challengeWindowSize","Spinner","Iframe","name","callback","iframeCallback","ThreeDS2Form","action","target","inputName","inputValue","constructor","super","_define_property","setState","state","onActionHandled","componentType","actionDescription","THREEDS2_NUM","jsonStr","JSON","stringify","encodeBase64URL"],"mappings":"sqBAYA,MAAMA,EAAa,gBAEnB,MAAMC,UAAwBC,EAwBlBC,uBAAAA,GACJ,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAIzBC,KAAKC,sBAAwBC,EAAyBF,KAAKG,MAAMC,kBAAmBN,EAASC,EAAQ,mBAErGM,OAAOC,iBAAiB,UAAWN,KAAKC,sBAAqB,GAErE,CAEAM,iBAAAA,GAEIP,KAAKQ,iBAAmBC,EAAeC,EAAmBV,KAAKJ,0BAA2Be,GAC1FX,KAAKQ,iBAAiBI,QACjBC,MAAMC,IACHT,OAAOU,oBAAoB,UAAWf,KAAKC,uBAC3CD,KAAKG,MAAMa,oBAAoBF,EAAAA,IAGlCG,OAAOC,IACJb,OAAOU,oBAAoB,UAAWf,KAAKC,uBAC3CD,KAAKG,MAAMgB,iBAAiBD,EAAAA,GAExC,CAEAE,oBAAAA,GACQpB,KAAKQ,kBAAkBR,KAAKQ,iBAAiBa,SACjDhB,OAAOU,oBAAoB,UAAWf,KAAKC,sBAC/C,CAEAqB,MAAAA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,cAAEA,EAAaC,aAAEA,IAAgBC,qBAAEA,EAAoBC,OAAEA,IAC9E,MAAOC,EAAOC,GAAUL,EAExB,OACIM,EAACC,MAAAA,CACGC,UAAWC,EAAW,CAClB,sCACA,wCAAwCV,EAASW,yBAGzC,iBAAXP,GAA6BG,EAACK,EAAAA,MAE/BL,EAACM,EAAAA,CAAOC,KAAM7C,EAAYoC,MAAOA,EAAOC,OAAQA,EAAQS,SAAUvC,KAAKwC,iBACvET,EAACU,EAAAA,CACGH,KAAM,WACNI,OAAQnB,EACRoB,OAAQlD,EACRmD,UAAW,OACXC,WAAYlB,EACZD,aAAcA,IAI9B,CA1EAoB,WAAAA,CAAY3C,GACR4C,MAAM5C,GAJV6C,EAAAhD,KAAQC,6BAAR,GACA+C,EAAAhD,KAAQQ,wBAAR,GAaAwC,EAAAhD,KAAQwC,kBAAiB,KACrBxC,KAAKiD,SAAS,CAAErB,OAAQ,iBAGE,SAAtB5B,KAAKkD,MAAMtB,QACX5B,KAAKG,MAAMgD,kBAAkB,CAAEC,cAAe,gBAAiBC,kBAAmB,GAAGC,6BACzF,IAXA,MAAMC,EAAUC,KAAKC,UAAUzD,KAAKG,MAAMqB,UACpCG,EAAuB+B,EAAgBH,GAC7CvD,KAAKkD,MAAQ,CAAEvB,uBAAsBC,OAAQ,OACjD"}

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

@@ -1,2 +1,2 @@
-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 i}from"../utils.js";import a 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 u,THREEDS2_CHALLENGE_ERROR as m,THREEDS2_FULL as d,THREEDS2_ERROR as g,THREEDS2_NUM as S,THREEDS2_CHALLENGE as _}from"../../constants.js";import{isValidHttpUrl as D}from"../../../../utils/isValidURL.js";import{Analytics3DS2Events as E,Analytics3DS2Errors as C,ANALYTICS_API_ERROR as I,ANALYTICS_NETWORK_ERROR as f}from"../../../../core/Analytics/constants.js";class T 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:u}},console.debug(`${m}: ${u}`)}onActionHandled=e=>{this.props.onSubmitAnalytics({type:d,message:e.actionDescription,subtype:E.CHALLENGE_IFRAME_LOADED}),this.props.onActionHandled(e)};onFormSubmit=e=>{this.props.onSubmitAnalytics({type:d,message:e,subtype:E.CHALLENGE_DATA_SENT})};componentDidMount(){if(!o(this.state.challengeData)){const e="test"===this.props.environment&&this.props._environmentUrls?.api?.includes("http://localhost:8080"),{acsURL:r}=this.state.challengeData;if(!D(r,e)){this.setError({errorInfo:`${C.TOKEN_IS_MISSING_ACSURL}: ${this.props.i18n.get("err.gen.9102")}`},!0);const e={type:g,code:C.TOKEN_IS_MISSING_ACSURL,errorType:I,message:`${m}: Decoded token is missing a valid acsURL property`};return this.props.onSubmitAnalytics(e),void console.debug("### PrepareChallenge3DS2::exiting:: no valid acsURL")}const{acsTransID:t,messageVersion:s,threeDSServerTransID:o}=this.state.challengeData.cReqData;if(!t||!s||!o)return this.setError({errorInfo:`${C.TOKEN_IS_MISSING_OTHER_PROPS}: ${this.props.i18n.get("err.gen.9102")}`},!0),this.props.onSubmitAnalytics({type:g,code:C.TOKEN_IS_MISSING_OTHER_PROPS,errorType:I,message:`${m}: 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(u)>-1?C.ACTION_IS_MISSING_TOKEN:C.TOKEN_DECODE_OR_PARSING_FAILED;this.setError({errorInfo:e.indexOf(u)>-1?`${C.ACTION_IS_MISSING_TOKEN}: ${this.props.i18n.get("err.gen.9102")}`:`${C.TOKEN_DECODE_OR_PARSING_FAILED}: ${this.props.i18n.get("err.gen.9102")}`},!0),this.props.onSubmitAnalytics({type:g,code:r,errorType:I,message:`${m}: ${e}`}),console.debug("### PrepareChallenge3DS2::exiting:: no challengeData")}}setStatusComplete(e,r=null){this.setState({status:"complete"},(()=>{const t=(this.props.isMDFlow?n:i)(this.props.dataKey,e.transStatus,this.props.paymentData);let s;r&&console.debug("### PrepareChallenge3DS2::errorCodeObject::",r);const o=r||e;if(o.errorCode){const e={code:"timeout"===o.errorCode?C.THREEDS2_TIMEOUT:C.NO_TRANSSTATUS,errorType:"timeout"===o.errorCode?f:I};s={type:g,message:o.message,...e},this.props.onSubmitAnalytics(s)}let a;switch(e?.transStatus){case"Y":a="success";break;case"N":a="failed";break;case"U":a=r?"timeout":"cancelled"}e?.errorCode&&(a="noTransStatus"),s={type:d,message:`${S} challenge has completed`,subtype:E.CHALLENGE_COMPLETED,result:a},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,{cause:e.errorObj}))}render(e,{challengeData:s}){const o=p();return"performingChallenge"===this.state.status?r(t,{onCompleteChallenge:e=>{let r=null;if(l(e.result,"errorCode")&&e.result.errorCode.length&&(r={errorCode:e.result.errorCode,message:`${m}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`},this.props.isMDFlow&&this.props.onError(new c(h,`${m}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`,{cause:e.result.errorCode}))),!e.result)return this.setError({errorInfo:`${m}:  ${this.props.i18n.get("3ds.chal.805",{values:{result:'"result"'}})}`,errorObj:e},!0),this.props.onSubmitAnalytics({type:g,code:C.CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP,errorType:I,message:`${m}: challenge resolved without a "result" object`}),void console.debug('### PrepareChallenge3DS2::exiting:: challenge resolved without a "result" object');this.setStatusComplete(e.result,r)},onErrorChallenge:e=>{if(l(e,"errorCode")){const r={errorCode:e.errorCode,message:`${_}: ${e.errorCode}`};return this.props.isMDFlow&&this.props.onError(new c(h,`${m}: '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(a,{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{T as default};
+import{Component as e,createElement as r}from"../../../../external/preact/dist/preact.js";import t from"./DoChallenge3DS2.js";import{isErrorObject as s,createOldChallengeResolveData as o,createChallengeResolveData as n,prepareChallengeData as i}from"../utils.js";import a 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{THREEDS2_ERROR as u,THREEDS2_CHALLENGE_ERROR as m,MISSING_TOKEN_IN_ACTION_MSG as d,THREEDS2_FULL as g,THREEDS2_NUM as S,THREEDS2_CHALLENGE as _}from"../../constants.js";import{isValidHttpUrl as D}from"../../../../utils/isValidURL.js";import{Analytics3DS2Errors as C,ANALYTICS_API_ERROR as E,ANALYTICS_NETWORK_ERROR as I,Analytics3DS2Events as f}from"../../../../core/Analytics/constants.js";function T(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}class y extends e{componentDidMount(){if(!s(this.state.challengeData)){const e="test"===this.props.environment&&this.props._environmentUrls?.api?.includes("http://localhost:8080"),{acsURL:r}=this.state.challengeData;if(!D(r,e)){this.setError({errorInfo:`${C.TOKEN_IS_MISSING_ACSURL}: ${this.props.i18n.get("err.gen.9102")}`},!0);const e={type:u,code:C.TOKEN_IS_MISSING_ACSURL,errorType:E,message:`${m}: Decoded token is missing a valid acsURL property`};return this.props.onSubmitAnalytics(e),void console.debug("### PrepareChallenge3DS2::exiting:: no valid acsURL")}const{acsTransID:t,messageVersion:s,threeDSServerTransID:o}=this.state.challengeData.cReqData;if(!t||!s||!o)return this.setError({errorInfo:`${C.TOKEN_IS_MISSING_OTHER_PROPS}: ${this.props.i18n.get("err.gen.9102")}`},!0),this.props.onSubmitAnalytics({type:u,code:C.TOKEN_IS_MISSING_OTHER_PROPS,errorType:E,message:`${m}: 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(d)>-1?C.ACTION_IS_MISSING_TOKEN:C.TOKEN_DECODE_OR_PARSING_FAILED;this.setError({errorInfo:e.indexOf(d)>-1?`${C.ACTION_IS_MISSING_TOKEN}: ${this.props.i18n.get("err.gen.9102")}`:`${C.TOKEN_DECODE_OR_PARSING_FAILED}: ${this.props.i18n.get("err.gen.9102")}`},!0),this.props.onSubmitAnalytics({type:u,code:r,errorType:E,message:`${m}: ${e}`}),console.debug("### PrepareChallenge3DS2::exiting:: no challengeData")}}setStatusComplete(e,r=null){this.setState({status:"complete"},(()=>{const t=(this.props.isMDFlow?o:n)(this.props.dataKey,e.transStatus,this.props.paymentData);let s;r&&console.debug("### PrepareChallenge3DS2::errorCodeObject::",r);const i=r||e;if(i.errorCode){const e={code:"timeout"===i.errorCode?C.THREEDS2_TIMEOUT:C.NO_TRANSSTATUS,errorType:"timeout"===i.errorCode?I:E};s={type:u,message:i.message,...e},this.props.onSubmitAnalytics(s)}let a;switch(e?.transStatus){case"Y":a="success";break;case"N":a="failed";break;case"U":a=r?"timeout":"cancelled"}e?.errorCode&&(a="noTransStatus"),s={type:g,message:`${S} challenge has completed`,subtype:f.CHALLENGE_COMPLETED,result:a},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,{cause:e.errorObj}))}render(e,{challengeData:s}){const o=p();return"performingChallenge"===this.state.status?r(t,{onCompleteChallenge:e=>{let r=null;if(l(e.result,"errorCode")&&e.result.errorCode.length&&(r={errorCode:e.result.errorCode,message:`${m}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`},this.props.isMDFlow&&this.props.onError(new c(h,`${m}: ${e.result.errorDescription?e.result.errorDescription:"no transStatus could be retrieved"}`,{cause:e.result.errorCode}))),!e.result)return this.setError({errorInfo:`${m}:  ${this.props.i18n.get("3ds.chal.805",{values:{result:'"result"'}})}`,errorObj:e},!0),this.props.onSubmitAnalytics({type:u,code:C.CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP,errorType:E,message:`${m}: challenge resolved without a "result" object`}),void console.debug('### PrepareChallenge3DS2::exiting:: challenge resolved without a "result" object');this.setStatusComplete(e.result,r)},onErrorChallenge:e=>{if(l(e,"errorCode")){const r={errorCode:e.errorCode,message:`${_}: ${e.errorCode}`};return this.props.isMDFlow&&this.props.onError(new c(h,`${m}: '3DS2 challenge timed out'`,{cause:e.errorCode})),void this.setStatusComplete(e.result,r)}},...s,onActionHandled:this.props.onActionHandled,onFormSubmit:this.onFormSubmit}):"error"===this.state.status?r("div",{className:"adyen-checkout__threeds2-challenge-error"},r(a,{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}constructor(e){if(super(e),T(this,"onFormSubmit",(e=>{this.props.onSubmitAnalytics({type:g,message:e,subtype:f.CHALLENGE_DATA_SENT})})),this.props.token){const e=i({token:this.props.token,size:this.props.challengeWindowSize||this.props.size});this.state={status:"init",challengeData:e}}else this.state={challengeData:{success:!1,error:d}},console.debug(`${m}: ${d}`)}}T(y,"defaultProps",{onComplete:()=>{},onError:()=>{},isMDFlow:!1});export{y 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, 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, ANALYTICS_NETWORK_ERROR, Analytics3DS2Errors, Analytics3DS2Events } 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 // TODO confirm that this.props.size is legacy and can be removed\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({\n            type: THREEDS2_FULL,\n            message: rtnObj.actionDescription,\n            subtype: Analytics3DS2Events.CHALLENGE_IFRAME_LOADED\n        });\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            subtype: Analytics3DS2Events.CHALLENGE_DATA_SENT\n        });\n    };\n\n    componentDidMount() {\n        const hasChallengeData = !isErrorObject(this.state.challengeData);\n\n        if (hasChallengeData) {\n            const shouldAllowHttpDomains =\n                /** Allow http urls if in development and testing against localhost:8080 */\n                (process.env.NODE_ENV === 'development' && process.env.__CLIENT_ENV__?.indexOf('localhost:8080') > -1) ||\n                /**\n                 * Allows the checkoutshopper demo on localhost:8080 to work -\n                 *  requires a configuration in localhost of environment: 'test', _environmentUrls: {api: 'http://localhost:8080/'}\n                 */\n                (this.props.environment === 'test' && this.props._environmentUrls?.api?.includes('http://localhost:8080'));\n\n            /**\n             * Check the structure of the created challengeData\n             */\n            const { acsURL } = this.state.challengeData as ChallengeData;\n            const hasValidAcsURL = isValidHttpUrl(acsURL, shouldAllowHttpDomains);\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: SendAnalyticsObject = {\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 // TODO Decide if we want to expose this data\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                } as SendAnalyticsObject);\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 // TODO Decide if we want to expose this data\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            let analyticsObject: SendAnalyticsObject;\n\n            /** Are we in an \"error\" i.e. timeout or no transStatus, 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 : Analytics3DS2Errors.NO_TRANSSTATUS,\n                    errorType: finalResObject.errorCode === 'timeout' ? ANALYTICS_NETWORK_ERROR : ANALYTICS_API_ERROR\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 as ErrorCodeObject).message,\n                    ...errorTypeAndCode\n                };\n\n                // Send error to analytics endpoint\n                this.props.onSubmitAnalytics(analyticsObject);\n            }\n\n            /** Calculate \"result\" for analytics */\n            let result: string;\n\n            switch (resultObj?.transStatus) {\n                case 'Y':\n                    result = 'success';\n                    break;\n                case 'N':\n                    result = 'failed';\n                    break;\n                case 'U':\n                    result = !errorCodeObject ? 'cancelled' : 'timeout';\n                    break;\n                default:\n            }\n            if (resultObj?.errorCode) {\n                result = 'noTransStatus';\n            }\n\n            /** Create log object - the process is completed, one way or another */\n            analyticsObject = {\n                type: THREEDS2_FULL,\n                message: `${THREEDS2_NUM} challenge has completed`,\n                subtype: Analytics3DS2Events.CHALLENGE_COMPLETED,\n                result\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(new AdyenCheckoutError(ERROR, errorInfoObj.errorInfo, { cause: errorInfoObj.errorObj }));\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                        /**\n                         * An object has been returned, parsed & accepted as legit (according to the rules in getProcessMessageHandler),\n                         * but the result prop on that object is missing\n                         */\n                        if (!challenge.result) {\n                            this.setError(\n                                {\n                                    errorInfo: `${THREEDS2_CHALLENGE_ERROR}:  ${this.props.i18n.get('3ds.chal.805', {\n                                        values: { result: '\"result\"' }\n                                    })}`,\n                                    errorObj: challenge as unknown as ErrorObject\n                                },\n                                true\n                            );\n\n                            // Send error to analytics endpoint\n                            this.props.onSubmitAnalytics({\n                                type: THREEDS2_ERROR,\n                                code: Analytics3DS2Errors.CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP,\n                                errorType: ANALYTICS_API_ERROR,\n                                message: `${THREEDS2_CHALLENGE_ERROR}: challenge resolved without a \"result\" object`\n                            });\n\n                            console.debug('### PrepareChallenge3DS2::exiting:: challenge resolved without a \"result\" object');\n\n                            return;\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","subtype","Analytics3DS2Events","CHALLENGE_IFRAME_LOADED","onFormSubmit","msg","CHALLENGE_DATA_SENT","componentDidMount","isErrorObject","shouldAllowHttpDomains","environment","_environmentUrls","api","includes","acsURL","isValidHttpUrl","setError","errorInfo","Analytics3DS2Errors","TOKEN_IS_MISSING_ACSURL","i18n","get","errorCodeObject","THREEDS2_ERROR","code","errorType","ANALYTICS_API_ERROR","acsTransID","messageVersion","threeDSServerTransID","cReqData","TOKEN_IS_MISSING_OTHER_PROPS","setState","errorMsg","errorCode","indexOf","ACTION_IS_MISSING_TOKEN","TOKEN_DECODE_OR_PARSING_FAILED","setStatusComplete","resultObj","data","createOldChallengeResolveData","createChallengeResolveData","dataKey","transStatus","paymentData","analyticsObject","finalResObject","errorTypeAndCode","THREEDS2_TIMEOUT","NO_TRANSSTATUS","ANALYTICS_NETWORK_ERROR","result","THREEDS2_NUM","CHALLENGE_COMPLETED","errorInfoObj","isFatal","AdyenCheckoutError","ERROR","cause","errorObj","render","_","getImage","useImage","h","DoChallenge3DS2","onCompleteChallenge","challenge","hasOwnProperty","length","errorDescription","values","CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP","onErrorChallenge","timeoutObject","THREEDS2_CHALLENGE","div","className","Img","src","imageFolder","alt"],"mappings":"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"}
+{"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 { 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, ANALYTICS_NETWORK_ERROR, Analytics3DS2Errors, Analytics3DS2Events } 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        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 // TODO confirm that this.props.size is legacy and can be removed\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 onFormSubmit = (msg: string) => {\n        this.props.onSubmitAnalytics({\n            type: THREEDS2_FULL,\n            message: msg,\n            subtype: Analytics3DS2Events.CHALLENGE_DATA_SENT\n        });\n    };\n\n    componentDidMount() {\n        const hasChallengeData = !isErrorObject(this.state.challengeData);\n\n        if (hasChallengeData) {\n            const shouldAllowHttpDomains =\n                /** Allow http urls if in development and testing against localhost:8080 */\n                (process.env.NODE_ENV === 'development' && process.env.__CLIENT_ENV__?.indexOf('localhost:8080') > -1) ||\n                /**\n                 * Allows the checkoutshopper demo on localhost:8080 to work -\n                 *  requires a configuration in localhost of environment: 'test', _environmentUrls: {api: 'http://localhost:8080/'}\n                 */\n                (this.props.environment === 'test' && this.props._environmentUrls?.api?.includes('http://localhost:8080'));\n\n            /**\n             * Check the structure of the created challengeData\n             */\n            const { acsURL } = this.state.challengeData as ChallengeData;\n            const hasValidAcsURL = isValidHttpUrl(acsURL, shouldAllowHttpDomains);\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: SendAnalyticsObject = {\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 // TODO Decide if we want to expose this data\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                } as SendAnalyticsObject);\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 // TODO Decide if we want to expose this data\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            let analyticsObject: SendAnalyticsObject;\n\n            /** Are we in an \"error\" i.e. timeout or no transStatus, 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 : Analytics3DS2Errors.NO_TRANSSTATUS,\n                    errorType: finalResObject.errorCode === 'timeout' ? ANALYTICS_NETWORK_ERROR : ANALYTICS_API_ERROR\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 as ErrorCodeObject).message,\n                    ...errorTypeAndCode\n                };\n\n                // Send error to analytics endpoint\n                this.props.onSubmitAnalytics(analyticsObject);\n            }\n\n            /** Calculate \"result\" for analytics */\n            let result: string;\n\n            switch (resultObj?.transStatus) {\n                case 'Y':\n                    result = 'success';\n                    break;\n                case 'N':\n                    result = 'failed';\n                    break;\n                case 'U':\n                    result = !errorCodeObject ? 'cancelled' : 'timeout';\n                    break;\n                default:\n            }\n            if (resultObj?.errorCode) {\n                result = 'noTransStatus';\n            }\n\n            /** Create log object - the process is completed, one way or another */\n            analyticsObject = {\n                type: THREEDS2_FULL,\n                message: `${THREEDS2_NUM} challenge has completed`,\n                subtype: Analytics3DS2Events.CHALLENGE_COMPLETED,\n                result\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(new AdyenCheckoutError(ERROR, errorInfoObj.errorInfo, { cause: errorInfoObj.errorObj }));\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                        /**\n                         * An object has been returned, parsed & accepted as legit (according to the rules in getProcessMessageHandler),\n                         * but the result prop on that object is missing\n                         */\n                        if (!challenge.result) {\n                            this.setError(\n                                {\n                                    errorInfo: `${THREEDS2_CHALLENGE_ERROR}:  ${this.props.i18n.get('3ds.chal.805', {\n                                        values: { result: '\"result\"' }\n                                    })}`,\n                                    errorObj: challenge as unknown as ErrorObject\n                                },\n                                true\n                            );\n\n                            // Send error to analytics endpoint\n                            this.props.onSubmitAnalytics({\n                                type: THREEDS2_ERROR,\n                                code: Analytics3DS2Errors.CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP,\n                                errorType: ANALYTICS_API_ERROR,\n                                message: `${THREEDS2_CHALLENGE_ERROR}: challenge resolved without a \"result\" object`\n                            });\n\n                            console.debug('### PrepareChallenge3DS2::exiting:: challenge resolved without a \"result\" object');\n\n                            return;\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.props.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","componentDidMount","isErrorObject","this","state","challengeData","shouldAllowHttpDomains","props","environment","_environmentUrls","api","includes","acsURL","isValidHttpUrl","setError","errorInfo","Analytics3DS2Errors","TOKEN_IS_MISSING_ACSURL","i18n","get","errorCodeObject","type","THREEDS2_ERROR","code","errorType","ANALYTICS_API_ERROR","message","THREEDS2_CHALLENGE_ERROR","onSubmitAnalytics","console","debug","acsTransID","messageVersion","threeDSServerTransID","cReqData","TOKEN_IS_MISSING_OTHER_PROPS","setState","status","errorMsg","error","errorCode","indexOf","MISSING_TOKEN_IN_ACTION_MSG","ACTION_IS_MISSING_TOKEN","TOKEN_DECODE_OR_PARSING_FAILED","setStatusComplete","resultObj","data","isMDFlow","createOldChallengeResolveData","createChallengeResolveData","dataKey","transStatus","paymentData","analyticsObject","finalResObject","errorTypeAndCode","THREEDS2_TIMEOUT","NO_TRANSSTATUS","ANALYTICS_NETWORK_ERROR","result","THREEDS2_FULL","THREEDS2_NUM","subtype","Analytics3DS2Events","CHALLENGE_COMPLETED","onComplete","errorInfoObj","isFatal","onError","AdyenCheckoutError","ERROR","cause","errorObj","render","_","getImage","useImage","h","DoChallenge3DS2","onCompleteChallenge","challenge","hasOwnProperty","length","errorDescription","values","CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP","onErrorChallenge","timeoutObject","THREEDS2_CHALLENGE","onActionHandled","onFormSubmit","div","className","Img","src","imageFolder","alt","constructor","super","_define_property","msg","CHALLENGE_DATA_SENT","token","prepareChallengeData","size","challengeWindowSize","success","defaultProps"],"mappings":"2/BAwBA,MAAMA,UAA6BC,EAoC/BC,iBAAAA,GAGI,IAF0BC,EAAcC,KAAKC,MAAMC,eAE7B,CAClB,MAAMC,EAO0B,SAA3BH,KAAKI,MAAMC,aAA0BL,KAAKI,MAAME,kBAAkBC,KAAKC,SAAS,0BAK/EC,OAAEA,GAAWT,KAAKC,MAAMC,cAI9B,IAHuBQ,EAAeD,EAAQN,GAGzB,CAEjBH,KAAKW,SACD,CACIC,UAAW,GAAGC,EAAoBC,4BAA4Bd,KAAKI,MAAMW,KAAKC,IAAI,oBAEtF,GAIJ,MAAMC,EAAuC,CACzCC,KAAMC,EACNC,KAAMP,EAAoBC,wBAC1BO,UAAWC,EACXC,QAAS,GAAGC,uDAMhB,OAHAxB,KAAKI,MAAMqB,kBAAkBR,QAE7BS,QAAQC,MAAM,sDAElB,CAEA,MAAMC,WAAEA,EAAUC,eAAEA,EAAcC,qBAAEA,GAA0B9B,KAAKC,MAAMC,cAAgC6B,SAGzG,IAAKH,IAAeC,IAAmBC,EAqBnC,OAnBA9B,KAAKW,SACD,CACIC,UAAW,GAAGC,EAAoBmB,iCAAiChC,KAAKI,MAAMW,KAAKC,IAAI,oBAG3F,GAIJhB,KAAKI,MAAMqB,kBAAkB,CACzBP,KAAMC,EACNC,KAAMP,EAAoBmB,6BAC1BX,UAAWC,EACXC,QAAS,GAAGC,kIAGhBE,QAAQC,MACJ,4IAMR3B,KAAKiC,SAAS,CAAEC,OAAQ,4BAErB,CACH,MAAMC,EAAmBnC,KAAMC,MAAMC,cAA8BkC,MAE7DC,EACFF,EAASG,QAAQC,IAAgC,EAC3C1B,EAAoB2B,wBACpB3B,EAAoB4B,+BAG9BzC,KAAKW,SACD,CACIC,UACIuB,EAASG,QAAQC,IAAgC,EAC3C,GAAG1B,EAAoB2B,4BAA4BxC,KAAKI,MAAMW,KAAKC,IAAI,kBACvE,GAAGH,EAAoB4B,mCAAmCzC,KAAKI,MAAMW,KAAKC,IAAI,oBAG5F,GAIJhB,KAAKI,MAAMqB,kBAAkB,CACzBP,KAAMC,EACNC,KAAMiB,EACNhB,UAAWC,EACXC,QAAS,GAAGC,MAA6BW,MAG7CT,QAAQC,MAAM,uDAClB,CACJ,CAEAe,iBAAAA,CAAkBC,EAAyB1B,EAAmC,MAC1EjB,KAAKiC,SAAS,CAAEC,OAAQ,aAAc,KAKlC,MACMU,GADsB5C,KAAKI,MAAMyC,SAAWC,EAAgCC,GACjD/C,KAAKI,MAAM4C,QAASL,EAAUM,YAAajD,KAAKI,MAAM8C,aAMvF,IAAIC,EAJAlC,GACAS,QAAQC,MAAM,8CAA+CV,GAMjE,MAAMmC,EAAiBnC,GAAoC0B,EAC3D,GAAIS,EAAef,UAAW,CAC1B,MAAMgB,EAAmB,CACrBjC,KAAmC,YAA7BgC,EAAef,UAA0BxB,EAAoByC,iBAAmBzC,EAAoB0C,eAC1GlC,UAAwC,YAA7B+B,EAAef,UAA0BmB,EAA0BlC,GAKlF6B,EAAkB,CACdjC,KAAMC,EACNI,QAAU6B,EAAmC7B,WAC1C8B,GAIPrD,KAAKI,MAAMqB,kBAAkB0B,EACjC,CAGA,IAAIM,EAEJ,OAAQd,GAAWM,aACf,IAAK,IACDQ,EAAS,UACT,MACJ,IAAK,IACDA,EAAS,SACT,MACJ,IAAK,IACDA,EAAUxC,EAAgC,UAAd,YAIhC0B,GAAWN,YACXoB,EAAS,iBAIbN,EAAkB,CACdjC,KAAMwC,EACNnC,QAAS,GAAGoC,4BACZC,QAASC,EAAoBC,oBAC7BL,UAIJzD,KAAKI,MAAMqB,kBAAkB0B,GAK7BnD,KAAKI,MAAM2D,WAAWnB,EAAAA,GAE9B,CASAjC,QAAAA,CAASqD,EAAqCC,GAC1CjE,KAAKiC,SAAS,CAAEC,OAAQ,QAAStB,UAAWoD,EAAapD,YAGrDqD,GACAjE,KAAKI,MAAM8D,QAAQ,IAAIC,EAAmBC,EAAOJ,EAAapD,UAAW,CAAEyD,MAAOL,EAAaM,WAEvG,CAEAC,MAAAA,CAAOC,GAAGtE,cAAEA,IACR,MAAMuE,EAAWC,IACjB,MAA0B,wBAAtB1E,KAAKC,MAAMiC,OAEPyC,EAACC,EAAAA,CACGC,oBAAsBC,IAClB,IAAI7D,EAAmC,KAoCvC,GAjCI8D,EAAeD,EAAUrB,OAAQ,cAAgBqB,EAAUrB,OAAOpB,UAAU2C,SAE5E/D,EAAkB,CACdoB,UAAWyC,EAAUrB,OAAOpB,UAC5Bd,QAAS,GAAGC,MACRsD,EAAUrB,OAAOwB,iBAAmBH,EAAUrB,OAAOwB,iBAAmB,uCAS5EjF,KAAKI,MAAMyC,UACX7C,KAAKI,MAAM8D,QACP,IAAIC,EACAC,EACA,GAAG5C,MACCsD,EAAUrB,OAAOwB,iBACXH,EAAUrB,OAAOwB,iBACjB,sCAEV,CAAEZ,MAAOS,EAAUrB,OAAOpB,eAUrCyC,EAAUrB,OAqBX,OApBAzD,KAAKW,SACD,CACIC,UAAW,GAAGY,OAA8BxB,KAAKI,MAAMW,KAAKC,IAAI,eAAgB,CAC5EkE,OAAQ,CAAEzB,OAAQ,gBAEtBa,SAAUQ,IAEd,GAIJ9E,KAAKI,MAAMqB,kBAAkB,CACzBP,KAAMC,EACNC,KAAMP,EAAoBsE,uCAC1B9D,UAAWC,EACXC,QAAS,GAAGC,yDAGhBE,QAAQC,MAAM,oFAMlB3B,KAAK0C,kBAAkBoC,EAAUrB,OAAQxC,EAAAA,EAE7CmE,iBAAmBN,IAIf,GAAIC,EAAeD,EAAW,aAAc,CACxC,MAAMO,EAAiC,CACnChD,UAAWyC,EAAUzC,UACrBd,QAAS,GAAG+D,MAAuBR,EAAUzC,aAajD,OATIrC,KAAKI,MAAMyC,UACX7C,KAAKI,MAAM8D,QACP,IAAIC,EAAmBC,EAAO,GAAG5C,gCAAwD,CACrF6C,MAAOS,EAAUzC,kBAK7BrC,KAAK0C,kBAAkBoC,EAAUrB,OAAQ4B,EAE7C,MAEAnF,EACJqF,gBAAiBvF,KAAKI,MAAMmF,gBAC5BC,aAAcxF,KAAKwF,eAKL,UAAtBxF,KAAKC,MAAMiC,OAEPyC,EAACc,MAAAA,CAAIC,UAAU,4CACXf,EAACgB,EAAAA,CACGD,UAAU,mEACVE,IAAKnB,EAAS,CACVoB,YAAa,eADZpB,CAEF,SACHqB,IAAK,KAETnB,EAACc,MAAAA,CAAIC,UAAU,gCACV1F,KAAKC,MAAMW,UAAYZ,KAAKC,MAAMW,UAAYZ,KAAKI,MAAMW,KAAKC,IAAI,2BAM5E,IACX,CAnVA+E,WAAAA,CAAY3F,GAGR,GAFA4F,MAAM5F,GAoBV6F,EAAAjG,KAAOwF,gBAAgBU,IACnBlG,KAAKI,MAAMqB,kBAAkB,CACzBP,KAAMwC,EACNnC,QAAS2E,EACTtC,QAASC,EAAoBsC,qBACjC,IAvBInG,KAAKI,MAAMgG,MAAO,CAClB,MAAMlG,EAA6CmG,EAAqB,CACpED,MAAOpG,KAAKI,MAAMgG,MAClBE,KAAMtG,KAAKI,MAAMmG,qBAAuBvG,KAAKI,MAAMkG,OAGvDtG,KAAKC,MAAQ,CACTiC,OAAQ,OACRhC,cAAeA,QAInBF,KAAKC,MAAQ,CAAEC,cAAe,CAAEsG,SAAS,EAAOpE,MAAOG,IAEvDb,QAAQC,MAAM,GAAGH,MAA6Be,IAEtD,EAzBA0D,EADErG,EACY6G,eAAe,CACzB1C,WAAY,OACZG,QAAS,OACTrB,UAAU"}

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"../../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};
+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";function h(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c="threeDSMethodIframe";class l extends e{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:c,callback:()=>{i?.({componentType:"3DS2Fingerprint",actionDescription:`${m} fingerprint iframe loaded`})}}),r(n,{name:"threeDSMethodForm",action:e,target:c,inputName:"threeDSMethodData",inputValue:a,onFormSubmit:o})))}constructor(e){super(e),h(this,"processMessageHandler",void 0),h(this,"fingerPrintPromise",void 0);const{threeDSServerTransID:r,threeDSMethodNotificationURL:t}=this.props,s=JSON.stringify({threeDSServerTransID:r,threeDSMethodNotificationURL:t}),n=d(s);this.state={base64URLencodedData:n}}}h(l,"defaultProps",{showSpinner:!0});export{l 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 '../../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             \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"}
+{"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            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","get3DS2MethodPromise","Promise","resolve","reject","this","processMessageHandler","getProcessMessageHandler","props","postMessageDomain","window","addEventListener","componentDidMount","fingerPrintPromise","promiseTimeout","THREEDS_METHOD_TIMEOUT","FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT","promise","then","resolveObject","removeEventListener","onCompleteFingerprint","catch","rejectObject","onErrorFingerprint","componentWillUnmount","cancel","render","threeDSMethodURL","onActionHandled","onFormSubmit","base64URLencodedData","h","div","className","showSpinner","Spinner","style","display","Iframe","name","callback","componentType","actionDescription","THREEDS2_NUM","ThreeDS2Form","action","target","inputName","inputValue","constructor","super","_define_property","threeDSServerTransID","threeDSMethodNotificationURL","jsonStr","JSON","stringify","encodeBase64URL","state","defaultProps"],"mappings":"+nBAUA,MAAMA,EAAa,sBAWnB,MAAMC,UAA0BC,EAuB5BC,oBAAAA,GACI,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAIzBC,KAAKC,sBAAwBC,EAAyBF,KAAKG,MAAMC,kBAAmBN,EAASC,EAAQ,qBAErGM,OAAOC,iBAAiB,UAAWN,KAAKC,sBAAqB,GAErE,CAEAM,iBAAAA,GAEIP,KAAKQ,mBAAqBC,EAAeC,EAAwBV,KAAKJ,uBAAwBe,GAC9FX,KAAKQ,mBAAmBI,QACnBC,MAAKC,IACFT,OAAOU,oBAAoB,UAAWf,KAAKC,uBAC3CD,KAAKG,MAAMa,sBAAsBF,EAAAA,IAEpCG,OAAMC,IACHb,OAAOU,oBAAoB,UAAWf,KAAKC,uBAC3CD,KAAKG,MAAMgB,mBAAmBD,EAAAA,GAE1C,CAEAE,oBAAAA,GACQpB,KAAKQ,oBAAoBR,KAAKQ,mBAAmBa,SACrDhB,OAAOU,oBAAoB,UAAWf,KAAKC,sBAC/C,CAEAqB,MAAAA,EAAOC,iBAAEA,EAAgBC,gBAAEA,EAAeC,aAAEA,IAAgBC,qBAAEA,IAC1D,OACIC,EAACC,MAAAA,CAAIC,UAAU,2CACV7B,KAAKG,MAAM2B,aAAeH,EAACI,QAC5BJ,EAACC,MAAAA,CAAII,MAAO,CAAEC,QAAS,SACnBN,EAACO,EAAAA,CACGC,KAAM1C,EACN2C,SAAU,KACNZ,IAAkB,CAAEa,cAAe,kBAAmBC,kBAAmB,GAAGC,+BAAyC,IAG7HZ,EAACa,EAAAA,CACGL,KAAM,oBACNM,OAAQlB,EACRmB,OAAQjD,EACRkD,UAAW,oBACXC,WAAYlB,EACZD,aAAcA,KAKlC,CApEAoB,WAAAA,CAAY1C,GACR2C,MAAM3C,GAPV4C,EAAA/C,KAAQC,6BAAR,GACA8C,EAAA/C,KAAQQ,0BAAR,GAWI,MAAMwC,qBAAEA,EAAoBC,6BAAEA,GAAiCjD,KAAKG,MAE9D+C,EAAUC,KAAKC,UAAU,CAC3BJ,uBACAC,iCAEEvB,EAAuB2B,EAAgBH,GAC7ClD,KAAKsD,MAAQ,CAAE5B,uBACnB,EAlBAqB,EAHErD,EAGY6D,eAAe,CACzBzB,aAAa"}