@adyen/adyen-web 5.58.0 → 6.0.0-alpha.0

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

@@ -0,0 +1,2 @@
+import{createElement as o}from"../../../external/preact/dist/preact.js";import{useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import{CtpState as e}from"./services/ClickToPayService.js";import n from"./context/useClickToPayContext.js";import r from"./components/CtPOneTimePassword/CtPOneTimePassword.js";import s from"./components/CtPCards/CtPCards.js";import i from"./components/CtPSection/CtPSection.js";import a from"./components/CtPLoader/CtPLoader.js";import m from"./components/CtPLogin/CtPLogin.js";import p from"./services/sdks/SrciError.js";const c=({onDisplayCardComponent:c})=>{const{ctpState:d,onReady:l,startIdentityValidation:C,logoutShopper:f}=n();return t((()=>{[e.OneTimePassword,e.Login,e.Ready].includes(d)&&l()}),[d,l]),t((()=>{d===e.ShopperIdentified&&async function(){try{await C()}catch(o){o instanceof p&&console.warn(`CtP - Identity Validation error: ${o.toString()}`),await f()}}()}),[d]),d===e.NotAvailable?null:o(i,null,[e.Loading,e.ShopperIdentified].includes(d)&&o(a,null),d===e.OneTimePassword&&o(r,{onDisplayCardComponent:c}),d===e.Ready&&o(s,{onDisplayCardComponent:c}),d===e.Login&&o(m,null))};export{c as default};
+//# sourceMappingURL=ClickToPayComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClickToPayComponent.js","sources":["../../../../../src/components/internal/ClickToPay/ClickToPayComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { CtpState } from './services/ClickToPayService';\nimport useClickToPayContext from './context/useClickToPayContext';\nimport CtPOneTimePassword from './components/CtPOneTimePassword';\nimport CtPCards from './components/CtPCards';\nimport CtPSection from './components/CtPSection';\nimport CtPLoader from './components/CtPLoader';\nimport CtPLogin from './components/CtPLogin';\nimport SrciError from './services/sdks/SrciError';\n\ntype ClickToPayComponentProps = {\n    onDisplayCardComponent?(): void;\n};\n\nconst ClickToPayComponent = ({ onDisplayCardComponent }: ClickToPayComponentProps): h.JSX.Element => {\n    const { ctpState, onReady, startIdentityValidation, logoutShopper } = useClickToPayContext();\n\n    useEffect(() => {\n        if ([CtpState.OneTimePassword, CtpState.Login, CtpState.Ready].includes(ctpState)) {\n            onReady();\n        }\n    }, [ctpState, onReady]);\n\n    useEffect(() => {\n        async function sendOneTimePassword() {\n            try {\n                await startIdentityValidation();\n            } catch (error) {\n                if (error instanceof SrciError) console.warn(`CtP - Identity Validation error: ${error.toString()}`);\n                await logoutShopper();\n            }\n        }\n        if (ctpState === CtpState.ShopperIdentified) {\n            sendOneTimePassword();\n        }\n    }, [ctpState]);\n\n    if (ctpState === CtpState.NotAvailable) {\n        return null;\n    }\n\n    return (\n        <CtPSection>\n            {[CtpState.Loading, CtpState.ShopperIdentified].includes(ctpState) && <CtPLoader />}\n            {ctpState === CtpState.OneTimePassword && <CtPOneTimePassword onDisplayCardComponent={onDisplayCardComponent} />}\n            {ctpState === CtpState.Ready && <CtPCards onDisplayCardComponent={onDisplayCardComponent} />}\n            {ctpState === CtpState.Login && <CtPLogin />}\n        </CtPSection>\n    );\n};\n\nexport default ClickToPayComponent;\n"],"names":["ClickToPayComponent","onDisplayCardComponent","ctpState","onReady","startIdentityValidation","logoutShopper","useClickToPayContext","useEffect","CtpState","OneTimePassword","Login","Ready","includes","ShopperIdentified","async","error","SrciError","console","warn","toString","sendOneTimePassword","NotAvailable","h","CtPSection","Loading","CtPLoader","CtPOneTimePassword","CtPCards","CtPLogin"],"mappings":"wjBAeA,MAAMA,EAAsB,EAAGC,6BAC3B,MAAMC,SAAEA,EAAQC,QAAEA,EAAOC,wBAAEA,EAAuBC,cAAEA,GAAkBC,IAsBtE,OApBAC,GAAU,KACF,CAACC,EAASC,gBAAiBD,EAASE,MAAOF,EAASG,OAAOC,SAASV,IACpEC,GACJ,GACD,CAACD,EAAUC,IAEdI,GAAU,KASFL,IAAaM,EAASK,mBAR1BC,iBACI,UACUV,GACV,CAAE,MAAOW,GACDA,aAAiBC,GAAWC,QAAQC,KAAK,oCAAoCH,EAAMI,oBACjFd,GACV,CACJ,CAEIe,EACJ,GACD,CAAClB,IAEAA,IAAaM,EAASa,aACf,KAIPC,EAACC,EACI,KAAA,CAACf,EAASgB,QAAShB,EAASK,mBAAmBD,SAASV,IAAaoB,EAACG,QACtEvB,IAAaM,EAASC,iBAAmBa,EAACI,EAAAA,CAAmBzB,uBAAwBA,IACrFC,IAAaM,EAASG,OAASW,EAACK,EAAAA,CAAS1B,uBAAwBA,IACjEC,IAAaM,EAASE,OAASY,EAACM,EAAAA,MAAAA"}

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

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import c from"../../../../../external/classnames/index.js";import t from"../../../Img/Img.js";import{SchemeNames as a}from"../../services/sdks/utils.js";import o from"../../context/useClickToPayContext.js";import s from"../../../../../core/Context/useImage.js";const r=({classNameModifiers:r=[]})=>{const m=s(),{schemes:p}=o(),n=m()("ctp"),d=m({imageFolder:"components/"})("pipe");return e("div",{className:c("adyen_checkout-ctp__brand-wrapper",r.map((e=>`adyen_checkout-ctp__brand-wrapper--${e}`)))},e(t,{className:"adyen_checkout-ctp__brand-logo",src:n,alt:"Logo of Click to Pay"}),e(t,{className:"adyen_checkout-ctp__brand-pipe",src:d,alt:""}),p.map((o=>e(t,{key:o,className:c("adyen_checkout-ctp__brand-scheme",`adyen_checkout-ctp__brand-scheme-${o}`),src:m()(o),alt:`Logo of ${a[o]}`}))))};export{r as CtPBrand};
+//# sourceMappingURL=CtPBrand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPBrand.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPBrand/CtPBrand.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classnames from 'classnames';\nimport Img from '../../../Img';\nimport { SchemeNames } from '../../services/sdks/utils';\nimport useClickToPayContext from '../../context/useClickToPayContext';\nimport useImage from '../../../../../core/Context/useImage';\nimport './CtPBrand.scss';\n\ntype CtPBrandProps = {\n    classNameModifiers?: string[];\n};\n\nconst CtPBrand = ({ classNameModifiers = [] }: CtPBrandProps) => {\n    const getImage = useImage();\n    const { schemes } = useClickToPayContext();\n\n    const ctpImageUrl = getImage()('ctp');\n    const pipeImageUrl = getImage({ imageFolder: 'components/' })('pipe');\n\n    return (\n        <div\n            className={classnames(\n                'adyen_checkout-ctp__brand-wrapper',\n                classNameModifiers.map(m => `adyen_checkout-ctp__brand-wrapper--${m}`)\n            )}\n        >\n            <Img className=\"adyen_checkout-ctp__brand-logo\" src={ctpImageUrl} alt={'Logo of Click to Pay'} />\n            <Img className=\"adyen_checkout-ctp__brand-pipe\" src={pipeImageUrl} alt=\"\" />\n\n            {schemes.map(brand => (\n                <Img\n                    key={brand}\n                    className={classnames('adyen_checkout-ctp__brand-scheme', `adyen_checkout-ctp__brand-scheme-${brand}`)}\n                    src={getImage()(brand)}\n                    alt={`Logo of ${SchemeNames[brand]}`}\n                />\n            ))}\n        </div>\n    );\n};\n\nexport { CtPBrand };\n"],"names":["CtPBrand","classNameModifiers","getImage","useImage","schemes","useClickToPayContext","ctpImageUrl","pipeImageUrl","imageFolder","h","div","className","classnames","map","m","Img","src","alt","brand","key","SchemeNames"],"mappings":"mVAYA,MAAMA,EAAW,EAAGC,qBAAqB,OACrC,MAAMC,EAAWC,KACXC,QAAEA,GAAYC,IAEdC,EAAcJ,IAAW,OACzBK,EAAeL,EAAS,CAAEM,YAAa,eAAxBN,CAAyC,QAE9D,OACIO,EAACC,MAAAA,CACGC,UAAWC,EACP,oCACAX,EAAmBY,KAAIC,GAAK,sCAAsCA,QAGtEL,EAACM,EAAAA,CAAIJ,UAAU,iCAAiCK,IAAKV,EAAaW,IAAK,yBACvER,EAACM,EAAAA,CAAIJ,UAAU,iCAAiCK,IAAKT,EAAcU,IAAI,KAEtEb,EAAQS,KAAIK,GACTT,EAACM,EAAAA,CACGI,IAAKD,EACLP,UAAWC,EAAW,mCAAoC,oCAAoCM,KAC9FF,IAAKd,IAAWgB,GAChBD,IAAK,WAAWG,EAAYF"}

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

@@ -0,0 +1,2 @@
+import{createElement as t,Fragment as e}from"../../../../../external/preact/dist/preact.js";import{useState as r,useEffect as o,useCallback as s}from"../../../../../external/preact/hooks/dist/hooks.js";import a from"../../context/useClickToPayContext.js";import n from"./CtPSingleCard/CtPSingleCard.js";import i from"../../../PayButton/PayButton.js";import{amountLabel as c}from"../../../PayButton/utils.js";import l from"./CtPCardsList/CtPCardsList.js";import m from"../../services/sdks/SrciError.js";import u from"../CtPSection/CtPSection.js";import{CTP_IFRAME_NAME as d}from"../../services/utils.js";import p from"../../../IFrame/Iframe.js";import f from"../../../../../core/Context/useImage.js";import g from"../../../../../core/Context/useCoreContext.js";import C from"../../../../../utils/isMobile.js";function h(t,e){if(!t)return null;const r=e.get(`ctp.errors.${t}`);return r.includes("ctp.errors")?e.get("ctp.errors.UNKNOWN_ERROR"):r}function y(t,e,r){return r?C()?null:t.get("payButton.with",{values:{value:c(t,e),maskedData:`•••• ${r?.panLastFour}`}}):t.get("payButton")}const P=({onDisplayCardComponent:c})=>{const{i18n:C}=g(),P=f(),{amount:j,cards:k,checkout:S,isCtpPrimaryPaymentMethod:x,status:b,onSubmit:E,onSetStatus:v,onError:B}=a(),[M,N]=r(k.find((t=>!t.isExpired))||k[0]),[$,w]=r(null),F=k.every((t=>t.isExpired)),[R,_]=r(!1);o((()=>{(0===k.length||F)&&c?.()}),[c,F,k]);const D=s((async()=>{if(M)try{_(!0),w(null),v("loading");const t=await S(M);E(t)}catch(t){t instanceof m&&(w(t?.reason),console.warn(`CtP - Checkout: Reason: ${t?.reason} / Source: ${t?.source} / Scheme: ${t?.scheme}`)),_(!1),B(t)}}),[S,M]),I=s((t=>{N(t)}),[]),L=R&&"loading"===b&&M?.isDcfPopupEmbedded,T="loading"!==b||!L;return t(e,null,t(p,{name:d,height:"380",width:"100%",classNameModifiers:[L?"":"hidden"]}),T&&t(e,null,t(u.Title,null,C.get("ctp.cards.title")),t(u.Text,null,C.get("ctp.cards.subtitle")),0===k.length&&t("div",{className:"adyen-checkout-ctp__empty-cards"},C.get("ctp.emptyProfile.message")),1===k.length&&t(n,{card:k[0],errorMessage:h($,C)}),k.length>1&&t(l,{cardSelected:M,cards:k,onChangeCard:I,errorMessage:h($,C)}),t(i,{disabled:F,amount:j,label:y(C,j,M),status:b,variant:x?"primary":"secondary",icon:0!==k.length&&P({imageFolder:"components/"})(x?"lock":"lock_black"),onClick:D})))};export{P as default};
+//# sourceMappingURL=CtPCards.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPCards.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPCards/CtPCards.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport useClickToPayContext from '../../context/useClickToPayContext';\nimport CtPSingleCard from './CtPSingleCard/CtPSingleCard';\nimport PayButton from '../../../PayButton';\nimport { amountLabel } from '../../../PayButton/utils';\nimport CtPCardsList from './CtPCardsList';\nimport ShopperCard from '../../models/ShopperCard';\nimport SrciError from '../../services/sdks/SrciError';\nimport CtPSection from '../CtPSection';\nimport { CTP_IFRAME_NAME } from '../../services/utils';\nimport Iframe from '../../../../internal/IFrame';\nimport useImage from '../../../../../core/Context/useImage';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport isMobile from '../../../../../utils/isMobile';\nimport Language from '../../../../../language';\nimport { PaymentAmount } from '../../../../../types/global-types';\nimport './CtPCards.scss';\n\ntype CtPCardsProps = {\n    onDisplayCardComponent?(): void;\n};\n\nfunction getErrorLabel(errorCode: string, i18n: Language): string {\n    if (!errorCode) return null;\n\n    const errorLabel = i18n.get(`ctp.errors.${errorCode}`);\n    if (errorLabel.includes('ctp.errors')) return i18n.get(`ctp.errors.UNKNOWN_ERROR`);\n    return errorLabel;\n}\n\nfunction getPayButtonLabel(i18n: Language, amount: PaymentAmount, checkoutCard?: ShopperCard): string | null {\n    if (!checkoutCard) return i18n.get('payButton');\n    if (!isMobile())\n        return i18n.get('payButton.with', {\n            values: { value: amountLabel(i18n, amount), maskedData: `•••• ${checkoutCard?.panLastFour}` }\n        });\n    return null;\n}\n\nconst CtPCards = ({ onDisplayCardComponent }: CtPCardsProps) => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const { amount, cards, checkout, isCtpPrimaryPaymentMethod, status, onSubmit, onSetStatus, onError } = useClickToPayContext();\n    const [checkoutCard, setCheckoutCard] = useState<ShopperCard | undefined>(cards.find(card => !card.isExpired) || cards[0]);\n    const [errorCode, setErrorCode] = useState<string>(null);\n    const isEveryCardExpired = cards.every(card => card.isExpired);\n    const [isShopperCheckingOutWithCtp, setIsShopperCheckingOutWithCtp] = useState<boolean>(false);\n\n    useEffect(() => {\n        if (cards.length === 0 || isEveryCardExpired) {\n            onDisplayCardComponent?.();\n        }\n    }, [onDisplayCardComponent, isEveryCardExpired, cards]);\n\n    const doCheckout = useCallback(async () => {\n        if (!checkoutCard) return;\n\n        try {\n            setIsShopperCheckingOutWithCtp(true);\n            setErrorCode(null);\n            onSetStatus('loading');\n            const payload = await checkout(checkoutCard);\n            onSubmit(payload);\n        } catch (error) {\n            if (error instanceof SrciError) {\n                setErrorCode(error?.reason);\n                console.warn(`CtP - Checkout: Reason: ${error?.reason} / Source: ${error?.source} / Scheme: ${error?.scheme}`);\n            }\n            setIsShopperCheckingOutWithCtp(false);\n            onError(error);\n        }\n    }, [checkout, checkoutCard]);\n\n    const handleOnChangeCard = useCallback((card: ShopperCard) => {\n        setCheckoutCard(card);\n    }, []);\n\n    /**\n     * If shopper submits the payment using the default Card component while CtP is rendered, the status here will be updated\n     * and that can potentially display an iframe.\n     *\n     * Therefore, we use the flag 'isShopperCheckingOutWithCtp' to flag that the iframe should be displayed only in case the\n     * Shopper is checking out with Click to Pay.\n     */\n    const displayNetworkDcf = isShopperCheckingOutWithCtp && status === 'loading' && checkoutCard?.isDcfPopupEmbedded;\n    const displayCardCheckoutView = status !== 'loading' || !displayNetworkDcf;\n\n    return (\n        <Fragment>\n            <Iframe name={CTP_IFRAME_NAME} height=\"380\" width=\"100%\" classNameModifiers={[displayNetworkDcf ? '' : 'hidden']} />\n\n            {displayCardCheckoutView && (\n                <Fragment>\n                    <CtPSection.Title>{i18n.get('ctp.cards.title')}</CtPSection.Title>\n                    <CtPSection.Text>{i18n.get('ctp.cards.subtitle')}</CtPSection.Text>\n\n                    {cards.length === 0 && <div className=\"adyen-checkout-ctp__empty-cards\">{i18n.get('ctp.emptyProfile.message')}</div>}\n                    {cards.length === 1 && <CtPSingleCard card={cards[0]} errorMessage={getErrorLabel(errorCode, i18n)} />}\n                    {cards.length > 1 && (\n                        <CtPCardsList\n                            cardSelected={checkoutCard}\n                            cards={cards}\n                            onChangeCard={handleOnChangeCard}\n                            errorMessage={getErrorLabel(errorCode, i18n)}\n                        />\n                    )}\n\n                    <PayButton\n                        disabled={isEveryCardExpired}\n                        amount={amount}\n                        label={getPayButtonLabel(i18n, amount, checkoutCard)}\n                        status={status}\n                        variant={isCtpPrimaryPaymentMethod ? 'primary' : 'secondary'}\n                        icon={cards.length !== 0 && getImage({ imageFolder: 'components/' })(isCtpPrimaryPaymentMethod ? 'lock' : 'lock_black')}\n                        onClick={doCheckout}\n                    />\n                </Fragment>\n            )}\n        </Fragment>\n    );\n};\n\nexport default CtPCards;\n"],"names":["getErrorLabel","errorCode","i18n","errorLabel","get","includes","getPayButtonLabel","amount","checkoutCard","isMobile","values","value","amountLabel","maskedData","panLastFour","CtPCards","onDisplayCardComponent","useCoreContext","getImage","useImage","cards","checkout","isCtpPrimaryPaymentMethod","status","onSubmit","onSetStatus","onError","useClickToPayContext","setCheckoutCard","useState","find","card","isExpired","setErrorCode","isEveryCardExpired","every","isShopperCheckingOutWithCtp","setIsShopperCheckingOutWithCtp","useEffect","length","doCheckout","useCallback","async","payload","error","SrciError","reason","console","warn","source","scheme","handleOnChangeCard","displayNetworkDcf","isDcfPopupEmbedded","displayCardCheckoutView","h","Fragment","Iframe","name","CTP_IFRAME_NAME","height","width","classNameModifiers","CtPSection","Title","Text","div","className","CtPSingleCard","errorMessage","CtPCardsList","cardSelected","onChangeCard","PayButton","disabled","label","variant","icon","imageFolder","onClick"],"mappings":"wyBAuBA,SAASA,EAAcC,EAAmBC,GACtC,IAAKD,EAAW,OAAO,KAEvB,MAAME,EAAaD,EAAKE,IAAI,cAAcH,KAC1C,OAAIE,EAAWE,SAAS,cAAsBH,EAAKE,IAAI,4BAChDD,CACX,CAEA,SAASG,EAAkBJ,EAAgBK,EAAuBC,GAC9D,OAAKA,EACAC,IAIE,KAHIP,EAAKE,IAAI,iBAAkB,CAC9BM,OAAQ,CAAEC,MAAOC,EAAYV,EAAMK,GAASM,WAAY,QAAQL,GAAcM,iBAH5DZ,EAAKE,IAAI,YAMvC,CAEA,MAAMW,EAAW,EAAGC,6BAChB,MAAMd,KAAEA,GAASe,IACXC,EAAWC,KACXZ,OAAEA,EAAMa,MAAEA,EAAKC,SAAEA,EAAQC,0BAAEA,EAAyBC,OAAEA,EAAMC,SAAEA,EAAQC,YAAEA,EAAWC,QAAEA,GAAYC,KAChGnB,EAAcoB,GAAmBC,EAAkCT,EAAMU,MAAKC,IAASA,EAAKC,aAAcZ,EAAM,KAChHnB,EAAWgC,GAAgBJ,EAAiB,MAC7CK,EAAqBd,EAAMe,OAAMJ,GAAQA,EAAKC,aAC7CI,EAA6BC,GAAkCR,GAAkB,GAExFS,GAAU,MACe,IAAjBlB,EAAMmB,QAAgBL,IACtBlB,KACJ,GACD,CAACA,EAAwBkB,EAAoBd,IAEhD,MAAMoB,EAAaC,GAAYC,UAC3B,GAAKlC,EAEL,IACI6B,GAA+B,GAC/BJ,EAAa,MACbR,EAAY,WACZ,MAAMkB,QAAgBtB,EAASb,GAC/BgB,EAASmB,EACb,CAAE,MAAOC,GACDA,aAAiBC,IACjBZ,EAAaW,GAAOE,QACpBC,QAAQC,KAAK,2BAA2BJ,GAAOE,oBAAoBF,GAAOK,oBAAoBL,GAAOM,WAEzGb,GAA+B,GAC/BX,EAAQkB,EACZ,IACD,CAACvB,EAAUb,IAER2C,EAAqBV,GAAaV,IACpCH,EAAgBG,EAAAA,GACjB,IASGqB,EAAoBhB,GAA0C,YAAXb,GAAwBf,GAAc6C,mBACzFC,EAAqC,YAAX/B,IAAyB6B,EAEzD,OACIG,EAACC,OACGD,EAACE,EAAAA,CAAOC,KAAMC,EAAiBC,OAAO,MAAMC,MAAM,OAAOC,mBAAoB,CAACV,EAAoB,GAAK,YAEtGE,GACGC,EAACC,OACGD,EAACQ,EAAWC,MAAO9D,KAAAA,EAAKE,IAAI,oBAC5BmD,EAACQ,EAAWE,KAAI,KAAE/D,EAAKE,IAAI,uBAET,IAAjBgB,EAAMmB,QAAgBgB,EAACW,MAAAA,CAAIC,UAAU,mCAAmCjE,EAAKE,IAAI,6BAChE,IAAjBgB,EAAMmB,QAAgBgB,EAACa,EAAAA,CAAcrC,KAAMX,EAAM,GAAIiD,aAAcrE,EAAcC,EAAWC,KAC5FkB,EAAMmB,OAAS,GACZgB,EAACe,EAAAA,CACGC,aAAc/D,EACdY,MAAOA,EACPoD,aAAcrB,EACdkB,aAAcrE,EAAcC,EAAWC,KAI/CqD,EAACkB,EAAAA,CACGC,SAAUxC,EACV3B,OAAQA,EACRoE,MAAOrE,EAAkBJ,EAAMK,EAAQC,GACvCe,OAAQA,EACRqD,QAAStD,EAA4B,UAAY,YACjDuD,KAAuB,IAAjBzD,EAAMmB,QAAgBrB,EAAS,CAAE4D,YAAa,eAAxB5D,CAAyCI,EAA4B,OAAS,cAC1GyD,QAASvC"}

package/dist/es/components/internal/ClickToPay/components/CtPCards/CtPCardsList/CtPCardsList.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../../external/preact/dist/preact.js";import{useMemo as r,useEffect as a}from"../../../../../../external/preact/hooks/dist/hooks.js";import t from"../../../context/useClickToPayContext.js";import s from"../../../../../../core/Context/useCoreContext.js";import o from"../../../../../../core/Context/useImage.js";import i from"../../../../../../utils/useForm/useForm.js";import d from"../../../../../../utils/isMobile.js";import c from"../../../../FormFields/Field/Field.js";import l from"../../../../FormFields/Select/Select.js";const m=["srcDigitalCardId"],n=({cardSelected:n,cards:p,errorMessage:C,onChangeCard:g})=>{const{i18n:u}=s(),f=o(),{status:x}=t(),{handleChangeFor:F,data:h}=i({schema:m,defaultData:{srcDigitalCardId:n.srcDigitalCardId}}),j=r((()=>p.map((e=>({icon:e.artUri||f()(e.scheme),name:`${d()?"":e.title} •••• ${e.panLastFour} `,secondaryText:e.isExpired&&u.get("ctp.cards.expiredCard"),id:e.srcDigitalCardId,disabled:e.isExpired})))),[p]);return a((()=>{const{srcDigitalCardId:e}=h,r=p.find((r=>r.srcDigitalCardId===e));g(r)}),[h,g]),e(c,{name:"clickToPayCards",errorMessage:C,readOnly:"loading"===x},e(l,{items:j,selectedValue:h.srcDigitalCardId,name:"cards",filterable:!1,className:"adyen-checkout-ctp__cards-list-dropdown",readonly:"loading"===x,onChange:F("srcDigitalCardId")}))};export{n as default};
+//# sourceMappingURL=CtPCardsList.js.map

package/dist/es/components/internal/ClickToPay/components/CtPCards/CtPCardsList/CtPCardsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPCardsList.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPCards/CtPCardsList/CtPCardsList.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useMemo } from 'preact/hooks';\nimport ShopperCard from '../../../models/ShopperCard';\nimport useClickToPayContext from '../../../context/useClickToPayContext';\nimport useCoreContext from '../../../../../../core/Context/useCoreContext';\nimport useImage from '../../../../../../core/Context/useImage';\nimport useForm from '../../../../../../utils/useForm';\nimport isMobile from '../../../../../../utils/isMobile';\nimport Field from '../../../../FormFields/Field';\nimport './CtPCardsList.scss';\nimport Select from '../../../../FormFields/Select';\n\ntype CtPCardsListProps = {\n    cards: ShopperCard[];\n    cardSelected: ShopperCard;\n    errorMessage?: string;\n    onChangeCard(card: ShopperCard): void;\n};\n\ntype CardsSelectorDataState = {\n    srcDigitalCardId: string;\n};\n\nconst schema = ['srcDigitalCardId'];\n\nconst CtPCardsList = ({ cardSelected, cards, errorMessage, onChangeCard }: CtPCardsListProps) => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const { status } = useClickToPayContext();\n    const { handleChangeFor, data } = useForm<CardsSelectorDataState>({\n        schema,\n        defaultData: { srcDigitalCardId: cardSelected.srcDigitalCardId }\n    });\n\n    const items = useMemo(() => {\n        return cards.map(card => ({\n            icon: card.artUri || getImage()(card.scheme),\n            name: `${isMobile() ? '' : card.title} •••• ${card.panLastFour} `,\n            secondaryText: card.isExpired && i18n.get('ctp.cards.expiredCard'),\n            id: card.srcDigitalCardId,\n            disabled: card.isExpired\n        }));\n    }, [cards]);\n\n    useEffect(() => {\n        const { srcDigitalCardId } = data;\n        const card = cards.find(card => card.srcDigitalCardId === srcDigitalCardId);\n        onChangeCard(card);\n    }, [data, onChangeCard]);\n\n    return (\n        <Field name=\"clickToPayCards\" errorMessage={errorMessage} readOnly={status === 'loading'}>\n            <Select\n                items={items}\n                selectedValue={data['srcDigitalCardId']}\n                name={'cards'}\n                filterable={false}\n                className={'adyen-checkout-ctp__cards-list-dropdown'}\n                readonly={status === 'loading'}\n                onChange={handleChangeFor('srcDigitalCardId')}\n            />\n        </Field>\n    );\n};\n\nexport default CtPCardsList;\n"],"names":["schema","CtPCardsList","cardSelected","cards","errorMessage","onChangeCard","i18n","useCoreContext","getImage","useImage","status","useClickToPayContext","handleChangeFor","data","useForm","defaultData","srcDigitalCardId","items","useMemo","map","card","icon","artUri","scheme","name","isMobile","title","panLastFour","secondaryText","isExpired","get","id","disabled","useEffect","find","h","Field","readOnly","Select","selectedValue","filterable","className","readonly","onChange"],"mappings":"2jBAuBA,MAAMA,EAAS,CAAC,oBAEVC,EAAe,EAAGC,eAAcC,QAAOC,eAAcC,mBACvD,MAAMC,KAAEA,GAASC,IACXC,EAAWC,KACXC,OAAEA,GAAWC,KACbC,gBAAEA,EAAeC,KAAEA,GAASC,EAAgC,CAC9Dd,SACAe,YAAa,CAAEC,iBAAkBd,EAAac,oBAG5CC,EAAQC,GAAQ,IACXf,EAAMgB,KAAIC,IAAS,CACtBC,KAAMD,EAAKE,QAAUd,IAAWY,EAAKG,QACrCC,KAAM,GAAGC,IAAa,GAAKL,EAAKM,cAAcN,EAAKO,eACnDC,cAAeR,EAAKS,WAAavB,EAAKwB,IAAI,yBAC1CC,GAAIX,EAAKJ,iBACTgB,SAAUZ,EAAKS,eAEpB,CAAC1B,IAQJ,OANA8B,GAAU,KACN,MAAMjB,iBAAEA,GAAqBH,EACvBO,EAAOjB,EAAM+B,MAAKd,GAAQA,EAAKJ,mBAAqBA,IAC1DX,EAAae,EAAAA,GACd,CAACP,EAAMR,IAGN8B,EAACC,EAAAA,CAAMZ,KAAK,kBAAkBpB,aAAcA,EAAciC,SAAqB,YAAX3B,GAChEyB,EAACG,EAAAA,CACGrB,MAAOA,EACPsB,cAAe1B,EAAwB,iBACvCW,KAAM,QACNgB,YAAY,EACZC,UAAW,0CACXC,SAAqB,YAAXhC,EACViC,SAAU/B,EAAgB"}

package/dist/es/components/internal/ClickToPay/components/CtPCards/CtPSingleCard/CtPSingleCard.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as t}from"../../../../../../external/preact/dist/preact.js";import a from"../../../../../../external/classnames/index.js";import r from"../../../../Img/Img.js";import s from"../../../../../../core/Context/useCoreContext.js";import c from"../../../../../../core/Context/useImage.js";const o=({card:o,errorMessage:i})=>{const{i18n:n}=s(),d=c(),m=o.artUri||d()(o.scheme);return e(t,null,e("div",{className:"adyen-checkout-ctp__card-list-single-card"},e(r,{src:m,height:24,className:"adyen-checkout-ctp__card-image"}),e("span",{className:a({"adyen-checkout-ctp__card-list-single-card-expired":o.isExpired})},o.title," ",`•••• ${o.panLastFour}`),o.isExpired&&e("span",{className:"adyen-checkout-ctp__expired-label"},n.get("ctp.cards.expiredCard"))),i&&e("div",{className:"adyen-checkout-contextual-text--error"},i))};export{o as default};
+//# sourceMappingURL=CtPSingleCard.js.map

package/dist/es/components/internal/ClickToPay/components/CtPCards/CtPSingleCard/CtPSingleCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPSingleCard.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPCards/CtPSingleCard/CtPSingleCard.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport classnames from 'classnames';\nimport Img from '../../../../Img';\nimport ShopperCard from '../../../models/ShopperCard';\nimport useCoreContext from '../../../../../../core/Context/useCoreContext';\nimport useImage from '../../../../../../core/Context/useImage';\nimport './CtPSingleCard.scss';\n\ntype CtPSingleCardProps = {\n    card: ShopperCard;\n    errorMessage?: string;\n};\n\nconst CtPSingleCard = ({ card, errorMessage }: CtPSingleCardProps) => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const cardImage = card.artUri || getImage()(card.scheme);\n\n    return (\n        <Fragment>\n            <div className=\"adyen-checkout-ctp__card-list-single-card\">\n                <Img src={cardImage} height={24} className={'adyen-checkout-ctp__card-image'} />\n\n                <span className={classnames({ 'adyen-checkout-ctp__card-list-single-card-expired': card.isExpired })}>\n                    {card.title} {`•••• ${card.panLastFour}`}\n                </span>\n\n                {card.isExpired && <span className=\"adyen-checkout-ctp__expired-label\">{i18n.get('ctp.cards.expiredCard')}</span>}\n            </div>\n\n            {errorMessage && <div className=\"adyen-checkout-contextual-text--error\">{errorMessage}</div>}\n        </Fragment>\n    );\n};\n\nexport default CtPSingleCard;\n"],"names":["CtPSingleCard","card","errorMessage","i18n","useCoreContext","getImage","useImage","cardImage","artUri","scheme","h","Fragment","div","className","Img","src","height","span","classnames","isExpired","title","panLastFour","get"],"mappings":"6TAaA,MAAMA,EAAgB,EAAGC,OAAMC,mBAC3B,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IACXC,EAAYN,EAAKO,QAAUH,IAAWJ,EAAKQ,QAEjD,OACIC,EAACC,OACGD,EAACE,MAAAA,CAAIC,UAAU,6CACXH,EAACI,EAAAA,CAAIC,IAAKR,EAAWS,OAAQ,GAAIH,UAAW,mCAE5CH,EAACO,OAAAA,CAAKJ,UAAWK,EAAW,CAAE,oDAAqDjB,EAAKkB,aACnFlB,EAAKmB,MAAM,IAAE,QAAQnB,EAAKoB,eAG9BpB,EAAKkB,WAAaT,EAACO,OAAAA,CAAKJ,UAAU,qCAAqCV,EAAKmB,IAAI,2BAGpFpB,GAAgBQ,EAACE,MAAAA,CAAIC,UAAU,yCAAyCX,GAAAA"}

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

@@ -0,0 +1,2 @@
+import{createElement as t,Fragment as e}from"../../../../../external/preact/dist/preact.js";import{useState as o,useRef as r,useCallback as a}from"../../../../../external/preact/hooks/dist/hooks.js";import{CtPInfoModal as s}from"./CtPInfoModal/CtPInfoModal.js";import n from"../../../../../core/Context/useImage.js";import i from"../../../../../core/Context/useCoreContext.js";import m from"../../../Img/Img.js";const c=()=>{const[c,l]=o(!1),f=r(),{i18n:p}=i(),u=n()({imageFolder:"components/"})("info"),C=a((()=>{l(!1)}),[]),d=a((()=>{l(!0)}),[]);return t(e,null,t("button",{ref:f,onClick:d,className:"adyen-web__ctp-info-button","aria-label":p.get("ctp.aria.infoModalButton"),type:"button"},t(m,{height:"15",src:u,ariaHidden:!0})),t(s,{isOpen:c,onClose:C,focusAfterClose:f.current}))};export{c as CtPInfo};
+//# sourceMappingURL=CtPInfo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPInfo.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPInfo/CtPInfo.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useCallback, useRef, useState } from 'preact/hooks';\nimport { CtPInfoModal } from './CtPInfoModal';\nimport useImage from '../../../../../core/Context/useImage';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport Img from '../../../Img';\nimport './CtPInfo.scss';\n\nconst CtPInfo = () => {\n    const [isInfoModalOpen, setIsInfoModalOpen] = useState<boolean>(false);\n    const buttonRef = useRef<HTMLButtonElement>();\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const url = getImage({ imageFolder: 'components/' })('info');\n\n    const handleOnClose = useCallback(() => {\n        setIsInfoModalOpen(false);\n    }, []);\n\n    const handleOnIconClick = useCallback(() => {\n        setIsInfoModalOpen(true);\n    }, []);\n\n    return (\n        <Fragment>\n            <button\n                ref={buttonRef}\n                onClick={handleOnIconClick}\n                className=\"adyen-web__ctp-info-button\"\n                aria-label={i18n.get('ctp.aria.infoModalButton')}\n                type=\"button\"\n            >\n                <Img height=\"15\" src={url} ariaHidden={true} />\n            </button>\n\n            <CtPInfoModal isOpen={isInfoModalOpen} onClose={handleOnClose} focusAfterClose={buttonRef.current} />\n        </Fragment>\n    );\n};\n\nexport { CtPInfo };\n"],"names":["CtPInfo","isInfoModalOpen","setIsInfoModalOpen","useState","buttonRef","useRef","i18n","useCoreContext","url","useImage","getImage","imageFolder","handleOnClose","useCallback","handleOnIconClick","h","Fragment","button","ref","onClick","className","aria-label","get","type","Img","height","src","ariaHidden","CtPInfoModal","isOpen","onClose","focusAfterClose","current"],"mappings":"4ZAQA,MAAMA,EAAU,KACZ,MAAOC,EAAiBC,GAAsBC,GAAkB,GAC1DC,EAAYC,KACZC,KAAEA,GAASC,IAEXC,EADWC,GACLC,CAAS,CAAEC,YAAa,eAAxBD,CAAyC,QAE/CE,EAAgBC,GAAY,KAC9BX,GAAmB,EAAA,GACpB,IAEGY,EAAoBD,GAAY,KAClCX,GAAmB,EAAA,GACpB,IAEH,OACIa,EAACC,OACGD,EAACE,SAAAA,CACGC,IAAKd,EACLe,QAASL,EACTM,UAAU,6BACVC,aAAYf,EAAKgB,IAAI,4BACrBC,KAAK,UAELR,EAACS,EAAAA,CAAIC,OAAO,KAAKC,IAAKlB,EAAKmB,YAAY,KAG3CZ,EAACa,EAAAA,CAAaC,OAAQ5B,EAAiB6B,QAASlB,EAAemB,gBAAiB3B,EAAU4B"}

package/dist/es/components/internal/ClickToPay/components/CtPInfo/CtPInfoModal/CtPInfoModal.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as t}from"../../../../../../external/preact/dist/preact.js";import{useRef as o}from"../../../../../../external/preact/hooks/dist/hooks.js";import{CtPBrand as s}from"../../CtPBrand/CtPBrand.js";import a from"../../../../../../core/Context/useCoreContext.js";import n from"../../../../../../core/Context/useImage.js";import{Modal as c}from"../../../../Modal/Modal.js";import l from"../../../../Img/Img.js";import r from"../../../../Button/Button.js";let p=Date.now();function i(){return p+=1,`adyen-${p}`}const m=({isOpen:p,onClose:m,focusAfterClose:d})=>{const u=o(),{i18n:f}=a(),g=n(),C=i(),_=i();return e(c,{onClose:m,isOpen:p,classNameModifiers:["ctp"],labelledBy:C,describedBy:_,focusFirst:u.current,focusAfterClose:d},(({onCloseModal:o})=>e(t,null,e(l,{className:"adyen-checkout__ctp-modal-header-image",src:g({imageFolder:"components/"})("ctp_landscape"),alt:""}),e("h1",{id:C,className:"adyen-checkout__ctp-modal-title"},f.get("ctp.infoPopup.title")),e("div",{id:_},e("p",{tabIndex:-1,ref:u,className:"adyen-checkout__ctp-modal-text"},f.get("ctp.infoPopup.subtitle")),e("ul",{className:"adyen-checkout__ctp-modal-text adyen-checkout__ctp-modal-benefits",type:"disc"},e("li",null,f.get("ctp.infoPopup.benefit1")),e("li",null,f.get("ctp.infoPopup.benefit2")),e("li",null,f.get("ctp.infoPopup.benefit3"))),e(s,{classNameModifiers:["popup"]})),e(r,{onClick:o,label:f.get("close")}))))};export{m as CtPInfoModal};
+//# sourceMappingURL=CtPInfoModal.js.map

package/dist/es/components/internal/ClickToPay/components/CtPInfo/CtPInfoModal/CtPInfoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPInfoModal.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPInfo/CtPInfoModal/CtPInfoModal.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { CtPBrand } from '../../CtPBrand';\nimport useCoreContext from '../../../../../../core/Context/useCoreContext';\nimport useImage from '../../../../../../core/Context/useImage';\nimport { Modal } from '../../../../Modal';\nimport Img from '../../../../Img';\nimport Button from '../../../../Button';\nimport './CtPInfoModal.scss';\n\nlet idGenerator = Date.now();\n\nfunction getUniqueId() {\n    idGenerator += 1;\n    return `adyen-${idGenerator}`;\n}\n\ntype CtPInfoModalProps = {\n    isOpen: boolean;\n    onClose(): void;\n    focusAfterClose: HTMLElement;\n};\n\nconst CtPInfoModal = ({ isOpen, onClose, focusAfterClose }: CtPInfoModalProps) => {\n    const focusFirstElement = useRef<HTMLParagraphElement>();\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    const labelledBy = getUniqueId();\n    const describedBy = getUniqueId();\n\n    return (\n        <Modal\n            onClose={onClose}\n            isOpen={isOpen}\n            classNameModifiers={['ctp']}\n            labelledBy={labelledBy}\n            describedBy={describedBy}\n            focusFirst={focusFirstElement.current}\n            focusAfterClose={focusAfterClose}\n        >\n            {({ onCloseModal }) => (\n                <Fragment>\n                    <Img className=\"adyen-checkout__ctp-modal-header-image\" src={getImage({ imageFolder: 'components/' })('ctp_landscape')} alt=\"\" />\n                    <h1 id={labelledBy} className=\"adyen-checkout__ctp-modal-title\">\n                        {i18n.get('ctp.infoPopup.title')}\n                    </h1>\n\n                    <div id={describedBy}>\n                        <p tabIndex={-1} ref={focusFirstElement} className=\"adyen-checkout__ctp-modal-text\">\n                            {i18n.get('ctp.infoPopup.subtitle')}\n                        </p>\n\n                        <ul className=\"adyen-checkout__ctp-modal-text adyen-checkout__ctp-modal-benefits\" type=\"disc\">\n                            <li>{i18n.get('ctp.infoPopup.benefit1')}</li>\n                            <li>{i18n.get('ctp.infoPopup.benefit2')}</li>\n                            <li>{i18n.get('ctp.infoPopup.benefit3')}</li>\n                        </ul>\n\n                        <CtPBrand classNameModifiers={['popup']} />\n                    </div>\n\n                    <Button onClick={onCloseModal} label={i18n.get('close')} />\n                </Fragment>\n            )}\n        </Modal>\n    );\n};\n\nexport { CtPInfoModal };\n"],"names":["idGenerator","Date","now","getUniqueId","CtPInfoModal","isOpen","onClose","focusAfterClose","focusFirstElement","useRef","i18n","useCoreContext","getImage","useImage","labelledBy","describedBy","h","Modal","classNameModifiers","focusFirst","current","onCloseModal","Fragment","Img","className","src","imageFolder","alt","h1","id","get","div","p","tabIndex","ref","ul","type","li","CtPBrand","Button","onClick","label"],"mappings":"meAUA,IAAIA,EAAcC,KAAKC,MAEvB,SAASC,IAEL,OADAH,GAAe,EACR,SAASA,GACpB,CAQMI,MAAAA,EAAe,EAAGC,SAAQC,UAASC,sBACrC,MAAMC,EAAoBC,KACpBC,KAAEA,GAASC,IACXC,EAAWC,IAEXC,EAAaX,IACbY,EAAcZ,IAEpB,OACIa,EAACC,EAAAA,CACGX,QAASA,EACTD,OAAQA,EACRa,mBAAoB,CAAC,OACrBJ,WAAYA,EACZC,YAAaA,EACbI,WAAYX,EAAkBY,QAC9Bb,gBAAiBA,IAEhB,EAAGc,kBACAL,EAACM,OACGN,EAACO,EAAAA,CAAIC,UAAU,yCAAyCC,IAAKb,EAAS,CAAEc,YAAa,eAAxBd,CAAyC,iBAAkBe,IAAI,KAC5HX,EAACY,KAAAA,CAAGC,GAAIf,EAAYU,UAAU,mCACzBd,EAAKoB,IAAI,wBAGdd,EAACe,MAAAA,CAAIF,GAAId,GACLC,EAACgB,IAAAA,CAAEC,UAAW,EAAGC,IAAK1B,EAAmBgB,UAAU,kCAC9Cd,EAAKoB,IAAI,2BAGdd,EAACmB,KAAAA,CAAGX,UAAU,oEAAoEY,KAAK,QACnFpB,EAACqB,UAAI3B,EAAKoB,IAAI,2BACdd,EAACqB,KAAI3B,KAAAA,EAAKoB,IAAI,2BACdd,EAACqB,KAAAA,KAAI3B,EAAKoB,IAAI,4BAGlBd,EAACsB,EAAAA,CAASpB,mBAAoB,CAAC,YAGnCF,EAACuB,EAAAA,CAAOC,QAASnB,EAAcoB,MAAO/B,EAAKoB,IAAI"}

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

@@ -0,0 +1,2 @@
+import{createElement as a,Fragment as e}from"../../../../../external/preact/dist/preact.js";import t from"../../../../../core/Context/useCoreContext.js";const c=()=>{const{i18n:c}=t();return a(e,null,a("div",{className:"adyen-checkout-ctp__card-animation"},a("div",{className:"adyen-checkout-ctp__card-animation-layer"}),a("div",{className:"adyen-checkout-ctp__card-animation-layer"}),a("div",{className:"adyen-checkout-ctp__card-animation-layer"})),a("div",{className:"adyen-checkout-ctp__loading-subtitle"},c.get("ctp.loading.intro")))};export{c as default};
+//# sourceMappingURL=CtPLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPLoader.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPLoader/CtPLoader.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport './CtPLoader.scss';\n\nconst CtPLoader = (): h.JSX.Element => {\n    const { i18n } = useCoreContext();\n\n    return (\n        <Fragment>\n            <div className=\"adyen-checkout-ctp__card-animation\">\n                <div className=\"adyen-checkout-ctp__card-animation-layer\"></div>\n                <div className=\"adyen-checkout-ctp__card-animation-layer\"></div>\n                <div className=\"adyen-checkout-ctp__card-animation-layer\"></div>\n            </div>\n\n            <div className=\"adyen-checkout-ctp__loading-subtitle\">{i18n.get('ctp.loading.intro')}</div>\n        </Fragment>\n    );\n};\n\nexport default CtPLoader;\n"],"names":["CtPLoader","i18n","useCoreContext","h","Fragment","div","className","get"],"mappings":"yJAIA,MAAMA,EAAY,KACd,MAAMC,KAAEA,GAASC,IAEjB,OACIC,EAACC,OACGD,EAACE,MAAAA,CAAIC,UAAU,sCACXH,EAACE,MAAAA,CAAIC,UAAU,6CACfH,EAACE,MAAAA,CAAIC,UAAU,6CACfH,EAACE,MAAAA,CAAIC,UAAU,8CAGnBH,EAACE,MAAAA,CAAIC,UAAU,wCAAwCL,EAAKM,IAAI,sBAAA"}

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

@@ -0,0 +1,2 @@
+import{createElement as t,Fragment as o}from"../../../../../external/preact/dist/preact.js";import{useState as e,useCallback as r}from"../../../../../external/preact/hooks/dist/hooks.js";import n from"../../../Button/Button.js";import s from"../../context/useClickToPayContext.js";import i from"./CtPLoginInput.js";import{CtPInfo as a}from"../CtPInfo/CtPInfo.js";import l from"../CtPSection/CtPSection.js";import p from"../../services/sdks/SrciError.js";import m from"../../../../../core/Context/useCoreContext.js";import c from"../../errors/TimeoutError.js";const u=()=>{const{i18n:u}=m(),{isCtpPrimaryPaymentMethod:d,setIsCtpPrimaryPaymentMethod:f,verifyIfShopperIsEnrolled:g,startIdentityValidation:C}=s(),[P,h]=e(null),[y,j]=e(!1),[I,x]=e(null),[S,E]=e(!1),[k,T]=e(null),b=r((t=>{T(t)}),[]),v=r((({data:t,isValid:o})=>{h(t.shopperLogin),j(o),t?.shopperLogin?.length>0&&f(!0)}),[]),w=r((async()=>{if(x(null),y){E(!0);try{const{isEnrolled:t}=await g({shopperEmail:P});t?await C():(x("NOT_FOUND"),E(!1))}catch(t){t instanceof p&&console.warn(`CtP - Login error: ${t.toString()}`),t instanceof c&&console.warn(t.toString()),x(t?.reason),E(!1)}}else k.validateInput()}),[g,C,P,y,k]);return t(o,null,t(l.Title,{endAdornment:t(a,null)},u.get("ctp.login.title")),t(l.Text,null,u.get("ctp.login.subtitle")),t(i,{onChange:v,onSetInputHandlers:b,disabled:S,errorMessage:I&&u.get(`ctp.errors.${I}`),onPressEnter:w}),t(n,{label:u.get("continue"),variant:d?"primary":"secondary",status:S&&"loading",onClick:()=>{w()}}))};export{u as default};
+//# sourceMappingURL=CtPLogin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPLogin.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPLogin/CtPLogin.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport Button from '../../../Button';\nimport useClickToPayContext from '../../context/useClickToPayContext';\nimport CtPLoginInput, { CtPLoginInputHandlers } from './CtPLoginInput';\nimport { CtPInfo } from '../CtPInfo';\nimport CtPSection from '../CtPSection';\nimport SrciError from '../../services/sdks/SrciError';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport './CtPLogin.scss';\nimport TimeoutError from '../../errors/TimeoutError';\n\nconst CtPLogin = (): h.JSX.Element => {\n    const { i18n } = useCoreContext();\n    const { isCtpPrimaryPaymentMethod, setIsCtpPrimaryPaymentMethod, verifyIfShopperIsEnrolled, startIdentityValidation } = useClickToPayContext();\n    const [shopperLogin, setShopperLogin] = useState<string>(null);\n    const [isValid, setIsValid] = useState<boolean>(false);\n    const [errorCode, setErrorCode] = useState<string>(null);\n    const [isLoggingIn, setIsLoggingIn] = useState<boolean>(false);\n    const [loginInputHandlers, setLoginInputHandlers] = useState<CtPLoginInputHandlers>(null);\n\n    const onSetLoginInputHandlers = useCallback((handlers: CtPLoginInputHandlers) => {\n        setLoginInputHandlers(handlers);\n    }, []);\n\n    const handleOnLoginChange = useCallback(({ data, isValid }) => {\n        setShopperLogin(data.shopperLogin);\n        setIsValid(isValid);\n\n        // As soon as the Shopper interacts with input, the CtP becomes the primary PM\n        if (data?.shopperLogin?.length > 0) {\n            setIsCtpPrimaryPaymentMethod(true);\n        }\n    }, []);\n\n    const handleOnLoginButtonClick = useCallback(async () => {\n        setErrorCode(null);\n\n        if (!isValid) {\n            loginInputHandlers.validateInput();\n            return;\n        }\n\n        setIsLoggingIn(true);\n\n        try {\n            const { isEnrolled } = await verifyIfShopperIsEnrolled({ shopperEmail: shopperLogin });\n            if (isEnrolled) {\n                await startIdentityValidation();\n            } else {\n                setErrorCode('NOT_FOUND');\n                setIsLoggingIn(false);\n            }\n        } catch (error) {\n            if (error instanceof SrciError) console.warn(`CtP - Login error: ${error.toString()}`);\n            if (error instanceof TimeoutError) console.warn(error.toString());\n            setErrorCode(error?.reason);\n            setIsLoggingIn(false);\n        }\n    }, [verifyIfShopperIsEnrolled, startIdentityValidation, shopperLogin, isValid, loginInputHandlers]);\n\n    return (\n        <Fragment>\n            <CtPSection.Title endAdornment={<CtPInfo />}>{i18n.get('ctp.login.title')}</CtPSection.Title>\n\n            <CtPSection.Text>{i18n.get('ctp.login.subtitle')}</CtPSection.Text>\n\n            <CtPLoginInput\n                onChange={handleOnLoginChange}\n                onSetInputHandlers={onSetLoginInputHandlers}\n                disabled={isLoggingIn}\n                errorMessage={errorCode && i18n.get(`ctp.errors.${errorCode}`)}\n                onPressEnter={handleOnLoginButtonClick}\n            />\n\n            <Button\n                label={i18n.get('continue')}\n                variant={isCtpPrimaryPaymentMethod ? 'primary' : 'secondary'}\n                status={isLoggingIn && 'loading'}\n                onClick={() => {\n                    void handleOnLoginButtonClick();\n                }}\n            />\n        </Fragment>\n    );\n};\n\nexport default CtPLogin;\n"],"names":["CtPLogin","i18n","useCoreContext","isCtpPrimaryPaymentMethod","setIsCtpPrimaryPaymentMethod","verifyIfShopperIsEnrolled","startIdentityValidation","useClickToPayContext","shopperLogin","setShopperLogin","useState","isValid","setIsValid","errorCode","setErrorCode","isLoggingIn","setIsLoggingIn","loginInputHandlers","setLoginInputHandlers","onSetLoginInputHandlers","useCallback","handlers","handleOnLoginChange","data","length","handleOnLoginButtonClick","async","isEnrolled","shopperEmail","error","SrciError","console","warn","toString","TimeoutError","reason","validateInput","h","Fragment","CtPSection","Title","endAdornment","CtPInfo","get","Text","CtPLoginInput","onChange","onSetInputHandlers","disabled","errorMessage","onPressEnter","Button","label","variant","status","onClick"],"mappings":"+iBAYA,MAAMA,EAAW,KACb,MAAMC,KAAEA,GAASC,KACXC,0BAAEA,EAAyBC,6BAAEA,EAA4BC,0BAAEA,EAAyBC,wBAAEA,GAA4BC,KACjHC,EAAcC,GAAmBC,EAAiB,OAClDC,EAASC,GAAcF,GAAkB,IACzCG,EAAWC,GAAgBJ,EAAiB,OAC5CK,EAAaC,GAAkBN,GAAkB,IACjDO,EAAoBC,GAAyBR,EAAgC,MAE9ES,EAA0BC,GAAaC,IACzCH,EAAsBG,EAAAA,GACvB,IAEGC,EAAsBF,GAAY,EAAGG,OAAMZ,cAC7CF,EAAgBc,EAAKf,cACrBI,EAAWD,GAGPY,GAAMf,cAAcgB,OAAS,GAC7BpB,GAA6B,EACjC,GACD,IAEGqB,EAA2BL,GAAYM,UAGzC,GAFAZ,EAAa,MAERH,EAAL,CAKAK,GAAe,GAEf,IACI,MAAMW,WAAEA,SAAqBtB,EAA0B,CAAEuB,aAAcpB,IACnEmB,QACMrB,KAENQ,EAAa,aACbE,GAAe,GAEvB,CAAE,MAAOa,GACDA,aAAiBC,GAAWC,QAAQC,KAAK,sBAAsBH,EAAMI,cACrEJ,aAAiBK,GAAcH,QAAQC,KAAKH,EAAMI,YACtDnB,EAAae,GAAOM,QACpBnB,GAAe,EACnB,CAjBA,MAFIC,EAAmBmB,eAmBvB,GACD,CAAC/B,EAA2BC,EAAyBE,EAAcG,EAASM,IAE/E,OACIoB,EAACC,EAAAA,KACGD,EAACE,EAAWC,MAAK,CAACC,aAAcJ,EAACK,EAAAA,OAAazC,EAAK0C,IAAI,oBAEvDN,EAACE,EAAWK,KAAI,KAAE3C,EAAK0C,IAAI,uBAE3BN,EAACQ,EAAAA,CACGC,SAAUxB,EACVyB,mBAAoB5B,EACpB6B,SAAUjC,EACVkC,aAAcpC,GAAaZ,EAAK0C,IAAI,cAAc9B,KAClDqC,aAAczB,IAGlBY,EAACc,EAAAA,CACGC,MAAOnD,EAAK0C,IAAI,YAChBU,QAASlD,EAA4B,UAAY,YACjDmD,OAAQvC,GAAe,UACvBwC,QAAS,KACA9B,GAAAA"}

package/dist/es/components/internal/ClickToPay/components/CtPLogin/CtPLoginInput.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import{useRef as r,useState as o,useCallback as s,useEffect as t}from"../../../../../external/preact/hooks/dist/hooks.js";import{loginValidationRules as n}from"./validate.js";import a from"../../../../../core/Context/useCoreContext.js";import i from"../../../../../utils/useForm/useForm.js";import p from"../../../FormFields/Field/Field.js";import l from"../../../FormFields/InputEmail.js";const u=u=>{const{i18n:d}=a(),{handleChangeFor:m,data:c,triggerValidation:g,valid:h,errors:f,isValid:L}=i({schema:["shopperLogin"],rules:n}),F=r({validateInput:null}),[j,v]=o(!1),E=s((()=>{v(!0),g()}),[g]);t((()=>{c.shopperLogin&&v(!0)}),[c.shopperLogin]),t((()=>{F.current.validateInput=E,u.onSetInputHandlers(F.current)}),[E,u.onSetInputHandlers]);const b=s((e=>{"Enter"===e.key&&u.onPressEnter()}),[u.onPressEnter]),k=s((e=>{"Enter"===e.key&&e.preventDefault()}),[]);return t((()=>{u.onChange({data:c,valid:h,errors:f,isValid:L})}),[c,h,f]),e(p,{name:"shopperLogin",label:d.get("ctp.login.inputLabel"),errorMessage:j?u.errorMessage||!!f.shopperLogin:null,classNameModifiers:["shopperLogin"]},e(l,{name:"shopperLogin",autocorrect:"off",spellcheck:!1,value:c.shopperLogin,disabled:u.disabled,onInput:m("shopperLogin","input"),onBlur:m("shopperLogin","blur"),onKeyPress:k,onKeyUp:b}))};export{u as default};
+//# sourceMappingURL=CtPLoginInput.js.map

package/dist/es/components/internal/ClickToPay/components/CtPLogin/CtPLoginInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPLoginInput.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPLogin/CtPLoginInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { loginValidationRules } from './validate';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport useForm from '../../../../../utils/useForm';\nimport Field from '../../../FormFields/Field';\nimport InputEmail from '../../../FormFields/InputEmail';\n\ntype OnChangeProps = { data: CtPLoginInputDataState; valid; errors; isValid: boolean };\n\ninterface CtPLoginInputProps {\n    disabled: boolean;\n    errorMessage?: string;\n    onPressEnter(): Promise<void>;\n    onChange({ data, valid, errors, isValid }: OnChangeProps): void;\n    onSetInputHandlers(handlers: CtPLoginInputHandlers): void;\n}\n\ninterface CtPLoginInputDataState {\n    shopperLogin?: string;\n}\n\nexport type CtPLoginInputHandlers = {\n    validateInput(): void;\n};\n\nconst CtPLoginInput = (props: CtPLoginInputProps): h.JSX.Element => {\n    const { i18n } = useCoreContext();\n    const formSchema = ['shopperLogin'];\n    const { handleChangeFor, data, triggerValidation, valid, errors, isValid } = useForm<CtPLoginInputDataState>({\n        schema: formSchema,\n        rules: loginValidationRules\n    });\n    const loginInputHandlersRef = useRef<CtPLoginInputHandlers>({ validateInput: null });\n    const [isLoginInputDirty, setIsLoginInputDirty] = useState<boolean>(false);\n\n    const validateInput = useCallback(() => {\n        setIsLoginInputDirty(true);\n        triggerValidation();\n    }, [triggerValidation]);\n\n    useEffect(() => {\n        if (data.shopperLogin) setIsLoginInputDirty(true);\n    }, [data.shopperLogin]);\n\n    useEffect(() => {\n        loginInputHandlersRef.current.validateInput = validateInput;\n        props.onSetInputHandlers(loginInputHandlersRef.current);\n    }, [validateInput, props.onSetInputHandlers]);\n\n    const handleOnKeyUp = useCallback(\n        (event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter') {\n                void props.onPressEnter();\n            }\n        },\n        [props.onPressEnter]\n    );\n\n    const handleOnKeyPress = useCallback((event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n        // Prevent <form> submission if Component is placed inside an form\n        if (event.key === 'Enter') event.preventDefault();\n    }, []);\n\n    useEffect(() => {\n        props.onChange({ data, valid, errors, isValid });\n    }, [data, valid, errors]);\n\n    return (\n        <Field\n            name=\"shopperLogin\"\n            label={i18n.get('ctp.login.inputLabel')}\n            errorMessage={isLoginInputDirty ? props.errorMessage || !!errors.shopperLogin : null}\n            classNameModifiers={['shopperLogin']}\n        >\n            <InputEmail\n                name={'shopperLogin'}\n                autocorrect={'off'}\n                spellcheck={false}\n                value={data.shopperLogin}\n                disabled={props.disabled}\n                onInput={handleChangeFor('shopperLogin', 'input')}\n                onBlur={handleChangeFor('shopperLogin', 'blur')}\n                onKeyPress={handleOnKeyPress}\n                onKeyUp={handleOnKeyUp}\n            />\n        </Field>\n    );\n};\n\nexport default CtPLoginInput;\n"],"names":["CtPLoginInput","props","i18n","useCoreContext","handleChangeFor","data","triggerValidation","valid","errors","isValid","useForm","schema","rules","loginValidationRules","loginInputHandlersRef","useRef","validateInput","isLoginInputDirty","setIsLoginInputDirty","useState","useCallback","useEffect","shopperLogin","current","onSetInputHandlers","handleOnKeyUp","event","key","onPressEnter","handleOnKeyPress","preventDefault","onChange","h","Field","name","label","get","errorMessage","classNameModifiers","InputEmail","autocorrect","spellcheck","value","disabled","onInput","onBlur","onKeyPress","onKeyUp"],"mappings":"odA0BA,MAAMA,EAAiBC,IACnB,MAAMC,KAAEA,GAASC,KAEXC,gBAAEA,EAAeC,KAAEA,EAAIC,kBAAEA,EAAiBC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAAgC,CACzGC,OAFe,CAAC,gBAGhBC,MAAOC,IAELC,EAAwBC,EAA8B,CAAEC,cAAe,QACtEC,EAAmBC,GAAwBC,GAAkB,GAE9DH,EAAgBI,GAAY,KAC9BF,GAAqB,GACrBZ,GAAAA,GACD,CAACA,IAEJe,GAAU,KACFhB,EAAKiB,cAAcJ,GAAqB,EAAA,GAC7C,CAACb,EAAKiB,eAETD,GAAU,KACNP,EAAsBS,QAAQP,cAAgBA,EAC9Cf,EAAMuB,mBAAmBV,EAAsBS,QAAO,GACvD,CAACP,EAAef,EAAMuB,qBAEzB,MAAMC,EAAgBL,GACjBM,IACqB,UAAdA,EAAMC,KACD1B,EAAM2B,cACf,GAEJ,CAAC3B,EAAM2B,eAGLC,EAAmBT,GAAaM,IAEhB,UAAdA,EAAMC,KAAiBD,EAAMI,gBAAc,GAChD,IAMH,OAJAT,GAAU,KACNpB,EAAM8B,SAAS,CAAE1B,OAAME,QAAOC,SAAQC,WAAQ,GAC/C,CAACJ,EAAME,EAAOC,IAGbwB,EAACC,EAAAA,CACGC,KAAK,eACLC,MAAOjC,EAAKkC,IAAI,wBAChBC,aAAcpB,EAAoBhB,EAAMoC,gBAAkB7B,EAAOc,aAAe,KAChFgB,mBAAoB,CAAC,iBAErBN,EAACO,EAAAA,CACGL,KAAM,eACNM,YAAa,MACbC,YAAY,EACZC,MAAOrC,EAAKiB,aACZqB,SAAU1C,EAAM0C,SAChBC,QAASxC,EAAgB,eAAgB,SACzCyC,OAAQzC,EAAgB,eAAgB,QACxC0C,WAAYjB,EACZkB,QAAStB"}

package/dist/es/components/internal/ClickToPay/components/CtPLogin/validate.js

@@ -0,0 +1,2 @@
+const e={shopperLogin:{validate:e=>!!e&&e.length>0,errorMessage:"",modes:["blur"]},default:{validate:e=>!!e&&e.length>0,errorMessage:"",modes:["blur"]}};export{e as loginValidationRules};
+//# sourceMappingURL=validate.js.map

package/dist/es/components/internal/ClickToPay/components/CtPLogin/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPLogin/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../../../utils/Validator/types';\n\nexport const loginValidationRules: ValidatorRules = {\n    shopperLogin: {\n        validate: value => !!value && value.length > 0,\n        errorMessage: '',\n        modes: ['blur']\n    },\n    default: {\n        validate: value => !!value && value.length > 0,\n        errorMessage: '',\n        modes: ['blur']\n    }\n};\n"],"names":["loginValidationRules","shopperLogin","validate","value","length","errorMessage","modes","default"],"mappings":"MAEaA,EAAuC,CAChDC,aAAc,CACVC,SAAUC,KAAWA,GAASA,EAAMC,OAAS,EAC7CC,aAAc,GACdC,MAAO,CAAC,SAEZC,QAAS,CACLL,SAAUC,KAAWA,GAASA,EAAMC,OAAS,EAC7CC,aAAc,GACdC,MAAO,CAAC"}

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

@@ -0,0 +1,2 @@
+import{createElement as t,Fragment as e}from"../../../../../external/preact/dist/preact.js";import{useState as o,useCallback as n}from"../../../../../external/preact/hooks/dist/hooks.js";import s from"../../../Button/Button.js";import a from"../../context/useClickToPayContext.js";import r from"./CtPOneTimePasswordInput/CtPOneTimePasswordInput.js";import{CtPInfo as i}from"../CtPInfo/CtPInfo.js";import l from"../CtPSection/CtPSection.js";import p from"../../../../../core/Context/useCoreContext.js";import d from"./CtPSaveCookiesCheckbox/CtPSaveCookiesCheckbox.js";const C=({onDisplayCardComponent:C})=>{const{i18n:c}=p(),{finishIdentityValidation:m,otpMaskedContact:u,otpNetwork:f,isCtpPrimaryPaymentMethod:P}=a(),[h,k]=o(null),[g,x]=o(!1),[y,j]=o(!1),[I,b]=o(null),[S,T]=o(null),[v,w]=o(!1),B=n((t=>{T(t)}),[]),E=n((({data:t,isValid:e})=>{k(t.otp),x(e)}),[]),O=n((()=>{b(null)}),[]),A=n((async()=>{if(b(null),g){j(!0);try{await m(h)}catch(t){b(t?.reason),j(!1),"ACCT_INACCESSIBLE"===t?.reason&&(w(!0),C?.())}}else S.validateInput()}),[h,g,S,C]),M=c.get("ctp.otp.subtitle").split("%@");return t(e,null,t(l.Title,{endAdornment:t(i,null)},c.get("ctp.otp.title")),t(l.Text,null,M[0]," ",f," ",M[1],t("span",{className:"adyen-checkout-ctp__otp-subtitle--highlighted"},u),M[2]),t(r,{hideResendOtpButton:v,onChange:E,onSetInputHandlers:B,disabled:y,errorMessage:I&&c.get(`ctp.errors.${I}`),onPressEnter:A,onResendCode:O,isValidatingOtp:y}),t(d,null),t(s,{disabled:v,label:c.get("continue"),variant:P?"primary":"secondary",onClick:A,status:y&&"loading"}))};export{C as default};
+//# sourceMappingURL=CtPOneTimePassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPOneTimePassword.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePassword.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport Button from '../../../Button';\nimport useClickToPayContext from '../../context/useClickToPayContext';\nimport CtPOneTimePasswordInput from './CtPOneTimePasswordInput';\nimport { CtPOneTimePasswordInputHandlers } from './CtPOneTimePasswordInput/CtPOneTimePasswordInput';\nimport { CtPInfo } from '../CtPInfo';\nimport CtPSection from '../CtPSection';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport './CtPOneTimePassword.scss';\nimport CtPSaveCookiesCheckbox from './CtPSaveCookiesCheckbox';\n\ntype CtPOneTimePasswordProps = {\n    onDisplayCardComponent?(): void;\n};\nconst CtPOneTimePassword = ({ onDisplayCardComponent }: CtPOneTimePasswordProps): h.JSX.Element => {\n    const { i18n } = useCoreContext();\n    const { finishIdentityValidation, otpMaskedContact, otpNetwork, isCtpPrimaryPaymentMethod } = useClickToPayContext();\n    const [otp, setOtp] = useState<string>(null);\n    const [isValid, setIsValid] = useState<boolean>(false);\n    const [isValidatingOtp, setIsValidatingOtp] = useState<boolean>(false);\n    const [errorCode, setErrorCode] = useState<string>(null);\n    const [otpInputHandlers, setOtpInputHandlers] = useState<CtPOneTimePasswordInputHandlers>(null);\n    const [isAccountLocked, setIsAccountLocked] = useState<boolean>(false);\n\n    const onSetOtpInputHandlers = useCallback((handlers: CtPOneTimePasswordInputHandlers) => {\n        setOtpInputHandlers(handlers);\n    }, []);\n\n    const onChangeOtpInput = useCallback(({ data, isValid }) => {\n        setOtp(data.otp);\n        setIsValid(isValid);\n    }, []);\n\n    const onResendCode = useCallback(() => {\n        setErrorCode(null);\n    }, []);\n\n    const onSubmitPassword = useCallback(async () => {\n        setErrorCode(null);\n\n        if (!isValid) {\n            otpInputHandlers.validateInput();\n            return;\n        }\n\n        setIsValidatingOtp(true);\n\n        try {\n            await finishIdentityValidation(otp);\n        } catch (error) {\n            setErrorCode(error?.reason);\n            setIsValidatingOtp(false);\n\n            if (error?.reason === 'ACCT_INACCESSIBLE') {\n                setIsAccountLocked(true);\n                onDisplayCardComponent?.();\n            }\n        }\n    }, [otp, isValid, otpInputHandlers, onDisplayCardComponent]);\n\n    const subtitleParts = i18n.get('ctp.otp.subtitle').split('%@');\n\n    return (\n        <Fragment>\n            <CtPSection.Title endAdornment={<CtPInfo />}>{i18n.get('ctp.otp.title')}</CtPSection.Title>\n\n            <CtPSection.Text>\n                {subtitleParts[0]} {otpNetwork} {subtitleParts[1]}\n                <span className=\"adyen-checkout-ctp__otp-subtitle--highlighted\">{otpMaskedContact}</span>\n                {subtitleParts[2]}\n            </CtPSection.Text>\n\n            <CtPOneTimePasswordInput\n                hideResendOtpButton={isAccountLocked}\n                onChange={onChangeOtpInput}\n                onSetInputHandlers={onSetOtpInputHandlers}\n                disabled={isValidatingOtp}\n                errorMessage={errorCode && i18n.get(`ctp.errors.${errorCode}`)}\n                onPressEnter={onSubmitPassword}\n                onResendCode={onResendCode}\n                isValidatingOtp={isValidatingOtp}\n            />\n\n            <CtPSaveCookiesCheckbox />\n\n            <Button\n                disabled={isAccountLocked}\n                label={i18n.get('continue')}\n                variant={isCtpPrimaryPaymentMethod ? 'primary' : 'secondary'}\n                onClick={onSubmitPassword}\n                status={isValidatingOtp && 'loading'}\n            />\n        </Fragment>\n    );\n};\n\nexport default CtPOneTimePassword;\n"],"names":["CtPOneTimePassword","onDisplayCardComponent","i18n","useCoreContext","finishIdentityValidation","otpMaskedContact","otpNetwork","isCtpPrimaryPaymentMethod","useClickToPayContext","otp","setOtp","useState","isValid","setIsValid","isValidatingOtp","setIsValidatingOtp","errorCode","setErrorCode","otpInputHandlers","setOtpInputHandlers","isAccountLocked","setIsAccountLocked","onSetOtpInputHandlers","useCallback","handlers","onChangeOtpInput","data","onResendCode","onSubmitPassword","async","error","reason","validateInput","subtitleParts","get","split","h","Fragment","CtPSection","Title","endAdornment","CtPInfo","Text","span","className","CtPOneTimePasswordInput","hideResendOtpButton","onChange","onSetInputHandlers","disabled","errorMessage","onPressEnter","CtPSaveCookiesCheckbox","Button","label","variant","onClick","status"],"mappings":"ujBAeA,MAAMA,EAAqB,EAAGC,6BAC1B,MAAMC,KAAEA,GAASC,KACXC,yBAAEA,EAAwBC,iBAAEA,EAAgBC,WAAEA,EAAUC,0BAAEA,GAA8BC,KACvFC,EAAKC,GAAUC,EAAiB,OAChCC,EAASC,GAAcF,GAAkB,IACzCG,EAAiBC,GAAsBJ,GAAkB,IACzDK,EAAWC,GAAgBN,EAAiB,OAC5CO,EAAkBC,GAAuBR,EAA0C,OACnFS,EAAiBC,GAAsBV,GAAkB,GAE1DW,EAAwBC,GAAaC,IACvCL,EAAoBK,EAAAA,GACrB,IAEGC,EAAmBF,GAAY,EAAGG,OAAMd,cAC1CF,EAAOgB,EAAKjB,KACZI,EAAWD,EAAAA,GACZ,IAEGe,EAAeJ,GAAY,KAC7BN,EAAa,KAAA,GACd,IAEGW,EAAmBL,GAAYM,UAGjC,GAFAZ,EAAa,MAERL,EAAL,CAKAG,GAAmB,GAEnB,UACUX,EAAyBK,EACnC,CAAE,MAAOqB,GACLb,EAAaa,GAAOC,QACpBhB,GAAmB,GAEG,sBAAlBe,GAAOC,SACPV,GAAmB,GACnBpB,MAER,CAdA,MAFIiB,EAAiBc,eAgBrB,GACD,CAACvB,EAAKG,EAASM,EAAkBjB,IAE9BgC,EAAgB/B,EAAKgC,IAAI,oBAAoBC,MAAM,MAEzD,OACIC,EAACC,EAAAA,KACGD,EAACE,EAAWC,MAAK,CAACC,aAAcJ,EAACK,EAAAA,OAAavC,EAAKgC,IAAI,kBAEvDE,EAACE,EAAWI,UACPT,EAAc,GAAG,IAAE3B,EAAW,IAAE2B,EAAc,GAC/CG,EAACO,OAAAA,CAAKC,UAAU,iDAAiDvC,GAChE4B,EAAc,IAGnBG,EAACS,EAAAA,CACGC,oBAAqB1B,EACrB2B,SAAUtB,EACVuB,mBAAoB1B,EACpB2B,SAAUnC,EACVoC,aAAclC,GAAad,EAAKgC,IAAI,cAAclB,KAClDmC,aAAcvB,EACdD,aAAcA,EACdb,gBAAiBA,IAGrBsB,EAACgB,QAEDhB,EAACiB,EAAAA,CACGJ,SAAU7B,EACVkC,MAAOpD,EAAKgC,IAAI,YAChBqB,QAAShD,EAA4B,UAAY,YACjDiD,QAAS5B,EACT6B,OAAQ3C,GAAmB"}

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPOneTimePasswordInput.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../../external/preact/dist/preact.js";import{useState as t,useRef as r,useCallback as o,useEffect as s}from"../../../../../../external/preact/hooks/dist/hooks.js";import{otpValidationRules as n}from"./validate.js";import a from"./CtPResendOtpLink.js";import l from"../../../context/useClickToPayContext.js";import i from"../../../../../../core/Context/useCoreContext.js";import u from"../../../../../../utils/useForm/useForm.js";import d from"../../../../FormFields/Field/Field.js";import p from"../../../../FormFields/InputText.js";const c=c=>{const{i18n:m}=i(),{configuration:{disableOtpAutoFocus:f}}=l(),[C,g]=t(null),{handleChangeFor:F,data:b,triggerValidation:j,valid:h,errors:k,isValid:x,setData:E}=u({schema:["otp"],rules:n}),v=r({validateInput:null}),R=r(null),[I,P]=t(!1),y=o((()=>{P(!0),j()}),[j]);s((()=>{b.otp&&P(!0)}),[b.otp]),s((()=>{!f&&R.current&&R.current.focus()}),[R.current,f]),s((()=>{v.current.validateInput=y,c.onSetInputHandlers(v.current)}),[y,c.onSetInputHandlers]);const O=o((()=>{E("otp",""),g(null),f||R.current.focus(),c.onResendCode()}),[c.onResendCode,R.current,f]),V=o((e=>{const t=m.get(`ctp.errors.${e}`);t&&g(t)}),[m]),M=o((e=>{"Enter"===e.key&&c.onPressEnter()}),[c.onPressEnter]),S=o((e=>{"Enter"===e.key&&e.preventDefault()}),[]);return s((()=>{c.onChange({data:b,valid:h,errors:k,isValid:x})}),[b,h,k]),e(d,{name:"oneTimePassword",label:m.get("ctp.otp.fieldLabel"),labelEndAdornment:!c.hideResendOtpButton&&e(a,{disabled:c.isValidatingOtp,onError:V,onResendCode:O}),errorMessage:I?C||c.errorMessage||!!k.otp:null,classNameModifiers:["otp"]},e(p,{name:"otp",autocorrect:"off",spellcheck:!1,value:b.otp,disabled:c.disabled,onInput:F("otp","input"),onBlur:F("otp","blur"),onKeyUp:M,onKeyPress:S,setRef:e=>{R.current=e}}))};export{c as default};
+//# sourceMappingURL=CtPOneTimePasswordInput.js.map

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPOneTimePasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPOneTimePasswordInput.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPOneTimePasswordInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { otpValidationRules } from './validate';\nimport CtPResendOtpLink from './CtPResendOtpLink';\nimport useClickToPayContext from '../../../context/useClickToPayContext';\nimport useCoreContext from '../../../../../../core/Context/useCoreContext';\nimport useForm from '../../../../../../utils/useForm';\nimport Field from '../../../../FormFields/Field';\nimport './CtPOneTimePasswordInput.scss';\nimport InputText from '../../../../FormFields/InputText';\n\ntype OnChangeProps = { data: CtPOneTimePasswordInputDataState; valid; errors; isValid: boolean };\n\ninterface CtPOneTimePasswordInputProps {\n    hideResendOtpButton: boolean;\n    disabled: boolean;\n    isValidatingOtp: boolean;\n    errorMessage?: string;\n    onSetInputHandlers(handlers: CtPOneTimePasswordInputHandlers): void;\n    onPressEnter(): Promise<void>;\n    onChange({ data, valid, errors, isValid }: OnChangeProps): void;\n    onResendCode(): void;\n}\n\ninterface CtPOneTimePasswordInputDataState {\n    otp?: string;\n}\n\nexport type CtPOneTimePasswordInputHandlers = {\n    validateInput(): void;\n};\n\nconst CtPOneTimePasswordInput = (props: CtPOneTimePasswordInputProps): h.JSX.Element => {\n    const { i18n } = useCoreContext();\n    const {\n        configuration: { disableOtpAutoFocus }\n    } = useClickToPayContext();\n\n    const formSchema = ['otp'];\n    const [resendOtpError, setResendOtpError] = useState<string>(null);\n    const { handleChangeFor, data, triggerValidation, valid, errors, isValid, setData } = useForm<CtPOneTimePasswordInputDataState>({\n        schema: formSchema,\n        rules: otpValidationRules\n    });\n    const otpInputHandlersRef = useRef<CtPOneTimePasswordInputHandlers>({ validateInput: null });\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [isOtpFielDirty, setIsOtpFieldDirty] = useState<boolean>(false);\n\n    const validateInput = useCallback(() => {\n        setIsOtpFieldDirty(true);\n        triggerValidation();\n    }, [triggerValidation]);\n\n    /**\n     * If shopper changes the value of the OTP fields, input becomes dirty\n     */\n    useEffect(() => {\n        if (data.otp) setIsOtpFieldDirty(true);\n    }, [data.otp]);\n\n    useEffect(() => {\n        if (!disableOtpAutoFocus && inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [inputRef.current, disableOtpAutoFocus]);\n\n    useEffect(() => {\n        otpInputHandlersRef.current.validateInput = validateInput;\n        props.onSetInputHandlers(otpInputHandlersRef.current);\n    }, [validateInput, props.onSetInputHandlers]);\n\n    const handleOnResendOtp = useCallback(() => {\n        setData('otp', '');\n        setResendOtpError(null);\n        if (!disableOtpAutoFocus) {\n            inputRef.current.focus();\n        }\n        props.onResendCode();\n    }, [props.onResendCode, inputRef.current, disableOtpAutoFocus]);\n\n    const handleOnResendOtpError = useCallback(\n        (errorCode: string) => {\n            const message = i18n.get(`ctp.errors.${errorCode}`);\n            if (message) setResendOtpError(message);\n        },\n        [i18n]\n    );\n\n    const handleOnKeyUp = useCallback(\n        (event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n            if (event.key === 'Enter') {\n                props.onPressEnter();\n            }\n        },\n        [props.onPressEnter]\n    );\n\n    const handleOnKeyPress = useCallback((event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n        // Prevent <form> submission if Component is placed inside an form\n        if (event.key === 'Enter') event.preventDefault();\n    }, []);\n\n    useEffect(() => {\n        props.onChange({ data, valid, errors, isValid });\n    }, [data, valid, errors]);\n\n    return (\n        <Field\n            name=\"oneTimePassword\"\n            label={i18n.get('ctp.otp.fieldLabel')}\n            labelEndAdornment={\n                !props.hideResendOtpButton && (\n                    <CtPResendOtpLink disabled={props.isValidatingOtp} onError={handleOnResendOtpError} onResendCode={handleOnResendOtp} />\n                )\n            }\n            errorMessage={isOtpFielDirty ? resendOtpError || props.errorMessage || !!errors.otp : null}\n            classNameModifiers={['otp']}\n        >\n            <InputText\n                name={'otp'}\n                autocorrect={'off'}\n                spellcheck={false}\n                value={data.otp}\n                disabled={props.disabled}\n                onInput={handleChangeFor('otp', 'input')}\n                onBlur={handleChangeFor('otp', 'blur')}\n                onKeyUp={handleOnKeyUp}\n                onKeyPress={handleOnKeyPress}\n                setRef={(ref: HTMLInputElement) => {\n                    inputRef.current = ref;\n                }}\n            />\n        </Field>\n    );\n};\n\nexport default CtPOneTimePasswordInput;\n"],"names":["CtPOneTimePasswordInput","props","i18n","useCoreContext","configuration","disableOtpAutoFocus","useClickToPayContext","resendOtpError","setResendOtpError","useState","handleChangeFor","data","triggerValidation","valid","errors","isValid","setData","useForm","schema","rules","otpValidationRules","otpInputHandlersRef","useRef","validateInput","inputRef","isOtpFielDirty","setIsOtpFieldDirty","useCallback","useEffect","otp","current","focus","onSetInputHandlers","handleOnResendOtp","onResendCode","handleOnResendOtpError","errorCode","message","get","handleOnKeyUp","event","key","onPressEnter","handleOnKeyPress","preventDefault","onChange","h","Field","name","label","labelEndAdornment","hideResendOtpButton","CtPResendOtpLink","disabled","isValidatingOtp","onError","errorMessage","classNameModifiers","InputText","autocorrect","spellcheck","value","onInput","onBlur","onKeyUp","onKeyPress","setRef","ref"],"mappings":"gkBAgCA,MAAMA,EAA2BC,IAC7B,MAAMC,KAAEA,GAASC,KAEbC,eAAeC,oBAAEA,IACjBC,KAGGC,EAAgBC,GAAqBC,EAAiB,OACvDC,gBAAEA,EAAeC,KAAEA,EAAIC,kBAAEA,EAAiBC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,EAAOC,QAAEA,GAAYC,EAA0C,CAC5HC,OAHe,CAAC,OAIhBC,MAAOC,IAELC,EAAsBC,EAAwC,CAAEC,cAAe,OAC/EC,EAAWF,EAAyB,OACnCG,EAAgBC,GAAsBjB,GAAkB,GAEzDc,EAAgBI,GAAY,KAC9BD,GAAmB,GACnBd,GAAAA,GACD,CAACA,IAKJgB,GAAU,KACFjB,EAAKkB,KAAKH,GAAmB,EAAA,GAClC,CAACf,EAAKkB,MAETD,GAAU,MACDvB,GAAuBmB,EAASM,SACjCN,EAASM,QAAQC,OACrB,GACD,CAACP,EAASM,QAASzB,IAEtBuB,GAAU,KACNP,EAAoBS,QAAQP,cAAgBA,EAC5CtB,EAAM+B,mBAAmBX,EAAoBS,QAAO,GACrD,CAACP,EAAetB,EAAM+B,qBAEzB,MAAMC,EAAoBN,GAAY,KAClCX,EAAQ,MAAO,IACfR,EAAkB,MACbH,GACDmB,EAASM,QAAQC,QAErB9B,EAAMiC,cAAY,GACnB,CAACjC,EAAMiC,aAAcV,EAASM,QAASzB,IAEpC8B,EAAyBR,GAC1BS,IACG,MAAMC,EAAUnC,EAAKoC,IAAI,cAAcF,KACnCC,GAAS7B,EAAkB6B,EAAAA,GAEnC,CAACnC,IAGCqC,EAAgBZ,GACjBa,IACqB,UAAdA,EAAMC,KACNxC,EAAMyC,cACV,GAEJ,CAACzC,EAAMyC,eAGLC,EAAmBhB,GAAaa,IAEhB,UAAdA,EAAMC,KAAiBD,EAAMI,gBAAc,GAChD,IAMH,OAJAhB,GAAU,KACN3B,EAAM4C,SAAS,CAAElC,OAAME,QAAOC,SAAQC,WAAQ,GAC/C,CAACJ,EAAME,EAAOC,IAGbgC,EAACC,EAAAA,CACGC,KAAK,kBACLC,MAAO/C,EAAKoC,IAAI,sBAChBY,mBACKjD,EAAMkD,qBACHL,EAACM,EAAAA,CAAiBC,SAAUpD,EAAMqD,gBAAiBC,QAASpB,EAAwBD,aAAcD,IAG1GuB,aAAc/B,EAAiBlB,GAAkBN,EAAMuD,gBAAkB1C,EAAOe,IAAM,KACtF4B,mBAAoB,CAAC,QAErBX,EAACY,EAAAA,CACGV,KAAM,MACNW,YAAa,MACbC,YAAY,EACZC,MAAOlD,EAAKkB,IACZwB,SAAUpD,EAAMoD,SAChBS,QAASpD,EAAgB,MAAO,SAChCqD,OAAQrD,EAAgB,MAAO,QAC/BsD,QAASzB,EACT0B,WAAYtB,EACZuB,OAASC,IACL3C,EAASM,QAAUqC,CAAAA"}

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPResendOtpLink.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../../external/preact/dist/preact.js";import{useState as t,useEffect as o,useCallback as c}from"../../../../../../external/preact/hooks/dist/hooks.js";import s from"../../../context/useClickToPayContext.js";import a from"../../../../../../external/classnames/index.js";import n from"../../../../../../core/Context/useCoreContext.js";import r from"../../../../Icon/Icon.js";const d=({onError:d,onResendCode:i,disabled:l})=>{const[p,m]=t(null),[u,k]=t(!1),{i18n:h}=n(),{startIdentityValidation:f}=s();o((()=>{let e=null;return p>0&&(e=setTimeout((()=>m(p-1)),1e3)),()=>clearTimeout(e)}),[p]),o((()=>{let e=null;return u&&(e=setTimeout((()=>{k(!1),m(60)}),2e3)),()=>clearTimeout(e)}),[u]);const x=c((async e=>{e.preventDefault();try{i(),k(!0),await f()}catch(e){d(e.reason),m(0),k(!1)}}),[f,d,i]);return u?e("div",{className:"adyen-checkout-ctp__otp-resend-code--confirmation"},h.get("ctp.otp.codeResent"),e(r,{type:"checkmark",height:14,width:14})):p>0?e("div",{className:"adyen-checkout-ctp__otp-resend-code--disabled"},h.get("ctp.otp.resendCode")," -"," ",e("span",{className:"adyen-checkout-ctp__otp-resend-code-counter"}," ",p>0&&`${p}s`," ")):e("div",{role:"link",tabIndex:0,className:a("adyen-checkout-ctp__otp-resend-code",{"adyen-checkout-ctp__otp-resend-code--disabled":l}),onClick:x},h.get("ctp.otp.resendCode"))};export{d as default};
+//# sourceMappingURL=CtPResendOtpLink.js.map

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPResendOtpLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPResendOtpLink.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPResendOtpLink.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useState } from 'preact/hooks';\nimport useClickToPayContext from '../../../context/useClickToPayContext';\nimport classnames from 'classnames';\nimport useCoreContext from '../../../../../../core/Context/useCoreContext';\nimport Icon from '../../../../Icon';\n\nconst CONFIRMATION_SHOWING_TIME = 2000;\n\ninterface CtPResendOtpLinkProps {\n    onError(errorCode: string): void;\n    onResendCode(): void;\n    disabled: boolean;\n}\n\nconst CtPResendOtpLink = ({ onError, onResendCode, disabled }: CtPResendOtpLinkProps): h.JSX.Element => {\n    const [counter, setCounter] = useState<number>(null);\n    const [showConfirmation, setShowConfirmation] = useState<boolean>(false);\n    const { i18n } = useCoreContext();\n    const { startIdentityValidation } = useClickToPayContext();\n\n    useEffect(() => {\n        let timeout = null;\n        if (counter > 0) {\n            timeout = setTimeout(() => setCounter(counter - 1), 1000);\n        }\n        return () => clearTimeout(timeout);\n    }, [counter]);\n\n    useEffect(() => {\n        let timeout = null;\n\n        if (showConfirmation) {\n            timeout = setTimeout(() => {\n                setShowConfirmation(false);\n                setCounter(60);\n            }, CONFIRMATION_SHOWING_TIME);\n        }\n        return () => clearTimeout(timeout);\n    }, [showConfirmation]);\n\n    const handleResendCodeClick = useCallback(\n        async event => {\n            event.preventDefault();\n\n            try {\n                onResendCode();\n                setShowConfirmation(true);\n                await startIdentityValidation();\n            } catch (error) {\n                onError(error.reason);\n                setCounter(0);\n                setShowConfirmation(false);\n            }\n        },\n        [startIdentityValidation, onError, onResendCode]\n    );\n\n    if (showConfirmation) {\n        return (\n            <div className=\"adyen-checkout-ctp__otp-resend-code--confirmation\">\n                {i18n.get('ctp.otp.codeResent')}\n                <Icon type=\"checkmark\" height={14} width={14} />\n            </div>\n        );\n    }\n\n    if (counter > 0) {\n        return (\n            <div className=\"adyen-checkout-ctp__otp-resend-code--disabled\">\n                {i18n.get('ctp.otp.resendCode')} -{' '}\n                <span className=\"adyen-checkout-ctp__otp-resend-code-counter\"> {counter > 0 && `${counter}s`} </span>\n            </div>\n        );\n    }\n\n    return (\n        <div\n            role=\"link\"\n            tabIndex={0}\n            className={classnames('adyen-checkout-ctp__otp-resend-code', { 'adyen-checkout-ctp__otp-resend-code--disabled': disabled })}\n            onClick={handleResendCodeClick}\n        >\n            {i18n.get('ctp.otp.resendCode')}\n        </div>\n    );\n};\n\nexport default CtPResendOtpLink;\n"],"names":["CtPResendOtpLink","onError","onResendCode","disabled","counter","setCounter","useState","showConfirmation","setShowConfirmation","i18n","useCoreContext","startIdentityValidation","useClickToPayContext","useEffect","timeout","setTimeout","clearTimeout","handleResendCodeClick","useCallback","async","event","preventDefault","error","reason","h","div","className","get","Icon","type","height","width","span","role","tabIndex","classnames","onClick"],"mappings":"gaAOA,MAQMA,EAAmB,EAAGC,UAASC,eAAcC,eAC/C,MAAOC,EAASC,GAAcC,EAAiB,OACxCC,EAAkBC,GAAuBF,GAAkB,IAC5DG,KAAEA,GAASC,KACXC,wBAAEA,GAA4BC,IAEpCC,GAAU,KACN,IAAIC,EAAU,KAId,OAHIV,EAAU,IACVU,EAAUC,YAAW,IAAMV,EAAWD,EAAU,IAAI,MAEjD,IAAMY,aAAaF,EAAAA,GAC3B,CAACV,IAEJS,GAAU,KACN,IAAIC,EAAU,KAQd,OANIP,IACAO,EAAUC,YAAW,KACjBP,GAAoB,GACpBH,EAAW,GAAA,GA5BO,MA+BnB,IAAMW,aAAaF,EAAAA,GAC3B,CAACP,IAEJ,MAAMU,EAAwBC,GAC1BC,MAAMC,IACFA,EAAMC,iBAEN,IACInB,IACAM,GAAoB,SACdG,GACV,CAAE,MAAOW,GACLrB,EAAQqB,EAAMC,QACdlB,EAAW,GACXG,GAAoB,EACxB,IAEJ,CAACG,EAAyBV,EAASC,IAGvC,OAAIK,EAEIiB,EAACC,MAAAA,CAAIC,UAAU,qDACVjB,EAAKkB,IAAI,sBACVH,EAACI,EAAAA,CAAKC,KAAK,YAAYC,OAAQ,GAAIC,MAAO,MAKlD3B,EAAU,EAENoB,EAACC,MAAAA,CAAIC,UAAU,iDACVjB,EAAKkB,IAAI,sBAAsB,KAAG,IACnCH,EAACQ,OAAAA,CAAKN,UAAU,+CAA8C,IAAEtB,EAAU,GAAK,GAAGA,KAAW,MAMrGoB,EAACC,MAAAA,CACGQ,KAAK,OACLC,SAAU,EACVR,UAAWS,EAAW,sCAAuC,CAAE,gDAAiDhC,IAChHiC,QAASnB,GAERR,EAAKkB,IAAI,sBAAA"}

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/validate.js

@@ -0,0 +1,2 @@
+const e={otp:{validate:e=>!!e&&e.length>0,errorMessage:"",modes:["blur"]},default:{validate:e=>!!e&&e.length>0,errorMessage:"",modes:["blur"]}};export{e as otpValidationRules};
+//# sourceMappingURL=validate.js.map

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../../../../utils/Validator/types';\n\nexport const otpValidationRules: ValidatorRules = {\n    otp: {\n        validate: value => !!value && value.length > 0,\n        errorMessage: '',\n        modes: ['blur']\n    },\n    default: {\n        validate: value => !!value && value.length > 0,\n        errorMessage: '',\n        modes: ['blur']\n    }\n};\n"],"names":["otpValidationRules","otp","validate","value","length","errorMessage","modes","default"],"mappings":"MAEaA,EAAqC,CAC9CC,IAAK,CACDC,SAAUC,KAAWA,GAASA,EAAMC,OAAS,EAC7CC,aAAc,GACdC,MAAO,CAAC,SAEZC,QAAS,CACLL,SAAUC,KAAWA,GAASA,EAAMC,OAAS,EAC7CC,aAAc,GACdC,MAAO,CAAC"}

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPSaveCookiesCheckbox/CtPSaveCookiesCheckbox.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as o}from"../../../../../../external/preact/dist/preact.js";import t from"../../../../../../external/classnames/index.js";import c from"../../../../FormFields/Field/Field.js";import s from"../../../../FormFields/Checkbox/Checkbox.js";import a from"../../../../../../core/Context/useCoreContext.js";import{useState as n,useCallback as i}from"../../../../../../external/preact/hooks/dist/hooks.js";import r from"../../../context/useClickToPayContext.js";import k from"../../../../../../utils/isScreenSmall.js";function p(){const{i18n:p}=a(),{updateStoreCookiesConsent:l,isStoringCookies:m}=r(),[d,C]=n(m),[h,x]=n(k()),b=i((()=>{const e=!d;C(e),l(e)}),[l,C,d]);return e("div",{className:t("adyen-checkout-ctp__otp-checkbox-container",{"adyen-checkout-ctp__otp-checkbox-container--checked":d})},e(c,{classNameModifiers:["consentCheckbox"],name:"clickToPayCookiesCheckbox",showContextualElement:!1,useLabelElement:!1,i18n:p},e(s,{name:"clickToPayCookiesCheckbox",onInput:b,label:p.get("ctp.otp.saveCookiesCheckbox.label"),checked:d,"aria-describedby":"adyen-ctp-cookies-info"})),e("p",{className:"adyen-checkout-ctp__otp-checkbox-info"},h?e(o,null,e("span",{id:"adyen-ctp-cookies-info"},p.get("ctp.otp.saveCookiesCheckbox.shorterInfo")," "),e("button",{className:"adyen-checkout-ctp__otp-readmore-button",onClick:()=>x(!1)},p.get("readMore"),"..")):e("span",{id:"adyen-ctp-cookies-info"},p.get("ctp.otp.saveCookiesCheckbox.information"))))}export{p as default};
+//# sourceMappingURL=CtPSaveCookiesCheckbox.js.map

package/dist/es/components/internal/ClickToPay/components/CtPOneTimePassword/CtPSaveCookiesCheckbox/CtPSaveCookiesCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPSaveCookiesCheckbox.js","sources":["../../../../../../../../src/components/internal/ClickToPay/components/CtPOneTimePassword/CtPSaveCookiesCheckbox/CtPSaveCookiesCheckbox.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport classnames from 'classnames';\nimport Field from '../../../../FormFields/Field';\nimport Checkbox from '../../../../FormFields/Checkbox';\nimport useCoreContext from '../../../../../../core/Context/useCoreContext';\nimport { useState, useCallback } from 'preact/hooks';\nimport useClickToPayContext from '../../../context/useClickToPayContext';\nimport isScreenSmall from '../../../../../../utils/isScreenSmall';\nimport './CtPSaveCookiesCheckbox.scss';\n\nfunction CtPSaveCookiesCheckbox() {\n    const { i18n } = useCoreContext();\n    const { updateStoreCookiesConsent, isStoringCookies } = useClickToPayContext();\n    const [checked, setIsChecked] = useState(isStoringCookies);\n    const [isTextTruncated, setIsTextTruncated] = useState<boolean>(isScreenSmall());\n\n    const handleOnChange = useCallback(() => {\n        const newChecked = !checked;\n        setIsChecked(newChecked);\n        updateStoreCookiesConsent(newChecked);\n    }, [updateStoreCookiesConsent, setIsChecked, checked]);\n\n    return (\n        <div\n            className={classnames('adyen-checkout-ctp__otp-checkbox-container', {\n                'adyen-checkout-ctp__otp-checkbox-container--checked': checked\n            })}\n        >\n            <Field\n                classNameModifiers={['consentCheckbox']}\n                name={'clickToPayCookiesCheckbox'}\n                showContextualElement={false}\n                useLabelElement={false}\n                i18n={i18n}\n            >\n                <Checkbox\n                    name={'clickToPayCookiesCheckbox'}\n                    onInput={handleOnChange}\n                    label={i18n.get('ctp.otp.saveCookiesCheckbox.label')}\n                    checked={checked}\n                    aria-describedby={'adyen-ctp-cookies-info'}\n                />\n            </Field>\n\n            <p className=\"adyen-checkout-ctp__otp-checkbox-info\">\n                {isTextTruncated ? (\n                    <Fragment>\n                        <span id=\"adyen-ctp-cookies-info\">{i18n.get('ctp.otp.saveCookiesCheckbox.shorterInfo')} </span>\n                        <button className=\"adyen-checkout-ctp__otp-readmore-button\" onClick={() => setIsTextTruncated(false)}>\n                            {i18n.get('readMore')}..\n                        </button>\n                    </Fragment>\n                ) : (\n                    <span id=\"adyen-ctp-cookies-info\">{i18n.get('ctp.otp.saveCookiesCheckbox.information')}</span>\n                )}\n            </p>\n        </div>\n    );\n}\n\nexport default CtPSaveCookiesCheckbox;\n"],"names":["CtPSaveCookiesCheckbox","i18n","useCoreContext","updateStoreCookiesConsent","isStoringCookies","useClickToPayContext","checked","setIsChecked","useState","isTextTruncated","setIsTextTruncated","isScreenSmall","handleOnChange","useCallback","newChecked","h","div","className","classnames","Field","classNameModifiers","name","showContextualElement","useLabelElement","Checkbox","onInput","label","get","aria-describedby","p","Fragment","span","id","button","onClick"],"mappings":"+hBAUA,SAASA,IACL,MAAMC,KAAEA,GAASC,KACXC,0BAAEA,EAAyBC,iBAAEA,GAAqBC,KACjDC,EAASC,GAAgBC,EAASJ,IAClCK,EAAiBC,GAAsBF,EAAkBG,KAE1DC,EAAiBC,GAAY,KAC/B,MAAMC,GAAcR,EACpBC,EAAaO,GACbX,EAA0BW,EAAAA,GAC3B,CAACX,EAA2BI,EAAcD,IAE7C,OACIS,EAACC,MAAAA,CACGC,UAAWC,EAAW,6CAA8C,CAChE,sDAAuDZ,KAG3DS,EAACI,EAAAA,CACGC,mBAAoB,CAAC,mBACrBC,KAAM,4BACNC,uBAAuB,EACvBC,iBAAiB,EACjBtB,KAAMA,GAENc,EAACS,EAAAA,CACGH,KAAM,4BACNI,QAASb,EACTc,MAAOzB,EAAK0B,IAAI,qCAChBrB,QAASA,EACTsB,mBAAkB,4BAI1Bb,EAACc,IAAAA,CAAEZ,UAAU,yCACRR,EACGM,EAACe,OACGf,EAACgB,OAAAA,CAAKC,GAAG,0BAA0B/B,EAAK0B,IAAI,2CAA2C,KACvFZ,EAACkB,SAAAA,CAAOhB,UAAU,0CAA0CiB,QAAS,IAAMxB,GAAmB,IACzFT,EAAK0B,IAAI,YAAY,OAI9BZ,EAACgB,OAAAA,CAAKC,GAAG,0BAA0B/B,EAAK0B,IAAI,6CAKhE"}

package/dist/es/components/internal/ClickToPay/components/CtPSection/CtPLogoutLink.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../../../../external/preact/dist/preact.js";import o from"../../context/useClickToPayContext.js";import{CtpState as e}from"../../services/ClickToPayService.js";import r from"../../../../../external/classnames/index.js";import{useMemo as n}from"../../../../../external/preact/hooks/dist/hooks.js";import s from"../../../../../core/Context/useCoreContext.js";const a=()=>{const{ctpState:a,logoutShopper:c,status:l,cards:u}=o(),{i18n:i}=s();if(!1===[e.Ready,e.OneTimePassword].includes(a))return null;const p=n((()=>a===e.Ready&&u.length>1?i.get("ctp.logout.notYourCards"):a===e.Ready&&1===u.length?i.get("ctp.logout.notYourCard"):a===e.Ready&&0===u.length?i.get("ctp.logout.notYourProfile"):i.get("ctp.logout.notYou")),[i,a]);return t("span",{role:"button",tabIndex:0,className:r("adyen-checkout-ctp__section-logout-button",{"adyen-checkout-ctp__section-logout-button--disabled":"loading"===l}),onClick:c},p)};export{a as default};
+//# sourceMappingURL=CtPLogoutLink.js.map

package/dist/es/components/internal/ClickToPay/components/CtPSection/CtPLogoutLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CtPLogoutLink.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPSection/CtPLogoutLink.tsx"],"sourcesContent":["import { h } from 'preact';\nimport useClickToPayContext from '../../context/useClickToPayContext';\nimport { CtpState } from '../../services/ClickToPayService';\nimport classnames from 'classnames';\nimport { useMemo } from 'preact/hooks';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport './CtPLogoutLink.scss';\n\nconst CtPLogoutLink = () => {\n    const { ctpState, logoutShopper, status, cards } = useClickToPayContext();\n    const { i18n } = useCoreContext();\n\n    if ([CtpState.Ready, CtpState.OneTimePassword].includes(ctpState) === false) {\n        return null;\n    }\n\n    const label = useMemo(() => {\n        if (ctpState === CtpState.Ready && cards.length > 1) return i18n.get('ctp.logout.notYourCards');\n        if (ctpState === CtpState.Ready && cards.length === 1) return i18n.get('ctp.logout.notYourCard');\n        if (ctpState === CtpState.Ready && cards.length === 0) return i18n.get('ctp.logout.notYourProfile');\n        return i18n.get('ctp.logout.notYou');\n    }, [i18n, ctpState]);\n\n    return (\n        <span\n            role=\"button\"\n            tabIndex={0}\n            className={classnames('adyen-checkout-ctp__section-logout-button', {\n                'adyen-checkout-ctp__section-logout-button--disabled': status === 'loading'\n            })}\n            onClick={logoutShopper}\n        >\n            {label}\n        </span>\n    );\n};\n\nexport default CtPLogoutLink;\n"],"names":["CtPLogoutLink","ctpState","logoutShopper","status","cards","useClickToPayContext","i18n","useCoreContext","CtpState","Ready","OneTimePassword","includes","label","useMemo","length","get","h","span","role","tabIndex","className","classnames","onClick"],"mappings":"uYAQA,MAAMA,EAAgB,KAClB,MAAMC,SAAEA,EAAQC,cAAEA,EAAaC,OAAEA,EAAMC,MAAEA,GAAUC,KAC7CC,KAAEA,GAASC,IAEjB,IAAsE,IAAlE,CAACC,EAASC,MAAOD,EAASE,iBAAiBC,SAASV,GACpD,OAAO,KAGX,MAAMW,EAAQC,GAAQ,IACdZ,IAAaO,EAASC,OAASL,EAAMU,OAAS,EAAUR,EAAKS,IAAI,2BACjEd,IAAaO,EAASC,OAA0B,IAAjBL,EAAMU,OAAqBR,EAAKS,IAAI,0BACnEd,IAAaO,EAASC,OAA0B,IAAjBL,EAAMU,OAAqBR,EAAKS,IAAI,6BAChET,EAAKS,IAAI,sBACjB,CAACT,EAAML,IAEV,OACIe,EAACC,OAAAA,CACGC,KAAK,SACLC,SAAU,EACVC,UAAWC,EAAW,4CAA6C,CAC/D,sDAAkE,YAAXlB,IAE3DmB,QAASpB,GAERU,EAAAA"}

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

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import t from"../../../../../external/classnames/index.js";import c from"./CtPLogoutLink.js";import{CtPBrand as n}from"../CtPBrand/CtPBrand.js";import a from"../../context/useClickToPayContext.js";const o=({children:o})=>{const{isStandaloneComponent:s}=a();return e("div",{className:t("adyen-checkout-ctp__section",{"adyen-checkout-ctp__section--standalone":s})},e("div",{className:"adyen-checkout-ctp__section-brand"},e(n,null),e(c,null)),o)};o.Title=({endAdornment:t,children:c})=>e("div",{className:"adyen-checkout-ctp__section-header"},e("h1",{className:"adyen-checkout-ctp__section-header-title"},c),t&&e("span",{className:"adyen-checkout-ctp__section-header-adornment"},t)),o.Text=({children:t})=>e("p",{className:"adyen-checkout-ctp__section-text"},t);export{o as default};
+//# sourceMappingURL=CtPSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CtPSection.js","sources":["../../../../../../../src/components/internal/ClickToPay/components/CtPSection/CtPSection.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classnames from 'classnames';\nimport CtPLogoutLink from './CtPLogoutLink';\nimport { CtPBrand } from '../CtPBrand';\nimport useClickToPayContext from '../../context/useClickToPayContext';\nimport './CtPSection.scss';\n\ninterface CtPSectionProps {\n    children?: h.JSX.Element[];\n}\n\nconst CtPSection = ({ children }: CtPSectionProps): h.JSX.Element => {\n    const { isStandaloneComponent } = useClickToPayContext();\n\n    return (\n        <div className={classnames('adyen-checkout-ctp__section', { 'adyen-checkout-ctp__section--standalone': isStandaloneComponent })}>\n            <div className=\"adyen-checkout-ctp__section-brand\">\n                <CtPBrand />\n                <CtPLogoutLink />\n            </div>\n\n            {children}\n        </div>\n    );\n};\n\nconst Title = ({ endAdornment, children }: { endAdornment?; children }) => (\n    <div className=\"adyen-checkout-ctp__section-header\">\n        <h1 className=\"adyen-checkout-ctp__section-header-title\">{children}</h1>\n        {endAdornment && <span className=\"adyen-checkout-ctp__section-header-adornment\">{endAdornment}</span>}\n    </div>\n);\nconst Text = ({ children }: { children }) => <p className=\"adyen-checkout-ctp__section-text\">{children}</p>;\n\nCtPSection.Title = Title;\nCtPSection.Text = Text;\n\nexport default CtPSection;\n"],"names":["CtPSection","children","isStandaloneComponent","useClickToPayContext","h","div","className","classnames","CtPBrand","CtPLogoutLink","Title","endAdornment","h1","span","Text","p"],"mappings":"mRAWA,MAAMA,EAAa,EAAGC,eAClB,MAAMC,sBAAEA,GAA0BC,IAElC,OACIC,EAACC,MAAAA,CAAIC,UAAWC,EAAW,8BAA+B,CAAE,0CAA2CL,KACnGE,EAACC,MAAAA,CAAIC,UAAU,qCACXF,EAACI,EAAAA,MACDJ,EAACK,EAGJR,OAAAA,EAAAA,EAabD,EAAWU,MARG,EAAGC,eAAcV,cAC3BG,EAACC,MAAAA,CAAIC,UAAU,sCACXF,EAACQ,KAAAA,CAAGN,UAAU,4CAA4CL,GACzDU,GAAgBP,EAACS,OAAAA,CAAKP,UAAU,gDAAgDK,IAMzFX,EAAWc,KAHE,EAAGb,cAA6BG,EAACW,IAAAA,CAAET,UAAU,oCAAoCL"}

package/dist/es/components/internal/ClickToPay/context/ClickToPayContext.js

@@ -0,0 +1,2 @@
+import{createContext as t}from"../../../../external/preact/dist/preact.js";const l=t({status:null,onSubmit:null,onSetStatus:null,onError:null,onReady:null,amount:null,configuration:null,isStandaloneComponent:null,isCtpPrimaryPaymentMethod:null,isStoringCookies:!1,setIsCtpPrimaryPaymentMethod:null,logoutShopper:null,updateStoreCookiesConsent:null,ctpState:null,cards:[],schemes:[],otpMaskedContact:null,otpNetwork:null,checkout:null,verifyIfShopperIsEnrolled:null,startIdentityValidation:null,finishIdentityValidation:null});export{l as ClickToPayContext};
+//# sourceMappingURL=ClickToPayContext.js.map

package/dist/es/components/internal/ClickToPay/context/ClickToPayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickToPayContext.js","sources":["../../../../../../src/components/internal/ClickToPay/context/ClickToPayContext.ts"],"sourcesContent":["import { createContext } from 'preact';\nimport { CtpState } from '../services/ClickToPayService';\nimport { ClickToPayCheckoutPayload, IClickToPayService } from '../services/types';\nimport ShopperCard from '../models/ShopperCard';\nimport { ClickToPayProps } from '../types';\nimport { PaymentAmount } from '../../../../types/global-types';\nimport AdyenCheckoutError from '../../../../core/Errors/AdyenCheckoutError';\nimport { UIElementStatus } from '../../UIElement/types';\n\nexport interface IClickToPayContext\n    extends Pick<IClickToPayService, 'checkout' | 'startIdentityValidation' | 'finishIdentityValidation' | 'verifyIfShopperIsEnrolled'> {\n    isStandaloneComponent: boolean;\n    isCtpPrimaryPaymentMethod: boolean;\n    isStoringCookies: boolean;\n    setIsCtpPrimaryPaymentMethod(isPrimary: boolean): void;\n    logoutShopper(): Promise<void>;\n    updateStoreCookiesConsent(shouldStore: boolean): void;\n    ctpState: CtpState;\n    cards: ShopperCard[];\n    schemes: string[];\n    otpMaskedContact: string;\n    otpNetwork: string;\n    amount: PaymentAmount;\n    configuration: ClickToPayProps;\n    status: UIElementStatus;\n    onSubmit(payload: ClickToPayCheckoutPayload): void;\n    onSetStatus(status: UIElementStatus): void;\n    onError(error: AdyenCheckoutError): void;\n    onReady(): void;\n}\n\nconst ClickToPayContext = createContext<IClickToPayContext>({\n    status: null,\n    onSubmit: null,\n    onSetStatus: null,\n    onError: null,\n    onReady: null,\n    amount: null,\n    configuration: null,\n    isStandaloneComponent: null,\n    isCtpPrimaryPaymentMethod: null,\n    isStoringCookies: false,\n    setIsCtpPrimaryPaymentMethod: null,\n    logoutShopper: null,\n    updateStoreCookiesConsent: null,\n    ctpState: null,\n    cards: [],\n    schemes: [],\n    otpMaskedContact: null,\n    otpNetwork: null,\n    checkout: null,\n    verifyIfShopperIsEnrolled: null,\n    startIdentityValidation: null,\n    finishIdentityValidation: null\n});\n\nexport { ClickToPayContext };\n"],"names":["ClickToPayContext","createContext","status","onSubmit","onSetStatus","onError","onReady","amount","configuration","isStandaloneComponent","isCtpPrimaryPaymentMethod","isStoringCookies","setIsCtpPrimaryPaymentMethod","logoutShopper","updateStoreCookiesConsent","ctpState","cards","schemes","otpMaskedContact","otpNetwork","checkout","verifyIfShopperIsEnrolled","startIdentityValidation","finishIdentityValidation"],"mappings":"2EA+BA,MAAMA,EAAoBC,EAAkC,CACxDC,OAAQ,KACRC,SAAU,KACVC,YAAa,KACbC,QAAS,KACTC,QAAS,KACTC,OAAQ,KACRC,cAAe,KACfC,sBAAuB,KACvBC,0BAA2B,KAC3BC,kBAAkB,EAClBC,6BAA8B,KAC9BC,cAAe,KACfC,0BAA2B,KAC3BC,SAAU,KACVC,MAAO,GACPC,QAAS,GACTC,iBAAkB,KAClBC,WAAY,KACZC,SAAU,KACVC,0BAA2B,KAC3BC,wBAAyB,KACzBC,yBAA0B"}

package/dist/es/components/internal/ClickToPay/context/ClickToPayProvider.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../../../external/preact/dist/preact.js";import{CtpState as e}from"../services/ClickToPayService.js";import{ClickToPayContext as a}from"./ClickToPayContext.js";import{useState as o,useRef as n,useEffect as s,useCallback as i}from"../../../../external/preact/hooks/dist/hooks.js";const r=({isStandaloneComponent:r=!1,clickToPayService:c,amount:d,configuration:l,children:u,setClickToPayRef:p,onSubmit:y,onSetStatus:m,onError:S})=>{const[C]=o(c),[f,h]=o(c?.state||e.NotAvailable),[k,I]=o(!0),[P,v]=o("ready"),w=n({}),b=n(!1);s((()=>{p(w.current),w.current.setStatus=v}),[]),s((()=>{C?.subscribeOnStateChange((t=>h(t)))}),[C]);const g=i((()=>{b.current||(l.onReady?.(),b.current=!0)}),[l?.onReady]),E=i((async t=>{await(C?.finishIdentityValidation(t))}),[C]),V=i((async()=>await(C?.startIdentityValidation())),[C]),R=i((async t=>await(C?.checkout(t))),[C]),j=i((async t=>await(C?.verifyIfShopperIsEnrolled(t))),[C]),x=i((async()=>{await(C?.logout())}),[C]),T=i((t=>{C.updateStoreCookiesConsent(t)}),[C]);return t(a.Provider,{value:{status:P,onSubmit:y,onError:S,onSetStatus:m,amount:d,configuration:l,isStoringCookies:C?.storeCookies,isStandaloneComponent:r,isCtpPrimaryPaymentMethod:k,setIsCtpPrimaryPaymentMethod:I,ctpState:f,verifyIfShopperIsEnrolled:j,cards:C?.shopperCards,schemes:C?.schemes,otpMaskedContact:C?.identityValidationData?.maskedShopperContact,otpNetwork:C?.identityValidationData?.selectedNetwork,checkout:R,logoutShopper:x,startIdentityValidation:V,finishIdentityValidation:E,updateStoreCookiesConsent:T,onReady:g}},u)};export{r as default};
+//# sourceMappingURL=ClickToPayProvider.js.map

package/dist/es/components/internal/ClickToPay/context/ClickToPayProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickToPayProvider.js","sources":["../../../../../../src/components/internal/ClickToPay/context/ClickToPayProvider.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { CtpState } from '../services/ClickToPayService';\nimport { ClickToPayContext } from './ClickToPayContext';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { ClickToPayCheckoutPayload, IClickToPayService, IdentityLookupParams } from '../services/types';\nimport ShopperCard from '../models/ShopperCard';\nimport { ClickToPayProps } from '../types';\nimport AdyenCheckoutError from '../../../../core/Errors/AdyenCheckoutError';\nimport { PaymentAmount } from '../../../../types/global-types';\nimport { UIElementStatus } from '../../UIElement/types';\n\ntype ClickToPayProviderRef = {\n    setStatus?(status: UIElementStatus): void;\n};\n\nexport type ClickToPayProviderProps = {\n    isStandaloneComponent: boolean;\n    clickToPayService: IClickToPayService | null;\n    configuration: ClickToPayProps;\n    amount: PaymentAmount;\n    children: any;\n    setClickToPayRef(ref): void;\n    onSubmit(payload: ClickToPayCheckoutPayload): void;\n    onSetStatus(status: UIElementStatus): void;\n    onError(error: AdyenCheckoutError): void;\n};\n\nconst ClickToPayProvider = ({\n    isStandaloneComponent = false,\n    clickToPayService,\n    amount,\n    configuration,\n    children,\n    setClickToPayRef,\n    onSubmit,\n    onSetStatus,\n    onError\n}: ClickToPayProviderProps) => {\n    const [ctpService] = useState<IClickToPayService | null>(clickToPayService);\n    const [ctpState, setCtpState] = useState<CtpState>(clickToPayService?.state || CtpState.NotAvailable);\n    const [isCtpPrimaryPaymentMethod, setIsCtpPrimaryPaymentMethod] = useState<boolean>(true);\n    const [status, setStatus] = useState<UIElementStatus>('ready');\n    const clickToPayRef = useRef<ClickToPayProviderRef>({});\n    const isOnReadyInvoked = useRef<boolean>(false);\n\n    useEffect(() => {\n        setClickToPayRef(clickToPayRef.current);\n        clickToPayRef.current.setStatus = setStatus;\n    }, []);\n\n    useEffect(() => {\n        ctpService?.subscribeOnStateChange(status => setCtpState(status));\n    }, [ctpService]);\n\n    const onReady = useCallback(() => {\n        if (isOnReadyInvoked.current) {\n            return;\n        }\n        configuration.onReady?.();\n        isOnReadyInvoked.current = true;\n    }, [configuration?.onReady]);\n\n    const finishIdentityValidation = useCallback(\n        async (otpValue: string) => {\n            await ctpService?.finishIdentityValidation(otpValue);\n        },\n        [ctpService]\n    );\n\n    const startIdentityValidation = useCallback(async () => {\n        const data = await ctpService?.startIdentityValidation();\n        return data;\n    }, [ctpService]);\n\n    const checkout = useCallback(\n        async (card: ShopperCard) => {\n            return await ctpService?.checkout(card);\n        },\n        [ctpService]\n    );\n\n    const verifyIfShopperIsEnrolled = useCallback(\n        async (shopperIdentity: IdentityLookupParams) => {\n            return await ctpService?.verifyIfShopperIsEnrolled(shopperIdentity);\n        },\n        [ctpService]\n    );\n\n    const logoutShopper = useCallback(async () => {\n        await ctpService?.logout();\n    }, [ctpService]);\n\n    const updateStoreCookiesConsent = useCallback(\n        (shouldStore: boolean) => {\n            ctpService.updateStoreCookiesConsent(shouldStore);\n        },\n        [ctpService]\n    );\n\n    return (\n        <ClickToPayContext.Provider\n            value={{\n                status,\n                onSubmit,\n                onError,\n                onSetStatus,\n                amount,\n                configuration,\n                isStoringCookies: ctpService?.storeCookies,\n                isStandaloneComponent,\n                isCtpPrimaryPaymentMethod,\n                setIsCtpPrimaryPaymentMethod,\n                ctpState,\n                verifyIfShopperIsEnrolled,\n                cards: ctpService?.shopperCards,\n                schemes: ctpService?.schemes,\n                otpMaskedContact: ctpService?.identityValidationData?.maskedShopperContact,\n                otpNetwork: ctpService?.identityValidationData?.selectedNetwork,\n                checkout,\n                logoutShopper,\n                startIdentityValidation,\n                finishIdentityValidation,\n                updateStoreCookiesConsent,\n                onReady\n            }}\n        >\n            {children}\n        </ClickToPayContext.Provider>\n    );\n};\n\nexport default ClickToPayProvider;\n"],"names":["ClickToPayProvider","isStandaloneComponent","clickToPayService","amount","configuration","children","setClickToPayRef","onSubmit","onSetStatus","onError","ctpService","useState","ctpState","setCtpState","state","CtpState","NotAvailable","isCtpPrimaryPaymentMethod","setIsCtpPrimaryPaymentMethod","status","setStatus","clickToPayRef","useRef","isOnReadyInvoked","useEffect","current","subscribeOnStateChange","onReady","useCallback","finishIdentityValidation","async","otpValue","startIdentityValidation","checkout","card","verifyIfShopperIsEnrolled","shopperIdentity","logoutShopper","logout","updateStoreCookiesConsent","shouldStore","h","ClickToPayContext","Provider","value","isStoringCookies","storeCookies","cards","shopperCards","schemes","otpMaskedContact","identityValidationData","maskedShopperContact","otpNetwork","selectedNetwork"],"mappings":"yTA2BMA,MAAAA,EAAqB,EACvBC,yBAAwB,EACxBC,oBACAC,SACAC,gBACAC,WACAC,mBACAC,WACAC,cACAC,cAEA,MAAOC,GAAcC,EAAoCT,IAClDU,EAAUC,GAAeF,EAAmBT,GAAmBY,OAASC,EAASC,eACjFC,EAA2BC,GAAgCP,GAAkB,IAC7EQ,EAAQC,GAAaT,EAA0B,SAChDU,EAAgBC,EAA8B,CAAA,GAC9CC,EAAmBD,GAAgB,GAEzCE,GAAU,KACNlB,EAAiBe,EAAcI,SAC/BJ,EAAcI,QAAQL,UAAYA,CAAAA,GACnC,IAEHI,GAAU,KACNd,GAAYgB,wBAAuBP,GAAUN,EAAYM,IAAAA,GAC1D,CAACT,IAEJ,MAAMiB,EAAUC,GAAY,KACpBL,EAAiBE,UAGrBrB,EAAcuB,YACdJ,EAAiBE,SAAU,EAAA,GAC5B,CAACrB,GAAeuB,UAEbE,EAA2BD,GAC7BE,MAAOC,UACGrB,GAAYmB,yBAAyBE,GAAAA,GAE/C,CAACrB,IAGCsB,EAA0BJ,GAAYE,eACrBpB,GAAYsB,4BAEhC,CAACtB,IAEEuB,EAAWL,GACbE,MAAOI,SACUxB,GAAYuB,SAASC,KAEtC,CAACxB,IAGCyB,EAA4BP,GAC9BE,MAAOM,SACU1B,GAAYyB,0BAA0BC,KAEvD,CAAC1B,IAGC2B,EAAgBT,GAAYE,gBACxBpB,GAAY4B,SAAAA,GACnB,CAAC5B,IAEE6B,EAA4BX,GAC7BY,IACG9B,EAAW6B,0BAA0BC,EAAAA,GAEzC,CAAC9B,IAGL,OACI+B,EAACC,EAAkBC,SAAQ,CACvBC,MAAO,CACHzB,SACAZ,WACAE,UACAD,cACAL,SACAC,gBACAyC,iBAAkBnC,GAAYoC,aAC9B7C,wBACAgB,4BACAC,+BACAN,WACAuB,4BACAY,MAAOrC,GAAYsC,aACnBC,QAASvC,GAAYuC,QACrBC,iBAAkBxC,GAAYyC,wBAAwBC,qBACtDC,WAAY3C,GAAYyC,wBAAwBG,gBAChDrB,WACAI,gBACAL,0BACAH,2BACAU,4BACAZ,YAGHtB,EAAAA"}

package/dist/es/components/internal/ClickToPay/context/useClickToPayContext.js

@@ -0,0 +1,2 @@
+import{useContext as o}from"../../../../external/preact/hooks/dist/hooks.js";import{ClickToPayContext as t}from"./ClickToPayContext.js";function e(){return o(t)}export{e as default};
+//# sourceMappingURL=useClickToPayContext.js.map

package/dist/es/components/internal/ClickToPay/context/useClickToPayContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickToPayContext.js","sources":["../../../../../../src/components/internal/ClickToPay/context/useClickToPayContext.ts"],"sourcesContent":["import { useContext } from 'preact/hooks';\nimport { ClickToPayContext, IClickToPayContext } from './ClickToPayContext';\n\nfunction useClickToPayContext(): IClickToPayContext {\n    return useContext(ClickToPayContext);\n}\n\nexport default useClickToPayContext;\n"],"names":["useClickToPayContext","useContext","ClickToPayContext"],"mappings":"wIAGA,SAASA,IACL,OAAOC,EAAWC,EACtB"}

package/dist/es/components/internal/ClickToPay/errors/TimeoutError.js

@@ -0,0 +1,2 @@
+class r extends Error{constructor(r){super(r),this.name="TimeoutError"}}export{r as default};
+//# sourceMappingURL=TimeoutError.js.map

package/dist/es/components/internal/ClickToPay/errors/TimeoutError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeoutError.js","sources":["../../../../../../src/components/internal/ClickToPay/errors/TimeoutError.ts"],"sourcesContent":["class TimeoutError extends Error {\n    constructor(message: string) {\n        super(message);\n        this.name = 'TimeoutError';\n    }\n}\n\nexport default TimeoutError;\n"],"names":["TimeoutError","Error","constructor","message","super","this","name"],"mappings":"AAAA,MAAMA,UAAqBC,MACvBC,WAAAA,CAAYC,GACRC,MAAMD,GACNE,KAAKC,KAAO,cAChB"}

package/dist/es/components/internal/ClickToPay/models/ShopperCard.js

@@ -0,0 +1,2 @@
+import{SchemeNames as t}from"../services/sdks/utils.js";class a{dateOfCardLastUsed;panLastFour;srcDigitalCardId;scheme;artUri;srcCorrelationId;tokenId;isExpired;panExpirationMonth;panExpirationYear;descriptorName;status=null;constructor(t,a,i){this.dateOfCardLastUsed=t.dateOfCardLastUsed,this.panLastFour=t.panLastFour,this.srcDigitalCardId=t.srcDigitalCardId,this.descriptorName=t.digitalCardData.descriptorName,this.tokenId=t.tokenId,this.scheme=a,this.artUri=t.digitalCardData.artUri,this.srcCorrelationId=i,this.panExpirationMonth=t.panExpirationMonth,this.panExpirationYear=t.panExpirationYear,this.status=t.digitalCardData.status,this.isExpired=this.confirmCardIsExpired()}get title(){return"visa"===this.scheme?t[this.scheme]:this.descriptorName||t[this.scheme]}get isDcfPopupEmbedded(){return"mc"===this.scheme}confirmCardIsExpired(){if("ACTIVE"!==this.status)return!0;if(!this.panExpirationYear&&!this.panExpirationMonth)return!1;const[t,a]=[(new Date).getMonth()+1,(new Date).getFullYear()];return!(Number(this.panExpirationYear)>a)&&!(Number(this.panExpirationYear)===a&&Number(this.panExpirationMonth)>=t)}}export{a as default};
+//# sourceMappingURL=ShopperCard.js.map

package/dist/es/components/internal/ClickToPay/models/ShopperCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShopperCard.js","sources":["../../../../../../src/components/internal/ClickToPay/models/ShopperCard.ts"],"sourcesContent":["import { DigitalCardStatus, SrcCard } from '../services/sdks/types';\nimport { SchemeNames } from '../services/sdks/utils';\nimport { ClickToPayScheme } from '../types';\n\nclass ShopperCard {\n    public dateOfCardLastUsed: string;\n    public panLastFour: string;\n    public srcDigitalCardId: string;\n    public scheme: ClickToPayScheme;\n    public artUri: string;\n    public srcCorrelationId: string;\n    public tokenId?: string;\n    public isExpired: boolean;\n\n    private readonly panExpirationMonth: string;\n    private readonly panExpirationYear: string;\n    private readonly descriptorName?: string;\n    private readonly status?: DigitalCardStatus = null;\n\n    constructor(maskedCard: SrcCard, scheme: ClickToPayScheme, srcCorrelationId: string) {\n        this.dateOfCardLastUsed = maskedCard.dateOfCardLastUsed;\n        this.panLastFour = maskedCard.panLastFour;\n        this.srcDigitalCardId = maskedCard.srcDigitalCardId;\n        this.descriptorName = maskedCard.digitalCardData.descriptorName;\n        this.tokenId = maskedCard.tokenId;\n        this.scheme = scheme;\n        this.artUri = maskedCard.digitalCardData.artUri;\n        this.srcCorrelationId = srcCorrelationId;\n        this.panExpirationMonth = maskedCard.panExpirationMonth;\n        this.panExpirationYear = maskedCard.panExpirationYear;\n        this.status = maskedCard.digitalCardData.status;\n\n        this.isExpired = this.confirmCardIsExpired();\n    }\n\n    get title() {\n        return this.scheme === 'visa' ? SchemeNames[this.scheme] : this.descriptorName || SchemeNames[this.scheme];\n    }\n\n    get isDcfPopupEmbedded(): boolean {\n        return this.scheme === 'mc';\n    }\n\n    private confirmCardIsExpired(): boolean {\n        if (this.status !== 'ACTIVE') return true;\n        if (!this.panExpirationYear && !this.panExpirationMonth) return false;\n\n        const [currentMonth, currentYear] = [new Date().getMonth() + 1, new Date().getFullYear()];\n        if (Number(this.panExpirationYear) > currentYear) return false;\n        if (Number(this.panExpirationYear) === currentYear && Number(this.panExpirationMonth) >= currentMonth) return false;\n\n        return true;\n    }\n}\n\nexport default ShopperCard;\n"],"names":["ShopperCard","dateOfCardLastUsed","panLastFour","srcDigitalCardId","scheme","artUri","srcCorrelationId","tokenId","isExpired","panExpirationMonth","panExpirationYear","descriptorName","status","constructor","maskedCard","this","digitalCardData","confirmCardIsExpired","title","SchemeNames","isDcfPopupEmbedded","currentMonth","currentYear","Date","getMonth","getFullYear","Number"],"mappings":"wDAIA,MAAMA,EACKC,mBACAC,YACAC,iBACAC,OACAC,OACAC,iBACAC,QACAC,UAEUC,mBACAC,kBACAC,eACAC,OAA6B,KAE9CC,WAAAA,CAAYC,EAAqBV,EAA0BE,GACvDS,KAAKd,mBAAqBa,EAAWb,mBACrCc,KAAKb,YAAcY,EAAWZ,YAC9Ba,KAAKZ,iBAAmBW,EAAWX,iBACnCY,KAAKJ,eAAiBG,EAAWE,gBAAgBL,eACjDI,KAAKR,QAAUO,EAAWP,QAC1BQ,KAAKX,OAASA,EACdW,KAAKV,OAASS,EAAWE,gBAAgBX,OACzCU,KAAKT,iBAAmBA,EACxBS,KAAKN,mBAAqBK,EAAWL,mBACrCM,KAAKL,kBAAoBI,EAAWJ,kBACpCK,KAAKH,OAASE,EAAWE,gBAAgBJ,OAEzCG,KAAKP,UAAYO,KAAKE,sBAC1B,CAEA,SAAIC,GACA,MAAuB,SAAhBH,KAAKX,OAAoBe,EAAYJ,KAAKX,QAAUW,KAAKJ,gBAAkBQ,EAAYJ,KAAKX,OACvG,CAEA,sBAAIgB,GACA,MAAuB,OAAhBL,KAAKX,MAChB,CAEQa,oBAAAA,GACJ,GAAoB,WAAhBF,KAAKH,OAAqB,OAAO,EACrC,IAAKG,KAAKL,oBAAsBK,KAAKN,mBAAoB,OAAO,EAEhE,MAAOY,EAAcC,GAAe,EAAC,IAAIC,MAAOC,WAAa,GAAG,IAAID,MAAOE,eAC3E,QAAIC,OAAOX,KAAKL,mBAAqBY,MACjCI,OAAOX,KAAKL,qBAAuBY,GAAeI,OAAOX,KAAKN,qBAAuBY,EAG7F"}

package/dist/es/components/internal/ClickToPay/services/ClickToPayService.js

@@ -0,0 +1,2 @@
+import{CTP_IFRAME_NAME as e,createCheckoutPayloadBasedOnScheme as t,createShopperCardsList as i}from"./utils.js";import s from"./sdks/SrciError.js";import{SchemeNames as o}from"./sdks/utils.js";import n from"../../../../utils/uuid.js";import r from"../../../../core/Errors/AdyenCheckoutError.js";import{isRejected as a,isFulfilled as d}from"../../../../utils/promise-util.js";import c from"../errors/TimeoutError.js";var h;function l(e,t,i){const s=new Promise(((e,s)=>setTimeout((()=>s(i)),t)));return Promise.race([e(),s])}!function(e){e.Idle="Idle",e.Loading="Loading",e.ShopperIdentified="ShopperIdentified",e.OneTimePassword="OneTimePassword",e.Ready="Ready",e.Login="Login",e.NotAvailable="NotAvailable"}(h||(h={}));class m{sdkLoader;schemesConfig;shopperIdentity;environment;onTimeout;srciTransactionId=n();sdks;validationSchemeSdk=null;stateSubscriber;state="Idle";shopperCards=null;identityValidationData=null;storeCookies=!1;constructor(e,t,i,s,o){this.sdkLoader=t,this.schemesConfig=e,this.shopperIdentity=s,this.environment=i,this.onTimeout=o}get shopperAccountFound(){return["Ready","ShopperIdentified"].includes(this.state)}get schemes(){return this.sdkLoader.schemes}updateStoreCookiesConsent(e){this.storeCookies=e}async initialize(){this.setState("Loading");try{this.sdks=await this.sdkLoader.load(this.environment),await this.initiateSdks();const{recognized:e=!1,idTokens:t=null}=await this.verifyIfShopperIsRecognized();if(e)return await this.getShopperProfile(t),void this.setState("Ready");if(!this.shopperIdentity)return void this.setState("NotAvailable");const{isEnrolled:i}=await this.verifyIfShopperIsEnrolled(this.shopperIdentity);if(i)return void this.setState("ShopperIdentified");this.setState("NotAvailable")}catch(e){if(e instanceof s&&"REQUEST_TIMEOUT"===e?.reason){const t=new c(`ClickToPayService - Timeout during ${e.source}() of the scheme '${e.scheme}'`);this.onTimeout?.(t)}else e instanceof c?(console.warn(e.toString()),this.onTimeout?.(e)):e instanceof s?console.warn(`Error at ClickToPayService # init: ${e.toString()}`):console.warn(e);this.setState("NotAvailable")}}subscribeOnStateChange(e){this.stateSubscriber=e}async startIdentityValidation(){if(!this.validationSchemeSdk)throw Error("startIdentityValidation: No ValidationSDK set for the validation process");const{maskedValidationChannel:e}=await this.validationSchemeSdk.initiateIdentityValidation();this.identityValidationData={maskedShopperContact:e.replace(/\*/g,"•"),selectedNetwork:o[this.validationSchemeSdk.schemeName]},this.setState("OneTimePassword")}async finishIdentityValidation(e){if(!this.validationSchemeSdk)throw Error("finishIdentityValidation: No ValidationSDK set for the validation process");const t=await this.validationSchemeSdk.completeIdentityValidation(e);await this.getShopperProfile([t.idToken]),this.setState("Ready"),this.validationSchemeSdk=null}async checkout(i){if(!i)throw Error("ClickToPayService # checkout: Missing card data");const s=this.sdks.find((e=>e.schemeName===i.scheme)),o=await s.checkout({srcDigitalCardId:i.srcDigitalCardId,srcCorrelationId:i.srcCorrelationId,...i.isDcfPopupEmbedded&&{windowRef:window.frames[e]},...this.storeCookies&&{complianceSettings:{complianceResources:[{complianceType:"REMEMBER_ME",uri:""}]}}});if("COMPLETE"!==o.dcfActionCode)throw new r("ERROR",`Checkout through Scheme DCF did not complete. DCF Action code received: ${o.dcfActionCode}`);return t(i,o,this.environment)}async logout(){if(!this.sdks)throw new r("ERROR","ClickToPayService is not initialized");try{const e=this.sdks.map((e=>e.unbindAppInstance()));await Promise.all(e)}catch(e){e instanceof s?console.warn(`Error at ClickToPayService # logout: ${e.toString()}`):console.warn(e)}this.shopperCards=null,this.identityValidationData=null,this.validationSchemeSdk=null,this.setState("Login")}async verifyIfShopperIsEnrolled(e){const{shopperEmail:t}=e;return new Promise(((e,i)=>{const s=this.sdks.map((s=>{const o=l((()=>s.identityLookup({identityValue:t,type:"email"})),5e3,new c(`ClickToPayService - Timeout during identityLookup() of the scheme '${s.schemeName}'`));return o.then((t=>{t.consumerPresent&&!this.validationSchemeSdk&&(this.setSdkForPerformingShopperIdentityValidation(s),e({isEnrolled:!0}))})).catch((e=>{i(e)})),o}));Promise.allSettled(s).then((()=>{e({isEnrolled:!1})}))}))}setState(e){this.state=e,this.stateSubscriber?.(this.state)}setSdkForPerformingShopperIdentityValidation(e){this.validationSchemeSdk=e}async getShopperProfile(e){return new Promise(((t,s)=>{const o=this.sdks.map((t=>t.getSrcProfile(e)));Promise.allSettled(o).then((e=>{e.every(a)&&s(e[0].reason);const o=e.map(((e,t)=>d(e)&&{...e.value,scheme:this.sdks[t].schemeName})).filter((e=>!!e));this.shopperCards=i(o),t()}))}))}async verifyIfShopperIsRecognized(){return new Promise(((e,t)=>{const i=this.sdks.map((i=>{const s=l((()=>i.isRecognized()),5e3,new c(`ClickToPayService - Timeout during isRecognized() of the scheme '${i.schemeName}'`));return s.then((t=>t.recognized&&e(t))).catch((e=>t(e))),s}));Promise.allSettled(i).then((()=>e({recognized:!1})))}))}async initiateSdks(){const e=this.sdks.map((e=>{const t=this.schemesConfig[e.schemeName];return l((()=>e.init(t,this.srciTransactionId)),5e3,new c(`ClickToPayService - Timeout during init() of the scheme '${e.schemeName}'`))}));await Promise.all(e)}}export{h as CtpState,m as default};
+//# sourceMappingURL=ClickToPayService.js.map

package/dist/es/components/internal/ClickToPay/services/ClickToPayService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickToPayService.js","sources":["../../../../../../src/components/internal/ClickToPay/services/ClickToPayService.ts"],"sourcesContent":["import { ISrcInitiator } from './sdks/AbstractSrcInitiator';\nimport {\n    CallbackStateSubscriber,\n    IClickToPayService,\n    IdentityLookupParams,\n    ClickToPayCheckoutPayload,\n    SrcProfileWithScheme,\n    SchemesConfiguration,\n    IdentityValidationData\n} from './types';\nimport { ISrcSdkLoader } from './sdks/SrcSdkLoader';\nimport { createCheckoutPayloadBasedOnScheme, createShopperCardsList, CTP_IFRAME_NAME } from './utils';\nimport { SrciIdentityLookupResponse, SrciIsRecognizedResponse, SrcProfile } from './sdks/types';\nimport SrciError from './sdks/SrciError';\nimport { SchemeNames } from './sdks/utils';\nimport ShopperCard from '../models/ShopperCard';\nimport uuidv4 from '../../../../utils/uuid';\nimport AdyenCheckoutError from '../../../../core/Errors/AdyenCheckoutError';\nimport { isFulfilled, isRejected } from '../../../../utils/promise-util';\nimport TimeoutError from '../errors/TimeoutError';\n\nexport enum CtpState {\n    Idle = 'Idle',\n    Loading = 'Loading',\n    ShopperIdentified = 'ShopperIdentified',\n    OneTimePassword = 'OneTimePassword',\n    Ready = 'Ready',\n    Login = 'Login',\n    NotAvailable = 'NotAvailable'\n}\n\nfunction executeWithTimeout<T>(fn: () => Promise<T>, timer: number, error: Error): Promise<T> {\n    const timeout = new Promise<T>((resolve, reject) => setTimeout(() => reject(error), timer));\n    return Promise.race<T>([fn(), timeout]);\n}\n\nclass ClickToPayService implements IClickToPayService {\n    private readonly sdkLoader: ISrcSdkLoader;\n    private readonly schemesConfig: SchemesConfiguration;\n    private readonly shopperIdentity?: IdentityLookupParams;\n    private readonly environment: string;\n\n    private readonly onTimeout?: (error: TimeoutError) => void;\n\n    /**\n     * Mandatory unique ID passed to all the networks (Click to Pay systems), used to track user journey\n     */\n    private readonly srciTransactionId: string = uuidv4();\n\n    private sdks: ISrcInitiator[];\n    private validationSchemeSdk: ISrcInitiator = null;\n    private stateSubscriber: CallbackStateSubscriber;\n\n    public state: CtpState = CtpState.Idle;\n    public shopperCards: ShopperCard[] = null;\n    public identityValidationData: IdentityValidationData = null;\n\n    /**\n     * Indicates if the shopper opted for saving cookies during the transaction\n     */\n    public storeCookies = false;\n\n    constructor(\n        schemesConfig: SchemesConfiguration,\n        sdkLoader: ISrcSdkLoader,\n        environment: string,\n        shopperIdentity?: IdentityLookupParams,\n        onTimeout?: (error: TimeoutError) => void\n    ) {\n        this.sdkLoader = sdkLoader;\n        this.schemesConfig = schemesConfig;\n        this.shopperIdentity = shopperIdentity;\n        this.environment = environment;\n        this.onTimeout = onTimeout;\n    }\n\n    public get shopperAccountFound(): boolean {\n        return [CtpState.Ready, CtpState.ShopperIdentified].includes(this.state);\n    }\n\n    public get schemes(): string[] {\n        return this.sdkLoader.schemes;\n    }\n\n    public updateStoreCookiesConsent(shouldStore: boolean) {\n        this.storeCookies = shouldStore;\n    }\n\n    public async initialize(): Promise<void> {\n        this.setState(CtpState.Loading);\n\n        try {\n            this.sdks = await this.sdkLoader.load(this.environment);\n            await this.initiateSdks();\n\n            const { recognized = false, idTokens = null } = await this.verifyIfShopperIsRecognized();\n\n            if (recognized) {\n                await this.getShopperProfile(idTokens);\n                this.setState(CtpState.Ready);\n                return;\n            }\n\n            if (!this.shopperIdentity) {\n                this.setState(CtpState.NotAvailable);\n                return;\n            }\n\n            const { isEnrolled } = await this.verifyIfShopperIsEnrolled(this.shopperIdentity);\n            if (isEnrolled) {\n                this.setState(CtpState.ShopperIdentified);\n                return;\n            }\n\n            this.setState(CtpState.NotAvailable);\n        } catch (error) {\n            if (error instanceof SrciError && error?.reason === 'REQUEST_TIMEOUT') {\n                const timeoutError = new TimeoutError(`ClickToPayService - Timeout during ${error.source}() of the scheme '${error.scheme}'`);\n                this.onTimeout?.(timeoutError);\n            } else if (error instanceof TimeoutError) {\n                console.warn(error.toString());\n                this.onTimeout?.(error);\n            } else if (error instanceof SrciError) {\n                console.warn(`Error at ClickToPayService # init: ${error.toString()}`);\n            } else {\n                console.warn(error);\n            }\n\n            this.setState(CtpState.NotAvailable);\n        }\n    }\n\n    /**\n     * Set the callback for notifying when the CtPState changes\n     */\n    public subscribeOnStateChange(callback: CallbackStateSubscriber): void {\n        this.stateSubscriber = callback;\n    }\n\n    /**\n     * Initiates Consumer Identity validation with one Click to Pay System.\n     * The Click to Pay System sends a one-time-password (OTP) to the registered email address or mobile number.\n     **/\n    public async startIdentityValidation(): Promise<void> {\n        if (!this.validationSchemeSdk) {\n            throw Error('startIdentityValidation: No ValidationSDK set for the validation process');\n        }\n        const { maskedValidationChannel } = await this.validationSchemeSdk.initiateIdentityValidation();\n\n        this.identityValidationData = {\n            maskedShopperContact: maskedValidationChannel.replace(/\\*/g, '•'),\n            selectedNetwork: SchemeNames[this.validationSchemeSdk.schemeName]\n        };\n\n        this.setState(CtpState.OneTimePassword);\n    }\n\n    /**\n     * Completes the  validation of the Shopper by evaluating the supplied OTP.\n     */\n    public async finishIdentityValidation(otpCode: string): Promise<void> {\n        if (!this.validationSchemeSdk) {\n            throw Error('finishIdentityValidation: No ValidationSDK set for the validation process');\n        }\n        const validationToken = await this.validationSchemeSdk.completeIdentityValidation(otpCode);\n        await this.getShopperProfile([validationToken.idToken]);\n        this.setState(CtpState.Ready);\n\n        this.validationSchemeSdk = null;\n    }\n\n    /**\n     * This method performs checkout using the selected card\n     */\n    public async checkout(card: ShopperCard): Promise<ClickToPayCheckoutPayload> {\n        if (!card) {\n            throw Error('ClickToPayService # checkout: Missing card data');\n        }\n\n        const checkoutSdk = this.sdks.find(sdk => sdk.schemeName === card.scheme);\n\n        const checkoutResponse = await checkoutSdk.checkout({\n            srcDigitalCardId: card.srcDigitalCardId,\n            srcCorrelationId: card.srcCorrelationId,\n            ...(card.isDcfPopupEmbedded && { windowRef: window.frames[CTP_IFRAME_NAME] }),\n            ...(this.storeCookies && { complianceSettings: { complianceResources: [{ complianceType: 'REMEMBER_ME', uri: '' }] } })\n        });\n\n        if (checkoutResponse.dcfActionCode !== 'COMPLETE') {\n            throw new AdyenCheckoutError(\n                'ERROR',\n                `Checkout through Scheme DCF did not complete. DCF Action code received: ${checkoutResponse.dcfActionCode}`\n            );\n        }\n\n        return createCheckoutPayloadBasedOnScheme(card, checkoutResponse, this.environment);\n    }\n\n    /**\n     * Call the 'unbindAppInstance()' method of each SRC SDK in order to remove the shopper cookies.\n     * Besides, it deletes all information stored about the shopper.\n     */\n    public async logout(): Promise<void> {\n        if (!this.sdks) {\n            throw new AdyenCheckoutError('ERROR', 'ClickToPayService is not initialized');\n        }\n\n        try {\n            const logoutPromises = this.sdks.map(sdk => sdk.unbindAppInstance());\n            await Promise.all(logoutPromises);\n        } catch (error) {\n            if (error instanceof SrciError) console.warn(`Error at ClickToPayService # logout: ${error.toString()}`);\n            else console.warn(error);\n        }\n\n        this.shopperCards = null;\n        this.identityValidationData = null;\n        this.validationSchemeSdk = null;\n\n        this.setState(CtpState.Login);\n    }\n\n    /**\n     * Call the 'identityLookup()' method of each SRC SDK in order to verify if the shopper has an account.\n     *\n     * Based on the responses from the Click to Pay Systems, we should do the validation process using the SDK that\n     * that responds faster with 'consumerPresent=true'\n     */\n    public async verifyIfShopperIsEnrolled(shopperIdentity: IdentityLookupParams): Promise<{ isEnrolled: boolean }> {\n        const { shopperEmail } = shopperIdentity;\n\n        return new Promise((resolve, reject) => {\n            const lookupPromises = this.sdks.map(sdk => {\n                const identityLookupPromise = executeWithTimeout<SrciIdentityLookupResponse>(\n                    () => sdk.identityLookup({ identityValue: shopperEmail, type: 'email' }),\n                    5000,\n                    new TimeoutError(`ClickToPayService - Timeout during identityLookup() of the scheme '${sdk.schemeName}'`)\n                );\n\n                identityLookupPromise\n                    .then(response => {\n                        if (response.consumerPresent && !this.validationSchemeSdk) {\n                            this.setSdkForPerformingShopperIdentityValidation(sdk);\n                            resolve({ isEnrolled: true });\n                        }\n                    })\n                    .catch(error => {\n                        reject(error);\n                    });\n\n                return identityLookupPromise;\n            });\n\n            Promise.allSettled(lookupPromises).then(() => {\n                resolve({ isEnrolled: false });\n            });\n        });\n    }\n\n    private setState(state: CtpState): void {\n        this.state = state;\n        this.stateSubscriber?.(this.state);\n    }\n\n    private setSdkForPerformingShopperIdentityValidation(sdk: ISrcInitiator) {\n        this.validationSchemeSdk = sdk;\n    }\n\n    /**\n     * Based on the given 'idToken', this method goes through each SRCi SDK and fetches the shopper\n     * profile with his cards.\n     */\n    private async getShopperProfile(idTokens: string[]): Promise<void> {\n        return new Promise((resolve, reject) => {\n            const srcProfilesPromises = this.sdks.map(sdk => sdk.getSrcProfile(idTokens));\n\n            Promise.allSettled(srcProfilesPromises).then(srcProfilesResponses => {\n                if (srcProfilesResponses.every(isRejected)) {\n                    reject(srcProfilesResponses[0].reason);\n                }\n\n                const createProfileWithScheme = (promiseResult: PromiseSettledResult<SrcProfile>, index) =>\n                    isFulfilled(promiseResult) && { ...promiseResult.value, scheme: this.sdks[index].schemeName };\n\n                const profilesWithScheme: SrcProfileWithScheme[] = srcProfilesResponses.map(createProfileWithScheme).filter(profile => !!profile);\n\n                this.shopperCards = createShopperCardsList(profilesWithScheme);\n                resolve();\n            });\n        });\n    }\n\n    /**\n     * Calls the 'isRecognized()' method of each SRC SDK in order to verify if the shopper is\n     * recognized on the device. The shopper is recognized if he/she has the Cookies stored\n     * on their browser\n     */\n    private async verifyIfShopperIsRecognized(): Promise<SrciIsRecognizedResponse> {\n        return new Promise((resolve, reject) => {\n            const promises = this.sdks.map(sdk => {\n                const isRecognizedPromise = executeWithTimeout<SrciIsRecognizedResponse>(\n                    () => sdk.isRecognized(),\n                    5000,\n                    new TimeoutError(`ClickToPayService - Timeout during isRecognized() of the scheme '${sdk.schemeName}'`)\n                );\n                isRecognizedPromise.then(response => response.recognized && resolve(response)).catch(error => reject(error));\n                return isRecognizedPromise;\n            });\n\n            // If the 'resolve' didn't happen until this point, then shopper is not recognized\n            Promise.allSettled(promises).then(() => resolve({ recognized: false }));\n        });\n    }\n\n    private async initiateSdks(): Promise<void> {\n        const initPromises = this.sdks.map(sdk => {\n            const cfg = this.schemesConfig[sdk.schemeName];\n\n            return executeWithTimeout<void>(\n                () => sdk.init(cfg, this.srciTransactionId),\n                5000,\n                new TimeoutError(`ClickToPayService - Timeout during init() of the scheme '${sdk.schemeName}'`)\n            );\n        });\n\n        await Promise.all(initPromises);\n    }\n}\n\nexport default ClickToPayService;\n"],"names":["executeWithTimeout","fn","timer","error","timeout","Promise","resolve","reject","setTimeout","race","CtpState","ClickToPayService","sdkLoader","schemesConfig","shopperIdentity","environment","onTimeout","srciTransactionId","uuidv4","sdks","validationSchemeSdk","stateSubscriber","state","shopperCards","identityValidationData","storeCookies","constructor","this","shopperAccountFound","includes","schemes","updateStoreCookiesConsent","shouldStore","initialize","setState","load","initiateSdks","recognized","idTokens","verifyIfShopperIsRecognized","getShopperProfile","isEnrolled","verifyIfShopperIsEnrolled","SrciError","reason","timeoutError","TimeoutError","source","scheme","console","warn","toString","subscribeOnStateChange","callback","startIdentityValidation","Error","maskedValidationChannel","initiateIdentityValidation","maskedShopperContact","replace","selectedNetwork","SchemeNames","schemeName","finishIdentityValidation","otpCode","validationToken","completeIdentityValidation","idToken","checkout","card","checkoutSdk","find","sdk","checkoutResponse","srcDigitalCardId","srcCorrelationId","isDcfPopupEmbedded","windowRef","window","frames","CTP_IFRAME_NAME","complianceSettings","complianceResources","complianceType","uri","dcfActionCode","AdyenCheckoutError","createCheckoutPayloadBasedOnScheme","logout","logoutPromises","map","unbindAppInstance","all","shopperEmail","lookupPromises","identityLookupPromise","identityLookup","identityValue","type","then","response","consumerPresent","setSdkForPerformingShopperIdentityValidation","catch","allSettled","srcProfilesPromises","getSrcProfile","srcProfilesResponses","every","isRejected","profilesWithScheme","promiseResult","index","isFulfilled","value","filter","profile","createShopperCardsList","promises","isRecognizedPromise","isRecognized","initPromises","cfg","init"],"mappings":"uaA+BA,SAASA,EAAsBC,EAAsBC,EAAeC,GAChE,MAAMC,EAAU,IAAIC,SAAW,CAACC,EAASC,IAAWC,YAAW,IAAMD,EAAOJ,IAAQD,KACpF,OAAOG,QAAQI,KAAQ,CAACR,IAAMG,GAClC,EAbYM,SAAAA,+KAAAA,CAAAA,IAAAA,EAAAA,CAAAA,IAeZ,MAAMC,EACeC,UACAC,cACAC,gBACAC,YAEAC,UAKAC,kBAA4BC,IAErCC,KACAC,oBAAqC,KACrCC,gBAEDC,MAAgC,OAChCC,aAA8B,KAC9BC,uBAAiD,KAKjDC,cAAe,EAEtBC,WAAAA,CACIb,EACAD,EACAG,EACAD,EACAE,GAEAW,KAAKf,UAAYA,EACjBe,KAAKd,cAAgBA,EACrBc,KAAKb,gBAAkBA,EACvBa,KAAKZ,YAAcA,EACnBY,KAAKX,UAAYA,CACrB,CAEA,uBAAWY,GACP,MAAO,8BAA6CC,SAASF,KAAKL,MACtE,CAEA,WAAWQ,GACP,OAAOH,KAAKf,UAAUkB,OAC1B,CAEOC,yBAAAA,CAA0BC,GAC7BL,KAAKF,aAAeO,CACxB,CAEA,gBAAaC,GACTN,KAAKO,SAAQ,WAEb,IACIP,KAAKR,WAAaQ,KAAKf,UAAUuB,KAAKR,KAAKZ,mBACrCY,KAAKS,eAEX,MAAMC,WAAEA,GAAa,EAAKC,SAAEA,EAAW,YAAeX,KAAKY,8BAE3D,GAAIF,EAGA,aAFMV,KAAKa,kBAAkBF,QAC7BX,KAAKO,SAAQ,SAIjB,IAAKP,KAAKb,gBAEN,YADAa,KAAKO,SAAQ,gBAIjB,MAAMO,WAAEA,SAAqBd,KAAKe,0BAA0Bf,KAAKb,iBACjE,GAAI2B,EAEA,YADAd,KAAKO,SAAQ,qBAIjBP,KAAKO,SAAQ,eACjB,CAAE,MAAO/B,GACL,GAAIA,aAAiBwC,GAA+B,oBAAlBxC,GAAOyC,OAA8B,CACnE,MAAMC,EAAe,IAAIC,EAAa,sCAAsC3C,EAAM4C,2BAA2B5C,EAAM6C,WACnHrB,KAAKX,YAAY6B,QACV1C,aAAiB2C,GACxBG,QAAQC,KAAK/C,EAAMgD,YACnBxB,KAAKX,YAAYb,IACVA,aAAiBwC,EACxBM,QAAQC,KAAK,sCAAsC/C,EAAMgD,cAEzDF,QAAQC,KAAK/C,GAGjBwB,KAAKO,SAAQ,eACjB,CACJ,CAKOkB,sBAAAA,CAAuBC,GAC1B1B,KAAKN,gBAAkBgC,CAC3B,CAMA,6BAAaC,GACT,IAAK3B,KAAKP,oBACN,MAAMmC,MAAM,4EAEhB,MAAMC,wBAAEA,SAAkC7B,KAAKP,oBAAoBqC,6BAEnE9B,KAAKH,uBAAyB,CAC1BkC,qBAAsBF,EAAwBG,QAAQ,MAAO,KAC7DC,gBAAiBC,EAAYlC,KAAKP,oBAAoB0C,aAG1DnC,KAAKO,SAAQ,kBACjB,CAKA,8BAAa6B,CAAyBC,GAClC,IAAKrC,KAAKP,oBACN,MAAMmC,MAAM,6EAEhB,MAAMU,QAAwBtC,KAAKP,oBAAoB8C,2BAA2BF,SAC5ErC,KAAKa,kBAAkB,CAACyB,EAAgBE,UAC9CxC,KAAKO,SAAQ,SAEbP,KAAKP,oBAAsB,IAC/B,CAKA,cAAagD,CAASC,GAClB,IAAKA,EACD,MAAMd,MAAM,mDAGhB,MAAMe,EAAc3C,KAAKR,KAAKoD,MAAKC,GAAOA,EAAIV,aAAeO,EAAKrB,SAE5DyB,QAAyBH,EAAYF,SAAS,CAChDM,iBAAkBL,EAAKK,iBACvBC,iBAAkBN,EAAKM,oBACnBN,EAAKO,oBAAsB,CAAEC,UAAWC,OAAOC,OAAOC,OACtDrD,KAAKF,cAAgB,CAAEwD,mBAAoB,CAAEC,oBAAqB,CAAC,CAAEC,eAAgB,cAAeC,IAAK,SAGjH,GAAuC,aAAnCX,EAAiBY,cACjB,MAAM,IAAIC,EACN,QACA,2EAA2Eb,EAAiBY,iBAIpG,OAAOE,EAAmClB,EAAMI,EAAkB9C,KAAKZ,YAC3E,CAMA,YAAayE,GACT,IAAK7D,KAAKR,KACN,MAAM,IAAImE,EAAmB,QAAS,wCAG1C,IACI,MAAMG,EAAiB9D,KAAKR,KAAKuE,KAAIlB,GAAOA,EAAImB,4BAC1CtF,QAAQuF,IAAIH,EACtB,CAAE,MAAOtF,GACDA,aAAiBwC,EAAWM,QAAQC,KAAK,wCAAwC/C,EAAMgD,cACtFF,QAAQC,KAAK/C,EACtB,CAEAwB,KAAKJ,aAAe,KACpBI,KAAKH,uBAAyB,KAC9BG,KAAKP,oBAAsB,KAE3BO,KAAKO,SAAQ,QACjB,CAQA,+BAAaQ,CAA0B5B,GACnC,MAAM+E,aAAEA,GAAiB/E,EAEzB,OAAO,IAAIT,SAAQ,CAACC,EAASC,KACzB,MAAMuF,EAAiBnE,KAAKR,KAAKuE,KAAIlB,IACjC,MAAMuB,EAAwB/F,GAC1B,IAAMwE,EAAIwB,eAAe,CAAEC,cAAeJ,EAAcK,KAAM,WAC9D,IACA,IAAIpD,EAAa,sEAAsE0B,EAAIV,gBAc/F,OAXAiC,EACKI,MAAKC,IACEA,EAASC,kBAAoB1E,KAAKP,sBAClCO,KAAK2E,6CAA6C9B,GAClDlE,EAAQ,CAAEmC,YAAY,IAC1B,IAEH8D,OAAMpG,IACHI,EAAOJ,EAAAA,IAGR4F,CAAAA,IAGX1F,QAAQmG,WAAWV,GAAgBK,MAAK,KACpC7F,EAAQ,CAAEmC,YAAY,GAAM,GAChC,GAER,CAEQP,QAAAA,CAASZ,GACbK,KAAKL,MAAQA,EACbK,KAAKN,kBAAkBM,KAAKL,MAChC,CAEQgF,4CAAAA,CAA6C9B,GACjD7C,KAAKP,oBAAsBoD,CAC/B,CAMA,uBAAchC,CAAkBF,GAC5B,OAAO,IAAIjC,SAAQ,CAACC,EAASC,KACzB,MAAMkG,EAAsB9E,KAAKR,KAAKuE,KAAIlB,GAAOA,EAAIkC,cAAcpE,KAEnEjC,QAAQmG,WAAWC,GAAqBN,MAAKQ,IACrCA,EAAqBC,MAAMC,IAC3BtG,EAAOoG,EAAqB,GAAG/D,QAGnC,MAGMkE,EAA6CH,EAAqBjB,KAHxC,CAACqB,EAAiDC,IAC9EC,EAAYF,IAAkB,IAAKA,EAAcG,MAAOlE,OAAQrB,KAAKR,KAAK6F,GAAOlD,cAEgBqD,QAAOC,KAAaA,IAEzHzF,KAAKJ,aAAe8F,EAAuBP,GAC3CxG,GAAAA,GACJ,GAER,CAOA,iCAAciC,GACV,OAAO,IAAIlC,SAAQ,CAACC,EAASC,KACzB,MAAM+G,EAAW3F,KAAKR,KAAKuE,KAAIlB,IAC3B,MAAM+C,EAAsBvH,GACxB,IAAMwE,EAAIgD,gBACV,IACA,IAAI1E,EAAa,oEAAoE0B,EAAIV,gBAG7F,OADAyD,EAAoBpB,MAAKC,GAAYA,EAAS/D,YAAc/B,EAAQ8F,KAAWG,OAAMpG,GAASI,EAAOJ,KAC9FoH,CAAAA,IAIXlH,QAAQmG,WAAWc,GAAUnB,MAAK,IAAM7F,EAAQ,CAAE+B,YAAY,KAAM,GAE5E,CAEA,kBAAcD,GACV,MAAMqF,EAAe9F,KAAKR,KAAKuE,KAAIlB,IAC/B,MAAMkD,EAAM/F,KAAKd,cAAc2D,EAAIV,YAEnC,OAAO9D,GACH,IAAMwE,EAAImD,KAAKD,EAAK/F,KAAKV,oBACzB,IACA,IAAI6B,EAAa,4DAA4D0B,EAAIV,eAAa,UAIhGzD,QAAQuF,IAAI6B,EACtB"}

package/dist/es/components/internal/ClickToPay/services/create-clicktopay-service.js

@@ -0,0 +1,2 @@
+import e from"./sdks/SrcSdkLoader.js";import r from"./ClickToPayService.js";function t(t,c,i){const o=a(t);if(!o)return null;const s=n(c?.shopperEmail,c?.telephoneNumber),l=Object.keys(o),p=new e(l,{dpaLocale:c?.locale,dpaPresentationName:c?.merchantDisplayName});return new r(o,p,i,s,c?.onTimeout)}const n=(e,r)=>{const t={...e&&{shopperEmail:e}};return Object.keys(t).length>0?t:null},a=e=>{if(!e)return null;const{visaSrciDpaId:r,visaSrcInitiatorId:t,mcDpaId:n,mcSrcClientId:a}=e,c={...n&&a&&{mc:{srciDpaId:n,srcInitiatorId:a}},...r&&t&&{visa:{srciDpaId:r,srcInitiatorId:t}}};return 0===Object.keys(c).length?null:c};export{t as default};
+//# sourceMappingURL=create-clicktopay-service.js.map

package/dist/es/components/internal/ClickToPay/services/create-clicktopay-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-clicktopay-service.js","sources":["../../../../../../src/components/internal/ClickToPay/services/create-clicktopay-service.ts"],"sourcesContent":["import SrcSdkLoader from './sdks/SrcSdkLoader';\nimport ClickToPayService from './ClickToPayService';\nimport { IClickToPayService, IdentityLookupParams } from './types';\nimport { SrcInitParams } from './sdks/types';\nimport { CardBackendConfiguration } from '../../../Card/types';\nimport { ClickToPayProps, ClickToPayScheme } from '../types';\n\n/**\n * Creates the Click to Pay service in case the required configuration is provided\n */\nexport default function createClickToPayService(\n    configuration: CardBackendConfiguration,\n    clickToPayConfiguration: ClickToPayProps | undefined,\n    environment: string\n): IClickToPayService | null {\n    const schemesConfig = createSchemesInitConfiguration(configuration);\n\n    if (!schemesConfig) {\n        return null;\n    }\n\n    const shopperIdentity = createShopperIdentityObject(clickToPayConfiguration?.shopperEmail, clickToPayConfiguration?.telephoneNumber);\n\n    const schemeNames = Object.keys(schemesConfig);\n    const srcSdkLoader = new SrcSdkLoader(schemeNames, {\n        dpaLocale: clickToPayConfiguration?.locale,\n        dpaPresentationName: clickToPayConfiguration?.merchantDisplayName\n    });\n    return new ClickToPayService(schemesConfig, srcSdkLoader, environment, shopperIdentity, clickToPayConfiguration?.onTimeout);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst createShopperIdentityObject = (shopperEmail: string, telephoneNumber: string): IdentityLookupParams | null => {\n    const identityLookup = {\n        ...(shopperEmail && { shopperEmail })\n        // ...(telephoneNumber && { telephoneNumber }) telephoneNumber not supported yet\n    };\n\n    return Object.keys(identityLookup).length > 0 ? identityLookup : null;\n};\n\n/**\n * Parses 'configuration' object that comes from the Card payment method config, and try to create the Click to Pay\n * initialization object in case the values are provided.\n */\nconst createSchemesInitConfiguration = (configuration: CardBackendConfiguration): Record<ClickToPayScheme, SrcInitParams> => {\n    if (!configuration) {\n        return null;\n    }\n\n    const { visaSrciDpaId, visaSrcInitiatorId, mcDpaId, mcSrcClientId } = configuration;\n\n    const schemesConfig: Record<ClickToPayScheme, SrcInitParams> = {\n        ...(mcDpaId && mcSrcClientId && { mc: { srciDpaId: mcDpaId, srcInitiatorId: mcSrcClientId } }),\n        ...(visaSrciDpaId &&\n            visaSrcInitiatorId && {\n                visa: {\n                    srciDpaId: visaSrciDpaId,\n                    srcInitiatorId: visaSrcInitiatorId\n                }\n            })\n    };\n    return Object.keys(schemesConfig).length === 0 ? null : schemesConfig;\n};\n"],"names":["createClickToPayService","configuration","clickToPayConfiguration","environment","schemesConfig","createSchemesInitConfiguration","shopperIdentity","createShopperIdentityObject","shopperEmail","telephoneNumber","schemeNames","Object","keys","srcSdkLoader","SrcSdkLoader","dpaLocale","locale","dpaPresentationName","merchantDisplayName","ClickToPayService","onTimeout","identityLookup","length","visaSrciDpaId","visaSrcInitiatorId","mcDpaId","mcSrcClientId","mc","srciDpaId","srcInitiatorId","visa"],"mappings":"4EAUe,SAASA,EACpBC,EACAC,EACAC,GAEA,MAAMC,EAAgBC,EAA+BJ,GAErD,IAAKG,EACD,OAAO,KAGX,MAAME,EAAkBC,EAA4BL,GAAyBM,aAAcN,GAAyBO,iBAE9GC,EAAcC,OAAOC,KAAKR,GAC1BS,EAAe,IAAIC,EAAaJ,EAAa,CAC/CK,UAAWb,GAAyBc,OACpCC,oBAAqBf,GAAyBgB,sBAElD,OAAO,IAAIC,EAAkBf,EAAeS,EAAcV,EAAaG,EAAiBJ,GAAyBkB,UACrH,CAGA,MAAMb,EAA8B,CAACC,EAAsBC,KACvD,MAAMY,EAAiB,IACfb,GAAgB,CAAEA,iBAI1B,OAAOG,OAAOC,KAAKS,GAAgBC,OAAS,EAAID,EAAiB,IAAA,EAO/DhB,EAAkCJ,IACpC,IAAKA,EACD,OAAO,KAGX,MAAMsB,cAAEA,EAAaC,mBAAEA,EAAkBC,QAAEA,EAAOC,cAAEA,GAAkBzB,EAEhEG,EAAyD,IACvDqB,GAAWC,GAAiB,CAAEC,GAAI,CAAEC,UAAWH,EAASI,eAAgBH,OACxEH,GACAC,GAAsB,CAClBM,KAAM,CACFF,UAAWL,EACXM,eAAgBL,KAIhC,OAA6C,IAAtCb,OAAOC,KAAKR,GAAekB,OAAe,KAAOlB,CAAAA"}

package/dist/es/components/internal/ClickToPay/services/sdks/AbstractSrcInitiator.js

@@ -0,0 +1,2 @@
+import t from"./SrciError.js";import e from"../../../../../utils/Script.js";class i{schemeSdk;customSdkConfiguration;sdkUrl;scriptElement=null;constructor(t,e){if(!t)throw Error("AbstractSrcInitiator: Invalid SDK URL");this.sdkUrl=t,this.customSdkConfiguration=e}async loadSdkScript(){this.isSdkIsAvailableOnWindow()||(this.scriptElement=new e(this.sdkUrl),await this.scriptElement.load()),this.assignSdkReference()}removeSdkScript(){this.scriptElement.remove()}async checkout(e){try{return await this.schemeSdk.checkout(e)}catch(e){throw new t(e,"checkout",this.schemeName)}}async unbindAppInstance(){try{await this.schemeSdk.unbindAppInstance()}catch(e){throw new t(e,"unbindAppInstance",this.schemeName)}}async isRecognized(){try{return await this.schemeSdk.isRecognized()}catch(e){throw new t(e,"isRecognized",this.schemeName)}}async initiateIdentityValidation(){try{return await this.schemeSdk.initiateIdentityValidation()}catch(e){throw new t(e,"initiateIdentityValidation",this.schemeName)}}async getSrcProfile(e){try{return await this.schemeSdk.getSrcProfile({idTokens:e})}catch(e){throw new t(e,"getSrcProfile",this.schemeName)}}}export{i as default};
+//# sourceMappingURL=AbstractSrcInitiator.js.map