@adyen/adyen-web 6.2.0 → 6.4.0

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{CoreProvider as o}from"../../core/Context/CoreProvider.js";import s from"./components/ANCVAwait/config.js";import n from"../internal/Await/Await.js";import i from"../../core/Errors/SRPanelProvider.js";import a from"../../core/Errors/AdyenCheckoutError.js";import p from"../internal/PayButton/PayButton.js";import{sanitizeResponse as c,verifyPaymentDidNotFail as h}from"../internal/UIElement/utils.js";function l(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,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 u extends e{formatData(){var t;return{paymentMethod:{type:u.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(c).then(h).then(this.handleResponse).catch(this.handleFailedResult)}get isValid(){return!!this.state.isValid}get displayName(){return this.props.name}render(){return this.props.paymentData?t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(i,{srPanel:this.props.modules.srPanel},t(n,{ref:t=>{this.componentRef=t},clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.props.onError,onComplete:this.onComplete,brandLogo:this.icon,type:this.constructor.type,messageText:this.props.i18n.get("ancv.confirmPayment"),awaitText:this.props.i18n.get("await.waitForConfirmation"),showCountdownTimer:s.showCountdownTimer,throttleTime:s.THROTTLE_TIME,throttleInterval:s.THROTTLE_INTERVAL,onActionHandled:this.props.onActionHandled}))):t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(r,m(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){l(t,e,r[e])}))}return t}({ref:t=>{this.componentRef=t}},this.props),{onSubmit:this.submit,onChange:this.setState,payButton:this.payButton,showPayButton:this.props.showPayButton})))}constructor(...e){super(...e),l(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)),l(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=>{this.setStatus((null==t?void 0:t.message)||"error"),this.props.onError&&this.handleError(new a("ERROR",t))}))))),l(this,"payButton",(e=>t(p,e)))}}l(u,"type","ancv");export{u as ANCVElement,u 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{CoreProvider as o}from"../../core/Context/CoreProvider.js";import s from"./components/ANCVAwait/config.js";import n from"../internal/Await/Await.js";import i from"../../core/Errors/SRPanelProvider.js";import a from"../../core/Errors/AdyenCheckoutError.js";import p from"../internal/PayButton/PayButton.js";import{sanitizeResponse as c,verifyPaymentDidNotFail as h}from"../internal/UIElement/utils.js";function l(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,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 u extends e{formatData(){var t;return{paymentMethod:{type:u.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(c).then(h).then(this.handleResponse).catch(this.handleFailedResult)}get isValid(){return!!this.state.isValid}get displayName(){return this.props.name}render(){return this.props.paymentData?t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(i,{srPanel:this.props.modules.srPanel},t(n,{ref:t=>{this.componentRef=t},clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.props.onError,onComplete:this.onComplete,brandLogo:this.icon,type:this.constructor.type,messageText:this.props.i18n.get("ancv.confirmPayment"),awaitText:this.props.i18n.get("await.waitForConfirmation"),showCountdownTimer:s.showCountdownTimer,throttleTime:s.THROTTLE_TIME,throttleInterval:s.THROTTLE_INTERVAL,onActionHandled:this.onActionHandled}))):t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(r,m(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){l(t,e,r[e])}))}return t}({ref:t=>{this.componentRef=t}},this.props),{onSubmit:this.submit,onChange:this.setState,payButton:this.payButton,showPayButton:this.props.showPayButton})))}constructor(...e){super(...e),l(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)),l(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=>{this.setStatus((null==t?void 0:t.message)||"error"),this.props.onError&&this.handleError(new a("ERROR",t))}))))),l(this,"payButton",(e=>t(p,e)))}}l(u,"type","ancv");export{u as ANCVElement,u 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 { CoreProvider } from '../../core/Context/CoreProvider';\nimport config from './components/ANCVAwait/config';\nimport Await from '../../components/internal/Await';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport PayButton from '../internal/PayButton';\nimport { ANCVConfiguration } from './types';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\n\nexport class ANCVElement extends UIElement<ANCVConfiguration> {\n    public static 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                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                this.setStatus(error?.message || 'error');\n                if (this.props.onError) this.handleError(new AdyenCheckoutError('ERROR', error));\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    public payButton = props => {\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    render() {\n        if (this.props.paymentData) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <SRPanelProvider srPanel={this.props.modules.srPanel}>\n                        <Await\n                            ref={ref => {\n                                this.componentRef = ref;\n                            }}\n                            clientKey={this.props.clientKey}\n                            paymentData={this.props.paymentData}\n                            onError={this.props.onError}\n                            onComplete={this.onComplete}\n                            brandLogo={this.icon}\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.props.onActionHandled}\n                        />\n                    </SRPanelProvider>\n                </CoreProvider>\n            );\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <ANCVInput\n                    ref={ref => {\n                        this.componentRef = ref;\n                    }}\n                    {...this.props}\n                    onSubmit={this.submit}\n                    onChange={this.setState}\n                    payButton={this.payButton}\n                    showPayButton={this.props.showPayButton}\n                />\n            </CoreProvider>\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","render","paymentData","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","Await","ref","componentRef","clientKey","onError","onComplete","brandLogo","icon","constructor","messageText","get","awaitText","showCountdownTimer","config","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","ANCVInput","onSubmit","onChange","setState","payButton","showPayButton","_define_property","onOrderRequest","Promise","resolve","reject","session","setStatus","order","stateOrder","orderData","pspReference","error","message","handleError","AdyenCheckoutError","PayButton"],"mappings":"4iCAYO,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,CAqCOI,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,CAEAC,MAAAA,GACI,OAAIjB,KAAKe,MAAMG,YAEPC,EAACC,EAAAA,CAAaC,KAAMrB,KAAKe,MAAMM,KAAMC,eAAgBtB,KAAKe,MAAMO,eAAgBC,UAAWvB,KAAKuB,WAC5FJ,EAACK,EAAAA,CAAgBC,QAASzB,KAAKe,MAAMW,QAAQD,SACzCN,EAACQ,EAAAA,CACGC,IAAKA,IACD5B,KAAK6B,aAAeD,CAAAA,EAExBE,UAAW9B,KAAKe,MAAMe,UACtBZ,YAAalB,KAAKe,MAAMG,YACxBa,QAAS/B,KAAKe,MAAMgB,QACpBC,WAAYhC,KAAKgC,WACjBC,UAAWjC,KAAKkC,KAChBpC,KAAME,KAAKmC,YAAmB,KAC9BC,YAAapC,KAAKe,MAAMM,KAAKgB,IAAI,uBACjCC,UAAWtC,KAAKe,MAAMM,KAAKgB,IAAI,6BAC/BE,mBAAoBC,EAAOD,mBAC3BE,aAAcD,EAAOE,cACrBC,iBAAkBH,EAAOI,kBACzBC,gBAAiB7C,KAAKe,MAAM8B,oBAQ5C1B,EAACC,EAAAA,CAAaC,KAAMrB,KAAKe,MAAMM,KAAMC,eAAgBtB,KAAKe,MAAMO,eAAgBC,UAAWvB,KAAKuB,WAC5FJ,EAAC2B,EAAAA,wUAAAA,CAAAA,CACGlB,IAAKA,IACD5B,KAAK6B,aAAeD,CAAAA,GAEpB5B,KAAKe,OAAK,CACdgC,SAAU/C,KAAKG,OACf6C,SAAUhD,KAAKiD,SACfC,UAAWlD,KAAKkD,UAChBC,cAAenD,KAAKe,MAAMoC,iBAI1C,+BAvGAC,EAAApD,KAAQqD,kBAAiBnD,GACjBF,KAAKe,MAAMsC,eACJ,IAAIC,SAAQ,CAACC,EAASC,KACzBxD,KAAKe,MAAMsC,eAAeE,EAASC,EAAQtD,EAAAA,IAG/CF,KAAKe,MAAM0C,QACJzD,KAAKe,MAAM0C,QAAQnD,mBAD9B,IASJ8C,OAAO9C,eAAc,KACjBN,KAAK0D,UAAU,WAGX1D,KAAKe,MAAM4C,MACJL,QAAQC,UAGZvD,KAAKqD,eAAerD,KAAKE,MAC3BK,MAAMoD,IACH,MAAMC,EAAa,CAAED,MAAO,CAAEE,UAAWF,EAAME,UAAWC,aAAcH,EAAMG,eAE9E,OADA9D,KAAKiD,SAASW,GACPN,QAAQC,SAAO,IAEzB3C,OAAMmD,IACH/D,KAAK0D,WAAUK,aAAAA,EAAAA,EAAOC,UAAW,SAC7BhE,KAAKe,MAAMgB,SAAS/B,KAAKiE,YAAY,IAAIC,EAAmB,QAASH,GAAAA,OAmBrFX,EAAApD,KAAOkD,aAAYnC,GACRI,EAACgD,EAAcpD,MAjE1BqC,EADS3D,EACKK,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 { CoreProvider } from '../../core/Context/CoreProvider';\nimport config from './components/ANCVAwait/config';\nimport Await from '../../components/internal/Await';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport PayButton from '../internal/PayButton';\nimport { ANCVConfiguration } from './types';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\n\nexport class ANCVElement extends UIElement<ANCVConfiguration> {\n    public static 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                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                this.setStatus(error?.message || 'error');\n                if (this.props.onError) this.handleError(new AdyenCheckoutError('ERROR', error));\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    public payButton = props => {\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    render() {\n        if (this.props.paymentData) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <SRPanelProvider srPanel={this.props.modules.srPanel}>\n                        <Await\n                            ref={ref => {\n                                this.componentRef = ref;\n                            }}\n                            clientKey={this.props.clientKey}\n                            paymentData={this.props.paymentData}\n                            onError={this.props.onError}\n                            onComplete={this.onComplete}\n                            brandLogo={this.icon}\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                    </SRPanelProvider>\n                </CoreProvider>\n            );\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <ANCVInput\n                    ref={ref => {\n                        this.componentRef = ref;\n                    }}\n                    {...this.props}\n                    onSubmit={this.submit}\n                    onChange={this.setState}\n                    payButton={this.payButton}\n                    showPayButton={this.props.showPayButton}\n                />\n            </CoreProvider>\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","render","paymentData","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","Await","ref","componentRef","clientKey","onError","onComplete","brandLogo","icon","constructor","messageText","get","awaitText","showCountdownTimer","config","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","ANCVInput","onSubmit","onChange","setState","payButton","showPayButton","_define_property","onOrderRequest","Promise","resolve","reject","session","setStatus","order","stateOrder","orderData","pspReference","error","message","handleError","AdyenCheckoutError","PayButton"],"mappings":"4iCAYO,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,CAqCOI,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,CAEAC,MAAAA,GACI,OAAIjB,KAAKe,MAAMG,YAEPC,EAACC,EAAAA,CAAaC,KAAMrB,KAAKe,MAAMM,KAAMC,eAAgBtB,KAAKe,MAAMO,eAAgBC,UAAWvB,KAAKuB,WAC5FJ,EAACK,EAAAA,CAAgBC,QAASzB,KAAKe,MAAMW,QAAQD,SACzCN,EAACQ,EAAAA,CACGC,IAAKA,IACD5B,KAAK6B,aAAeD,CAAAA,EAExBE,UAAW9B,KAAKe,MAAMe,UACtBZ,YAAalB,KAAKe,MAAMG,YACxBa,QAAS/B,KAAKe,MAAMgB,QACpBC,WAAYhC,KAAKgC,WACjBC,UAAWjC,KAAKkC,KAChBpC,KAAME,KAAKmC,YAAmB,KAC9BC,YAAapC,KAAKe,MAAMM,KAAKgB,IAAI,uBACjCC,UAAWtC,KAAKe,MAAMM,KAAKgB,IAAI,6BAC/BE,mBAAoBC,EAAOD,mBAC3BE,aAAcD,EAAOE,cACrBC,iBAAkBH,EAAOI,kBACzBC,gBAAiB7C,KAAK6C,oBAQtC1B,EAACC,EAAAA,CAAaC,KAAMrB,KAAKe,MAAMM,KAAMC,eAAgBtB,KAAKe,MAAMO,eAAgBC,UAAWvB,KAAKuB,WAC5FJ,EAAC2B,EAAAA,wUAAAA,CAAAA,CACGlB,IAAKA,IACD5B,KAAK6B,aAAeD,CAAAA,GAEpB5B,KAAKe,OAAK,CACdgC,SAAU/C,KAAKG,OACf6C,SAAUhD,KAAKiD,SACfC,UAAWlD,KAAKkD,UAChBC,cAAenD,KAAKe,MAAMoC,iBAI1C,+BAvGAC,EAAApD,KAAQqD,kBAAiBnD,GACjBF,KAAKe,MAAMsC,eACJ,IAAIC,SAAQ,CAACC,EAASC,KACzBxD,KAAKe,MAAMsC,eAAeE,EAASC,EAAQtD,EAAAA,IAG/CF,KAAKe,MAAM0C,QACJzD,KAAKe,MAAM0C,QAAQnD,mBAD9B,IASJ8C,OAAO9C,eAAc,KACjBN,KAAK0D,UAAU,WAGX1D,KAAKe,MAAM4C,MACJL,QAAQC,UAGZvD,KAAKqD,eAAerD,KAAKE,MAC3BK,MAAMoD,IACH,MAAMC,EAAa,CAAED,MAAO,CAAEE,UAAWF,EAAME,UAAWC,aAAcH,EAAMG,eAE9E,OADA9D,KAAKiD,SAASW,GACPN,QAAQC,SAAO,IAEzB3C,OAAMmD,IACH/D,KAAK0D,WAAUK,aAAAA,EAAAA,EAAOC,UAAW,SAC7BhE,KAAKe,MAAMgB,SAAS/B,KAAKiE,YAAY,IAAIC,EAAmB,QAASH,GAAAA,OAmBrFX,EAAApD,KAAOkD,aAAYnC,GACRI,EAACgD,EAAcpD,MAjE1BqC,EADS3D,EACKK,OAAO"}

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"./components/AchInput/AchInput.js";import{CoreProvider as r}from"../../core/Context/CoreProvider.js";import s from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as n}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 a(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){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 h extends e{formatProps(t){var e;return p(a({},t),{holderNameRequired:null!==(e=t.hasHolderName)&&void 0!==e?e:t.holderNameRequired})}formatData(){var t;const e=!!this.props.storedPaymentMethodId,o=a(p(a({type:h.type},this.state.data),{ownerName:null===(t=this.state.data)||void 0===t?void 0:t.holderName}),e&&{storedPaymentMethodId:this.props.storedPaymentMethodId});return delete o.holderName,a({paymentMethod:o},this.state.billingAddress&&{billingAddress:this.state.billingAddress},this.state.storePaymentMethod&&{storePaymentMethod:this.state.storePaymentMethod})}updateStyles(t){return this.componentRef&&this.componentRef.updateStyles&&this.componentRef.updateStyles(t),this}setFocusOn(t){return this.componentRef&&this.componentRef.setFocusOn&&this.componentRef.setFocusOn(t),this}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"):""}render(){return t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.storedPaymentMethodId?t(s,{showPayButton:this.props.showPayButton,name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,p(a({setComponentRef:this.setComponentRef,handleKeyPress:this.handleKeyPress},this.props),{onChange:this.setState,onSubmit:this.submit,payButton:this.payButton,resources:this.resources})))}}i(h,"type",n.ach);export{h as AchElement,h 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/AchInput/AchInput.js";import{CoreProvider as r}from"../../core/Context/CoreProvider.js";import s from"../internal/RedirectButton/RedirectButton.js";import{TxVariants as n}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 a(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){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 h extends e{formatProps(t){var e;return p(a({},t),{holderNameRequired:null!==(e=t.hasHolderName)&&void 0!==e?e:t.holderNameRequired})}formatData(){var t;const e=!!this.props.storedPaymentMethodId,o=a(p(a({type:h.type},this.state.data),{ownerName:null===(t=this.state.data)||void 0===t?void 0:t.holderName}),e&&{storedPaymentMethodId:this.props.storedPaymentMethodId});return delete o.holderName,a({paymentMethod:o},this.state.storePaymentMethod&&{storePaymentMethod:this.state.storePaymentMethod})}updateStyles(t){return this.componentRef&&this.componentRef.updateStyles&&this.componentRef.updateStyles(t),this}setFocusOn(t){return this.componentRef&&this.componentRef.setFocusOn&&this.componentRef.setFocusOn(t),this}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"):""}render(){return t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.storedPaymentMethodId?t(s,{showPayButton:this.props.showPayButton,name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,p(a({setComponentRef:this.setComponentRef,handleKeyPress:this.handleKeyPress},this.props),{onChange:this.setState,onSubmit:this.submit,payButton:this.payButton,resources:this.resources})))}}i(h,"type",n.ach);export{h as AchElement,h 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 AchInput from './components/AchInput';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport RedirectButton from '../internal/RedirectButton';\nimport { AchConfiguration } from './types';\nimport { TxVariants } from '../tx-variants';\n\nexport class AchElement extends UIElement<AchConfiguration> {\n    public static type = TxVariants.ach;\n\n    formatProps(props: AchConfiguration) {\n        return {\n            ...props,\n            // Fix mismatch between passed hasHolderName & holderNameRequired props\n            // (when holderNameRequired = true, but hasHolderName = false - which means component will never be valid)\n            holderNameRequired: props.hasHolderName ?? props.holderNameRequired\n            // TODO - if it turns out that hasHolderName & holderNameRequired are not configurable by the merchant\n            //  then we will need to force these properties to true\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        // Map holderName to ownerName\n        const paymentMethod = {\n            type: AchElement.type,\n            ...this.state.data,\n            ownerName: this.state.data?.holderName,\n            ...(recurringPayment && { storedPaymentMethodId: this.props.storedPaymentMethodId })\n        };\n\n        delete paymentMethod.holderName;\n\n        return {\n            paymentMethod,\n            ...(this.state.billingAddress && { billingAddress: this.state.billingAddress }),\n            ...(this.state.storePaymentMethod && { storePaymentMethod: this.state.storePaymentMethod })\n        };\n    }\n\n    updateStyles(stylesObj) {\n        if (this.componentRef && this.componentRef.updateStyles) this.componentRef.updateStyles(stylesObj);\n        return this;\n    }\n\n    setFocusOn(fieldName) {\n        if (this.componentRef && this.componentRef.setFocusOn) this.componentRef.setFocusOn(fieldName);\n        return this;\n    }\n\n    get isValid() {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    get displayName() {\n        if (this.props.storedPaymentMethodId && this.props.bankAccountNumber) {\n            // get lastFour from bankAccountNumber, value comes from storedPaymentMethods\n            return `•••• ${this.props.bankAccountNumber.slice(-4)}`;\n        }\n        return this.props.name;\n    }\n\n    get additionalInfo() {\n        return this.props.storedPaymentMethodId ? this.props.i18n.get('ach.savedBankAccount') : '';\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.storedPaymentMethodId ? (\n                    <RedirectButton\n                        showPayButton={this.props.showPayButton}\n                        name={this.displayName}\n                        amount={this.props.amount}\n                        payButton={this.payButton}\n                        onSubmit={this.submit}\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                    />\n                ) : (\n                    <AchInput\n                        setComponentRef={this.setComponentRef}\n                        handleKeyPress={this.handleKeyPress}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                        resources={this.resources}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default AchElement;\n"],"names":["AchElement","UIElement","formatProps","props","_object_spread_props","holderNameRequired","hasHolderName","formatData","_this_state_data","recurringPayment","this","storedPaymentMethodId","paymentMethod","_object_spread","type","state","data","ownerName","holderName","billingAddress","storePaymentMethod","updateStyles","stylesObj","componentRef","setFocusOn","fieldName","isValid","displayName","bankAccountNumber","slice","name","additionalInfo","i18n","get","render","h","CoreProvider","loadingContext","resources","RedirectButton","showPayButton","amount","payButton","onSubmit","submit","ref","AchInput","setComponentRef","handleKeyPress","onChange","setState","_define_property","TxVariants","ach"],"mappings":"ipCAQO,MAAMA,UAAmBC,EAG5BC,WAAAA,CAAYC,GAKgBA,IAAAA,EAJxB,OAAOC,EACAD,EAAAA,CAAAA,EAAAA,GAAAA,CAGHE,2BAAoBF,EAAAA,EAAMG,qBAANH,IAAAA,EAAAA,EAAuBA,EAAME,oBAIzD,CAKAE,UAAAA,GAOmB,IAAAC,EANf,MAAMC,IAAqBC,KAAKP,MAAMQ,sBAGhCC,EAAgBC,EAAAT,EAAAS,EAAA,CAClBC,KAAMd,EAAWc,MACdJ,KAAKK,MAAMC,MAAI,CAClBC,UAA0B,QAAfT,EAAAE,KAAKK,MAAMC,YAAX,IAAAR,OAAA,EAAAA,EAAiBU,aACxBT,GAAoB,CAAEE,sBAAuBD,KAAKP,MAAMQ,wBAKhE,cAFOC,EAAcM,WAEdL,EAAA,CACHD,iBACIF,KAAKK,MAAMI,gBAAkB,CAAEA,eAAgBT,KAAKK,MAAMI,gBAC1DT,KAAKK,MAAMK,oBAAsB,CAAEA,mBAAoBV,KAAKK,MAAMK,oBAE9E,CAEAC,YAAAA,CAAaC,GAET,OADIZ,KAAKa,cAAgBb,KAAKa,aAAaF,cAAcX,KAAKa,aAAaF,aAAaC,GACjFZ,IACX,CAEAc,UAAAA,CAAWC,GAEP,OADIf,KAAKa,cAAgBb,KAAKa,aAAaC,YAAYd,KAAKa,aAAaC,WAAWC,GAC7Ef,IACX,CAEA,WAAIgB,GACA,QAAIhB,KAAKP,MAAMQ,yBAIND,KAAKK,MAAMW,OACxB,CAEA,eAAIC,GACA,OAAIjB,KAAKP,MAAMQ,uBAAyBD,KAAKP,MAAMyB,kBAExC,QAAQlB,KAAKP,MAAMyB,kBAAkBC,OAAO,KAEhDnB,KAAKP,MAAM2B,IACtB,CAEA,kBAAIC,GACA,OAAOrB,KAAKP,MAAMQ,sBAAwBD,KAAKP,MAAM6B,KAAKC,IAAI,wBAA0B,EAC5F,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaJ,KAAMtB,KAAKP,MAAM6B,KAAMK,eAAgB3B,KAAKP,MAAMkC,eAAgBC,UAAW5B,KAAK4B,WAC3F5B,KAAKP,MAAMQ,sBACRwB,EAACI,EAAAA,CACGC,cAAe9B,KAAKP,MAAMqC,cAC1BV,KAAMpB,KAAKiB,YACXc,OAAQ/B,KAAKP,MAAMsC,OACnBC,UAAWhC,KAAKgC,UAChBC,SAAUjC,KAAKkC,OACfC,IAAKA,IACDnC,KAAKa,aAAesB,CAAAA,IAI5BV,EAACW,EAAAA,EAAAA,EAAAA,CACGC,gBAAiBrC,KAAKqC,gBACtBC,eAAgBtC,KAAKsC,gBACjBtC,KAAKP,OAAK,CACd8C,SAAUvC,KAAKwC,SACfP,SAAUjC,KAAKkC,OACfF,UAAWhC,KAAKgC,UAChBJ,UAAW5B,KAAK4B,aAKpC,EA7FAa,EADSnD,EACKc,OAAOsC,EAAWC"}
+{"version":3,"file":"Ach.js","sources":["../../../../src/components/Ach/Ach.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport AchInput from './components/AchInput';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport RedirectButton from '../internal/RedirectButton';\nimport { AchConfiguration } from './types';\nimport { TxVariants } from '../tx-variants';\n\nexport class AchElement extends UIElement<AchConfiguration> {\n    public static type = TxVariants.ach;\n\n    formatProps(props: AchConfiguration) {\n        return {\n            ...props,\n            // Fix mismatch between passed hasHolderName & holderNameRequired props\n            // (when holderNameRequired = true, but hasHolderName = false - which means component will never be valid)\n            holderNameRequired: props.hasHolderName ?? props.holderNameRequired\n            // TODO - if it turns out that hasHolderName & holderNameRequired are not configurable by the merchant\n            //  then we will need to force these properties to true\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        // Map holderName to ownerName\n        const paymentMethod = {\n            type: AchElement.type,\n            ...this.state.data,\n            ownerName: this.state.data?.holderName,\n            ...(recurringPayment && { storedPaymentMethodId: this.props.storedPaymentMethodId })\n        };\n\n        delete paymentMethod.holderName;\n\n        return {\n            paymentMethod,\n            ...(this.state.storePaymentMethod && { storePaymentMethod: this.state.storePaymentMethod })\n        };\n    }\n\n    updateStyles(stylesObj) {\n        if (this.componentRef && this.componentRef.updateStyles) this.componentRef.updateStyles(stylesObj);\n        return this;\n    }\n\n    setFocusOn(fieldName) {\n        if (this.componentRef && this.componentRef.setFocusOn) this.componentRef.setFocusOn(fieldName);\n        return this;\n    }\n\n    get isValid() {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    get displayName() {\n        if (this.props.storedPaymentMethodId && this.props.bankAccountNumber) {\n            // get lastFour from bankAccountNumber, value comes from storedPaymentMethods\n            return `•••• ${this.props.bankAccountNumber.slice(-4)}`;\n        }\n        return this.props.name;\n    }\n\n    get additionalInfo() {\n        return this.props.storedPaymentMethodId ? this.props.i18n.get('ach.savedBankAccount') : '';\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.storedPaymentMethodId ? (\n                    <RedirectButton\n                        showPayButton={this.props.showPayButton}\n                        name={this.displayName}\n                        amount={this.props.amount}\n                        payButton={this.payButton}\n                        onSubmit={this.submit}\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                    />\n                ) : (\n                    <AchInput\n                        setComponentRef={this.setComponentRef}\n                        handleKeyPress={this.handleKeyPress}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                        resources={this.resources}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default AchElement;\n"],"names":["AchElement","UIElement","formatProps","props","_object_spread_props","holderNameRequired","hasHolderName","formatData","_this_state_data","recurringPayment","this","storedPaymentMethodId","paymentMethod","_object_spread","type","state","data","ownerName","holderName","storePaymentMethod","updateStyles","stylesObj","componentRef","setFocusOn","fieldName","isValid","displayName","bankAccountNumber","slice","name","additionalInfo","i18n","get","render","h","CoreProvider","loadingContext","resources","RedirectButton","showPayButton","amount","payButton","onSubmit","submit","ref","AchInput","setComponentRef","handleKeyPress","onChange","setState","_define_property","TxVariants","ach"],"mappings":"ipCAQO,MAAMA,UAAmBC,EAG5BC,WAAAA,CAAYC,GAKgBA,IAAAA,EAJxB,OAAOC,EACAD,EAAAA,CAAAA,EAAAA,GAAAA,CAGHE,2BAAoBF,EAAAA,EAAMG,qBAANH,IAAAA,EAAAA,EAAuBA,EAAME,oBAIzD,CAKAE,UAAAA,GAOmB,IAAAC,EANf,MAAMC,IAAqBC,KAAKP,MAAMQ,sBAGhCC,EAAgBC,EAAAT,EAAAS,EAAA,CAClBC,KAAMd,EAAWc,MACdJ,KAAKK,MAAMC,MAAI,CAClBC,UAA0B,QAAfT,EAAAE,KAAKK,MAAMC,YAAX,IAAAR,OAAA,EAAAA,EAAiBU,aACxBT,GAAoB,CAAEE,sBAAuBD,KAAKP,MAAMQ,wBAKhE,cAFOC,EAAcM,WAEdL,EAAA,CACHD,iBACIF,KAAKK,MAAMI,oBAAsB,CAAEA,mBAAoBT,KAAKK,MAAMI,oBAE9E,CAEAC,YAAAA,CAAaC,GAET,OADIX,KAAKY,cAAgBZ,KAAKY,aAAaF,cAAcV,KAAKY,aAAaF,aAAaC,GACjFX,IACX,CAEAa,UAAAA,CAAWC,GAEP,OADId,KAAKY,cAAgBZ,KAAKY,aAAaC,YAAYb,KAAKY,aAAaC,WAAWC,GAC7Ed,IACX,CAEA,WAAIe,GACA,QAAIf,KAAKP,MAAMQ,yBAIND,KAAKK,MAAMU,OACxB,CAEA,eAAIC,GACA,OAAIhB,KAAKP,MAAMQ,uBAAyBD,KAAKP,MAAMwB,kBAExC,QAAQjB,KAAKP,MAAMwB,kBAAkBC,OAAO,KAEhDlB,KAAKP,MAAM0B,IACtB,CAEA,kBAAIC,GACA,OAAOpB,KAAKP,MAAMQ,sBAAwBD,KAAKP,MAAM4B,KAAKC,IAAI,wBAA0B,EAC5F,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaJ,KAAMrB,KAAKP,MAAM4B,KAAMK,eAAgB1B,KAAKP,MAAMiC,eAAgBC,UAAW3B,KAAK2B,WAC3F3B,KAAKP,MAAMQ,sBACRuB,EAACI,EAAAA,CACGC,cAAe7B,KAAKP,MAAMoC,cAC1BV,KAAMnB,KAAKgB,YACXc,OAAQ9B,KAAKP,MAAMqC,OACnBC,UAAW/B,KAAK+B,UAChBC,SAAUhC,KAAKiC,OACfC,IAAKA,IACDlC,KAAKY,aAAesB,CAAAA,IAI5BV,EAACW,EAAAA,EAAAA,EAAAA,CACGC,gBAAiBpC,KAAKoC,gBACtBC,eAAgBrC,KAAKqC,gBACjBrC,KAAKP,OAAK,CACd6C,SAAUtC,KAAKuC,SACfP,SAAUhC,KAAKiC,OACfF,UAAW/B,KAAK+B,UAChBJ,UAAW3B,KAAK2B,aAKpC,EA5FAa,EADSlD,EACKc,OAAOqC,EAAWC"}

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

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useState as r,useRef as t,useEffect as o}from"../../../../external/preact/hooks/dist/hooks.js";import a from"../../../../external/classnames/index.js";import n from"./components/AchSecuredFields.js";import l from"../../../internal/SecuredFields/SFP/SecuredFieldsProvider.js";import s from"../../../internal/Address/Address.js";import d from"../../../internal/FormFields/Field/Field.js";import i from"../../../internal/LoadingWrapper/LoadingWrapper.js";import c from"./defaultProps.js";import u from"./defaultStyles.js";import{useCoreContext as m}from"../../../../core/Context/CoreProvider.js";import h from"../../../internal/StoreDetails/StoreDetails.js";import p from"../../../internal/FormFields/InputText.js";import f from"../../../internal/FormInstruction/FormInstruction.js";function y(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function N(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){y(e,r,t[r])}))}return e}function g(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function b(e,r=!1){return!r||!!e&&"string"==typeof e&&e.trim().length>0}function F(c){const{i18n:y}=m(),F=c.hasHolderName&&(!!c.holderName||!!c.data.holderName),[O,_]=r({}),[v,P]=r(N({},c.holderNameRequired&&{holderName:F})),[w,C]=r(N({},c.hasHolderName&&{holderName:c.holderName||c.data.holderName})),[S,x]=r(c.billingAddressRequired?c.data.billingAddress:null),[A,R]=r(!1),[k,q]=r(""),[V,E]=r(!1),D=e=>{x(N({},S,e.data)),P(g(N({},v),{billingAddress:e.isValid}))},H=e=>{const r=e.target.value;C(g(N({},w),{holderName:r})),_(g(N({},O),{holderName:!!c.holderNameRequired&&!b(r)})),P(g(N({},v),{holderName:!c.holderNameRequired||b(r,c.holderNameRequired)}))},I=t(null),B=t(null),K=e=>{B.current=e},[L,M]=r("ready"),W=t({});var T;Object.keys(W.current).length||(null===(T=c.setComponentRef)||void 0===T||T.call(c,W.current));return W.current.showValidation=()=>{I.current.showValidation(),c.holderNameRequired&&!v.holderName&&_(g(N({},O),{holderName:!0})),B.current&&B.current.showValidation()},W.current.setStatus=M,o((()=>(this.setFocusOn=I.current.setFocusOn,this.updateStyles=I.current.updateStyles,()=>{I.current.destroy()})),[]),o((()=>{const e=b(w.holderName,c.holderNameRequired),r=A,t=!c.billingAddressRequired||Boolean(v.billingAddress),o=r&&e&&t;c.onChange({data:w,isValid:o,billingAddress:S,storePaymentMethod:V})}),[w,v,O,V]),e("div",{className:"adyen-checkout__ach"},e(f,null),e(l,g(N({ref:I},j(c)),{styles:N({},u,c.styles),onChange:e=>{const r=e,t=r.autoCompleteName?r.autoCompleteName:w.holderName;C(g(N({},w,r.data),{holderName:t})),_(N({},O,r.errors)),P(g(N({},v,r.valid),{holderName:!c.holderNameRequired||b(t,c.holderNameRequired)})),R(r.isSfpValid)},onFocus:e=>{const r=!0===e.focus;q(e.currentFocusObject),r?c.onFocus(e):c.onBlur(e)},render:({setRootNode:r,setFocusOn:t},o)=>{var l;return e("div",{ref:r,className:"adyen-checkout__ach-input sf-input__wrapper"},e(i,{status:o.status},e("div",{className:a(["adyen-checkout__fieldset","adyen-checkout__fieldset--ach"])},e("div",{className:"adyen-checkout__fieldset__title"},y.get("ach.bankAccount")),c.hasHolderName&&e(d,{label:y.get("ach.accountHolderNameField.title"),className:"adyen-checkout__pm__holderName",errorMessage:!!O.holderName&&y.get("ach.accountHolderNameField.invalid"),showContextualElement:c.showContextualElement,contextualText:y.get("ach.accountHolderNameField.contextualText"),isValid:!!v.holderName,name:"holderName"},e(p,{className:"adyen-checkout__pm__holderName__input adyen-checkout__input",placeholder:null==c||null===(l=c.placeholders)||void 0===l?void 0:l.holderName,value:w.holderName,required:c.holderNameRequired,onInput:H})),e(n,{focusedElement:k,onFocusField:t,errors:o.errors,valid:o.valid})),c.billingAddressRequired&&e(s,{label:"billingAddress",data:S,onChange:D,allowedCountries:c.billingAddressAllowedCountries,requiredFields:c.billingAddressRequiredFields,setComponentRef:K}),c.enableStoreDetails&&e(h,{onChange:E})))}})),c.showPayButton&&c.payButton({status:L,label:y.get("confirmPurchase")}))}F.defaultProps=c;const j=e=>({autoFocus:e.autoFocus,clientKey:e.clientKey,i18n:e.i18n,keypadFix:e.keypadFix,legacyInputMode:e.legacyInputMode,loadingContext:e.loadingContext,onAllValid:e.onAllValid,onConfigSuccess:e.onConfigSuccess,onError:e.onError,onFieldValid:e.onFieldValid,onFocus:e.onFocus,onLoad:e.onLoad,showWarnings:e.showWarnings,styles:e.styles,type:e.type,forceCompat:e.forceCompat,resources:e.resources,placeholders:e.placeholders,handleKeyPress:e.handleKeyPress});export{F as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useState as t,useRef as o,useEffect as r}from"../../../../external/preact/hooks/dist/hooks.js";import a from"../../../../external/classnames/index.js";import n from"./components/AchSecuredFields.js";import l from"../../../internal/SecuredFields/SFP/SecuredFieldsProvider.js";import s from"../../../internal/FormFields/Field/Field.js";import c from"../../../internal/LoadingWrapper/LoadingWrapper.js";import i from"./defaultProps.js";import d from"./defaultStyles.js";import{useCoreContext as u}from"../../../../core/Context/CoreProvider.js";import m from"../../../internal/StoreDetails/StoreDetails.js";import h from"../../../internal/FormFields/InputText.js";import p from"../../../internal/FormInstruction/FormInstruction.js";import f from"../../../internal/FormFields/RadioGroup/RadioGroup.js";function y(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function N(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){y(e,t,o[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function b(e,t=!1){return!t||!!e&&"string"==typeof e&&e.trim().length>0}function F(i){const{i18n:y}=u(),F=i.hasHolderName&&(!!i.holderName||!!i.data.holderName),[O,v]=t({}),[_,k]=t(N({},i.holderNameRequired&&{holderName:F})),[P,S]=t(N({bankAccountType:"checking"},i.hasHolderName&&{holderName:i.holderName||i.data.holderName})),[w,x]=t(!1),[C,R]=t(""),[q,A]=t(!1),E=e=>{const t=e.target.value;S(g(N({},P),{holderName:t})),v(g(N({},O),{holderName:!!i.holderNameRequired&&!b(t)})),k(g(N({},_),{holderName:!i.holderNameRequired||b(t,i.holderNameRequired)}))},T=e=>{const t=e.target.value;S(g(N({},P),{bankAccountType:t}))},V=o(null),[D,H]=t("ready"),I=o({});var L;Object.keys(I.current).length||(null===(L=i.setComponentRef)||void 0===L||L.call(i,I.current));return I.current.showValidation=()=>{V.current.showValidation(),i.holderNameRequired&&!_.holderName&&v(g(N({},O),{holderName:!0}))},I.current.setStatus=H,r((()=>(this.setFocusOn=V.current.setFocusOn,this.updateStyles=V.current.updateStyles,()=>{V.current.destroy()})),[]),r((()=>{const e=b(P.holderName,i.holderNameRequired),t=w&&e;i.onChange({data:P,isValid:t,storePaymentMethod:q})}),[P,_,O,q]),e("div",{className:"adyen-checkout__ach"},e(p,null),e(l,g(N({ref:V},j(i)),{styles:N({},d,i.styles),onChange:e=>{const t=e,o=t.autoCompleteName?t.autoCompleteName:P.holderName;S(g(N({},P,t.data),{holderName:o})),v(N({},O,t.errors)),k(g(N({},_,t.valid),{holderName:!i.holderNameRequired||b(o,i.holderNameRequired)})),x(t.isSfpValid)},onFocus:e=>{const t=!0===e.focus;R(e.currentFocusObject),t?i.onFocus(e):i.onBlur(e)},render:({setRootNode:t,setFocusOn:o},r)=>{var l;return e("div",{ref:t,className:"adyen-checkout__ach-input sf-input__wrapper"},e(c,{status:r.status},e("div",{className:a(["adyen-checkout__fieldset","adyen-checkout__fieldset--ach"])},e("div",{className:"adyen-checkout__fieldset__title"},y.get("ach.bankAccount")),e(s,{classNameModifiers:["bankAccountType","no-borders"],name:"bankAccountType",useLabelElement:!1},e(f,{name:"bankAccountType",value:P.bankAccountType,items:[{id:"checking",name:y.get("ach.checking")},{id:"savings",name:y.get("ach.savings")}],onChange:T,required:!0,style:"button"})),i.hasHolderName&&e(s,{label:y.get("ach.accountHolderNameField.title"),className:"adyen-checkout__pm__holderName",errorMessage:!!O.holderName&&y.get("ach.accountHolderNameField.invalid"),showContextualElement:i.showContextualElement,contextualText:y.get("ach.accountHolderNameField.contextualText"),isValid:!!_.holderName,name:"holderName"},e(h,{className:"adyen-checkout__pm__holderName__input adyen-checkout__input",placeholder:null==i||null===(l=i.placeholders)||void 0===l?void 0:l.holderName,value:P.holderName,required:i.holderNameRequired,onInput:E})),e(n,{focusedElement:C,onFocusField:o,errors:r.errors,valid:r.valid})),i.enableStoreDetails&&e(m,{onChange:A})))}})),i.showPayButton&&i.payButton({status:D,label:y.get("confirmPurchase")}))}F.defaultProps=i;const j=e=>({autoFocus:e.autoFocus,clientKey:e.clientKey,i18n:e.i18n,keypadFix:e.keypadFix,legacyInputMode:e.legacyInputMode,loadingContext:e.loadingContext,onAllValid:e.onAllValid,onConfigSuccess:e.onConfigSuccess,onError:e.onError,onFieldValid:e.onFieldValid,onFocus:e.onFocus,onLoad:e.onLoad,showWarnings:e.showWarnings,styles:e.styles,type:e.type,forceCompat:e.forceCompat,resources:e.resources,placeholders:e.placeholders,handleKeyPress:e.handleKeyPress});export{F as default};
 //# sourceMappingURL=AchInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AchInput.js","sources":["../../../../../../src/components/Ach/components/AchInput/AchInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport classNames from 'classnames';\nimport AchSecuredFields from './components/AchSecuredFields';\nimport SecuredFieldsProvider from '../../../internal/SecuredFields/SFP/SecuredFieldsProvider';\nimport Address from '../../../internal/Address';\nimport Field from '../../../internal/FormFields/Field';\nimport LoadingWrapper from '../../../internal/LoadingWrapper/LoadingWrapper';\nimport defaultProps from './defaultProps';\nimport defaultStyles from './defaultStyles';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport './AchInput.scss';\nimport { ACHInputDataState, ACHInputProps, ACHInputStateError, ACHInputStateValid } from './types';\nimport StoreDetails from '../../../internal/StoreDetails';\nimport InputText from '../../../internal/FormFields/InputText';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\n\nfunction validateHolderName(holderName, holderNameRequired = false) {\n    if (holderNameRequired) {\n        return !!holderName && typeof holderName === 'string' && holderName.trim().length > 0;\n    }\n    return true;\n}\n\nfunction AchInput(props: ACHInputProps) {\n    const { i18n } = useCoreContext();\n\n    const holderNameIsValid = props.hasHolderName && (!!props.holderName || !!props.data.holderName);\n\n    const [errors, setErrors] = useState<ACHInputStateError>({});\n    const [valid, setValid] = useState<ACHInputStateValid>({\n        ...(props.holderNameRequired && { holderName: holderNameIsValid })\n    });\n    const [data, setData] = useState<ACHInputDataState>({\n        ...(props.hasHolderName && { holderName: props.holderName || props.data.holderName })\n    });\n\n    const [billingAddress, setBillingAddress] = useState(props.billingAddressRequired ? props.data.billingAddress : null);\n    const [isSfpValid, setIsSfpValid] = useState(false);\n    const [focusedElement, setFocusedElement] = useState('');\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n\n    const handleFocus = e => {\n        const isFocused = e.focus === true;\n\n        setFocusedElement(e.currentFocusObject);\n\n        if (isFocused) {\n            props.onFocus(e);\n        } else {\n            props.onBlur(e);\n        }\n    };\n\n    const handleAddress = address => {\n        setBillingAddress({ ...billingAddress, ...address.data });\n        setValid({ ...valid, billingAddress: address.isValid });\n    };\n\n    const handleHolderName = e => {\n        const holderName = e.target.value;\n\n        setData({ ...data, holderName });\n        setErrors({ ...errors, holderName: props.holderNameRequired ? !validateHolderName(holderName) : false });\n        setValid({ ...valid, holderName: props.holderNameRequired ? validateHolderName(holderName, props.holderNameRequired) : true });\n    };\n\n    const handleSecuredFieldsChange = newState => {\n        const sfState = newState;\n\n        const tempHolderName = sfState.autoCompleteName ? sfState.autoCompleteName : data.holderName;\n\n        setData({ ...data, ...sfState.data, holderName: tempHolderName });\n        setErrors({ ...errors, ...sfState.errors });\n        setValid({\n            ...valid,\n            ...sfState.valid,\n            holderName: props.holderNameRequired ? validateHolderName(tempHolderName, props.holderNameRequired) : true\n        });\n\n        setIsSfpValid(sfState.isSfpValid);\n    };\n\n    // Refs\n    const sfp = useRef(null);\n    const billingAddressRef = useRef(null);\n    const setAddressRef = ref => {\n        billingAddressRef.current = ref;\n    };\n\n    const [status, setStatus] = useState('ready');\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const achRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(achRef.current).length) {\n        props.setComponentRef?.(achRef.current);\n    }\n\n    achRef.current.showValidation = () => {\n        // Validate SecuredFields\n        sfp.current.showValidation();\n\n        // Validate holderName\n        if (props.holderNameRequired && !valid.holderName) {\n            setErrors({ ...errors, holderName: true });\n        }\n\n        // Validate Address\n        if (billingAddressRef.current) billingAddressRef.current.showValidation();\n    };\n\n    achRef.current.setStatus = setStatus;\n\n    useEffect(() => {\n        this.setFocusOn = sfp.current.setFocusOn;\n        this.updateStyles = sfp.current.updateStyles;\n\n        return () => {\n            sfp.current.destroy();\n        };\n    }, []);\n\n    // Run when state.data, -errors or -valid change\n    useEffect(() => {\n        // Validate whole component i.e holderName + securedFields + address\n        const holderNameValid = validateHolderName(data.holderName, props.holderNameRequired);\n        const sfpValid = isSfpValid;\n        const billingAddressValid = props.billingAddressRequired ? Boolean(valid.billingAddress) : true;\n\n        const isValid = sfpValid && holderNameValid && billingAddressValid;\n\n        props.onChange({ data, isValid, billingAddress, storePaymentMethod });\n    }, [data, valid, errors, storePaymentMethod]);\n\n    return (\n        <div className=\"adyen-checkout__ach\">\n            <FormInstruction />\n\n            <SecuredFieldsProvider\n                ref={sfp}\n                {...extractPropsForSFP(props)}\n                styles={{ ...defaultStyles, ...props.styles }}\n                onChange={handleSecuredFieldsChange}\n                onFocus={handleFocus}\n                render={({ setRootNode, setFocusOn }, sfpState) => (\n                    <div ref={setRootNode} className=\"adyen-checkout__ach-input sf-input__wrapper\">\n                        <LoadingWrapper status={sfpState.status}>\n                            <div className={classNames(['adyen-checkout__fieldset', 'adyen-checkout__fieldset--ach'])}>\n                                {<div className=\"adyen-checkout__fieldset__title\">{i18n.get('ach.bankAccount')}</div>}\n\n                                {props.hasHolderName && (\n                                    <Field\n                                        label={i18n.get('ach.accountHolderNameField.title')}\n                                        className={'adyen-checkout__pm__holderName'}\n                                        errorMessage={!!errors.holderName && i18n.get('ach.accountHolderNameField.invalid')}\n                                        showContextualElement={props.showContextualElement}\n                                        contextualText={i18n.get('ach.accountHolderNameField.contextualText')}\n                                        isValid={!!valid.holderName}\n                                        name={'holderName'}\n                                    >\n                                        <InputText\n                                            className=\"adyen-checkout__pm__holderName__input adyen-checkout__input\"\n                                            placeholder={props?.placeholders?.holderName}\n                                            value={data.holderName}\n                                            required={props.holderNameRequired}\n                                            onInput={handleHolderName}\n                                        />\n                                    </Field>\n                                )}\n\n                                <AchSecuredFields\n                                    focusedElement={focusedElement}\n                                    onFocusField={setFocusOn}\n                                    errors={sfpState.errors}\n                                    valid={sfpState.valid}\n                                />\n                            </div>\n\n                            {props.billingAddressRequired && (\n                                <Address\n                                    label=\"billingAddress\"\n                                    data={billingAddress}\n                                    onChange={handleAddress}\n                                    allowedCountries={props.billingAddressAllowedCountries}\n                                    requiredFields={props.billingAddressRequiredFields}\n                                    setComponentRef={setAddressRef}\n                                />\n                            )}\n\n                            {props.enableStoreDetails && <StoreDetails onChange={setStorePaymentMethod} />}\n                        </LoadingWrapper>\n                    </div>\n                )}\n            />\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n\nAchInput.defaultProps = defaultProps;\n\nexport default AchInput;\n\nconst extractPropsForSFP = (props: ACHInputProps) => {\n    return {\n        autoFocus: props.autoFocus,\n        clientKey: props.clientKey,\n        i18n: props.i18n,\n        keypadFix: props.keypadFix,\n        legacyInputMode: props.legacyInputMode,\n        loadingContext: props.loadingContext,\n        onAllValid: props.onAllValid,\n        onConfigSuccess: props.onConfigSuccess,\n        onError: props.onError,\n        onFieldValid: props.onFieldValid,\n        onFocus: props.onFocus,\n        onLoad: props.onLoad,\n        showWarnings: props.showWarnings,\n        styles: props.styles,\n        type: props.type,\n        forceCompat: props.forceCompat,\n        resources: props.resources,\n        placeholders: props.placeholders,\n        handleKeyPress: props.handleKeyPress\n    };\n};\n"],"names":["validateHolderName","holderName","holderNameRequired","trim","length","AchInput","props","i18n","useCoreContext","holderNameIsValid","hasHolderName","data","errors","setErrors","useState","valid","setValid","_object_spread","setData","billingAddress","setBillingAddress","billingAddressRequired","isSfpValid","setIsSfpValid","focusedElement","setFocusedElement","storePaymentMethod","setStorePaymentMethod","handleAddress","address","_object_spread_props","isValid","handleHolderName","e","target","value","sfp","useRef","billingAddressRef","setAddressRef","ref","current","status","setStatus","achRef","Object","keys","setComponentRef","showValidation","useEffect","this","setFocusOn","updateStyles","destroy","holderNameValid","sfpValid","billingAddressValid","Boolean","onChange","h","div","className","FormInstruction","SecuredFieldsProvider","extractPropsForSFP","styles","defaultStyles","newState","sfState","tempHolderName","autoCompleteName","onFocus","isFocused","focus","currentFocusObject","onBlur","render","setRootNode","sfpState","LoadingWrapper","classNames","get","Field","label","errorMessage","showContextualElement","contextualText","name","InputText","placeholder","placeholders","required","onInput","AchSecuredFields","onFocusField","Address","allowedCountries","billingAddressAllowedCountries","requiredFields","billingAddressRequiredFields","enableStoreDetails","StoreDetails","showPayButton","payButton","defaultProps","autoFocus","clientKey","keypadFix","legacyInputMode","loadingContext","onAllValid","onConfigSuccess","onError","onFieldValid","onLoad","showWarnings","type","forceCompat","resources","handleKeyPress"],"mappings":"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"}
+{"version":3,"file":"AchInput.js","sources":["../../../../../../src/components/Ach/components/AchInput/AchInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport classNames from 'classnames';\nimport AchSecuredFields from './components/AchSecuredFields';\nimport SecuredFieldsProvider from '../../../internal/SecuredFields/SFP/SecuredFieldsProvider';\nimport Field from '../../../internal/FormFields/Field';\nimport LoadingWrapper from '../../../internal/LoadingWrapper/LoadingWrapper';\nimport defaultProps from './defaultProps';\nimport defaultStyles from './defaultStyles';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport './AchInput.scss';\nimport { ACHInputDataState, ACHInputProps, ACHInputStateError, ACHInputStateValid } from './types';\nimport StoreDetails from '../../../internal/StoreDetails';\nimport InputText from '../../../internal/FormFields/InputText';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\nimport RadioGroup from '../../../internal/FormFields/RadioGroup';\n\nfunction validateHolderName(holderName, holderNameRequired = false) {\n    if (holderNameRequired) {\n        return !!holderName && typeof holderName === 'string' && holderName.trim().length > 0;\n    }\n    return true;\n}\n\nfunction AchInput(props: ACHInputProps) {\n    const { i18n } = useCoreContext();\n\n    const holderNameIsValid = props.hasHolderName && (!!props.holderName || !!props.data.holderName);\n\n    const [errors, setErrors] = useState<ACHInputStateError>({});\n    const [valid, setValid] = useState<ACHInputStateValid>({\n        ...(props.holderNameRequired && { holderName: holderNameIsValid })\n    });\n\n    const [data, setData] = useState<ACHInputDataState>({\n        bankAccountType: 'checking',\n        ...(props.hasHolderName && { holderName: props.holderName || props.data.holderName })\n    });\n\n    const [isSfpValid, setIsSfpValid] = useState(false);\n    const [focusedElement, setFocusedElement] = useState('');\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n\n    const handleFocus = e => {\n        const isFocused = e.focus === true;\n\n        setFocusedElement(e.currentFocusObject);\n\n        if (isFocused) {\n            props.onFocus(e);\n        } else {\n            props.onBlur(e);\n        }\n    };\n\n    const handleHolderName = e => {\n        const holderName = e.target.value;\n\n        setData({ ...data, holderName });\n        setErrors({ ...errors, holderName: props.holderNameRequired ? !validateHolderName(holderName) : false });\n        setValid({ ...valid, holderName: props.holderNameRequired ? validateHolderName(holderName, props.holderNameRequired) : true });\n    };\n\n    const handleBankAccountType = e => {\n        const bankAccountType = e.target.value;\n\n        setData({ ...data, bankAccountType });\n    };\n\n    const handleSecuredFieldsChange = newState => {\n        const sfState = newState;\n\n        const tempHolderName = sfState.autoCompleteName ? sfState.autoCompleteName : data.holderName;\n\n        setData({ ...data, ...sfState.data, holderName: tempHolderName });\n        setErrors({ ...errors, ...sfState.errors });\n        setValid({\n            ...valid,\n            ...sfState.valid,\n            holderName: props.holderNameRequired ? validateHolderName(tempHolderName, props.holderNameRequired) : true\n        });\n\n        setIsSfpValid(sfState.isSfpValid);\n    };\n\n    // Refs\n    const sfp = useRef(null);\n\n    const [status, setStatus] = useState('ready');\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const achRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(achRef.current).length) {\n        props.setComponentRef?.(achRef.current);\n    }\n\n    achRef.current.showValidation = () => {\n        // Validate SecuredFields\n        sfp.current.showValidation();\n\n        // Validate holderName\n        if (props.holderNameRequired && !valid.holderName) {\n            setErrors({ ...errors, holderName: true });\n        }\n    };\n\n    achRef.current.setStatus = setStatus;\n\n    useEffect(() => {\n        this.setFocusOn = sfp.current.setFocusOn;\n        this.updateStyles = sfp.current.updateStyles;\n\n        return () => {\n            sfp.current.destroy();\n        };\n    }, []);\n\n    // Run when state.data, -errors or -valid change\n    useEffect(() => {\n        // Validate whole component i.e holderName + securedFields\n        const holderNameValid = validateHolderName(data.holderName, props.holderNameRequired);\n        const sfpValid = isSfpValid;\n\n        const isValid = sfpValid && holderNameValid;\n\n        props.onChange({ data, isValid, storePaymentMethod });\n    }, [data, valid, errors, storePaymentMethod]);\n\n    return (\n        <div className=\"adyen-checkout__ach\">\n            <FormInstruction />\n\n            <SecuredFieldsProvider\n                ref={sfp}\n                {...extractPropsForSFP(props)}\n                styles={{ ...defaultStyles, ...props.styles }}\n                onChange={handleSecuredFieldsChange}\n                onFocus={handleFocus}\n                render={({ setRootNode, setFocusOn }, sfpState) => (\n                    <div ref={setRootNode} className=\"adyen-checkout__ach-input sf-input__wrapper\">\n                        <LoadingWrapper status={sfpState.status}>\n                            <div className={classNames(['adyen-checkout__fieldset', 'adyen-checkout__fieldset--ach'])}>\n                                {<div className=\"adyen-checkout__fieldset__title\">{i18n.get('ach.bankAccount')}</div>}\n\n                                <Field classNameModifiers={['bankAccountType', 'no-borders']} name={'bankAccountType'} useLabelElement={false}>\n                                    <RadioGroup\n                                        name={'bankAccountType'}\n                                        value={data.bankAccountType}\n                                        items={[\n                                            { id: 'checking', name: i18n.get('ach.checking') },\n                                            { id: 'savings', name: i18n.get('ach.savings') }\n                                        ]}\n                                        onChange={handleBankAccountType}\n                                        required={true}\n                                        style={'button'}\n                                    />\n                                </Field>\n\n                                {props.hasHolderName && (\n                                    <Field\n                                        label={i18n.get('ach.accountHolderNameField.title')}\n                                        className={'adyen-checkout__pm__holderName'}\n                                        errorMessage={!!errors.holderName && i18n.get('ach.accountHolderNameField.invalid')}\n                                        showContextualElement={props.showContextualElement}\n                                        contextualText={i18n.get('ach.accountHolderNameField.contextualText')}\n                                        isValid={!!valid.holderName}\n                                        name={'holderName'}\n                                    >\n                                        <InputText\n                                            className=\"adyen-checkout__pm__holderName__input adyen-checkout__input\"\n                                            placeholder={props?.placeholders?.holderName}\n                                            value={data.holderName}\n                                            required={props.holderNameRequired}\n                                            onInput={handleHolderName}\n                                        />\n                                    </Field>\n                                )}\n\n                                <AchSecuredFields\n                                    focusedElement={focusedElement}\n                                    onFocusField={setFocusOn}\n                                    errors={sfpState.errors}\n                                    valid={sfpState.valid}\n                                />\n                            </div>\n\n                            {props.enableStoreDetails && <StoreDetails onChange={setStorePaymentMethod} />}\n                        </LoadingWrapper>\n                    </div>\n                )}\n            />\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n\nAchInput.defaultProps = defaultProps;\n\nexport default AchInput;\n\nconst extractPropsForSFP = (props: ACHInputProps) => {\n    return {\n        autoFocus: props.autoFocus,\n        clientKey: props.clientKey,\n        i18n: props.i18n,\n        keypadFix: props.keypadFix,\n        legacyInputMode: props.legacyInputMode,\n        loadingContext: props.loadingContext,\n        onAllValid: props.onAllValid,\n        onConfigSuccess: props.onConfigSuccess,\n        onError: props.onError,\n        onFieldValid: props.onFieldValid,\n        onFocus: props.onFocus,\n        onLoad: props.onLoad,\n        showWarnings: props.showWarnings,\n        styles: props.styles,\n        type: props.type,\n        forceCompat: props.forceCompat,\n        resources: props.resources,\n        placeholders: props.placeholders,\n        handleKeyPress: props.handleKeyPress\n    };\n};\n"],"names":["validateHolderName","holderName","holderNameRequired","trim","length","AchInput","props","i18n","useCoreContext","holderNameIsValid","hasHolderName","data","errors","setErrors","useState","valid","setValid","_object_spread","setData","bankAccountType","isSfpValid","setIsSfpValid","focusedElement","setFocusedElement","storePaymentMethod","setStorePaymentMethod","handleHolderName","e","target","value","_object_spread_props","handleBankAccountType","sfp","useRef","status","setStatus","achRef","Object","keys","current","setComponentRef","showValidation","useEffect","this","setFocusOn","updateStyles","destroy","holderNameValid","isValid","onChange","h","div","className","FormInstruction","SecuredFieldsProvider","ref","extractPropsForSFP","styles","defaultStyles","newState","sfState","tempHolderName","autoCompleteName","onFocus","isFocused","focus","currentFocusObject","onBlur","render","setRootNode","sfpState","LoadingWrapper","classNames","get","Field","classNameModifiers","name","useLabelElement","RadioGroup","items","id","required","style","label","errorMessage","showContextualElement","contextualText","InputText","placeholder","placeholders","onInput","AchSecuredFields","onFocusField","enableStoreDetails","StoreDetails","showPayButton","payButton","defaultProps","autoFocus","clientKey","keypadFix","legacyInputMode","loadingContext","onAllValid","onConfigSuccess","onError","onFieldValid","onLoad","showWarnings","type","forceCompat","resources","handleKeyPress"],"mappings":"8pDAkBA,SAASA,EAAmBC,EAAYC,GAAqB,GACzD,OAAIA,KACSD,GAAoC,iBAAfA,GAA2BA,EAAWE,OAAOC,OAAS,CAG5F,CAEA,SAASC,EAASC,GACd,MAAMC,KAAEA,GAASC,IAEXC,EAAoBH,EAAMI,kBAAoBJ,EAAML,cAAgBK,EAAMK,KAAKV,aAE9EW,EAAQC,GAAaC,EAA6B,CAAC,IACnDC,EAAOC,GAAYF,EAA6BG,EAC/CX,CAAAA,EAAAA,EAAMJ,oBAAsB,CAAED,WAAYQ,MAG3CE,EAAMO,GAAWJ,EAA4BG,EAAA,CAChDE,gBAAiB,YACbb,EAAMI,eAAiB,CAAET,WAAYK,EAAML,YAAcK,EAAMK,KAAKV,eAGrEmB,EAAYC,GAAiBP,GAAS,IACtCQ,EAAgBC,GAAqBT,EAAS,KAC9CU,EAAoBC,GAAyBX,GAAS,GAcvDY,EAAmBC,IACrB,MAAM1B,EAAa0B,EAAEC,OAAOC,MAE5BX,EAAQY,EAAKnB,EAAAA,CAAAA,EAAAA,GAAAA,CAAMV,gBACnBY,EAAUiB,EAAKlB,EAAAA,CAAAA,EAAAA,GAAAA,CAAQX,aAAYK,EAAMJ,qBAAsBF,EAAmBC,MAClFe,EAASc,EAAKf,EAAAA,CAAAA,EAAAA,GAAAA,CAAOd,YAAYK,EAAMJ,oBAAqBF,EAAmBC,EAAYK,EAAMJ,wBAG/F6B,EAAwBJ,IAC1B,MAAMR,EAAkBQ,EAAEC,OAAOC,MAEjCX,EAAQY,EAAKnB,EAAAA,CAAAA,EAAAA,GAAAA,CAAMQ,sBAoBjBa,EAAMC,EAAO,OAEZC,EAAQC,GAAarB,EAAS,SAG/BsB,EAASH,EAA4B,CAAA,GAGvC3B,IAAAA,EADC+B,OAAOC,KAAKF,EAAOG,SAASnC,SACR,QAArBE,EAAAA,EAAMkC,2BAANlC,GAAAA,EAAAA,KAAAA,EAAwB8B,EAAOG,UAmCnC,OAhCAH,EAAOG,QAAQE,eAAiB,KAE5BT,EAAIO,QAAQE,iBAGRnC,EAAMJ,qBAAuBa,EAAMd,YACnCY,EAAUiB,EAAKlB,EAAAA,CAAAA,EAAAA,GAAAA,CAAQX,YAAY,IACvC,EAGJmC,EAAOG,QAAQJ,UAAYA,EAE3BO,GAAU,KACNC,KAAKC,WAAaZ,EAAIO,QAAQK,WAC9BD,KAAKE,aAAeb,EAAIO,QAAQM,aAEzB,KACHb,EAAIO,QAAQO,SAAO,IAExB,IAGHJ,GAAU,KAEN,MAAMK,EAAkB/C,EAAmBW,EAAKV,WAAYK,EAAMJ,oBAG5D8C,EAFW5B,GAEW2B,EAE5BzC,EAAM2C,SAAS,CAAEtC,OAAMqC,UAASxB,sBAAmB,GACpD,CAACb,EAAMI,EAAOH,EAAQY,IAGrB0B,EAACC,MAAAA,CAAIC,UAAU,uBACXF,EAACG,QAEDH,EAACI,EAAAA,EAAAA,EAAAA,CACGC,IAAKvB,GACDwB,EAAmBlD,IAAAA,CACvBmD,OAAQxC,EAAA,CAAA,EAAKyC,EAAkBpD,EAAMmD,QACrCR,SApEsBU,IAC9B,MAAMC,EAAUD,EAEVE,EAAiBD,EAAQE,iBAAmBF,EAAQE,iBAAmBnD,EAAKV,WAElFiB,EAAQY,EAAAb,EAAA,CAAA,EAAKN,EAASiD,EAAQjD,MAAI,CAAEV,WAAY4D,KAChDhD,EAAUI,EAAA,CAAA,EAAKL,EAAWgD,EAAQhD,SAClCI,EAASc,EAAAb,EAAA,CAAA,EACFF,EACA6C,EAAQ7C,OAAK,CAChBd,YAAYK,EAAMJ,oBAAqBF,EAAmB6D,EAAgBvD,EAAMJ,uBAGpFmB,EAAcuC,EAAQxC,WAAU,EAwDxB2C,QA/FQpC,IAChB,MAAMqC,GAAwB,IAAZrC,EAAEsC,MAEpB1C,EAAkBI,EAAEuC,oBAEhBF,EACA1D,EAAMyD,QAAQpC,GAEdrB,EAAM6D,OAAOxC,EACjB,EAuFQyC,OAAQ,EAAGC,cAAazB,cAAc0B,KAgCGhE,IAAAA,SA/BrC4C,EAACC,MAAAA,CAAII,IAAKc,EAAajB,UAAU,+CAC7BF,EAACqB,EAAAA,CAAerC,OAAQoC,EAASpC,QAC7BgB,EAACC,MAAAA,CAAIC,UAAWoB,EAAW,CAAC,2BAA4B,mCACnDtB,EAACC,MAAAA,CAAIC,UAAU,mCAAmC7C,EAAKkE,IAAI,oBAE5DvB,EAACwB,EAAAA,CAAMC,mBAAoB,CAAC,kBAAmB,cAAeC,KAAM,kBAAmBC,iBAAiB,GACpG3B,EAAC4B,EAAAA,CACGF,KAAM,kBACN/C,MAAOlB,EAAKQ,gBACZ4D,MAAO,CACH,CAAEC,GAAI,WAAYJ,KAAMrE,EAAKkE,IAAI,iBACjC,CAAEO,GAAI,UAAWJ,KAAMrE,EAAKkE,IAAI,iBAEpCxB,SAAUlB,EACVkD,UAAU,EACVC,MAAO,YAId5E,EAAMI,eACHwC,EAACwB,EAAAA,CACGS,MAAO5E,EAAKkE,IAAI,oCAChBrB,UAAW,iCACXgC,eAAgBxE,EAAOX,YAAcM,EAAKkE,IAAI,sCAC9CY,sBAAuB/E,EAAM+E,sBAC7BC,eAAgB/E,EAAKkE,IAAI,6CACzBzB,UAAWjC,EAAMd,WACjB2E,KAAM,cAEN1B,EAACqC,EAAAA,CACGnC,UAAU,8DACVoC,YAAalF,SAAmB,QAAnBA,EAAAA,EAAOmF,oBAAPnF,IAAAA,OAAAA,EAAAA,EAAqBL,WAClC4B,MAAOlB,EAAKV,WACZgF,SAAU3E,EAAMJ,mBAChBwF,QAAShE,KAKrBwB,EAACyC,EAAAA,CACGrE,eAAgBA,EAChBsE,aAAchD,EACdhC,OAAQ0D,EAAS1D,OACjBG,MAAOuD,EAASvD,SAIvBT,EAAMuF,oBAAsB3C,EAAC4C,EAAAA,CAAa7C,SAAUxB,UAKpEnB,EAAMyF,eAAiBzF,EAAM0F,UAAU,CAAE9D,SAAQiD,MAAO5E,EAAKkE,IAAI,qBAG9E,CAEApE,EAAS4F,aAAeA,EAIxB,MAAMzC,EAAsBlD,IACjB,CACH4F,UAAW5F,EAAM4F,UACjBC,UAAW7F,EAAM6F,UACjB5F,KAAMD,EAAMC,KACZ6F,UAAW9F,EAAM8F,UACjBC,gBAAiB/F,EAAM+F,gBACvBC,eAAgBhG,EAAMgG,eACtBC,WAAYjG,EAAMiG,WAClBC,gBAAiBlG,EAAMkG,gBACvBC,QAASnG,EAAMmG,QACfC,aAAcpG,EAAMoG,aACpB3C,QAASzD,EAAMyD,QACf4C,OAAQrG,EAAMqG,OACdC,aAActG,EAAMsG,aACpBnD,OAAQnD,EAAMmD,OACdoD,KAAMvG,EAAMuG,KACZC,YAAaxG,EAAMwG,YACnBC,UAAWzG,EAAMyG,UACjBtB,aAAcnF,EAAMmF,aACpBuB,eAAgB1G,EAAM0G"}

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 r from"./components/BacsInput.js";import{CoreProvider as o}from"../../core/Context/CoreProvider.js";import n from"./components/BacsResult.js";import i from"../internal/PayButton/PayButton.js";import{TxVariants as s}from"../tx-variants.js";function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(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){a(t,e,r[e])}))}return t}function c(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 u extends e{formatData(){var t,e,r,o;return p({paymentMethod:p({type:u.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===(r=this.state.data)||void 0===r?void 0:r.bankLocationId)&&{bankLocationId:this.state.data.bankLocationId})},(null===(o=this.state.data)||void 0===o?void 0:o.shopperEmail)&&{shopperEmail:this.state.data.shopperEmail})}get isValid(){return!!this.state.isValid}render(){return t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.url?t(n,{ref:t=>{this.componentRef=t},icon:this.icon,url:this.props.url,paymentMethodType:this.props.paymentMethodType}):t(r,c(p({ref:t=>{this.componentRef=t}},this.props),{onChange:this.setState,payButton:this.payButton,onSubmit:this.submit})))}constructor(...e){super(...e),a(this,"payButton",(e=>t(i,p({amount:this.props.amount,onClick:this.submit},e))))}}a(u,"type",s.directdebit_GB);export{u 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{CoreProvider as r}from"../../core/Context/CoreProvider.js";import n from"./components/BacsResult.js";import i from"../internal/PayButton/PayButton.js";import{TxVariants as a}from"../tx-variants.js";function s(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function p(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){s(t,e,o[e])}))}return t}function c(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 u extends e{formatData(){var t,e,o,r;return p({paymentMethod:p({type:u.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}render(){return t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.url?t(n,{ref:t=>{this.componentRef=t},icon:this.icon,url:this.props.url,paymentMethodType:this.props.paymentMethodType,onActionHandled:this.onActionHandled}):t(o,c(p({ref:t=>{this.componentRef=t}},this.props),{onChange:this.setState,payButton:this.payButton,onSubmit:this.submit})))}constructor(...e){super(...e),s(this,"payButton",(e=>t(i,p({amount:this.props.amount,onClick:this.submit},e))))}}s(u,"type",a.directdebit_GB);export{u 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 { CoreProvider } from '../../core/Context/CoreProvider';\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';\n\nclass BacsElement extends UIElement<VoucherConfiguration> {\n    public static 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    public payButton = props => {\n        return <PayButton amount={this.props.amount} onClick={this.submit} {...props} />;\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.url ? (\n                    <BacsResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        icon={this.icon}\n                        url={this.props.url}\n                        paymentMethodType={this.props.paymentMethodType}\n                    />\n                ) : (\n                    <BacsInput\n                        // @ts-ignore ref is internal from the Component\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                        onChange={this.setState}\n                        payButton={this.payButton}\n                        onSubmit={this.submit}\n                    />\n                )}\n            </CoreProvider>\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","render","h","CoreProvider","i18n","props","loadingContext","resources","url","BacsResult","ref","componentRef","icon","paymentMethodType","BacsInput","onChange","setState","payButton","onSubmit","submit","_define_property","PayButton","amount","onClick","TxVariants","directdebit_GB"],"mappings":"yqCAUA,MAAMA,UAAoBC,EAGtBC,UAAAA,GAIgB,IAAAC,EACAC,EACAC,EAEJC,EAPR,OAAOC,EAAA,CACHC,cAAeD,EAAA,CACXE,KAAMT,EAAYS,OACd,QAAAN,EAAAO,KAAKC,MAAMC,YAAX,IAAAT,OAAA,EAAAA,EAAiBU,aAAc,CAAEA,WAAYH,KAAKC,MAAMC,KAAKC,aAC7D,QAAAT,EAAAM,KAAKC,MAAMC,YAAX,IAAAR,OAAA,EAAAA,EAAiBU,oBAAqB,CAAEA,kBAAmBJ,KAAKC,MAAMC,KAAKE,oBAC3E,QAAAT,EAAAK,KAAKC,MAAMC,YAAX,IAAAP,OAAA,EAAAA,EAAiBU,iBAAkB,CAAEA,eAAgBL,KAAKC,MAAMC,KAAKG,mBAEzE,QAAAT,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,OAAA,EAAAA,EAAiBU,eAAgB,CAAEA,aAAcN,KAAKC,MAAMC,KAAKI,cAE7E,CAEA,WAAIC,GACA,QAASP,KAAKC,MAAMM,OACxB,CAMAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMX,KAAKY,MAAMD,KAAME,eAAgBb,KAAKY,MAAMC,eAAgBC,UAAWd,KAAKc,WAC3Fd,KAAKY,MAAMG,IACRN,EAACO,EAAAA,CACGC,IAAKA,IACDjB,KAAKkB,aAAeD,CAAAA,EAExBE,KAAMnB,KAAKmB,KACXJ,IAAKf,KAAKY,MAAMG,IAChBK,kBAAmBpB,KAAKY,MAAMQ,oBAGlCX,EAACY,EAAAA,EAAAA,EAAAA,CAEGJ,IAAKA,IACDjB,KAAKkB,aAAeD,CAAAA,GAEpBjB,KAAKY,OAAK,CACdU,SAAUtB,KAAKuB,SACfC,UAAWxB,KAAKwB,UAChBC,SAAUzB,KAAK0B,UAKnC,+BA9BAC,EAAA3B,KAAOwB,aAAYZ,GACRH,EAACmB,EAAAA,EAAAA,CAAUC,OAAQ7B,KAAKY,MAAMiB,OAAQC,QAAS9B,KAAK0B,QAAYd,OAnB3Ee,EADErC,EACYS,OAAOgC,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 { CoreProvider } from '../../core/Context/CoreProvider';\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';\n\nclass BacsElement extends UIElement<VoucherConfiguration> {\n    public static 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    public payButton = props => {\n        return <PayButton amount={this.props.amount} onClick={this.submit} {...props} />;\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.url ? (\n                    <BacsResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        icon={this.icon}\n                        url={this.props.url}\n                        paymentMethodType={this.props.paymentMethodType}\n                        onActionHandled={this.onActionHandled}\n                        // originalAction={this.props.originalAction}\n                    />\n                ) : (\n                    <BacsInput\n                        // @ts-ignore ref is internal from the Component\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                        onChange={this.setState}\n                        payButton={this.payButton}\n                        onSubmit={this.submit}\n                    />\n                )}\n            </CoreProvider>\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","render","h","CoreProvider","i18n","props","loadingContext","resources","url","BacsResult","ref","componentRef","icon","paymentMethodType","onActionHandled","BacsInput","onChange","setState","payButton","onSubmit","submit","_define_property","PayButton","amount","onClick","TxVariants","directdebit_GB"],"mappings":"yqCAUA,MAAMA,UAAoBC,EAGtBC,UAAAA,GAIgB,IAAAC,EACAC,EACAC,EAEJC,EAPR,OAAOC,EAAA,CACHC,cAAeD,EAAA,CACXE,KAAMT,EAAYS,OACd,QAAAN,EAAAO,KAAKC,MAAMC,YAAX,IAAAT,OAAA,EAAAA,EAAiBU,aAAc,CAAEA,WAAYH,KAAKC,MAAMC,KAAKC,aAC7D,QAAAT,EAAAM,KAAKC,MAAMC,YAAX,IAAAR,OAAA,EAAAA,EAAiBU,oBAAqB,CAAEA,kBAAmBJ,KAAKC,MAAMC,KAAKE,oBAC3E,QAAAT,EAAAK,KAAKC,MAAMC,YAAX,IAAAP,OAAA,EAAAA,EAAiBU,iBAAkB,CAAEA,eAAgBL,KAAKC,MAAMC,KAAKG,mBAEzE,QAAAT,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,OAAA,EAAAA,EAAiBU,eAAgB,CAAEA,aAAcN,KAAKC,MAAMC,KAAKI,cAE7E,CAEA,WAAIC,GACA,QAASP,KAAKC,MAAMM,OACxB,CAMAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMX,KAAKY,MAAMD,KAAME,eAAgBb,KAAKY,MAAMC,eAAgBC,UAAWd,KAAKc,WAC3Fd,KAAKY,MAAMG,IACRN,EAACO,EAAAA,CACGC,IAAKA,IACDjB,KAAKkB,aAAeD,CAAAA,EAExBE,KAAMnB,KAAKmB,KACXJ,IAAKf,KAAKY,MAAMG,IAChBK,kBAAmBpB,KAAKY,MAAMQ,kBAC9BC,gBAAiBrB,KAAKqB,kBAI1BZ,EAACa,EAAAA,EAAAA,EAAAA,CAEGL,IAAKA,IACDjB,KAAKkB,aAAeD,CAAAA,GAEpBjB,KAAKY,OAAK,CACdW,SAAUvB,KAAKwB,SACfC,UAAWzB,KAAKyB,UAChBC,SAAU1B,KAAK2B,UAKnC,+BAhCAC,EAAA5B,KAAOyB,aAAYb,GACRH,EAACoB,EAAAA,EAAAA,CAAUC,OAAQ9B,KAAKY,MAAMkB,OAAQC,QAAS/B,KAAK2B,QAAYf,OAnB3EgB,EADEtC,EACYS,OAAOiC,EAAWC"}

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

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../../external/preact/dist/preact.js";import{useCoreContext as e}from"../../../core/Context/CoreProvider.js";import o from"../../internal/Voucher/Voucher.js";import r from"../../../core/Context/useImage.js";const n=n=>{const{i18n:a}=e(),d=r(),{url:i,paymentMethodType:m}=n;return t(o,{paymentMethodType:m,introduction:a.get("bacs.result.introduction"),imageUrl:d()(m),downloadUrl:i,downloadButtonText:a.get("download.pdf")})};export{n as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import r from"../../internal/Voucher/Voucher.js";import o from"../../../core/Context/useImage.js";import{extractCommonPropsForVoucher as n}from"../../internal/Voucher/utils.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=u=>{const{i18n:p}=t(),s=o();return e(r,i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){c(e,t,r[t])}))}return e}({},n({props:u,i18n:p,introKey:"bacs.result.introduction",getImage:s()})),{downloadUrl:u.url,downloadButtonText:p.get("download.pdf")}))};export{u as default};
 //# sourceMappingURL=BacsResult.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BacsResult.js","sources":["../../../../../src/components/BacsDD/components/BacsResult.tsx"],"sourcesContent":["import { h } from 'preact';\n\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Voucher from '../../internal/Voucher';\nimport '../../internal/Voucher/Voucher.scss';\nimport './BacsResult.scss';\nimport useImage from '../../../core/Context/useImage';\n\nconst BacsResult = props => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const { url, paymentMethodType } = props;\n\n    return (\n        <Voucher\n            paymentMethodType={paymentMethodType}\n            introduction={i18n.get('bacs.result.introduction')}\n            imageUrl={getImage()(paymentMethodType)}\n            downloadUrl={url}\n            downloadButtonText={i18n.get('download.pdf')}\n        />\n    );\n};\n\nexport default BacsResult;\n"],"names":["BacsResult","props","i18n","useCoreContext","getImage","useImage","url","paymentMethodType","h","Voucher","introduction","get","imageUrl","downloadUrl","downloadButtonText"],"mappings":"iPAQA,MAAMA,EAAaC,IACf,MAAMC,KAAEA,GAASC,IACXC,EAAWC,KACXC,IAAEA,EAAGC,kBAAEA,GAAsBN,EAEnC,OACIO,EAACC,EAAAA,CACGF,kBAAmBA,EACnBG,aAAcR,EAAKS,IAAI,4BACvBC,SAAUR,IAAWG,GACrBM,YAAaP,EACbQ,mBAAoBZ,EAAKS,IAAI"}
+{"version":3,"file":"BacsResult.js","sources":["../../../../../src/components/BacsDD/components/BacsResult.tsx"],"sourcesContent":["import { h } from 'preact';\n\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Voucher from '../../internal/Voucher';\nimport '../../internal/Voucher/Voucher.scss';\nimport './BacsResult.scss';\nimport useImage from '../../../core/Context/useImage';\nimport { extractCommonPropsForVoucher } from '../../internal/Voucher/utils';\n\nconst BacsResult = props => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <Voucher\n            {...extractCommonPropsForVoucher({ props, i18n, introKey: 'bacs.result.introduction', getImage: getImage() })}\n            downloadUrl={props.url}\n            downloadButtonText={i18n.get('download.pdf')}\n        />\n    );\n};\n\nexport default BacsResult;\n"],"names":["BacsResult","props","i18n","useCoreContext","getImage","useImage","h","Voucher","extractCommonPropsForVoucher","introKey","downloadUrl","url","downloadButtonText","get"],"mappings":"uyBASA,MAAMA,EAAaC,IACf,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,8UACOC,EAA6B,CAAEP,QAAOC,OAAMO,SAAU,2BAA4BL,SAAUA,OAAW,CAC3GM,YAAaT,EAAMU,IACnBC,mBAAoBV,EAAKW,IAAI"}

package/dist/es-legacy/components/BankTransfer/BankTransfer.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{CoreProvider as r}from"../../core/Context/CoreProvider.js";import s from"../internal/RedirectButton/RedirectButton.js";import n from"./components/BankTransferResult/BankTransferResult.js";import o from"./components/BankTransferInput/BankTransferInput.js";import{TxVariants as i}from"../tx-variants.js";function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),s.forEach((function(e){a(t,e,r[e])}))}return t}function c(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{get isValid(){return!!this.state.isValid}formatData(){const{shopperEmail:t}=this.state.data;return p({paymentMethod:{type:l.type}},t&&{shopperEmail:t})}render(){return this.props.reference?t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(n,p({ref:this.handleRef},this.props))):t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.showEmailAddress&&t(o,c(p({ref:this.handleRef},this.props),{onChange:this.setState})),t(s,c(p({},this.props),{showPayButton:this.props.showPayButton,name:this.displayName,onSubmit:this.submit,payButton:this.payButton})))}constructor(...t){super(...t),a(this,"state",{isValid:!this.props.showEmailAddress,data:{}}),a(this,"handleRef",(t=>{this.componentRef=t}))}}a(l,"type",i.bankTransfer_IBAN),a(l,"defaultProps",{showEmailAddress:!0});export{l as BankTransferElement,l as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import{CoreProvider as r}from"../../core/Context/CoreProvider.js";import n from"../internal/RedirectButton/RedirectButton.js";import s from"./components/BankTransferResult/BankTransferResult.js";import o from"./components/BankTransferInput/BankTransferInput.js";import{TxVariants as i}from"../tx-variants.js";function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){a(t,e,r[e])}))}return t}function c(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{get isValid(){return!!this.state.isValid}formatData(){const{shopperEmail:t}=this.state.data;return p({paymentMethod:{type:l.type}},t&&{shopperEmail:t})}render(){return this.props.reference?t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,c(p({ref:this.handleRef},this.props),{onActionHandled:this.onActionHandled}))):t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.showEmailAddress&&t(o,c(p({ref:this.handleRef},this.props),{onChange:this.setState})),t(n,c(p({},this.props),{showPayButton:this.props.showPayButton,name:this.displayName,onSubmit:this.submit,payButton:this.payButton})))}constructor(...t){super(...t),a(this,"state",{isValid:!this.props.showEmailAddress,data:{}}),a(this,"handleRef",(t=>{this.componentRef=t}))}}a(l,"type",i.bankTransfer_IBAN),a(l,"defaultProps",{showEmailAddress:!0});export{l as BankTransferElement,l as default};
 //# sourceMappingURL=BankTransfer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BankTransfer.js","sources":["../../../../src/components/BankTransfer/BankTransfer.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport RedirectButton from '../internal/RedirectButton';\nimport { BankTransferConfiguration, BankTransferState } from './types';\nimport BankTransferResult from './components/BankTransferResult';\nimport BankTransferInput from './components/BankTransferInput';\nimport { TxVariants } from '../tx-variants';\n\nexport class BankTransferElement extends UIElement<BankTransferConfiguration> {\n    public static type = TxVariants.bankTransfer_IBAN;\n\n    public static defaultProps = {\n        showEmailAddress: true\n    };\n\n    // @ts-ignore Double check why state extends all props\n    public state: BankTransferState = {\n        isValid: !this.props.showEmailAddress,\n        data: {}\n    };\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const { shopperEmail } = this.state.data;\n\n        return {\n            paymentMethod: {\n                type: BankTransferElement.type\n            },\n            ...(shopperEmail && { shopperEmail })\n        };\n    }\n\n    private handleRef = ref => {\n        this.componentRef = ref;\n    };\n\n    render() {\n        if (this.props.reference) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <BankTransferResult ref={this.handleRef} {...this.props} />\n                </CoreProvider>\n            );\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.showEmailAddress && <BankTransferInput ref={this.handleRef} {...this.props} onChange={this.setState} />}\n                <RedirectButton\n                    {...this.props}\n                    showPayButton={this.props.showPayButton}\n                    name={this.displayName}\n                    onSubmit={this.submit}\n                    payButton={this.payButton}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default BankTransferElement;\n"],"names":["BankTransferElement","UIElement","isValid","this","state","formatData","shopperEmail","data","_object_spread","paymentMethod","type","render","props","reference","h","CoreProvider","i18n","loadingContext","resources","BankTransferResult","ref","handleRef","showEmailAddress","BankTransferInput","onChange","setState","RedirectButton","showPayButton","name","displayName","onSubmit","submit","payButton","_define_property","componentRef","TxVariants","bankTransfer_IBAN","defaultProps"],"mappings":"wuCASO,MAAMA,UAA4BC,EAarC,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,aAAEA,GAAiBH,KAAKC,MAAMG,KAEpC,OAAOC,EAAA,CACHC,cAAe,CACXC,KAAMV,EAAoBU,OAE1BJ,GAAgB,CAAEA,gBAE9B,CAMAK,MAAAA,GACI,OAAIR,KAAKS,MAAMC,UAEPC,EAACC,EAAAA,CAAaC,KAAMb,KAAKS,MAAMI,KAAMC,eAAgBd,KAAKS,MAAMK,eAAgBC,UAAWf,KAAKe,WAC5FJ,EAACK,EAAAA,EAAAA,CAAmBC,IAAKjB,KAAKkB,WAAelB,KAAKS,SAM1DE,EAACC,EAAAA,CAAaC,KAAMb,KAAKS,MAAMI,KAAMC,eAAgBd,KAAKS,MAAMK,eAAgBC,UAAWf,KAAKe,WAC3Ff,KAAKS,MAAMU,kBAAoBR,EAACS,EAAAA,EAAAA,EAAAA,CAAkBH,IAAKjB,KAAKkB,WAAelB,KAAKS,OAAK,CAAEY,SAAUrB,KAAKsB,YACvGX,EAACY,EAAAA,EAAAA,EAAAA,CAAAA,EACOvB,KAAKS,OAAK,CACde,cAAexB,KAAKS,MAAMe,cAC1BC,KAAMzB,KAAK0B,YACXC,SAAU3B,KAAK4B,OACfC,UAAW7B,KAAK6B,aAIhC,+BAhDAC,EAAA9B,KAAOC,QAA2B,CAC9BF,SAAUC,KAAKS,MAAMU,iBACrBf,KAAM,CAAC,IAqBX0B,EAAA9B,KAAQkB,aAAYD,IAChBjB,KAAK+B,aAAed,CAAAA,KA/BxBa,EADSjC,EACKU,OAAOyB,EAAWC,mBAEhCH,EAHSjC,EAGKqC,eAAe,CACzBf,kBAAkB"}
+{"version":3,"file":"BankTransfer.js","sources":["../../../../src/components/BankTransfer/BankTransfer.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport RedirectButton from '../internal/RedirectButton';\nimport { BankTransferConfiguration, BankTransferState } from './types';\nimport BankTransferResult from './components/BankTransferResult';\nimport BankTransferInput from './components/BankTransferInput';\nimport { TxVariants } from '../tx-variants';\n\nexport class BankTransferElement extends UIElement<BankTransferConfiguration> {\n    public static type = TxVariants.bankTransfer_IBAN;\n\n    public static defaultProps = {\n        showEmailAddress: true\n    };\n\n    // @ts-ignore Double check why state extends all props\n    public state: BankTransferState = {\n        isValid: !this.props.showEmailAddress,\n        data: {}\n    };\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const { shopperEmail } = this.state.data;\n\n        return {\n            paymentMethod: {\n                type: BankTransferElement.type\n            },\n            ...(shopperEmail && { shopperEmail })\n        };\n    }\n\n    private handleRef = ref => {\n        this.componentRef = ref;\n    };\n\n    render() {\n        if (this.props.reference) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <BankTransferResult ref={this.handleRef} {...this.props} onActionHandled={this.onActionHandled} />\n                </CoreProvider>\n            );\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.showEmailAddress && <BankTransferInput ref={this.handleRef} {...this.props} onChange={this.setState} />}\n                <RedirectButton\n                    {...this.props}\n                    showPayButton={this.props.showPayButton}\n                    name={this.displayName}\n                    onSubmit={this.submit}\n                    payButton={this.payButton}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default BankTransferElement;\n"],"names":["BankTransferElement","UIElement","isValid","this","state","formatData","shopperEmail","data","_object_spread","paymentMethod","type","render","props","reference","h","CoreProvider","i18n","loadingContext","resources","BankTransferResult","ref","handleRef","onActionHandled","showEmailAddress","BankTransferInput","onChange","setState","RedirectButton","showPayButton","name","displayName","onSubmit","submit","payButton","_define_property","componentRef","TxVariants","bankTransfer_IBAN","defaultProps"],"mappings":"wuCASO,MAAMA,UAA4BC,EAarC,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,aAAEA,GAAiBH,KAAKC,MAAMG,KAEpC,OAAOC,EAAA,CACHC,cAAe,CACXC,KAAMV,EAAoBU,OAE1BJ,GAAgB,CAAEA,gBAE9B,CAMAK,MAAAA,GACI,OAAIR,KAAKS,MAAMC,UAEPC,EAACC,EAAAA,CAAaC,KAAMb,KAAKS,MAAMI,KAAMC,eAAgBd,KAAKS,MAAMK,eAAgBC,UAAWf,KAAKe,WAC5FJ,EAACK,EAAAA,EAAAA,EAAAA,CAAmBC,IAAKjB,KAAKkB,WAAelB,KAAKS,OAAK,CAAEU,gBAAiBnB,KAAKmB,oBAMvFR,EAACC,EAAAA,CAAaC,KAAMb,KAAKS,MAAMI,KAAMC,eAAgBd,KAAKS,MAAMK,eAAgBC,UAAWf,KAAKe,WAC3Ff,KAAKS,MAAMW,kBAAoBT,EAACU,EAAAA,EAAAA,EAAAA,CAAkBJ,IAAKjB,KAAKkB,WAAelB,KAAKS,OAAK,CAAEa,SAAUtB,KAAKuB,YACvGZ,EAACa,EAAAA,EAAAA,EAAAA,CAAAA,EACOxB,KAAKS,OAAK,CACdgB,cAAezB,KAAKS,MAAMgB,cAC1BC,KAAM1B,KAAK2B,YACXC,SAAU5B,KAAK6B,OACfC,UAAW9B,KAAK8B,aAIhC,+BAhDAC,EAAA/B,KAAOC,QAA2B,CAC9BF,SAAUC,KAAKS,MAAMW,iBACrBhB,KAAM,CAAC,IAqBX2B,EAAA/B,KAAQkB,aAAYD,IAChBjB,KAAKgC,aAAef,CAAAA,KA/BxBc,EADSlC,EACKU,OAAO0B,EAAWC,mBAEhCH,EAHSlC,EAGKsC,eAAe,CACzBf,kBAAkB"}

package/dist/es-legacy/components/BankTransfer/components/BankTransferResult/BankTransferResult.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import{useCoreContext as a}from"../../../../core/Context/CoreProvider.js";import t from"../../../../core/Context/useImage.js";function n(n){const{reference:o,totalAmount:i,paymentMethodType:c}=n,{i18n:l}=a(),u=t();return e(r,{paymentMethodType:c,introduction:l.get("bankTransfer.instructions"),imageUrl:u()(c),amount:i&&l.amount(i.value,i.currency),voucherDetails:[{label:l.get("bankTransfer.beneficiary"),value:n.beneficiary},{label:l.get("bankTransfer.iban"),value:n.iban},{label:l.get("bankTransfer.bic"),value:n.bic},{label:l.get("bankTransfer.reference"),value:o}]})}export{n as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";import n from"../../../../core/Context/useImage.js";import{extractCommonPropsForVoucher as o}from"../../../internal/Voucher/utils.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function i(i){const{reference:b}=i,{i18n:f}=t(),l=n();return e(r,a(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},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(r){c(e,r,t[r])}))}return e}({},o({props:i,i18n:f,introKey:"bankTransfer.instructions",getImage:l()})),{reference:"",voucherDetails:[{label:f.get("bankTransfer.beneficiary"),value:i.beneficiary},{label:f.get("bankTransfer.iban"),value:i.iban},{label:f.get("bankTransfer.bic"),value:i.bic},{label:f.get("bankTransfer.reference"),value:b}]}))}export{i as default};
 //# sourceMappingURL=BankTransferResult.js.map

package/dist/es-legacy/components/BankTransfer/components/BankTransferResult/BankTransferResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankTransferResult.js","sources":["../../../../../../src/components/BankTransfer/components/BankTransferResult/BankTransferResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport useImage from '../../../../core/Context/useImage';\n\nexport default function BankTransferResult(props) {\n    const { reference, totalAmount, paymentMethodType } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <Voucher\n            paymentMethodType={paymentMethodType}\n            introduction={i18n.get('bankTransfer.instructions')}\n            imageUrl={getImage()(paymentMethodType)}\n            amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n            voucherDetails={[\n                { label: i18n.get('bankTransfer.beneficiary'), value: props.beneficiary },\n                { label: i18n.get('bankTransfer.iban'), value: props.iban },\n                { label: i18n.get('bankTransfer.bic'), value: props.bic },\n                { label: i18n.get('bankTransfer.reference'), value: reference }\n            ]}\n        />\n    );\n}\n"],"names":["BankTransferResult","props","reference","totalAmount","paymentMethodType","i18n","useCoreContext","getImage","useImage","h","Voucher","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","beneficiary","iban","bic"],"mappings":"6PAMe,SAASA,EAAmBC,GACvC,MAAMC,UAAEA,EAASC,YAAEA,EAAWC,kBAAEA,GAAsBH,GAChDI,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,EAAAA,CACGN,kBAAmBA,EACnBO,aAAcN,EAAKO,IAAI,6BACvBC,SAAUN,IAAWH,GACrBU,OAAQX,GAAeE,EAAKS,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CACZ,CAAEC,MAAOb,EAAKO,IAAI,4BAA6BG,MAAOd,EAAMkB,aAC5D,CAAED,MAAOb,EAAKO,IAAI,qBAAsBG,MAAOd,EAAMmB,MACrD,CAAEF,MAAOb,EAAKO,IAAI,oBAAqBG,MAAOd,EAAMoB,KACpD,CAAEH,MAAOb,EAAKO,IAAI,0BAA2BG,MAAOb,KAIpE"}
+{"version":3,"file":"BankTransferResult.js","sources":["../../../../../../src/components/BankTransfer/components/BankTransferResult/BankTransferResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport useImage from '../../../../core/Context/useImage';\nimport { extractCommonPropsForVoucher } from '../../../internal/Voucher/utils';\n\nexport default function BankTransferResult(props) {\n    const { reference } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <Voucher\n            {...extractCommonPropsForVoucher({ props, i18n, introKey: 'bankTransfer.instructions', getImage: getImage() })}\n            reference={''} // Overwrite the passed reference, so it is not displayed in its own section (since it is already part of the voucherDetails)\n            voucherDetails={[\n                { label: i18n.get('bankTransfer.beneficiary'), value: props.beneficiary },\n                { label: i18n.get('bankTransfer.iban'), value: props.iban },\n                { label: i18n.get('bankTransfer.bic'), value: props.bic },\n                { label: i18n.get('bankTransfer.reference'), value: reference }\n            ]}\n        />\n    );\n}\n"],"names":["BankTransferResult","props","reference","i18n","useCoreContext","getImage","useImage","h","Voucher","extractCommonPropsForVoucher","introKey","voucherDetails","label","get","value","beneficiary","iban","bic"],"mappings":"szBAOe,SAASA,EAAmBC,GACvC,MAAMC,UAAEA,GAAcD,GAChBE,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,8UACOC,EAA6B,CAAER,QAAOE,OAAMO,SAAU,4BAA6BL,SAAUA,OAAW,CAC5GH,UAAW,GACXS,eAAgB,CACZ,CAAEC,MAAOT,EAAKU,IAAI,4BAA6BC,MAAOb,EAAMc,aAC5D,CAAEH,MAAOT,EAAKU,IAAI,qBAAsBC,MAAOb,EAAMe,MACrD,CAAEJ,MAAOT,EAAKU,IAAI,oBAAqBC,MAAOb,EAAMgB,KACpD,CAAEL,MAAOT,EAAKU,IAAI,0BAA2BC,MAAOZ,MAIpE"}

package/dist/es-legacy/components/Blik/Blik.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/BlikInput.js";import r from"../internal/Await/Await.js";import{CoreProvider as n}from"../../core/Context/CoreProvider.js";import s from"./config.js";import i from"../internal/RedirectButton/RedirectButton.js";import p from"../../core/Errors/SRPanelProvider.js";import{TxVariants as a}from"../tx-variants.js";function l(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function m(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){l(t,e,o[e])}))}return t}function d(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 h extends e{formatData(){var t,e;const o=!!this.props.storedPaymentMethodId;return{paymentMethod:m({type:h.type},!o&&{blikCode:null===(e=this.state)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.blikCode},o&&{storedPaymentMethodId:this.props.storedPaymentMethodId})}}get isValid(){return!!this.props.storedPaymentMethodId||!!this.state.isValid}get displayName(){return this.props.storedPaymentMethodId&&this.props.label?this.props.label:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId&&this.props.label?this.props.name:null}render(){return this.props.paymentData?t(n,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(p,{srPanel:this.props.modules.srPanel},t(r,{ref:t=>{this.componentRef=t},clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.handleError,onComplete:this.onComplete,brandLogo:this.icon,type:s.type,messageText:this.props.i18n.get(s.messageTextId),awaitText:this.props.i18n.get(s.awaitTextId),showCountdownTimer:s.showCountdownTimer,delay:s.STATUS_INTERVAL,countdownTime:s.COUNTDOWN_MINUTES,throttleTime:s.THROTTLE_TIME,throttleInterval:s.THROTTLE_INTERVAL,onActionHandled:this.props.onActionHandled}))):t(n,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.storedPaymentMethodId?t(i,{showPayButton:this.props.showPayButton,name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,d(m({ref:t=>{this.componentRef=t}},this.props),{onChange:this.setState,onSubmit:this.submit,payButton:this.payButton})))}}l(h,"type",a.blik);export{h 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/BlikInput.js";import r from"../internal/Await/Await.js";import{CoreProvider as n}from"../../core/Context/CoreProvider.js";import s from"./config.js";import i from"../internal/RedirectButton/RedirectButton.js";import p from"../../core/Errors/SRPanelProvider.js";import{TxVariants as a}from"../tx-variants.js";function l(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function m(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){l(t,e,o[e])}))}return t}function d(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 h extends e{formatData(){var t,e;const o=!!this.props.storedPaymentMethodId;return{paymentMethod:m({type:h.type},!o&&{blikCode:null===(e=this.state)||void 0===e||null===(t=e.data)||void 0===t?void 0:t.blikCode},o&&{storedPaymentMethodId:this.props.storedPaymentMethodId})}}get isValid(){return!!this.props.storedPaymentMethodId||!!this.state.isValid}get displayName(){return this.props.storedPaymentMethodId&&this.props.label?this.props.label:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId&&this.props.label?this.props.name:null}render(){return this.props.paymentData?t(n,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(p,{srPanel:this.props.modules.srPanel},t(r,{ref:t=>{this.componentRef=t},clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.handleError,onComplete:this.onComplete,brandLogo:this.icon,type:s.type,messageText:this.props.i18n.get(s.messageTextId),awaitText:this.props.i18n.get(s.awaitTextId),showCountdownTimer:s.showCountdownTimer,delay:s.STATUS_INTERVAL,countdownTime:s.COUNTDOWN_MINUTES,throttleTime:s.THROTTLE_TIME,throttleInterval:s.THROTTLE_INTERVAL,onActionHandled:this.onActionHandled}))):t(n,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.storedPaymentMethodId?t(i,{showPayButton:this.props.showPayButton,name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,d(m({ref:t=>{this.componentRef=t}},this.props),{onChange:this.setState,onSubmit:this.submit,payButton:this.payButton})))}}l(h,"type",a.blik);export{h as default};
 //# sourceMappingURL=Blik.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Blik.js","sources":["../../../../src/components/Blik/Blik.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BlikInput from '../../components/Blik/components/BlikInput';\nimport Await from '../internal/Await';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport config from './config';\nimport RedirectButton from '../../components/internal/RedirectButton';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport { TxVariants } from '../tx-variants';\nimport { AwaitConfiguration } from '../internal/Await/types';\n\ninterface BlikElementData {\n    paymentMethod: {\n        type: string;\n        blikCode: string;\n    };\n}\n\nclass BlikElement extends UIElement<AwaitConfiguration> {\n    public static type = TxVariants.blik;\n\n    formatData(): BlikElementData {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        return {\n            paymentMethod: {\n                type: BlikElement.type,\n                ...(!recurringPayment && { blikCode: this.state?.data?.blikCode }),\n                ...(recurringPayment && { storedPaymentMethodId: this.props.storedPaymentMethodId })\n            }\n        };\n    }\n\n    get isValid(): boolean {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    get displayName() {\n        if (this.props.storedPaymentMethodId && this.props.label) {\n            return this.props.label;\n        }\n        return this.props.name;\n    }\n\n    get additionalInfo() {\n        if (this.props.storedPaymentMethodId && this.props.label) {\n            return this.props.name;\n        }\n        return null;\n    }\n\n    /**\n     * NOTE: for future reference:\n     *  this.props.onComplete (which is called from this.onComplete) equates to the merchant defined onAdditionalDetails callback\n     *  (the initial /payments response defines an \"await\" action, actionTypes.ts translates this to \"onComplete: props.onAdditionalDetails\")\n     */\n    render() {\n        if (this.props.paymentData) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <SRPanelProvider srPanel={this.props.modules.srPanel}>\n                        <Await\n                            ref={ref => {\n                                this.componentRef = ref;\n                            }}\n                            clientKey={this.props.clientKey}\n                            paymentData={this.props.paymentData}\n                            onError={this.handleError}\n                            onComplete={this.onComplete}\n                            brandLogo={this.icon}\n                            type={config.type}\n                            messageText={this.props.i18n.get(config.messageTextId)}\n                            awaitText={this.props.i18n.get(config.awaitTextId)}\n                            showCountdownTimer={config.showCountdownTimer}\n                            delay={config.STATUS_INTERVAL}\n                            countdownTime={config.COUNTDOWN_MINUTES}\n                            throttleTime={config.THROTTLE_TIME}\n                            throttleInterval={config.THROTTLE_INTERVAL}\n                            onActionHandled={this.props.onActionHandled}\n                        />\n                    </SRPanelProvider>\n                </CoreProvider>\n            );\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.storedPaymentMethodId ? (\n                    <RedirectButton\n                        showPayButton={this.props.showPayButton}\n                        name={this.displayName}\n                        amount={this.props.amount}\n                        payButton={this.payButton}\n                        onSubmit={this.submit}\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                    />\n                ) : (\n                    <BlikInput\n                        // @ts-ignore Ref is used by preact component\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default BlikElement;\n"],"names":["BlikElement","UIElement","formatData","_this_state_data","_this_state","recurringPayment","this","props","storedPaymentMethodId","paymentMethod","_object_spread","type","blikCode","state","data","isValid","displayName","label","name","additionalInfo","render","paymentData","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","Await","ref","componentRef","clientKey","onError","handleError","onComplete","brandLogo","icon","config","messageText","get","messageTextId","awaitText","awaitTextId","showCountdownTimer","delay","STATUS_INTERVAL","countdownTime","COUNTDOWN_MINUTES","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","RedirectButton","showPayButton","amount","payButton","onSubmit","submit","BlikInput","onChange","setState","_define_property","TxVariants","blik"],"mappings":"kwCAkBA,MAAMA,UAAoBC,EAGtBC,UAAAA,OAMiDC,EAAAC,EAL7C,MAAMC,IAAqBC,KAAKC,MAAMC,sBAEtC,MAAO,CACHC,cAAeC,EAAA,CACXC,KAAMX,EAAYW,OACbN,GAAoB,CAAEO,SAAoB,QAAVR,EAAAE,KAAKO,aAAL,IAAAT,GAAA,QAAAD,EAAAC,EAAYU,YAAZ,IAAAX,OAAA,EAAAA,EAAkBS,UACnDP,GAAoB,CAAEG,sBAAuBF,KAAKC,MAAMC,wBAGxE,CAEA,WAAIO,GACA,QAAIT,KAAKC,MAAMC,yBAINF,KAAKO,MAAME,OACxB,CAEA,eAAIC,GACA,OAAIV,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMU,MACxCX,KAAKC,MAAMU,MAEfX,KAAKC,MAAMW,IACtB,CAEA,kBAAIC,GACA,OAAIb,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMU,MACxCX,KAAKC,MAAMW,KAEf,IACX,CAOAE,MAAAA,GACI,OAAId,KAAKC,MAAMc,YAEPC,EAACC,EAAAA,CAAaC,KAAMlB,KAAKC,MAAMiB,KAAMC,eAAgBnB,KAAKC,MAAMkB,eAAgBC,UAAWpB,KAAKoB,WAC5FJ,EAACK,EAAAA,CAAgBC,QAAStB,KAAKC,MAAMsB,QAAQD,SACzCN,EAACQ,EAAAA,CACGC,IAAKA,IACDzB,KAAK0B,aAAeD,CAAAA,EAExBE,UAAW3B,KAAKC,MAAM0B,UACtBZ,YAAaf,KAAKC,MAAMc,YACxBa,QAAS5B,KAAK6B,YACdC,WAAY9B,KAAK8B,WACjBC,UAAW/B,KAAKgC,KAChB3B,KAAM4B,EAAO5B,KACb6B,YAAalC,KAAKC,MAAMiB,KAAKiB,IAAIF,EAAOG,eACxCC,UAAWrC,KAAKC,MAAMiB,KAAKiB,IAAIF,EAAOK,aACtCC,mBAAoBN,EAAOM,mBAC3BC,MAAOP,EAAOQ,gBACdC,cAAeT,EAAOU,kBACtBC,aAAcX,EAAOY,cACrBC,iBAAkBb,EAAOc,kBACzBC,gBAAiBhD,KAAKC,MAAM+C,oBAQ5ChC,EAACC,EAAAA,CAAaC,KAAMlB,KAAKC,MAAMiB,KAAMC,eAAgBnB,KAAKC,MAAMkB,eAAgBC,UAAWpB,KAAKoB,WAC3FpB,KAAKC,MAAMC,sBACRc,EAACiC,EAAAA,CACGC,cAAelD,KAAKC,MAAMiD,cAC1BtC,KAAMZ,KAAKU,YACXyC,OAAQnD,KAAKC,MAAMkD,OACnBC,UAAWpD,KAAKoD,UAChBC,SAAUrD,KAAKsD,OACf7B,IAAKA,IACDzB,KAAK0B,aAAeD,CAAAA,IAI5BT,EAACuC,EAAAA,EAAAA,EAAAA,CAEG9B,IAAKA,IACDzB,KAAK0B,aAAeD,CAAAA,GAEpBzB,KAAKC,OAAK,CACduD,SAAUxD,KAAKyD,SACfJ,SAAUrD,KAAKsD,OACfF,UAAWpD,KAAKoD,aAKpC,EAjGAM,EADEhE,EACYW,OAAOsD,EAAWC"}
+{"version":3,"file":"Blik.js","sources":["../../../../src/components/Blik/Blik.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BlikInput from '../../components/Blik/components/BlikInput';\nimport Await from '../internal/Await';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport config from './config';\nimport RedirectButton from '../../components/internal/RedirectButton';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport { TxVariants } from '../tx-variants';\nimport { AwaitConfiguration } from '../internal/Await/types';\n\ninterface BlikElementData {\n    paymentMethod: {\n        type: string;\n        blikCode: string;\n    };\n}\n\nclass BlikElement extends UIElement<AwaitConfiguration> {\n    public static type = TxVariants.blik;\n\n    formatData(): BlikElementData {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        return {\n            paymentMethod: {\n                type: BlikElement.type,\n                ...(!recurringPayment && { blikCode: this.state?.data?.blikCode }),\n                ...(recurringPayment && { storedPaymentMethodId: this.props.storedPaymentMethodId })\n            }\n        };\n    }\n\n    get isValid(): boolean {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    get displayName() {\n        if (this.props.storedPaymentMethodId && this.props.label) {\n            return this.props.label;\n        }\n        return this.props.name;\n    }\n\n    get additionalInfo() {\n        if (this.props.storedPaymentMethodId && this.props.label) {\n            return this.props.name;\n        }\n        return null;\n    }\n\n    /**\n     * NOTE: for future reference:\n     *  this.props.onComplete (which is called from this.onComplete) equates to the merchant defined onAdditionalDetails callback\n     *  (the initial /payments response defines an \"await\" action, actionTypes.ts translates this to \"onComplete: props.onAdditionalDetails\")\n     */\n    render() {\n        if (this.props.paymentData) {\n            return (\n                <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                    <SRPanelProvider srPanel={this.props.modules.srPanel}>\n                        <Await\n                            ref={ref => {\n                                this.componentRef = ref;\n                            }}\n                            clientKey={this.props.clientKey}\n                            paymentData={this.props.paymentData}\n                            onError={this.handleError}\n                            onComplete={this.onComplete}\n                            brandLogo={this.icon}\n                            type={config.type}\n                            messageText={this.props.i18n.get(config.messageTextId)}\n                            awaitText={this.props.i18n.get(config.awaitTextId)}\n                            showCountdownTimer={config.showCountdownTimer}\n                            delay={config.STATUS_INTERVAL}\n                            countdownTime={config.COUNTDOWN_MINUTES}\n                            throttleTime={config.THROTTLE_TIME}\n                            throttleInterval={config.THROTTLE_INTERVAL}\n                            onActionHandled={this.onActionHandled}\n                        />\n                    </SRPanelProvider>\n                </CoreProvider>\n            );\n        }\n\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.storedPaymentMethodId ? (\n                    <RedirectButton\n                        showPayButton={this.props.showPayButton}\n                        name={this.displayName}\n                        amount={this.props.amount}\n                        payButton={this.payButton}\n                        onSubmit={this.submit}\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                    />\n                ) : (\n                    <BlikInput\n                        // @ts-ignore Ref is used by preact component\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default BlikElement;\n"],"names":["BlikElement","UIElement","formatData","_this_state_data","_this_state","recurringPayment","this","props","storedPaymentMethodId","paymentMethod","_object_spread","type","blikCode","state","data","isValid","displayName","label","name","additionalInfo","render","paymentData","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","Await","ref","componentRef","clientKey","onError","handleError","onComplete","brandLogo","icon","config","messageText","get","messageTextId","awaitText","awaitTextId","showCountdownTimer","delay","STATUS_INTERVAL","countdownTime","COUNTDOWN_MINUTES","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","RedirectButton","showPayButton","amount","payButton","onSubmit","submit","BlikInput","onChange","setState","_define_property","TxVariants","blik"],"mappings":"kwCAkBA,MAAMA,UAAoBC,EAGtBC,UAAAA,OAMiDC,EAAAC,EAL7C,MAAMC,IAAqBC,KAAKC,MAAMC,sBAEtC,MAAO,CACHC,cAAeC,EAAA,CACXC,KAAMX,EAAYW,OACbN,GAAoB,CAAEO,SAAoB,QAAVR,EAAAE,KAAKO,aAAL,IAAAT,GAAA,QAAAD,EAAAC,EAAYU,YAAZ,IAAAX,OAAA,EAAAA,EAAkBS,UACnDP,GAAoB,CAAEG,sBAAuBF,KAAKC,MAAMC,wBAGxE,CAEA,WAAIO,GACA,QAAIT,KAAKC,MAAMC,yBAINF,KAAKO,MAAME,OACxB,CAEA,eAAIC,GACA,OAAIV,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMU,MACxCX,KAAKC,MAAMU,MAEfX,KAAKC,MAAMW,IACtB,CAEA,kBAAIC,GACA,OAAIb,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMU,MACxCX,KAAKC,MAAMW,KAEf,IACX,CAOAE,MAAAA,GACI,OAAId,KAAKC,MAAMc,YAEPC,EAACC,EAAAA,CAAaC,KAAMlB,KAAKC,MAAMiB,KAAMC,eAAgBnB,KAAKC,MAAMkB,eAAgBC,UAAWpB,KAAKoB,WAC5FJ,EAACK,EAAAA,CAAgBC,QAAStB,KAAKC,MAAMsB,QAAQD,SACzCN,EAACQ,EAAAA,CACGC,IAAKA,IACDzB,KAAK0B,aAAeD,CAAAA,EAExBE,UAAW3B,KAAKC,MAAM0B,UACtBZ,YAAaf,KAAKC,MAAMc,YACxBa,QAAS5B,KAAK6B,YACdC,WAAY9B,KAAK8B,WACjBC,UAAW/B,KAAKgC,KAChB3B,KAAM4B,EAAO5B,KACb6B,YAAalC,KAAKC,MAAMiB,KAAKiB,IAAIF,EAAOG,eACxCC,UAAWrC,KAAKC,MAAMiB,KAAKiB,IAAIF,EAAOK,aACtCC,mBAAoBN,EAAOM,mBAC3BC,MAAOP,EAAOQ,gBACdC,cAAeT,EAAOU,kBACtBC,aAAcX,EAAOY,cACrBC,iBAAkBb,EAAOc,kBACzBC,gBAAiBhD,KAAKgD,oBAQtChC,EAACC,EAAAA,CAAaC,KAAMlB,KAAKC,MAAMiB,KAAMC,eAAgBnB,KAAKC,MAAMkB,eAAgBC,UAAWpB,KAAKoB,WAC3FpB,KAAKC,MAAMC,sBACRc,EAACiC,EAAAA,CACGC,cAAelD,KAAKC,MAAMiD,cAC1BtC,KAAMZ,KAAKU,YACXyC,OAAQnD,KAAKC,MAAMkD,OACnBC,UAAWpD,KAAKoD,UAChBC,SAAUrD,KAAKsD,OACf7B,IAAKA,IACDzB,KAAK0B,aAAeD,CAAAA,IAI5BT,EAACuC,EAAAA,EAAAA,EAAAA,CAEG9B,IAAKA,IACDzB,KAAK0B,aAAeD,CAAAA,GAEpBzB,KAAKC,OAAK,CACduD,SAAUxD,KAAKyD,SACfJ,SAAUrD,KAAKsD,OACfF,UAAWpD,KAAKoD,aAKpC,EAjGAM,EADEhE,EACYW,OAAOsD,EAAWC"}

package/dist/es-legacy/components/Boleto/Boleto.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/BoletoInput/BoletoInput.js";import{cleanCPFCNPJ as o}from"../internal/SocialSecurityNumberBrazil/utils.js";import n from"./components/BoletoVoucherResult/BoletoVoucherResult.js";import{CoreProvider as i}from"../../core/Context/CoreProvider.js";import{TxVariants as s}from"../tx-variants.js";function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(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){a(t,e,r[e])}))}return t}function c(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{get isValid(){return!!this.state.isValid}formatData(){const{data:t={}}=this.state,{billingAddress:e,shopperEmail:r,firstName:n,lastName:i,socialSecurityNumber:s=""}=t;return p({paymentMethod:{type:this.type}},e&&{billingAddress:e},r&&{shopperEmail:r},n&&i&&{shopperName:{firstName:n,lastName:i}},s&&{socialSecurityNumber:o(s)})}render(){return t(i,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(n,p({ref:this.handleRef,icon:this.icon},this.props)):t(r,c(p({setComponentRef:this.handleRef},this.props),{onChange:this.setState,onSubmit:this.submit,payButton:this.payButton})))}constructor(...t){super(...t),a(this,"handleRef",(t=>{this.componentRef=t}))}}a(l,"type",s.boletobancario),a(l,"txVariants",[s.boletobancario,s.boletobancario_itau,s.boletobancario_santander,s.primeiropay_boleto]);export{l as BoletoElement,l 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/BoletoInput/BoletoInput.js";import{cleanCPFCNPJ as o}from"../internal/SocialSecurityNumberBrazil/utils.js";import n from"./components/BoletoVoucherResult/BoletoVoucherResult.js";import{CoreProvider as i}from"../../core/Context/CoreProvider.js";import{TxVariants as s}from"../tx-variants.js";function a(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function c(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){a(t,e,r[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 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{get isValid(){return!!this.state.isValid}formatData(){const{data:t={}}=this.state,{billingAddress:e,shopperEmail:r,firstName:n,lastName:i,socialSecurityNumber:s=""}=t;return c({paymentMethod:{type:this.type}},e&&{billingAddress:e},r&&{shopperEmail:r},n&&i&&{shopperName:{firstName:n,lastName:i}},s&&{socialSecurityNumber:o(s)})}render(){return t(i,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(n,p(c({ref:this.handleRef,icon:this.icon},this.props),{onActionHandled:this.onActionHandled})):t(r,p(c({setComponentRef:this.handleRef},this.props),{onChange:this.setState,onSubmit:this.submit,payButton:this.payButton})))}constructor(...t){super(...t),a(this,"handleRef",(t=>{this.componentRef=t}))}}a(l,"type",s.boletobancario),a(l,"txVariants",[s.boletobancario,s.boletobancario_itau,s.boletobancario_santander,s.primeiropay_boleto]);export{l as BoletoElement,l as default};
 //# sourceMappingURL=Boleto.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Boleto.js","sources":["../../../../src/components/Boleto/Boleto.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BoletoInput from './components/BoletoInput';\nimport { cleanCPFCNPJ } from '../internal/SocialSecurityNumberBrazil/utils';\nimport BoletoVoucherResult from './components/BoletoVoucherResult';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\n\nexport class BoletoElement extends UIElement<VoucherConfiguration> {\n    public static type = TxVariants.boletobancario;\n\n    public static txVariants = [\n        TxVariants.boletobancario,\n        TxVariants.boletobancario_itau,\n        TxVariants.boletobancario_santander,\n        TxVariants.primeiropay_boleto\n    ];\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const { data = {} } = this.state;\n        const { billingAddress, shopperEmail, firstName, lastName, socialSecurityNumber = '' } = data;\n\n        return {\n            paymentMethod: {\n                type: this.type\n            },\n            ...(billingAddress && { billingAddress }),\n            ...(shopperEmail && { shopperEmail }),\n            ...(firstName && lastName && { shopperName: { firstName, lastName } }),\n            ...(socialSecurityNumber && { socialSecurityNumber: cleanCPFCNPJ(socialSecurityNumber) })\n        };\n    }\n\n    private handleRef = ref => {\n        this.componentRef = ref;\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <BoletoVoucherResult ref={this.handleRef} icon={this.icon} {...this.props} />\n                ) : (\n                    <BoletoInput\n                        setComponentRef={this.handleRef}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default BoletoElement;\n"],"names":["BoletoElement","UIElement","isValid","this","state","formatData","data","billingAddress","shopperEmail","firstName","lastName","socialSecurityNumber","_object_spread","paymentMethod","type","shopperName","cleanCPFCNPJ","render","h","CoreProvider","i18n","props","loadingContext","resources","reference","BoletoVoucherResult","ref","handleRef","icon","BoletoInput","setComponentRef","onChange","setState","onSubmit","submit","payButton","_define_property","componentRef","TxVariants","boletobancario","txVariants","boletobancario_itau","boletobancario_santander","primeiropay_boleto"],"mappings":"ivCASO,MAAMA,UAAsBC,EAU/B,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,KAAEA,EAAO,CAAA,GAAOH,KAAKC,OACrBG,eAAEA,EAAcC,aAAEA,EAAYC,UAAEA,EAASC,SAAEA,EAAQC,qBAAEA,EAAuB,IAAOL,EAEzF,OAAOM,EAAA,CACHC,cAAe,CACXC,KAAMX,KAAKW,OAEXP,GAAkB,CAAEA,kBACpBC,GAAgB,CAAEA,gBAClBC,GAAaC,GAAY,CAAEK,YAAa,CAAEN,YAAWC,aACrDC,GAAwB,CAAEA,qBAAsBK,EAAaL,IAEzE,CAMAM,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMjB,KAAKkB,MAAMD,KAAME,eAAgBnB,KAAKkB,MAAMC,eAAgBC,UAAWpB,KAAKoB,WAC3FpB,KAAKkB,MAAMG,UACRN,EAACO,EAAAA,EAAAA,CAAoBC,IAAKvB,KAAKwB,UAAWC,KAAMzB,KAAKyB,MAAUzB,KAAKkB,QAEpEH,EAACW,EAAAA,EAAAA,EAAAA,CACGC,gBAAiB3B,KAAKwB,WAClBxB,KAAKkB,OAAK,CACdU,SAAU5B,KAAK6B,SACfC,SAAU9B,KAAK+B,OACfC,UAAWhC,KAAKgC,aAKpC,+BApBAC,EAAAjC,KAAQwB,aAAYD,IAChBvB,KAAKkC,aAAeX,CAAAA,KAhCxBU,EADSpC,EACKc,OAAOwB,EAAWC,gBAEhCH,EAHSpC,EAGKwC,aAAa,CACvBF,EAAWC,eACXD,EAAWG,oBACXH,EAAWI,yBACXJ,EAAWK"}
+{"version":3,"file":"Boleto.js","sources":["../../../../src/components/Boleto/Boleto.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BoletoInput from './components/BoletoInput';\nimport { cleanCPFCNPJ } from '../internal/SocialSecurityNumberBrazil/utils';\nimport BoletoVoucherResult from './components/BoletoVoucherResult';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\n\nexport class BoletoElement extends UIElement<VoucherConfiguration> {\n    public static type = TxVariants.boletobancario;\n\n    public static txVariants = [\n        TxVariants.boletobancario,\n        TxVariants.boletobancario_itau,\n        TxVariants.boletobancario_santander,\n        TxVariants.primeiropay_boleto\n    ];\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const { data = {} } = this.state;\n        const { billingAddress, shopperEmail, firstName, lastName, socialSecurityNumber = '' } = data;\n\n        return {\n            paymentMethod: {\n                type: this.type\n            },\n            ...(billingAddress && { billingAddress }),\n            ...(shopperEmail && { shopperEmail }),\n            ...(firstName && lastName && { shopperName: { firstName, lastName } }),\n            ...(socialSecurityNumber && { socialSecurityNumber: cleanCPFCNPJ(socialSecurityNumber) })\n        };\n    }\n\n    private handleRef = ref => {\n        this.componentRef = ref;\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <BoletoVoucherResult ref={this.handleRef} icon={this.icon} {...this.props} onActionHandled={this.onActionHandled} />\n                ) : (\n                    <BoletoInput\n                        setComponentRef={this.handleRef}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default BoletoElement;\n"],"names":["BoletoElement","UIElement","isValid","this","state","formatData","data","billingAddress","shopperEmail","firstName","lastName","socialSecurityNumber","_object_spread","paymentMethod","type","shopperName","cleanCPFCNPJ","render","h","CoreProvider","i18n","props","loadingContext","resources","reference","BoletoVoucherResult","ref","handleRef","icon","onActionHandled","BoletoInput","setComponentRef","onChange","setState","onSubmit","submit","payButton","_define_property","componentRef","TxVariants","boletobancario","txVariants","boletobancario_itau","boletobancario_santander","primeiropay_boleto"],"mappings":"ivCASO,MAAMA,UAAsBC,EAU/B,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,KAAEA,EAAO,CAAA,GAAOH,KAAKC,OACrBG,eAAEA,EAAcC,aAAEA,EAAYC,UAAEA,EAASC,SAAEA,EAAQC,qBAAEA,EAAuB,IAAOL,EAEzF,OAAOM,EAAA,CACHC,cAAe,CACXC,KAAMX,KAAKW,OAEXP,GAAkB,CAAEA,kBACpBC,GAAgB,CAAEA,gBAClBC,GAAaC,GAAY,CAAEK,YAAa,CAAEN,YAAWC,aACrDC,GAAwB,CAAEA,qBAAsBK,EAAaL,IAEzE,CAMAM,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMjB,KAAKkB,MAAMD,KAAME,eAAgBnB,KAAKkB,MAAMC,eAAgBC,UAAWpB,KAAKoB,WAC3FpB,KAAKkB,MAAMG,UACRN,EAACO,EAAAA,EAAAA,EAAAA,CAAoBC,IAAKvB,KAAKwB,UAAWC,KAAMzB,KAAKyB,MAAUzB,KAAKkB,OAAK,CAAEQ,gBAAiB1B,KAAK0B,mBAEjGX,EAACY,EAAAA,EAAAA,EAAAA,CACGC,gBAAiB5B,KAAKwB,WAClBxB,KAAKkB,OAAK,CACdW,SAAU7B,KAAK8B,SACfC,SAAU/B,KAAKgC,OACfC,UAAWjC,KAAKiC,aAKpC,+BApBAC,EAAAlC,KAAQwB,aAAYD,IAChBvB,KAAKmC,aAAeZ,CAAAA,KAhCxBW,EADSrC,EACKc,OAAOyB,EAAWC,gBAEhCH,EAHSrC,EAGKyC,aAAa,CACvBF,EAAWC,eACXD,EAAWG,oBACXH,EAAWI,yBACXJ,EAAWK"}

package/dist/es-legacy/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import o from"../../../internal/Voucher/Voucher.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";import r from"../../../../core/Context/useImage.js";const a=a=>{const{i18n:n,loadingContext:d}=t(),c=r(),{reference:l,expiresAt:i,totalAmount:p,paymentMethodType:m,downloadUrl:u}=a,s=l.replace(/[^\d]/g,"").replace(/^(\d{4})(\d{5})\d{1}(\d{10})\d{1}(\d{10})\d{1}(\d{15})$/,"$1$5$2$3$4");return e(o,{reference:l,paymentMethodType:"boletobancario",barcode:`${d}barcode.shtml?data=${s}&barcodeType=BT_Int2of5A&fileType=png`,introduction:n.get("voucher.introduction"),imageUrl:c()(m),amount:p&&n.amount(p.value,p.currency),voucherDetails:[{label:n.get("voucher.expirationDate"),value:n.date(i)}],downloadUrl:u,copyBtn:!0})};export{a as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";import o from"../../../../core/Context/useImage.js";import{extractCommonPropsForVoucher as n}from"../../../internal/Voucher/utils.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){c(e,r,t[r])}))}return e}function i(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const p=c=>{const{i18n:p,loadingContext:l}=t(),u=o(),{reference:s,expiresAt:b,downloadUrl:d}=c,f=`${l}barcode.shtml?data=${s.replace(/[^\d]/g,"").replace(/^(\d{4})(\d{5})\d{1}(\d{10})\d{1}(\d{10})\d{1}(\d{15})$/,"$1$5$2$3$4")}&barcodeType=BT_Int2of5A&fileType=png`;return e(r,i(a({},n({props:i(a({},c),{paymentMethodType:"boletobancario"}),i18n:p,introKey:"voucher.introduction",getImage:u()})),{barcode:f,voucherDetails:[{label:p.get("voucher.expirationDate"),value:p.date(b)}],downloadUrl:d,copyBtn:!0}))};export{p as default};
 //# sourceMappingURL=BoletoVoucherResult.js.map

package/dist/es-legacy/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoletoVoucherResult.js","sources":["../../../../../../src/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport './BoletoVoucherResult.scss';\nimport { VoucherDetail } from '../../../internal/Voucher/types';\nimport useImage from '../../../../core/Context/useImage';\n\nconst BoletoVoucherResult = props => {\n    const { i18n, loadingContext } = useCoreContext();\n    const getImage = useImage();\n    const { reference, expiresAt, totalAmount, paymentMethodType, downloadUrl } = props;\n    const barcodeReference = reference.replace(/[^\\d]/g, '').replace(/^(\\d{4})(\\d{5})\\d{1}(\\d{10})\\d{1}(\\d{10})\\d{1}(\\d{15})$/, '$1$5$2$3$4');\n    const barcodeUrl = `${loadingContext}barcode.shtml?data=${barcodeReference}&barcodeType=BT_Int2of5A&fileType=png`;\n\n    return (\n        <Voucher\n            reference={reference}\n            paymentMethodType={'boletobancario'}\n            barcode={barcodeUrl}\n            introduction={i18n.get('voucher.introduction')}\n            imageUrl={getImage()(paymentMethodType)}\n            amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n            voucherDetails={[{ label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) }] as VoucherDetail[]}\n            downloadUrl={downloadUrl}\n            copyBtn\n        />\n    );\n};\n\nexport default BoletoVoucherResult;\n"],"names":["BoletoVoucherResult","props","i18n","loadingContext","useCoreContext","getImage","useImage","reference","expiresAt","totalAmount","paymentMethodType","downloadUrl","barcodeReference","replace","h","Voucher","barcode","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","date","copyBtn"],"mappings":"6PAQA,MAAMA,EAAsBC,IACxB,MAAMC,KAAEA,EAAIC,eAAEA,GAAmBC,IAC3BC,EAAWC,KACXC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,kBAAEA,EAAiBC,YAAEA,GAAgBV,EACxEW,EAAmBL,EAAUM,QAAQ,SAAU,IAAIA,QAAQ,0DAA2D,cAG5H,OACIC,EAACC,EAAAA,CACGR,UAAWA,EACXG,kBAAmB,iBACnBM,QANW,GAAGb,uBAAoCS,yCAOlDK,aAAcf,EAAKgB,IAAI,wBACvBC,SAAUd,IAAWK,GACrBU,OAAQX,GAAeP,EAAKkB,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CAAC,CAAEC,MAAOtB,EAAKgB,IAAI,0BAA2BG,MAAOnB,EAAKuB,KAAKjB,KAC/EG,YAAaA,EACbe,SAAAA"}
+{"version":3,"file":"BoletoVoucherResult.js","sources":["../../../../../../src/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport './BoletoVoucherResult.scss';\nimport { VoucherDetail } from '../../../internal/Voucher/types';\nimport useImage from '../../../../core/Context/useImage';\nimport { extractCommonPropsForVoucher } from '../../../internal/Voucher/utils';\n\nconst BoletoVoucherResult = props => {\n    const { i18n, loadingContext } = useCoreContext();\n    const getImage = useImage();\n    const { reference, expiresAt, downloadUrl } = props;\n    const barcodeReference = reference.replace(/[^\\d]/g, '').replace(/^(\\d{4})(\\d{5})\\d{1}(\\d{10})\\d{1}(\\d{10})\\d{1}(\\d{15})$/, '$1$5$2$3$4');\n    const barcodeUrl = `${loadingContext}barcode.shtml?data=${barcodeReference}&barcodeType=BT_Int2of5A&fileType=png`;\n\n    const paymentMethodType = 'boletobancario'; // overwrite the bank specific type of boleto, e.g. 'boletobancario_santander', to a more generic form\n\n    return (\n        <Voucher\n            {...extractCommonPropsForVoucher({\n                props: { ...props, paymentMethodType },\n                i18n,\n                introKey: 'voucher.introduction',\n                getImage: getImage()\n            })}\n            barcode={barcodeUrl}\n            voucherDetails={[{ label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) }] as VoucherDetail[]}\n            downloadUrl={downloadUrl}\n            copyBtn\n        />\n    );\n};\n\nexport default BoletoVoucherResult;\n"],"names":["BoletoVoucherResult","props","i18n","loadingContext","useCoreContext","getImage","useImage","reference","expiresAt","downloadUrl","barcodeUrl","replace","h","Voucher","extractCommonPropsForVoucher","_object_spread_props","paymentMethodType","introKey","barcode","voucherDetails","label","get","value","date","copyBtn"],"mappings":"8nCASA,MAAMA,EAAsBC,IACxB,MAAMC,KAAEA,EAAIC,eAAEA,GAAmBC,IAC3BC,EAAWC,KACXC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,GAAgBR,EAExCS,EAAa,GAAGP,uBADGI,EAAUI,QAAQ,SAAU,IAAIA,QAAQ,0DAA2D,qDAK5H,OACIC,EAACC,SACOC,EAA6B,CAC7Bb,MAAOc,EAAKd,EAAAA,CAAAA,EAAAA,GAAAA,CAAOe,kBALL,mBAMdd,OACAe,SAAU,uBACVZ,SAAUA,OACd,CACAa,QAASR,EACTS,eAAgB,CAAC,CAAEC,MAAOlB,EAAKmB,IAAI,0BAA2BC,MAAOpB,EAAKqB,KAAKf,KAC/EC,YAAaA,EACbe,SAAAA"}