@adyen/adyen-web 6.0.0-alpha.2 → 6.0.0-alpha.4

package/dist/es/components/Card/components/CardInput/validate.js

@@ -1,2 +1,2 @@
-import{formatCPFCNPJ as e}from"../../../internal/SocialSecurityNumberBrazil/utils.js";import r from"../../../internal/SocialSecurityNumberBrazil/validate.js";import{isEmpty as l}from"../../../../utils/validator-utils.js";const i={socialSecurityNumber:e},a={socialSecurityNumber:[{modes:["blur"],validate:e=>l(e)?null:r(e),errorMessage:"boleto.socialSecurityNumber.invalid"}],taxNumber:[{modes:["blur"],validate:e=>l(e)?null:6===e?.length||10===e?.length,errorMessage:"creditCard.taxNumber.invalid"}],holderName:[{modes:["blur"],validate:e=>!l(e)||null,errorMessage:"creditCard.holderName.invalid"}],default:[{modes:["blur"],validate:e=>!!e&&"string"==typeof e&&e.trim().length>0}]},t=(e,r)=>a[e].reduce(((e,l)=>(e.length||l.modes.includes(r)&&e.push(l.validate),e)),[])[0];export{i as cardInputFormatters,a as cardInputValidationRules,t as getRuleByNameAndMode};
+import{formatCPFCNPJ as e}from"../../../internal/SocialSecurityNumberBrazil/utils.js";import r from"../../../internal/SocialSecurityNumberBrazil/validate.js";import{isEmpty as l}from"../../../../utils/validator-utils.js";import{BOLETO_SOCIAL_SECURITY_NUMBER_INVALID as t,CREDITCARD_TAX_NUMBER_INVALID as a,CREDITCARD_HOLDER_NAME_INVALID as i}from"../../../../core/Errors/constants.js";const o={socialSecurityNumber:e},s={socialSecurityNumber:[{modes:["blur"],validate:e=>l(e)?null:r(e),errorMessage:t}],taxNumber:[{modes:["blur"],validate:e=>l(e)?null:6===e?.length||10===e?.length,errorMessage:a}],holderName:[{modes:["blur"],validate:e=>!l(e)||null,errorMessage:i}],default:[{modes:["blur"],validate:e=>!!e&&"string"==typeof e&&e.trim().length>0}]},u=(e,r)=>s[e].reduce(((e,l)=>(e.length||l.modes.includes(r)&&e.push(l.validate),e)),[])[0];export{o as cardInputFormatters,s as cardInputValidationRules,u as getRuleByNameAndMode};
 //# sourceMappingURL=validate.js.map

package/dist/es/components/Card/components/CardInput/validate.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate.js","sources":["../../../../../../src/components/Card/components/CardInput/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../../utils/Validator/types';\nimport { formatCPFCNPJ } from '../../../internal/SocialSecurityNumberBrazil/utils';\nimport validateSSN from '../../../internal/SocialSecurityNumberBrazil/validate';\nimport { isEmpty } from '../../../../utils/validator-utils';\n\nexport const cardInputFormatters = {\n    socialSecurityNumber: formatCPFCNPJ\n};\n\nexport const cardInputValidationRules: ValidatorRules = {\n    socialSecurityNumber: [\n        {\n            modes: ['blur'],\n            validate: value => {\n                if (isEmpty(value)) return null;\n                return validateSSN(value);\n            },\n            errorMessage: 'boleto.socialSecurityNumber.invalid'\n        }\n    ],\n    taxNumber: [\n        {\n            modes: ['blur'],\n            validate: value => (isEmpty(value) ? null : value?.length === 6 || value?.length === 10),\n            errorMessage: 'creditCard.taxNumber.invalid'\n        }\n    ],\n    holderName: [\n        {\n            // Will fire at startup and when triggerValidation is called and also applies as text is input\n            modes: ['blur'],\n            validate: value => (isEmpty(value) ? null : true), // true, if there are chars other than spaces\n            errorMessage: 'creditCard.holderName.invalid'\n        }\n    ],\n    default: [\n        {\n            modes: ['blur'],\n            // ensuring we don't try to run this against objects e.g. billingAddress\n            validate: value => !!value && typeof value === 'string' && value.trim().length > 0\n        }\n    ]\n};\n\nexport const getRuleByNameAndMode = (name, mode) => {\n    const ruleArr = cardInputValidationRules[name] as any[];\n    const rule = ruleArr.reduce((acc, elem) => {\n        if (!acc.length) {\n            if (elem.modes.includes(mode)) {\n                acc.push(elem.validate);\n            }\n        }\n        return acc;\n    }, []);\n    return rule[0];\n};\n"],"names":["cardInputFormatters","socialSecurityNumber","formatCPFCNPJ","cardInputValidationRules","modes","validate","value","isEmpty","validateSSN","errorMessage","taxNumber","length","holderName","default","trim","getRuleByNameAndMode","name","mode","reduce","acc","elem","includes","push"],"mappings":"mOAKaA,EAAsB,CAC/BC,qBAAsBC,GAGbC,EAA2C,CACpDF,qBAAsB,CAClB,CACIG,MAAO,CAAC,QACRC,SAAUC,GACFC,EAAQD,GAAe,KACpBE,EAAYF,GAEvBG,aAAc,wCAGtBC,UAAW,CACP,CACIN,MAAO,CAAC,QACRC,SAAUC,GAAUC,EAAQD,GAAS,KAAyB,IAAlBA,GAAOK,QAAkC,KAAlBL,GAAOK,OAC1EF,aAAc,iCAGtBG,WAAY,CACR,CAEIR,MAAO,CAAC,QACRC,SAAUC,IAAUC,EAAQD,IAAS,KACrCG,aAAc,kCAGtBI,QAAS,CACL,CACIT,MAAO,CAAC,QAERC,SAAUC,KAAWA,GAA0B,iBAAVA,GAAsBA,EAAMQ,OAAOH,OAAS,KAKhFI,EAAuB,CAACC,EAAMC,IACvBd,EAAyBa,GACpBE,QAAO,CAACC,EAAKC,KACzBD,EAAIR,QACDS,EAAKhB,MAAMiB,SAASJ,IACpBE,EAAIG,KAAKF,EAAKf,UAGfc,IACR,IACS"}
+{"version":3,"file":"validate.js","sources":["../../../../../../src/components/Card/components/CardInput/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../../utils/Validator/types';\nimport { formatCPFCNPJ } from '../../../internal/SocialSecurityNumberBrazil/utils';\nimport validateSSN from '../../../internal/SocialSecurityNumberBrazil/validate';\nimport { isEmpty } from '../../../../utils/validator-utils';\nimport {\n    BOLETO_SOCIAL_SECURITY_NUMBER_INVALID,\n    CREDITCARD_HOLDER_NAME_INVALID,\n    CREDITCARD_TAX_NUMBER_INVALID\n} from '../../../../core/Errors/constants';\n\nexport const cardInputFormatters = {\n    socialSecurityNumber: formatCPFCNPJ\n};\n\nexport const cardInputValidationRules: ValidatorRules = {\n    socialSecurityNumber: [\n        {\n            modes: ['blur'],\n            validate: value => {\n                if (isEmpty(value)) return null;\n                return validateSSN(value);\n            },\n            errorMessage: BOLETO_SOCIAL_SECURITY_NUMBER_INVALID\n        }\n    ],\n    taxNumber: [\n        {\n            modes: ['blur'],\n            validate: value => (isEmpty(value) ? null : value?.length === 6 || value?.length === 10),\n            errorMessage: CREDITCARD_TAX_NUMBER_INVALID\n        }\n    ],\n    holderName: [\n        {\n            // Will fire at startup and when triggerValidation is called and also applies as text is input\n            modes: ['blur'],\n            validate: value => (isEmpty(value) ? null : true), // true, if there are chars other than spaces\n            errorMessage: CREDITCARD_HOLDER_NAME_INVALID\n        }\n    ],\n    default: [\n        {\n            modes: ['blur'],\n            // ensuring we don't try to run this against objects e.g. billingAddress\n            validate: value => !!value && typeof value === 'string' && value.trim().length > 0\n        }\n    ]\n};\n\nexport const getRuleByNameAndMode = (name, mode) => {\n    const ruleArr = cardInputValidationRules[name] as any[];\n    const rule = ruleArr.reduce((acc, elem) => {\n        if (!acc.length) {\n            if (elem.modes.includes(mode)) {\n                acc.push(elem.validate);\n            }\n        }\n        return acc;\n    }, []);\n    return rule[0];\n};\n"],"names":["cardInputFormatters","socialSecurityNumber","formatCPFCNPJ","cardInputValidationRules","modes","validate","value","isEmpty","validateSSN","errorMessage","BOLETO_SOCIAL_SECURITY_NUMBER_INVALID","taxNumber","length","CREDITCARD_TAX_NUMBER_INVALID","holderName","CREDITCARD_HOLDER_NAME_INVALID","default","trim","getRuleByNameAndMode","name","mode","reduce","acc","elem","includes","push"],"mappings":"uYAUaA,EAAsB,CAC/BC,qBAAsBC,GAGbC,EAA2C,CACpDF,qBAAsB,CAClB,CACIG,MAAO,CAAC,QACRC,SAAUC,GACFC,EAAQD,GAAe,KACpBE,EAAYF,GAEvBG,aAAcC,IAGtBC,UAAW,CACP,CACIP,MAAO,CAAC,QACRC,SAAUC,GAAUC,EAAQD,GAAS,KAAyB,IAAlBA,GAAOM,QAAkC,KAAlBN,GAAOM,OAC1EH,aAAcI,IAGtBC,WAAY,CACR,CAEIV,MAAO,CAAC,QACRC,SAAUC,IAAUC,EAAQD,IAAS,KACrCG,aAAcM,IAGtBC,QAAS,CACL,CACIZ,MAAO,CAAC,QAERC,SAAUC,KAAWA,GAA0B,iBAAVA,GAAsBA,EAAMW,OAAOL,OAAS,KAKhFM,EAAuB,CAACC,EAAMC,IACvBjB,EAAyBgB,GACpBE,QAAO,CAACC,EAAKC,KACzBD,EAAIV,QACDW,EAAKnB,MAAMoB,SAASJ,IACpBE,EAAIG,KAAKF,EAAKlB,UAGfiB,IACR,IACS"}

package/dist/es/components/Card/components/ClickToPayHolder.js

@@ -1,2 +1,2 @@
-import{createElement as t,Fragment as e}from"../../../external/preact/dist/preact.js";import{useState as a,useEffect as o,useCallback as r}from"../../../external/preact/hooks/dist/hooks.js";import n from"../../internal/ClickToPay/context/useClickToPayContext.js";import{CtpState as i}from"../../internal/ClickToPay/services/ClickToPayService.js";import l from"../../internal/ClickToPay/ClickToPayComponent.js";import s from"../../internal/ContentSeparator/ContentSeparator.js";import c from"../../internal/Button/Button.js";import p from"../../../core/Context/useCoreContext.js";const m=({children:m})=>{const{i18n:d}=p(),[C,u]=a(null),{ctpState:f,isCtpPrimaryPaymentMethod:y,setIsCtpPrimaryPaymentMethod:k,status:P}=n(),h=null===C&&null===y;o((()=>{if(h){if(f===i.ShopperIdentified||f===i.Ready)return u(!1),void k(!0);f===i.NotAvailable&&(u(!0),k(!1))}}),[f,h]);const j=r((()=>{u(!0),k(!1)}),[]);return f===i.NotAvailable?m():f===i.Loading||f===i.ShopperIdentified?t(l,null):t(e,null,t(l,{onDisplayCardComponent:j}),t(s,{classNames:["adyen-checkout-ctp__separator"],label:d.get("ctp.separatorText")}),C?m(!y):t(c,{variant:"secondary",disabled:"loading"===P,label:d.get("ctp.manualCardEntry"),onClick:j}))};export{m as default};
+import{createElement as t,Fragment as e}from"../../../external/preact/dist/preact.js";import{useState as a,useEffect as o,useCallback as r}from"../../../external/preact/hooks/dist/hooks.js";import n from"../../internal/ClickToPay/context/useClickToPayContext.js";import{CtpState as i}from"../../internal/ClickToPay/services/ClickToPayService.js";import l from"../../internal/ClickToPay/ClickToPayComponent.js";import s from"../../internal/ContentSeparator/ContentSeparator.js";import c from"../../internal/Button/Button.js";import{useCoreContext as p}from"../../../core/Context/CoreProvider.js";const m=({children:m})=>{const{i18n:d}=p(),[C,u]=a(null),{ctpState:f,isCtpPrimaryPaymentMethod:y,setIsCtpPrimaryPaymentMethod:k,status:P}=n(),h=null===C&&null===y;o((()=>{if(h){if(f===i.ShopperIdentified||f===i.Ready)return u(!1),void k(!0);f===i.NotAvailable&&(u(!0),k(!1))}}),[f,h]);const j=r((()=>{u(!0),k(!1)}),[]);return f===i.NotAvailable?m():f===i.Loading||f===i.ShopperIdentified?t(l,null):t(e,null,t(l,{onDisplayCardComponent:j}),t(s,{classNames:["adyen-checkout-ctp__separator"],label:d.get("ctp.separatorText")}),C?m(!y):t(c,{variant:"secondary",disabled:"loading"===P,label:d.get("ctp.manualCardEntry"),onClick:j}))};export{m as default};
 //# sourceMappingURL=ClickToPayHolder.js.map

package/dist/es/components/Card/components/ClickToPayHolder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickToPayHolder.js","sources":["../../../../../src/components/Card/components/ClickToPayHolder.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport useClickToPayContext from '../../internal/ClickToPay/context/useClickToPayContext';\nimport { CtpState } from '../../internal/ClickToPay/services/ClickToPayService';\nimport ClickToPayComponent from '../../internal/ClickToPay';\nimport ContentSeparator from '../../internal/ContentSeparator';\nimport Button from '../../internal/Button';\nimport useCoreContext from '../../../core/Context/useCoreContext';\n\ntype ClickToPayWrapperProps = {\n    children(isCardPrimaryInput?: boolean): h.JSX.Element;\n};\n\nconst ClickToPayHolder = ({ children }: ClickToPayWrapperProps) => {\n    const { i18n } = useCoreContext();\n    const [isCardInputVisible, setIsCardInputVisible] = useState<boolean>(null);\n    const { ctpState, isCtpPrimaryPaymentMethod, setIsCtpPrimaryPaymentMethod, status } = useClickToPayContext();\n\n    const areFieldsNotSet = isCardInputVisible === null && isCtpPrimaryPaymentMethod === null;\n\n    useEffect(() => {\n        if (areFieldsNotSet) {\n            if (ctpState === CtpState.ShopperIdentified || ctpState === CtpState.Ready) {\n                setIsCardInputVisible(false);\n                setIsCtpPrimaryPaymentMethod(true);\n                return;\n            }\n            if (ctpState === CtpState.NotAvailable) {\n                setIsCardInputVisible(true);\n                setIsCtpPrimaryPaymentMethod(false);\n            }\n        }\n    }, [ctpState, areFieldsNotSet]);\n\n    const handleOnShowCardButtonClick = useCallback(() => {\n        setIsCardInputVisible(true);\n        setIsCtpPrimaryPaymentMethod(false);\n    }, []);\n\n    if (ctpState === CtpState.NotAvailable) {\n        return children();\n    }\n\n    if (ctpState === CtpState.Loading || ctpState === CtpState.ShopperIdentified) {\n        return <ClickToPayComponent />;\n    }\n\n    return (\n        <Fragment>\n            <ClickToPayComponent onDisplayCardComponent={handleOnShowCardButtonClick} />\n\n            <ContentSeparator classNames={['adyen-checkout-ctp__separator']} label={i18n.get('ctp.separatorText')} />\n\n            {isCardInputVisible ? (\n                children(!isCtpPrimaryPaymentMethod)\n            ) : (\n                <Button\n                    variant=\"secondary\"\n                    disabled={status === 'loading'}\n                    label={i18n.get('ctp.manualCardEntry')}\n                    onClick={handleOnShowCardButtonClick}\n                />\n            )}\n        </Fragment>\n    );\n};\n\nexport default ClickToPayHolder;\n"],"names":["ClickToPayHolder","children","i18n","useCoreContext","isCardInputVisible","setIsCardInputVisible","useState","ctpState","isCtpPrimaryPaymentMethod","setIsCtpPrimaryPaymentMethod","status","useClickToPayContext","areFieldsNotSet","useEffect","CtpState","ShopperIdentified","Ready","NotAvailable","handleOnShowCardButtonClick","useCallback","Loading","h","ClickToPayComponent","Fragment","onDisplayCardComponent","ContentSeparator","classNames","label","get","Button","variant","disabled","onClick"],"mappings":"mkBAaA,MAAMA,EAAmB,EAAGC,eACxB,MAAMC,KAAEA,GAASC,KACVC,EAAoBC,GAAyBC,EAAkB,OAChEC,SAAEA,EAAQC,0BAAEA,EAAyBC,6BAAEA,EAA4BC,OAAEA,GAAWC,IAEhFC,EAAyC,OAAvBR,GAA6D,OAA9BI,EAEvDK,GAAU,KACN,GAAID,EAAiB,CACjB,GAAIL,IAAaO,EAASC,mBAAqBR,IAAaO,EAASE,MAGjE,OAFAX,GAAsB,QACtBI,GAA6B,GAG7BF,IAAaO,EAASG,eACtBZ,GAAsB,GACtBI,GAA6B,GAErC,IACD,CAACF,EAAUK,IAEd,MAAMM,EAA8BC,GAAY,KAC5Cd,GAAsB,GACtBI,GAA6B,EAAA,GAC9B,IAEH,OAAIF,IAAaO,EAASG,aACfhB,IAGPM,IAAaO,EAASM,SAAWb,IAAaO,EAASC,kBAChDM,EAACC,EAAAA,MAIRD,EAACE,OACGF,EAACC,EAAAA,CAAoBE,uBAAwBN,IAE7CG,EAACI,EAAAA,CAAiBC,WAAY,CAAC,iCAAkCC,MAAOzB,EAAK0B,IAAI,uBAEhFxB,EACGH,GAAUO,GAEVa,EAACQ,EAAAA,CACGC,QAAQ,YACRC,SAAqB,YAAXrB,EACViB,MAAOzB,EAAK0B,IAAI,uBAChBI,QAASd"}
+{"version":3,"file":"ClickToPayHolder.js","sources":["../../../../../src/components/Card/components/ClickToPayHolder.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport useClickToPayContext from '../../internal/ClickToPay/context/useClickToPayContext';\nimport { CtpState } from '../../internal/ClickToPay/services/ClickToPayService';\nimport ClickToPayComponent from '../../internal/ClickToPay';\nimport ContentSeparator from '../../internal/ContentSeparator';\nimport Button from '../../internal/Button';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\n\ntype ClickToPayWrapperProps = {\n    children(isCardPrimaryInput?: boolean): h.JSX.Element;\n};\n\nconst ClickToPayHolder = ({ children }: ClickToPayWrapperProps) => {\n    const { i18n } = useCoreContext();\n    const [isCardInputVisible, setIsCardInputVisible] = useState<boolean>(null);\n    const { ctpState, isCtpPrimaryPaymentMethod, setIsCtpPrimaryPaymentMethod, status } = useClickToPayContext();\n\n    const areFieldsNotSet = isCardInputVisible === null && isCtpPrimaryPaymentMethod === null;\n\n    useEffect(() => {\n        if (areFieldsNotSet) {\n            if (ctpState === CtpState.ShopperIdentified || ctpState === CtpState.Ready) {\n                setIsCardInputVisible(false);\n                setIsCtpPrimaryPaymentMethod(true);\n                return;\n            }\n            if (ctpState === CtpState.NotAvailable) {\n                setIsCardInputVisible(true);\n                setIsCtpPrimaryPaymentMethod(false);\n            }\n        }\n    }, [ctpState, areFieldsNotSet]);\n\n    const handleOnShowCardButtonClick = useCallback(() => {\n        setIsCardInputVisible(true);\n        setIsCtpPrimaryPaymentMethod(false);\n    }, []);\n\n    if (ctpState === CtpState.NotAvailable) {\n        return children();\n    }\n\n    if (ctpState === CtpState.Loading || ctpState === CtpState.ShopperIdentified) {\n        return <ClickToPayComponent />;\n    }\n\n    return (\n        <Fragment>\n            <ClickToPayComponent onDisplayCardComponent={handleOnShowCardButtonClick} />\n\n            <ContentSeparator classNames={['adyen-checkout-ctp__separator']} label={i18n.get('ctp.separatorText')} />\n\n            {isCardInputVisible ? (\n                children(!isCtpPrimaryPaymentMethod)\n            ) : (\n                <Button\n                    variant=\"secondary\"\n                    disabled={status === 'loading'}\n                    label={i18n.get('ctp.manualCardEntry')}\n                    onClick={handleOnShowCardButtonClick}\n                />\n            )}\n        </Fragment>\n    );\n};\n\nexport default ClickToPayHolder;\n"],"names":["ClickToPayHolder","children","i18n","useCoreContext","isCardInputVisible","setIsCardInputVisible","useState","ctpState","isCtpPrimaryPaymentMethod","setIsCtpPrimaryPaymentMethod","status","useClickToPayContext","areFieldsNotSet","useEffect","CtpState","ShopperIdentified","Ready","NotAvailable","handleOnShowCardButtonClick","useCallback","Loading","h","ClickToPayComponent","Fragment","onDisplayCardComponent","ContentSeparator","classNames","label","get","Button","variant","disabled","onClick"],"mappings":"mlBAaA,MAAMA,EAAmB,EAAGC,eACxB,MAAMC,KAAEA,GAASC,KACVC,EAAoBC,GAAyBC,EAAkB,OAChEC,SAAEA,EAAQC,0BAAEA,EAAyBC,6BAAEA,EAA4BC,OAAEA,GAAWC,IAEhFC,EAAyC,OAAvBR,GAA6D,OAA9BI,EAEvDK,GAAU,KACN,GAAID,EAAiB,CACjB,GAAIL,IAAaO,EAASC,mBAAqBR,IAAaO,EAASE,MAGjE,OAFAX,GAAsB,QACtBI,GAA6B,GAG7BF,IAAaO,EAASG,eACtBZ,GAAsB,GACtBI,GAA6B,GAErC,IACD,CAACF,EAAUK,IAEd,MAAMM,EAA8BC,GAAY,KAC5Cd,GAAsB,GACtBI,GAA6B,EAAA,GAC9B,IAEH,OAAIF,IAAaO,EAASG,aACfhB,IAGPM,IAAaO,EAASM,SAAWb,IAAaO,EAASC,kBAChDM,EAACC,EAAAA,MAIRD,EAACE,OACGF,EAACC,EAAAA,CAAoBE,uBAAwBN,IAE7CG,EAACI,EAAAA,CAAiBC,WAAY,CAAC,iCAAkCC,MAAOzB,EAAK0B,IAAI,uBAEhFxB,EACGH,GAAUO,GAEVa,EAACQ,EAAAA,CACGC,QAAQ,YACRC,SAAqB,YAAXrB,EACViB,MAAOzB,EAAK0B,IAAI,uBAChBI,QAASd"}

package/dist/es/components/CashAppPay/CashAppPay.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 s from"../../core/Context/CoreProvider.js";import{CashAppComponent as o}from"./components/CashAppComponent.js";import r from"./services/CashAppService.js";import{CashAppSdkLoader as a}from"./services/CashAppSdkLoader.js";import i from"./defaultProps.js";import n from"../internal/RedirectButton/RedirectButton.js";import"../../external/classnames/index.js";import"../../external/preact/hooks/dist/hooks.js";import"../../core/Context/CoreContext.js";import{payAmountLabel as p}from"../internal/PayButton/utils.js";import{TxVariants as h}from"../tx-variants.js";class d extends e{static type=h.cashapp;cashAppService;static defaultProps=i;constructor(t,e){super(t,e),this.props.enableStoreDetails&&this.props.storePaymentMethod&&console.warn("CashAppPay: enableStoreDetails AND storePaymentMethod configuration properties should not be used together. That can lead to undesired behavior."),this.props.storedPaymentMethodId||(this.cashAppService=new r(new a,{storePaymentMethod:this.props.storePaymentMethod,useCashAppButtonUi:this.props.showPayButton,environment:this.props.environment,amount:this.props.amount,redirectURL:this.props.redirectURL,clientId:this.props.configuration?.clientId,scopeId:this.props.configuration?.scopeId,button:this.props.button,referenceId:this.props.referenceId}))}formatProps(t){return{...t,enableStoreDetails:t.session?.configuration?.enableStoreDetails||t.enableStoreDetails}}formatData(){const{shopperWantsToStore:t,grantId:e,onFileGrantId:s,cashTag:o,customerId:r}=this.state.data||{},{storePaymentMethod:a,storedPaymentMethodId:i}=this.props,n=this.props.enableStoreDetails||!this.props.session&&a;if(i)return{paymentMethod:{type:d.type,storedPaymentMethodId:i}};return{paymentMethod:{type:d.type,...e&&{grantId:e},...r&&{customerId:r},...s&&o&&{onFileGrantId:s,cashtag:o}},...n&&{storePaymentMethod:a||t}}}get displayName(){return this.props.storedPaymentMethodId&&this.props.cashtag?this.props.cashtag:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId?"Cash App Pay":""}submit=()=>{const{onClick:t,storedPaymentMethodId:e}=this.props;if(e)return void super.submit();let s=!1;new Promise(((e,s)=>t({resolve:e,reject:s}))).catch((()=>{throw s=!0,Error("onClick rejected")})).then((()=>this.cashAppService.createCustomerRequest())).then((()=>{this.cashAppService.begin()})).catch((t=>{s||this.handleError(t)}))};get isValid(){return!0}handleOnChangeStoreDetails=t=>{const e={...this.state.data,shopperWantsToStore:t};this.setState({data:e})};handleAuthorize=t=>{const e={...this.state.data,...t};this.setState({data:e,valid:{},errors:{},isValid:!0}),super.submit()};render(){return t(s,{i18n:this.props.i18n,resources:this.resources,loadingContext:this.props.loadingContext},this.props.storedPaymentMethodId?t(n,{label:p(this.props.i18n,this.props.amount),icon:this.resources?.getImage({imageFolder:"components/"})("lock"),name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,{ref:t=>{this.componentRef=t},enableStoreDetails:this.props.enableStoreDetails,cashAppService:this.cashAppService,onChangeStoreDetails:this.handleOnChangeStoreDetails,onError:this.handleError,onClick:this.submit,onAuthorize:this.handleAuthorize}))}}export{d as CashAppPay,d as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import{CoreProvider as s}from"../../core/Context/CoreProvider.js";import{CashAppComponent as o}from"./components/CashAppComponent.js";import r from"./services/CashAppService.js";import{CashAppSdkLoader as a}from"./services/CashAppSdkLoader.js";import i from"./defaultProps.js";import n from"../internal/RedirectButton/RedirectButton.js";import"../../external/classnames/index.js";import{payAmountLabel as p}from"../internal/PayButton/utils.js";import{TxVariants as h}from"../tx-variants.js";class d extends e{static type=h.cashapp;cashAppService;static defaultProps=i;constructor(t,e){super(t,e),this.props.enableStoreDetails&&this.props.storePaymentMethod&&console.warn("CashAppPay: enableStoreDetails AND storePaymentMethod configuration properties should not be used together. That can lead to undesired behavior."),this.props.storedPaymentMethodId||(this.cashAppService=new r(new a,{storePaymentMethod:this.props.storePaymentMethod,useCashAppButtonUi:this.props.showPayButton,environment:this.props.environment,amount:this.props.amount,redirectURL:this.props.redirectURL,clientId:this.props.configuration?.clientId,scopeId:this.props.configuration?.scopeId,button:this.props.button,referenceId:this.props.referenceId}))}formatProps(t){return{...t,enableStoreDetails:t.session?.configuration?.enableStoreDetails||t.enableStoreDetails}}formatData(){const{shopperWantsToStore:t,grantId:e,onFileGrantId:s,cashTag:o,customerId:r}=this.state.data||{},{storePaymentMethod:a,storedPaymentMethodId:i}=this.props,n=this.props.enableStoreDetails||!this.props.session&&a;if(i)return{paymentMethod:{type:d.type,storedPaymentMethodId:i}};return{paymentMethod:{type:d.type,...e&&{grantId:e},...r&&{customerId:r},...s&&o&&{onFileGrantId:s,cashtag:o}},...n&&{storePaymentMethod:a||t}}}get displayName(){return this.props.storedPaymentMethodId&&this.props.cashtag?this.props.cashtag:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId?"Cash App Pay":""}submit=()=>{const{onClick:t,storedPaymentMethodId:e}=this.props;if(e)return void super.submit();let s=!1;new Promise(((e,s)=>t({resolve:e,reject:s}))).catch((()=>{throw s=!0,Error("onClick rejected")})).then((()=>this.cashAppService.createCustomerRequest())).then((()=>{this.cashAppService.begin()})).catch((t=>{s||this.handleError(t)}))};get isValid(){return!0}handleOnChangeStoreDetails=t=>{const e={...this.state.data,shopperWantsToStore:t};this.setState({data:e})};handleAuthorize=t=>{const e={...this.state.data,...t};this.setState({data:e,valid:{},errors:{},isValid:!0}),super.submit()};render(){return t(s,{i18n:this.props.i18n,resources:this.resources,loadingContext:this.props.loadingContext},this.props.storedPaymentMethodId?t(n,{label:p(this.props.i18n,this.props.amount),icon:this.resources?.getImage({imageFolder:"components/"})("lock"),name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,{ref:t=>{this.componentRef=t},enableStoreDetails:this.props.enableStoreDetails,cashAppService:this.cashAppService,onChangeStoreDetails:this.handleOnChangeStoreDetails,onError:this.handleError,onClick:this.submit,onAuthorize:this.handleAuthorize}))}}export{d as CashAppPay,d as default};
 //# sourceMappingURL=CashAppPay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CashAppPay.js","sources":["../../../../src/components/CashAppPay/CashAppPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { CashAppComponent } from './components/CashAppComponent';\nimport CashAppService from './services/CashAppService';\nimport { CashAppSdkLoader } from './services/CashAppSdkLoader';\nimport { CashAppPayElementData, CashAppPayConfiguration, CashAppPayEventData } from './types';\nimport { ICashAppService } from './services/types';\nimport defaultProps from './defaultProps';\nimport RedirectButton from '../internal/RedirectButton';\nimport { payAmountLabel } from '../internal/PayButton';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\n\nexport class CashAppPay extends UIElement<CashAppPayConfiguration> {\n    public static type = TxVariants.cashapp;\n\n    private readonly cashAppService: ICashAppService | undefined;\n\n    protected static defaultProps = defaultProps;\n\n    constructor(checkout: ICore, props?: CashAppPayConfiguration) {\n        super(checkout, props);\n\n        if (this.props.enableStoreDetails && this.props.storePaymentMethod) {\n            console.warn(\n                'CashAppPay: enableStoreDetails AND storePaymentMethod configuration properties should not be used together. That can lead to undesired behavior.'\n            );\n        }\n\n        if (this.props.storedPaymentMethodId) {\n            return;\n        }\n\n        this.cashAppService = new CashAppService(new CashAppSdkLoader(), {\n            storePaymentMethod: this.props.storePaymentMethod,\n            useCashAppButtonUi: this.props.showPayButton,\n            environment: this.props.environment,\n            amount: this.props.amount,\n            redirectURL: this.props.redirectURL,\n            clientId: this.props.configuration?.clientId,\n            scopeId: this.props.configuration?.scopeId,\n            button: this.props.button,\n            referenceId: this.props.referenceId\n        });\n    }\n\n    public formatProps(props: CashAppPayConfiguration) {\n        return {\n            ...props,\n            enableStoreDetails: props.session?.configuration?.enableStoreDetails || props.enableStoreDetails\n        };\n    }\n\n    public formatData(): CashAppPayElementData {\n        const { shopperWantsToStore, grantId, onFileGrantId, cashTag, customerId } = this.state.data || {};\n        const { storePaymentMethod: storePaymentMethodSetByMerchant, storedPaymentMethodId } = this.props;\n\n        /**\n         * We include 'storePaymentMethod' flag if we either Display the Checkbox OR if it is non-sessions flow AND the merchant wants to store the payment method\n         */\n        const includeStorePaymentMethod = this.props.enableStoreDetails || (!this.props.session && storePaymentMethodSetByMerchant);\n\n        if (storedPaymentMethodId) {\n            return {\n                paymentMethod: {\n                    type: CashAppPay.type,\n                    storedPaymentMethodId\n                }\n            };\n        }\n\n        const shouldAddOnFileProperties = onFileGrantId && cashTag;\n\n        return {\n            paymentMethod: {\n                type: CashAppPay.type,\n                ...(grantId && { grantId }),\n                ...(customerId && { customerId }),\n                ...(shouldAddOnFileProperties && { onFileGrantId, cashtag: cashTag })\n            },\n            ...(includeStorePaymentMethod && { storePaymentMethod: storePaymentMethodSetByMerchant || shopperWantsToStore })\n        };\n    }\n\n    get displayName() {\n        if (this.props.storedPaymentMethodId && this.props.cashtag) {\n            return this.props.cashtag;\n        }\n        return this.props.name;\n    }\n\n    get additionalInfo() {\n        return this.props.storedPaymentMethodId ? 'Cash App Pay' : '';\n    }\n\n    public submit = () => {\n        const { onClick, storedPaymentMethodId } = this.props;\n\n        if (storedPaymentMethodId) {\n            super.submit();\n            return;\n        }\n\n        let onClickPromiseRejected = false;\n\n        new Promise<void>((resolve, reject) => onClick({ resolve, reject }))\n            .catch(() => {\n                onClickPromiseRejected = true;\n                throw Error('onClick rejected');\n            })\n            .then(() => {\n                return this.cashAppService.createCustomerRequest();\n            })\n            .then(() => {\n                this.cashAppService.begin();\n            })\n            .catch(error => {\n                if (onClickPromiseRejected) {\n                    // Swallow exception triggered by onClick reject\n                    return;\n                }\n                this.handleError(error);\n            });\n    };\n\n    public get isValid(): boolean {\n        return true;\n    }\n\n    private handleOnChangeStoreDetails = (storePayment: boolean) => {\n        const data = { ...this.state.data, shopperWantsToStore: storePayment };\n        this.setState({ data });\n    };\n\n    private handleAuthorize = (cashAppPaymentData: CashAppPayEventData): void => {\n        const data = { ...this.state.data, ...cashAppPaymentData };\n        this.setState({ data, valid: {}, errors: {}, isValid: true });\n        super.submit();\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} resources={this.resources} loadingContext={this.props.loadingContext}>\n                {this.props.storedPaymentMethodId ? (\n                    <RedirectButton\n                        label={payAmountLabel(this.props.i18n, this.props.amount)}\n                        icon={this.resources?.getImage({ imageFolder: 'components/' })('lock')}\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                    <CashAppComponent\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        enableStoreDetails={this.props.enableStoreDetails}\n                        cashAppService={this.cashAppService}\n                        onChangeStoreDetails={this.handleOnChangeStoreDetails}\n                        onError={this.handleError}\n                        onClick={this.submit}\n                        onAuthorize={this.handleAuthorize}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default CashAppPay;\n"],"names":["CashAppPay","UIElement","static","TxVariants","cashapp","cashAppService","defaultProps","constructor","checkout","props","super","this","enableStoreDetails","storePaymentMethod","console","warn","storedPaymentMethodId","CashAppService","CashAppSdkLoader","useCashAppButtonUi","showPayButton","environment","amount","redirectURL","clientId","configuration","scopeId","button","referenceId","formatProps","session","formatData","shopperWantsToStore","grantId","onFileGrantId","cashTag","customerId","state","data","storePaymentMethodSetByMerchant","includeStorePaymentMethod","paymentMethod","type","cashtag","displayName","name","additionalInfo","submit","onClick","onClickPromiseRejected","Promise","resolve","reject","catch","Error","then","createCustomerRequest","begin","error","handleError","isValid","handleOnChangeStoreDetails","storePayment","setState","handleAuthorize","cashAppPaymentData","valid","errors","render","h","CoreProvider","i18n","resources","loadingContext","RedirectButton","label","payAmountLabel","icon","getImage","imageFolder","payButton","onSubmit","ref","componentRef","CashAppComponent","onChangeStoreDetails","onError","onAuthorize"],"mappings":"2rBAcO,MAAMA,UAAmBC,EAC5BC,YAAqBC,EAAWC,QAEfC,eAEjBH,oBAAgCI,EAEhCC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAEZE,KAAKF,MAAMG,oBAAsBD,KAAKF,MAAMI,oBAC5CC,QAAQC,KACJ,oJAIJJ,KAAKF,MAAMO,wBAIfL,KAAKN,eAAiB,IAAIY,EAAe,IAAIC,EAAoB,CAC7DL,mBAAoBF,KAAKF,MAAMI,mBAC/BM,mBAAoBR,KAAKF,MAAMW,cAC/BC,YAAaV,KAAKF,MAAMY,YACxBC,OAAQX,KAAKF,MAAMa,OACnBC,YAAaZ,KAAKF,MAAMc,YACxBC,SAAUb,KAAKF,MAAMgB,eAAeD,SACpCE,QAASf,KAAKF,MAAMgB,eAAeC,QACnCC,OAAQhB,KAAKF,MAAMkB,OACnBC,YAAajB,KAAKF,MAAMmB,cAEhC,CAEOC,WAAAA,CAAYpB,GACf,MAAO,IACAA,EACHG,mBAAoBH,EAAMqB,SAASL,eAAeb,oBAAsBH,EAAMG,mBAEtF,CAEOmB,UAAAA,GACH,MAAMC,oBAAEA,EAAmBC,QAAEA,EAAOC,cAAEA,EAAaC,QAAEA,EAAOC,WAAEA,GAAezB,KAAK0B,MAAMC,MAAQ,IACxFzB,mBAAoB0B,EAA+BvB,sBAAEA,GAA0BL,KAAKF,MAKtF+B,EAA4B7B,KAAKF,MAAMG,qBAAwBD,KAAKF,MAAMqB,SAAWS,EAE3F,GAAIvB,EACA,MAAO,CACHyB,cAAe,CACXC,KAAM1C,EAAW0C,KACjB1B,0BAOZ,MAAO,CACHyB,cAAe,CACXC,KAAM1C,EAAW0C,QACbT,GAAW,CAAEA,cACbG,GAAc,CAAEA,iBANMF,GAAiBC,GAOV,CAAED,gBAAeS,QAASR,OAE3DK,GAA6B,CAAE3B,mBAAoB0B,GAAmCP,GAElG,CAEA,eAAIY,GACA,OAAIjC,KAAKF,MAAMO,uBAAyBL,KAAKF,MAAMkC,QACxChC,KAAKF,MAAMkC,QAEfhC,KAAKF,MAAMoC,IACtB,CAEA,kBAAIC,GACA,OAAOnC,KAAKF,MAAMO,sBAAwB,eAAiB,EAC/D,CAEO+B,OAAS,KACZ,MAAMC,QAAEA,EAAOhC,sBAAEA,GAA0BL,KAAKF,MAEhD,GAAIO,EAEA,YADAN,MAAMqC,SAIV,IAAIE,GAAyB,EAE7B,IAAIC,SAAc,CAACC,EAASC,IAAWJ,EAAQ,CAAEG,UAASC,aACrDC,OAAM,KAEH,MADAJ,GAAyB,EACnBK,MAAM,mBAAA,IAEfC,MAAK,IACK5C,KAAKN,eAAemD,0BAE9BD,MAAK,KACF5C,KAAKN,eAAeoD,OAAK,IAE5BJ,OAAMK,IACCT,GAIJtC,KAAKgD,YAAYD,EAAAA,GACrB,EAGR,WAAWE,GACP,OAAO,CACX,CAEQC,2BAA8BC,IAClC,MAAMxB,EAAO,IAAK3B,KAAK0B,MAAMC,KAAMN,oBAAqB8B,GACxDnD,KAAKoD,SAAS,CAAEzB,QAAK,EAGjB0B,gBAAmBC,IACvB,MAAM3B,EAAO,IAAK3B,KAAK0B,MAAMC,QAAS2B,GACtCtD,KAAKoD,SAAS,CAAEzB,OAAM4B,MAAO,CAAC,EAAGC,OAAQ,CAAC,EAAGP,SAAS,IACtDlD,MAAMqC,QAAAA,EAGVqB,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAM5D,KAAKF,MAAM8D,KAAMC,UAAW7D,KAAK6D,UAAWC,eAAgB9D,KAAKF,MAAMgE,gBACtF9D,KAAKF,MAAMO,sBACRqD,EAACK,EAAAA,CACGC,MAAOC,EAAejE,KAAKF,MAAM8D,KAAM5D,KAAKF,MAAMa,QAClDuD,KAAMlE,KAAK6D,WAAWM,SAAS,CAAEC,YAAa,eAAxCpE,CAAyD,QAC/DkC,KAAMlC,KAAKiC,YACXtB,OAAQX,KAAKF,MAAMa,OACnB0D,UAAWrE,KAAKqE,UAChBC,SAAUtE,KAAKoC,OACfmC,IAAKA,IACDvE,KAAKwE,aAAeD,CAAAA,IAI5Bb,EAACe,EAAAA,CACGF,IAAKA,IACDvE,KAAKwE,aAAeD,CAAAA,EAExBtE,mBAAoBD,KAAKF,MAAMG,mBAC/BP,eAAgBM,KAAKN,eACrBgF,qBAAsB1E,KAAKkD,2BAC3ByB,QAAS3E,KAAKgD,YACdX,QAASrC,KAAKoC,OACdwC,YAAa5E,KAAKqD,kBAKtC"}
+{"version":3,"file":"CashAppPay.js","sources":["../../../../src/components/CashAppPay/CashAppPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { CashAppComponent } from './components/CashAppComponent';\nimport CashAppService from './services/CashAppService';\nimport { CashAppSdkLoader } from './services/CashAppSdkLoader';\nimport { CashAppPayElementData, CashAppPayConfiguration, CashAppPayEventData } from './types';\nimport { ICashAppService } from './services/types';\nimport defaultProps from './defaultProps';\nimport RedirectButton from '../internal/RedirectButton';\nimport { payAmountLabel } from '../internal/PayButton';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\n\nexport class CashAppPay extends UIElement<CashAppPayConfiguration> {\n    public static type = TxVariants.cashapp;\n\n    private readonly cashAppService: ICashAppService | undefined;\n\n    protected static defaultProps = defaultProps;\n\n    constructor(checkout: ICore, props?: CashAppPayConfiguration) {\n        super(checkout, props);\n\n        if (this.props.enableStoreDetails && this.props.storePaymentMethod) {\n            console.warn(\n                'CashAppPay: enableStoreDetails AND storePaymentMethod configuration properties should not be used together. That can lead to undesired behavior.'\n            );\n        }\n\n        if (this.props.storedPaymentMethodId) {\n            return;\n        }\n\n        this.cashAppService = new CashAppService(new CashAppSdkLoader(), {\n            storePaymentMethod: this.props.storePaymentMethod,\n            useCashAppButtonUi: this.props.showPayButton,\n            environment: this.props.environment,\n            amount: this.props.amount,\n            redirectURL: this.props.redirectURL,\n            clientId: this.props.configuration?.clientId,\n            scopeId: this.props.configuration?.scopeId,\n            button: this.props.button,\n            referenceId: this.props.referenceId\n        });\n    }\n\n    public formatProps(props: CashAppPayConfiguration) {\n        return {\n            ...props,\n            enableStoreDetails: props.session?.configuration?.enableStoreDetails || props.enableStoreDetails\n        };\n    }\n\n    public formatData(): CashAppPayElementData {\n        const { shopperWantsToStore, grantId, onFileGrantId, cashTag, customerId } = this.state.data || {};\n        const { storePaymentMethod: storePaymentMethodSetByMerchant, storedPaymentMethodId } = this.props;\n\n        /**\n         * We include 'storePaymentMethod' flag if we either Display the Checkbox OR if it is non-sessions flow AND the merchant wants to store the payment method\n         */\n        const includeStorePaymentMethod = this.props.enableStoreDetails || (!this.props.session && storePaymentMethodSetByMerchant);\n\n        if (storedPaymentMethodId) {\n            return {\n                paymentMethod: {\n                    type: CashAppPay.type,\n                    storedPaymentMethodId\n                }\n            };\n        }\n\n        const shouldAddOnFileProperties = onFileGrantId && cashTag;\n\n        return {\n            paymentMethod: {\n                type: CashAppPay.type,\n                ...(grantId && { grantId }),\n                ...(customerId && { customerId }),\n                ...(shouldAddOnFileProperties && { onFileGrantId, cashtag: cashTag })\n            },\n            ...(includeStorePaymentMethod && { storePaymentMethod: storePaymentMethodSetByMerchant || shopperWantsToStore })\n        };\n    }\n\n    get displayName() {\n        if (this.props.storedPaymentMethodId && this.props.cashtag) {\n            return this.props.cashtag;\n        }\n        return this.props.name;\n    }\n\n    get additionalInfo() {\n        return this.props.storedPaymentMethodId ? 'Cash App Pay' : '';\n    }\n\n    public submit = () => {\n        const { onClick, storedPaymentMethodId } = this.props;\n\n        if (storedPaymentMethodId) {\n            super.submit();\n            return;\n        }\n\n        let onClickPromiseRejected = false;\n\n        new Promise<void>((resolve, reject) => onClick({ resolve, reject }))\n            .catch(() => {\n                onClickPromiseRejected = true;\n                throw Error('onClick rejected');\n            })\n            .then(() => {\n                return this.cashAppService.createCustomerRequest();\n            })\n            .then(() => {\n                this.cashAppService.begin();\n            })\n            .catch(error => {\n                if (onClickPromiseRejected) {\n                    // Swallow exception triggered by onClick reject\n                    return;\n                }\n                this.handleError(error);\n            });\n    };\n\n    public get isValid(): boolean {\n        return true;\n    }\n\n    private handleOnChangeStoreDetails = (storePayment: boolean) => {\n        const data = { ...this.state.data, shopperWantsToStore: storePayment };\n        this.setState({ data });\n    };\n\n    private handleAuthorize = (cashAppPaymentData: CashAppPayEventData): void => {\n        const data = { ...this.state.data, ...cashAppPaymentData };\n        this.setState({ data, valid: {}, errors: {}, isValid: true });\n        super.submit();\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} resources={this.resources} loadingContext={this.props.loadingContext}>\n                {this.props.storedPaymentMethodId ? (\n                    <RedirectButton\n                        label={payAmountLabel(this.props.i18n, this.props.amount)}\n                        icon={this.resources?.getImage({ imageFolder: 'components/' })('lock')}\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                    <CashAppComponent\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        enableStoreDetails={this.props.enableStoreDetails}\n                        cashAppService={this.cashAppService}\n                        onChangeStoreDetails={this.handleOnChangeStoreDetails}\n                        onError={this.handleError}\n                        onClick={this.submit}\n                        onAuthorize={this.handleAuthorize}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default CashAppPay;\n"],"names":["CashAppPay","UIElement","static","TxVariants","cashapp","cashAppService","defaultProps","constructor","checkout","props","super","this","enableStoreDetails","storePaymentMethod","console","warn","storedPaymentMethodId","CashAppService","CashAppSdkLoader","useCashAppButtonUi","showPayButton","environment","amount","redirectURL","clientId","configuration","scopeId","button","referenceId","formatProps","session","formatData","shopperWantsToStore","grantId","onFileGrantId","cashTag","customerId","state","data","storePaymentMethodSetByMerchant","includeStorePaymentMethod","paymentMethod","type","cashtag","displayName","name","additionalInfo","submit","onClick","onClickPromiseRejected","Promise","resolve","reject","catch","Error","then","createCustomerRequest","begin","error","handleError","isValid","handleOnChangeStoreDetails","storePayment","setState","handleAuthorize","cashAppPaymentData","valid","errors","render","h","CoreProvider","i18n","resources","loadingContext","RedirectButton","label","payAmountLabel","icon","getImage","imageFolder","payButton","onSubmit","ref","componentRef","CashAppComponent","onChangeStoreDetails","onError","onAuthorize"],"mappings":"+mBAcO,MAAMA,UAAmBC,EAC5BC,YAAqBC,EAAWC,QAEfC,eAEjBH,oBAAgCI,EAEhCC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAEZE,KAAKF,MAAMG,oBAAsBD,KAAKF,MAAMI,oBAC5CC,QAAQC,KACJ,oJAIJJ,KAAKF,MAAMO,wBAIfL,KAAKN,eAAiB,IAAIY,EAAe,IAAIC,EAAoB,CAC7DL,mBAAoBF,KAAKF,MAAMI,mBAC/BM,mBAAoBR,KAAKF,MAAMW,cAC/BC,YAAaV,KAAKF,MAAMY,YACxBC,OAAQX,KAAKF,MAAMa,OACnBC,YAAaZ,KAAKF,MAAMc,YACxBC,SAAUb,KAAKF,MAAMgB,eAAeD,SACpCE,QAASf,KAAKF,MAAMgB,eAAeC,QACnCC,OAAQhB,KAAKF,MAAMkB,OACnBC,YAAajB,KAAKF,MAAMmB,cAEhC,CAEOC,WAAAA,CAAYpB,GACf,MAAO,IACAA,EACHG,mBAAoBH,EAAMqB,SAASL,eAAeb,oBAAsBH,EAAMG,mBAEtF,CAEOmB,UAAAA,GACH,MAAMC,oBAAEA,EAAmBC,QAAEA,EAAOC,cAAEA,EAAaC,QAAEA,EAAOC,WAAEA,GAAezB,KAAK0B,MAAMC,MAAQ,IACxFzB,mBAAoB0B,EAA+BvB,sBAAEA,GAA0BL,KAAKF,MAKtF+B,EAA4B7B,KAAKF,MAAMG,qBAAwBD,KAAKF,MAAMqB,SAAWS,EAE3F,GAAIvB,EACA,MAAO,CACHyB,cAAe,CACXC,KAAM1C,EAAW0C,KACjB1B,0BAOZ,MAAO,CACHyB,cAAe,CACXC,KAAM1C,EAAW0C,QACbT,GAAW,CAAEA,cACbG,GAAc,CAAEA,iBANMF,GAAiBC,GAOV,CAAED,gBAAeS,QAASR,OAE3DK,GAA6B,CAAE3B,mBAAoB0B,GAAmCP,GAElG,CAEA,eAAIY,GACA,OAAIjC,KAAKF,MAAMO,uBAAyBL,KAAKF,MAAMkC,QACxChC,KAAKF,MAAMkC,QAEfhC,KAAKF,MAAMoC,IACtB,CAEA,kBAAIC,GACA,OAAOnC,KAAKF,MAAMO,sBAAwB,eAAiB,EAC/D,CAEO+B,OAAS,KACZ,MAAMC,QAAEA,EAAOhC,sBAAEA,GAA0BL,KAAKF,MAEhD,GAAIO,EAEA,YADAN,MAAMqC,SAIV,IAAIE,GAAyB,EAE7B,IAAIC,SAAc,CAACC,EAASC,IAAWJ,EAAQ,CAAEG,UAASC,aACrDC,OAAM,KAEH,MADAJ,GAAyB,EACnBK,MAAM,mBAAA,IAEfC,MAAK,IACK5C,KAAKN,eAAemD,0BAE9BD,MAAK,KACF5C,KAAKN,eAAeoD,OAAK,IAE5BJ,OAAMK,IACCT,GAIJtC,KAAKgD,YAAYD,EAAAA,GACrB,EAGR,WAAWE,GACP,OAAO,CACX,CAEQC,2BAA8BC,IAClC,MAAMxB,EAAO,IAAK3B,KAAK0B,MAAMC,KAAMN,oBAAqB8B,GACxDnD,KAAKoD,SAAS,CAAEzB,QAAK,EAGjB0B,gBAAmBC,IACvB,MAAM3B,EAAO,IAAK3B,KAAK0B,MAAMC,QAAS2B,GACtCtD,KAAKoD,SAAS,CAAEzB,OAAM4B,MAAO,CAAC,EAAGC,OAAQ,CAAC,EAAGP,SAAS,IACtDlD,MAAMqC,QAAAA,EAGVqB,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAM5D,KAAKF,MAAM8D,KAAMC,UAAW7D,KAAK6D,UAAWC,eAAgB9D,KAAKF,MAAMgE,gBACtF9D,KAAKF,MAAMO,sBACRqD,EAACK,EAAAA,CACGC,MAAOC,EAAejE,KAAKF,MAAM8D,KAAM5D,KAAKF,MAAMa,QAClDuD,KAAMlE,KAAK6D,WAAWM,SAAS,CAAEC,YAAa,eAAxCpE,CAAyD,QAC/DkC,KAAMlC,KAAKiC,YACXtB,OAAQX,KAAKF,MAAMa,OACnB0D,UAAWrE,KAAKqE,UAChBC,SAAUtE,KAAKoC,OACfmC,IAAKA,IACDvE,KAAKwE,aAAeD,CAAAA,IAI5Bb,EAACe,EAAAA,CACGF,IAAKA,IACDvE,KAAKwE,aAAeD,CAAAA,EAExBtE,mBAAoBD,KAAKF,MAAMG,mBAC/BP,eAAgBM,KAAKN,eACrBgF,qBAAsB1E,KAAKkD,2BAC3ByB,QAAS3E,KAAKgD,YACdX,QAASrC,KAAKoC,OACdwC,YAAa5E,KAAKqD,kBAKtC"}

package/dist/es/components/CashAppPay/defaultProps.js

@@ -1,2 +1,2 @@
-var e={onClick:e=>{e.resolve()},showPayButton:!0,enableStoreDetails:!1,storePaymentMethod:!1};export{e as default};
+var e={onClick:e=>{e.resolve()},enableStoreDetails:!1,storePaymentMethod:!1};export{e as default};
 //# sourceMappingURL=defaultProps.js.map

package/dist/es/components/CashAppPay/defaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultProps.js","sources":["../../../../src/components/CashAppPay/defaultProps.ts"],"sourcesContent":["export default {\n    onClick: actions => {\n        actions.resolve();\n    },\n    showPayButton: true,\n    enableStoreDetails: false,\n    storePaymentMethod: false\n};\n"],"names":["defaultProps","onClick","actions","resolve","showPayButton","enableStoreDetails","storePaymentMethod"],"mappings":"AAAA,IAAeA,EAAA,CACXC,QAASC,IACLA,EAAQC,SAAO,EAEnBC,eAAe,EACfC,oBAAoB,EACpBC,oBAAoB"}
+{"version":3,"file":"defaultProps.js","sources":["../../../../src/components/CashAppPay/defaultProps.ts"],"sourcesContent":["export default {\n    onClick: actions => {\n        actions.resolve();\n    },\n    enableStoreDetails: false,\n    storePaymentMethod: false\n};\n"],"names":["defaultProps","onClick","actions","resolve","enableStoreDetails","storePaymentMethod"],"mappings":"AAAA,IAAeA,EAAA,CACXC,QAASC,IACLA,EAAQC,SAAO,EAEnBC,oBAAoB,EACpBC,oBAAoB"}

package/dist/es/components/ClickToPay/ClickToPay.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../external/preact/dist/preact.js";import{UIElement as o}from"../internal/UIElement/UIElement.js";import i from"../../core/Context/CoreProvider.js";import t from"../../utils/browserInfo.js";import r from"../internal/ClickToPay/services/create-clicktopay-service.js";import{CtpState as s}from"../internal/ClickToPay/services/ClickToPayService.js";import n from"../internal/ClickToPay/context/ClickToPayProvider.js";import a from"../internal/ClickToPay/ClickToPayComponent.js";import c from"../../core/Errors/AdyenCheckoutError.js";import{TxVariants as l}from"../tx-variants.js";class p extends o{static type=l.clicktopay;clickToPayService;ctpConfiguration;constructor(e,o){super(e,o),this.ctpConfiguration={shopperEmail:this.props.shopperEmail,telephoneNumber:this.props.telephoneNumber,merchantDisplayName:this.props.merchantDisplayName,locale:this.props.locale,onReady:this.props.onReady,onTimeout:this.props.onTimeout},this.clickToPayService=r(this.props.configuration,this.ctpConfiguration,this.props.environment),this.clickToPayService?.initialize().catch((e=>{this.handleError(new c("ERROR",e.toString(),{cause:e}))})),this.clickToPayService||console.warn("ClickToPay not initialized - Likely the payment method is not configured or its configuration is missing")}get isValid(){return!0}get browserInfo(){return t()}formatData(){const{srcScheme:e,srcCorrelationId:o,srcTokenReference:i,srcCheckoutPayload:t,srcDigitalCardId:r}=this.state.data;return{paymentMethod:{type:p.type,...e&&{srcScheme:e},...o&&{srcCorrelationId:o},...i&&{srcTokenReference:i},...t&&{srcCheckoutPayload:t},...r&&{srcDigitalCardId:r}},browserInfo:this.browserInfo,origin:window?.location?.origin}}formatProps(e){return{...e,disableOtpAutoFocus:e.disableOtpAutoFocus||!1,shopperEmail:e.shopperEmail||this.core.options?.session?.shopperEmail,telephoneNumber:e.telephoneNumber||this.core.options?.session?.telephoneNumber,locale:e.locale||e.i18n?.locale?.replace("-","_")}}async isAvailable(){return this.clickToPayService?this.clickToPayService.shopperAccountFound?Promise.resolve():new Promise(((e,o)=>{this.clickToPayService.subscribeOnStateChange((i=>{this.clickToPayService.shopperAccountFound&&e(),i!==s.NotAvailable&&i!==s.Login&&i!==s.Idle||o()}))})):Promise.reject()}handleClickToPaySubmit=e=>{this.setState({data:{...e},valid:{},errors:{},isValid:!0}),this.submit()};render(){return e(i,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},e(n,{isStandaloneComponent:!0,configuration:this.ctpConfiguration,amount:this.props.amount,clickToPayService:this.clickToPayService,setClickToPayRef:this.setComponentRef,onSetStatus:this.setElementStatus,onSubmit:this.handleClickToPaySubmit,onError:this.handleError},e(a,null)))}}export{p as ClickToPayElement,p as default};
+import{createElement as e}from"../../external/preact/dist/preact.js";import{UIElement as o}from"../internal/UIElement/UIElement.js";import{CoreProvider as i}from"../../core/Context/CoreProvider.js";import t from"../../utils/browserInfo.js";import r from"../internal/ClickToPay/services/create-clicktopay-service.js";import{CtpState as s}from"../internal/ClickToPay/services/ClickToPayService.js";import n from"../internal/ClickToPay/context/ClickToPayProvider.js";import a from"../internal/ClickToPay/ClickToPayComponent.js";import c from"../../core/Errors/AdyenCheckoutError.js";import{TxVariants as l}from"../tx-variants.js";class p extends o{static type=l.clicktopay;clickToPayService;ctpConfiguration;constructor(e,o){super(e,o),this.ctpConfiguration={shopperEmail:this.props.shopperEmail,telephoneNumber:this.props.telephoneNumber,merchantDisplayName:this.props.merchantDisplayName,locale:this.props.locale,onReady:this.props.onReady,onTimeout:this.props.onTimeout},this.clickToPayService=r(this.props.configuration,this.ctpConfiguration,this.props.environment),this.clickToPayService?.initialize().catch((e=>{this.handleError(new c("ERROR",e.toString(),{cause:e}))})),this.clickToPayService||console.warn("ClickToPay not initialized - Likely the payment method is not configured or its configuration is missing")}get isValid(){return!0}get browserInfo(){return t()}formatData(){const{srcScheme:e,srcCorrelationId:o,srcTokenReference:i,srcCheckoutPayload:t,srcDigitalCardId:r}=this.state.data;return{paymentMethod:{type:p.type,...e&&{srcScheme:e},...o&&{srcCorrelationId:o},...i&&{srcTokenReference:i},...t&&{srcCheckoutPayload:t},...r&&{srcDigitalCardId:r}},browserInfo:this.browserInfo,origin:window?.location?.origin}}formatProps(e){return{...e,disableOtpAutoFocus:e.disableOtpAutoFocus||!1,shopperEmail:e.shopperEmail||this.core.options?.session?.shopperEmail,telephoneNumber:e.telephoneNumber||this.core.options?.session?.telephoneNumber,locale:e.locale||e.i18n?.locale?.replace("-","_")}}async isAvailable(){return this.clickToPayService?this.clickToPayService.shopperAccountFound?Promise.resolve():new Promise(((e,o)=>{this.clickToPayService.subscribeOnStateChange((i=>{this.clickToPayService.shopperAccountFound&&e(),i!==s.NotAvailable&&i!==s.Login&&i!==s.Idle||o()}))})):Promise.reject()}handleClickToPaySubmit=e=>{this.setState({data:{...e},valid:{},errors:{},isValid:!0}),this.submit()};render(){return e(i,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},e(n,{isStandaloneComponent:!0,configuration:this.ctpConfiguration,amount:this.props.amount,clickToPayService:this.clickToPayService,setClickToPayRef:this.setComponentRef,onSetStatus:this.setElementStatus,onSubmit:this.handleClickToPaySubmit,onError:this.handleError},e(a,null)))}}export{p as ClickToPayElement,p as default};
 //# sourceMappingURL=ClickToPay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClickToPay.js","sources":["../../../../src/components/ClickToPay/ClickToPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { ClickToPayConfiguration, ClickToPayPaymentData } from './types';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport { ClickToPayCheckoutPayload, IClickToPayService } from '../internal/ClickToPay/services/types';\nimport { ClickToPayProps } from '../internal/ClickToPay/types';\nimport createClickToPayService from '../internal/ClickToPay/services/create-clicktopay-service';\nimport { CtpState } from '../internal/ClickToPay/services/ClickToPayService';\nimport ClickToPayProvider from '../internal/ClickToPay/context/ClickToPayProvider';\nimport ClickToPayComponent from '../internal/ClickToPay';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\n\nexport class ClickToPayElement extends UIElement<ClickToPayConfiguration> {\n    public static type = TxVariants.clicktopay;\n\n    private readonly clickToPayService: IClickToPayService | null;\n    private readonly ctpConfiguration: ClickToPayProps;\n\n    constructor(checkout: ICore, props?: ClickToPayConfiguration) {\n        super(checkout, props);\n\n        this.ctpConfiguration = {\n            shopperEmail: this.props.shopperEmail,\n            telephoneNumber: this.props.telephoneNumber,\n            merchantDisplayName: this.props.merchantDisplayName,\n            locale: this.props.locale,\n            onReady: this.props.onReady,\n            onTimeout: this.props.onTimeout\n        };\n\n        this.clickToPayService = createClickToPayService(this.props.configuration, this.ctpConfiguration, this.props.environment);\n        this.clickToPayService?.initialize().catch(error => {\n            this.handleError(new AdyenCheckoutError('ERROR', error.toString(), { cause: error }));\n        });\n\n        if (!this.clickToPayService) {\n            console.warn('ClickToPay not initialized - Likely the payment method is not configured or its configuration is missing');\n        }\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    public formatData(): ClickToPayPaymentData {\n        const { srcScheme, srcCorrelationId, srcTokenReference, srcCheckoutPayload, srcDigitalCardId } = this.state.data;\n        return {\n            paymentMethod: {\n                type: ClickToPayElement.type,\n                ...(srcScheme && { srcScheme }),\n                ...(srcCorrelationId && { srcCorrelationId }),\n                ...(srcTokenReference && { srcTokenReference }),\n                ...(srcCheckoutPayload && { srcCheckoutPayload }),\n                ...(srcDigitalCardId && { srcDigitalCardId })\n            },\n            browserInfo: this.browserInfo,\n            origin: window?.location?.origin\n        };\n    }\n\n    protected formatProps(props: ClickToPayConfiguration) {\n        return {\n            ...props,\n            disableOtpAutoFocus: props.disableOtpAutoFocus || false,\n            shopperEmail: props.shopperEmail || this.core.options?.session?.shopperEmail,\n            telephoneNumber: props.telephoneNumber || this.core.options?.session?.telephoneNumber,\n            locale: props.locale || props.i18n?.locale?.replace('-', '_')\n        };\n    }\n\n    /**\n     * Method used to let the merchant know if the shopper have a valid CtP accoubt\n     *\n     * Resolves Promise if the Shopper has cookies OR has valid CtP account\n     * Rejects Promise if account isn't found or if Login screen is triggered\n     */\n    public override async isAvailable(): Promise<void> {\n        if (!this.clickToPayService) {\n            return Promise.reject();\n        }\n\n        if (this.clickToPayService.shopperAccountFound) {\n            return Promise.resolve();\n        }\n\n        return new Promise((resolve, reject) => {\n            this.clickToPayService.subscribeOnStateChange((state: CtpState) => {\n                if (this.clickToPayService.shopperAccountFound) resolve();\n                if (state === CtpState.NotAvailable || state === CtpState.Login || state === CtpState.Idle) reject();\n            });\n        });\n    }\n\n    private handleClickToPaySubmit = (payload: ClickToPayCheckoutPayload) => {\n        this.setState({ data: { ...payload }, valid: {}, errors: {}, isValid: true });\n        this.submit();\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <ClickToPayProvider\n                    isStandaloneComponent={true}\n                    configuration={this.ctpConfiguration}\n                    amount={this.props.amount}\n                    clickToPayService={this.clickToPayService}\n                    setClickToPayRef={this.setComponentRef}\n                    onSetStatus={this.setElementStatus}\n                    onSubmit={this.handleClickToPaySubmit}\n                    onError={this.handleError}\n                >\n                    <ClickToPayComponent />\n                </ClickToPayProvider>\n            </CoreProvider>\n        );\n    }\n}\n\nexport default ClickToPayElement;\n"],"names":["ClickToPayElement","UIElement","static","TxVariants","clicktopay","clickToPayService","ctpConfiguration","constructor","checkout","props","super","this","shopperEmail","telephoneNumber","merchantDisplayName","locale","onReady","onTimeout","createClickToPayService","configuration","environment","initialize","catch","error","handleError","AdyenCheckoutError","toString","cause","console","warn","isValid","browserInfo","collectBrowserInfo","formatData","srcScheme","srcCorrelationId","srcTokenReference","srcCheckoutPayload","srcDigitalCardId","state","data","paymentMethod","type","origin","window","location","formatProps","disableOtpAutoFocus","core","options","session","i18n","replace","isAvailable","shopperAccountFound","Promise","resolve","reject","subscribeOnStateChange","CtpState","NotAvailable","Login","Idle","handleClickToPaySubmit","payload","setState","valid","errors","submit","render","h","CoreProvider","loadingContext","resources","ClickToPayProvider","isStandaloneComponent","amount","setClickToPayRef","setComponentRef","onSetStatus","setElementStatus","onSubmit","onError","ClickToPayComponent"],"mappings":"mmBAeO,MAAMA,UAA0BC,EACnCC,YAAqBC,EAAWC,WAEfC,kBACAC,iBAEjBC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAEhBE,KAAKL,iBAAmB,CACpBM,aAAcD,KAAKF,MAAMG,aACzBC,gBAAiBF,KAAKF,MAAMI,gBAC5BC,oBAAqBH,KAAKF,MAAMK,oBAChCC,OAAQJ,KAAKF,MAAMM,OACnBC,QAASL,KAAKF,MAAMO,QACpBC,UAAWN,KAAKF,MAAMQ,WAG1BN,KAAKN,kBAAoBa,EAAwBP,KAAKF,MAAMU,cAAeR,KAAKL,iBAAkBK,KAAKF,MAAMW,aAC7GT,KAAKN,mBAAmBgB,aAAaC,OAAMC,IACvCZ,KAAKa,YAAY,IAAIC,EAAmB,QAASF,EAAMG,WAAY,CAAEC,MAAOJ,IAAM,IAGjFZ,KAAKN,mBACNuB,QAAQC,KAAK,2GAErB,CAEA,WAAIC,GACA,OAAO,CACX,CAEA,eAAIC,GACA,OAAOC,GACX,CAEOC,UAAAA,GACH,MAAMC,UAAEA,EAASC,iBAAEA,EAAgBC,kBAAEA,EAAiBC,mBAAEA,EAAkBC,iBAAEA,GAAqB3B,KAAK4B,MAAMC,KAC5G,MAAO,CACHC,cAAe,CACXC,KAAM1C,EAAkB0C,QACpBR,GAAa,CAAEA,gBACfC,GAAoB,CAAEA,uBACtBC,GAAqB,CAAEA,wBACvBC,GAAsB,CAAEA,yBACxBC,GAAoB,CAAEA,qBAE9BP,YAAapB,KAAKoB,YAClBY,OAAQC,QAAQC,UAAUF,OAElC,CAEUG,WAAAA,CAAYrC,GAClB,MAAO,IACAA,EACHsC,oBAAqBtC,EAAMsC,sBAAuB,EAClDnC,aAAcH,EAAMG,cAAgBD,KAAKqC,KAAKC,SAASC,SAAStC,aAChEC,gBAAiBJ,EAAMI,iBAAmBF,KAAKqC,KAAKC,SAASC,SAASrC,gBACtEE,OAAQN,EAAMM,QAAUN,EAAM0C,MAAMpC,QAAQqC,QAAQ,IAAK,KAEjE,CAQA,iBAAsBC,GAClB,OAAK1C,KAAKN,kBAINM,KAAKN,kBAAkBiD,oBAChBC,QAAQC,UAGZ,IAAID,SAAQ,CAACC,EAASC,KACzB9C,KAAKN,kBAAkBqD,wBAAwBnB,IACvC5B,KAAKN,kBAAkBiD,qBAAqBE,IAC5CjB,IAAUoB,EAASC,cAAgBrB,IAAUoB,EAASE,OAAStB,IAAUoB,EAASG,MAAML,GAAAA,GAChG,IAXOF,QAAQE,QAavB,CAEQM,uBAA0BC,IAC9BrD,KAAKsD,SAAS,CAAEzB,KAAM,IAAKwB,GAAWE,MAAO,CAAC,EAAGC,OAAQ,CAAC,EAAGrC,SAAS,IACtEnB,KAAKyD,QAAM,EAGfC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAapB,KAAMxC,KAAKF,MAAM0C,KAAMqB,eAAgB7D,KAAKF,MAAM+D,eAAgBC,UAAW9D,KAAK8D,WAC5FH,EAACI,EAAAA,CACGC,uBAAuB,EACvBxD,cAAeR,KAAKL,iBACpBsE,OAAQjE,KAAKF,MAAMmE,OACnBvE,kBAAmBM,KAAKN,kBACxBwE,iBAAkBlE,KAAKmE,gBACvBC,YAAapE,KAAKqE,iBAClBC,SAAUtE,KAAKoD,uBACfmB,QAASvE,KAAKa,aAEd8C,EAACa,EAAAA,OAIjB"}
+{"version":3,"file":"ClickToPay.js","sources":["../../../../src/components/ClickToPay/ClickToPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { ClickToPayConfiguration, ClickToPayPaymentData } from './types';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport { ClickToPayCheckoutPayload, IClickToPayService } from '../internal/ClickToPay/services/types';\nimport { ClickToPayProps } from '../internal/ClickToPay/types';\nimport createClickToPayService from '../internal/ClickToPay/services/create-clicktopay-service';\nimport { CtpState } from '../internal/ClickToPay/services/ClickToPayService';\nimport ClickToPayProvider from '../internal/ClickToPay/context/ClickToPayProvider';\nimport ClickToPayComponent from '../internal/ClickToPay';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\n\nexport class ClickToPayElement extends UIElement<ClickToPayConfiguration> {\n    public static type = TxVariants.clicktopay;\n\n    private readonly clickToPayService: IClickToPayService | null;\n    private readonly ctpConfiguration: ClickToPayProps;\n\n    constructor(checkout: ICore, props?: ClickToPayConfiguration) {\n        super(checkout, props);\n\n        this.ctpConfiguration = {\n            shopperEmail: this.props.shopperEmail,\n            telephoneNumber: this.props.telephoneNumber,\n            merchantDisplayName: this.props.merchantDisplayName,\n            locale: this.props.locale,\n            onReady: this.props.onReady,\n            onTimeout: this.props.onTimeout\n        };\n\n        this.clickToPayService = createClickToPayService(this.props.configuration, this.ctpConfiguration, this.props.environment);\n        this.clickToPayService?.initialize().catch(error => {\n            this.handleError(new AdyenCheckoutError('ERROR', error.toString(), { cause: error }));\n        });\n\n        if (!this.clickToPayService) {\n            console.warn('ClickToPay not initialized - Likely the payment method is not configured or its configuration is missing');\n        }\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    public formatData(): ClickToPayPaymentData {\n        const { srcScheme, srcCorrelationId, srcTokenReference, srcCheckoutPayload, srcDigitalCardId } = this.state.data;\n        return {\n            paymentMethod: {\n                type: ClickToPayElement.type,\n                ...(srcScheme && { srcScheme }),\n                ...(srcCorrelationId && { srcCorrelationId }),\n                ...(srcTokenReference && { srcTokenReference }),\n                ...(srcCheckoutPayload && { srcCheckoutPayload }),\n                ...(srcDigitalCardId && { srcDigitalCardId })\n            },\n            browserInfo: this.browserInfo,\n            origin: window?.location?.origin\n        };\n    }\n\n    protected formatProps(props: ClickToPayConfiguration) {\n        return {\n            ...props,\n            disableOtpAutoFocus: props.disableOtpAutoFocus || false,\n            shopperEmail: props.shopperEmail || this.core.options?.session?.shopperEmail,\n            telephoneNumber: props.telephoneNumber || this.core.options?.session?.telephoneNumber,\n            locale: props.locale || props.i18n?.locale?.replace('-', '_')\n        };\n    }\n\n    /**\n     * Method used to let the merchant know if the shopper have a valid CtP accoubt\n     *\n     * Resolves Promise if the Shopper has cookies OR has valid CtP account\n     * Rejects Promise if account isn't found or if Login screen is triggered\n     */\n    public override async isAvailable(): Promise<void> {\n        if (!this.clickToPayService) {\n            return Promise.reject();\n        }\n\n        if (this.clickToPayService.shopperAccountFound) {\n            return Promise.resolve();\n        }\n\n        return new Promise((resolve, reject) => {\n            this.clickToPayService.subscribeOnStateChange((state: CtpState) => {\n                if (this.clickToPayService.shopperAccountFound) resolve();\n                if (state === CtpState.NotAvailable || state === CtpState.Login || state === CtpState.Idle) reject();\n            });\n        });\n    }\n\n    private handleClickToPaySubmit = (payload: ClickToPayCheckoutPayload) => {\n        this.setState({ data: { ...payload }, valid: {}, errors: {}, isValid: true });\n        this.submit();\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <ClickToPayProvider\n                    isStandaloneComponent={true}\n                    configuration={this.ctpConfiguration}\n                    amount={this.props.amount}\n                    clickToPayService={this.clickToPayService}\n                    setClickToPayRef={this.setComponentRef}\n                    onSetStatus={this.setElementStatus}\n                    onSubmit={this.handleClickToPaySubmit}\n                    onError={this.handleError}\n                >\n                    <ClickToPayComponent />\n                </ClickToPayProvider>\n            </CoreProvider>\n        );\n    }\n}\n\nexport default ClickToPayElement;\n"],"names":["ClickToPayElement","UIElement","static","TxVariants","clicktopay","clickToPayService","ctpConfiguration","constructor","checkout","props","super","this","shopperEmail","telephoneNumber","merchantDisplayName","locale","onReady","onTimeout","createClickToPayService","configuration","environment","initialize","catch","error","handleError","AdyenCheckoutError","toString","cause","console","warn","isValid","browserInfo","collectBrowserInfo","formatData","srcScheme","srcCorrelationId","srcTokenReference","srcCheckoutPayload","srcDigitalCardId","state","data","paymentMethod","type","origin","window","location","formatProps","disableOtpAutoFocus","core","options","session","i18n","replace","isAvailable","shopperAccountFound","Promise","resolve","reject","subscribeOnStateChange","CtpState","NotAvailable","Login","Idle","handleClickToPaySubmit","payload","setState","valid","errors","submit","render","h","CoreProvider","loadingContext","resources","ClickToPayProvider","isStandaloneComponent","amount","setClickToPayRef","setComponentRef","onSetStatus","setElementStatus","onSubmit","onError","ClickToPayComponent"],"mappings":"mnBAeO,MAAMA,UAA0BC,EACnCC,YAAqBC,EAAWC,WAEfC,kBACAC,iBAEjBC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAEhBE,KAAKL,iBAAmB,CACpBM,aAAcD,KAAKF,MAAMG,aACzBC,gBAAiBF,KAAKF,MAAMI,gBAC5BC,oBAAqBH,KAAKF,MAAMK,oBAChCC,OAAQJ,KAAKF,MAAMM,OACnBC,QAASL,KAAKF,MAAMO,QACpBC,UAAWN,KAAKF,MAAMQ,WAG1BN,KAAKN,kBAAoBa,EAAwBP,KAAKF,MAAMU,cAAeR,KAAKL,iBAAkBK,KAAKF,MAAMW,aAC7GT,KAAKN,mBAAmBgB,aAAaC,OAAMC,IACvCZ,KAAKa,YAAY,IAAIC,EAAmB,QAASF,EAAMG,WAAY,CAAEC,MAAOJ,IAAM,IAGjFZ,KAAKN,mBACNuB,QAAQC,KAAK,2GAErB,CAEA,WAAIC,GACA,OAAO,CACX,CAEA,eAAIC,GACA,OAAOC,GACX,CAEOC,UAAAA,GACH,MAAMC,UAAEA,EAASC,iBAAEA,EAAgBC,kBAAEA,EAAiBC,mBAAEA,EAAkBC,iBAAEA,GAAqB3B,KAAK4B,MAAMC,KAC5G,MAAO,CACHC,cAAe,CACXC,KAAM1C,EAAkB0C,QACpBR,GAAa,CAAEA,gBACfC,GAAoB,CAAEA,uBACtBC,GAAqB,CAAEA,wBACvBC,GAAsB,CAAEA,yBACxBC,GAAoB,CAAEA,qBAE9BP,YAAapB,KAAKoB,YAClBY,OAAQC,QAAQC,UAAUF,OAElC,CAEUG,WAAAA,CAAYrC,GAClB,MAAO,IACAA,EACHsC,oBAAqBtC,EAAMsC,sBAAuB,EAClDnC,aAAcH,EAAMG,cAAgBD,KAAKqC,KAAKC,SAASC,SAAStC,aAChEC,gBAAiBJ,EAAMI,iBAAmBF,KAAKqC,KAAKC,SAASC,SAASrC,gBACtEE,OAAQN,EAAMM,QAAUN,EAAM0C,MAAMpC,QAAQqC,QAAQ,IAAK,KAEjE,CAQA,iBAAsBC,GAClB,OAAK1C,KAAKN,kBAINM,KAAKN,kBAAkBiD,oBAChBC,QAAQC,UAGZ,IAAID,SAAQ,CAACC,EAASC,KACzB9C,KAAKN,kBAAkBqD,wBAAwBnB,IACvC5B,KAAKN,kBAAkBiD,qBAAqBE,IAC5CjB,IAAUoB,EAASC,cAAgBrB,IAAUoB,EAASE,OAAStB,IAAUoB,EAASG,MAAML,GAAAA,GAChG,IAXOF,QAAQE,QAavB,CAEQM,uBAA0BC,IAC9BrD,KAAKsD,SAAS,CAAEzB,KAAM,IAAKwB,GAAWE,MAAO,CAAC,EAAGC,OAAQ,CAAC,EAAGrC,SAAS,IACtEnB,KAAKyD,QAAM,EAGfC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAapB,KAAMxC,KAAKF,MAAM0C,KAAMqB,eAAgB7D,KAAKF,MAAM+D,eAAgBC,UAAW9D,KAAK8D,WAC5FH,EAACI,EAAAA,CACGC,uBAAuB,EACvBxD,cAAeR,KAAKL,iBACpBsE,OAAQjE,KAAKF,MAAMmE,OACnBvE,kBAAmBM,KAAKN,kBACxBwE,iBAAkBlE,KAAKmE,gBACvBC,YAAapE,KAAKqE,iBAClBC,SAAUtE,KAAKoD,uBACfmB,QAASvE,KAAKa,aAEd8C,EAACa,EAAAA,OAIjB"}

package/dist/es/components/CustomCard/CustomCard.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 s from"./CustomCardInput/CustomCardInput.js";import o from"../../core/Context/CoreProvider.js";import n from"../../utils/browserInfo.js";import r from"../internal/SecuredFields/binLookup/triggerBinLookUp.js";import{getCardImageUrl as i,fieldTypeToSnakeCase as a}from"../internal/SecuredFields/utils.js";import{TxVariants as p}from"../tx-variants.js";import{ANALYTICS_FOCUS_STR as d,ANALYTICS_UNFOCUS_STR as u}from"../../core/Analytics/constants.js";class c extends e{static type=p.customCard;static analyticsType="custom-scheme";static defaultProps={onBinLookup:()=>{},brandsConfiguration:{}};formatProps(t){return{...t,type:p.customCard,brand:p.card}}formatData(){const t=this.state.selectedBrandValue;return{paymentMethod:{type:"scheme",...this.state.data,...t&&{brand:t}},browserInfo:this.browserInfo}}updateStyles(t){return this.componentRef?.updateStyles&&this.componentRef.updateStyles(t),this}setFocusOn(t){return this.componentRef?.setFocusOn&&this.componentRef.setFocusOn(t),this}processBinLookupResponse(t){return this.componentRef?.processBinLookupResponse&&this.componentRef.processBinLookupResponse(t),this}dualBrandingChangeHandler(t){return this.componentRef?.dualBrandingChangeHandler&&this.componentRef.dualBrandingChangeHandler(t),this}handleUnsupportedCard(t){return this.componentRef?.handleUnsupportedCard&&this.componentRef.handleUnsupportedCard(t),this}onBinLookup(t){const e={...t};e.rootNode=this._node,e.isReset||(e.supportedBrandsRaw=t.supportedBrandsRaw?.map((t=>(t.brandImageUrl=this.props.brandsConfiguration[t.brand]?.icon??i(t.brand,this.resources),t)))),this.props.onBinLookup(e)}onBinValue=r(this);get isValid(){return!!this.state.isValid}get browserInfo(){return n()}onFocus=t=>{this.submitAnalytics({type:!0===t.focus?d:u,target:a(t.fieldType)}),this.props.onFocus?.(t)};render(){return t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,{ref:t=>{this.componentRef=t},...this.props,...this.state,rootNode:this._node,onChange:this.setState,onBinValue:this.onBinValue,implementationType:"custom",resources:this.resources,brand:this.props.brand,onFocus:this.onFocus}))}}export{c as CustomCard,c as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import s from"./CustomCardInput/CustomCardInput.js";import{CoreProvider as o}from"../../core/Context/CoreProvider.js";import n from"../../utils/browserInfo.js";import r from"../internal/SecuredFields/binLookup/triggerBinLookUp.js";import{getCardImageUrl as i,fieldTypeToSnakeCase as a}from"../internal/SecuredFields/utils.js";import{TxVariants as p}from"../tx-variants.js";import{ANALYTICS_FOCUS_STR as d,ANALYTICS_UNFOCUS_STR as u}from"../../core/Analytics/constants.js";class c extends e{static type=p.customCard;static analyticsType="custom-scheme";static defaultProps={onBinLookup:()=>{},brandsConfiguration:{}};formatProps(t){return{...t,type:p.customCard,brand:p.card}}formatData(){const t=this.state.selectedBrandValue;return{paymentMethod:{type:"scheme",...this.state.data,...t&&{brand:t}},browserInfo:this.browserInfo}}updateStyles(t){return this.componentRef?.updateStyles&&this.componentRef.updateStyles(t),this}setFocusOn(t){return this.componentRef?.setFocusOn&&this.componentRef.setFocusOn(t),this}processBinLookupResponse(t){return this.componentRef?.processBinLookupResponse&&this.componentRef.processBinLookupResponse(t),this}dualBrandingChangeHandler(t){return this.componentRef?.dualBrandingChangeHandler&&this.componentRef.dualBrandingChangeHandler(t),this}handleUnsupportedCard(t){return this.componentRef?.handleUnsupportedCard&&this.componentRef.handleUnsupportedCard(t),this}onBinLookup(t){const e={...t};e.rootNode=this._node,e.isReset||(e.supportedBrandsRaw=t.supportedBrandsRaw?.map((t=>(t.brandImageUrl=this.props.brandsConfiguration[t.brand]?.icon??i(t.brand,this.resources),t)))),this.props.onBinLookup(e)}onBinValue=r(this);get isValid(){return!!this.state.isValid}get browserInfo(){return n()}onFocus=t=>{this.submitAnalytics({type:!0===t.focus?d:u,target:a(t.fieldType)}),this.props.onFocus?.(t)};render(){return t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(s,{ref:t=>{this.componentRef=t},...this.props,...this.state,rootNode:this._node,onChange:this.setState,onBinValue:this.onBinValue,implementationType:"custom",resources:this.resources,brand:this.props.brand,onFocus:this.onFocus}))}}export{c as CustomCard,c as default};
 //# sourceMappingURL=CustomCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomCard.js","sources":["../../../../src/components/CustomCard/CustomCard.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement';\nimport CustomCardInput from './CustomCardInput';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport triggerBinLookUp from '../internal/SecuredFields/binLookup/triggerBinLookUp';\nimport { CbObjOnBinLookup, CbObjOnFocus } from '../internal/SecuredFields/lib/types';\nimport { BrandObject } from '../Card/types';\nimport { getCardImageUrl } from '../internal/SecuredFields/utils';\nimport { TxVariants } from '../tx-variants';\nimport { CustomCardConfiguration } from './types';\nimport { fieldTypeToSnakeCase } from '../internal/SecuredFields/utils';\nimport { ANALYTICS_FOCUS_STR, ANALYTICS_UNFOCUS_STR } from '../../core/Analytics/constants';\n\n// TODO questions about\n// brand - does a merchant ever make a custom stored card?\n// type\n// countryCode\n\nexport class CustomCard extends UIElement<CustomCardConfiguration> {\n    public static type = TxVariants.customCard;\n\n    public static analyticsType = 'custom-scheme';\n\n    protected static defaultProps = {\n        onBinLookup: () => {},\n        brandsConfiguration: {}\n    };\n\n    formatProps(props: CustomCardConfiguration) {\n        return {\n            ...props,\n            type: TxVariants.customCard,\n            brand: TxVariants.card\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const sfBrand = this.state.selectedBrandValue;\n        return {\n            paymentMethod: {\n                type: 'scheme',\n                ...this.state.data,\n                ...(sfBrand && { brand: sfBrand })\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    updateStyles(stylesObj) {\n        if (this.componentRef?.updateStyles) this.componentRef.updateStyles(stylesObj);\n        return this;\n    }\n\n    setFocusOn(frame) {\n        if (this.componentRef?.setFocusOn) this.componentRef.setFocusOn(frame);\n        return this;\n    }\n\n    processBinLookupResponse(binLookupResponse) {\n        if (this.componentRef?.processBinLookupResponse) this.componentRef.processBinLookupResponse(binLookupResponse);\n        return this;\n    }\n\n    dualBrandingChangeHandler(e: Event | string) {\n        if (this.componentRef?.dualBrandingChangeHandler) this.componentRef.dualBrandingChangeHandler(e);\n        return this;\n    }\n\n    handleUnsupportedCard(errObj) {\n        if (this.componentRef?.handleUnsupportedCard) this.componentRef.handleUnsupportedCard(errObj);\n        return this;\n    }\n\n    onBinLookup(obj: CbObjOnBinLookup) {\n        const nuObj = { ...obj };\n        nuObj.rootNode = this._node;\n\n        if (!nuObj.isReset) {\n            // Add brandImage urls, first checking if the merchant has configured their own one for the brand\n            nuObj.supportedBrandsRaw = obj.supportedBrandsRaw?.map((item: BrandObject) => {\n                item.brandImageUrl = this.props.brandsConfiguration[item.brand]?.icon ?? getCardImageUrl(item.brand, this.resources);\n                return item;\n            });\n        }\n\n        this.props.onBinLookup(nuObj);\n    }\n\n    public onBinValue = triggerBinLookUp(this);\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    private onFocus = (obj: CbObjOnFocus) => {\n        this.submitAnalytics({\n            type: obj.focus === true ? ANALYTICS_FOCUS_STR : ANALYTICS_UNFOCUS_STR,\n            target: fieldTypeToSnakeCase(obj.fieldType)\n        });\n\n        // Call merchant defined callback\n        this.props.onFocus?.(obj);\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <CustomCardInput\n                    ref={ref => {\n                        this.componentRef = ref;\n                    }}\n                    {...this.props}\n                    {...this.state}\n                    rootNode={this._node}\n                    onChange={this.setState}\n                    onBinValue={this.onBinValue}\n                    implementationType={'custom'}\n                    resources={this.resources}\n                    brand={this.props.brand}\n                    onFocus={this.onFocus}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default CustomCard;\n"],"names":["CustomCard","UIElement","static","TxVariants","customCard","onBinLookup","brandsConfiguration","formatProps","props","type","brand","card","formatData","sfBrand","this","state","selectedBrandValue","paymentMethod","data","browserInfo","updateStyles","stylesObj","componentRef","setFocusOn","frame","processBinLookupResponse","binLookupResponse","dualBrandingChangeHandler","e","handleUnsupportedCard","errObj","obj","nuObj","rootNode","_node","isReset","supportedBrandsRaw","map","item","brandImageUrl","icon","getCardImageUrl","resources","onBinValue","triggerBinLookUp","isValid","collectBrowserInfo","onFocus","submitAnalytics","focus","ANALYTICS_FOCUS_STR","ANALYTICS_UNFOCUS_STR","target","fieldTypeToSnakeCase","fieldType","render","h","CoreProvider","i18n","loadingContext","CustomCardInput","ref","onChange","setState","implementationType"],"mappings":"4kBAmBO,MAAMA,UAAmBC,EAC5BC,YAAqBC,EAAWC,WAEhCF,qBAA8B,gBAE9BA,oBAAgC,CAC5BG,YAAa,OACbC,oBAAqB,CAAC,GAG1BC,WAAAA,CAAYC,GACR,MAAO,IACAA,EACHC,KAAMN,EAAWC,WACjBM,MAAOP,EAAWQ,KAE1B,CAKAC,UAAAA,GACI,MAAMC,EAAUC,KAAKC,MAAMC,mBAC3B,MAAO,CACHC,cAAe,CACXR,KAAM,YACHK,KAAKC,MAAMG,QACVL,GAAW,CAAEH,MAAOG,IAE5BM,YAAaL,KAAKK,YAE1B,CAEAC,YAAAA,CAAaC,GAET,OADIP,KAAKQ,cAAcF,cAAcN,KAAKQ,aAAaF,aAAaC,GAC7DP,IACX,CAEAS,UAAAA,CAAWC,GAEP,OADIV,KAAKQ,cAAcC,YAAYT,KAAKQ,aAAaC,WAAWC,GACzDV,IACX,CAEAW,wBAAAA,CAAyBC,GAErB,OADIZ,KAAKQ,cAAcG,0BAA0BX,KAAKQ,aAAaG,yBAAyBC,GACrFZ,IACX,CAEAa,yBAAAA,CAA0BC,GAEtB,OADId,KAAKQ,cAAcK,2BAA2Bb,KAAKQ,aAAaK,0BAA0BC,GACvFd,IACX,CAEAe,qBAAAA,CAAsBC,GAElB,OADIhB,KAAKQ,cAAcO,uBAAuBf,KAAKQ,aAAaO,sBAAsBC,GAC/EhB,IACX,CAEAT,WAAAA,CAAY0B,GACR,MAAMC,EAAQ,IAAKD,GACnBC,EAAMC,SAAWnB,KAAKoB,MAEjBF,EAAMG,UAEPH,EAAMI,mBAAqBL,EAAIK,oBAAoBC,KAAKC,IACpDA,EAAKC,cAAgBzB,KAAKN,MAAMF,oBAAoBgC,EAAK5B,QAAQ8B,MAAQC,EAAgBH,EAAK5B,MAAOI,KAAK4B,WACnGJ,MAIfxB,KAAKN,MAAMH,YAAY2B,EAC3B,CAEOW,WAAaC,EAAiB9B,MAErC,WAAI+B,GACA,QAAS/B,KAAKC,MAAM8B,OACxB,CAEA,eAAI1B,GACA,OAAO2B,GACX,CAEQC,QAAWhB,IACfjB,KAAKkC,gBAAgB,CACjBvC,MAAoB,IAAdsB,EAAIkB,MAAiBC,EAAsBC,EACjDC,OAAQC,EAAqBtB,EAAIuB,aAIrCxC,KAAKN,MAAMuC,UAAUhB,EAAAA,EAGzBwB,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAM5C,KAAKN,MAAMkD,KAAMC,eAAgB7C,KAAKN,MAAMmD,eAAgBjB,UAAW5B,KAAK4B,WAC5Fc,EAACI,EAAAA,CACGC,IAAKA,IACD/C,KAAKQ,aAAeuC,CAAAA,KAEpB/C,KAAKN,SACLM,KAAKC,MACTkB,SAAUnB,KAAKoB,MACf4B,SAAUhD,KAAKiD,SACfpB,WAAY7B,KAAK6B,WACjBqB,mBAAoB,SACpBtB,UAAW5B,KAAK4B,UAChBhC,MAAOI,KAAKN,MAAME,MAClBqC,QAASjC,KAAKiC,UAI9B"}
+{"version":3,"file":"CustomCard.js","sources":["../../../../src/components/CustomCard/CustomCard.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement';\nimport CustomCardInput from './CustomCardInput';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport triggerBinLookUp from '../internal/SecuredFields/binLookup/triggerBinLookUp';\nimport { CbObjOnBinLookup, CbObjOnFocus } from '../internal/SecuredFields/lib/types';\nimport { BrandObject } from '../Card/types';\nimport { getCardImageUrl } from '../internal/SecuredFields/utils';\nimport { TxVariants } from '../tx-variants';\nimport { CustomCardConfiguration } from './types';\nimport { fieldTypeToSnakeCase } from '../internal/SecuredFields/utils';\nimport { ANALYTICS_FOCUS_STR, ANALYTICS_UNFOCUS_STR } from '../../core/Analytics/constants';\n\n// TODO questions about\n// brand - does a merchant ever make a custom stored card?\n// type\n// countryCode\n\nexport class CustomCard extends UIElement<CustomCardConfiguration> {\n    public static type = TxVariants.customCard;\n\n    public static analyticsType = 'custom-scheme';\n\n    protected static defaultProps = {\n        onBinLookup: () => {},\n        brandsConfiguration: {}\n    };\n\n    formatProps(props: CustomCardConfiguration) {\n        return {\n            ...props,\n            type: TxVariants.customCard,\n            brand: TxVariants.card\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const sfBrand = this.state.selectedBrandValue;\n        return {\n            paymentMethod: {\n                type: 'scheme',\n                ...this.state.data,\n                ...(sfBrand && { brand: sfBrand })\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    updateStyles(stylesObj) {\n        if (this.componentRef?.updateStyles) this.componentRef.updateStyles(stylesObj);\n        return this;\n    }\n\n    setFocusOn(frame) {\n        if (this.componentRef?.setFocusOn) this.componentRef.setFocusOn(frame);\n        return this;\n    }\n\n    processBinLookupResponse(binLookupResponse) {\n        if (this.componentRef?.processBinLookupResponse) this.componentRef.processBinLookupResponse(binLookupResponse);\n        return this;\n    }\n\n    dualBrandingChangeHandler(e: Event | string) {\n        if (this.componentRef?.dualBrandingChangeHandler) this.componentRef.dualBrandingChangeHandler(e);\n        return this;\n    }\n\n    handleUnsupportedCard(errObj) {\n        if (this.componentRef?.handleUnsupportedCard) this.componentRef.handleUnsupportedCard(errObj);\n        return this;\n    }\n\n    onBinLookup(obj: CbObjOnBinLookup) {\n        const nuObj = { ...obj };\n        nuObj.rootNode = this._node;\n\n        if (!nuObj.isReset) {\n            // Add brandImage urls, first checking if the merchant has configured their own one for the brand\n            nuObj.supportedBrandsRaw = obj.supportedBrandsRaw?.map((item: BrandObject) => {\n                item.brandImageUrl = this.props.brandsConfiguration[item.brand]?.icon ?? getCardImageUrl(item.brand, this.resources);\n                return item;\n            });\n        }\n\n        this.props.onBinLookup(nuObj);\n    }\n\n    public onBinValue = triggerBinLookUp(this);\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    private onFocus = (obj: CbObjOnFocus) => {\n        this.submitAnalytics({\n            type: obj.focus === true ? ANALYTICS_FOCUS_STR : ANALYTICS_UNFOCUS_STR,\n            target: fieldTypeToSnakeCase(obj.fieldType)\n        });\n\n        // Call merchant defined callback\n        this.props.onFocus?.(obj);\n    };\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <CustomCardInput\n                    ref={ref => {\n                        this.componentRef = ref;\n                    }}\n                    {...this.props}\n                    {...this.state}\n                    rootNode={this._node}\n                    onChange={this.setState}\n                    onBinValue={this.onBinValue}\n                    implementationType={'custom'}\n                    resources={this.resources}\n                    brand={this.props.brand}\n                    onFocus={this.onFocus}\n                />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default CustomCard;\n"],"names":["CustomCard","UIElement","static","TxVariants","customCard","onBinLookup","brandsConfiguration","formatProps","props","type","brand","card","formatData","sfBrand","this","state","selectedBrandValue","paymentMethod","data","browserInfo","updateStyles","stylesObj","componentRef","setFocusOn","frame","processBinLookupResponse","binLookupResponse","dualBrandingChangeHandler","e","handleUnsupportedCard","errObj","obj","nuObj","rootNode","_node","isReset","supportedBrandsRaw","map","item","brandImageUrl","icon","getCardImageUrl","resources","onBinValue","triggerBinLookUp","isValid","collectBrowserInfo","onFocus","submitAnalytics","focus","ANALYTICS_FOCUS_STR","ANALYTICS_UNFOCUS_STR","target","fieldTypeToSnakeCase","fieldType","render","h","CoreProvider","i18n","loadingContext","CustomCardInput","ref","onChange","setState","implementationType"],"mappings":"4lBAmBO,MAAMA,UAAmBC,EAC5BC,YAAqBC,EAAWC,WAEhCF,qBAA8B,gBAE9BA,oBAAgC,CAC5BG,YAAa,OACbC,oBAAqB,CAAC,GAG1BC,WAAAA,CAAYC,GACR,MAAO,IACAA,EACHC,KAAMN,EAAWC,WACjBM,MAAOP,EAAWQ,KAE1B,CAKAC,UAAAA,GACI,MAAMC,EAAUC,KAAKC,MAAMC,mBAC3B,MAAO,CACHC,cAAe,CACXR,KAAM,YACHK,KAAKC,MAAMG,QACVL,GAAW,CAAEH,MAAOG,IAE5BM,YAAaL,KAAKK,YAE1B,CAEAC,YAAAA,CAAaC,GAET,OADIP,KAAKQ,cAAcF,cAAcN,KAAKQ,aAAaF,aAAaC,GAC7DP,IACX,CAEAS,UAAAA,CAAWC,GAEP,OADIV,KAAKQ,cAAcC,YAAYT,KAAKQ,aAAaC,WAAWC,GACzDV,IACX,CAEAW,wBAAAA,CAAyBC,GAErB,OADIZ,KAAKQ,cAAcG,0BAA0BX,KAAKQ,aAAaG,yBAAyBC,GACrFZ,IACX,CAEAa,yBAAAA,CAA0BC,GAEtB,OADId,KAAKQ,cAAcK,2BAA2Bb,KAAKQ,aAAaK,0BAA0BC,GACvFd,IACX,CAEAe,qBAAAA,CAAsBC,GAElB,OADIhB,KAAKQ,cAAcO,uBAAuBf,KAAKQ,aAAaO,sBAAsBC,GAC/EhB,IACX,CAEAT,WAAAA,CAAY0B,GACR,MAAMC,EAAQ,IAAKD,GACnBC,EAAMC,SAAWnB,KAAKoB,MAEjBF,EAAMG,UAEPH,EAAMI,mBAAqBL,EAAIK,oBAAoBC,KAAKC,IACpDA,EAAKC,cAAgBzB,KAAKN,MAAMF,oBAAoBgC,EAAK5B,QAAQ8B,MAAQC,EAAgBH,EAAK5B,MAAOI,KAAK4B,WACnGJ,MAIfxB,KAAKN,MAAMH,YAAY2B,EAC3B,CAEOW,WAAaC,EAAiB9B,MAErC,WAAI+B,GACA,QAAS/B,KAAKC,MAAM8B,OACxB,CAEA,eAAI1B,GACA,OAAO2B,GACX,CAEQC,QAAWhB,IACfjB,KAAKkC,gBAAgB,CACjBvC,MAAoB,IAAdsB,EAAIkB,MAAiBC,EAAsBC,EACjDC,OAAQC,EAAqBtB,EAAIuB,aAIrCxC,KAAKN,MAAMuC,UAAUhB,EAAAA,EAGzBwB,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAM5C,KAAKN,MAAMkD,KAAMC,eAAgB7C,KAAKN,MAAMmD,eAAgBjB,UAAW5B,KAAK4B,WAC5Fc,EAACI,EAAAA,CACGC,IAAKA,IACD/C,KAAKQ,aAAeuC,CAAAA,KAEpB/C,KAAKN,SACLM,KAAKC,MACTkB,SAAUnB,KAAKoB,MACf4B,SAAUhD,KAAKiD,SACfpB,WAAY7B,KAAK6B,WACjBqB,mBAAoB,SACpBtB,UAAW5B,KAAK4B,UAChBhC,MAAOI,KAAKN,MAAME,MAClBqC,QAASjC,KAAKiC,UAI9B"}

package/dist/es/components/Doku/Doku.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as o}from"../internal/UIElement/UIElement.js";import e from"./components/DokuInput/DokuInput.js";import a from"./components/DokuVoucherResult/DokuVoucherResult.js";import r from"../../core/Context/CoreProvider.js";import{TxVariants as s}from"../tx-variants.js";class i extends o{static type=s.doku;static txVariants=[s.doku,s.doku_alfamart,s.doku_permata_lite_atm,s.doku_indomaret,s.doku_atm_mandiri_va,s.doku_sinarmas_va,s.doku_mandiri_va,s.doku_cimb_va,s.doku_danamon_va,s.doku_bri_va,s.doku_bni_va,s.doku_bca_va,s.doku_wallet];static defaultProps={showFormInstruction:!0};get isValid(){return!!this.state.isValid}formatData(){return{...this.state.data,paymentMethod:{type:this.type}}}render(){return t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(a,{ref:t=>{this.componentRef=t},...this.props}):t(e,{setComponentRef:this.setComponentRef,...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{i as DokuElement,i as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as o}from"../internal/UIElement/UIElement.js";import e from"./components/DokuInput/DokuInput.js";import a from"./components/DokuVoucherResult/DokuVoucherResult.js";import{CoreProvider as r}from"../../core/Context/CoreProvider.js";import{TxVariants as s}from"../tx-variants.js";class i extends o{static type=s.doku;static txVariants=[s.doku,s.doku_alfamart,s.doku_permata_lite_atm,s.doku_indomaret,s.doku_atm_mandiri_va,s.doku_sinarmas_va,s.doku_mandiri_va,s.doku_cimb_va,s.doku_danamon_va,s.doku_bri_va,s.doku_bni_va,s.doku_bca_va,s.doku_wallet];static defaultProps={showFormInstruction:!0};get isValid(){return!!this.state.isValid}formatData(){return{...this.state.data,paymentMethod:{type:this.type}}}render(){return t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(a,{ref:t=>{this.componentRef=t},...this.props}):t(e,{setComponentRef:this.setComponentRef,...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{i as DokuElement,i as default};
 //# sourceMappingURL=Doku.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Doku.js","sources":["../../../../src/components/Doku/Doku.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport DokuInput from './components/DokuInput';\nimport DokuVoucherResult from './components/DokuVoucherResult';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\n\nexport class DokuElement extends UIElement<VoucherConfiguration> {\n    public static type = TxVariants.doku;\n    public static txVariants = [\n        TxVariants.doku,\n        TxVariants.doku_alfamart,\n        TxVariants.doku_permata_lite_atm,\n        TxVariants.doku_indomaret,\n        TxVariants.doku_atm_mandiri_va,\n        TxVariants.doku_sinarmas_va,\n        TxVariants.doku_mandiri_va,\n        TxVariants.doku_cimb_va,\n        TxVariants.doku_danamon_va,\n        TxVariants.doku_bri_va,\n        TxVariants.doku_bni_va,\n        TxVariants.doku_bca_va,\n        TxVariants.doku_wallet\n    ];\n\n    protected static defaultProps = {\n        showFormInstruction: true\n    };\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            ...this.state.data,\n            paymentMethod: {\n                type: this.type\n            }\n        };\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <DokuVoucherResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                    />\n                ) : (\n                    <DokuInput\n                        setComponentRef={this.setComponentRef}\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 DokuElement;\n"],"names":["DokuElement","UIElement","static","TxVariants","doku","doku_alfamart","doku_permata_lite_atm","doku_indomaret","doku_atm_mandiri_va","doku_sinarmas_va","doku_mandiri_va","doku_cimb_va","doku_danamon_va","doku_bri_va","doku_bni_va","doku_bca_va","doku_wallet","showFormInstruction","isValid","this","state","formatData","data","paymentMethod","type","render","h","CoreProvider","i18n","props","loadingContext","resources","reference","DokuVoucherResult","ref","componentRef","DokuInput","setComponentRef","onChange","setState","onSubmit","submit","payButton"],"mappings":"2VAQO,MAAMA,UAAoBC,EAC7BC,YAAqBC,EAAWC,KAChCF,kBAA2B,CACvBC,EAAWC,KACXD,EAAWE,cACXF,EAAWG,sBACXH,EAAWI,eACXJ,EAAWK,oBACXL,EAAWM,iBACXN,EAAWO,gBACXP,EAAWQ,aACXR,EAAWS,gBACXT,EAAWU,YACXV,EAAWW,YACXX,EAAWY,YACXZ,EAAWa,aAGfd,oBAAgC,CAC5Be,qBAAqB,GAGzB,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAO,IACAF,KAAKC,MAAME,KACdC,cAAe,CACXC,KAAML,KAAKK,MAGvB,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMT,KAAKU,MAAMD,KAAME,eAAgBX,KAAKU,MAAMC,eAAgBC,UAAWZ,KAAKY,WAC3FZ,KAAKU,MAAMG,UACRN,EAACO,EAAAA,CACGC,IAAKA,IACDf,KAAKgB,aAAeD,CAAAA,KAEpBf,KAAKU,QAGbH,EAACU,EAAAA,CACGC,gBAAiBlB,KAAKkB,mBAClBlB,KAAKU,MACTS,SAAUnB,KAAKoB,SACfC,SAAUrB,KAAKsB,OACfC,UAAWvB,KAAKuB,YAKpC"}
+{"version":3,"file":"Doku.js","sources":["../../../../src/components/Doku/Doku.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport DokuInput from './components/DokuInput';\nimport DokuVoucherResult from './components/DokuVoucherResult';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\n\nexport class DokuElement extends UIElement<VoucherConfiguration> {\n    public static type = TxVariants.doku;\n    public static txVariants = [\n        TxVariants.doku,\n        TxVariants.doku_alfamart,\n        TxVariants.doku_permata_lite_atm,\n        TxVariants.doku_indomaret,\n        TxVariants.doku_atm_mandiri_va,\n        TxVariants.doku_sinarmas_va,\n        TxVariants.doku_mandiri_va,\n        TxVariants.doku_cimb_va,\n        TxVariants.doku_danamon_va,\n        TxVariants.doku_bri_va,\n        TxVariants.doku_bni_va,\n        TxVariants.doku_bca_va,\n        TxVariants.doku_wallet\n    ];\n\n    protected static defaultProps = {\n        showFormInstruction: true\n    };\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            ...this.state.data,\n            paymentMethod: {\n                type: this.type\n            }\n        };\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <DokuVoucherResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                    />\n                ) : (\n                    <DokuInput\n                        setComponentRef={this.setComponentRef}\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 DokuElement;\n"],"names":["DokuElement","UIElement","static","TxVariants","doku","doku_alfamart","doku_permata_lite_atm","doku_indomaret","doku_atm_mandiri_va","doku_sinarmas_va","doku_mandiri_va","doku_cimb_va","doku_danamon_va","doku_bri_va","doku_bni_va","doku_bca_va","doku_wallet","showFormInstruction","isValid","this","state","formatData","data","paymentMethod","type","render","h","CoreProvider","i18n","props","loadingContext","resources","reference","DokuVoucherResult","ref","componentRef","DokuInput","setComponentRef","onChange","setState","onSubmit","submit","payButton"],"mappings":"2WAQO,MAAMA,UAAoBC,EAC7BC,YAAqBC,EAAWC,KAChCF,kBAA2B,CACvBC,EAAWC,KACXD,EAAWE,cACXF,EAAWG,sBACXH,EAAWI,eACXJ,EAAWK,oBACXL,EAAWM,iBACXN,EAAWO,gBACXP,EAAWQ,aACXR,EAAWS,gBACXT,EAAWU,YACXV,EAAWW,YACXX,EAAWY,YACXZ,EAAWa,aAGfd,oBAAgC,CAC5Be,qBAAqB,GAGzB,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAO,IACAF,KAAKC,MAAME,KACdC,cAAe,CACXC,KAAML,KAAKK,MAGvB,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMT,KAAKU,MAAMD,KAAME,eAAgBX,KAAKU,MAAMC,eAAgBC,UAAWZ,KAAKY,WAC3FZ,KAAKU,MAAMG,UACRN,EAACO,EAAAA,CACGC,IAAKA,IACDf,KAAKgB,aAAeD,CAAAA,KAEpBf,KAAKU,QAGbH,EAACU,EAAAA,CACGC,gBAAiBlB,KAAKkB,mBAClBlB,KAAKU,MACTS,SAAUnB,KAAKoB,SACfC,SAAUrB,KAAKsB,OACfC,UAAWvB,KAAKuB,YAKpC"}

package/dist/es/components/Doku/components/DokuInput/DokuInput.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../../../external/preact/dist/preact.js";import{useRef as e,useState as r}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../../../internal/PersonalDetails/PersonalDetails.js";import n from"../../../../core/Context/useCoreContext.js";import a from"../../../internal/FormInstruction/FormInstruction.js";function s(s){const i=e(null),{i18n:u}=n(),[l,c]=r("ready"),m=e({});return Object.keys(m.current).length||s.setComponentRef?.(m.current),m.current.showValidation=()=>{i.current?.showValidation()},m.current.setStatus=c,t("div",{className:"adyen-checkout__doku-input__field"},s.showFormInstruction&&t(a,null),t(o,{data:s.data,requiredFields:["firstName","lastName","shopperEmail"],onChange:s.onChange,namePrefix:"doku",setComponentRef:t=>{i.current=t}}),s.showPayButton&&s.payButton({status:l,label:u.get("confirmPurchase")}))}export{s as default};
+import{createElement as t}from"../../../../external/preact/dist/preact.js";import{useRef as e,useState as r}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../../../internal/PersonalDetails/PersonalDetails.js";import{useCoreContext as n}from"../../../../core/Context/CoreProvider.js";import a from"../../../internal/FormInstruction/FormInstruction.js";function s(s){const i=e(null),{i18n:u}=n(),[l,c]=r("ready"),m=e({});return Object.keys(m.current).length||s.setComponentRef?.(m.current),m.current.showValidation=()=>{i.current?.showValidation()},m.current.setStatus=c,t("div",{className:"adyen-checkout__doku-input__field"},s.showFormInstruction&&t(a,null),t(o,{data:s.data,requiredFields:["firstName","lastName","shopperEmail"],onChange:s.onChange,namePrefix:"doku",setComponentRef:t=>{i.current=t}}),s.showPayButton&&s.payButton({status:l,label:u.get("confirmPurchase")}))}export{s as default};
 //# sourceMappingURL=DokuInput.js.map

package/dist/es/components/Doku/components/DokuInput/DokuInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DokuInput.js","sources":["../../../../../../src/components/Doku/components/DokuInput/DokuInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport PersonalDetails from '../../../internal/PersonalDetails/PersonalDetails';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\n\nexport default function DokuInput(props) {\n    const personalDetailsRef = useRef(null);\n    const setPersonalDetailsRef = ref => {\n        personalDetailsRef.current = ref;\n    };\n\n    const { i18n } = useCoreContext();\n\n    const [status, setStatus] = useState('ready');\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const dokuRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(dokuRef.current).length) {\n        props.setComponentRef?.(dokuRef.current);\n    }\n\n    dokuRef.current.showValidation = () => {\n        personalDetailsRef.current?.showValidation();\n    };\n\n    dokuRef.current.setStatus = setStatus;\n\n    return (\n        <div className=\"adyen-checkout__doku-input__field\">\n            {props.showFormInstruction && <FormInstruction />}\n            <PersonalDetails\n                data={props.data}\n                requiredFields={['firstName', 'lastName', 'shopperEmail']}\n                onChange={props.onChange}\n                namePrefix=\"doku\"\n                setComponentRef={setPersonalDetailsRef}\n            />\n\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n"],"names":["DokuInput","props","personalDetailsRef","useRef","i18n","useCoreContext","status","setStatus","useState","dokuRef","Object","keys","current","length","setComponentRef","showValidation","h","div","className","showFormInstruction","FormInstruction","PersonalDetails","data","requiredFields","onChange","namePrefix","ref","showPayButton","payButton","label","get"],"mappings":"oWAOe,SAASA,EAAUC,GAC9B,MAAMC,EAAqBC,EAAO,OAK5BC,KAAEA,GAASC,KAEVC,EAAQC,GAAaC,EAAS,SAG/BC,EAAUN,EAA4B,CAAA,GAY5C,OAVKO,OAAOC,KAAKF,EAAQG,SAASC,QAC9BZ,EAAMa,kBAAkBL,EAAQG,SAGpCH,EAAQG,QAAQG,eAAiB,KAC7Bb,EAAmBU,SAASG,gBAAAA,EAGhCN,EAAQG,QAAQL,UAAYA,EAGxBS,EAACC,MAAAA,CAAIC,UAAU,qCACVjB,EAAMkB,qBAAuBH,EAACI,EAAAA,MAC/BJ,EAACK,EAAAA,CACGC,KAAMrB,EAAMqB,KACZC,eAAgB,CAAC,YAAa,WAAY,gBAC1CC,SAAUvB,EAAMuB,SAChBC,WAAW,OACXX,gBA7BkBY,IAC1BxB,EAAmBU,QAAUc,CAAAA,IA+BxBzB,EAAM0B,eAAiB1B,EAAM2B,UAAU,CAAEtB,SAAQuB,MAAOzB,EAAK0B,IAAI,qBAG9E"}
+{"version":3,"file":"DokuInput.js","sources":["../../../../../../src/components/Doku/components/DokuInput/DokuInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport PersonalDetails from '../../../internal/PersonalDetails/PersonalDetails';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\n\nexport default function DokuInput(props) {\n    const personalDetailsRef = useRef(null);\n    const setPersonalDetailsRef = ref => {\n        personalDetailsRef.current = ref;\n    };\n\n    const { i18n } = useCoreContext();\n\n    const [status, setStatus] = useState('ready');\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const dokuRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(dokuRef.current).length) {\n        props.setComponentRef?.(dokuRef.current);\n    }\n\n    dokuRef.current.showValidation = () => {\n        personalDetailsRef.current?.showValidation();\n    };\n\n    dokuRef.current.setStatus = setStatus;\n\n    return (\n        <div className=\"adyen-checkout__doku-input__field\">\n            {props.showFormInstruction && <FormInstruction />}\n            <PersonalDetails\n                data={props.data}\n                requiredFields={['firstName', 'lastName', 'shopperEmail']}\n                onChange={props.onChange}\n                namePrefix=\"doku\"\n                setComponentRef={setPersonalDetailsRef}\n            />\n\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n"],"names":["DokuInput","props","personalDetailsRef","useRef","i18n","useCoreContext","status","setStatus","useState","dokuRef","Object","keys","current","length","setComponentRef","showValidation","h","div","className","showFormInstruction","FormInstruction","PersonalDetails","data","requiredFields","onChange","namePrefix","ref","showPayButton","payButton","label","get"],"mappings":"oXAOe,SAASA,EAAUC,GAC9B,MAAMC,EAAqBC,EAAO,OAK5BC,KAAEA,GAASC,KAEVC,EAAQC,GAAaC,EAAS,SAG/BC,EAAUN,EAA4B,CAAA,GAY5C,OAVKO,OAAOC,KAAKF,EAAQG,SAASC,QAC9BZ,EAAMa,kBAAkBL,EAAQG,SAGpCH,EAAQG,QAAQG,eAAiB,KAC7Bb,EAAmBU,SAASG,gBAAAA,EAGhCN,EAAQG,QAAQL,UAAYA,EAGxBS,EAACC,MAAAA,CAAIC,UAAU,qCACVjB,EAAMkB,qBAAuBH,EAACI,EAAAA,MAC/BJ,EAACK,EAAAA,CACGC,KAAMrB,EAAMqB,KACZC,eAAgB,CAAC,YAAa,WAAY,gBAC1CC,SAAUvB,EAAMuB,SAChBC,WAAW,OACXX,gBA7BkBY,IAC1BxB,EAAmBU,QAAUc,CAAAA,IA+BxBzB,EAAM0B,eAAiB1B,EAAM2B,UAAU,CAAEtB,SAAQuB,MAAOzB,EAAK0B,IAAI,qBAG9E"}

package/dist/es/components/Doku/components/DokuVoucherResult/DokuVoucherResult.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../internal/Voucher/Voucher.js";import r from"../../../../core/Context/useCoreContext.js";import o from"../../../../core/Context/useImage.js";const a=a=>{const{reference:n,expiresAt:c,instructionsUrl:u,shopperName:m,merchantName:i,totalAmount:l,paymentMethodType:s}=a,{i18n:p}=r(),h=o();return e(t,{paymentMethodType:s,reference:n,introduction:p.get("voucher.introduction.doku"),imageUrl:h()(s),instructionsUrl:u,amount:l&&p.amount(l.value,l.currency),voucherDetails:[{label:p.get("voucher.expirationDate"),value:p.date(c)},{label:p.get("voucher.shopperName"),value:m},{label:p.get("voucher.merchantName"),value:i}],copyBtn:!0})};export{a as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../internal/Voucher/Voucher.js";import{useCoreContext as r}from"../../../../core/Context/CoreProvider.js";import o from"../../../../core/Context/useImage.js";const a=a=>{const{reference:n,expiresAt:c,instructionsUrl:u,shopperName:m,merchantName:i,totalAmount:l,paymentMethodType:p}=a,{i18n:s}=r(),h=o();return e(t,{paymentMethodType:p,reference:n,introduction:s.get("voucher.introduction.doku"),imageUrl:h()(p),instructionsUrl:u,amount:l&&s.amount(l.value,l.currency),voucherDetails:[{label:s.get("voucher.expirationDate"),value:s.date(c)},{label:s.get("voucher.shopperName"),value:m},{label:s.get("voucher.merchantName"),value:i}],copyBtn:!0})};export{a as default};
 //# sourceMappingURL=DokuVoucherResult.js.map

package/dist/es/components/Doku/components/DokuVoucherResult/DokuVoucherResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"DokuVoucherResult.js","sources":["../../../../../../src/components/Doku/components/DokuVoucherResult/DokuVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { DokuVoucherResultProps } from '../../types';\nimport useImage from '../../../../core/Context/useImage';\n\nconst DokuVoucherResult = (props: DokuVoucherResultProps) => {\n    const { reference, expiresAt, instructionsUrl, shopperName, merchantName, totalAmount, paymentMethodType } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <Voucher\n            paymentMethodType={paymentMethodType}\n            reference={reference}\n            introduction={i18n.get('voucher.introduction.doku')}\n            imageUrl={getImage()(paymentMethodType)}\n            instructionsUrl={instructionsUrl}\n            amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n            voucherDetails={[\n                { label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) },\n                { label: i18n.get('voucher.shopperName'), value: shopperName },\n                { label: i18n.get('voucher.merchantName'), value: merchantName }\n            ]}\n            copyBtn\n        />\n    );\n};\n\nexport default DokuVoucherResult;\n"],"names":["DokuVoucherResult","props","reference","expiresAt","instructionsUrl","shopperName","merchantName","totalAmount","paymentMethodType","i18n","useCoreContext","getImage","useImage","h","Voucher","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","date","copyBtn"],"mappings":"6OAOA,MAAMA,EAAqBC,IACvB,MAAMC,UAAEA,EAASC,UAAEA,EAASC,gBAAEA,EAAeC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,kBAAEA,GAAsBP,GACvGQ,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,EAAAA,CACGN,kBAAmBA,EACnBN,UAAWA,EACXa,aAAcN,EAAKO,IAAI,6BACvBC,SAAUN,IAAWH,GACrBJ,gBAAiBA,EACjBc,OAAQX,GAAeE,EAAKS,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CACZ,CAAEC,MAAOb,EAAKO,IAAI,0BAA2BG,MAAOV,EAAKc,KAAKpB,IAC9D,CAAEmB,MAAOb,EAAKO,IAAI,uBAAwBG,MAAOd,GACjD,CAAEiB,MAAOb,EAAKO,IAAI,wBAAyBG,MAAOb,IAEtDkB,SAAAA"}
+{"version":3,"file":"DokuVoucherResult.js","sources":["../../../../../../src/components/Doku/components/DokuVoucherResult/DokuVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport { DokuVoucherResultProps } from '../../types';\nimport useImage from '../../../../core/Context/useImage';\n\nconst DokuVoucherResult = (props: DokuVoucherResultProps) => {\n    const { reference, expiresAt, instructionsUrl, shopperName, merchantName, totalAmount, paymentMethodType } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <Voucher\n            paymentMethodType={paymentMethodType}\n            reference={reference}\n            introduction={i18n.get('voucher.introduction.doku')}\n            imageUrl={getImage()(paymentMethodType)}\n            instructionsUrl={instructionsUrl}\n            amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n            voucherDetails={[\n                { label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) },\n                { label: i18n.get('voucher.shopperName'), value: shopperName },\n                { label: i18n.get('voucher.merchantName'), value: merchantName }\n            ]}\n            copyBtn\n        />\n    );\n};\n\nexport default DokuVoucherResult;\n"],"names":["DokuVoucherResult","props","reference","expiresAt","instructionsUrl","shopperName","merchantName","totalAmount","paymentMethodType","i18n","useCoreContext","getImage","useImage","h","Voucher","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","date","copyBtn"],"mappings":"6PAOA,MAAMA,EAAqBC,IACvB,MAAMC,UAAEA,EAASC,UAAEA,EAASC,gBAAEA,EAAeC,YAAEA,EAAWC,aAAEA,EAAYC,YAAEA,EAAWC,kBAAEA,GAAsBP,GACvGQ,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,EAAAA,CACGN,kBAAmBA,EACnBN,UAAWA,EACXa,aAAcN,EAAKO,IAAI,6BACvBC,SAAUN,IAAWH,GACrBJ,gBAAiBA,EACjBc,OAAQX,GAAeE,EAAKS,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CACZ,CAAEC,MAAOb,EAAKO,IAAI,0BAA2BG,MAAOV,EAAKc,KAAKpB,IAC9D,CAAEmB,MAAOb,EAAKO,IAAI,uBAAwBG,MAAOd,GACjD,CAAEiB,MAAOb,EAAKO,IAAI,wBAAyBG,MAAOb,IAEtDkB,SAAAA"}

package/dist/es/components/Donation/Donation.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 s from"../../core/Context/CoreProvider.js";import o from"./components/DonationComponent.js";import{TxVariants as n}from"../tx-variants.js";class a extends e{static type=n.donation;constructor(t,e){super(t,e),this.donate=this.donate.bind(this)}static defaultProps={onCancel:()=>{},onDonate:()=>{}};get data(){return this.state.data}get isValid(){return this.state.isValid}setState(t){this.state={...this.state,...t}}donate(){const{data:t,isValid:e}=this;this.props.onDonate({data:t,isValid:e},this)}handleRef=t=>{this.componentRef=t};render(){return t(s,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(o,{...this.props,ref:this.handleRef,onChange:this.setState,onDonate:this.donate}))}}export{a as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import{CoreProvider as s}from"../../core/Context/CoreProvider.js";import o from"./components/DonationComponent.js";import{TxVariants as n}from"../tx-variants.js";class a extends e{static type=n.donation;constructor(t,e){super(t,e),this.donate=this.donate.bind(this)}static defaultProps={onCancel:()=>{},onDonate:()=>{}};get data(){return this.state.data}get isValid(){return this.state.isValid}setState(t){this.state={...this.state,...t}}donate(){const{data:t,isValid:e}=this;this.props.onDonate({data:t,isValid:e},this)}handleRef=t=>{this.componentRef=t};render(){return t(s,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(o,{...this.props,ref:this.handleRef,onChange:this.setState,onDonate:this.donate}))}}export{a as default};
 //# sourceMappingURL=Donation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Donation.js","sources":["../../../../src/components/Donation/Donation.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport DonationComponent from './components/DonationComponent';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\nimport type { DonationConfiguration } from './types';\n\nclass DonationElement extends UIElement<DonationConfiguration> {\n    public static type = TxVariants.donation;\n\n    constructor(checkout: ICore, props?: DonationConfiguration) {\n        super(checkout, props);\n        this.donate = this.donate.bind(this);\n    }\n\n    public static defaultProps = {\n        onCancel: () => {},\n        onDonate: () => {}\n    };\n\n    /**\n     * Returns the component payment data ready to submit to the Checkout API\n     */\n    get data() {\n        return this.state.data;\n    }\n\n    /**\n     * Returns whether the component state is valid or not\n     */\n    get isValid() {\n        return this.state.isValid;\n    }\n\n    setState(newState) {\n        this.state = { ...this.state, ...newState };\n    }\n\n    donate() {\n        const { data, isValid } = this;\n        this.props.onDonate({ data, isValid }, this);\n    }\n\n    public 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                {/* @ts-ignore ref handled by Preact internally */}\n                <DonationComponent {...this.props} ref={this.handleRef} onChange={this.setState} onDonate={this.donate} />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default DonationElement;\n"],"names":["DonationElement","UIElement","static","TxVariants","donation","constructor","checkout","props","super","this","donate","bind","onCancel","onDonate","data","state","isValid","setState","newState","handleRef","ref","componentRef","render","h","CoreProvider","i18n","loadingContext","resources","DonationComponent","onChange"],"mappings":"sRAQA,MAAMA,UAAwBC,EAC1BC,YAAqBC,EAAWC,SAEhCC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAChBE,KAAKC,OAASD,KAAKC,OAAOC,KAAKF,KACnC,CAEAP,oBAA6B,CACzBU,SAAU,OACVC,SAAU,QAMd,QAAIC,GACA,OAAOL,KAAKM,MAAMD,IACtB,CAKA,WAAIE,GACA,OAAOP,KAAKM,MAAMC,OACtB,CAEAC,QAAAA,CAASC,GACLT,KAAKM,MAAQ,IAAKN,KAAKM,SAAUG,EACrC,CAEAR,MAAAA,GACI,MAAMI,KAAEA,EAAIE,QAAEA,GAAYP,KAC1BA,KAAKF,MAAMM,SAAS,CAAEC,OAAME,WAAWP,KAC3C,CAEOU,UAAYC,IACfX,KAAKY,aAAeD,CAAAA,EAGxBE,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMhB,KAAKF,MAAMkB,KAAMC,eAAgBjB,KAAKF,MAAMmB,eAAgBC,UAAWlB,KAAKkB,WAE5FJ,EAACK,EAAAA,IAAsBnB,KAAKF,MAAOa,IAAKX,KAAKU,UAAWU,SAAUpB,KAAKQ,SAAUJ,SAAUJ,KAAKC,SAG5G"}
+{"version":3,"file":"Donation.js","sources":["../../../../src/components/Donation/Donation.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport DonationComponent from './components/DonationComponent';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\nimport type { DonationConfiguration } from './types';\n\nclass DonationElement extends UIElement<DonationConfiguration> {\n    public static type = TxVariants.donation;\n\n    constructor(checkout: ICore, props?: DonationConfiguration) {\n        super(checkout, props);\n        this.donate = this.donate.bind(this);\n    }\n\n    public static defaultProps = {\n        onCancel: () => {},\n        onDonate: () => {}\n    };\n\n    /**\n     * Returns the component payment data ready to submit to the Checkout API\n     */\n    get data() {\n        return this.state.data;\n    }\n\n    /**\n     * Returns whether the component state is valid or not\n     */\n    get isValid() {\n        return this.state.isValid;\n    }\n\n    setState(newState) {\n        this.state = { ...this.state, ...newState };\n    }\n\n    donate() {\n        const { data, isValid } = this;\n        this.props.onDonate({ data, isValid }, this);\n    }\n\n    public 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                {/*@ts-ignore ref*/}\n                <DonationComponent {...this.props} ref={this.handleRef} onChange={this.setState} onDonate={this.donate} />\n            </CoreProvider>\n        );\n    }\n}\n\nexport default DonationElement;\n"],"names":["DonationElement","UIElement","static","TxVariants","donation","constructor","checkout","props","super","this","donate","bind","onCancel","onDonate","data","state","isValid","setState","newState","handleRef","ref","componentRef","render","h","CoreProvider","i18n","loadingContext","resources","DonationComponent","onChange"],"mappings":"sSAQA,MAAMA,UAAwBC,EAC1BC,YAAqBC,EAAWC,SAEhCC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAChBE,KAAKC,OAASD,KAAKC,OAAOC,KAAKF,KACnC,CAEAP,oBAA6B,CACzBU,SAAU,OACVC,SAAU,QAMd,QAAIC,GACA,OAAOL,KAAKM,MAAMD,IACtB,CAKA,WAAIE,GACA,OAAOP,KAAKM,MAAMC,OACtB,CAEAC,QAAAA,CAASC,GACLT,KAAKM,MAAQ,IAAKN,KAAKM,SAAUG,EACrC,CAEAR,MAAAA,GACI,MAAMI,KAAEA,EAAIE,QAAEA,GAAYP,KAC1BA,KAAKF,MAAMM,SAAS,CAAEC,OAAME,WAAWP,KAC3C,CAEOU,UAAYC,IACfX,KAAKY,aAAeD,CAAAA,EAGxBE,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMhB,KAAKF,MAAMkB,KAAMC,eAAgBjB,KAAKF,MAAMmB,eAAgBC,UAAWlB,KAAKkB,WAE5FJ,EAACK,EAAAA,IAAsBnB,KAAKF,MAAOa,IAAKX,KAAKU,UAAWU,SAAUpB,KAAKQ,SAAUJ,SAAUJ,KAAKC,SAG5G"}

package/dist/es/components/Donation/components/DonationComponent.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useState as a,useCallback as t,useEffect as o}from"../../../external/preact/hooks/dist/hooks.js";import n from"./CampaignContainer.js";import s from"../../internal/ButtonGroup/ButtonGroup.js";import r from"../../internal/Button/Button.js";import c from"../../internal/Img/Img.js";import i from"../../../core/Context/useCoreContext.js";import u from"../../internal/DisclaimerMessage/DisclaimerMessage.js";import l from"../../../core/Context/useImage.js";function d(d){const{amounts:m,onCancel:g,onDonate:_,showCancelButton:p=!0,termsAndConditionsUrl:h}=d,{i18n:y}=i(),k=l(),{currency:v}=m,[C,f]=a("ready"),[N,j]=a(!1),[B,x]=a({currency:v,value:null});this.setStatus=e=>{f(e)};const b=t(((e,a)=>y.amount(e,a)),[y]);return o((()=>{d.onChange({data:{amount:B},isValid:N})}),[B,N]),"error"===C?e("div",{className:"adyen-checkout__adyen-giving"},e(c,{className:"adyen-checkout__status__icon adyen-checkout__status__icon--error",src:k({imageFolder:"components/"})("error"),alt:y.get("error.message.unknown")}),e("div",{className:"adyen-checkout__status__text"},y.get("error.message.unknown"))):"success"===C?e("div",{className:"adyen-checkout__adyen-giving"},e(c,{className:"adyen-checkout__status__icon adyen-checkout__status__icon--success",src:k({imageFolder:"components/"})("heart"),alt:y.get("thanksForYourSupport")}),e("div",{className:"adyen-checkout__status__text"},y.get("thanksForYourSupport"))):e("div",{className:"adyen-checkout__adyen-giving"},e(n,d),e("div",{className:"adyen-checkout__adyen-giving-actions"},e("div",{className:"adyen-checkout__amounts"},e(s,{options:m.values.map((e=>({value:e,label:b(e,v),disabled:"loading"===C,selected:e===B.value}))),name:"amount",onChange:({target:e})=>{const a=parseInt(e.value,10);j(!0),x((e=>({...e,value:a})))}})),h&&e(u,{message:"By donating you agree to the %#terms and conditions%#",urls:[h]}),e(r,{classNameModifiers:["donate"],onClick:()=>{f("loading"),_({data:{amount:B}})},label:y.get("donateButton"),disabled:!B.value,status:C}),p&&e(r,{classNameModifiers:["decline"],variant:"ghost",onClick:()=>{f("ready"),g({data:{amount:B},isValid:N})},disabled:"loading"===C,label:`${y.get("notNowButton")} ›`})))}d.defaultProps={onCancel:()=>{},onChange:()=>{},onDonate:()=>{},amounts:{},showCancelButton:!0};export{d as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useState as a,useCallback as t,useEffect as o}from"../../../external/preact/hooks/dist/hooks.js";import n from"./CampaignContainer.js";import s from"../../internal/ButtonGroup/ButtonGroup.js";import r from"../../internal/Button/Button.js";import c from"../../internal/Img/Img.js";import{useCoreContext as i}from"../../../core/Context/CoreProvider.js";import u from"../../internal/DisclaimerMessage/DisclaimerMessage.js";import l from"../../../core/Context/useImage.js";function d(d){const{amounts:m,onCancel:g,onDonate:_,showCancelButton:p=!0,termsAndConditionsUrl:h}=d,{i18n:y}=i(),k=l(),{currency:v}=m,[f,C]=a("ready"),[N,j]=a(!1),[B,b]=a({currency:v,value:null});this.setStatus=e=>{C(e)};const x=t(((e,a)=>y.amount(e,a)),[y]);return o((()=>{d.onChange({data:{amount:B},isValid:N})}),[B,N]),"error"===f?e("div",{className:"adyen-checkout__adyen-giving"},e(c,{className:"adyen-checkout__status__icon adyen-checkout__status__icon--error",src:k({imageFolder:"components/"})("error"),alt:y.get("error.message.unknown")}),e("div",{className:"adyen-checkout__status__text"},y.get("error.message.unknown"))):"success"===f?e("div",{className:"adyen-checkout__adyen-giving"},e(c,{className:"adyen-checkout__status__icon adyen-checkout__status__icon--success",src:k({imageFolder:"components/"})("heart"),alt:y.get("thanksForYourSupport")}),e("div",{className:"adyen-checkout__status__text"},y.get("thanksForYourSupport"))):e("div",{className:"adyen-checkout__adyen-giving"},e(n,d),e("div",{className:"adyen-checkout__adyen-giving-actions"},e("div",{className:"adyen-checkout__amounts"},e(s,{options:m.values.map((e=>({value:e,label:x(e,v),disabled:"loading"===f,selected:e===B.value}))),name:"amount",onChange:({target:e})=>{const a=parseInt(e.value,10);j(!0),b((e=>({...e,value:a})))}})),h&&e(u,{message:"By donating you agree to the %#terms and conditions%#",urls:[h]}),e(r,{classNameModifiers:["donate"],onClick:()=>{C("loading"),_({data:{amount:B}})},label:y.get("donateButton"),disabled:!B.value,status:f}),p&&e(r,{classNameModifiers:["decline"],variant:"ghost",onClick:()=>{C("ready"),g({data:{amount:B},isValid:N})},disabled:"loading"===f,label:`${y.get("notNowButton")} ›`})))}d.defaultProps={onCancel:()=>{},onChange:()=>{},onDonate:()=>{},amounts:{},showCancelButton:!0};export{d as default};
 //# sourceMappingURL=DonationComponent.js.map

package/dist/es/components/Donation/components/DonationComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DonationComponent.js","sources":["../../../../../src/components/Donation/components/DonationComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport CampaignContainer from './CampaignContainer';\nimport ButtonGroup from '../../internal/ButtonGroup';\nimport Button from '../../internal/Button';\nimport Img from '../../internal/Img';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport '../Donation.scss';\nimport DisclaimerMessage from '../../internal/DisclaimerMessage';\nimport { DonationComponentProps } from './types';\nimport useImage from '../../../core/Context/useImage';\n\nexport default function DonationComponent(props: DonationComponentProps) {\n    const { amounts, onCancel, onDonate, showCancelButton = true, termsAndConditionsUrl } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const { currency } = amounts;\n    const [status, setStatus] = useState('ready');\n    const [isValid, setIsValid] = useState(false);\n    const [amount, setAmount] = useState({\n        currency,\n        value: null\n    });\n\n    this.setStatus = status => {\n        setStatus(status);\n    };\n\n    const getAmount = useCallback((value: number, currency: string) => i18n.amount(value, currency), [i18n]);\n\n    const handleAmountSelected = ({ target }) => {\n        const value = parseInt(target.value, 10);\n        setIsValid(true);\n        setAmount(amount => ({ ...amount, value }));\n    };\n\n    const handleDonate = () => {\n        setStatus('loading');\n        onDonate({ data: { amount } });\n    };\n\n    const handleDecline = () => {\n        setStatus('ready');\n        onCancel({ data: { amount }, isValid });\n    };\n\n    useEffect(() => {\n        props.onChange({ data: { amount }, isValid });\n    }, [amount, isValid]);\n\n    if (status === 'error') {\n        return (\n            <div className=\"adyen-checkout__adyen-giving\">\n                <Img\n                    className=\"adyen-checkout__status__icon adyen-checkout__status__icon--error\"\n                    src={getImage({ imageFolder: 'components/' })('error')}\n                    alt={i18n.get('error.message.unknown')}\n                />\n                <div className=\"adyen-checkout__status__text\">{i18n.get('error.message.unknown')}</div>\n            </div>\n        );\n    }\n\n    if (status === 'success') {\n        return (\n            <div className=\"adyen-checkout__adyen-giving\">\n                <Img\n                    className=\"adyen-checkout__status__icon adyen-checkout__status__icon--success\"\n                    src={getImage({ imageFolder: 'components/' })('heart')}\n                    alt={i18n.get('thanksForYourSupport')}\n                />\n\n                <div className=\"adyen-checkout__status__text\">{i18n.get('thanksForYourSupport')}</div>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"adyen-checkout__adyen-giving\">\n            <CampaignContainer {...props} />\n\n            <div className=\"adyen-checkout__adyen-giving-actions\">\n                <div className=\"adyen-checkout__amounts\">\n                    <ButtonGroup\n                        options={amounts.values.map(value => ({\n                            value,\n                            label: getAmount(value, currency),\n                            disabled: status === 'loading',\n                            selected: value === amount.value\n                        }))}\n                        name=\"amount\"\n                        onChange={handleAmountSelected}\n                    />\n                </div>\n                {termsAndConditionsUrl && (\n                    <DisclaimerMessage message={'By donating you agree to the %#terms and conditions%#'} urls={[termsAndConditionsUrl]} />\n                )}\n                <Button\n                    classNameModifiers={['donate']}\n                    onClick={handleDonate}\n                    label={i18n.get('donateButton')}\n                    disabled={!amount.value}\n                    status={status}\n                />\n\n                {showCancelButton && (\n                    <Button\n                        classNameModifiers={['decline']}\n                        variant=\"ghost\"\n                        onClick={handleDecline}\n                        disabled={status === 'loading'}\n                        label={`${i18n.get('notNowButton')} ›`}\n                    />\n                )}\n            </div>\n        </div>\n    );\n}\n\nDonationComponent.defaultProps = {\n    onCancel: () => {},\n    onChange: () => {},\n    onDonate: () => {},\n    amounts: {},\n    showCancelButton: true\n};\n"],"names":["DonationComponent","props","amounts","onCancel","onDonate","showCancelButton","termsAndConditionsUrl","i18n","useCoreContext","getImage","useImage","currency","status","setStatus","useState","isValid","setIsValid","amount","setAmount","value","this","getAmount","useCallback","useEffect","onChange","data","h","div","className","Img","src","imageFolder","alt","get","CampaignContainer","ButtonGroup","options","values","map","label","disabled","selected","name","target","parseInt","DisclaimerMessage","message","urls","Button","classNameModifiers","onClick","variant","defaultProps"],"mappings":"ohBAYe,SAASA,EAAkBC,GACtC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAmB,EAAIC,sBAAEA,GAA0BL,GAClFM,KAAEA,GAASC,IACXC,EAAWC,KACXC,SAAEA,GAAaT,GACdU,EAAQC,GAAaC,EAAS,UAC9BC,EAASC,GAAcF,GAAS,IAChCG,EAAQC,GAAaJ,EAAS,CACjCH,WACAQ,MAAO,OAGXC,KAAKP,UAAYD,IACbC,EAAUD,EAAAA,EAGd,MAAMS,EAAYC,GAAY,CAACH,EAAeR,IAAqBJ,EAAKU,OAAOE,EAAOR,IAAW,CAACJ,IAsBlG,OAJAgB,GAAU,KACNtB,EAAMuB,SAAS,CAAEC,KAAM,CAAER,UAAUF,WAAQ,GAC5C,CAACE,EAAQF,IAEG,UAAXH,EAEIc,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACG,EAAAA,CACGD,UAAU,mEACVE,IAAKrB,EAAS,CAAEsB,YAAa,eAAxBtB,CAAyC,SAC9CuB,IAAKzB,EAAK0B,IAAI,2BAElBP,EAACC,MAAAA,CAAIC,UAAU,gCAAgCrB,EAAK0B,IAAI,2BAKrD,YAAXrB,EAEIc,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACG,EAAAA,CACGD,UAAU,qEACVE,IAAKrB,EAAS,CAAEsB,YAAa,eAAxBtB,CAAyC,SAC9CuB,IAAKzB,EAAK0B,IAAI,0BAGlBP,EAACC,MAAAA,CAAIC,UAAU,gCAAgCrB,EAAK0B,IAAI,0BAMhEP,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACQ,EAAsBjC,GAEvByB,EAACC,MAAAA,CAAIC,UAAU,wCACXF,EAACC,MAAAA,CAAIC,UAAU,2BACXF,EAACS,EAAAA,CACGC,QAASlC,EAAQmC,OAAOC,KAAInB,IAAU,CAClCA,QACAoB,MAAOlB,EAAUF,EAAOR,GACxB6B,SAAqB,YAAX5B,EACV6B,SAAUtB,IAAUF,EAAOE,UAE/BuB,KAAK,SACLlB,SA7DS,EAAGmB,aAC5B,MAAMxB,EAAQyB,SAASD,EAAOxB,MAAO,IACrCH,GAAW,GACXE,GAAUD,IAAW,IAAKA,EAAQE,WAAM,KA6D/Bb,GACGoB,EAACmB,EAAAA,CAAkBC,QAAS,wDAAyDC,KAAM,CAACzC,KAEhGoB,EAACsB,EAAAA,CACGC,mBAAoB,CAAC,UACrBC,QA/DK,KACjBrC,EAAU,WACVT,EAAS,CAAEqB,KAAM,CAAER,WAAS,EA8DhBsB,MAAOhC,EAAK0B,IAAI,gBAChBO,UAAWvB,EAAOE,MAClBP,OAAQA,IAGXP,GACGqB,EAACsB,EAAAA,CACGC,mBAAoB,CAAC,WACrBE,QAAQ,QACRD,QApEE,KAClBrC,EAAU,SACVV,EAAS,CAAEsB,KAAM,CAAER,UAAUF,WAAQ,EAmErByB,SAAqB,YAAX5B,EACV2B,MAAO,GAAGhC,EAAK0B,IAAI,uBAM3C,CAEAjC,EAAkBoD,aAAe,CAC7BjD,SAAU,OACVqB,SAAU,OACVpB,SAAU,OACVF,QAAS,CAAC,EACVG,kBAAkB"}
+{"version":3,"file":"DonationComponent.js","sources":["../../../../../src/components/Donation/components/DonationComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport CampaignContainer from './CampaignContainer';\nimport ButtonGroup from '../../internal/ButtonGroup';\nimport Button from '../../internal/Button';\nimport Img from '../../internal/Img';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport '../Donation.scss';\nimport DisclaimerMessage from '../../internal/DisclaimerMessage';\nimport { DonationComponentProps } from './types';\nimport useImage from '../../../core/Context/useImage';\n\nexport default function DonationComponent(props: DonationComponentProps) {\n    const { amounts, onCancel, onDonate, showCancelButton = true, termsAndConditionsUrl } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const { currency } = amounts;\n    const [status, setStatus] = useState('ready');\n    const [isValid, setIsValid] = useState(false);\n    const [amount, setAmount] = useState({\n        currency,\n        value: null\n    });\n\n    this.setStatus = status => {\n        setStatus(status);\n    };\n\n    const getAmount = useCallback((value: number, currency: string) => i18n.amount(value, currency), [i18n]);\n\n    const handleAmountSelected = ({ target }) => {\n        const value = parseInt(target.value, 10);\n        setIsValid(true);\n        setAmount(amount => ({ ...amount, value }));\n    };\n\n    const handleDonate = () => {\n        setStatus('loading');\n        onDonate({ data: { amount } });\n    };\n\n    const handleDecline = () => {\n        setStatus('ready');\n        onCancel({ data: { amount }, isValid });\n    };\n\n    useEffect(() => {\n        props.onChange({ data: { amount }, isValid });\n    }, [amount, isValid]);\n\n    if (status === 'error') {\n        return (\n            <div className=\"adyen-checkout__adyen-giving\">\n                <Img\n                    className=\"adyen-checkout__status__icon adyen-checkout__status__icon--error\"\n                    src={getImage({ imageFolder: 'components/' })('error')}\n                    alt={i18n.get('error.message.unknown')}\n                />\n                <div className=\"adyen-checkout__status__text\">{i18n.get('error.message.unknown')}</div>\n            </div>\n        );\n    }\n\n    if (status === 'success') {\n        return (\n            <div className=\"adyen-checkout__adyen-giving\">\n                <Img\n                    className=\"adyen-checkout__status__icon adyen-checkout__status__icon--success\"\n                    src={getImage({ imageFolder: 'components/' })('heart')}\n                    alt={i18n.get('thanksForYourSupport')}\n                />\n\n                <div className=\"adyen-checkout__status__text\">{i18n.get('thanksForYourSupport')}</div>\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"adyen-checkout__adyen-giving\">\n            <CampaignContainer {...props} />\n\n            <div className=\"adyen-checkout__adyen-giving-actions\">\n                <div className=\"adyen-checkout__amounts\">\n                    <ButtonGroup\n                        options={amounts.values.map(value => ({\n                            value,\n                            label: getAmount(value, currency),\n                            disabled: status === 'loading',\n                            selected: value === amount.value\n                        }))}\n                        name=\"amount\"\n                        onChange={handleAmountSelected}\n                    />\n                </div>\n                {termsAndConditionsUrl && (\n                    <DisclaimerMessage message={'By donating you agree to the %#terms and conditions%#'} urls={[termsAndConditionsUrl]} />\n                )}\n                <Button\n                    classNameModifiers={['donate']}\n                    onClick={handleDonate}\n                    label={i18n.get('donateButton')}\n                    disabled={!amount.value}\n                    status={status}\n                />\n\n                {showCancelButton && (\n                    <Button\n                        classNameModifiers={['decline']}\n                        variant=\"ghost\"\n                        onClick={handleDecline}\n                        disabled={status === 'loading'}\n                        label={`${i18n.get('notNowButton')} ›`}\n                    />\n                )}\n            </div>\n        </div>\n    );\n}\n\nDonationComponent.defaultProps = {\n    onCancel: () => {},\n    onChange: () => {},\n    onDonate: () => {},\n    amounts: {},\n    showCancelButton: true\n};\n"],"names":["DonationComponent","props","amounts","onCancel","onDonate","showCancelButton","termsAndConditionsUrl","i18n","useCoreContext","getImage","useImage","currency","status","setStatus","useState","isValid","setIsValid","amount","setAmount","value","this","getAmount","useCallback","useEffect","onChange","data","h","div","className","Img","src","imageFolder","alt","get","CampaignContainer","ButtonGroup","options","values","map","label","disabled","selected","name","target","parseInt","DisclaimerMessage","message","urls","Button","classNameModifiers","onClick","variant","defaultProps"],"mappings":"oiBAYe,SAASA,EAAkBC,GACtC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,SAAEA,EAAQC,iBAAEA,GAAmB,EAAIC,sBAAEA,GAA0BL,GAClFM,KAAEA,GAASC,IACXC,EAAWC,KACXC,SAAEA,GAAaT,GACdU,EAAQC,GAAaC,EAAS,UAC9BC,EAASC,GAAcF,GAAS,IAChCG,EAAQC,GAAaJ,EAAS,CACjCH,WACAQ,MAAO,OAGXC,KAAKP,UAAYD,IACbC,EAAUD,EAAAA,EAGd,MAAMS,EAAYC,GAAY,CAACH,EAAeR,IAAqBJ,EAAKU,OAAOE,EAAOR,IAAW,CAACJ,IAsBlG,OAJAgB,GAAU,KACNtB,EAAMuB,SAAS,CAAEC,KAAM,CAAER,UAAUF,WAAQ,GAC5C,CAACE,EAAQF,IAEG,UAAXH,EAEIc,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACG,EAAAA,CACGD,UAAU,mEACVE,IAAKrB,EAAS,CAAEsB,YAAa,eAAxBtB,CAAyC,SAC9CuB,IAAKzB,EAAK0B,IAAI,2BAElBP,EAACC,MAAAA,CAAIC,UAAU,gCAAgCrB,EAAK0B,IAAI,2BAKrD,YAAXrB,EAEIc,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACG,EAAAA,CACGD,UAAU,qEACVE,IAAKrB,EAAS,CAAEsB,YAAa,eAAxBtB,CAAyC,SAC9CuB,IAAKzB,EAAK0B,IAAI,0BAGlBP,EAACC,MAAAA,CAAIC,UAAU,gCAAgCrB,EAAK0B,IAAI,0BAMhEP,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACQ,EAAsBjC,GAEvByB,EAACC,MAAAA,CAAIC,UAAU,wCACXF,EAACC,MAAAA,CAAIC,UAAU,2BACXF,EAACS,EAAAA,CACGC,QAASlC,EAAQmC,OAAOC,KAAInB,IAAU,CAClCA,QACAoB,MAAOlB,EAAUF,EAAOR,GACxB6B,SAAqB,YAAX5B,EACV6B,SAAUtB,IAAUF,EAAOE,UAE/BuB,KAAK,SACLlB,SA7DS,EAAGmB,aAC5B,MAAMxB,EAAQyB,SAASD,EAAOxB,MAAO,IACrCH,GAAW,GACXE,GAAUD,IAAW,IAAKA,EAAQE,WAAM,KA6D/Bb,GACGoB,EAACmB,EAAAA,CAAkBC,QAAS,wDAAyDC,KAAM,CAACzC,KAEhGoB,EAACsB,EAAAA,CACGC,mBAAoB,CAAC,UACrBC,QA/DK,KACjBrC,EAAU,WACVT,EAAS,CAAEqB,KAAM,CAAER,WAAS,EA8DhBsB,MAAOhC,EAAK0B,IAAI,gBAChBO,UAAWvB,EAAOE,MAClBP,OAAQA,IAGXP,GACGqB,EAACsB,EAAAA,CACGC,mBAAoB,CAAC,WACrBE,QAAQ,QACRD,QApEE,KAClBrC,EAAU,SACVV,EAAS,CAAEsB,KAAM,CAAER,UAAUF,WAAQ,EAmErByB,SAAqB,YAAX5B,EACV2B,MAAO,GAAGhC,EAAK0B,IAAI,uBAM3C,CAEAjC,EAAkBoD,aAAe,CAC7BjD,SAAU,OACVqB,SAAU,OACVpB,SAAU,OACVF,QAAS,CAAC,EACVG,kBAAkB"}

package/dist/es/components/Dragonpay/Dragonpay.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as s}from"../internal/UIElement/UIElement.js";import e from"./components/DragonpayInput/DragonpayInput.js";import r from"./components/DragonpayVoucherResult/DragonpayVoucherResult.js";import o from"../../core/Context/CoreProvider.js";import{TxVariants as n}from"../tx-variants.js";class i extends s{static type=n.dragonpay;static txVariants=[n.dragonpay,n.dragonpay_ebanking,n.dragonpay_otc_banking,n.dragonpay_otc_non_banking,n.dragonpay_otc_philippines];get isValid(){return!!this.state.isValid}formatData(){const{issuer:t,shopperEmail:s}=this.state.data;return{...s&&{shopperEmail:s},paymentMethod:{...t&&{issuer:t},type:this.type}}}formatProps(t){return{...t,issuers:t.details?.find((t=>"issuer"===t.key))?.items??t.issuers}}render(){return t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(r,{ref:t=>{this.componentRef=t},icon:this.icon,...this.props}):t(e,{ref:t=>{this.componentRef=t},items:this.props.issuers,...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{i as DragonpayElement,i as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as s}from"../internal/UIElement/UIElement.js";import e from"./components/DragonpayInput/DragonpayInput.js";import r from"./components/DragonpayVoucherResult/DragonpayVoucherResult.js";import{CoreProvider as o}from"../../core/Context/CoreProvider.js";import{TxVariants as n}from"../tx-variants.js";class a extends s{static type=n.dragonpay;static txVariants=[n.dragonpay,n.dragonpay_ebanking,n.dragonpay_otc_banking,n.dragonpay_otc_non_banking,n.dragonpay_otc_philippines];get isValid(){return!!this.state.isValid}formatData(){const{issuer:t,shopperEmail:s}=this.state.data;return{...s&&{shopperEmail:s},paymentMethod:{...t&&{issuer:t},type:this.type}}}formatProps(t){return{...t,issuers:t.details?.find((t=>"issuer"===t.key))?.items??t.issuers}}render(){return t(o,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(r,{ref:t=>{this.componentRef=t},icon:this.icon,...this.props}):t(e,{ref:t=>{this.componentRef=t},items:this.props.issuers,...this.props,showPayButton:this.props.showPayButton,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{a as DragonpayElement,a as default};
 //# sourceMappingURL=Dragonpay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dragonpay.js","sources":["../../../../src/components/Dragonpay/Dragonpay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport DragonpayInput from './components/DragonpayInput';\nimport DragonpayVoucherResult from './components/DragonpayVoucherResult';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { DragonpayConfiguraton } from './types';\nimport { TxVariants } from '../tx-variants';\n\nexport class DragonpayElement extends UIElement<DragonpayConfiguraton> {\n    public static type = TxVariants.dragonpay;\n\n    public static txVariants = [\n        TxVariants.dragonpay,\n        TxVariants.dragonpay_ebanking,\n        TxVariants.dragonpay_otc_banking,\n        TxVariants.dragonpay_otc_non_banking,\n        TxVariants.dragonpay_otc_philippines\n    ];\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const { issuer, shopperEmail } = this.state.data;\n\n        return {\n            ...(shopperEmail && { shopperEmail }),\n            paymentMethod: {\n                ...(issuer && { issuer }),\n                type: this.type\n            }\n        };\n    }\n\n    protected formatProps(props: DragonpayConfiguraton) {\n        return {\n            ...props,\n            issuers: props.details?.find(detail => detail.key === 'issuer')?.items ?? props.issuers\n        };\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <DragonpayVoucherResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        icon={this.icon}\n                        {...this.props}\n                    />\n                ) : (\n                    <DragonpayInput\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        items={this.props.issuers}\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 DragonpayElement;\n"],"names":["DragonpayElement","UIElement","static","TxVariants","dragonpay","dragonpay_ebanking","dragonpay_otc_banking","dragonpay_otc_non_banking","dragonpay_otc_philippines","isValid","this","state","formatData","issuer","shopperEmail","data","paymentMethod","type","formatProps","props","issuers","details","find","detail","key","items","render","h","CoreProvider","i18n","loadingContext","resources","reference","DragonpayVoucherResult","ref","componentRef","icon","DragonpayInput","onChange","setState","onSubmit","submit","payButton"],"mappings":"+WAQO,MAAMA,UAAyBC,EAClCC,YAAqBC,EAAWC,UAEhCF,kBAA2B,CACvBC,EAAWC,UACXD,EAAWE,mBACXF,EAAWG,sBACXH,EAAWI,0BACXJ,EAAWK,2BAGf,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,OAAEA,EAAMC,aAAEA,GAAiBJ,KAAKC,MAAMI,KAE5C,MAAO,IACCD,GAAgB,CAAEA,gBACtBE,cAAe,IACPH,GAAU,CAAEA,UAChBI,KAAMP,KAAKO,MAGvB,CAEUC,WAAAA,CAAYC,GAClB,MAAO,IACAA,EACHC,QAASD,EAAME,SAASC,MAAKC,GAAyB,WAAfA,EAAOC,OAAmBC,OAASN,EAAMC,QAExF,CAEAM,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMnB,KAAKS,MAAMU,KAAMC,eAAgBpB,KAAKS,MAAMW,eAAgBC,UAAWrB,KAAKqB,WAC3FrB,KAAKS,MAAMa,UACRL,EAACM,EAAAA,CACGC,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,EAExBE,KAAM1B,KAAK0B,QACP1B,KAAKS,QAGbQ,EAACU,EAAAA,CACGH,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,EAExBT,MAAOf,KAAKS,MAAMC,WACdV,KAAKS,MACTmB,SAAU5B,KAAK6B,SACfC,SAAU9B,KAAK+B,OACfC,UAAWhC,KAAKgC,YAKpC"}
+{"version":3,"file":"Dragonpay.js","sources":["../../../../src/components/Dragonpay/Dragonpay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport DragonpayInput from './components/DragonpayInput';\nimport DragonpayVoucherResult from './components/DragonpayVoucherResult';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { DragonpayConfiguraton } from './types';\nimport { TxVariants } from '../tx-variants';\n\nexport class DragonpayElement extends UIElement<DragonpayConfiguraton> {\n    public static type = TxVariants.dragonpay;\n\n    public static txVariants = [\n        TxVariants.dragonpay,\n        TxVariants.dragonpay_ebanking,\n        TxVariants.dragonpay_otc_banking,\n        TxVariants.dragonpay_otc_non_banking,\n        TxVariants.dragonpay_otc_philippines\n    ];\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        const { issuer, shopperEmail } = this.state.data;\n\n        return {\n            ...(shopperEmail && { shopperEmail }),\n            paymentMethod: {\n                ...(issuer && { issuer }),\n                type: this.type\n            }\n        };\n    }\n\n    protected formatProps(props: DragonpayConfiguraton) {\n        return {\n            ...props,\n            issuers: props.details?.find(detail => detail.key === 'issuer')?.items ?? props.issuers\n        };\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <DragonpayVoucherResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        icon={this.icon}\n                        {...this.props}\n                    />\n                ) : (\n                    <DragonpayInput\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        items={this.props.issuers}\n                        {...this.props}\n                        showPayButton={this.props.showPayButton}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default DragonpayElement;\n"],"names":["DragonpayElement","UIElement","static","TxVariants","dragonpay","dragonpay_ebanking","dragonpay_otc_banking","dragonpay_otc_non_banking","dragonpay_otc_philippines","isValid","this","state","formatData","issuer","shopperEmail","data","paymentMethod","type","formatProps","props","issuers","details","find","detail","key","items","render","h","CoreProvider","i18n","loadingContext","resources","reference","DragonpayVoucherResult","ref","componentRef","icon","DragonpayInput","showPayButton","onChange","setState","onSubmit","submit","payButton"],"mappings":"+XAQO,MAAMA,UAAyBC,EAClCC,YAAqBC,EAAWC,UAEhCF,kBAA2B,CACvBC,EAAWC,UACXD,EAAWE,mBACXF,EAAWG,sBACXH,EAAWI,0BACXJ,EAAWK,2BAGf,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,OAAEA,EAAMC,aAAEA,GAAiBJ,KAAKC,MAAMI,KAE5C,MAAO,IACCD,GAAgB,CAAEA,gBACtBE,cAAe,IACPH,GAAU,CAAEA,UAChBI,KAAMP,KAAKO,MAGvB,CAEUC,WAAAA,CAAYC,GAClB,MAAO,IACAA,EACHC,QAASD,EAAME,SAASC,MAAKC,GAAyB,WAAfA,EAAOC,OAAmBC,OAASN,EAAMC,QAExF,CAEAM,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMnB,KAAKS,MAAMU,KAAMC,eAAgBpB,KAAKS,MAAMW,eAAgBC,UAAWrB,KAAKqB,WAC3FrB,KAAKS,MAAMa,UACRL,EAACM,EAAAA,CACGC,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,EAExBE,KAAM1B,KAAK0B,QACP1B,KAAKS,QAGbQ,EAACU,EAAAA,CACGH,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,EAExBT,MAAOf,KAAKS,MAAMC,WACdV,KAAKS,MACTmB,cAAe5B,KAAKS,MAAMmB,cAC1BC,SAAU7B,KAAK8B,SACfC,SAAU/B,KAAKgC,OACfC,UAAWjC,KAAKiC,YAKpC"}

package/dist/es/components/Dragonpay/components/DragonpayInput/DragonpayInput.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useEffect as a,useState as r}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../../../../utils/useForm/useForm.js";import t from"../../../internal/FormFields/Field/Field.js";import s from"../../../../utils/get-issuer-image.js";import i from"../../../../core/Context/useCoreContext.js";import n from"../../../internal/FormFields/InputEmail.js";import l from"../../../internal/FormFields/Select/Select.js";import p from"../../../../core/Context/useImage.js";import{validationRules as m}from"../../../../utils/Validator/defaultRules.js";import{getErrorMessage as u}from"../../../../utils/getErrorMessage.js";function d(d){const{i18n:c}=i(),g=p(),h=()=>["dragonpay_ebanking","dragonpay_otc_banking","dragonpay_otc_non_banking"].indexOf(d.type)>-1,{handleChangeFor:f,triggerValidation:_,data:y,valid:E,errors:k,isValid:F}=o({schema:[...h()?["issuer"]:[],"shopperEmail"],rules:{issuer:{validate:e=>h()&&!!e,modes:["input","blur"]},shopperEmail:m.emailRule}}),j=s({},d.type,g),x=d.items.map((e=>({...e,icon:j(e.id&&e.id.toLowerCase())})));a((()=>{d.onChange({isValid:F,data:y,valid:E,errors:k})}),[F,y,E,k]);const[C,b]=r("ready");return this.setStatus=b,this.showValidation=_,e("div",{className:"adyen-checkout__dragonpay-input__field"},e(t,{label:c.get("shopperEmail"),errorMessage:u(c,k.shopperEmail,c.get("shopperEmail")),name:"dragonpay-shopperEmail"},e(n,{name:"dragonpay-shopperEmail",autoCorrect:"off",value:y.shopperEmail,className:"adyen-checkout__input--large",spellCheck:!1,onInput:f("shopperEmail","input"),onBlur:f("shopperEmail","blur")})),h()&&e(t,{label:c.get((V=d.type,"dragonpay_otc_non_banking"===V?"dragonpayVoucher.selectField.contextualText.nonBank":"dragonpayVoucher.selectField.contextualText.bank")),errorMessage:!!k.issuer,name:"issuer"},e(l,{items:x,selectedValue:y.issuer,name:"issuer",className:"adyen-checkout__dropdown--large adyen-checkout__issuer-list__dropdown",onChange:f("issuer")})),d.showPayButton&&d.payButton({status:C,label:c.get("confirmPurchase")}));var V}d.defaultProps={data:{},items:[],onChange:()=>{}};export{d as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useEffect as a,useState as r}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../../../../utils/useForm/useForm.js";import t from"../../../internal/FormFields/Field/Field.js";import s from"../../../../utils/get-issuer-image.js";import{useCoreContext as i}from"../../../../core/Context/CoreProvider.js";import n from"../../../internal/FormFields/InputEmail.js";import l from"../../../internal/FormFields/Select/Select.js";import p from"../../../../core/Context/useImage.js";import{validationRules as m}from"../../../../utils/Validator/defaultRules.js";import{getErrorMessage as u}from"../../../../utils/getErrorMessage.js";function d(d){const{i18n:c}=i(),g=p(),h=()=>["dragonpay_ebanking","dragonpay_otc_banking","dragonpay_otc_non_banking"].indexOf(d.type)>-1,{handleChangeFor:f,triggerValidation:_,data:y,valid:E,errors:k,isValid:F}=o({schema:[...h()?["issuer"]:[],"shopperEmail"],rules:{issuer:{validate:e=>h()&&!!e,modes:["input","blur"]},shopperEmail:m.emailRule}}),j=s({},d.type,g),b=d.items.map((e=>({...e,icon:j(e.id&&e.id.toLowerCase())})));a((()=>{d.onChange({isValid:F,data:y,valid:E,errors:k})}),[F,y,E,k]);const[x,C]=r("ready");return this.setStatus=C,this.showValidation=_,e("div",{className:"adyen-checkout__dragonpay-input__field"},e(t,{label:c.get("shopperEmail"),errorMessage:u(c,k.shopperEmail,c.get("shopperEmail")),name:"dragonpay-shopperEmail"},e(n,{name:"dragonpay-shopperEmail",autoCorrect:"off",value:y.shopperEmail,className:"adyen-checkout__input--large",spellCheck:!1,onInput:f("shopperEmail","input"),onBlur:f("shopperEmail","blur")})),h()&&e(t,{label:c.get((V=d.type,"dragonpay_otc_non_banking"===V?"dragonpayVoucher.selectField.contextualText.nonBank":"dragonpayVoucher.selectField.contextualText.bank")),errorMessage:!!k.issuer,name:"issuer"},e(l,{items:b,selectedValue:y.issuer,name:"issuer",className:"adyen-checkout__dropdown--large adyen-checkout__issuer-list__dropdown",onChange:f("issuer")})),d.showPayButton&&d.payButton({status:x,label:c.get("confirmPurchase")}));var V}d.defaultProps={data:{},items:[],onChange:()=>{}};export{d as default};
 //# sourceMappingURL=DragonpayInput.js.map

package/dist/es/components/Dragonpay/components/DragonpayInput/DragonpayInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragonpayInput.js","sources":["../../../../../../src/components/Dragonpay/components/DragonpayInput/DragonpayInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport useForm from '../../../../utils/useForm';\nimport Field from '../../../internal/FormFields/Field';\nimport getIssuerImageUrl from '../../../../utils/get-issuer-image';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps } from '../../types';\nimport InputEmail from '../../../internal/FormFields/InputEmail';\nimport Select from '../../../internal/FormFields/Select';\nimport useImage from '../../../../core/Context/useImage';\nimport { validationRules } from '../../../../utils/Validator/defaultRules';\nimport { getErrorMessage } from '../../../../utils/getErrorMessage';\n\nexport default function DragonpayInput(props: DragonpayInputProps) {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const isIssuerRequired = () => {\n        const typesRequiringIssuers = ['dragonpay_ebanking', 'dragonpay_otc_banking', 'dragonpay_otc_non_banking'];\n        return typesRequiringIssuers.indexOf(props.type) > -1;\n    };\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<DragonpayInputData>({\n        schema: [...(isIssuerRequired() ? ['issuer'] : []), 'shopperEmail'],\n        rules: {\n            issuer: {\n                validate: issuer => isIssuerRequired() && !!issuer,\n                modes: ['input', 'blur']\n            },\n            shopperEmail: validationRules.emailRule\n        }\n    });\n\n    const getIssuerIcon = getIssuerImageUrl({}, props.type, getImage);\n    const items = props.items.map(\n        (item: DragonpayInputIssuerItem): DragonpayInputIssuerItem => ({\n            ...item,\n            icon: getIssuerIcon(item.id && item.id.toLowerCase())\n        })\n    );\n\n    const getIssuerSelectFieldKey = type => {\n        if (type === 'dragonpay_otc_non_banking') {\n            return 'dragonpayVoucher.selectField.contextualText.nonBank';\n        }\n        return 'dragonpayVoucher.selectField.contextualText.bank';\n    };\n\n    useEffect(() => {\n        props.onChange({ isValid, data, valid, errors });\n    }, [isValid, data, valid, errors]);\n\n    const [status, setStatus] = useState('ready');\n    this.setStatus = setStatus;\n    this.showValidation = triggerValidation;\n\n    return (\n        <div className=\"adyen-checkout__dragonpay-input__field\">\n            <Field\n                label={i18n.get('shopperEmail')}\n                errorMessage={getErrorMessage(i18n, errors.shopperEmail, i18n.get('shopperEmail'))}\n                name={'dragonpay-shopperEmail'}\n            >\n                <InputEmail\n                    name={'dragonpay-shopperEmail'}\n                    autoCorrect={'off'}\n                    value={data.shopperEmail}\n                    className={'adyen-checkout__input--large'}\n                    spellCheck={false}\n                    onInput={handleChangeFor('shopperEmail', 'input')}\n                    onBlur={handleChangeFor('shopperEmail', 'blur')}\n                />\n            </Field>\n\n            {isIssuerRequired() && (\n                <Field label={i18n.get(getIssuerSelectFieldKey(props.type))} errorMessage={!!errors.issuer} name={'issuer'}>\n                    <Select\n                        items={items}\n                        selectedValue={data.issuer}\n                        name={'issuer'}\n                        className={'adyen-checkout__dropdown--large adyen-checkout__issuer-list__dropdown'}\n                        onChange={handleChangeFor('issuer')}\n                    />\n                </Field>\n            )}\n\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n\nDragonpayInput.defaultProps = {\n    data: {},\n    items: [],\n    onChange: () => {}\n};\n"],"names":["DragonpayInput","props","i18n","useCoreContext","getImage","useImage","isIssuerRequired","indexOf","type","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","issuer","validate","modes","shopperEmail","validationRules","emailRule","getIssuerIcon","getIssuerImageUrl","items","map","item","icon","id","toLowerCase","useEffect","onChange","status","setStatus","useState","this","showValidation","h","div","className","Field","label","get","errorMessage","getErrorMessage","name","InputEmail","autoCorrect","value","spellCheck","onInput","onBlur","Select","selectedValue","showPayButton","payButton","defaultProps"],"mappings":"msBAae,SAASA,EAAeC,GACnC,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IACXC,EAAmB,IACS,CAAC,qBAAsB,wBAAyB,6BACjDC,QAAQN,EAAMO,OAAS,GAGlDC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,IAAKV,IAAqB,CAAC,UAAY,GAAK,gBACpDW,MAAO,CACHC,OAAQ,CACJC,SAAUD,GAAUZ,OAAwBY,EAC5CE,MAAO,CAAC,QAAS,SAErBC,aAAcC,EAAgBC,aAIhCC,EAAgBC,EAAkB,CAAA,EAAIxB,EAAMO,KAAMJ,GAClDsB,EAAQzB,EAAMyB,MAAMC,KACrBC,IAA8D,IACxDA,EACHC,KAAML,EAAcI,EAAKE,IAAMF,EAAKE,GAAGC,mBAW/CC,GAAU,KACN/B,EAAMgC,SAAS,CAAEnB,UAASH,OAAMC,QAAOC,UAAO,GAC/C,CAACC,EAASH,EAAMC,EAAOC,IAE1B,MAAOqB,EAAQC,GAAaC,EAAS,SAIrC,OAHAC,KAAKF,UAAYA,EACjBE,KAAKC,eAAiB5B,EAGlB6B,EAACC,MAAAA,CAAIC,UAAU,0CACXF,EAACG,EAAAA,CACGC,MAAOzC,EAAK0C,IAAI,gBAChBC,aAAcC,EAAgB5C,EAAMW,EAAOQ,aAAcnB,EAAK0C,IAAI,iBAClEG,KAAM,0BAENR,EAACS,EAAAA,CACGD,KAAM,yBACNE,YAAa,MACbC,MAAOvC,EAAKU,aACZoB,UAAW,+BACXU,YAAY,EACZC,QAAS3C,EAAgB,eAAgB,SACzC4C,OAAQ5C,EAAgB,eAAgB,WAI/CH,KACGiC,EAACG,EAAAA,CAAMC,MAAOzC,EAAK0C,KAlCCpC,EAkC2BP,EAAMO,KAjChD,8BAATA,EACO,sDAEJ,qDA8B8DqC,eAAgBhC,EAAOK,OAAQ6B,KAAM,UAC9FR,EAACe,EAAAA,CACG5B,MAAOA,EACP6B,cAAe5C,EAAKO,OACpB6B,KAAM,SACNN,UAAW,wEACXR,SAAUxB,EAAgB,aAKrCR,EAAMuD,eAAiBvD,EAAMwD,UAAU,CAAEvB,SAAQS,MAAOzC,EAAK0C,IAAI,sBA7C1CpC,IAAAA,CAgDpC,CAEAR,EAAe0D,aAAe,CAC1B/C,KAAM,CAAC,EACPe,MAAO,GACPO,SAAU"}
+{"version":3,"file":"DragonpayInput.js","sources":["../../../../../../src/components/Dragonpay/components/DragonpayInput/DragonpayInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport useForm from '../../../../utils/useForm';\nimport Field from '../../../internal/FormFields/Field';\nimport getIssuerImageUrl from '../../../../utils/get-issuer-image';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport { DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps } from '../../types';\nimport InputEmail from '../../../internal/FormFields/InputEmail';\nimport Select from '../../../internal/FormFields/Select';\nimport useImage from '../../../../core/Context/useImage';\nimport { validationRules } from '../../../../utils/Validator/defaultRules';\nimport { getErrorMessage } from '../../../../utils/getErrorMessage';\n\nexport default function DragonpayInput(props: DragonpayInputProps) {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const isIssuerRequired = () => {\n        const typesRequiringIssuers = ['dragonpay_ebanking', 'dragonpay_otc_banking', 'dragonpay_otc_non_banking'];\n        return typesRequiringIssuers.indexOf(props.type) > -1;\n    };\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<DragonpayInputData>({\n        schema: [...(isIssuerRequired() ? ['issuer'] : []), 'shopperEmail'],\n        rules: {\n            issuer: {\n                validate: issuer => isIssuerRequired() && !!issuer,\n                modes: ['input', 'blur']\n            },\n            shopperEmail: validationRules.emailRule\n        }\n    });\n\n    const getIssuerIcon = getIssuerImageUrl({}, props.type, getImage);\n    const items = props.items.map(\n        (item: DragonpayInputIssuerItem): DragonpayInputIssuerItem => ({\n            ...item,\n            icon: getIssuerIcon(item.id && item.id.toLowerCase())\n        })\n    );\n\n    const getIssuerSelectFieldKey = type => {\n        if (type === 'dragonpay_otc_non_banking') {\n            return 'dragonpayVoucher.selectField.contextualText.nonBank';\n        }\n        return 'dragonpayVoucher.selectField.contextualText.bank';\n    };\n\n    useEffect(() => {\n        props.onChange({ isValid, data, valid, errors });\n    }, [isValid, data, valid, errors]);\n\n    const [status, setStatus] = useState('ready');\n    this.setStatus = setStatus;\n    this.showValidation = triggerValidation;\n\n    return (\n        <div className=\"adyen-checkout__dragonpay-input__field\">\n            <Field\n                label={i18n.get('shopperEmail')}\n                errorMessage={getErrorMessage(i18n, errors.shopperEmail, i18n.get('shopperEmail'))}\n                name={'dragonpay-shopperEmail'}\n            >\n                <InputEmail\n                    name={'dragonpay-shopperEmail'}\n                    autoCorrect={'off'}\n                    value={data.shopperEmail}\n                    className={'adyen-checkout__input--large'}\n                    spellCheck={false}\n                    onInput={handleChangeFor('shopperEmail', 'input')}\n                    onBlur={handleChangeFor('shopperEmail', 'blur')}\n                />\n            </Field>\n\n            {isIssuerRequired() && (\n                <Field label={i18n.get(getIssuerSelectFieldKey(props.type))} errorMessage={!!errors.issuer} name={'issuer'}>\n                    <Select\n                        items={items}\n                        selectedValue={data.issuer}\n                        name={'issuer'}\n                        className={'adyen-checkout__dropdown--large adyen-checkout__issuer-list__dropdown'}\n                        onChange={handleChangeFor('issuer')}\n                    />\n                </Field>\n            )}\n\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n\nDragonpayInput.defaultProps = {\n    data: {},\n    items: [],\n    onChange: () => {}\n};\n"],"names":["DragonpayInput","props","i18n","useCoreContext","getImage","useImage","isIssuerRequired","indexOf","type","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","issuer","validate","modes","shopperEmail","validationRules","emailRule","getIssuerIcon","getIssuerImageUrl","items","map","item","icon","id","toLowerCase","useEffect","onChange","status","setStatus","useState","this","showValidation","h","div","className","Field","label","get","errorMessage","getErrorMessage","name","InputEmail","autoCorrect","value","spellCheck","onInput","onBlur","Select","selectedValue","showPayButton","payButton","defaultProps"],"mappings":"mtBAae,SAASA,EAAeC,GACnC,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IACXC,EAAmB,IACS,CAAC,qBAAsB,wBAAyB,6BACjDC,QAAQN,EAAMO,OAAS,GAGlDC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,IAAKV,IAAqB,CAAC,UAAY,GAAK,gBACpDW,MAAO,CACHC,OAAQ,CACJC,SAAUD,GAAUZ,OAAwBY,EAC5CE,MAAO,CAAC,QAAS,SAErBC,aAAcC,EAAgBC,aAIhCC,EAAgBC,EAAkB,CAAA,EAAIxB,EAAMO,KAAMJ,GAClDsB,EAAQzB,EAAMyB,MAAMC,KACrBC,IAA8D,IACxDA,EACHC,KAAML,EAAcI,EAAKE,IAAMF,EAAKE,GAAGC,mBAW/CC,GAAU,KACN/B,EAAMgC,SAAS,CAAEnB,UAASH,OAAMC,QAAOC,UAAO,GAC/C,CAACC,EAASH,EAAMC,EAAOC,IAE1B,MAAOqB,EAAQC,GAAaC,EAAS,SAIrC,OAHAC,KAAKF,UAAYA,EACjBE,KAAKC,eAAiB5B,EAGlB6B,EAACC,MAAAA,CAAIC,UAAU,0CACXF,EAACG,EAAAA,CACGC,MAAOzC,EAAK0C,IAAI,gBAChBC,aAAcC,EAAgB5C,EAAMW,EAAOQ,aAAcnB,EAAK0C,IAAI,iBAClEG,KAAM,0BAENR,EAACS,EAAAA,CACGD,KAAM,yBACNE,YAAa,MACbC,MAAOvC,EAAKU,aACZoB,UAAW,+BACXU,YAAY,EACZC,QAAS3C,EAAgB,eAAgB,SACzC4C,OAAQ5C,EAAgB,eAAgB,WAI/CH,KACGiC,EAACG,EAAAA,CAAMC,MAAOzC,EAAK0C,KAlCCpC,EAkC2BP,EAAMO,KAjChD,8BAATA,EACO,sDAEJ,qDA8B8DqC,eAAgBhC,EAAOK,OAAQ6B,KAAM,UAC9FR,EAACe,EAAAA,CACG5B,MAAOA,EACP6B,cAAe5C,EAAKO,OACpB6B,KAAM,SACNN,UAAW,wEACXR,SAAUxB,EAAgB,aAKrCR,EAAMuD,eAAiBvD,EAAMwD,UAAU,CAAEvB,SAAQS,MAAOzC,EAAK0C,IAAI,sBA7C1CpC,IAAAA,CAgDpC,CAEAR,EAAe0D,aAAe,CAC1B/C,KAAM,CAAC,EACPe,MAAO,GACPO,SAAU"}

package/dist/es/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import t from"../../../../utils/get-issuer-image.js";import o from"../../../../core/Context/useCoreContext.js";import n from"../../../../core/Context/useImage.js";function a(a){const{reference:i,totalAmount:u,surcharge:c,expiresAt:s,alternativeReference:l,instructionsUrl:m,icon:p,issuer:f,paymentMethodType:g}=a,{i18n:h}=o(),v=n(),d="dragonpay_otc_philippines"!==g?t({},g,v)(f.toLowerCase()):null;return e(r,{reference:i,paymentMethodType:g,introduction:h.get("voucher.introduction"),imageUrl:p,issuerImageUrl:d,instructionsUrl:m,amount:u&&h.amount(u.value,u.currency),surcharge:c&&h.amount(c.value,c.currency),voucherDetails:[{label:h.get("voucher.expirationDate"),value:h.date(s)},{label:h.get("voucher.alternativeReference"),value:l}],copyBtn:!0})}export{a as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import t from"../../../../utils/get-issuer-image.js";import{useCoreContext as o}from"../../../../core/Context/CoreProvider.js";import n from"../../../../core/Context/useImage.js";function a(a){const{reference:i,totalAmount:u,surcharge:c,expiresAt:s,alternativeReference:l,instructionsUrl:m,icon:p,issuer:f,paymentMethodType:g}=a,{i18n:h}=o(),v=n(),d="dragonpay_otc_philippines"!==g?t({},g,v)(f.toLowerCase()):null;return e(r,{reference:i,paymentMethodType:g,introduction:h.get("voucher.introduction"),imageUrl:p,issuerImageUrl:d,instructionsUrl:m,amount:u&&h.amount(u.value,u.currency),surcharge:c&&h.amount(c.value,c.currency),voucherDetails:[{label:h.get("voucher.expirationDate"),value:h.dateTime(s)},{label:h.get("voucher.alternativeReference"),value:l}],copyBtn:!0})}export{a as default};
 //# sourceMappingURL=DragonpayVoucherResult.js.map