@adyen/adyen-web 6.45.1 → 6.46.0-alpha.7c7199d

package/dist/es-legacy/components/ANCV/ANCV.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/ANCVInput.js";import o from"./components/ANCVAwait/config.js";import{Await as n}from"../internal/Await/Await.js";import s from"../../core/Errors/AdyenCheckoutError.js";import i from"../internal/PayButton/PayButton.js";import{sanitizeResponse as a,verifyPaymentDidNotFail as p}from"../internal/UIElement/utils.js";function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}class m extends e{formatData(){var t;return{paymentMethod:{type:m.type,beneficiaryId:null===(t=this.state.data)||void 0===t?void 0:t.beneficiaryId}}}submit(){if(!this.isValid)return this.showValidation(),!1;this.createOrder().then(this.makePaymentsCall).then(a).then(p).then(this.handleResponse).catch(this.handleFailedResult)}get isValid(){return!!this.state.isValid}get displayName(){return this.props.name}componentToRender(){return this.props.paymentData?t(n,{clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.props.onError,onComplete:this.onComplete,brandLogo:this.icon,brandName:this.displayName,type:this.constructor.type,messageText:this.props.i18n.get("ancv.confirmPayment"),awaitText:this.props.i18n.get("await.waitForConfirmation"),showCountdownTimer:o.showCountdownTimer,throttleTime:o.THROTTLE_TIME,throttleInterval:o.THROTTLE_INTERVAL,onActionHandled:this.onActionHandled}):t(r,h(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach(function(e){c(t,e,r[e])})}return t}({},this.props),{setComponentRef:this.setComponentRef,onSubmit:this.submit,onChange:this.setState,payButton:this.payButton,showPayButton:this.props.showPayButton}))}constructor(...e){super(...e),c(this,"onOrderRequest",t=>this.props.onOrderRequest?new Promise((e,r)=>{this.props.onOrderRequest(e,r,t)}):this.props.session?this.props.session.createOrder():void 0),c(this,"createOrder",()=>(this.setStatus("loading"),this.props.order?Promise.resolve():this.onOrderRequest(this.data).then(t=>{const e={order:{orderData:t.orderData,pspReference:t.pspReference}};return this.setState(e),Promise.resolve()}).catch(t=>{t instanceof s?this.handleError(t):this.handleError(new s("ERROR",t))}))),c(this,"payButton",e=>t(i,e))}}c(m,"type","ancv");export{m as ANCVElement,m 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/ANCVInput.js";import o from"./components/ANCVAwait/config.js";import{Await as n}from"../internal/Await/Await.js";import s from"../../core/Errors/AdyenCheckoutError.js";import i from"../internal/PayButton/PayButton.js";import{sanitizeResponse as a,verifyPaymentDidNotFail as p}from"../internal/UIElement/utils.js";function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach(function(e){c(t,e,r[e])})}return t}function m(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}class l extends e{formatData(){var t;return{paymentMethod:{type:l.type,beneficiaryId:null===(t=this.state.data)||void 0===t?void 0:t.beneficiaryId}}}submit(){if(!this.isValid)return this.showValidation(),!1;this.createOrder().then(this.makePaymentsCall).then(a).then(p).then(this.handleResponse).catch(this.handleFailedResult)}get isValid(){return!!this.state.isValid}get displayName(){return this.props.name}componentToRender(){return this.props.paymentData?t(n,{clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.props.onError,onComplete:this.onComplete,brandLogo:this.icon,brandName:this.displayName,type:this.constructor.type,messageText:this.props.i18n.get("ancv.confirmPayment"),awaitText:this.props.i18n.get("await.waitForConfirmation"),showCountdownTimer:o.showCountdownTimer,throttleTime:o.THROTTLE_TIME,throttleInterval:o.THROTTLE_INTERVAL,onActionHandled:this.onActionHandled}):t(r,m(h({},this.props),{setComponentRef:this.setComponentRef,onSubmit:this.submit,onChange:this.setState,payButton:this.payButton}))}constructor(...e){super(...e),c(this,"onOrderRequest",t=>this.props.onOrderRequest?new Promise((e,r)=>{this.props.onOrderRequest(e,r,t)}):this.props.session?this.props.session.createOrder():void 0),c(this,"createOrder",()=>(this.setStatus("loading"),this.props.order?Promise.resolve():this.onOrderRequest(this.data).then(t=>{const e={order:{orderData:t.orderData,pspReference:t.pspReference}};return this.setState(e),Promise.resolve()}).catch(t=>{t instanceof s?this.handleError(t):this.handleError(new s("ERROR",t))}))),c(this,"payButton",e=>t(i,m(h({},e),{showPayButton:this.props.showPayButton,disclaimerMessage:this.props.disclaimerMessage})))}}c(l,"type","ancv");export{l as ANCVElement,l as default};
 //# sourceMappingURL=ANCV.js.map

package/dist/es-legacy/components/ANCV/ANCV.js.map

@@ -1 +1 @@
-{"version":3,"file":"ANCV.js","sources":["../../../../src/components/ANCV/ANCV.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport ANCVInput from './components/ANCVInput';\nimport config from './components/ANCVAwait/config';\nimport { Await } from '../../components/internal/Await';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport PayButton from '../internal/PayButton';\nimport { ANCVConfiguration } from './types';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\n\nexport class ANCVElement extends UIElement<ANCVConfiguration> {\n    public static readonly type = 'ancv';\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            paymentMethod: {\n                type: ANCVElement.type,\n                beneficiaryId: this.state.data?.beneficiaryId\n            }\n        };\n    }\n\n    private onOrderRequest = data => {\n        if (this.props.onOrderRequest)\n            return new Promise((resolve, reject) => {\n                void this.props.onOrderRequest(resolve, reject, data);\n            });\n\n        if (this.props.session) {\n            return this.props.session.createOrder();\n        }\n    };\n\n    /**\n     * Check if order exists, if it does Resolve.\n     * Otherwise createOrder and then Resolve.\n     */\n    public createOrder = (): Promise<void> => {\n        this.setStatus('loading');\n\n        // allow for multiple ANCV payments, follow giftcard logic and just use order if it exists\n        if (this.props.order) {\n            return Promise.resolve();\n        }\n\n        return this.onOrderRequest(this.data)\n            .then((order: { orderData: string; pspReference: string }) => {\n                const stateOrder = { order: { orderData: order.orderData, pspReference: order.pspReference } };\n                this.setState(stateOrder);\n                return Promise.resolve();\n            })\n            .catch(error => {\n                if (error instanceof AdyenCheckoutError) {\n                    this.handleError(error);\n                } else {\n                    this.handleError(new AdyenCheckoutError('ERROR', error));\n                }\n            });\n    };\n\n    public submit() {\n        if (!this.isValid) {\n            this.showValidation();\n            return false;\n        }\n\n        this.createOrder()\n            .then(this.makePaymentsCall)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    // Reimplement payButton similar to GiftCard to allow to set onClick\n    protected override payButton = (props: PayButtonProps): h.JSX.Element => {\n        return <PayButton {...props} />;\n    };\n\n    get isValid(): boolean {\n        return !!this.state.isValid;\n    }\n\n    get displayName(): string {\n        return this.props.name;\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        if (this.props.paymentData) {\n            return (\n                <Await\n                    clientKey={this.props.clientKey}\n                    paymentData={this.props.paymentData}\n                    onError={this.props.onError}\n                    onComplete={this.onComplete}\n                    brandLogo={this.icon}\n                    brandName={this.displayName}\n                    type={this.constructor['type']}\n                    messageText={this.props.i18n.get('ancv.confirmPayment')}\n                    awaitText={this.props.i18n.get('await.waitForConfirmation')}\n                    showCountdownTimer={config.showCountdownTimer}\n                    throttleTime={config.THROTTLE_TIME}\n                    throttleInterval={config.THROTTLE_INTERVAL}\n                    onActionHandled={this.onActionHandled}\n                />\n            );\n        }\n\n        return (\n            <ANCVInput\n                {...this.props}\n                setComponentRef={this.setComponentRef}\n                onSubmit={this.submit}\n                onChange={this.setState}\n                payButton={this.payButton}\n                showPayButton={this.props.showPayButton}\n            />\n        );\n    }\n}\n\nexport default ANCVElement;\n"],"names":["ANCVElement","UIElement","formatData","_this_state_data","paymentMethod","type","beneficiaryId","this","state","data","submit","isValid","showValidation","createOrder","then","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","handleFailedResult","displayName","props","name","componentToRender","paymentData","h","Await","clientKey","onError","onComplete","brandLogo","icon","brandName","constructor","messageText","i18n","get","awaitText","showCountdownTimer","config","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","ANCVInput","setComponentRef","onSubmit","onChange","setState","payButton","showPayButton","super","args","_define_property","onOrderRequest","Promise","resolve","reject","session","setStatus","order","stateOrder","orderData","pspReference","error","AdyenCheckoutError","handleError","PayButton"],"mappings":"67BAWO,MAAMA,UAAoBC,EAM7BC,UAAAA,GAI2B,IAAAC,EAHvB,MAAO,CACHC,cAAe,CACXC,KAAML,EAAYK,KAClBC,cAA8B,QAAfH,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,OAAA,EAAAA,EAAiBG,eAG5C,CAwCOI,MAAAA,GACH,IAAKH,KAAKI,QAEN,OADAJ,KAAKK,kBACE,EAGXL,KAAKM,cACAC,KAAKP,KAAKQ,kBACVD,KAAKE,GACLF,KAAKG,GACLH,KAAKP,KAAKW,gBACVC,MAAMZ,KAAKa,mBACpB,CAOA,WAAIT,GACA,QAASJ,KAAKC,MAAMG,OACxB,CAEA,eAAIU,GACA,OAAOd,KAAKe,MAAMC,IACtB,CAEmBC,iBAAAA,GACf,OAAIjB,KAAKe,MAAMG,YAEPC,EAACC,EAAAA,CACGC,UAAWrB,KAAKe,MAAMM,UACtBH,YAAalB,KAAKe,MAAMG,YACxBI,QAAStB,KAAKe,MAAMO,QACpBC,WAAYvB,KAAKuB,WACjBC,UAAWxB,KAAKyB,KAChBC,UAAW1B,KAAKc,YAChBhB,KAAME,KAAK2B,YAAY,KACvBC,YAAa5B,KAAKe,MAAMc,KAAKC,IAAI,uBACjCC,UAAW/B,KAAKe,MAAMc,KAAKC,IAAI,6BAC/BE,mBAAoBC,EAAOD,mBAC3BE,aAAcD,EAAOE,cACrBC,iBAAkBH,EAAOI,kBACzBC,gBAAiBtC,KAAKsC,kBAM9BnB,EAACoB,EAAAA,oUAAAA,CAAAA,GACOvC,KAAKe,OAAK,CACdyB,gBAAiBxC,KAAKwC,gBACtBC,SAAUzC,KAAKG,OACfuC,SAAU1C,KAAK2C,SACfC,UAAW5C,KAAK4C,UAChBC,cAAe7C,KAAKe,MAAM8B,gBAGtC,mBA/GGC,SAAAC,GAeHC,EAAAhD,KAAQiD,iBAAiB/C,GACjBF,KAAKe,MAAMkC,eACJ,IAAIC,QAAQ,CAACC,EAASC,KACpBpD,KAAKe,MAAMkC,eAAeE,EAASC,EAAQlD,KAGpDF,KAAKe,MAAMsC,QACJrD,KAAKe,MAAMsC,QAAQ/C,mBAD9B,GASJ0C,OAAO1C,cAAc,KACjBN,KAAKsD,UAAU,WAGXtD,KAAKe,MAAMwC,MACJL,QAAQC,UAGZnD,KAAKiD,eAAejD,KAAKE,MAC3BK,KAAMgD,IACH,MAAMC,EAAa,CAAED,MAAO,CAAEE,UAAWF,EAAME,UAAWC,aAAcH,EAAMG,eAE9E,OADA1D,KAAK2C,SAASa,GACPN,QAAQC,YAElBvC,MAAM+C,IACCA,aAAiBC,EACjB5D,KAAK6D,YAAYF,GAEjB3D,KAAK6D,YAAY,IAAID,EAAmB,QAASD,QAoBjEX,EAAAhD,KAAmB4C,YAAa7B,GACrBI,EAAC2C,EAAc/C,KApE1BiC,EADSvD,EACcK,OAAO"}
+{"version":3,"file":"ANCV.js","sources":["../../../../src/components/ANCV/ANCV.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport ANCVInput from './components/ANCVInput';\nimport config from './components/ANCVAwait/config';\nimport { Await } from '../../components/internal/Await';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport PayButton from '../internal/PayButton';\nimport { ANCVConfiguration } from './types';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\n\nexport class ANCVElement extends UIElement<ANCVConfiguration> {\n    public static readonly type = 'ancv';\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            paymentMethod: {\n                type: ANCVElement.type,\n                beneficiaryId: this.state.data?.beneficiaryId\n            }\n        };\n    }\n\n    private onOrderRequest = data => {\n        if (this.props.onOrderRequest)\n            return new Promise((resolve, reject) => {\n                void this.props.onOrderRequest(resolve, reject, data);\n            });\n\n        if (this.props.session) {\n            return this.props.session.createOrder();\n        }\n    };\n\n    /**\n     * Check if order exists, if it does Resolve.\n     * Otherwise createOrder and then Resolve.\n     */\n    public createOrder = (): Promise<void> => {\n        this.setStatus('loading');\n\n        // allow for multiple ANCV payments, follow giftcard logic and just use order if it exists\n        if (this.props.order) {\n            return Promise.resolve();\n        }\n\n        return this.onOrderRequest(this.data)\n            .then((order: { orderData: string; pspReference: string }) => {\n                const stateOrder = { order: { orderData: order.orderData, pspReference: order.pspReference } };\n                this.setState(stateOrder);\n                return Promise.resolve();\n            })\n            .catch(error => {\n                if (error instanceof AdyenCheckoutError) {\n                    this.handleError(error);\n                } else {\n                    this.handleError(new AdyenCheckoutError('ERROR', error));\n                }\n            });\n    };\n\n    public submit() {\n        if (!this.isValid) {\n            this.showValidation();\n            return false;\n        }\n\n        this.createOrder()\n            .then(this.makePaymentsCall)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    // Reimplement payButton similar to GiftCard to allow to set onClick\n    protected override payButton = (props: PayButtonProps): h.JSX.Element => {\n        return <PayButton {...props} showPayButton={this.props.showPayButton} disclaimerMessage={this.props.disclaimerMessage} />;\n    };\n\n    get isValid(): boolean {\n        return !!this.state.isValid;\n    }\n\n    get displayName(): string {\n        return this.props.name;\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        if (this.props.paymentData) {\n            return (\n                <Await\n                    clientKey={this.props.clientKey}\n                    paymentData={this.props.paymentData}\n                    onError={this.props.onError}\n                    onComplete={this.onComplete}\n                    brandLogo={this.icon}\n                    brandName={this.displayName}\n                    type={this.constructor['type']}\n                    messageText={this.props.i18n.get('ancv.confirmPayment')}\n                    awaitText={this.props.i18n.get('await.waitForConfirmation')}\n                    showCountdownTimer={config.showCountdownTimer}\n                    throttleTime={config.THROTTLE_TIME}\n                    throttleInterval={config.THROTTLE_INTERVAL}\n                    onActionHandled={this.onActionHandled}\n                />\n            );\n        }\n\n        return (\n            <ANCVInput\n                {...this.props}\n                setComponentRef={this.setComponentRef}\n                onSubmit={this.submit}\n                onChange={this.setState}\n                payButton={this.payButton}\n            />\n        );\n    }\n}\n\nexport default ANCVElement;\n"],"names":["ANCVElement","UIElement","formatData","_this_state_data","paymentMethod","type","beneficiaryId","this","state","data","submit","isValid","showValidation","createOrder","then","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","handleFailedResult","displayName","props","name","componentToRender","paymentData","h","Await","clientKey","onError","onComplete","brandLogo","icon","brandName","constructor","messageText","i18n","get","awaitText","showCountdownTimer","config","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","ANCVInput","setComponentRef","onSubmit","onChange","setState","payButton","super","args","_define_property","onOrderRequest","Promise","resolve","reject","session","setStatus","order","stateOrder","orderData","pspReference","error","AdyenCheckoutError","handleError","PayButton","showPayButton","disclaimerMessage"],"mappings":"iwCAWO,MAAMA,UAAoBC,EAM7BC,UAAAA,GAI2B,IAAAC,EAHvB,MAAO,CACHC,cAAe,CACXC,KAAML,EAAYK,KAClBC,cAA8B,QAAfH,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,OAAA,EAAAA,EAAiBG,eAG5C,CAwCOI,MAAAA,GACH,IAAKH,KAAKI,QAEN,OADAJ,KAAKK,kBACE,EAGXL,KAAKM,cACAC,KAAKP,KAAKQ,kBACVD,KAAKE,GACLF,KAAKG,GACLH,KAAKP,KAAKW,gBACVC,MAAMZ,KAAKa,mBACpB,CAOA,WAAIT,GACA,QAASJ,KAAKC,MAAMG,OACxB,CAEA,eAAIU,GACA,OAAOd,KAAKe,MAAMC,IACtB,CAEmBC,iBAAAA,GACf,OAAIjB,KAAKe,MAAMG,YAEPC,EAACC,EAAAA,CACGC,UAAWrB,KAAKe,MAAMM,UACtBH,YAAalB,KAAKe,MAAMG,YACxBI,QAAStB,KAAKe,MAAMO,QACpBC,WAAYvB,KAAKuB,WACjBC,UAAWxB,KAAKyB,KAChBC,UAAW1B,KAAKc,YAChBhB,KAAME,KAAK2B,YAAY,KACvBC,YAAa5B,KAAKe,MAAMc,KAAKC,IAAI,uBACjCC,UAAW/B,KAAKe,MAAMc,KAAKC,IAAI,6BAC/BE,mBAAoBC,EAAOD,mBAC3BE,aAAcD,EAAOE,cACrBC,iBAAkBH,EAAOI,kBACzBC,gBAAiBtC,KAAKsC,kBAM9BnB,EAACoB,EAAAA,EAAAA,EAAAA,GACOvC,KAAKe,OAAK,CACdyB,gBAAiBxC,KAAKwC,gBACtBC,SAAUzC,KAAKG,OACfuC,SAAU1C,KAAK2C,SACfC,UAAW5C,KAAK4C,YAG5B,mBA9GGC,SAAAC,GAeHC,EAAA/C,KAAQgD,iBAAiB9C,GACjBF,KAAKe,MAAMiC,eACJ,IAAIC,QAAQ,CAACC,EAASC,KACpBnD,KAAKe,MAAMiC,eAAeE,EAASC,EAAQjD,KAGpDF,KAAKe,MAAMqC,QACJpD,KAAKe,MAAMqC,QAAQ9C,mBAD9B,GASJyC,OAAOzC,cAAc,KACjBN,KAAKqD,UAAU,WAGXrD,KAAKe,MAAMuC,MACJL,QAAQC,UAGZlD,KAAKgD,eAAehD,KAAKE,MAC3BK,KAAM+C,IACH,MAAMC,EAAa,CAAED,MAAO,CAAEE,UAAWF,EAAME,UAAWC,aAAcH,EAAMG,eAE9E,OADAzD,KAAK2C,SAASY,GACPN,QAAQC,YAElBtC,MAAM8C,IACCA,aAAiBC,EACjB3D,KAAK4D,YAAYF,GAEjB1D,KAAK4D,YAAY,IAAID,EAAmB,QAASD,QAoBjEX,EAAA/C,KAAmB4C,YAAa7B,GACrBI,EAAC0C,EAAAA,EAAAA,EAAAA,CAAAA,EAAc9C,GAAAA,CAAO+C,cAAe9D,KAAKe,MAAM+C,cAAeC,kBAAmB/D,KAAKe,MAAMgD,uBApExGhB,EADStD,EACcK,OAAO"}

package/dist/es-legacy/components/ANCV/components/ANCVInput.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as r,useState as a,useRef as t}from"../../../external/preact/hooks/dist/hooks.js";import{useCoreContext as i}from"../../../core/Context/CoreProvider.js";import o from"../../internal/LoadingWrapper/LoadingWrapper.js";import n from"../../internal/FormFields/InputText.js";import s from"../../internal/FormFields/Field/Field.js";import l from"../../../utils/useForm/useForm.js";import"../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import{ancvValidationRules as d}from"../validate.js";function c({showPayButton:c,payButton:u,onChange:m,onSubmit:f,setComponentRef:p}){var b;const{i18n:g}=i(),{handleChangeFor:y,triggerValidation:v,data:h,valid:F,errors:I,isValid:j}=l({schema:["beneficiaryId"],rules:d});r(()=>{m({data:h,errors:I,valid:F,isValid:j})},[m,h,F,I,j]);const[C,k]=a("ready"),x=t({setStatus:k,showValidation:v});return r(()=>{p(x.current)},[p,x.current]),e(o,null,e("div",{className:"adyen-checkout__ancv"},e("p",{className:"adyen-checkout-form-instruction"},g.get("ancv.form.instruction")),e(s,{errorMessage:"string"==typeof(null===(b=I.beneficiaryId)||void 0===b?void 0:b.errorMessage)&&g.get(I.beneficiaryId.errorMessage),label:g.get("ancv.input.label"),isValid:F.beneficiaryId,name:"beneficiaryId"},e(n,{value:h.beneficiaryId,name:"beneficiaryId",spellcheck:!0,required:!0,onInput:y("beneficiaryId","input"),onBlur:y("beneficiaryId","blur"),autocomplete:void 0})),c&&u({status:C,label:g.get("confirmPurchase"),onClick:f})))}c.defaultProps={};export{c as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as r,useState as a,useRef as i}from"../../../external/preact/hooks/dist/hooks.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import o from"../../internal/LoadingWrapper/LoadingWrapper.js";import n from"../../internal/FormFields/InputText.js";import s from"../../internal/FormFields/Field/Field.js";import l from"../../../utils/useForm/useForm.js";import"../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import{ancvValidationRules as d}from"../validate.js";function c({payButton:c,onChange:u,onSubmit:m,setComponentRef:f}){var p;const{i18n:b}=t(),{handleChangeFor:g,triggerValidation:y,data:v,valid:h,errors:F,isValid:I}=l({schema:["beneficiaryId"],rules:d});r(()=>{u({data:v,errors:F,valid:h,isValid:I})},[u,v,h,F,I]);const[j,C]=a("ready"),k=i({setStatus:C,showValidation:y});return r(()=>{f(k.current)},[f,k.current]),e(o,null,e("div",{className:"adyen-checkout__ancv"},e("p",{className:"adyen-checkout-form-instruction"},b.get("ancv.form.instruction")),e(s,{errorMessage:"string"==typeof(null===(p=F.beneficiaryId)||void 0===p?void 0:p.errorMessage)&&b.get(F.beneficiaryId.errorMessage),label:b.get("ancv.input.label"),isValid:h.beneficiaryId,name:"beneficiaryId"},e(n,{value:v.beneficiaryId,name:"beneficiaryId",spellcheck:!0,required:!0,onInput:g("beneficiaryId","input"),onBlur:g("beneficiaryId","blur"),autocomplete:void 0})),c({status:j,label:b.get("confirmPurchase"),onClick:m})))}c.defaultProps={};export{c as default};
 //# sourceMappingURL=ANCVInput.js.map

package/dist/es-legacy/components/ANCV/components/ANCVInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ANCVInput.js","sources":["../../../../../src/components/ANCV/components/ANCVInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport LoadingWrapper from '../../internal/LoadingWrapper';\nimport InputText from '../../internal/FormFields/InputText';\nimport Field from '../../internal/FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport { ancvValidationRules } from '../validate';\nimport { ANCVDataState } from '../types';\nimport { ComponentMethodsRef } from '../../internal/UIElement/types';\nimport { PayButtonProps } from '../../internal/PayButton/PayButton';\nimport { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';\n\nexport interface ANCVInputProps {\n    setComponentRef: (ref: ComponentMethodsRef) => void;\n    showPayButton: boolean;\n    onSubmit: () => void;\n    payButton: (props: PayButtonProps) => h.JSX.Element;\n    onChange: (data: {\n        data: ANCVDataState;\n        errors: { [key: string]: ValidationRuleResult };\n        valid: { [key: string]: boolean };\n        isValid: boolean;\n    }) => void;\n}\n\ntype ANCVInputDataState = ANCVDataState;\n\nfunction ANCVInput({ showPayButton, payButton, onChange, onSubmit, setComponentRef }: Readonly<ANCVInputProps>) {\n    const { i18n } = useCoreContext();\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<ANCVInputDataState>({\n        schema: ['beneficiaryId'],\n        rules: ancvValidationRules\n    });\n\n    useEffect(() => {\n        onChange({ data, errors, valid, isValid });\n    }, [onChange, data, valid, errors, isValid]);\n\n    const [status, setStatus] = useState<string>('ready');\n\n    const ancvRef = useRef<ComponentMethodsRef>({\n        setStatus,\n        showValidation: triggerValidation\n    });\n\n    useEffect(() => {\n        setComponentRef(ancvRef.current);\n    }, [setComponentRef, ancvRef.current]);\n\n    return (\n        <LoadingWrapper>\n            <div className=\"adyen-checkout__ancv\">\n                <p className=\"adyen-checkout-form-instruction\">{i18n.get('ancv.form.instruction')}</p>\n                <Field\n                    errorMessage={typeof errors.beneficiaryId?.errorMessage === 'string' && i18n.get(errors.beneficiaryId.errorMessage)}\n                    label={i18n.get('ancv.input.label')}\n                    isValid={valid.beneficiaryId}\n                    name={'beneficiaryId'}\n                >\n                    <InputText\n                        value={data.beneficiaryId}\n                        name={'beneficiaryId'}\n                        spellcheck={true}\n                        required={true}\n                        onInput={handleChangeFor('beneficiaryId', 'input')}\n                        onBlur={handleChangeFor('beneficiaryId', 'blur')}\n                        autocomplete={undefined}\n                    />\n                </Field>\n                {showPayButton && payButton({ status, label: i18n.get('confirmPurchase'), onClick: onSubmit })}\n            </div>\n        </LoadingWrapper>\n    );\n}\n\nANCVInput.defaultProps = {};\n\nexport default ANCVInput;\n"],"names":["ANCVInput","showPayButton","payButton","onChange","onSubmit","setComponentRef","errors","i18n","useCoreContext","handleChangeFor","triggerValidation","data","valid","isValid","useForm","schema","rules","ancvValidationRules","useEffect","status","setStatus","useState","ancvRef","useRef","showValidation","current","h","LoadingWrapper","div","className","p","get","Field","errorMessage","beneficiaryId","label","name","InputText","value","spellcheck","required","onInput","onBlur","autocomplete","undefined","onClick","defaultProps"],"mappings":"qkBA4BA,SAASA,GAAUC,cAAEA,EAAaC,UAAEA,EAASC,SAAEA,EAAQC,SAAEA,EAAQC,gBAAEA,IA4B1BC,IAAAA,EA3BrC,MAAMC,KAAEA,GAASC,KAEXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKN,OAAEA,EAAMO,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,CAAC,iBACTC,MAAOC,IAGXC,EAAU,KACNf,EAAS,CAAEQ,OAAML,SAAQM,QAAOC,aACjC,CAACV,EAAUQ,EAAMC,EAAON,EAAQO,IAEnC,MAAOM,EAAQC,GAAaC,EAAiB,SAEvCC,EAAUC,EAA4B,CACxCH,YACAI,eAAgBd,IAOpB,OAJAQ,EAAU,KACNb,EAAgBiB,EAAQG,UACzB,CAACpB,EAAiBiB,EAAQG,UAGzBC,EAACC,OACGD,EAACE,MAAAA,CAAIC,UAAU,wBACXH,EAACI,IAAAA,CAAED,UAAU,mCAAmCtB,EAAKwB,IAAI,0BACzDL,EAACM,EAAAA,CACGC,aAA4D,iBAAnB,QAApB3B,EAAAA,EAAO4B,yBAAP5B,SAAAA,EAAsB2B,eAA6B1B,EAAKwB,IAAIzB,EAAO4B,cAAcD,cACtGE,MAAO5B,EAAKwB,IAAI,oBAChBlB,QAASD,EAAMsB,cACfE,KAAM,iBAENV,EAACW,EAAAA,CACGC,MAAO3B,EAAKuB,cACZE,KAAM,gBACNG,YAAY,EACZC,UAAU,EACVC,QAAShC,EAAgB,gBAAiB,SAC1CiC,OAAQjC,EAAgB,gBAAiB,QACzCkC,kBAAcC,KAGrB3C,GAAiBC,EAAU,CAAEiB,SAAQgB,MAAO5B,EAAKwB,IAAI,mBAAoBc,QAASzC,KAInG,CAEAJ,EAAU8C,aAAe,CAAA"}
+{"version":3,"file":"ANCVInput.js","sources":["../../../../../src/components/ANCV/components/ANCVInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport LoadingWrapper from '../../internal/LoadingWrapper';\nimport InputText from '../../internal/FormFields/InputText';\nimport Field from '../../internal/FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport { ancvValidationRules } from '../validate';\nimport { ANCVDataState } from '../types';\nimport { ComponentMethodsRef } from '../../internal/UIElement/types';\nimport { PayButtonProps } from '../../internal/PayButton/PayButton';\nimport { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';\n\nexport interface ANCVInputProps {\n    setComponentRef: (ref: ComponentMethodsRef) => void;\n    onSubmit: () => void;\n    payButton: (props: PayButtonProps) => h.JSX.Element;\n    onChange: (data: {\n        data: ANCVDataState;\n        errors: { [key: string]: ValidationRuleResult };\n        valid: { [key: string]: boolean };\n        isValid: boolean;\n    }) => void;\n}\n\ntype ANCVInputDataState = ANCVDataState;\n\nfunction ANCVInput({ payButton, onChange, onSubmit, setComponentRef }: Readonly<ANCVInputProps>) {\n    const { i18n } = useCoreContext();\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<ANCVInputDataState>({\n        schema: ['beneficiaryId'],\n        rules: ancvValidationRules\n    });\n\n    useEffect(() => {\n        onChange({ data, errors, valid, isValid });\n    }, [onChange, data, valid, errors, isValid]);\n\n    const [status, setStatus] = useState<string>('ready');\n\n    const ancvRef = useRef<ComponentMethodsRef>({\n        setStatus,\n        showValidation: triggerValidation\n    });\n\n    useEffect(() => {\n        setComponentRef(ancvRef.current);\n    }, [setComponentRef, ancvRef.current]);\n\n    return (\n        <LoadingWrapper>\n            <div className=\"adyen-checkout__ancv\">\n                <p className=\"adyen-checkout-form-instruction\">{i18n.get('ancv.form.instruction')}</p>\n                <Field\n                    errorMessage={typeof errors.beneficiaryId?.errorMessage === 'string' && i18n.get(errors.beneficiaryId.errorMessage)}\n                    label={i18n.get('ancv.input.label')}\n                    isValid={valid.beneficiaryId}\n                    name={'beneficiaryId'}\n                >\n                    <InputText\n                        value={data.beneficiaryId}\n                        name={'beneficiaryId'}\n                        spellcheck={true}\n                        required={true}\n                        onInput={handleChangeFor('beneficiaryId', 'input')}\n                        onBlur={handleChangeFor('beneficiaryId', 'blur')}\n                        autocomplete={undefined}\n                    />\n                </Field>\n                {payButton({ status, label: i18n.get('confirmPurchase'), onClick: onSubmit })}\n            </div>\n        </LoadingWrapper>\n    );\n}\n\nANCVInput.defaultProps = {};\n\nexport default ANCVInput;\n"],"names":["ANCVInput","payButton","onChange","onSubmit","setComponentRef","errors","i18n","useCoreContext","handleChangeFor","triggerValidation","data","valid","isValid","useForm","schema","rules","ancvValidationRules","useEffect","status","setStatus","useState","ancvRef","useRef","showValidation","current","h","LoadingWrapper","div","className","p","get","Field","errorMessage","beneficiaryId","label","name","InputText","value","spellcheck","required","onInput","onBlur","autocomplete","undefined","onClick","defaultProps"],"mappings":"qkBA2BA,SAASA,GAAUC,UAAEA,EAASC,SAAEA,EAAQC,SAAEA,EAAQC,gBAAEA,IA4BXC,IAAAA,EA3BrC,MAAMC,KAAEA,GAASC,KAEXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKN,OAAEA,EAAMO,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,CAAC,iBACTC,MAAOC,IAGXC,EAAU,KACNf,EAAS,CAAEQ,OAAML,SAAQM,QAAOC,aACjC,CAACV,EAAUQ,EAAMC,EAAON,EAAQO,IAEnC,MAAOM,EAAQC,GAAaC,EAAiB,SAEvCC,EAAUC,EAA4B,CACxCH,YACAI,eAAgBd,IAOpB,OAJAQ,EAAU,KACNb,EAAgBiB,EAAQG,UACzB,CAACpB,EAAiBiB,EAAQG,UAGzBC,EAACC,OACGD,EAACE,MAAAA,CAAIC,UAAU,wBACXH,EAACI,IAAAA,CAAED,UAAU,mCAAmCtB,EAAKwB,IAAI,0BACzDL,EAACM,EAAAA,CACGC,aAA4D,iBAAnB,QAApB3B,EAAAA,EAAO4B,yBAAP5B,SAAAA,EAAsB2B,eAA6B1B,EAAKwB,IAAIzB,EAAO4B,cAAcD,cACtGE,MAAO5B,EAAKwB,IAAI,oBAChBlB,QAASD,EAAMsB,cACfE,KAAM,iBAENV,EAACW,EAAAA,CACGC,MAAO3B,EAAKuB,cACZE,KAAM,gBACNG,YAAY,EACZC,UAAU,EACVC,QAAShC,EAAgB,gBAAiB,SAC1CiC,OAAQjC,EAAgB,gBAAiB,QACzCkC,kBAAcC,KAGrB1C,EAAU,CAAEiB,SAAQgB,MAAO5B,EAAKwB,IAAI,mBAAoBc,QAASzC,KAIlF,CAEAH,EAAU6C,aAAe,CAAA"}

package/dist/es-legacy/components/Ach/Ach.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 o from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as s}from"../tx-variants.js";import n from"./components/AchComponent.js";import a from"./defaultProps.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 p extends e{formatData(){var t,e;return!!this.props.storedPaymentMethodId?{paymentMethod:{type:p.type,storedPaymentMethodId:this.props.storedPaymentMethodId}}:function(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},s=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),s.forEach(function(e){r(t,e,o[e])})}return t}({paymentMethod:{type:p.type,ownerName:this.state.data.ownerName,accountHolderType:null===(t=this.state.data.selectedAccountType)||void 0===t?void 0:t.split(".")[0],bankAccountType:null===(e=this.state.data.selectedAccountType)||void 0===e?void 0:e.split(".")[1],bankLocationId:this.state.data.routingNumber,bankAccountNumber:this.state.data.accountNumber}},this.state.storePaymentMethod&&{storePaymentMethod:this.state.storePaymentMethod})}get isValid(){return!!this.props.storedPaymentMethodId||!!this.state.isValid}get displayName(){return this.props.storedPaymentMethodId&&this.props.bankAccountNumber?`•••• ${this.props.bankAccountNumber.slice(-4)}`:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId?this.props.i18n.get("ach.savedBankAccount"):""}componentToRender(){return this.props.storedPaymentMethodId?t(o,{showPayButton:this.props.showPayButton,name:this.displayName,payButton:this.payButton,onSubmit:this.submit,setComponentRef:this.setComponentRef}):t(n,{onChange:this.setState,payButton:this.payButton,showPayButton:this.props.showPayButton,hasHolderName:this.props.hasHolderName,placeholders:this.props.placeholders,data:this.props.data,setComponentRef:this.setComponentRef,enableStoreDetails:this.props.enableStoreDetails})}}r(p,"type",s.ach),r(p,"defaultProps",a);export{p as AchElement,p as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as n}from"../tx-variants.js";import s from"./components/AchComponent.js";import a from"./defaultProps.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 i extends e{formatData(){var t,e;return!!this.props.storedPaymentMethodId?{paymentMethod:{type:i.type,storedPaymentMethodId:this.props.storedPaymentMethodId}}:function(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),n.forEach(function(e){r(t,e,o[e])})}return t}({paymentMethod:{type:i.type,ownerName:this.state.data.ownerName,accountHolderType:null===(t=this.state.data.selectedAccountType)||void 0===t?void 0:t.split(".")[0],bankAccountType:null===(e=this.state.data.selectedAccountType)||void 0===e?void 0:e.split(".")[1],bankLocationId:this.state.data.routingNumber,bankAccountNumber:this.state.data.accountNumber}},this.state.storePaymentMethod&&{storePaymentMethod:this.state.storePaymentMethod})}get isValid(){return!!this.props.storedPaymentMethodId||!!this.state.isValid}get displayName(){return this.props.storedPaymentMethodId&&this.props.bankAccountNumber?`•••• ${this.props.bankAccountNumber.slice(-4)}`:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId?this.props.i18n.get("ach.savedBankAccount"):""}componentToRender(){return this.props.storedPaymentMethodId?t(o,{name:this.displayName,payButton:this.payButton,onSubmit:this.submit,setComponentRef:this.setComponentRef}):t(s,{onChange:this.setState,payButton:this.payButton,hasHolderName:this.props.hasHolderName,placeholders:this.props.placeholders,data:this.props.data,setComponentRef:this.setComponentRef,enableStoreDetails:this.props.enableStoreDetails})}}r(i,"type",n.ach),r(i,"defaultProps",a);export{i as AchElement,i as default};
 //# sourceMappingURL=Ach.js.map

package/dist/es-legacy/components/Ach/Ach.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ach.js","sources":["../../../../src/components/Ach/Ach.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport RedirectButton from '../internal/RedirectButton';\nimport { TxVariants } from '../tx-variants';\nimport AchComponent from './components/AchComponent';\nimport defaultProps from './defaultProps';\n\nimport type { AchConfiguration } from './types';\n\nexport class AchElement extends UIElement<AchConfiguration> {\n    public static readonly type = TxVariants.ach;\n\n    protected static readonly defaultProps = defaultProps;\n\n    public override formatData() {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        if (recurringPayment) {\n            return {\n                paymentMethod: {\n                    type: AchElement.type,\n                    storedPaymentMethodId: this.props.storedPaymentMethodId\n                }\n            };\n        }\n\n        return {\n            paymentMethod: {\n                type: AchElement.type,\n                ownerName: this.state.data.ownerName,\n                accountHolderType: this.state.data.selectedAccountType?.split('.')[0],\n                bankAccountType: this.state.data.selectedAccountType?.split('.')[1],\n                bankLocationId: this.state.data.routingNumber,\n                bankAccountNumber: this.state.data.accountNumber\n            },\n            ...(this.state.storePaymentMethod && { storePaymentMethod: this.state.storePaymentMethod })\n        };\n    }\n\n    public override get isValid(): boolean {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    public override get displayName(): string {\n        if (this.props.storedPaymentMethodId && this.props.bankAccountNumber) {\n            return `•••• ${this.props.bankAccountNumber.slice(-4)}`;\n        }\n        return this.props.name;\n    }\n\n    public override get additionalInfo(): string {\n        return this.props.storedPaymentMethodId ? this.props.i18n.get('ach.savedBankAccount') : '';\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return this.props.storedPaymentMethodId ? (\n            <RedirectButton\n                showPayButton={this.props.showPayButton}\n                name={this.displayName}\n                payButton={this.payButton}\n                onSubmit={this.submit}\n                setComponentRef={this.setComponentRef}\n            />\n        ) : (\n            <AchComponent\n                onChange={this.setState}\n                payButton={this.payButton}\n                showPayButton={this.props.showPayButton}\n                hasHolderName={this.props.hasHolderName}\n                placeholders={this.props.placeholders}\n                data={this.props.data}\n                setComponentRef={this.setComponentRef}\n                enableStoreDetails={this.props.enableStoreDetails}\n            />\n        );\n    }\n}\n\nexport default AchElement;\n"],"names":["AchElement","UIElement","formatData","_this_state_data_selectedAccountType","_this_state_data_selectedAccountType1","this","props","storedPaymentMethodId","paymentMethod","type","_object_spread","ownerName","state","data","accountHolderType","selectedAccountType","split","bankAccountType","bankLocationId","routingNumber","bankAccountNumber","accountNumber","storePaymentMethod","isValid","displayName","slice","name","additionalInfo","i18n","get","componentToRender","h","RedirectButton","showPayButton","payButton","onSubmit","submit","setComponentRef","AchComponent","onChange","setState","hasHolderName","placeholders","enableStoreDetails","_define_property","TxVariants","ach","defaultProps"],"mappings":"obASO,MAAMA,UAAmBC,EAKZC,UAAAA,OAgBeC,EACFC,EAdzB,QAF2BC,KAAKC,MAAMC,sBAG3B,CACHC,cAAe,CACXC,KAAMT,EAAWS,KACjBF,sBAAuBF,KAAKC,MAAMC,0VAKvCG,CAAA,CACHF,cAAe,CACXC,KAAMT,EAAWS,KACjBE,UAAWN,KAAKO,MAAMC,KAAKF,UAC3BG,kBAAsD,QAAnCX,EAAAE,KAAKO,MAAMC,KAAKE,+BAAhBZ,SAAAA,EAAqCa,MAAM,KAAK,GACnEC,gBAAoD,QAAnCb,EAAAC,KAAKO,MAAMC,KAAKE,+BAAhBX,SAAAA,EAAqCY,MAAM,KAAK,GACjEE,eAAgBb,KAAKO,MAAMC,KAAKM,cAChCC,kBAAmBf,KAAKO,MAAMC,KAAKQ,gBAEnChB,KAAKO,MAAMU,oBAAsB,CAAEA,mBAAoBjB,KAAKO,MAAMU,oBAE9E,CAEA,WAAoBC,GAChB,QAAIlB,KAAKC,MAAMC,yBAINF,KAAKO,MAAMW,OACxB,CAEA,eAAoBC,GAChB,OAAInB,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMc,kBACxC,QAAQf,KAAKC,MAAMc,kBAAkBK,OAAM,KAE/CpB,KAAKC,MAAMoB,IACtB,CAEA,kBAAoBC,GAChB,OAAOtB,KAAKC,MAAMC,sBAAwBF,KAAKC,MAAMsB,KAAKC,IAAI,wBAA0B,EAC5F,CAEmBC,iBAAAA,GACf,OAAOzB,KAAKC,MAAMC,sBACdwB,EAACC,EAAAA,CACGC,cAAe5B,KAAKC,MAAM2B,cAC1BP,KAAMrB,KAAKmB,YACXU,UAAW7B,KAAK6B,UAChBC,SAAU9B,KAAK+B,OACfC,gBAAiBhC,KAAKgC,kBAG1BN,EAACO,EAAAA,CACGC,SAAUlC,KAAKmC,SACfN,UAAW7B,KAAK6B,UAChBD,cAAe5B,KAAKC,MAAM2B,cAC1BQ,cAAepC,KAAKC,MAAMmC,cAC1BC,aAAcrC,KAAKC,MAAMoC,aACzB7B,KAAMR,KAAKC,MAAMO,KACjBwB,gBAAiBhC,KAAKgC,gBACtBM,mBAAoBtC,KAAKC,MAAMqC,oBAG3C,EArEAC,EADS5C,EACcS,OAAOoC,EAAWC,KAEzCF,EAHS5C,EAGiB+C,eAAeA"}
+{"version":3,"file":"Ach.js","sources":["../../../../src/components/Ach/Ach.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport RedirectButton from '../internal/RedirectButton';\nimport { TxVariants } from '../tx-variants';\nimport AchComponent from './components/AchComponent';\nimport defaultProps from './defaultProps';\n\nimport type { AchConfiguration } from './types';\n\nexport class AchElement extends UIElement<AchConfiguration> {\n    public static readonly type = TxVariants.ach;\n\n    protected static readonly defaultProps = defaultProps;\n\n    public override formatData() {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        if (recurringPayment) {\n            return {\n                paymentMethod: {\n                    type: AchElement.type,\n                    storedPaymentMethodId: this.props.storedPaymentMethodId\n                }\n            };\n        }\n\n        return {\n            paymentMethod: {\n                type: AchElement.type,\n                ownerName: this.state.data.ownerName,\n                accountHolderType: this.state.data.selectedAccountType?.split('.')[0],\n                bankAccountType: this.state.data.selectedAccountType?.split('.')[1],\n                bankLocationId: this.state.data.routingNumber,\n                bankAccountNumber: this.state.data.accountNumber\n            },\n            ...(this.state.storePaymentMethod && { storePaymentMethod: this.state.storePaymentMethod })\n        };\n    }\n\n    public override get isValid(): boolean {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    public override get displayName(): string {\n        if (this.props.storedPaymentMethodId && this.props.bankAccountNumber) {\n            return `•••• ${this.props.bankAccountNumber.slice(-4)}`;\n        }\n        return this.props.name;\n    }\n\n    public override get additionalInfo(): string {\n        return this.props.storedPaymentMethodId ? this.props.i18n.get('ach.savedBankAccount') : '';\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return this.props.storedPaymentMethodId ? (\n            <RedirectButton\n                name={this.displayName}\n                payButton={this.payButton}\n                onSubmit={this.submit}\n                setComponentRef={this.setComponentRef}\n            />\n        ) : (\n            <AchComponent\n                onChange={this.setState}\n                payButton={this.payButton}\n                hasHolderName={this.props.hasHolderName}\n                placeholders={this.props.placeholders}\n                data={this.props.data}\n                setComponentRef={this.setComponentRef}\n                enableStoreDetails={this.props.enableStoreDetails}\n            />\n        );\n    }\n}\n\nexport default AchElement;\n"],"names":["AchElement","UIElement","formatData","_this_state_data_selectedAccountType","_this_state_data_selectedAccountType1","this","props","storedPaymentMethodId","paymentMethod","type","_object_spread","ownerName","state","data","accountHolderType","selectedAccountType","split","bankAccountType","bankLocationId","routingNumber","bankAccountNumber","accountNumber","storePaymentMethod","isValid","displayName","slice","name","additionalInfo","i18n","get","componentToRender","h","RedirectButton","payButton","onSubmit","submit","setComponentRef","AchComponent","onChange","setState","hasHolderName","placeholders","enableStoreDetails","_define_property","TxVariants","ach","defaultProps"],"mappings":"obASO,MAAMA,UAAmBC,EAKZC,UAAAA,OAgBeC,EACFC,EAdzB,QAF2BC,KAAKC,MAAMC,sBAG3B,CACHC,cAAe,CACXC,KAAMT,EAAWS,KACjBF,sBAAuBF,KAAKC,MAAMC,0VAKvCG,CAAA,CACHF,cAAe,CACXC,KAAMT,EAAWS,KACjBE,UAAWN,KAAKO,MAAMC,KAAKF,UAC3BG,kBAAsD,QAAnCX,EAAAE,KAAKO,MAAMC,KAAKE,+BAAhBZ,SAAAA,EAAqCa,MAAM,KAAK,GACnEC,gBAAoD,QAAnCb,EAAAC,KAAKO,MAAMC,KAAKE,+BAAhBX,SAAAA,EAAqCY,MAAM,KAAK,GACjEE,eAAgBb,KAAKO,MAAMC,KAAKM,cAChCC,kBAAmBf,KAAKO,MAAMC,KAAKQ,gBAEnChB,KAAKO,MAAMU,oBAAsB,CAAEA,mBAAoBjB,KAAKO,MAAMU,oBAE9E,CAEA,WAAoBC,GAChB,QAAIlB,KAAKC,MAAMC,yBAINF,KAAKO,MAAMW,OACxB,CAEA,eAAoBC,GAChB,OAAInB,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMc,kBACxC,QAAQf,KAAKC,MAAMc,kBAAkBK,OAAM,KAE/CpB,KAAKC,MAAMoB,IACtB,CAEA,kBAAoBC,GAChB,OAAOtB,KAAKC,MAAMC,sBAAwBF,KAAKC,MAAMsB,KAAKC,IAAI,wBAA0B,EAC5F,CAEmBC,iBAAAA,GACf,OAAOzB,KAAKC,MAAMC,sBACdwB,EAACC,EAAAA,CACGN,KAAMrB,KAAKmB,YACXS,UAAW5B,KAAK4B,UAChBC,SAAU7B,KAAK8B,OACfC,gBAAiB/B,KAAK+B,kBAG1BL,EAACM,EAAAA,CACGC,SAAUjC,KAAKkC,SACfN,UAAW5B,KAAK4B,UAChBO,cAAenC,KAAKC,MAAMkC,cAC1BC,aAAcpC,KAAKC,MAAMmC,aACzB5B,KAAMR,KAAKC,MAAMO,KACjBuB,gBAAiB/B,KAAK+B,gBACtBM,mBAAoBrC,KAAKC,MAAMoC,oBAG3C,EAnEAC,EADS3C,EACcS,OAAOmC,EAAWC,KAEzCF,EAHS3C,EAGiB8C,eAAeA"}

package/dist/es-legacy/components/Ach/components/AchComponent.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useMemo as r,useState as o,useRef as t,useEffect as a,useCallback as n}from"../../../external/preact/hooks/dist/hooks.js";import{useCoreContext as i}from"../../../core/Context/CoreProvider.js";import u from"../../internal/FormInstruction/FormInstruction.js";import{AccountTypeSelector as c}from"./AccountTypeSelector.js";import l from"../../internal/FormFields/Fieldset/Fieldset.js";import s from"../../../utils/useForm/useForm.js";import"../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import m from"../../internal/FormFields/Field/Field.js";import d from"../../internal/FormFields/InputText.js";import{achValidationRules as b,achFormatters as g}from"./validate.js";import p from"../../internal/StoreDetails/StoreDetails.js";import N from"./useSRPanelForACHErrors.js";import f from"../../../core/Context/useImage.js";import{PREFIX as v}from"../../internal/Icon/constants.js";function h({onChange:h,payButton:V,showPayButton:F,placeholders:M,data:y,hasHolderName:j,setComponentRef:w,enableStoreDetails:A}){var S,C,x,I,T;const k=f(),B=r(()=>["selectedAccountType","routingNumber","accountNumber","accountNumberVerification",...j?["ownerName"]:[]],[j]),{i18n:q}=i(),[D,P]=o("ready"),{handleChangeFor:E,triggerValidation:H,data:R,errors:_,valid:$,isValid:z}=s({schema:B,defaultData:y,rules:b,formatters:g}),[G,J]=o(!1),K="loading"===D,L=t(!1),O=t({setStatus:P,showValidation:()=>{L.current=!0,H()}});a(()=>{w(O.current)},[w,O.current]),N({errors:_,data:R,isValidating:L}),a(()=>{h({data:R,valid:$,errors:_,isValid:z,storePaymentMethod:G})},[h,R,$,_,z,G]);const Q=n(e=>{E("accountNumber","input")(e);Boolean(_.accountNumberVerification)&&H(["accountNumberVerification"])},[E,H,R.accountNumberVerification,_.accountNumberVerification]);return e("div",{className:"adyen-checkout__ach"},e(u,null),e(l,{classNameModifiers:[],label:q.get("ach.bankAccount.title")},e(c,{placeholder:null==M?void 0:M.accountTypeSelector,onSelect:E("selectedAccountType"),selectedAccountType:R.selectedAccountType,disabled:K,errorMessage:"string"==typeof(null===(S=_.selectedAccountType)||void 0===S?void 0:S.errorMessage)&&q.get(_.selectedAccountType.errorMessage)}),j&&e(m,{label:q.get("ach.accountHolderNameField.title"),errorMessage:"string"==typeof(null===(C=_.ownerName)||void 0===C?void 0:C.errorMessage)&&q.get(_.ownerName.errorMessage),isValid:!!$.ownerName,name:"ownerName"},e(d,{disabled:K,name:"ownerName",placeholder:null==M?void 0:M.ownerName,value:R.ownerName,onInput:E("ownerName","input"),onBlur:E("ownerName","blur"),required:!0,autocomplete:"name"})),e(m,{label:q.get("ach.routingNumber.label"),classNameModifiers:["col-60"],errorMessage:"string"==typeof(null===(x=_.routingNumber)||void 0===x?void 0:x.errorMessage)&&q.get(_.routingNumber.errorMessage),name:"routingNumber",isValid:!!$.routingNumber},e(d,{disabled:K,name:"routingNumber",placeholder:null==M?void 0:M.routingNumber,value:R.routingNumber,onInput:E("routingNumber","input"),onBlur:E("routingNumber","blur"),required:!0,maxlength:9,autocomplete:void 0})),e(m,{label:q.get("ach.bankAccountNumber.label"),classNameModifiers:["col-40"],errorMessage:"string"==typeof(null===(I=_.accountNumber)||void 0===I?void 0:I.errorMessage)&&q.get(_.accountNumber.errorMessage),isValid:!!$.accountNumber,name:"accountNumber"},e(d,{disabled:K,name:"accountNumber",placeholder:null==M?void 0:M.accountNumber,value:R.accountNumber,onInput:Q,onBlur:E("accountNumber","blur"),required:!0,maxlength:17,autocomplete:void 0})),e(m,{label:q.get("ach.bankAccountNumberVerification.label"),errorMessage:"string"==typeof(null===(T=_.accountNumberVerification)||void 0===T?void 0:T.errorMessage)&&q.get(_.accountNumberVerification.errorMessage),name:"accountNumberVerification",isValid:!!$.accountNumberVerification},e(d,{disabled:K,name:"accountNumberVerification",placeholder:null==M?void 0:M.accountNumberVerification,value:R.accountNumberVerification,onInput:E("accountNumberVerification","input"),onBlur:E("accountNumberVerification","blur"),required:!0,maxlength:17,autocomplete:void 0}))),A&&e(p,{disabled:K,onChange:J}),F&&V({status:D,icon:k({imageFolder:"components/"})(`${v}lock`)}))}export{h as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useMemo as r,useState as o,useRef as t,useEffect as a,useCallback as n}from"../../../external/preact/hooks/dist/hooks.js";import{useCoreContext as i}from"../../../core/Context/CoreProvider.js";import u from"../../internal/FormInstruction/FormInstruction.js";import{AccountTypeSelector as c}from"./AccountTypeSelector.js";import l from"../../internal/FormFields/Fieldset/Fieldset.js";import s from"../../../utils/useForm/useForm.js";import"../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import m from"../../internal/FormFields/Field/Field.js";import d from"../../internal/FormFields/InputText.js";import{achValidationRules as b,achFormatters as g}from"./validate.js";import p from"../../internal/StoreDetails/StoreDetails.js";import N from"./useSRPanelForACHErrors.js";import f from"../../../core/Context/useImage.js";import{PREFIX as v}from"../../internal/Icon/constants.js";function h({onChange:h,payButton:V,placeholders:F,data:M,hasHolderName:y,setComponentRef:j,enableStoreDetails:A}){var w,S,C,x,I;const T=f(),k=r(()=>["selectedAccountType","routingNumber","accountNumber","accountNumberVerification",...y?["ownerName"]:[]],[y]),{i18n:B}=i(),[q,D]=o("ready"),{handleChangeFor:E,triggerValidation:H,data:P,errors:R,valid:_,isValid:$}=s({schema:k,defaultData:M,rules:b,formatters:g}),[z,G]=o(!1),J="loading"===q,K=t(!1),L=t({setStatus:D,showValidation:()=>{K.current=!0,H()}});a(()=>{j(L.current)},[j,L.current]),N({errors:R,data:P,isValidating:K}),a(()=>{h({data:P,valid:_,errors:R,isValid:$,storePaymentMethod:z})},[h,P,_,R,$,z]);const O=n(e=>{E("accountNumber","input")(e);Boolean(R.accountNumberVerification)&&H(["accountNumberVerification"])},[E,H,P.accountNumberVerification,R.accountNumberVerification]);return e("div",{className:"adyen-checkout__ach"},e(u,null),e(l,{classNameModifiers:[],label:B.get("ach.bankAccount.title")},e(c,{placeholder:null==F?void 0:F.accountTypeSelector,onSelect:E("selectedAccountType"),selectedAccountType:P.selectedAccountType,disabled:J,errorMessage:"string"==typeof(null===(w=R.selectedAccountType)||void 0===w?void 0:w.errorMessage)&&B.get(R.selectedAccountType.errorMessage)}),y&&e(m,{label:B.get("ach.accountHolderNameField.title"),errorMessage:"string"==typeof(null===(S=R.ownerName)||void 0===S?void 0:S.errorMessage)&&B.get(R.ownerName.errorMessage),isValid:!!_.ownerName,name:"ownerName"},e(d,{disabled:J,name:"ownerName",placeholder:null==F?void 0:F.ownerName,value:P.ownerName,onInput:E("ownerName","input"),onBlur:E("ownerName","blur"),required:!0,autocomplete:"name"})),e(m,{label:B.get("ach.routingNumber.label"),classNameModifiers:["col-60"],errorMessage:"string"==typeof(null===(C=R.routingNumber)||void 0===C?void 0:C.errorMessage)&&B.get(R.routingNumber.errorMessage),name:"routingNumber",isValid:!!_.routingNumber},e(d,{disabled:J,name:"routingNumber",placeholder:null==F?void 0:F.routingNumber,value:P.routingNumber,onInput:E("routingNumber","input"),onBlur:E("routingNumber","blur"),required:!0,maxlength:9,autocomplete:void 0})),e(m,{label:B.get("ach.bankAccountNumber.label"),classNameModifiers:["col-40"],errorMessage:"string"==typeof(null===(x=R.accountNumber)||void 0===x?void 0:x.errorMessage)&&B.get(R.accountNumber.errorMessage),isValid:!!_.accountNumber,name:"accountNumber"},e(d,{disabled:J,name:"accountNumber",placeholder:null==F?void 0:F.accountNumber,value:P.accountNumber,onInput:O,onBlur:E("accountNumber","blur"),required:!0,maxlength:17,autocomplete:void 0})),e(m,{label:B.get("ach.bankAccountNumberVerification.label"),errorMessage:"string"==typeof(null===(I=R.accountNumberVerification)||void 0===I?void 0:I.errorMessage)&&B.get(R.accountNumberVerification.errorMessage),name:"accountNumberVerification",isValid:!!_.accountNumberVerification},e(d,{disabled:J,name:"accountNumberVerification",placeholder:null==F?void 0:F.accountNumberVerification,value:P.accountNumberVerification,onInput:E("accountNumberVerification","input"),onBlur:E("accountNumberVerification","blur"),required:!0,maxlength:17,autocomplete:void 0}))),A&&e(p,{disabled:J,onChange:G}),V({status:q,icon:T({imageFolder:"components/"})(`${v}lock`)}))}export{h as default};
 //# sourceMappingURL=AchComponent.js.map

package/dist/es-legacy/components/Ach/components/AchComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AchComponent.js","sources":["../../../../../src/components/Ach/components/AchComponent.tsx"],"sourcesContent":["import { h, TargetedInputEvent } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport FormInstruction from '../../internal/FormInstruction';\nimport { AccountTypeSelector } from './AccountTypeSelector';\nimport Fieldset from '../../internal/FormFields/Fieldset';\nimport useForm from '../../../utils/useForm';\nimport Field from '../../internal/FormFields/Field';\nimport InputText from '../../internal/FormFields/InputText';\nimport { achValidationRules, achFormatters } from './validate';\nimport StoreDetails from '../../internal/StoreDetails';\nimport useSRPanelForAchErrors from './useSRPanelForACHErrors';\nimport useImage from '../../../core/Context/useImage';\nimport { PREFIX } from '../../internal/Icon/constants';\n\nimport type { PayButtonProps } from '../../internal/PayButton/PayButton';\nimport type { ComponentMethodsRef } from '../../internal/UIElement/types';\nimport type { AchPlaceholders } from '../types';\nimport type { AchStateErrors } from './useSRPanelForACHErrors';\nimport { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';\n\ntype AchForm = {\n    selectedAccountType: string;\n    ownerName: string;\n    routingNumber: string;\n    accountNumber: string;\n    accountNumberVerification: string;\n};\n\nexport type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;\n\ninterface AchComponentProps {\n    onChange({\n        data,\n        valid,\n        errors,\n        isValid,\n        storePaymentMethod\n    }: {\n        data: AchForm;\n        valid: { [key: string]: boolean };\n        errors: { [key: string]: ValidationRuleResult };\n        isValid: boolean;\n        storePaymentMethod: boolean;\n    }): void;\n    payButton: (props: PayButtonProps) => h.JSX.Element;\n    setComponentRef: (ref: ComponentMethodsRef) => void;\n    hasHolderName: boolean;\n    showPayButton: boolean;\n    enableStoreDetails: boolean;\n    placeholders?: AchPlaceholders;\n    data?: AchFormPrefillData;\n}\n\nfunction AchComponent({\n    onChange,\n    payButton,\n    showPayButton,\n    placeholders,\n    data: defaultData,\n    hasHolderName,\n    setComponentRef,\n    enableStoreDetails\n}: Readonly<AchComponentProps>) {\n    const getImage = useImage();\n    const schema = useMemo(\n        () => ['selectedAccountType', 'routingNumber', 'accountNumber', 'accountNumberVerification', ...(hasHolderName ? ['ownerName'] : [])],\n        [hasHolderName]\n    );\n    const { i18n } = useCoreContext();\n    const [status, setStatus] = useState('ready');\n    const { handleChangeFor, triggerValidation, data, errors, valid, isValid } = useForm<AchForm>({\n        schema,\n        defaultData,\n        rules: achValidationRules,\n        formatters: achFormatters\n    });\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n    const isFormDisabled = status === 'loading';\n\n    const isValidating = useRef(false);\n\n    const achRef = useRef<ComponentMethodsRef>({\n        setStatus: setStatus,\n        showValidation: () => {\n            isValidating.current = true;\n            triggerValidation();\n        }\n    });\n\n    useEffect(() => {\n        setComponentRef(achRef.current);\n    }, [setComponentRef, achRef.current]);\n\n    useSRPanelForAchErrors({ errors: errors as unknown as AchStateErrors, data, isValidating });\n\n    useEffect(() => {\n        onChange({ data, valid, errors, isValid, storePaymentMethod });\n    }, [onChange, data, valid, errors, isValid, storePaymentMethod]);\n\n    /**\n     * If the \"Verify account number\" field has errors, we want to trigger\n     * its validation when there is any change done to the \"Account number\" field\n     */\n    const onAccountNumberInput = useCallback(\n        (event: TargetedInputEvent<HTMLInputElement>) => {\n            handleChangeFor('accountNumber', 'input')(event);\n\n            const hasAccountVerificationError = Boolean(errors.accountNumberVerification);\n            if (hasAccountVerificationError) {\n                triggerValidation(['accountNumberVerification']);\n            }\n        },\n        [handleChangeFor, triggerValidation, data.accountNumberVerification, errors.accountNumberVerification]\n    );\n\n    return (\n        <div className=\"adyen-checkout__ach\">\n            <FormInstruction />\n\n            <Fieldset classNameModifiers={[]} label={i18n.get('ach.bankAccount.title')}>\n                <AccountTypeSelector\n                    placeholder={placeholders?.accountTypeSelector}\n                    onSelect={handleChangeFor('selectedAccountType')}\n                    selectedAccountType={data.selectedAccountType}\n                    disabled={isFormDisabled}\n                    errorMessage={typeof errors.selectedAccountType?.errorMessage === 'string' && i18n.get(errors.selectedAccountType.errorMessage)}\n                />\n\n                {hasHolderName && (\n                    <Field\n                        label={i18n.get('ach.accountHolderNameField.title')}\n                        errorMessage={typeof errors.ownerName?.errorMessage === 'string' && i18n.get(errors.ownerName.errorMessage)}\n                        isValid={!!valid.ownerName}\n                        name={'ownerName'}\n                    >\n                        <InputText\n                            disabled={isFormDisabled}\n                            name={'ownerName'}\n                            placeholder={placeholders?.ownerName}\n                            value={data.ownerName}\n                            onInput={handleChangeFor('ownerName', 'input')}\n                            onBlur={handleChangeFor('ownerName', 'blur')}\n                            required={true}\n                            autocomplete={'name'}\n                        />\n                    </Field>\n                )}\n\n                <Field\n                    label={i18n.get('ach.routingNumber.label')}\n                    classNameModifiers={['col-60']}\n                    errorMessage={typeof errors.routingNumber?.errorMessage === 'string' && i18n.get(errors.routingNumber.errorMessage)}\n                    name={'routingNumber'}\n                    isValid={!!valid.routingNumber}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'routingNumber'}\n                        placeholder={placeholders?.routingNumber}\n                        value={data.routingNumber}\n                        onInput={handleChangeFor('routingNumber', 'input')}\n                        onBlur={handleChangeFor('routingNumber', 'blur')}\n                        required={true}\n                        maxlength={9}\n                        autocomplete={undefined}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumber.label')}\n                    classNameModifiers={['col-40']}\n                    errorMessage={typeof errors.accountNumber?.errorMessage === 'string' && i18n.get(errors.accountNumber.errorMessage)}\n                    isValid={!!valid.accountNumber}\n                    name={'accountNumber'}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumber'}\n                        placeholder={placeholders?.accountNumber}\n                        value={data.accountNumber}\n                        onInput={onAccountNumberInput}\n                        onBlur={handleChangeFor('accountNumber', 'blur')}\n                        required={true}\n                        maxlength={17}\n                        autocomplete={undefined}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumberVerification.label')}\n                    errorMessage={\n                        typeof errors.accountNumberVerification?.errorMessage === 'string' && i18n.get(errors.accountNumberVerification.errorMessage)\n                    }\n                    name={'accountNumberVerification'}\n                    isValid={!!valid.accountNumberVerification}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumberVerification'}\n                        placeholder={placeholders?.accountNumberVerification}\n                        value={data.accountNumberVerification}\n                        onInput={handleChangeFor('accountNumberVerification', 'input')}\n                        onBlur={handleChangeFor('accountNumberVerification', 'blur')}\n                        required={true}\n                        maxlength={17}\n                        autocomplete={undefined}\n                    />\n                </Field>\n            </Fieldset>\n\n            {enableStoreDetails && <StoreDetails disabled={isFormDisabled} onChange={setStorePaymentMethod} />}\n\n            {showPayButton && payButton({ status, icon: getImage({ imageFolder: 'components/' })(`${PREFIX}lock`) })}\n        </div>\n    );\n}\n\nexport default AchComponent;\n"],"names":["AchComponent","onChange","payButton","showPayButton","placeholders","data","defaultData","hasHolderName","setComponentRef","enableStoreDetails","errors","getImage","useImage","schema","useMemo","i18n","useCoreContext","status","setStatus","useState","handleChangeFor","triggerValidation","valid","isValid","useForm","rules","achValidationRules","formatters","achFormatters","storePaymentMethod","setStorePaymentMethod","isFormDisabled","isValidating","useRef","achRef","showValidation","current","useEffect","useSRPanelForAchErrors","onAccountNumberInput","useCallback","event","Boolean","accountNumberVerification","h","div","className","FormInstruction","Fieldset","classNameModifiers","label","get","AccountTypeSelector","placeholder","accountTypeSelector","onSelect","selectedAccountType","disabled","errorMessage","Field","ownerName","name","InputText","value","onInput","onBlur","required","autocomplete","routingNumber","maxlength","undefined","accountNumber","StoreDetails","icon","imageFolder","PREFIX"],"mappings":"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"}
+{"version":3,"file":"AchComponent.js","sources":["../../../../../src/components/Ach/components/AchComponent.tsx"],"sourcesContent":["import { h, TargetedInputEvent } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport FormInstruction from '../../internal/FormInstruction';\nimport { AccountTypeSelector } from './AccountTypeSelector';\nimport Fieldset from '../../internal/FormFields/Fieldset';\nimport useForm from '../../../utils/useForm';\nimport Field from '../../internal/FormFields/Field';\nimport InputText from '../../internal/FormFields/InputText';\nimport { achValidationRules, achFormatters } from './validate';\nimport StoreDetails from '../../internal/StoreDetails';\nimport useSRPanelForAchErrors from './useSRPanelForACHErrors';\nimport useImage from '../../../core/Context/useImage';\nimport { PREFIX } from '../../internal/Icon/constants';\n\nimport type { PayButtonProps } from '../../internal/PayButton/PayButton';\nimport type { ComponentMethodsRef } from '../../internal/UIElement/types';\nimport type { AchPlaceholders } from '../types';\nimport type { AchStateErrors } from './useSRPanelForACHErrors';\nimport { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';\n\ntype AchForm = {\n    selectedAccountType: string;\n    ownerName: string;\n    routingNumber: string;\n    accountNumber: string;\n    accountNumberVerification: string;\n};\n\nexport type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;\n\ninterface AchComponentProps {\n    onChange({\n        data,\n        valid,\n        errors,\n        isValid,\n        storePaymentMethod\n    }: {\n        data: AchForm;\n        valid: { [key: string]: boolean };\n        errors: { [key: string]: ValidationRuleResult };\n        isValid: boolean;\n        storePaymentMethod: boolean;\n    }): void;\n    payButton: (props: PayButtonProps) => h.JSX.Element;\n    setComponentRef: (ref: ComponentMethodsRef) => void;\n    hasHolderName: boolean;\n    enableStoreDetails: boolean;\n    placeholders?: AchPlaceholders;\n    data?: AchFormPrefillData;\n}\n\nfunction AchComponent({\n    onChange,\n    payButton,\n    placeholders,\n    data: defaultData,\n    hasHolderName,\n    setComponentRef,\n    enableStoreDetails\n}: Readonly<AchComponentProps>) {\n    const getImage = useImage();\n    const schema = useMemo(\n        () => ['selectedAccountType', 'routingNumber', 'accountNumber', 'accountNumberVerification', ...(hasHolderName ? ['ownerName'] : [])],\n        [hasHolderName]\n    );\n    const { i18n } = useCoreContext();\n    const [status, setStatus] = useState('ready');\n    const { handleChangeFor, triggerValidation, data, errors, valid, isValid } = useForm<AchForm>({\n        schema,\n        defaultData,\n        rules: achValidationRules,\n        formatters: achFormatters\n    });\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n    const isFormDisabled = status === 'loading';\n\n    const isValidating = useRef(false);\n\n    const achRef = useRef<ComponentMethodsRef>({\n        setStatus: setStatus,\n        showValidation: () => {\n            isValidating.current = true;\n            triggerValidation();\n        }\n    });\n\n    useEffect(() => {\n        setComponentRef(achRef.current);\n    }, [setComponentRef, achRef.current]);\n\n    useSRPanelForAchErrors({ errors: errors as unknown as AchStateErrors, data, isValidating });\n\n    useEffect(() => {\n        onChange({ data, valid, errors, isValid, storePaymentMethod });\n    }, [onChange, data, valid, errors, isValid, storePaymentMethod]);\n\n    /**\n     * If the \"Verify account number\" field has errors, we want to trigger\n     * its validation when there is any change done to the \"Account number\" field\n     */\n    const onAccountNumberInput = useCallback(\n        (event: TargetedInputEvent<HTMLInputElement>) => {\n            handleChangeFor('accountNumber', 'input')(event);\n\n            const hasAccountVerificationError = Boolean(errors.accountNumberVerification);\n            if (hasAccountVerificationError) {\n                triggerValidation(['accountNumberVerification']);\n            }\n        },\n        [handleChangeFor, triggerValidation, data.accountNumberVerification, errors.accountNumberVerification]\n    );\n\n    return (\n        <div className=\"adyen-checkout__ach\">\n            <FormInstruction />\n\n            <Fieldset classNameModifiers={[]} label={i18n.get('ach.bankAccount.title')}>\n                <AccountTypeSelector\n                    placeholder={placeholders?.accountTypeSelector}\n                    onSelect={handleChangeFor('selectedAccountType')}\n                    selectedAccountType={data.selectedAccountType}\n                    disabled={isFormDisabled}\n                    errorMessage={typeof errors.selectedAccountType?.errorMessage === 'string' && i18n.get(errors.selectedAccountType.errorMessage)}\n                />\n\n                {hasHolderName && (\n                    <Field\n                        label={i18n.get('ach.accountHolderNameField.title')}\n                        errorMessage={typeof errors.ownerName?.errorMessage === 'string' && i18n.get(errors.ownerName.errorMessage)}\n                        isValid={!!valid.ownerName}\n                        name={'ownerName'}\n                    >\n                        <InputText\n                            disabled={isFormDisabled}\n                            name={'ownerName'}\n                            placeholder={placeholders?.ownerName}\n                            value={data.ownerName}\n                            onInput={handleChangeFor('ownerName', 'input')}\n                            onBlur={handleChangeFor('ownerName', 'blur')}\n                            required={true}\n                            autocomplete={'name'}\n                        />\n                    </Field>\n                )}\n\n                <Field\n                    label={i18n.get('ach.routingNumber.label')}\n                    classNameModifiers={['col-60']}\n                    errorMessage={typeof errors.routingNumber?.errorMessage === 'string' && i18n.get(errors.routingNumber.errorMessage)}\n                    name={'routingNumber'}\n                    isValid={!!valid.routingNumber}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'routingNumber'}\n                        placeholder={placeholders?.routingNumber}\n                        value={data.routingNumber}\n                        onInput={handleChangeFor('routingNumber', 'input')}\n                        onBlur={handleChangeFor('routingNumber', 'blur')}\n                        required={true}\n                        maxlength={9}\n                        autocomplete={undefined}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumber.label')}\n                    classNameModifiers={['col-40']}\n                    errorMessage={typeof errors.accountNumber?.errorMessage === 'string' && i18n.get(errors.accountNumber.errorMessage)}\n                    isValid={!!valid.accountNumber}\n                    name={'accountNumber'}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumber'}\n                        placeholder={placeholders?.accountNumber}\n                        value={data.accountNumber}\n                        onInput={onAccountNumberInput}\n                        onBlur={handleChangeFor('accountNumber', 'blur')}\n                        required={true}\n                        maxlength={17}\n                        autocomplete={undefined}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumberVerification.label')}\n                    errorMessage={\n                        typeof errors.accountNumberVerification?.errorMessage === 'string' && i18n.get(errors.accountNumberVerification.errorMessage)\n                    }\n                    name={'accountNumberVerification'}\n                    isValid={!!valid.accountNumberVerification}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumberVerification'}\n                        placeholder={placeholders?.accountNumberVerification}\n                        value={data.accountNumberVerification}\n                        onInput={handleChangeFor('accountNumberVerification', 'input')}\n                        onBlur={handleChangeFor('accountNumberVerification', 'blur')}\n                        required={true}\n                        maxlength={17}\n                        autocomplete={undefined}\n                    />\n                </Field>\n            </Fieldset>\n\n            {enableStoreDetails && <StoreDetails disabled={isFormDisabled} onChange={setStorePaymentMethod} />}\n\n            {payButton({ status, icon: getImage({ imageFolder: 'components/' })(`${PREFIX}lock`) })}\n        </div>\n    );\n}\n\nexport default AchComponent;\n"],"names":["AchComponent","onChange","payButton","placeholders","data","defaultData","hasHolderName","setComponentRef","enableStoreDetails","errors","getImage","useImage","schema","useMemo","i18n","useCoreContext","status","setStatus","useState","handleChangeFor","triggerValidation","valid","isValid","useForm","rules","achValidationRules","formatters","achFormatters","storePaymentMethod","setStorePaymentMethod","isFormDisabled","isValidating","useRef","achRef","showValidation","current","useEffect","useSRPanelForAchErrors","onAccountNumberInput","useCallback","event","Boolean","accountNumberVerification","h","div","className","FormInstruction","Fieldset","classNameModifiers","label","get","AccountTypeSelector","placeholder","accountTypeSelector","onSelect","selectedAccountType","disabled","errorMessage","Field","ownerName","name","InputText","value","onInput","onBlur","required","autocomplete","routingNumber","maxlength","undefined","accountNumber","StoreDetails","icon","imageFolder","PREFIX"],"mappings":"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"}

package/dist/es-legacy/components/Ach/components/useSRPanelForACHErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSRPanelForACHErrors.js","sources":["../../../../../src/components/Ach/components/useSRPanelForACHErrors.ts"],"sourcesContent":["import { useEffect, useState, MutableRef } from 'preact/hooks';\nimport { SetSRMessagesReturnObject } from '../../../core/Errors/types';\nimport useSRPanelContext from '../../../core/Errors/useSRPanelContext';\nimport { SetSRMessagesReturnFn } from '../../../core/Errors/SRPanelProvider';\nimport { usePrevious } from '../../../utils/hookUtils';\nimport { ERROR_ACTION_BLUR_SCENARIO, ERROR_ACTION_FOCUS_FIELD } from '../../../core/Errors/constants';\nimport { setFocusOnField } from '../../../utils/setFocus';\nimport { getArrayDifferences } from '../../../utils/arrayUtils';\nimport { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';\n\nexport interface AchStateErrors {\n    selectedAccountType: ValidationRuleResult;\n    ownerName: ValidationRuleResult;\n    routingNumber: ValidationRuleResult;\n    accountNumber: ValidationRuleResult;\n    accountNumberVerification: ValidationRuleResult;\n}\n\ninterface UseSRPanelForErrorsProps {\n    errors: AchStateErrors;\n    data: AchStateData;\n    isValidating: MutableRef<boolean>;\n}\n\ninterface AchStateData {\n    selectedAccountType: string;\n    ownerName: string;\n    routingNumber: string;\n    accountNumber: string;\n    accountNumberVerification: string;\n}\n\nconst useSRPanelForACHErrors = ({ errors, data, isValidating }: UseSRPanelForErrorsProps) => {\n    // Relates to onBlur errors\n    const [sortedErrorList, setSortedErrorList] = useState(null);\n    // Get the previous value (Relates to onBlur errors)\n    const previousSortedErrors = usePrevious(sortedErrorList);\n    const { setSRMessagesFromObjects, setSRMessagesFromStrings, clearSRPanel, shouldMoveFocusSR } = useSRPanelContext();\n    const setSRMessages: SetSRMessagesReturnFn = setSRMessagesFromObjects?.({});\n\n    // Fixed layout for the ACH comp\n    const layout = ['selectedAccountType', 'ownerName', 'routingNumber', 'accountNumber', 'accountNumberVerification'];\n\n    useEffect(() => {\n        try {\n            const srPanelResp: SetSRMessagesReturnObject = setSRMessages?.({ errors, isValidating: isValidating.current, layout });\n\n            // Relates to onBlur errors\n            const currentErrorsSortedByLayout = srPanelResp?.currentErrorsSortedByLayout;\n            // Store the array of sorted error objects separately so that we can use it to make comparisons between the old and new arrays\n            setSortedErrorList(currentErrorsSortedByLayout);\n\n            /**\n             * Need extra actions after setting SRPanel messages in order to focus field (if required) and because we have some errors that are fired onBlur\n             */\n            switch (srPanelResp?.action) {\n                // A call to focus the first field in error will always follow the call to validate the whole form\n                case ERROR_ACTION_FOCUS_FIELD:\n                    // Focus field in error, if required\n                    if (shouldMoveFocusSR) setFocusOnField('.adyen-checkout__ach', srPanelResp.fieldToFocus);\n                    // Remove 'showValidation' mode - allowing time for collation of all the fields in error whilst it is 'showValidation' mode (some errors come in a second render pass)\n                    setTimeout(() => {\n                        isValidating.current = false;\n                    }, 300);\n                    break;\n\n                /**\n                 * Relates to errors triggered by a field blurring (some pm forms have this, some don't) - check if there is an error to either set or to clear\n                 */\n                case ERROR_ACTION_BLUR_SCENARIO: {\n                    const difference = getArrayDifferences(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n                    const latestErrorMsg = difference?.[0];\n\n                    if (latestErrorMsg) {\n                        // Is error actually a blur based one - depends on the specific fields in a component as to whether they validate on blur\n                        // In the case of the ACH form currently all the fields validate on blur\n                        const isBlurBasedError = true;\n\n                        // Only add blur based errors to the error panel - doing this step prevents the non-blur based errors from being read out twice\n                        const latestSRError = isBlurBasedError ? latestErrorMsg.errorMessage : null;\n                        setSRMessagesFromStrings(latestSRError);\n                    } else {\n                        // called when previousSortedErrors.length >= currentErrorsSortedByLayout.length\n                        clearSRPanel();\n                    }\n                    break;\n                }\n                default:\n                    break;\n            }\n        } catch (_) {\n            // We don't handle the error related to the sr panel, let it fail silently.\n        }\n    }, [errors, data]);\n};\n\nexport default useSRPanelForACHErrors;\n"],"names":["useSRPanelForACHErrors","errors","data","isValidating","sortedErrorList","setSortedErrorList","useState","previousSortedErrors","usePrevious","setSRMessagesFromObjects","setSRMessagesFromStrings","clearSRPanel","shouldMoveFocusSR","useSRPanelContext","setSRMessages","layout","useEffect","srPanelResp","current","currentErrorsSortedByLayout","action","ERROR_ACTION_FOCUS_FIELD","setFocusOnField","fieldToFocus","setTimeout","ERROR_ACTION_BLUR_SCENARIO","difference","getArrayDifferences","latestErrorMsg","latestSRError","errorMessage","_"],"mappings":"ubAgCA,MAAMA,EAAyB,EAAGC,SAAQC,OAAMC,mBAE5C,MAAOC,EAAiBC,GAAsBC,EAAS,MAEjDC,EAAuBC,EAAYJ,IACnCK,yBAAEA,EAAwBC,yBAAEA,EAAwBC,aAAEA,EAAYC,kBAAEA,GAAsBC,IAC1FC,EAAuCL,aAAAA,EAAAA,EAA2B,IAGlEM,EAAS,CAAC,sBAAuB,YAAa,gBAAiB,gBAAiB,6BAEtFC,EAAU,KACN,IACI,MAAMC,EAAyCH,aAAAA,EAAAA,EAAgB,CAAEb,SAAQE,aAAcA,EAAae,QAASH,WAGvGI,EAA8BF,aAAAA,EAAAA,EAAaE,4BAOjD,OALAd,EAAmBc,GAKXF,aAAAA,EAAAA,EAAaG,QAEjB,KAAKC,EAEGT,GAAmBU,EAAgB,uBAAwBL,EAAYM,cAE3EC,WAAW,KACPrB,EAAae,SAAU,GACxB,KACH,MAKJ,KAAKO,EAA4B,CAC7B,MAAMC,EAAaC,EAAoBR,EAA6BZ,EAAsB,SAEpFqB,EAAiBF,aAAAA,EAAAA,EAAa,GAEpC,GAAIE,EAAgB,CAGhB,MAGMC,GAHmB,EAGgBD,EAAeE,aAAe,KACvEpB,EAAyBmB,EAC7B,MAEIlB,IAEJ,KACJ,EAIR,CAAE,MAAOoB,GAET,GACD,CAAC9B,EAAQC"}
+{"version":3,"file":"useSRPanelForACHErrors.js","sources":["../../../../../src/components/Ach/components/useSRPanelForACHErrors.ts"],"sourcesContent":["import { useEffect, useState, MutableRef } from 'preact/hooks';\nimport { SetSRMessagesReturnObject } from '../../../core/Errors/types';\nimport useSRPanelContext from '../../../core/Errors/useSRPanelContext';\nimport { SetSRMessagesReturnFn } from '../../../core/Errors/SRPanelProvider';\nimport { usePrevious } from '../../../utils/hookUtils';\nimport { ERROR_ACTION_BLUR_SCENARIO, ERROR_ACTION_FOCUS_FIELD } from '../../../core/Errors/constants';\nimport { setFocusOnField } from '../../../utils/setFocus';\nimport { getArrayDifferences } from '../../../utils/arrayUtils';\nimport { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';\n\nexport type AchStateErrors = {\n    selectedAccountType: ValidationRuleResult;\n    ownerName: ValidationRuleResult;\n    routingNumber: ValidationRuleResult;\n    accountNumber: ValidationRuleResult;\n    accountNumberVerification: ValidationRuleResult;\n};\n\ninterface UseSRPanelForErrorsProps {\n    errors: AchStateErrors;\n    data: AchStateData;\n    isValidating: MutableRef<boolean>;\n}\n\ninterface AchStateData {\n    selectedAccountType: string;\n    ownerName: string;\n    routingNumber: string;\n    accountNumber: string;\n    accountNumberVerification: string;\n}\n\nconst useSRPanelForACHErrors = ({ errors, data, isValidating }: UseSRPanelForErrorsProps) => {\n    // Relates to onBlur errors\n    const [sortedErrorList, setSortedErrorList] = useState(null);\n    // Get the previous value (Relates to onBlur errors)\n    const previousSortedErrors = usePrevious(sortedErrorList);\n    const { setSRMessagesFromObjects, setSRMessagesFromStrings, clearSRPanel, shouldMoveFocusSR } = useSRPanelContext();\n    const setSRMessages: SetSRMessagesReturnFn = setSRMessagesFromObjects?.({});\n\n    // Fixed layout for the ACH comp\n    const layout = ['selectedAccountType', 'ownerName', 'routingNumber', 'accountNumber', 'accountNumberVerification'];\n\n    useEffect(() => {\n        try {\n            const srPanelResp: SetSRMessagesReturnObject = setSRMessages?.({ errors, isValidating: isValidating.current, layout });\n\n            // Relates to onBlur errors\n            const currentErrorsSortedByLayout = srPanelResp?.currentErrorsSortedByLayout;\n            // Store the array of sorted error objects separately so that we can use it to make comparisons between the old and new arrays\n            setSortedErrorList(currentErrorsSortedByLayout);\n\n            /**\n             * Need extra actions after setting SRPanel messages in order to focus field (if required) and because we have some errors that are fired onBlur\n             */\n            switch (srPanelResp?.action) {\n                // A call to focus the first field in error will always follow the call to validate the whole form\n                case ERROR_ACTION_FOCUS_FIELD:\n                    // Focus field in error, if required\n                    if (shouldMoveFocusSR) setFocusOnField('.adyen-checkout__ach', srPanelResp.fieldToFocus);\n                    // Remove 'showValidation' mode - allowing time for collation of all the fields in error whilst it is 'showValidation' mode (some errors come in a second render pass)\n                    setTimeout(() => {\n                        isValidating.current = false;\n                    }, 300);\n                    break;\n\n                /**\n                 * Relates to errors triggered by a field blurring (some pm forms have this, some don't) - check if there is an error to either set or to clear\n                 */\n                case ERROR_ACTION_BLUR_SCENARIO: {\n                    const difference = getArrayDifferences(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n                    const latestErrorMsg = difference?.[0];\n\n                    if (latestErrorMsg) {\n                        // Is error actually a blur based one - depends on the specific fields in a component as to whether they validate on blur\n                        // In the case of the ACH form currently all the fields validate on blur\n                        const isBlurBasedError = true;\n\n                        // Only add blur based errors to the error panel - doing this step prevents the non-blur based errors from being read out twice\n                        const latestSRError = isBlurBasedError ? latestErrorMsg.errorMessage : null;\n                        setSRMessagesFromStrings(latestSRError);\n                    } else {\n                        // called when previousSortedErrors.length >= currentErrorsSortedByLayout.length\n                        clearSRPanel();\n                    }\n                    break;\n                }\n                default:\n                    break;\n            }\n        } catch (_) {\n            // We don't handle the error related to the sr panel, let it fail silently.\n        }\n    }, [errors, data]);\n};\n\nexport default useSRPanelForACHErrors;\n"],"names":["useSRPanelForACHErrors","errors","data","isValidating","sortedErrorList","setSortedErrorList","useState","previousSortedErrors","usePrevious","setSRMessagesFromObjects","setSRMessagesFromStrings","clearSRPanel","shouldMoveFocusSR","useSRPanelContext","setSRMessages","layout","useEffect","srPanelResp","current","currentErrorsSortedByLayout","action","ERROR_ACTION_FOCUS_FIELD","setFocusOnField","fieldToFocus","setTimeout","ERROR_ACTION_BLUR_SCENARIO","difference","getArrayDifferences","latestErrorMsg","latestSRError","errorMessage","_"],"mappings":"ubAgCA,MAAMA,EAAyB,EAAGC,SAAQC,OAAMC,mBAE5C,MAAOC,EAAiBC,GAAsBC,EAAS,MAEjDC,EAAuBC,EAAYJ,IACnCK,yBAAEA,EAAwBC,yBAAEA,EAAwBC,aAAEA,EAAYC,kBAAEA,GAAsBC,IAC1FC,EAAuCL,aAAAA,EAAAA,EAA2B,IAGlEM,EAAS,CAAC,sBAAuB,YAAa,gBAAiB,gBAAiB,6BAEtFC,EAAU,KACN,IACI,MAAMC,EAAyCH,aAAAA,EAAAA,EAAgB,CAAEb,SAAQE,aAAcA,EAAae,QAASH,WAGvGI,EAA8BF,aAAAA,EAAAA,EAAaE,4BAOjD,OALAd,EAAmBc,GAKXF,aAAAA,EAAAA,EAAaG,QAEjB,KAAKC,EAEGT,GAAmBU,EAAgB,uBAAwBL,EAAYM,cAE3EC,WAAW,KACPrB,EAAae,SAAU,GACxB,KACH,MAKJ,KAAKO,EAA4B,CAC7B,MAAMC,EAAaC,EAAoBR,EAA6BZ,EAAsB,SAEpFqB,EAAiBF,aAAAA,EAAAA,EAAa,GAEpC,GAAIE,EAAgB,CAGhB,MAGMC,GAHmB,EAGgBD,EAAeE,aAAe,KACvEpB,EAAyBmB,EAC7B,MAEIlB,IAEJ,KACJ,EAIR,CAAE,MAAOoB,GAET,GACD,CAAC9B,EAAQC"}

package/dist/es-legacy/components/AmazonPay/AmazonPay.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../external/preact/dist/preact.js";import{UIElement as o}from"../internal/UIElement/UIElement.js";import t from"../../utils/browserInfo.js";import n from"./components/AmazonPayComponent.js";import r from"./defaultProps.js";import{getCheckoutDetails as s}from"./services.js";import{TxVariants as i}from"../tx-variants.js";import{sanitizeResponse as l,verifyPaymentDidNotFail as c}from"../internal/UIElement/utils.js";import{AnalyticsInfoEvent as p,InfoEventType as a}from"../../core/Analytics/events/AnalyticsInfoEvent.js";function u(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function d(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(o){u(e,o,t[o])})}return e}function h(e,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o.push.apply(o,t)}return o}(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}),e}class f extends o{formatProps(e){var o,t;return h(d({},e),{checkoutMode:e.isDropin?"ProcessOrder":e.checkoutMode,environment:null===(o=e.environment)||void 0===o?void 0:o.toUpperCase(),locale:null===(t=e.locale)||void 0===t?void 0:t.replace("-","_"),productType:e.isDropin&&!e.addressDetails?"PayOnly":e.productType})}formatData(){const{amazonCheckoutSessionId:e}=this.props;return{paymentMethod:d({type:f.type},e&&{checkoutSessionId:e}),browserInfo:this.browserInfo}}beforeRender(e){const o=new p(d({type:a.rendered,component:this.type,configData:h(d({},e),{showPayButton:this.props.showPayButton})},(null==e?void 0:e.isExpress)&&{isExpress:e.isExpress},(null==e?void 0:e.expressPage)&&{expressPage:e.expressPage}));this.analytics.sendAnalytics(o)}getShopperDetails(){const{amazonCheckoutSessionId:e,configuration:o={},loadingContext:t,clientKey:n}=this.props;if(!e)return console.error("Could not shopper details. Missing checkoutSessionId.");const r={checkoutSessionId:e,getDeliveryAddress:!0,publicKeyId:(null==o?void 0:o.publicKeyId)||"",region:o.region};return s(null!=t?t:"",null!=n?n:"",r)}handleDeclineFlow(){var e;const{amazonCheckoutSessionId:o,configuration:t={},loadingContext:n,clientKey:r}=this.props;if(!o)return console.error("Could handle the decline flow. Missing checkoutSessionId.");const i={checkoutSessionId:o,getDeclineFlowUrl:!0,publicKeyId:null!==(e=t.publicKeyId)&&void 0!==e?e:"",region:t.region};s(null!=n?n:"",null!=r?r:"",i).then((e={})=>{if(!(null==e?void 0:e.declineFlowUrl))throw e;window.location.assign(e.declineFlowUrl)}).catch(e=>{this.props.onError&&this.props.onError(e,this)})}get isValid(){return!0}get browserInfo(){return t()}submit(){var e,o;const t=(null===(o=this.componentRef)||void 0===o||null===(e=o.getSubmitFunction)||void 0===e?void 0:e.call(o))||null;if(t)return t();this.makePaymentsCall().then(l).then(c).then(this.handleResponse).catch(this.handleFailedResult)}componentToRender(){return e(n,d({setComponentRef:this.setComponentRef,showPayButton:this.props.showPayButton,onClick:this.props.onClick,onError:this.props.onError,onSignOut:this.props.onSignOut},this.props))}constructor(...e){super(...e),u(this,"componentRef",void 0)}}u(f,"type",i.amazonpay),u(f,"defaultProps",r);export{f as AmazonPayElement,f as default};
+import{createElement as e}from"../../external/preact/dist/preact.js";import{UIElement as o}from"../internal/UIElement/UIElement.js";import t from"../../utils/browserInfo.js";import n from"./components/AmazonPayComponent.js";import r from"./defaultProps.js";import{getCheckoutDetails as s}from"./services.js";import{TxVariants as i}from"../tx-variants.js";import{sanitizeResponse as l,verifyPaymentDidNotFail as c}from"../internal/UIElement/utils.js";import{AnalyticsInfoEvent as p,InfoEventType as a}from"../../core/Analytics/events/AnalyticsInfoEvent.js";function u(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function d(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(o){u(e,o,t[o])})}return e}function h(e,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o.push.apply(o,t)}return o}(Object(o)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}),e}class f extends o{formatProps(e){var o,t;return h(d({},e),{checkoutMode:e.isDropin?"ProcessOrder":e.checkoutMode,environment:null===(o=e.environment)||void 0===o?void 0:o.toUpperCase(),locale:null===(t=e.locale)||void 0===t?void 0:t.replace("-","_"),productType:e.isDropin&&!e.addressDetails?"PayOnly":e.productType})}formatData(){const{amazonCheckoutSessionId:e}=this.props;return{paymentMethod:d({type:f.type},e&&{checkoutSessionId:e}),browserInfo:this.browserInfo}}beforeRender(e){const o=new p(d({type:a.rendered,component:this.type,configData:h(d({},e),{showPayButton:this.props.showPayButton})},(null==e?void 0:e.isExpress)&&{isExpress:e.isExpress},(null==e?void 0:e.expressPage)&&{expressPage:e.expressPage}));this.analytics.sendAnalytics(o)}getShopperDetails(){const{amazonCheckoutSessionId:e,configuration:o={},loadingContext:t,clientKey:n}=this.props;if(!e)return console.error("Could not shopper details. Missing checkoutSessionId.");const r={checkoutSessionId:e,getDeliveryAddress:!0,publicKeyId:(null==o?void 0:o.publicKeyId)||"",region:o.region};return s(null!=t?t:"",null!=n?n:"",r)}handleDeclineFlow(){var e;const{amazonCheckoutSessionId:o,configuration:t={},loadingContext:n,clientKey:r}=this.props;if(!o)return console.error("Could handle the decline flow. Missing checkoutSessionId.");const i={checkoutSessionId:o,getDeclineFlowUrl:!0,publicKeyId:null!==(e=t.publicKeyId)&&void 0!==e?e:"",region:t.region};s(null!=n?n:"",null!=r?r:"",i).then((e={})=>{if(!(null==e?void 0:e.declineFlowUrl))throw e;window.location.assign(e.declineFlowUrl)}).catch(e=>{this.props.onError&&this.props.onError(e,this)})}get isValid(){return!0}get browserInfo(){return t()}submit(){var e,o;const t=(null===(o=this.componentRef)||void 0===o||null===(e=o.getSubmitFunction)||void 0===e?void 0:e.call(o))||null;if(t)return t();this.makePaymentsCall().then(l).then(c).then(this.handleResponse).catch(this.handleFailedResult)}componentToRender(){return e(n,d({setComponentRef:this.setComponentRef,showPayButton:this.props.showPayButton,onClick:this.props.onClick,onError:this.props.onError,onSignOut:this.props.onSignOut},this.props))}}u(f,"type",i.amazonpay),u(f,"defaultProps",r);export{f as AmazonPayElement,f as default};
 //# sourceMappingURL=AmazonPay.js.map

package/dist/es-legacy/components/AmazonPay/AmazonPay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmazonPay.js","sources":["../../../../src/components/AmazonPay/AmazonPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport AmazonPayComponent from './components/AmazonPayComponent';\nimport { AmazonPayElementData, AmazonPayConfiguration, CheckoutDetailsRequest, AmazonPayComponentRef } from './types';\nimport defaultProps from './defaultProps';\nimport { getCheckoutDetails } from './services';\nimport { TxVariants } from '../tx-variants';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../core/Analytics/events/AnalyticsInfoEvent';\n\nimport './AmazonPay.scss';\n\nexport class AmazonPayElement extends UIElement<AmazonPayConfiguration> {\n    public static readonly type = TxVariants.amazonpay;\n\n    protected static readonly defaultProps = defaultProps;\n\n    protected componentRef: AmazonPayComponentRef | undefined;\n\n    formatProps(props: AmazonPayConfiguration): AmazonPayConfiguration {\n        return {\n            ...props,\n            checkoutMode: props.isDropin ? 'ProcessOrder' : props.checkoutMode,\n            environment: props.environment?.toUpperCase(),\n            locale: props.locale?.replace('-', '_'),\n            productType: props.isDropin && !props.addressDetails ? 'PayOnly' : props.productType\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData(): AmazonPayElementData {\n        const { amazonCheckoutSessionId: checkoutSessionId } = this.props;\n        return {\n            paymentMethod: {\n                type: AmazonPayElement.type,\n                ...(checkoutSessionId && { checkoutSessionId })\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    protected override beforeRender(configSetByMerchant?: AmazonPayConfiguration) {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.isExpress && { isExpress: configSetByMerchant.isExpress }),\n            ...(configSetByMerchant?.expressPage && { expressPage: configSetByMerchant.expressPage })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    getShopperDetails() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could not shopper details. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeliveryAddress: true,\n            publicKeyId: configuration?.publicKeyId || '',\n            region: configuration.region\n        };\n\n        return getCheckoutDetails(loadingContext ?? '', clientKey ?? '', request);\n    }\n\n    public handleDeclineFlow() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could handle the decline flow. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeclineFlowUrl: true,\n            publicKeyId: configuration.publicKeyId ?? '',\n            region: configuration.region\n        };\n\n        getCheckoutDetails(loadingContext ?? '', clientKey ?? '', request)\n            .then((response = {}) => {\n                if (!response?.declineFlowUrl) throw response;\n                window.location.assign(response.declineFlowUrl);\n            })\n            .catch(error => {\n                if (this.props.onError) this.props.onError(error, this);\n            });\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    public submit(): void {\n        const amazonComponentSubmitFunction = this.componentRef?.getSubmitFunction?.() || null;\n        if (amazonComponentSubmitFunction) {\n            return amazonComponentSubmitFunction();\n        }\n        this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return (\n            <AmazonPayComponent\n                setComponentRef={this.setComponentRef}\n                showPayButton={this.props.showPayButton}\n                onClick={this.props.onClick}\n                onError={this.props.onError}\n                onSignOut={this.props.onSignOut}\n                {...this.props}\n            />\n        );\n    }\n}\n\nexport default AmazonPayElement;\n"],"names":["AmazonPayElement","UIElement","formatProps","props","_object_spread_props","_object_spread","checkoutMode","isDropin","environment","toUpperCase","locale","replace","productType","addressDetails","formatData","amazonCheckoutSessionId","checkoutSessionId","this","paymentMethod","type","browserInfo","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","InfoEventType","rendered","component","configData","showPayButton","isExpress","expressPage","analytics","sendAnalytics","getShopperDetails","configuration","loadingContext","clientKey","console","error","request","getDeliveryAddress","publicKeyId","region","getCheckoutDetails","handleDeclineFlow","getDeclineFlowUrl","then","response","declineFlowUrl","window","location","assign","catch","onError","isValid","collectBrowserInfo","submit","_this_componentRef_getSubmitFunction","_this_componentRef","amazonComponentSubmitFunction","componentRef","getSubmitFunction","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","handleFailedResult","componentToRender","h","AmazonPayComponent","setComponentRef","onClick","onSignOut","super","args","_define_property","TxVariants","amazonpay","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AmazonPay.js","sources":["../../../../src/components/AmazonPay/AmazonPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport AmazonPayComponent from './components/AmazonPayComponent';\nimport { AmazonPayElementData, AmazonPayConfiguration, CheckoutDetailsRequest, AmazonPayComponentRef } from './types';\nimport defaultProps from './defaultProps';\nimport { getCheckoutDetails } from './services';\nimport { TxVariants } from '../tx-variants';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../core/Analytics/events/AnalyticsInfoEvent';\n\nimport './AmazonPay.scss';\n\nexport class AmazonPayElement extends UIElement<AmazonPayConfiguration> {\n    public static readonly type = TxVariants.amazonpay;\n\n    protected static readonly defaultProps = defaultProps;\n\n    declare protected componentRef: AmazonPayComponentRef | undefined;\n\n    formatProps(props: AmazonPayConfiguration): AmazonPayConfiguration {\n        return {\n            ...props,\n            checkoutMode: props.isDropin ? 'ProcessOrder' : props.checkoutMode,\n            environment: props.environment?.toUpperCase(),\n            locale: props.locale?.replace('-', '_'),\n            productType: props.isDropin && !props.addressDetails ? 'PayOnly' : props.productType\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData(): AmazonPayElementData {\n        const { amazonCheckoutSessionId: checkoutSessionId } = this.props;\n        return {\n            paymentMethod: {\n                type: AmazonPayElement.type,\n                ...(checkoutSessionId && { checkoutSessionId })\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    protected override beforeRender(configSetByMerchant?: AmazonPayConfiguration) {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.isExpress && { isExpress: configSetByMerchant.isExpress }),\n            ...(configSetByMerchant?.expressPage && { expressPage: configSetByMerchant.expressPage })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    getShopperDetails() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could not shopper details. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeliveryAddress: true,\n            publicKeyId: configuration?.publicKeyId || '',\n            region: configuration.region\n        };\n\n        return getCheckoutDetails(loadingContext ?? '', clientKey ?? '', request);\n    }\n\n    public handleDeclineFlow() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could handle the decline flow. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeclineFlowUrl: true,\n            publicKeyId: configuration.publicKeyId ?? '',\n            region: configuration.region\n        };\n\n        getCheckoutDetails(loadingContext ?? '', clientKey ?? '', request)\n            .then((response = {}) => {\n                if (!response?.declineFlowUrl) throw response;\n                window.location.assign(response.declineFlowUrl);\n            })\n            .catch(error => {\n                if (this.props.onError) this.props.onError(error, this);\n            });\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    public submit(): void {\n        const amazonComponentSubmitFunction = this.componentRef?.getSubmitFunction?.() || null;\n        if (amazonComponentSubmitFunction) {\n            return amazonComponentSubmitFunction();\n        }\n        this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return (\n            <AmazonPayComponent\n                setComponentRef={this.setComponentRef}\n                showPayButton={this.props.showPayButton}\n                onClick={this.props.onClick}\n                onError={this.props.onError}\n                onSignOut={this.props.onSignOut}\n                {...this.props}\n            />\n        );\n    }\n}\n\nexport default AmazonPayElement;\n"],"names":["AmazonPayElement","UIElement","formatProps","props","_object_spread_props","_object_spread","checkoutMode","isDropin","environment","toUpperCase","locale","replace","productType","addressDetails","formatData","amazonCheckoutSessionId","checkoutSessionId","this","paymentMethod","type","browserInfo","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","InfoEventType","rendered","component","configData","showPayButton","isExpress","expressPage","analytics","sendAnalytics","getShopperDetails","configuration","loadingContext","clientKey","console","error","request","getDeliveryAddress","publicKeyId","region","getCheckoutDetails","handleDeclineFlow","getDeclineFlowUrl","then","response","declineFlowUrl","window","location","assign","catch","onError","isValid","collectBrowserInfo","submit","_this_componentRef_getSubmitFunction","_this_componentRef","amazonComponentSubmitFunction","componentRef","getSubmitFunction","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","handleFailedResult","componentToRender","h","AmazonPayComponent","setComponentRef","onClick","onSignOut","_define_property","TxVariants","amazonpay","defaultProps"],"mappings":"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"}

package/dist/es-legacy/components/ApplePay/ApplePay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplePay.js","sources":["../../../../src/components/ApplePay/ApplePay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport ApplePayButton from './components/ApplePayButton';\nimport ApplePayService from './services/ApplePayService';\nimport base64 from '../../utils/base64';\nimport defaultProps from './defaultProps';\nimport { httpPost } from '../../core/Services/http';\nimport { preparePaymentRequest } from './utils/payment-request';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { DecodeObject } from '../../types/global-types';\nimport { TxVariants } from '../tx-variants';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { resolveSupportedVersion } from './utils/resolve-supported-version';\nimport { formatApplePayContactToAdyenAddressFormat } from './utils/format-applepay-contact-to-adyen-format';\nimport { mapBrands } from './utils/map-adyen-brands-to-applepay-brands';\nimport ApplePaySdkLoader from './services/ApplePaySdkLoader';\nimport { detectInIframe } from '../../utils/detectInIframe';\nimport type { ApplePayConfiguration, ApplePayElementData, ApplePayPaymentOrderDetails, ApplePaySessionRequest } from './types';\nimport type { ICore } from '../../core/types';\nimport type { PaymentResponseData, RawPaymentResponse } from '../../types/global-types';\nimport { AnalyticsInfoEvent, InfoEventType, UiTarget } from '../../core/Analytics/events/AnalyticsInfoEvent';\n\nconst LATEST_APPLE_PAY_VERSION = 14;\n\nclass ApplePayElement extends UIElement<ApplePayConfiguration> {\n    public static readonly type = TxVariants.applepay;\n\n    protected static readonly defaultProps = defaultProps;\n\n    private sdkLoader: ApplePaySdkLoader;\n    private applePayVersionNumber: number = undefined;\n\n    constructor(checkout: ICore, props?: ApplePayConfiguration) {\n        super(checkout, props);\n\n        const { isExpress, onShippingContactSelected, onShippingMethodSelected } = this.props;\n\n        if (isExpress === false && (onShippingContactSelected || onShippingMethodSelected)) {\n            throw new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'ApplePay - You must set \"isExpress\" flag to \"true\" in order to use \"onShippingContactSelected\" and/or \"onShippingMethodSelected\" callbacks'\n            );\n        }\n\n        this.startSession = this.startSession.bind(this);\n        this.submit = this.submit.bind(this);\n        this.validateMerchant = this.validateMerchant.bind(this);\n        this.collectOrderTrackingDetailsIfNeeded = this.collectOrderTrackingDetailsIfNeeded.bind(this);\n        this.handleAuthorization = this.handleAuthorization.bind(this);\n        this.defineApplePayVersionNumber = this.defineApplePayVersionNumber.bind(this);\n        this.configureApplePayWebOptions = this.configureApplePayWebOptions.bind(this);\n\n        this.sdkLoader = new ApplePaySdkLoader({ analytics: this.analytics });\n\n        void this.sdkLoader\n            .load()\n            .then(this.defineApplePayVersionNumber)\n            .then(this.configureApplePayWebOptions)\n            .catch(error => {\n                this.handleError(error);\n            });\n    }\n\n    /**\n     * Formats the component props\n     */\n    protected override formatProps(props: ApplePayConfiguration): ApplePayConfiguration {\n        // @ts-ignore TODO: Fix brands prop\n        const supportedNetworks = props.brands?.length ? mapBrands(props.brands) : props.supportedNetworks;\n\n        return {\n            ...props,\n            configuration: props.configuration,\n            supportedNetworks,\n            buttonLocale: props.buttonLocale ?? props.i18n?.locale,\n            totalPriceLabel: props.totalPriceLabel || props.configuration?.merchantName,\n            renderApplePayCodeAs: props.renderApplePayCodeAs ?? (detectInIframe() ? 'window' : 'modal')\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    protected override formatData(): ApplePayElementData {\n        const { applePayToken, billingAddress, deliveryAddress } = this.state;\n        const { isExpress } = this.props;\n\n        return {\n            paymentMethod: {\n                type: ApplePayElement.type,\n                applePayToken,\n                ...(isExpress && { subtype: 'express' })\n            },\n            ...(billingAddress && { billingAddress }),\n            ...(deliveryAddress && { deliveryAddress })\n        };\n    }\n\n    protected override beforeRender(configSetByMerchant?: ApplePayConfiguration) {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.isExpress && { isExpress: configSetByMerchant.isExpress }),\n            ...(configSetByMerchant?.expressPage && { expressPage: configSetByMerchant.expressPage })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    public override submit = (): void => {\n        if (this.props.isInstantPayment) {\n            const event = new AnalyticsInfoEvent({ component: this.type, type: InfoEventType.selected, target: UiTarget.instantPaymentButton });\n            this.submitAnalytics(event);\n        }\n        void this.startSession();\n    };\n\n    public get isValid(): boolean {\n        return true;\n    }\n\n    /**\n     * This API is only intended for upstreaming or defaulting to Apple Pay, all other scenarios should continue to\n     * use canMakePayments(). For Safari browsers, this API will indicate whether there is a card available to make\n     * payments. For third-party browsers a new status of paymentCredentialStatusUnknown will be returned. This does\n     * not mean there are no cards available, it means the status cannot be determined and as such defaulting\n     * and upstreaming should still be considered.\n     *\n     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/4440085-applepaycapabilities}\n     * @param merchantIdentifier\n     */\n    public async applePayCapabilities(merchantIdentifier?: string): Promise<ApplePayJS.PaymentCredentialStatusResponse> {\n        const identifier = merchantIdentifier || this.props.configuration.merchantId;\n\n        try {\n            await this.sdkLoader.isSdkLoaded();\n            return await ApplePaySession?.applePayCapabilities(identifier);\n        } catch (error) {\n            throw new AdyenCheckoutError('ERROR', 'Apple Pay: Error when requesting applePayCapabilities()', { cause: error });\n        }\n    }\n\n    /**\n     * Determines if Apple Pay component can be displayed or not\n     */\n    public override async isAvailable(): Promise<void> {\n        if (window.location.protocol !== 'https:') {\n            return Promise.reject(new AdyenCheckoutError('IMPLEMENTATION_ERROR', 'Trying to start an Apple Pay session from an insecure document'));\n        }\n\n        try {\n            await this.sdkLoader.isSdkLoaded();\n\n            if (ApplePaySession?.canMakePayments()) {\n                return Promise.resolve();\n            }\n\n            return Promise.reject(new AdyenCheckoutError('ERROR', 'Apple Pay is not available on this device'));\n        } catch (error) {\n            return Promise.reject(new AdyenCheckoutError('ERROR', 'Apple Pay SDK failed to load', { cause: error }));\n        }\n    }\n\n    /**\n     * Sets the Apple Pay version available for the shopper.\n     * This code needs to be executed once the  Apple Pay SDK is fully loaded\n     * @private\n     */\n    private defineApplePayVersionNumber() {\n        if (window.location.protocol !== 'https:') return;\n        this.applePayVersionNumber = this.props.version || resolveSupportedVersion(LATEST_APPLE_PAY_VERSION);\n    }\n\n    /**\n     * Sets the configuration/callbacks that pertain to the Apple Pay code overlay/modal.\n     * @private\n     */\n    private configureApplePayWebOptions() {\n        if (window.ApplePayWebOptions) {\n            const { renderApplePayCodeAs, onApplePayCodeClose } = this.props;\n\n            window.ApplePayWebOptions.set({\n                renderApplePayCodeAs,\n                ...(onApplePayCodeClose && { onApplePayCodeClose })\n            });\n        }\n    }\n\n    private startSession() {\n        const { onValidateMerchant, onPaymentMethodSelected, onShippingMethodSelected, onShippingContactSelected, onCouponCodeChanged } = this.props;\n\n        const paymentRequest = preparePaymentRequest({\n            companyName: this.props.configuration.merchantName,\n            countryCode: this.core.options.countryCode,\n            ...this.props\n        });\n\n        const session = new ApplePayService(paymentRequest, {\n            version: this.applePayVersionNumber,\n            onError: (error: unknown) => {\n                this.handleError(\n                    new AdyenCheckoutError('ERROR', 'ApplePay - Something went wrong on ApplePayService', {\n                        cause: error\n                    })\n                );\n            },\n            onCancel: event => {\n                this.handleError(new AdyenCheckoutError('CANCEL', 'ApplePay UI dismissed', { cause: event }));\n            },\n            onPaymentMethodSelected,\n            onShippingMethodSelected,\n            onShippingContactSelected,\n            onCouponCodeChanged,\n            onValidateMerchant: onValidateMerchant || this.validateMerchant,\n            onPaymentAuthorized: (resolve, reject, event) => {\n                const billingAddress = formatApplePayContactToAdyenAddressFormat(event.payment.billingContact);\n                const deliveryAddress = formatApplePayContactToAdyenAddressFormat(event.payment.shippingContact, true);\n\n                this.setState({\n                    applePayToken: btoa(JSON.stringify(event.payment.token.paymentData)),\n                    authorizedEvent: event,\n                    ...(billingAddress && { billingAddress }),\n                    ...(deliveryAddress && { deliveryAddress })\n                });\n\n                this.handleAuthorization()\n                    .then(this.makePaymentsCall)\n                    .then(sanitizeResponse)\n                    .then(verifyPaymentDidNotFail)\n                    .then(this.collectOrderTrackingDetailsIfNeeded)\n                    .then(({ paymentResponse, orderDetails }) => {\n                        resolve({\n                            status: ApplePaySession.STATUS_SUCCESS,\n                            ...(orderDetails && { orderDetails })\n                        });\n                        return paymentResponse;\n                    })\n                    .then(paymentResponse => {\n                        this.handleResponse(paymentResponse);\n                    })\n                    .catch((paymentResponse?: RawPaymentResponse) => {\n                        const errors = paymentResponse?.error?.applePayError;\n\n                        reject({\n                            status: ApplePaySession.STATUS_FAILURE,\n                            errors: errors ? (Array.isArray(errors) ? errors : [errors]) : undefined\n                        });\n\n                        const responseWithError: RawPaymentResponse = {\n                            ...paymentResponse,\n                            error: {\n                                applePayError: errors\n                            }\n                        };\n\n                        this.handleFailedResult(responseWithError);\n                    });\n            }\n        });\n\n        return new Promise<void>((resolve, reject) => this.props.onClick(resolve, reject))\n            .then(() => {\n                session.begin();\n            })\n            .catch(() => ({\n                // Swallow exception triggered by onClick reject\n            }));\n    }\n\n    /**\n     * Call the 'onAuthorized' callback if available.\n     * Must be resolved/reject for the payment flow to continue\n     *\n     * @private\n     */\n    private async handleAuthorization(): Promise<void> {\n        return new Promise<void>((resolve, reject) => {\n            if (!this.props.onAuthorized) {\n                resolve();\n            }\n\n            const { authorizedEvent, billingAddress, deliveryAddress } = this.state;\n\n            this.props.onAuthorized(\n                {\n                    authorizedEvent,\n                    ...(billingAddress && { billingAddress }),\n                    ...(deliveryAddress && { deliveryAddress })\n                },\n                { resolve, reject }\n            );\n        }).catch((error?: ApplePayJS.ApplePayError) => {\n            // Format error in a way that the 'catch' of the 'onPaymentAuthorize' block accepts it\n            const data = { error: { applePayError: error } };\n            return Promise.reject(data);\n        });\n    }\n\n    /**\n     * Verify if the 'onOrderTrackingRequest' is provided. If so, triggers the callback expecting an\n     * Apple Pay order details back\n     *\n     * @private\n     */\n    private async collectOrderTrackingDetailsIfNeeded(\n        paymentResponse: PaymentResponseData\n    ): Promise<{ orderDetails?: ApplePayPaymentOrderDetails; paymentResponse: PaymentResponseData }> {\n        return new Promise<ApplePayPaymentOrderDetails | void>((resolve, reject) => {\n            if (!this.props.onOrderTrackingRequest) {\n                return resolve();\n            }\n\n            this.props.onOrderTrackingRequest(resolve, reject);\n        })\n            .then(orderDetails => {\n                return {\n                    paymentResponse,\n                    ...(orderDetails && { orderDetails })\n                };\n            })\n            .catch(() => {\n                return { paymentResponse };\n            });\n    }\n\n    private async validateMerchant(resolve: (merchantSession: unknown) => void, reject: (error: string) => void) {\n        const { hostname } = window.location;\n        const { clientKey, configuration, loadingContext, initiative, domainName } = this.props;\n        const { merchantName, merchantId } = configuration;\n        const path = `v1/applePay/sessions?clientKey=${clientKey}`;\n        const options = { loadingContext, path };\n        const request: ApplePaySessionRequest = {\n            displayName: merchantName,\n            domainName: domainName || hostname,\n            initiative,\n            merchantIdentifier: merchantId\n        };\n\n        try {\n            const response = await httpPost(options, request);\n            const decodedData: DecodeObject = base64.decode(response.data);\n\n            if (!decodedData.success) {\n                reject('Could not decode Apple Pay session');\n            } else {\n                const session: unknown = JSON.parse(decodedData.data);\n                resolve(session);\n            }\n        } catch (e) {\n            reject('Could not get Apple Pay session');\n        }\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        if (!this.props.showPayButton) {\n            return null;\n        }\n\n        return (\n            <ApplePayButton\n                buttonStyle={this.props.buttonColor}\n                buttonType={this.props.buttonType}\n                buttonLocale={this.props.buttonLocale}\n                onClick={this.submit}\n            />\n        );\n    }\n}\n\nexport default ApplePayElement;\n"],"names":["ApplePayElement","UIElement","formatProps","props","supportedNetworks","brands","length","mapBrands","_object_spread_props","_object_spread","configuration","buttonLocale","i18n","locale","totalPriceLabel","merchantName","renderApplePayCodeAs","detectInIframe","formatData","applePayToken","billingAddress","deliveryAddress","this","state","isExpress","paymentMethod","type","subtype","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","InfoEventType","rendered","component","configData","showPayButton","expressPage","analytics","sendAnalytics","isValid","applePayCapabilities","merchantIdentifier","identifier","merchantId","ApplePaySession","sdkLoader","isSdkLoaded","error","AdyenCheckoutError","cause","isAvailable","window","location","protocol","Promise","reject","canMakePayments","resolve","defineApplePayVersionNumber","applePayVersionNumber","version","resolveSupportedVersion","configureApplePayWebOptions","ApplePayWebOptions","onApplePayCodeClose","set","startSession","onValidateMerchant","onPaymentMethodSelected","onShippingMethodSelected","onShippingContactSelected","onCouponCodeChanged","paymentRequest","preparePaymentRequest","companyName","countryCode","core","options","session","ApplePayService","onError","handleError","onCancel","validateMerchant","onPaymentAuthorized","formatApplePayContactToAdyenAddressFormat","payment","billingContact","shippingContact","setState","btoa","JSON","stringify","token","paymentData","authorizedEvent","handleAuthorization","then","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","collectOrderTrackingDetailsIfNeeded","paymentResponse","orderDetails","status","STATUS_SUCCESS","handleResponse","catch","errors","applePayError","STATUS_FAILURE","Array","isArray","undefined","responseWithError","handleFailedResult","onClick","begin","onAuthorized","data","onOrderTrackingRequest","hostname","clientKey","loadingContext","initiative","domainName","path","request","displayName","response","httpPost","decodedData","base64","decode","success","parse","e","componentToRender","h","ApplePayButton","buttonStyle","buttonColor","buttonType","submit","constructor","checkout","super","_define_property","isInstantPayment","selected","target","UiTarget","instantPaymentButton","submitAnalytics","bind","ApplePaySdkLoader","load","TxVariants","applepay","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ApplePay.js","sources":["../../../../src/components/ApplePay/ApplePay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport ApplePayButton from './components/ApplePayButton';\nimport ApplePayService from './services/ApplePayService';\nimport base64 from '../../utils/base64';\nimport defaultProps from './defaultProps';\nimport { httpPost } from '../../core/Services/http';\nimport { preparePaymentRequest } from './utils/payment-request';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { DecodeObject } from '../../types/global-types';\nimport { TxVariants } from '../tx-variants';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { resolveSupportedVersion } from './utils/resolve-supported-version';\nimport { formatApplePayContactToAdyenAddressFormat } from './utils/format-applepay-contact-to-adyen-format';\nimport { mapBrands } from './utils/map-adyen-brands-to-applepay-brands';\nimport ApplePaySdkLoader from './services/ApplePaySdkLoader';\nimport { detectInIframe } from '../../utils/detectInIframe';\nimport type {\n    ApplePayConfiguration,\n    ApplePayElementData,\n    ApplePayPaymentOrderDetails,\n    ApplePaySessionRequest,\n    ApplePaySessionResponse\n} from './types';\nimport type { ICore } from '../../core/types';\nimport type { PaymentResponseData, RawPaymentResponse } from '../../types/global-types';\nimport { AnalyticsInfoEvent, InfoEventType, UiTarget } from '../../core/Analytics/events/AnalyticsInfoEvent';\n\nconst LATEST_APPLE_PAY_VERSION = 14;\n\nclass ApplePayElement extends UIElement<ApplePayConfiguration> {\n    public static readonly type = TxVariants.applepay;\n\n    protected static readonly defaultProps = defaultProps;\n\n    private sdkLoader: ApplePaySdkLoader;\n    private applePayVersionNumber: number = undefined;\n\n    constructor(checkout: ICore, props?: ApplePayConfiguration) {\n        super(checkout, props);\n\n        const { isExpress, onShippingContactSelected, onShippingMethodSelected } = this.props;\n\n        if (isExpress === false && (onShippingContactSelected || onShippingMethodSelected)) {\n            throw new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'ApplePay - You must set \"isExpress\" flag to \"true\" in order to use \"onShippingContactSelected\" and/or \"onShippingMethodSelected\" callbacks'\n            );\n        }\n\n        this.startSession = this.startSession.bind(this);\n        this.submit = this.submit.bind(this);\n        this.validateMerchant = this.validateMerchant.bind(this);\n        this.collectOrderTrackingDetailsIfNeeded = this.collectOrderTrackingDetailsIfNeeded.bind(this);\n        this.handleAuthorization = this.handleAuthorization.bind(this);\n        this.defineApplePayVersionNumber = this.defineApplePayVersionNumber.bind(this);\n        this.configureApplePayWebOptions = this.configureApplePayWebOptions.bind(this);\n\n        this.sdkLoader = new ApplePaySdkLoader({ analytics: this.analytics });\n\n        void this.sdkLoader\n            .load()\n            .then(this.defineApplePayVersionNumber)\n            .then(this.configureApplePayWebOptions)\n            .catch(error => {\n                this.handleError(error);\n            });\n    }\n\n    /**\n     * Formats the component props\n     */\n    protected override formatProps(props: ApplePayConfiguration): ApplePayConfiguration {\n        // @ts-ignore TODO: Fix brands prop\n        const supportedNetworks = props.brands?.length ? mapBrands(props.brands) : props.supportedNetworks;\n\n        return {\n            ...props,\n            configuration: props.configuration,\n            supportedNetworks,\n            buttonLocale: props.buttonLocale ?? props.i18n?.locale,\n            totalPriceLabel: props.totalPriceLabel || props.configuration?.merchantName,\n            renderApplePayCodeAs: props.renderApplePayCodeAs ?? (detectInIframe() ? 'window' : 'modal')\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    protected override formatData(): ApplePayElementData {\n        const { applePayToken, billingAddress, deliveryAddress } = this.state;\n        const { isExpress } = this.props;\n\n        return {\n            paymentMethod: {\n                type: ApplePayElement.type,\n                applePayToken,\n                ...(isExpress && { subtype: 'express' })\n            },\n            ...(billingAddress && { billingAddress }),\n            ...(deliveryAddress && { deliveryAddress })\n        };\n    }\n\n    protected override beforeRender(configSetByMerchant?: ApplePayConfiguration) {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.isExpress && { isExpress: configSetByMerchant.isExpress }),\n            ...(configSetByMerchant?.expressPage && { expressPage: configSetByMerchant.expressPage })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    public override submit = (): void => {\n        if (this.props.isInstantPayment) {\n            const event = new AnalyticsInfoEvent({ component: this.type, type: InfoEventType.selected, target: UiTarget.instantPaymentButton });\n            this.submitAnalytics(event);\n        }\n        void this.startSession();\n    };\n\n    public get isValid(): boolean {\n        return true;\n    }\n\n    /**\n     * This API is only intended for upstreaming or defaulting to Apple Pay, all other scenarios should continue to\n     * use canMakePayments(). For Safari browsers, this API will indicate whether there is a card available to make\n     * payments. For third-party browsers a new status of paymentCredentialStatusUnknown will be returned. This does\n     * not mean there are no cards available, it means the status cannot be determined and as such defaulting\n     * and upstreaming should still be considered.\n     *\n     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/4440085-applepaycapabilities}\n     * @param merchantIdentifier\n     */\n    public async applePayCapabilities(merchantIdentifier?: string): Promise<ApplePayJS.PaymentCredentialStatusResponse> {\n        const identifier = merchantIdentifier || this.props.configuration.merchantId;\n\n        try {\n            await this.sdkLoader.isSdkLoaded();\n            return await ApplePaySession?.applePayCapabilities(identifier);\n        } catch (error) {\n            throw new AdyenCheckoutError('ERROR', 'Apple Pay: Error when requesting applePayCapabilities()', { cause: error });\n        }\n    }\n\n    /**\n     * Determines if Apple Pay component can be displayed or not\n     */\n    public override async isAvailable(): Promise<void> {\n        if (window.location.protocol !== 'https:') {\n            return Promise.reject(new AdyenCheckoutError('IMPLEMENTATION_ERROR', 'Trying to start an Apple Pay session from an insecure document'));\n        }\n\n        try {\n            await this.sdkLoader.isSdkLoaded();\n\n            if (ApplePaySession?.canMakePayments()) {\n                return Promise.resolve();\n            }\n\n            return Promise.reject(new AdyenCheckoutError('ERROR', 'Apple Pay is not available on this device'));\n        } catch (error) {\n            return Promise.reject(new AdyenCheckoutError('ERROR', 'Apple Pay SDK failed to load', { cause: error }));\n        }\n    }\n\n    /**\n     * Sets the Apple Pay version available for the shopper.\n     * This code needs to be executed once the  Apple Pay SDK is fully loaded\n     * @private\n     */\n    private defineApplePayVersionNumber() {\n        if (window.location.protocol !== 'https:') return;\n        this.applePayVersionNumber = this.props.version || resolveSupportedVersion(LATEST_APPLE_PAY_VERSION);\n    }\n\n    /**\n     * Sets the configuration/callbacks that pertain to the Apple Pay code overlay/modal.\n     * @private\n     */\n    private configureApplePayWebOptions() {\n        if (window.ApplePayWebOptions) {\n            const { renderApplePayCodeAs, onApplePayCodeClose } = this.props;\n\n            window.ApplePayWebOptions.set({\n                renderApplePayCodeAs,\n                ...(onApplePayCodeClose && { onApplePayCodeClose })\n            });\n        }\n    }\n\n    private startSession() {\n        const { onValidateMerchant, onPaymentMethodSelected, onShippingMethodSelected, onShippingContactSelected, onCouponCodeChanged } = this.props;\n\n        const paymentRequest = preparePaymentRequest({\n            companyName: this.props.configuration.merchantName,\n            countryCode: this.core.options.countryCode,\n            ...this.props\n        });\n\n        const session = new ApplePayService(paymentRequest, {\n            version: this.applePayVersionNumber,\n            onError: (error: unknown) => {\n                this.handleError(\n                    new AdyenCheckoutError('ERROR', 'ApplePay - Something went wrong on ApplePayService', {\n                        cause: error\n                    })\n                );\n            },\n            onCancel: event => {\n                this.handleError(new AdyenCheckoutError('CANCEL', 'ApplePay UI dismissed', { cause: event }));\n            },\n            onPaymentMethodSelected,\n            onShippingMethodSelected,\n            onShippingContactSelected,\n            onCouponCodeChanged,\n            onValidateMerchant: onValidateMerchant || this.validateMerchant,\n            onPaymentAuthorized: (resolve, reject, event) => {\n                const billingAddress = formatApplePayContactToAdyenAddressFormat(event.payment.billingContact);\n                const deliveryAddress = formatApplePayContactToAdyenAddressFormat(event.payment.shippingContact, true);\n\n                this.setState({\n                    applePayToken: btoa(JSON.stringify(event.payment.token.paymentData)),\n                    authorizedEvent: event,\n                    ...(billingAddress && { billingAddress }),\n                    ...(deliveryAddress && { deliveryAddress })\n                });\n\n                this.handleAuthorization()\n                    .then(this.makePaymentsCall)\n                    .then(sanitizeResponse)\n                    .then(verifyPaymentDidNotFail)\n                    .then(this.collectOrderTrackingDetailsIfNeeded)\n                    .then(({ paymentResponse, orderDetails }) => {\n                        resolve({\n                            status: ApplePaySession.STATUS_SUCCESS,\n                            ...(orderDetails && { orderDetails })\n                        });\n                        return paymentResponse;\n                    })\n                    .then(paymentResponse => {\n                        this.handleResponse(paymentResponse);\n                    })\n                    .catch((paymentResponse?: RawPaymentResponse) => {\n                        const errors = paymentResponse?.error?.applePayError;\n\n                        reject({\n                            status: ApplePaySession.STATUS_FAILURE,\n                            errors: errors ? (Array.isArray(errors) ? errors : [errors]) : undefined\n                        });\n\n                        const responseWithError: RawPaymentResponse = {\n                            ...paymentResponse,\n                            error: {\n                                applePayError: errors\n                            }\n                        };\n\n                        this.handleFailedResult(responseWithError);\n                    });\n            }\n        });\n\n        return new Promise<void>((resolve, reject) => this.props.onClick(resolve, reject))\n            .then(() => {\n                session.begin();\n            })\n            .catch(() => ({\n                // Swallow exception triggered by onClick reject\n            }));\n    }\n\n    /**\n     * Call the 'onAuthorized' callback if available.\n     * Must be resolved/reject for the payment flow to continue\n     *\n     * @private\n     */\n    private async handleAuthorization(): Promise<void> {\n        return new Promise<void>((resolve, reject) => {\n            if (!this.props.onAuthorized) {\n                resolve();\n            }\n\n            const { authorizedEvent, billingAddress, deliveryAddress } = this.state;\n\n            this.props.onAuthorized(\n                {\n                    authorizedEvent,\n                    ...(billingAddress && { billingAddress }),\n                    ...(deliveryAddress && { deliveryAddress })\n                },\n                { resolve, reject }\n            );\n        }).catch((error?: ApplePayJS.ApplePayError) => {\n            // Format error in a way that the 'catch' of the 'onPaymentAuthorize' block accepts it\n            const data = { error: { applePayError: error } };\n            return Promise.reject(data);\n        });\n    }\n\n    /**\n     * Verify if the 'onOrderTrackingRequest' is provided. If so, triggers the callback expecting an\n     * Apple Pay order details back\n     *\n     * @private\n     */\n    private async collectOrderTrackingDetailsIfNeeded(\n        paymentResponse: PaymentResponseData\n    ): Promise<{ orderDetails?: ApplePayPaymentOrderDetails; paymentResponse: PaymentResponseData }> {\n        return new Promise<ApplePayPaymentOrderDetails | void>((resolve, reject) => {\n            if (!this.props.onOrderTrackingRequest) {\n                return resolve();\n            }\n\n            this.props.onOrderTrackingRequest(resolve, reject);\n        })\n            .then(orderDetails => {\n                return {\n                    paymentResponse,\n                    ...(orderDetails && { orderDetails })\n                };\n            })\n            .catch(() => {\n                return { paymentResponse };\n            });\n    }\n\n    private async validateMerchant(resolve: (merchantSession: unknown) => void, reject: (error: string) => void) {\n        const { hostname } = window.location;\n        const { clientKey, configuration, loadingContext, initiative, domainName } = this.props;\n        const { merchantName, merchantId } = configuration;\n        const path = `v1/applePay/sessions?clientKey=${clientKey}`;\n        const options = { loadingContext, path };\n        const request: ApplePaySessionRequest = {\n            displayName: merchantName,\n            domainName: domainName || hostname,\n            initiative,\n            merchantIdentifier: merchantId\n        };\n\n        try {\n            const response = await httpPost<ApplePaySessionResponse>(options, request);\n            const decodedData: DecodeObject = base64.decode(response.data);\n\n            if (!decodedData.success) {\n                reject('Could not decode Apple Pay session');\n            } else {\n                const session: unknown = JSON.parse(decodedData.data);\n                resolve(session);\n            }\n        } catch (e) {\n            reject('Could not get Apple Pay session');\n        }\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        if (!this.props.showPayButton) {\n            return null;\n        }\n\n        return (\n            <ApplePayButton\n                buttonStyle={this.props.buttonColor}\n                buttonType={this.props.buttonType}\n                buttonLocale={this.props.buttonLocale}\n                onClick={this.submit}\n            />\n        );\n    }\n}\n\nexport default ApplePayElement;\n"],"names":["ApplePayElement","UIElement","formatProps","props","supportedNetworks","brands","length","mapBrands","_object_spread_props","_object_spread","configuration","buttonLocale","i18n","locale","totalPriceLabel","merchantName","renderApplePayCodeAs","detectInIframe","formatData","applePayToken","billingAddress","deliveryAddress","this","state","isExpress","paymentMethod","type","subtype","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","InfoEventType","rendered","component","configData","showPayButton","expressPage","analytics","sendAnalytics","isValid","applePayCapabilities","merchantIdentifier","identifier","merchantId","ApplePaySession","sdkLoader","isSdkLoaded","error","AdyenCheckoutError","cause","isAvailable","window","location","protocol","Promise","reject","canMakePayments","resolve","defineApplePayVersionNumber","applePayVersionNumber","version","resolveSupportedVersion","configureApplePayWebOptions","ApplePayWebOptions","onApplePayCodeClose","set","startSession","onValidateMerchant","onPaymentMethodSelected","onShippingMethodSelected","onShippingContactSelected","onCouponCodeChanged","paymentRequest","preparePaymentRequest","companyName","countryCode","core","options","session","ApplePayService","onError","handleError","onCancel","validateMerchant","onPaymentAuthorized","formatApplePayContactToAdyenAddressFormat","payment","billingContact","shippingContact","setState","btoa","JSON","stringify","token","paymentData","authorizedEvent","handleAuthorization","then","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","collectOrderTrackingDetailsIfNeeded","paymentResponse","orderDetails","status","STATUS_SUCCESS","handleResponse","catch","errors","applePayError","STATUS_FAILURE","Array","isArray","undefined","responseWithError","handleFailedResult","onClick","begin","onAuthorized","data","onOrderTrackingRequest","hostname","clientKey","loadingContext","initiative","domainName","path","request","displayName","response","httpPost","decodedData","base64","decode","success","parse","e","componentToRender","h","ApplePayButton","buttonStyle","buttonColor","buttonType","submit","constructor","checkout","super","_define_property","isInstantPayment","selected","target","UiTarget","instantPaymentButton","submitAnalytics","bind","ApplePaySdkLoader","load","TxVariants","applepay","defaultProps"],"mappings":"43DA8BA,MAAMA,UAAwBC,EA0CPC,WAAAA,CAAYC,OAQTA,EAEQA,EARAA,EAMcA,EACMA,EAP9C,MAAMC,GAAgC,QAAZD,EAAAA,EAAME,cAANF,IAAAA,OAAAA,EAAAA,EAAcG,QAASC,EAAUJ,EAAME,QAAUF,EAAMC,kBAEjF,OAAOI,EAAAC,EAAA,CAAA,EACAN,GAAAA,CACHO,cAAeP,EAAMO,cACrBN,oBACAO,aAAgC,QAAlBR,EAAAA,EAAMQ,oBAANR,IAAAA,EAAAA,EAAgC,QAAVA,EAAAA,EAAMS,gBAANT,OAAAA,EAAAA,EAAYU,OAChDC,gBAAiBX,EAAMW,kBAAsC,QAAnBX,EAAAA,EAAMO,qBAANP,IAAAA,SAAAA,EAAqBY,cAC/DC,6BAAsBb,EAAAA,EAAMa,gCAANb,EAAAA,EAA+Bc,IAAmB,SAAW,SAE3F,CAKA,UAAAC,GACI,MAAMC,cAAEA,EAAaC,eAAEA,EAAcC,gBAAEA,GAAoBC,KAAKC,OAC1DC,UAAEA,GAAcF,KAAKnB,MAE3B,OAAOM,EAAA,CACHgB,cAAehB,EAAA,CACXiB,KAAM1B,EAAgB0B,KACtBP,iBACIK,GAAa,CAAEG,QAAS,aAE5BP,GAAkB,CAAEA,kBACpBC,GAAmB,CAAEA,mBAEjC,CAEmBO,YAAAA,CAAaC,GAC5B,MAAMC,EAAQ,IAAIC,EAAmBtB,EAAA,CACjCiB,KAAMM,EAAcC,SACpBC,UAAWZ,KAAKI,KAChBS,WAAY3B,EAAAC,EAAA,CAAA,EAAKoB,GAAAA,CAAqBO,cAAed,KAAKnB,MAAMiC,kBAC5DP,aAAAA,EAAAA,EAAqBL,YAAa,CAAEA,UAAWK,EAAoBL,YACnEK,aAAAA,EAAAA,EAAqBQ,cAAe,CAAEA,YAAaR,EAAoBQ,eAG/Ef,KAAKgB,UAAUC,cAAcT,EACjC,CAUA,WAAWU,GACP,OAAO,CACX,CAYA,0BAAaC,CAAqBC,GAC9B,MAAMC,EAAaD,GAAsBpB,KAAKnB,MAAMO,cAAckC,WAElE,IAEiBC,IAAAA,EAAb,aADMvB,KAAKwB,UAAUC,oBACRF,QAAAA,EAAAA,uBAAAA,IAAAA,OAAAA,EAAAA,EAAiBJ,qBAAqBE,GACvD,CAAE,MAAOK,GACL,MAAM,IAAIC,EAAmB,QAAS,0DAA2D,CAAEC,MAAOF,GAC9G,CACJ,CAKA,iBAAsBG,GAClB,GAAiC,WAA7BC,OAAOC,SAASC,SAChB,OAAOC,QAAQC,OAAO,IAAIP,EAAmB,uBAAwB,mEAGzE,IAGQJ,IAAAA,EAAJ,aAFMvB,KAAKwB,UAAUC,eAEjBF,QAAAA,EAAAA,uBAAAA,IAAAA,OAAAA,EAAAA,EAAiBY,mBACVF,QAAQG,UAGZH,QAAQC,OAAO,IAAIP,EAAmB,QAAS,6CAC1D,CAAE,MAAOD,GACL,OAAOO,QAAQC,OAAO,IAAIP,EAAmB,QAAS,+BAAgC,CAAEC,MAAOF,IACnG,CACJ,CAOA,2BAAAW,GACqC,WAA7BP,OAAOC,SAASC,WACpBhC,KAAKsC,sBAAwBtC,KAAKnB,MAAM0D,SAAWC,EArJ1B,IAsJ7B,CAMA,2BAAAC,GACI,GAAIX,OAAOY,mBAAoB,CAC3B,MAAMhD,qBAAEA,EAAoBiD,oBAAEA,GAAwB3C,KAAKnB,MAE3DiD,OAAOY,mBAAmBE,IAAIzD,EAAA,CAC1BO,wBACIiD,GAAuB,CAAEA,wBAErC,CACJ,CAEQE,YAAAA,GACJ,MAAMC,mBAAEA,EAAkBC,wBAAEA,EAAuBC,yBAAEA,EAAwBC,0BAAEA,EAAyBC,oBAAEA,GAAwBlD,KAAKnB,MAEjIsE,EAAiBC,EAAsBjE,EAAA,CACzCkE,YAAarD,KAAKnB,MAAMO,cAAcK,aACtC6D,YAAatD,KAAKuD,KAAKC,QAAQF,aAC5BtD,KAAKnB,QAGN4E,EAAU,IAAIC,EAAgBP,EAAgB,CAChDZ,QAASvC,KAAKsC,sBACdqB,QAAUjC,IACN1B,KAAK4D,YACD,IAAIjC,EAAmB,QAAS,qDAAsD,CAClFC,MAAOF,MAInBmC,SAAUrD,IACNR,KAAK4D,YAAY,IAAIjC,EAAmB,SAAU,wBAAyB,CAAEC,MAAOpB,MAExFuC,0BACAC,2BACAC,4BACAC,sBACAJ,mBAAoBA,GAAsB9C,KAAK8D,iBAC/CC,oBAAqB,CAAC3B,EAASF,EAAQ1B,KACnC,MAAMV,EAAiBkE,EAA0CxD,EAAMyD,QAAQC,gBACzEnE,EAAkBiE,EAA0CxD,EAAMyD,QAAQE,iBAAiB,GAEjGnE,KAAKoE,SAASjF,EAAA,CACVU,cAAewE,KAAKC,KAAKC,UAAU/D,EAAMyD,QAAQO,MAAMC,cACvDC,gBAAiBlE,GACbV,GAAkB,CAAEA,kBACpBC,GAAmB,CAAEA,qBAG7BC,KAAK2E,sBACAC,KAAK5E,KAAK6E,kBACVD,KAAKE,GACLF,KAAKG,GACLH,KAAK5E,KAAKgF,qCACVJ,KAAK,EAAGK,kBAAiBC,mBACtB9C,EAAQjD,EAAA,CACJgG,OAAQ5D,gBAAgB6D,gBACpBF,GAAgB,CAAEA,kBAEnBD,IAEVL,KAAKK,IACFjF,KAAKqF,eAAeJ,KAEvBK,MAAOL,IACWA,IAAAA,EAAf,MAAMM,EAASN,SAAsB,QAAtBA,EAAAA,EAAiBvD,aAAjBuD,IAAAA,OAAAA,EAAAA,EAAwBO,cAEvCtD,EAAO,CACHiD,OAAQ5D,gBAAgBkE,eACxBF,OAAQA,EAAUG,MAAMC,QAAQJ,GAAUA,EAAS,CAACA,QAAWK,IAGnE,MAAMC,EAAwC3G,EAAAC,EAAA,CAAA,EACvC8F,GAAAA,CACHvD,MAAO,CACH8D,cAAeD,KAIvBvF,KAAK8F,mBAAmBD,QAKxC,OAAO,IAAI5D,QAAc,CAACG,EAASF,IAAWlC,KAAKnB,MAAMkH,QAAQ3D,EAASF,IACrE0C,KAAK,KACFnB,EAAQuC,UAEXV,MAAM,KAAA,CAEP,GACR,CAQA,yBAAcX,GACV,OAAO,IAAI1C,QAAc,CAACG,EAASF,KAC1BlC,KAAKnB,MAAMoH,cACZ7D,IAGJ,MAAMsC,gBAAEA,EAAe5E,eAAEA,EAAcC,gBAAEA,GAAoBC,KAAKC,MAElED,KAAKnB,MAAMoH,aACP9G,EAAA,CACIuF,mBACI5E,GAAkB,CAAEA,kBACpBC,GAAmB,CAAEA,oBAE7B,CAAEqC,UAASF,aAEhBoD,MAAO5D,IAEN,MAAMwE,EAAO,CAAExE,MAAO,CAAE8D,cAAe9D,IACvC,OAAOO,QAAQC,OAAOgE,IAE9B,CAQA,yCAAclB,CACVC,GAEA,OAAO,IAAIhD,QAA4C,CAACG,EAASF,KAC7D,IAAKlC,KAAKnB,MAAMsH,uBACZ,OAAO/D,IAGXpC,KAAKnB,MAAMsH,uBAAuB/D,EAASF,KAE1C0C,KAAKM,GACK/F,EAAA,CACH8F,mBACIC,GAAgB,CAAEA,kBAG7BI,MAAM,KACI,CAAEL,oBAErB,CAEA,sBAAcnB,CAAiB1B,EAA6CF,GACxE,MAAMkE,SAAEA,GAAatE,OAAOC,UACtBsE,UAAEA,EAASjH,cAAEA,EAAakH,eAAEA,EAAcC,WAAEA,EAAUC,WAAEA,GAAexG,KAAKnB,OAC5EY,aAAEA,EAAY6B,WAAEA,GAAelC,EAE/BoE,EAAU,CAAE8C,iBAAgBG,KADrB,kCAAkCJ,KAEzCK,EAAkC,CACpCC,YAAalH,EACb+G,WAAYA,GAAcJ,EAC1BG,aACAnF,mBAAoBE,GAGxB,IACI,MAAMsF,QAAiBC,EAAkCrD,EAASkD,GAC5DI,EAA4BC,EAAOC,OAAOJ,EAASV,MAEzD,GAAKY,EAAYG,QAEV,CAEH7E,EADyBkC,KAAK4C,MAAMJ,EAAYZ,MAEpD,MAJIhE,EAAO,qCAKf,CAAE,MAAOiF,GACLjF,EAAO,kCACX,CACJ,CAEmBkF,iBAAAA,GACf,OAAKpH,KAAKnB,MAAMiC,cAKZuG,EAACC,EAAAA,CACGC,YAAavH,KAAKnB,MAAM2I,YACxBC,WAAYzH,KAAKnB,MAAM4I,WACvBpI,aAAcW,KAAKnB,MAAMQ,aACzB0G,QAAS/F,KAAK0H,SARX,IAWf,CA/UA,WAAAC,CAAYC,EAAiB/I,GACzBgJ,MAAMD,EAAU/I,GAJpBiJ,EAAA9H,KAAQwB,iBAAR,GACAsG,EAAA9H,KAAQsC,6BAAgCsD,GAgFxCkC,EAAA9H,KAAgB0H,SAAS,KACrB,GAAI1H,KAAKnB,MAAMkJ,iBAAkB,CAC7B,MAAMvH,EAAQ,IAAIC,EAAmB,CAAEG,UAAWZ,KAAKI,KAAMA,KAAMM,EAAcsH,SAAUC,OAAQC,EAASC,uBAC5GnI,KAAKoI,gBAAgB5H,EACzB,CACKR,KAAK6C,iBAhFV,MAAM3C,UAAEA,EAAS+C,0BAAEA,EAAyBD,yBAAEA,GAA6BhD,KAAKnB,MAEhF,IAAkB,IAAdqB,IAAwB+C,GAA6BD,GACrD,MAAM,IAAIrB,EACN,uBACA,8IAIR3B,KAAK6C,aAAe7C,KAAK6C,aAAawF,KAAKrI,MAC3CA,KAAK0H,OAAS1H,KAAK0H,OAAOW,KAAKrI,MAC/BA,KAAK8D,iBAAmB9D,KAAK8D,iBAAiBuE,KAAKrI,MACnDA,KAAKgF,oCAAsChF,KAAKgF,oCAAoCqD,KAAKrI,MACzFA,KAAK2E,oBAAsB3E,KAAK2E,oBAAoB0D,KAAKrI,MACzDA,KAAKqC,4BAA8BrC,KAAKqC,4BAA4BgG,KAAKrI,MACzEA,KAAKyC,4BAA8BzC,KAAKyC,4BAA4B4F,KAAKrI,MAEzEA,KAAKwB,UAAY,IAAI8G,EAAkB,CAAEtH,UAAWhB,KAAKgB,YAEpDhB,KAAKwB,UACL+G,OACA3D,KAAK5E,KAAKqC,6BACVuC,KAAK5E,KAAKyC,6BACV6C,MAAM5D,IACH1B,KAAK4D,YAAYlC,IAE7B,EApCAoG,EADEpJ,EACqB0B,OAAOoI,EAAWC,UAEzCX,EAHEpJ,EAGwBgK,eAAeA"}

package/dist/es-legacy/components/BacsDD/BacsDD.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 o from"./components/BacsInput.js";import n from"./components/BacsResult.js";import r from"../internal/PayButton/PayButton.js";import{TxVariants as a}from"../tx-variants.js";function i(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function s(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),n.forEach(function(e){i(t,e,o[e])})}return t}function p(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))}),t}class c extends e{formatData(){var t,e,o,n;return s({paymentMethod:s({type:c.type},(null===(t=this.state.data)||void 0===t?void 0:t.holderName)&&{holderName:this.state.data.holderName},(null===(e=this.state.data)||void 0===e?void 0:e.bankAccountNumber)&&{bankAccountNumber:this.state.data.bankAccountNumber},(null===(o=this.state.data)||void 0===o?void 0:o.bankLocationId)&&{bankLocationId:this.state.data.bankLocationId})},(null===(n=this.state.data)||void 0===n?void 0:n.shopperEmail)&&{shopperEmail:this.state.data.shopperEmail})}get isValid(){return!!this.state.isValid}componentToRender(){return this.props.url?t(n,{icon:this.icon,url:this.props.url,paymentMethodType:this.props.paymentMethodType,onActionHandled:this.onActionHandled}):t(o,p(s({},this.props),{setComponentRef:this.setComponentRef,onChange:this.setState,payButton:this.payButton,onSubmit:this.submit}))}constructor(...e){super(...e),i(this,"payButton",e=>t(r,p(s({onClick:this.submit},e),{showReview:!!this.props.onReview})))}}i(c,"type",a.directdebit_GB);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/BacsInput.js";import r from"./components/BacsResult.js";import n from"../internal/PayButton/PayButton.js";import{TxVariants as s}from"../tx-variants.js";function a(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function i(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),r.forEach(function(e){a(t,e,o[e])})}return t}function p(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))}),t}class c extends e{formatData(){var t,e,o,r;return i({paymentMethod:i({type:c.type},(null===(t=this.state.data)||void 0===t?void 0:t.holderName)&&{holderName:this.state.data.holderName},(null===(e=this.state.data)||void 0===e?void 0:e.bankAccountNumber)&&{bankAccountNumber:this.state.data.bankAccountNumber},(null===(o=this.state.data)||void 0===o?void 0:o.bankLocationId)&&{bankLocationId:this.state.data.bankLocationId})},(null===(r=this.state.data)||void 0===r?void 0:r.shopperEmail)&&{shopperEmail:this.state.data.shopperEmail})}get isValid(){return!!this.state.isValid}componentToRender(){return this.props.url?t(r,{icon:this.icon,url:this.props.url,paymentMethodType:this.props.paymentMethodType,onActionHandled:this.onActionHandled}):t(o,p(i({},this.props),{setComponentRef:this.setComponentRef,onChange:this.setState,payButton:this.payButton,onSubmit:this.submit}))}constructor(...e){super(...e),a(this,"payButton",e=>t(n,p(i({onClick:this.submit},e),{showPayButton:this.props.showPayButton,disclaimerMessage:this.props.disclaimerMessage,showReview:!!this.props.onReview})))}}a(c,"type",s.directdebit_GB);export{c as default};
 //# sourceMappingURL=BacsDD.js.map

package/dist/es-legacy/components/BacsDD/BacsDD.js.map

@@ -1 +1 @@
-{"version":3,"file":"BacsDD.js","sources":["../../../../src/components/BacsDD/BacsDD.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BacsInput from './components/BacsInput';\nimport BacsResult from './components/BacsResult';\nimport PayButton from '../internal/PayButton';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\nimport { BacsElementData } from './types';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\n\nclass BacsElement extends UIElement<VoucherConfiguration> {\n    public static readonly type = TxVariants.directdebit_GB;\n\n    formatData(): BacsElementData {\n        return {\n            paymentMethod: {\n                type: BacsElement.type,\n                ...(this.state.data?.holderName && { holderName: this.state.data.holderName }),\n                ...(this.state.data?.bankAccountNumber && { bankAccountNumber: this.state.data.bankAccountNumber }),\n                ...(this.state.data?.bankLocationId && { bankLocationId: this.state.data.bankLocationId })\n            },\n            ...(this.state.data?.shopperEmail && { shopperEmail: this.state.data.shopperEmail })\n        };\n    }\n\n    get isValid(): boolean {\n        return !!this.state.isValid;\n    }\n\n    protected override payButton = (props: PayButtonProps) => {\n        return <PayButton onClick={this.submit} {...props} showReview={!!this.props.onReview} />;\n    };\n\n    protected override componentToRender(): h.JSX.Element {\n        return this.props.url ? (\n            <BacsResult\n                icon={this.icon}\n                url={this.props.url}\n                paymentMethodType={this.props.paymentMethodType}\n                onActionHandled={this.onActionHandled}\n            />\n        ) : (\n            <BacsInput\n                {...this.props}\n                setComponentRef={this.setComponentRef}\n                onChange={this.setState}\n                payButton={this.payButton}\n                onSubmit={this.submit}\n            />\n        );\n    }\n}\n\nexport default BacsElement;\n"],"names":["BacsElement","UIElement","formatData","_this_state_data","_this_state_data1","_this_state_data2","_this_state_data3","_object_spread","paymentMethod","type","this","state","data","holderName","bankAccountNumber","bankLocationId","shopperEmail","isValid","componentToRender","props","url","h","BacsResult","icon","paymentMethodType","onActionHandled","BacsInput","setComponentRef","onChange","setState","payButton","onSubmit","submit","super","args","_define_property","PayButton","onClick","showReview","onReview","TxVariants","directdebit_GB"],"mappings":"imCAUA,MAAMA,UAAoBC,EAGtBC,UAAAA,GAIgB,IAAAC,EACAC,EACAC,EAEJC,EAPR,OAAOC,EAAA,CACHC,cAAeD,EAAA,CACXE,KAAMT,EAAYS,OACC,QAAfN,EAAAO,KAAKC,MAAMC,YAAX,IAAAT,SAAAA,EAAiBU,aAAc,CAAEA,WAAYH,KAAKC,MAAMC,KAAKC,aAC9C,QAAfT,EAAAM,KAAKC,MAAMC,YAAX,IAAAR,SAAAA,EAAiBU,oBAAqB,CAAEA,kBAAmBJ,KAAKC,MAAMC,KAAKE,oBAC5D,QAAfT,EAAAK,KAAKC,MAAMC,YAAX,IAAAP,SAAAA,EAAiBU,iBAAkB,CAAEA,eAAgBL,KAAKC,MAAMC,KAAKG,mBAE1D,QAAfT,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,SAAAA,EAAiBU,eAAgB,CAAEA,aAAcN,KAAKC,MAAMC,KAAKI,cAE7E,CAEA,WAAIC,GACA,QAASP,KAAKC,MAAMM,OACxB,CAMmBC,iBAAAA,GACf,OAAOR,KAAKS,MAAMC,IACdC,EAACC,EAAAA,CACGC,KAAMb,KAAKa,KACXH,IAAKV,KAAKS,MAAMC,IAChBI,kBAAmBd,KAAKS,MAAMK,kBAC9BC,gBAAiBf,KAAKe,kBAG1BJ,EAACK,EAAAA,EAAAA,EAAAA,GACOhB,KAAKS,OAAK,CACdQ,gBAAiBjB,KAAKiB,gBACtBC,SAAUlB,KAAKmB,SACfC,UAAWpB,KAAKoB,UAChBC,SAAUrB,KAAKsB,SAG3B,mBAxCJC,SAAAC,GAmBIC,EAAAzB,KAAmBoB,YAAaX,GACrBE,EAACe,EAAAA,EAAAA,EAAAA,CAAUC,QAAS3B,KAAKsB,QAAYb,GAAAA,CAAOmB,aAAc5B,KAAKS,MAAMoB,cAnBhFJ,EADEnC,EACqBS,OAAO+B,EAAWC"}
+{"version":3,"file":"BacsDD.js","sources":["../../../../src/components/BacsDD/BacsDD.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BacsInput from './components/BacsInput';\nimport BacsResult from './components/BacsResult';\nimport PayButton from '../internal/PayButton';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\nimport { BacsElementData } from './types';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\n\nclass BacsElement extends UIElement<VoucherConfiguration> {\n    public static readonly type = TxVariants.directdebit_GB;\n\n    formatData(): BacsElementData {\n        return {\n            paymentMethod: {\n                type: BacsElement.type,\n                ...(this.state.data?.holderName && { holderName: this.state.data.holderName }),\n                ...(this.state.data?.bankAccountNumber && { bankAccountNumber: this.state.data.bankAccountNumber }),\n                ...(this.state.data?.bankLocationId && { bankLocationId: this.state.data.bankLocationId })\n            },\n            ...(this.state.data?.shopperEmail && { shopperEmail: this.state.data.shopperEmail })\n        };\n    }\n\n    get isValid(): boolean {\n        return !!this.state.isValid;\n    }\n\n    protected override payButton = (props: PayButtonProps) => {\n        return (\n            <PayButton\n                onClick={this.submit}\n                {...props}\n                showPayButton={this.props.showPayButton}\n                disclaimerMessage={this.props.disclaimerMessage}\n                showReview={!!this.props.onReview}\n            />\n        );\n    };\n\n    protected override componentToRender(): h.JSX.Element {\n        return this.props.url ? (\n            <BacsResult\n                icon={this.icon}\n                url={this.props.url}\n                paymentMethodType={this.props.paymentMethodType}\n                onActionHandled={this.onActionHandled}\n            />\n        ) : (\n            <BacsInput\n                {...this.props}\n                setComponentRef={this.setComponentRef}\n                onChange={this.setState}\n                payButton={this.payButton}\n                onSubmit={this.submit}\n            />\n        );\n    }\n}\n\nexport default BacsElement;\n"],"names":["BacsElement","UIElement","formatData","_this_state_data","_this_state_data1","_this_state_data2","_this_state_data3","_object_spread","paymentMethod","type","this","state","data","holderName","bankAccountNumber","bankLocationId","shopperEmail","isValid","componentToRender","props","url","h","BacsResult","icon","paymentMethodType","onActionHandled","BacsInput","setComponentRef","onChange","setState","payButton","onSubmit","submit","super","args","_define_property","PayButton","onClick","showPayButton","disclaimerMessage","showReview","onReview","TxVariants","directdebit_GB"],"mappings":"imCAUA,MAAMA,UAAoBC,EAGtBC,UAAAA,GAIgB,IAAAC,EACAC,EACAC,EAEJC,EAPR,OAAOC,EAAA,CACHC,cAAeD,EAAA,CACXE,KAAMT,EAAYS,OACC,QAAfN,EAAAO,KAAKC,MAAMC,YAAX,IAAAT,SAAAA,EAAiBU,aAAc,CAAEA,WAAYH,KAAKC,MAAMC,KAAKC,aAC9C,QAAfT,EAAAM,KAAKC,MAAMC,YAAX,IAAAR,SAAAA,EAAiBU,oBAAqB,CAAEA,kBAAmBJ,KAAKC,MAAMC,KAAKE,oBAC5D,QAAfT,EAAAK,KAAKC,MAAMC,YAAX,IAAAP,SAAAA,EAAiBU,iBAAkB,CAAEA,eAAgBL,KAAKC,MAAMC,KAAKG,mBAE1D,QAAfT,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,SAAAA,EAAiBU,eAAgB,CAAEA,aAAcN,KAAKC,MAAMC,KAAKI,cAE7E,CAEA,WAAIC,GACA,QAASP,KAAKC,MAAMM,OACxB,CAcmBC,iBAAAA,GACf,OAAOR,KAAKS,MAAMC,IACdC,EAACC,EAAAA,CACGC,KAAMb,KAAKa,KACXH,IAAKV,KAAKS,MAAMC,IAChBI,kBAAmBd,KAAKS,MAAMK,kBAC9BC,gBAAiBf,KAAKe,kBAG1BJ,EAACK,EAAAA,EAAAA,EAAAA,GACOhB,KAAKS,OAAK,CACdQ,gBAAiBjB,KAAKiB,gBACtBC,SAAUlB,KAAKmB,SACfC,UAAWpB,KAAKoB,UAChBC,SAAUrB,KAAKsB,SAG3B,mBAhDJC,SAAAC,GAmBIC,EAAAzB,KAAmBoB,YAAaX,GAExBE,EAACe,EAAAA,EAAAA,EAAAA,CACGC,QAAS3B,KAAKsB,QACVb,GAAAA,CACJmB,cAAe5B,KAAKS,MAAMmB,cAC1BC,kBAAmB7B,KAAKS,MAAMoB,kBAC9BC,aAAc9B,KAAKS,MAAMsB,cAzBrCN,EADEnC,EACqBS,OAAOiC,EAAWC"}

package/dist/es-legacy/components/BacsDD/components/BacsInput.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useState as a,useRef as o,useEffect as n}from"../../../external/preact/hooks/dist/hooks.js";import t from"../../../_virtual/index.js";import{useCoreContext as r}from"../../../core/Context/CoreProvider.js";import c from"../../internal/FormFields/Field/Field.js";import i from"../../internal/FormFields/ConsentCheckbox/ConsentCheckbox.js";import{bacsValidationRules as l,bacsFormatters as s}from"./validate.js";import d from"../../../utils/useForm/useForm.js";import"../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import u from"../../../core/Context/useImage.js";import m from"../../internal/FormFields/InputText.js";import b from"../../internal/FormFields/InputEmail.js";import p from"../../internal/FormInstruction/FormInstruction.js";import{getErrorMessage as h}from"../../../utils/getErrorMessage.js";import{PREFIX as k}from"../../internal/Icon/constants.js";import{useAmount as v}from"../../../core/Context/AmountProvider.js";const f="enter-data",g="confirm-data";function N(N){var _,C,y,I,x,F;const{i18n:E}=r(),j=u(),{amount:A}=v(),{handleChangeFor:L,triggerValidation:M,data:B,valid:V,errors:q,isValid:S}=d({schema:["holderName","bankAccountNumber","bankLocationId","shopperEmail","amountConsentCheckbox","accountConsentCheckbox"],defaultData:N.data,formatters:s,rules:l}),[H,w]=a(f),P=o({setStatus:w,showValidation:()=>{M()}});n(()=>{N.setComponentRef(P.current)},[N.setComponentRef]);return n(()=>{N.onChange({data:B,valid:V,errors:q,isValid:S})},[B,V,q,S]),e("div",{className:t({"adyen-checkout__bacs":!0,"adyen-checkout__bacs--confirm":H===g||"loading"===H})},e(p,null),H==g&&e("div",{className:t({"adyen-checkout__bacs--edit":!0,"adyen-checkout__bacs--edit-dropin":N.isDropin})},e(m,{name:"bacsEdit",className:"adyen-checkout__bacs--edit-button",value:E.get("edit"),"aria-label":E.get("edit"),readonly:!0,onClick:()=>{var e,a;return null===(a=P.current)||void 0===a||null===(e=a.setStatus)||void 0===e?void 0:e.call(a,f)},autocomplete:void 0})),e(c,{className:t({"adyen-checkout__bacs--holder-name":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),label:E.get("bacs.accountHolderName"),errorMessage:!!q.holderName&&E.get("bacs.accountHolderName.invalid"),isValid:V.holderName,name:"accountHolderName",i18n:E},e(m,{name:"bacs.accountHolderName",className:"adyen-checkout__bacs-input--holder-name",placeholder:null===(C=N.placeholders)||void 0===C?void 0:C.holderName,value:B.holderName,"aria-invalid":!V.holderName,"aria-label":E.get("bacs.accountHolderName"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:"name",onBlur:L("holderName","blur"),onInput:L("holderName","input")})),e("div",{className:"adyen-checkout__bacs__num-id adyen-checkout__field-wrapper"},e(c,{errorMessage:Boolean(q.bankAccountNumber)&&E.get("bacs.accountNumber.invalid"),label:E.get("bacs.accountNumber"),className:t({"adyen-checkout__bacs--bank-account-number":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),classNameModifiers:["col-70"],isValid:V.bankAccountNumber,name:"bankAccountNumber",i18n:E},e(m,{value:B.bankAccountNumber,className:"adyen-checkout__bacs-input--bank-account-number",placeholder:null===(y=N.placeholders)||void 0===y?void 0:y.bankAccountNumber,"aria-invalid":!V.bankAccountNumber,"aria-label":E.get("bacs.accountNumber"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:void 0,onBlur:L("bankAccountNumber","blur"),onInput:L("bankAccountNumber","input")})),e(c,{errorMessage:Boolean(q.bankLocationId)&&E.get("bacs.bankLocationId.invalid"),label:E.get("bacs.bankLocationId"),className:t({"adyen-checkout__bacs--bank-location-id":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),classNameModifiers:["col-30"],isValid:V.bankLocationId,name:"bankLocationId",i18n:E},e(m,{value:B.bankLocationId,className:"adyen-checkout__bacs-input--bank-location-id",placeholder:null===(I=N.placeholders)||void 0===I?void 0:I.bankLocationId,"aria-invalid":!V.bankLocationId,"aria-label":E.get("bacs.bankLocationId"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:void 0,onBlur:L("bankLocationId","blur"),onInput:L("bankLocationId","input")}))),e(c,{errorMessage:h(E,null!==(_=q.shopperEmail)&&void 0!==_?_:void 0,E.get("shopperEmail")),label:E.get("shopperEmail"),className:t({"adyen-checkout__bacs--shopper-email":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),isValid:V.shopperEmail,name:"emailAddress",i18n:E},e(b,{value:B.shopperEmail,name:"shopperEmail",className:"adyen-checkout__bacs-input--shopper-email",classNameModifiers:["large"],placeholder:null===(x=N.placeholders)||void 0===x?void 0:x.shopperEmail,spellcheck:!1,"aria-invalid":!V.shopperEmail,"aria-label":E.get("shopperEmail"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:"email",onInput:L("shopperEmail","input"),onBlur:L("shopperEmail","blur")})),H===f&&e(i,{classNameModifiers:["amountConsentCheckbox"],errorMessage:q.amountConsentCheckbox,label:E.get("bacs.consent.amount"),onChange:L("amountConsentCheckbox"),checked:Boolean(B.amountConsentCheckbox),i18n:E}),H===f&&e(i,{classNameModifiers:["accountConsentCheckbox"],errorMessage:q.accountConsentCheckbox,label:E.get("bacs.consent.account"),onChange:L("accountConsentCheckbox"),checked:Boolean(B.accountConsentCheckbox),i18n:E}),N.showPayButton&&(null===(F=N.payButton)||void 0===F?void 0:F.call(N,{status:H,label:H===f?E.get("continue"):`${E.get("bacs.confirm")} ${(null==A?void 0:A.value)&&(null==A?void 0:A.currency)?E.amount(A.value,A.currency):""}`,icon:j({imageFolder:"components/"})(`${k}lock`),onClick:()=>{var e,a,o,n;return S?H===f?null===(n=P.current)||void 0===n||null===(o=n.setStatus)||void 0===o?void 0:o.call(n,g):H===g?N.onSubmit():void 0:null===(a=P.current)||void 0===a||null===(e=a.showValidation)||void 0===e?void 0:e.call(a)}})))}N.defaultProps={data:{},placeholders:{}};export{N as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useState as a,useRef as o,useEffect as n}from"../../../external/preact/hooks/dist/hooks.js";import t from"../../../_virtual/index.js";import{useCoreContext as r}from"../../../core/Context/CoreProvider.js";import c from"../../internal/FormFields/Field/Field.js";import i from"../../internal/FormFields/ConsentCheckbox/ConsentCheckbox.js";import{bacsValidationRules as l,bacsFormatters as s}from"./validate.js";import d from"../../../utils/useForm/useForm.js";import"../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import u from"../../../core/Context/useImage.js";import m from"../../internal/FormFields/InputText.js";import b from"../../internal/FormFields/InputEmail.js";import p from"../../internal/FormInstruction/FormInstruction.js";import{getErrorMessage as h}from"../../../utils/getErrorMessage.js";import{PREFIX as k}from"../../internal/Icon/constants.js";import{useAmount as v}from"../../../core/Context/AmountProvider.js";const f="enter-data",g="confirm-data";function N(N){var _,C,y,I,x,F;const{i18n:E}=r(),j=u(),{amount:A}=v(),{handleChangeFor:L,triggerValidation:M,data:B,valid:V,errors:q,isValid:S}=d({schema:["holderName","bankAccountNumber","bankLocationId","shopperEmail","amountConsentCheckbox","accountConsentCheckbox"],defaultData:N.data,formatters:s,rules:l}),[H,w]=a(f),P=o({setStatus:w,showValidation:()=>{M()}});n(()=>{N.setComponentRef(P.current)},[N.setComponentRef]);return n(()=>{N.onChange({data:B,valid:V,errors:q,isValid:S})},[B,V,q,S]),e("div",{className:t({"adyen-checkout__bacs":!0,"adyen-checkout__bacs--confirm":H===g||"loading"===H})},e(p,null),H==g&&e("div",{className:t({"adyen-checkout__bacs--edit":!0,"adyen-checkout__bacs--edit-dropin":N.isDropin})},e(m,{name:"bacsEdit",className:"adyen-checkout__bacs--edit-button",value:E.get("edit"),"aria-label":E.get("edit"),readonly:!0,onClick:()=>{var e,a;return null===(a=P.current)||void 0===a||null===(e=a.setStatus)||void 0===e?void 0:e.call(a,f)},autocomplete:void 0})),e(c,{className:t({"adyen-checkout__bacs--holder-name":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),label:E.get("bacs.accountHolderName"),errorMessage:!!q.holderName&&E.get("bacs.accountHolderName.invalid"),isValid:V.holderName,name:"accountHolderName",i18n:E},e(m,{name:"bacs.accountHolderName",className:"adyen-checkout__bacs-input--holder-name",placeholder:null===(C=N.placeholders)||void 0===C?void 0:C.holderName,value:B.holderName,"aria-invalid":!V.holderName,"aria-label":E.get("bacs.accountHolderName"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:"name",onBlur:L("holderName","blur"),onInput:L("holderName","input")})),e("div",{className:"adyen-checkout__bacs__num-id adyen-checkout__field-wrapper"},e(c,{errorMessage:Boolean(q.bankAccountNumber)&&E.get("bacs.accountNumber.invalid"),label:E.get("bacs.accountNumber"),className:t({"adyen-checkout__bacs--bank-account-number":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),classNameModifiers:["col-70"],isValid:V.bankAccountNumber,name:"bankAccountNumber",i18n:E},e(m,{value:B.bankAccountNumber,className:"adyen-checkout__bacs-input--bank-account-number",placeholder:null===(y=N.placeholders)||void 0===y?void 0:y.bankAccountNumber,"aria-invalid":!V.bankAccountNumber,"aria-label":E.get("bacs.accountNumber"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:void 0,onBlur:L("bankAccountNumber","blur"),onInput:L("bankAccountNumber","input")})),e(c,{errorMessage:Boolean(q.bankLocationId)&&E.get("bacs.bankLocationId.invalid"),label:E.get("bacs.bankLocationId"),className:t({"adyen-checkout__bacs--bank-location-id":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),classNameModifiers:["col-30"],isValid:V.bankLocationId,name:"bankLocationId",i18n:E},e(m,{value:B.bankLocationId,className:"adyen-checkout__bacs-input--bank-location-id",placeholder:null===(I=N.placeholders)||void 0===I?void 0:I.bankLocationId,"aria-invalid":!V.bankLocationId,"aria-label":E.get("bacs.bankLocationId"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:void 0,onBlur:L("bankLocationId","blur"),onInput:L("bankLocationId","input")}))),e(c,{errorMessage:h(E,null!==(_=q.shopperEmail)&&void 0!==_?_:void 0,E.get("shopperEmail")),label:E.get("shopperEmail"),className:t({"adyen-checkout__bacs--shopper-email":!0,"adyen-checkout__field--inactive":H===g||"loading"===H}),isValid:V.shopperEmail,name:"emailAddress",i18n:E},e(b,{value:B.shopperEmail,name:"shopperEmail",className:"adyen-checkout__bacs-input--shopper-email",classNameModifiers:["large"],placeholder:null===(x=N.placeholders)||void 0===x?void 0:x.shopperEmail,spellcheck:!1,"aria-invalid":!V.shopperEmail,"aria-label":E.get("shopperEmail"),"aria-required":"true",required:!0,readonly:H===g||"loading"===H,autocorrect:"off",autocomplete:"email",onInput:L("shopperEmail","input"),onBlur:L("shopperEmail","blur")})),H===f&&e(i,{classNameModifiers:["amountConsentCheckbox"],errorMessage:q.amountConsentCheckbox,label:E.get("bacs.consent.amount"),onChange:L("amountConsentCheckbox"),checked:Boolean(B.amountConsentCheckbox),i18n:E}),H===f&&e(i,{classNameModifiers:["accountConsentCheckbox"],errorMessage:q.accountConsentCheckbox,label:E.get("bacs.consent.account"),onChange:L("accountConsentCheckbox"),checked:Boolean(B.accountConsentCheckbox),i18n:E}),null===(F=N.payButton)||void 0===F?void 0:F.call(N,{status:H,label:H===f?E.get("continue"):`${E.get("bacs.confirm")} ${(null==A?void 0:A.value)&&(null==A?void 0:A.currency)?E.amount(A.value,A.currency):""}`,icon:j({imageFolder:"components/"})(`${k}lock`),onClick:()=>{var e,a,o,n;return S?H===f?null===(n=P.current)||void 0===n||null===(o=n.setStatus)||void 0===o?void 0:o.call(n,g):H===g?N.onSubmit():void 0:null===(a=P.current)||void 0===a||null===(e=a.showValidation)||void 0===e?void 0:e.call(a)}}))}N.defaultProps={data:{},placeholders:{}};export{N as default};
 //# sourceMappingURL=BacsInput.js.map