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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AbstractSrcInitiator.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/AbstractSrcInitiator.ts"],"sourcesContent":["import {\n    CustomSdkConfiguration,\n    SrcCheckoutParams,\n    SrciCheckoutResponse,\n    SrciCompleteIdentityValidationResponse,\n    SrcIdentityLookupParams,\n    SrciIdentityLookupResponse,\n    SrciInitiateIdentityValidationResponse,\n    SrciIsRecognizedResponse,\n    SrcInitParams,\n    SrcProfile\n} from './types';\nimport SrciError from './SrciError';\nimport { ClickToPayScheme } from '../../types';\nimport Script from '../../../../../utils/Script';\n\nexport interface ISrcInitiator {\n    schemeName: ClickToPayScheme;\n    // Loading 3rd party library\n    loadSdkScript(): Promise<void>;\n    removeSdkScript(): void;\n    // SRCi specification methods\n    init(params: SrcInitParams, srciTransactionId: string): Promise<void>;\n    isRecognized(): Promise<SrciIsRecognizedResponse>;\n    identityLookup(params: SrcIdentityLookupParams): Promise<SrciIdentityLookupResponse>;\n    initiateIdentityValidation(): Promise<SrciInitiateIdentityValidationResponse>;\n    completeIdentityValidation(validationData: string): Promise<SrciCompleteIdentityValidationResponse>;\n    getSrcProfile(idTokens: string[]): Promise<SrcProfile>;\n    checkout(params: SrcCheckoutParams): Promise<SrciCheckoutResponse>;\n    unbindAppInstance(): Promise<void>;\n}\n\nexport default abstract class AbstractSrcInitiator implements ISrcInitiator {\n    public schemeSdk: any;\n    public abstract readonly schemeName: ClickToPayScheme;\n\n    protected readonly customSdkConfiguration: CustomSdkConfiguration;\n\n    private readonly sdkUrl: string;\n    private scriptElement: Script | null = null;\n\n    protected constructor(sdkUrl: string, customSdkConfiguration: CustomSdkConfiguration) {\n        if (!sdkUrl) throw Error('AbstractSrcInitiator: Invalid SDK URL');\n\n        this.sdkUrl = sdkUrl;\n        this.customSdkConfiguration = customSdkConfiguration;\n    }\n\n    public async loadSdkScript(): Promise<void> {\n        if (!this.isSdkIsAvailableOnWindow()) {\n            this.scriptElement = new Script(this.sdkUrl);\n            await this.scriptElement.load();\n        }\n        this.assignSdkReference();\n    }\n\n    public removeSdkScript(): void {\n        this.scriptElement.remove();\n    }\n\n    /**\n     * Verifies if SDK is already loaded on the window object.\n     * Example: Merchant can preload the SDK to speed up the loading time\n     */\n    protected abstract isSdkIsAvailableOnWindow(): boolean;\n\n    /**\n     * Assign SchemeSDK object to 'schemeSdk' property.\n     * Each scheme creates its own object reference on 'window' using different naming,\n     * therefore this method should be implemented by the subclass to assign the property\n     * accordingly\n     */\n    protected abstract assignSdkReference(): void;\n\n    /**\n     * Initializes the app with common state. The init method must be called before any other methods.\n     */\n    public abstract init(params: SrcInitParams, srciTransactionId: string): Promise<void>;\n\n    /**\n     * This method performs checkout using the specified card. If successful, the\n     * response contains summary checkout information.\n     */\n    public async checkout(params: SrcCheckoutParams): Promise<SrciCheckoutResponse> {\n        try {\n            const checkoutResponse = await this.schemeSdk.checkout(params);\n            return checkoutResponse;\n        } catch (error) {\n            const srciError = new SrciError(error, 'checkout', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    /**\n     * This method disassociates the Consumer application / Consumer Device from the Consumer’s SRC Profile.\n     */\n    public async unbindAppInstance(): Promise<void> {\n        try {\n            await this.schemeSdk.unbindAppInstance();\n        } catch (error) {\n            const srciError = new SrciError(error, 'unbindAppInstance', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    /**\n     * Determines whether the consumer is recognized, e.g. by detecting the presence of a local cookie in\n     * the browser environment.\n     */\n    public async isRecognized(): Promise<SrciIsRecognizedResponse> {\n        try {\n            const isRecognizedResponse = await this.schemeSdk.isRecognized();\n            return isRecognizedResponse;\n        } catch (error) {\n            const srciError = new SrciError(error, 'isRecognized', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    /**\n     * Sends a validation code to the specified consumer.\n     * This method sends a one-time password (OTP) to the consumer to start validation\n     */\n    public async initiateIdentityValidation(): Promise<SrciInitiateIdentityValidationResponse> {\n        try {\n            const identityValidationResponse = await this.schemeSdk.initiateIdentityValidation();\n            return identityValidationResponse;\n        } catch (error) {\n            const srciError = new SrciError(error, 'initiateIdentityValidation', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    /**\n     * Obtains the masked card and other account profile data associated with the userId.\n     */\n    public async getSrcProfile(idTokens: string[]): Promise<SrcProfile> {\n        try {\n            const getSrcProfileResponse = await this.schemeSdk.getSrcProfile({ idTokens });\n            return getSrcProfileResponse;\n        } catch (error) {\n            const srciError = new SrciError(error, 'getSrcProfile', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    /**\n     * Obtains the user account associated with the consumer’s identity (an email address or phone\n     * number).\n     */\n    public abstract identityLookup(params: SrcIdentityLookupParams): Promise<SrciIdentityLookupResponse>;\n\n    /**\n     * This method completes the identity validation by receiving the one-time password (OTP) sent to the\n     * consumer to start validation.\n     */\n    public abstract completeIdentityValidation(otp: string): Promise<SrciCompleteIdentityValidationResponse>;\n}\n"],"names":["AbstractSrcInitiator","schemeSdk","customSdkConfiguration","sdkUrl","scriptElement","constructor","Error","this","loadSdkScript","isSdkIsAvailableOnWindow","Script","load","assignSdkReference","removeSdkScript","remove","checkout","params","error","SrciError","schemeName","unbindAppInstance","isRecognized","initiateIdentityValidation","getSrcProfile","idTokens"],"mappings":"4EAgCe,MAAeA,EACnBC,UAGYC,uBAEFC,OACTC,cAA+B,KAEvC,WAAAC,CAAsBF,EAAgBD,GAClC,IAAKC,EAAQ,MAAMG,MAAM,yCAEzBC,KAAKJ,OAASA,EACdI,KAAKL,uBAAyBA,CAClC,CAEA,mBAAaM,GACJD,KAAKE,6BACNF,KAAKH,cAAgB,IAAIM,EAAOH,KAAKJ,cAC/BI,KAAKH,cAAcO,QAE7BJ,KAAKK,oBACT,CAEOC,eAAAA,GACHN,KAAKH,cAAcU,QACvB,CAyBA,cAAaC,CAASC,GAClB,IAEI,aAD+BT,KAAKN,UAAUc,SAASC,EAE3D,CAAE,MAAOC,GAEL,MADkB,IAAIC,EAAUD,EAAO,WAAYV,KAAKY,WAE5D,CACJ,CAKA,uBAAaC,GACT,UACUb,KAAKN,UAAUmB,mBACzB,CAAE,MAAOH,GAEL,MADkB,IAAIC,EAAUD,EAAO,oBAAqBV,KAAKY,WAErE,CACJ,CAMA,kBAAaE,GACT,IAEI,aADmCd,KAAKN,UAAUoB,cAEtD,CAAE,MAAOJ,GAEL,MADkB,IAAIC,EAAUD,EAAO,eAAgBV,KAAKY,WAEhE,CACJ,CAMA,gCAAaG,GACT,IAEI,aADyCf,KAAKN,UAAUqB,4BAE5D,CAAE,MAAOL,GAEL,MADkB,IAAIC,EAAUD,EAAO,6BAA8BV,KAAKY,WAE9E,CACJ,CAKA,mBAAaI,CAAcC,GACvB,IAEI,aADoCjB,KAAKN,UAAUsB,cAAc,CAAEC,YAEvE,CAAE,MAAOP,GAEL,MADkB,IAAIC,EAAUD,EAAO,gBAAiBV,KAAKY,WAEjE,CACJ"}

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

@@ -0,0 +1,2 @@
+import{MC_SDK_PROD as t,MC_SDK_TEST as e,getMastercardSettings as i}from"./config.js";import n from"./AbstractSrcInitiator.js";import o from"./SrciError.js";const s={email:"EMAIL_ADDRESS",telephoneNumber:"MOBILE_PHONE_NUMBER"};class a extends n{schemeName="mc";constructor(i,n){super(i.toLowerCase().includes("live")?t:e,n)}isSdkIsAvailableOnWindow(){return!!window.SRCSDK_MASTERCARD}assignSdkReference(){this.schemeSdk=window.SRCSDK_MASTERCARD}async init(t,e){try{const n={...t,...i(this.customSdkConfiguration),srciTransactionId:e};await this.schemeSdk.init(n)}catch(t){throw new o(t,"init",this.schemeName)}}async identityLookup({identityValue:t,type:e}){try{const i={identityValue:t,identityType:s[e]};return await this.schemeSdk.identityLookup({consumerIdentity:i})}catch(t){throw new o(t,"identityLookup",this.schemeName)}}async completeIdentityValidation(t){try{return await this.schemeSdk.completeIdentityValidation({validationData:t})}catch(t){throw new o(t,"completeIdentityValidation",this.schemeName)}}}export{a as default};
+//# sourceMappingURL=MastercardSdk.js.map

package/dist/es/components/internal/ClickToPay/services/sdks/MastercardSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MastercardSdk.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/MastercardSdk.ts"],"sourcesContent":["import { getMastercardSettings, MC_SDK_PROD, MC_SDK_TEST } from './config';\nimport AbstractSrcInitiator from './AbstractSrcInitiator';\nimport SrciError from './SrciError';\nimport {\n    CustomSdkConfiguration,\n    SrciCompleteIdentityValidationResponse,\n    SrcIdentityLookupParams,\n    SrciIdentityLookupResponse,\n    SrcInitParams\n} from './types';\n\nconst IdentityTypeMap = {\n    email: 'EMAIL_ADDRESS',\n    telephoneNumber: 'MOBILE_PHONE_NUMBER'\n};\n\nclass MastercardSdk extends AbstractSrcInitiator {\n    public readonly schemeName = 'mc';\n\n    constructor(environment: string, customSdkConfig: CustomSdkConfiguration) {\n        super(environment.toLowerCase().includes('live') ? MC_SDK_PROD : MC_SDK_TEST, customSdkConfig);\n    }\n\n    protected isSdkIsAvailableOnWindow(): boolean {\n        // @ts-ignore SRCSDK_MASTERCARD is created by the MC sdk\n        if (window.SRCSDK_MASTERCARD) return true;\n        return false;\n    }\n\n    protected assignSdkReference(): void {\n        // @ts-ignore SRCSDK_MASTERCARD is created by the MC sdk\n        this.schemeSdk = window.SRCSDK_MASTERCARD;\n    }\n\n    public async init(params: SrcInitParams, srciTransactionId: string): Promise<void> {\n        try {\n            const sdkProps = {\n                ...params,\n                ...getMastercardSettings(this.customSdkConfiguration),\n                srciTransactionId\n            };\n            await this.schemeSdk.init(sdkProps);\n        } catch (err) {\n            const srciError = new SrciError(err, 'init', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    public async identityLookup({ identityValue, type }: SrcIdentityLookupParams): Promise<SrciIdentityLookupResponse> {\n        try {\n            const consumerIdentity = {\n                identityValue,\n                identityType: IdentityTypeMap[type]\n            };\n\n            const response = await this.schemeSdk.identityLookup({ consumerIdentity });\n            return response;\n        } catch (err) {\n            const srciError = new SrciError(err, 'identityLookup', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    public async completeIdentityValidation(otp: string): Promise<SrciCompleteIdentityValidationResponse> {\n        try {\n            const response = await this.schemeSdk.completeIdentityValidation({ validationData: otp });\n            return response;\n        } catch (err) {\n            const srciError = new SrciError(err, 'completeIdentityValidation', this.schemeName);\n            throw srciError;\n        }\n    }\n}\n\nexport default MastercardSdk;\n"],"names":["IdentityTypeMap","email","telephoneNumber","MastercardSdk","AbstractSrcInitiator","schemeName","constructor","environment","customSdkConfig","super","toLowerCase","includes","MC_SDK_PROD","MC_SDK_TEST","isSdkIsAvailableOnWindow","window","SRCSDK_MASTERCARD","assignSdkReference","this","schemeSdk","init","params","srciTransactionId","sdkProps","getMastercardSettings","customSdkConfiguration","err","SrciError","identityLookup","identityValue","type","consumerIdentity","identityType","completeIdentityValidation","otp","validationData"],"mappings":"6JAWA,MAAMA,EAAkB,CACpBC,MAAO,gBACPC,gBAAiB,uBAGrB,MAAMC,UAAsBC,EACRC,WAAa,KAE7BC,WAAAA,CAAYC,EAAqBC,GAC7BC,MAAMF,EAAYG,cAAcC,SAAS,QAAUC,EAAcC,EAAaL,EAClF,CAEUM,wBAAAA,GAEN,QAAIC,OAAOC,iBAEf,CAEUC,kBAAAA,GAENC,KAAKC,UAAYJ,OAAOC,iBAC5B,CAEA,UAAaI,CAAKC,EAAuBC,GACrC,IACI,MAAMC,EAAW,IACVF,KACAG,EAAsBN,KAAKO,wBAC9BH,2BAEEJ,KAAKC,UAAUC,KAAKG,EAC9B,CAAE,MAAOG,GAEL,MADkB,IAAIC,EAAUD,EAAK,OAAQR,KAAKb,WAEtD,CACJ,CAEA,oBAAauB,EAAeC,cAAEA,EAAaC,KAAEA,IACzC,IACI,MAAMC,EAAmB,CACrBF,gBACAG,aAAchC,EAAgB8B,IAIlC,aADuBZ,KAAKC,UAAUS,eAAe,CAAEG,oBAE3D,CAAE,MAAOL,GAEL,MADkB,IAAIC,EAAUD,EAAK,iBAAkBR,KAAKb,WAEhE,CACJ,CAEA,gCAAa4B,CAA2BC,GACpC,IAEI,aADuBhB,KAAKC,UAAUc,2BAA2B,CAAEE,eAAgBD,GAEvF,CAAE,MAAOR,GAEL,MADkB,IAAIC,EAAUD,EAAK,6BAA8BR,KAAKb,WAE5E,CACJ"}

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

@@ -0,0 +1,2 @@
+import e from"./VisaSdk.js";import s from"./MastercardSdk.js";import t from"../../../../../core/Errors/AdyenCheckoutError.js";import{isRejected as o,isFulfilled as r}from"../../../../../utils/promise-util.js";const a={visa:e,mc:s,default:null};class i{schemes;customSdkConfiguration;constructor(e,{dpaLocale:s="en_US",dpaPresentationName:t=""}){this.schemes=e,this.customSdkConfiguration={dpaLocale:s,dpaPresentationName:t}}async load(e){if(!this.schemes||0===this.schemes.length)throw new t("ERROR","ClickToPay -> SrcSdkLoader: There are no schemes set to be loaded");return new Promise(((s,i)=>{const n=this.schemes.map((s=>((e,s,t)=>{const o=a[e]||a.default;return o?new o(s,t):null})(s,e,this.customSdkConfiguration))),c=n.map((e=>e.loadSdkScript()));Promise.allSettled(c).then((e=>{e.every(o)&&i(new t("ERROR",`ClickToPay -> SrcSdkLoader # Unable to load network schemes: ${this.schemes.toString()}`));const a=n.filter(((s,t)=>r(e[t])));s(a)}))}))}}export{i as default};
+//# sourceMappingURL=SrcSdkLoader.js.map

package/dist/es/components/internal/ClickToPay/services/sdks/SrcSdkLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SrcSdkLoader.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/SrcSdkLoader.ts"],"sourcesContent":["import { ISrcInitiator } from './AbstractSrcInitiator';\nimport VisaSdk from './VisaSdk';\nimport MastercardSdk from './MastercardSdk';\nimport { CustomSdkConfiguration } from './types';\nimport AdyenCheckoutError from '../../../../../core/Errors/AdyenCheckoutError';\nimport { isFulfilled, isRejected } from '../../../../../utils/promise-util';\n\nconst sdkMap: Record<string, typeof VisaSdk | typeof MastercardSdk | null> = {\n    visa: VisaSdk,\n    mc: MastercardSdk,\n    default: null\n};\n\nconst getSchemeSdk = (scheme: string, environment: string, customConfig: CustomSdkConfiguration): ISrcInitiator | null => {\n    const SchemeSdkClass = sdkMap[scheme] || sdkMap.default;\n    return SchemeSdkClass ? new SchemeSdkClass(environment, customConfig) : null;\n};\n\nexport interface ISrcSdkLoader {\n    load(environment: string): Promise<ISrcInitiator[]>;\n    schemes: string[];\n}\n\nclass SrcSdkLoader implements ISrcSdkLoader {\n    public readonly schemes: string[];\n    private readonly customSdkConfiguration: CustomSdkConfiguration;\n\n    constructor(schemes: string[], { dpaLocale = 'en_US', dpaPresentationName = '' }) {\n        this.schemes = schemes;\n        this.customSdkConfiguration = { dpaLocale, dpaPresentationName };\n    }\n\n    public async load(environment: string): Promise<ISrcInitiator[]> {\n        if (!this.schemes || this.schemes.length === 0) {\n            throw new AdyenCheckoutError('ERROR', 'ClickToPay -> SrcSdkLoader: There are no schemes set to be loaded');\n        }\n\n        return new Promise((resolve, reject) => {\n            const sdks: ISrcInitiator[] = this.schemes.map(scheme => getSchemeSdk(scheme, environment, this.customSdkConfiguration));\n            const loadScriptPromises = sdks.map(sdk => sdk.loadSdkScript());\n\n            Promise.allSettled(loadScriptPromises).then(loadScriptResponses => {\n                if (loadScriptResponses.every(isRejected)) {\n                    reject(\n                        new AdyenCheckoutError('ERROR', `ClickToPay -> SrcSdkLoader # Unable to load network schemes: ${this.schemes.toString()}`)\n                    );\n                }\n\n                const sdksLoaded = sdks.filter((sdk, index) => isFulfilled(loadScriptResponses[index]));\n\n                resolve(sdksLoaded);\n            });\n        });\n    }\n}\n\nexport default SrcSdkLoader;\n"],"names":["sdkMap","visa","VisaSdk","mc","MastercardSdk","default","SrcSdkLoader","schemes","customSdkConfiguration","constructor","dpaLocale","dpaPresentationName","this","load","environment","length","AdyenCheckoutError","Promise","resolve","reject","sdks","map","scheme","customConfig","SchemeSdkClass","getSchemeSdk","loadScriptPromises","sdk","loadSdkScript","allSettled","then","loadScriptResponses","every","isRejected","toString","sdksLoaded","filter","index","isFulfilled"],"mappings":"iNAOA,MAAMA,EAAuE,CACzEC,KAAMC,EACNC,GAAIC,EACJC,QAAS,MAab,MAAMC,EACcC,QACCC,uBAEjBC,WAAAA,CAAYF,GAAmBG,UAAEA,EAAY,QAAOC,oBAAEA,EAAsB,KACxEC,KAAKL,QAAUA,EACfK,KAAKJ,uBAAyB,CAAEE,YAAWC,sBAC/C,CAEA,UAAaE,CAAKC,GACd,IAAKF,KAAKL,SAAmC,IAAxBK,KAAKL,QAAQQ,OAC9B,MAAM,IAAIC,EAAmB,QAAS,qEAG1C,OAAO,IAAIC,SAAQ,CAACC,EAASC,KACzB,MAAMC,EAAwBR,KAAKL,QAAQc,KAAIC,GAzBtC,EAACA,EAAgBR,EAAqBS,KACvD,MAAMC,EAAiBxB,EAAOsB,IAAWtB,EAAOK,QAChD,OAAOmB,EAAiB,IAAIA,EAAeV,EAAaS,GAAgB,IAAA,EAuBPE,CAAaH,EAAQR,EAAaF,KAAKJ,0BAC1FkB,EAAqBN,EAAKC,KAAIM,GAAOA,EAAIC,kBAE/CX,QAAQY,WAAWH,GAAoBI,MAAKC,IACpCA,EAAoBC,MAAMC,IAC1Bd,EACI,IAAIH,EAAmB,QAAS,gEAAgEJ,KAAKL,QAAQ2B,eAIrH,MAAMC,EAAaf,EAAKgB,QAAO,CAACT,EAAKU,IAAUC,EAAYP,EAAoBM,MAE/EnB,EAAQiB,EAAAA,GACZ,GAER"}

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

@@ -0,0 +1,2 @@
+class e extends Error{reason;message;source;scheme;constructor(e,s,r){super();const o="error"in e?e?.error?.message:e?.message,t="error"in e?e?.error?.reason:e?.reason;this.message=o,this.reason=t,this.source=s,this.scheme=r}toString(){return`Reason: ${this.reason} / Source: ${this.source} / Scheme: ${this.scheme} / Message: ${this.message}`}}export{e as default};
+//# sourceMappingURL=SrciError.js.map

package/dist/es/components/internal/ClickToPay/services/sdks/SrciError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SrciError.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/SrciError.ts"],"sourcesContent":["import { ClickToPayScheme } from '../../types';\n\nexport type MastercardError = {\n    message: string;\n    reason: string;\n};\n\nexport type VisaError = {\n    error: {\n        message: string;\n        reason: string;\n    };\n};\n\nclass SrciError extends Error {\n    public reason: string;\n    public message: string;\n    public source: string;\n    public scheme: ClickToPayScheme;\n\n    constructor(schemeError: VisaError | MastercardError, source: string, scheme: ClickToPayScheme) {\n        super();\n\n        const message = 'error' in schemeError ? schemeError?.error?.message : schemeError?.message;\n        const reason = 'error' in schemeError ? schemeError?.error?.reason : schemeError?.reason;\n\n        this.message = message;\n        this.reason = reason;\n        this.source = source;\n        this.scheme = scheme;\n    }\n\n    toString() {\n        return `Reason: ${this.reason} / Source: ${this.source} / Scheme: ${this.scheme} / Message: ${this.message}`;\n    }\n}\n\nexport default SrciError;\n"],"names":["SrciError","Error","reason","message","source","scheme","constructor","schemeError","super","error","this","toString"],"mappings":"AAcA,MAAMA,UAAkBC,MACbC,OACAC,QACAC,OACAC,OAEPC,WAAAA,CAAYC,EAA0CH,EAAgBC,GAClEG,QAEA,MAAML,EAAU,UAAWI,EAAcA,GAAaE,OAAON,QAAUI,GAAaJ,QAC9ED,EAAS,UAAWK,EAAcA,GAAaE,OAAOP,OAASK,GAAaL,OAElFQ,KAAKP,QAAUA,EACfO,KAAKR,OAASA,EACdQ,KAAKN,OAASA,EACdM,KAAKL,OAASA,CAClB,CAEAM,QAAAA,GACI,MAAO,WAAWD,KAAKR,oBAAoBQ,KAAKN,oBAAoBM,KAAKL,qBAAqBK,KAAKP,SACvG"}

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

@@ -0,0 +1,2 @@
+import{VISA_SDK_PROD as t,VISA_SDK_TEST as e,getVisaSetttings as i}from"./config.js";import s from"./AbstractSrcInitiator.js";import n from"./SrciError.js";const a={email:"EMAIL",telephoneNumber:"MOBILE_NUMBER"};class o extends s{schemeName="visa";constructor(i,s){super(i.toLowerCase().includes("live")?t:e,s)}isSdkIsAvailableOnWindow(){return!!window.vAdapters?.VisaSRCI}assignSdkReference(){this.schemeSdk=new window.vAdapters.VisaSRCI}async init(t,e){try{const s={...t,...i(this.customSdkConfiguration),srciTransactionId:e};await this.schemeSdk.init(s)}catch(t){throw new n(t,"init",this.schemeName)}}async identityLookup({identityValue:t,type:e}){try{const i={identityValue:t,type:a[e]};return await this.schemeSdk.identityLookup(i)}catch(t){throw new n(t,"identityLookup",this.schemeName)}}async completeIdentityValidation(t){try{return await this.schemeSdk.completeIdentityValidation(t)}catch(t){throw new n(t,"completeIdentityValidation",this.schemeName)}}}export{o as default};
+//# sourceMappingURL=VisaSdk.js.map

package/dist/es/components/internal/ClickToPay/services/sdks/VisaSdk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisaSdk.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/VisaSdk.ts"],"sourcesContent":["import { getVisaSetttings, VISA_SDK_PROD, VISA_SDK_TEST } from './config';\nimport AbstractSrcInitiator from './AbstractSrcInitiator';\nimport SrciError from './SrciError';\nimport {\n    CustomSdkConfiguration,\n    SrciCompleteIdentityValidationResponse,\n    SrcIdentityLookupParams,\n    SrciIdentityLookupResponse,\n    SrcInitParams\n} from './types';\n\nconst IdentityTypeMap = {\n    email: 'EMAIL',\n    telephoneNumber: 'MOBILE_NUMBER'\n};\n\nclass VisaSdk extends AbstractSrcInitiator {\n    public readonly schemeName = 'visa';\n\n    constructor(environment: string, customSdkConfig: CustomSdkConfiguration) {\n        super(environment.toLowerCase().includes('live') ? VISA_SDK_PROD : VISA_SDK_TEST, customSdkConfig);\n    }\n\n    protected isSdkIsAvailableOnWindow(): boolean {\n        // @ts-ignore vAdapters is created by the VISA sdk\n        if (window.vAdapters?.VisaSRCI) return true;\n        return false;\n    }\n\n    protected assignSdkReference(): void {\n        // @ts-ignore vAdapters is created by the VISA sdk\n        this.schemeSdk = new window.vAdapters.VisaSRCI();\n    }\n\n    public async init(params: SrcInitParams, srciTransactionId: string): Promise<void> {\n        try {\n            const sdkProps = {\n                ...params,\n                ...getVisaSetttings(this.customSdkConfiguration),\n                srciTransactionId\n            };\n\n            await this.schemeSdk.init(sdkProps);\n        } catch (err) {\n            const srciError = new SrciError(err, 'init', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    public async identityLookup({ identityValue, type }: SrcIdentityLookupParams): Promise<SrciIdentityLookupResponse> {\n        try {\n            const consumerIdentity = {\n                identityValue,\n                type: IdentityTypeMap[type]\n            };\n\n            const response = await this.schemeSdk.identityLookup(consumerIdentity);\n            return response;\n        } catch (err) {\n            const srciError = new SrciError(err, 'identityLookup', this.schemeName);\n            throw srciError;\n        }\n    }\n\n    public async completeIdentityValidation(otp: string): Promise<SrciCompleteIdentityValidationResponse> {\n        try {\n            const response = await this.schemeSdk.completeIdentityValidation(otp);\n            return response;\n        } catch (err) {\n            const srciError = new SrciError(err, 'completeIdentityValidation', this.schemeName);\n            throw srciError;\n        }\n    }\n}\n\nexport default VisaSdk;\n"],"names":["IdentityTypeMap","email","telephoneNumber","VisaSdk","AbstractSrcInitiator","schemeName","constructor","environment","customSdkConfig","super","toLowerCase","includes","VISA_SDK_PROD","VISA_SDK_TEST","isSdkIsAvailableOnWindow","window","vAdapters","VisaSRCI","assignSdkReference","this","schemeSdk","init","params","srciTransactionId","sdkProps","getVisaSetttings","customSdkConfiguration","err","SrciError","identityLookup","identityValue","type","consumerIdentity","completeIdentityValidation","otp"],"mappings":"4JAWA,MAAMA,EAAkB,CACpBC,MAAO,QACPC,gBAAiB,iBAGrB,MAAMC,UAAgBC,EACFC,WAAa,OAE7BC,WAAAA,CAAYC,EAAqBC,GAC7BC,MAAMF,EAAYG,cAAcC,SAAS,QAAUC,EAAgBC,EAAeL,EACtF,CAEUM,wBAAAA,GAEN,QAAIC,OAAOC,WAAWC,QAE1B,CAEUC,kBAAAA,GAENC,KAAKC,UAAY,IAAIL,OAAOC,UAAUC,QAC1C,CAEA,UAAaI,CAAKC,EAAuBC,GACrC,IACI,MAAMC,EAAW,IACVF,KACAG,EAAiBN,KAAKO,wBACzBH,2BAGEJ,KAAKC,UAAUC,KAAKG,EAC9B,CAAE,MAAOG,GAEL,MADkB,IAAIC,EAAUD,EAAK,OAAQR,KAAKd,WAEtD,CACJ,CAEA,oBAAawB,EAAeC,cAAEA,EAAaC,KAAEA,IACzC,IACI,MAAMC,EAAmB,CACrBF,gBACAC,KAAM/B,EAAgB+B,IAI1B,aADuBZ,KAAKC,UAAUS,eAAeG,EAEzD,CAAE,MAAOL,GAEL,MADkB,IAAIC,EAAUD,EAAK,iBAAkBR,KAAKd,WAEhE,CACJ,CAEA,gCAAa4B,CAA2BC,GACpC,IAEI,aADuBf,KAAKC,UAAUa,2BAA2BC,EAErE,CAAE,MAAOP,GAEL,MADkB,IAAIC,EAAUD,EAAK,6BAA8BR,KAAKd,WAE5E,CACJ"}

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

@@ -0,0 +1,2 @@
+const a="https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visa-sdk.js?v2",s="https://assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visa-sdk.js?v2",e="https://sandbox.src.mastercard.com/sdk/srcsdk.mastercard.js",t="https://src.mastercard.com/sdk/srcsdk.mastercard.js",c=({dpaLocale:a="en_US",dpaPresentationName:s=""})=>({dpaTransactionOptions:{dpaLocale:a,payloadTypeIndicator:"NON_PAYMENT",customInputData:{checkoutOrchestrator:"merchant"}},dpaData:{dpaPresentationName:s}}),r=({dpaLocale:a="en_US",dpaPresentationName:s=""})=>({dpaTransactionOptions:{dpaLocale:a,paymentOptions:{dynamicDataType:"CARD_APPLICATION_CRYPTOGRAM_SHORT_FORM"},consumerNameRequested:!0,customInputData:{"com.mastercard.dcfExperience":"PAYMENT_SETTINGS"},confirmPayment:!1},dpaData:{dpaPresentationName:s}});export{t as MC_SDK_PROD,e as MC_SDK_TEST,s as VISA_SDK_PROD,a as VISA_SDK_TEST,r as getMastercardSettings,c as getVisaSetttings};
+//# sourceMappingURL=config.js.map

package/dist/es/components/internal/ClickToPay/services/sdks/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/config.ts"],"sourcesContent":["import { CustomSdkConfiguration } from './types';\n\nconst VISA_SDK_TEST = 'https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visa-sdk.js?v2';\nconst VISA_SDK_PROD = 'https://assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visa-sdk.js?v2';\n\nconst MC_SDK_TEST = 'https://sandbox.src.mastercard.com/sdk/srcsdk.mastercard.js';\nconst MC_SDK_PROD = 'https://src.mastercard.com/sdk/srcsdk.mastercard.js';\n\nconst getVisaSetttings = ({ dpaLocale = 'en_US', dpaPresentationName = '' }: CustomSdkConfiguration) => ({\n    dpaTransactionOptions: {\n        dpaLocale: dpaLocale,\n        payloadTypeIndicator: 'NON_PAYMENT',\n        customInputData: {\n            checkoutOrchestrator: 'merchant'\n        }\n    },\n    dpaData: {\n        dpaPresentationName\n    }\n});\n\nconst getMastercardSettings = ({ dpaLocale = 'en_US', dpaPresentationName = '' }: CustomSdkConfiguration) => ({\n    dpaTransactionOptions: {\n        dpaLocale: dpaLocale,\n        paymentOptions: {\n            dynamicDataType: 'CARD_APPLICATION_CRYPTOGRAM_SHORT_FORM'\n        },\n        consumerNameRequested: true,\n        customInputData: {\n            'com.mastercard.dcfExperience': 'PAYMENT_SETTINGS'\n        },\n        confirmPayment: false\n    },\n    dpaData: {\n        dpaPresentationName\n    }\n});\n\nexport { VISA_SDK_TEST, VISA_SDK_PROD, MC_SDK_TEST, MC_SDK_PROD, getVisaSetttings, getMastercardSettings };\n"],"names":["VISA_SDK_TEST","VISA_SDK_PROD","MC_SDK_TEST","MC_SDK_PROD","getVisaSetttings","dpaLocale","dpaPresentationName","dpaTransactionOptions","payloadTypeIndicator","customInputData","checkoutOrchestrator","dpaData","getMastercardSettings","paymentOptions","dynamicDataType","consumerNameRequested","confirmPayment"],"mappings":"AAEA,MAAMA,EAAgB,4GAChBC,EAAgB,oGAEhBC,EAAc,8DACdC,EAAc,sDAEdC,EAAmB,EAAGC,YAAY,QAASC,sBAAsB,OAAkC,CACrGC,sBAAuB,CACnBF,UAAWA,EACXG,qBAAsB,cACtBC,gBAAiB,CACbC,qBAAsB,aAG9BC,QAAS,CACLL,yBAIFM,EAAwB,EAAGP,YAAY,QAASC,sBAAsB,OAAkC,CAC1GC,sBAAuB,CACnBF,UAAWA,EACXQ,eAAgB,CACZC,gBAAiB,0CAErBC,uBAAuB,EACvBN,gBAAiB,CACb,+BAAgC,oBAEpCO,gBAAgB,GAEpBL,QAAS,CACLL"}

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

@@ -0,0 +1,2 @@
+const a={mc:"Mastercard",visa:"Visa"};export{a as SchemeNames};
+//# sourceMappingURL=utils.js.map

package/dist/es/components/internal/ClickToPay/services/sdks/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../../src/components/internal/ClickToPay/services/sdks/utils.ts"],"sourcesContent":["const SchemeNames = {\n    mc: 'Mastercard',\n    visa: 'Visa'\n};\n\nexport { SchemeNames };\n"],"names":["SchemeNames","mc","visa"],"mappings":"AAAA,MAAMA,EAAc,CAChBC,GAAI,aACJC,KAAM"}

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

@@ -0,0 +1,2 @@
+import e from"../models/ShopperCard.js";const r="ctpIframe";function s(e,r,s){const{scheme:a,tokenId:t,srcDigitalCardId:c,srcCorrelationId:d}=e;return"visa"===a?t?{srcScheme:a,srcCorrelationId:d,srcTokenReference:s.toLowerCase().includes("live")?t:"987654321"}:{srcScheme:a,srcCheckoutPayload:r.checkoutResponse,srcCorrelationId:d}:{srcScheme:a,srcDigitalCardId:c,srcCorrelationId:d}}function a(r,s){const{profiles:a,srcCorrelationId:t}=s,c=a.reduce(((r,a)=>[...r,...a.maskedCards.map((r=>new e(r,s.scheme,t)))]),[]);return[...r,...c]}function t(e,r){return new Date(r.dateOfCardLastUsed).getTime()-new Date(e.dateOfCardLastUsed).getTime()}function c(e,r){return r.isExpired?e.expiredCards.push(r):e.availableCards.push(r),e}function d(e){const{availableCards:r,expiredCards:s}=e.reduce(a,[]).reduce(c,{availableCards:[],expiredCards:[]});return[...r.sort(t),...s.sort(t)]}export{r as CTP_IFRAME_NAME,s as createCheckoutPayloadBasedOnScheme,d as createShopperCardsList};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/internal/ClickToPay/services/utils.ts"],"sourcesContent":["import { CardTypes, ClickToPayCheckoutPayload, SrcProfileWithScheme } from './types';\nimport { SrciCheckoutResponse } from './sdks/types';\nimport ShopperCard from '../models/ShopperCard';\n\nexport const CTP_IFRAME_NAME = 'ctpIframe';\n\n/**\n * Creates the payload for the /payments call\n */\nfunction createCheckoutPayloadBasedOnScheme(\n    card: ShopperCard,\n    srciCheckoutResponse: SrciCheckoutResponse,\n    environment: string\n): ClickToPayCheckoutPayload {\n    const { scheme, tokenId, srcDigitalCardId, srcCorrelationId } = card;\n\n    switch (scheme) {\n        case 'visa':\n            /**\n             * For test environment, we are using hardcoded tokenId\n             */\n            return tokenId\n                ? {\n                      srcScheme: scheme,\n                      srcCorrelationId,\n                      srcTokenReference: environment.toLowerCase().includes('live') ? tokenId : '987654321'\n                  }\n                : { srcScheme: scheme, srcCheckoutPayload: srciCheckoutResponse.checkoutResponse, srcCorrelationId };\n        case 'mc':\n        default:\n            return { srcScheme: scheme, srcDigitalCardId, srcCorrelationId };\n    }\n}\n\nfunction createShopperMaskedCardsData(memo: ShopperCard[], srcProfile: SrcProfileWithScheme): ShopperCard[] {\n    const { profiles, srcCorrelationId } = srcProfile;\n\n    const cards: ShopperCard[] = profiles.reduce((memo: ShopperCard[], profile) => {\n        const profileCards: ShopperCard[] = profile.maskedCards.map(maskedCard => new ShopperCard(maskedCard, srcProfile.scheme, srcCorrelationId));\n        return [...memo, ...profileCards];\n    }, []);\n\n    return [...memo, ...cards];\n}\n\nfunction sortCardByLastTimeUsed(card1: ShopperCard, card2: ShopperCard) {\n    return new Date(card2.dateOfCardLastUsed).getTime() - new Date(card1.dateOfCardLastUsed).getTime();\n}\n\nfunction splitAvailableAndExpiredCards(memo: CardTypes, card: ShopperCard): CardTypes {\n    if (card.isExpired) memo.expiredCards.push(card);\n    else memo.availableCards.push(card);\n    return memo;\n}\n\n/**\n * Creates the Shopper card list. The available cards are placed before the expired cards\n */\nfunction createShopperCardsList(srcProfiles: SrcProfileWithScheme[]): ShopperCard[] {\n    const { availableCards, expiredCards } = srcProfiles\n        .reduce(createShopperMaskedCardsData, [])\n        .reduce(splitAvailableAndExpiredCards, { availableCards: [], expiredCards: [] });\n\n    return [...availableCards.sort(sortCardByLastTimeUsed), ...expiredCards.sort(sortCardByLastTimeUsed)];\n}\n\nexport { createShopperCardsList, createCheckoutPayloadBasedOnScheme };\n"],"names":["CTP_IFRAME_NAME","createCheckoutPayloadBasedOnScheme","card","srciCheckoutResponse","environment","scheme","tokenId","srcDigitalCardId","srcCorrelationId","srcScheme","srcTokenReference","toLowerCase","includes","srcCheckoutPayload","checkoutResponse","createShopperMaskedCardsData","memo","srcProfile","profiles","cards","reduce","profile","maskedCards","map","maskedCard","ShopperCard","sortCardByLastTimeUsed","card1","card2","Date","dateOfCardLastUsed","getTime","splitAvailableAndExpiredCards","isExpired","expiredCards","push","availableCards","createShopperCardsList","srcProfiles","sort"],"mappings":"wCAIO,MAAMA,EAAkB,YAK/B,SAASC,EACLC,EACAC,EACAC,GAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,iBAAEA,EAAgBC,iBAAEA,GAAqBN,EAEhE,MACS,SADDG,EAKOC,EACD,CACIG,UAAWJ,EACXG,mBACAE,kBAAmBN,EAAYO,cAAcC,SAAS,QAAUN,EAAU,aAE9E,CAAEG,UAAWJ,EAAQQ,mBAAoBV,EAAqBW,iBAAkBN,oBAG/E,CAAEC,UAAWJ,EAAQE,mBAAkBC,mBAE1D,CAEA,SAASO,EAA6BC,EAAqBC,GACvD,MAAMC,SAAEA,EAAQV,iBAAEA,GAAqBS,EAEjCE,EAAuBD,EAASE,QAAO,CAACJ,EAAqBK,IAExD,IAAIL,KADyBK,EAAQC,YAAYC,KAAIC,GAAc,IAAIC,EAAYD,EAAYP,EAAWZ,OAAQG,OAE1H,IAEH,MAAO,IAAIQ,KAASG,EACxB,CAEA,SAASO,EAAuBC,EAAoBC,GAChD,OAAO,IAAIC,KAAKD,EAAME,oBAAoBC,UAAY,IAAIF,KAAKF,EAAMG,oBAAoBC,SAC7F,CAEA,SAASC,EAA8BhB,EAAiBd,GAGpD,OAFIA,EAAK+B,UAAWjB,EAAKkB,aAAaC,KAAKjC,GACtCc,EAAKoB,eAAeD,KAAKjC,GACvBc,CACX,CAKA,SAASqB,EAAuBC,GAC5B,MAAMF,eAAEA,EAAcF,aAAEA,GAAiBI,EACpClB,OAAOL,EAA8B,IACrCK,OAAOY,EAA+B,CAAEI,eAAgB,GAAIF,aAAc,KAE/E,MAAO,IAAIE,EAAeG,KAAKb,MAA4BQ,EAAaK,KAAKb,GACjF"}

package/dist/es/components/internal/CompanyDetails/CompanyDetails.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useRef as r,useEffect as a}from"../../../external/preact/hooks/dist/hooks.js";import t from"../FormFields/Fieldset/Fieldset.js";import i from"../FormFields/Field/Field.js";import s from"./ReadOnlyCompanyDetails.js";import{companyDetailsValidationRules as o}from"./validate.js";import n from"../../../core/Context/useCoreContext.js";import{getFormattedData as l}from"./utils.js";import m from"../../../utils/useForm/useForm.js";import d from"../FormFields/InputText.js";const u=["name","registrationNumber"];function p(u){const{label:p="",namePrefix:c,requiredFields:f,visibility:g}=u,{i18n:b}=n(),{handleChangeFor:F,triggerValidation:N,data:h,valid:j,errors:C,isValid:v}=m({schema:f,rules:{...o,...u.validationRules},defaultData:u.data}),y=r({});Object.keys(y.current).length||u.setComponentRef?.(y.current),y.current.showValidation=()=>{N()};const x=e=>`${c?`${c}.`:""}${e}`,M=e=>r=>{const{name:a}=r.target,t=a.split(`${c}.`).pop();F(t,e)(r)};return a((()=>{const e=l(h);u.onChange({data:e,valid:j,errors:C,isValid:v})}),[h,j,C,v]),"hidden"===g?null:"readOnly"===g?e(s,{...u,data:h}):e(t,{classNameModifiers:[p],label:p},f.includes("name")&&e(i,{label:b.get("companyDetails.name"),classNameModifiers:["name"],errorMessage:!!C.name,i18n:b,name:x("companyName")},e(d,{name:x("name"),value:h.name,classNameModifiers:["name"],onInput:M("input"),onBlur:M("blur"),spellCheck:!1})),f.includes("registrationNumber")&&e(i,{label:b.get("companyDetails.registrationNumber"),classNameModifiers:["registrationNumber"],errorMessage:!!C.registrationNumber,i18n:b,name:x("registrationNumber")},e(d,{name:x("registrationNumber"),value:h.registrationNumber,classNameModifiers:["registrationNumber"],onInput:M("input"),onBlur:M("blur"),spellCheck:!1})))}p.defaultProps={data:{},onChange:()=>{},visibility:"editable",requiredFields:u,validationRules:o};export{u as COMPANY_DETAILS_SCHEMA,p as default};
+//# sourceMappingURL=CompanyDetails.js.map

package/dist/es/components/internal/CompanyDetails/CompanyDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompanyDetails.js","sources":["../../../../../src/components/internal/CompanyDetails/CompanyDetails.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useRef } from 'preact/hooks';\nimport Fieldset from '../FormFields/Fieldset';\nimport Field from '../FormFields/Field';\nimport ReadOnlyCompanyDetails from './ReadOnlyCompanyDetails';\nimport { companyDetailsValidationRules } from './validate';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { getFormattedData } from './utils';\nimport { CompanyDetailsSchema, CompanyDetailsProps } from './types';\nimport useForm from '../../../utils/useForm';\nimport InputText from '../FormFields/InputText';\nimport { ComponentMethodsRef } from '../UIElement/types';\n\nexport const COMPANY_DETAILS_SCHEMA = ['name', 'registrationNumber'];\n\nexport default function CompanyDetails(props: CompanyDetailsProps) {\n    const { label = '', namePrefix, requiredFields, visibility } = props;\n    const { i18n } = useCoreContext();\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<CompanyDetailsSchema>({\n        schema: requiredFields,\n        rules: { ...companyDetailsValidationRules, ...props.validationRules },\n        defaultData: props.data\n    });\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const companyDetailsRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(companyDetailsRef.current).length) {\n        props.setComponentRef?.(companyDetailsRef.current);\n    }\n\n    // Expose method expected by (parent) Address.tsx\n    companyDetailsRef.current.showValidation = () => {\n        triggerValidation();\n    };\n\n    const generateFieldName = (name: string): string => `${namePrefix ? `${namePrefix}.` : ''}${name}`;\n\n    const eventHandler =\n        (mode: string): h.JSX.FocusEventHandler<HTMLInputElement> =>\n        (e): void => {\n            const { name } = e.target as HTMLInputElement;\n            const key = name.split(`${namePrefix}.`).pop();\n\n            handleChangeFor(key, mode)(e);\n        };\n\n    useEffect(() => {\n        const formattedData = getFormattedData(data);\n        props.onChange({ data: formattedData, valid, errors, isValid });\n    }, [data, valid, errors, isValid]);\n\n    if (visibility === 'hidden') return null;\n    if (visibility === 'readOnly') return <ReadOnlyCompanyDetails {...props} data={data} />;\n\n    return (\n        <Fieldset classNameModifiers={[label]} label={label}>\n            {requiredFields.includes('name') && (\n                <Field\n                    label={i18n.get('companyDetails.name')}\n                    classNameModifiers={['name']}\n                    errorMessage={!!errors.name}\n                    i18n={i18n}\n                    name={generateFieldName('companyName')}\n                >\n                    <InputText\n                        name={generateFieldName('name')}\n                        value={data.name}\n                        classNameModifiers={['name']}\n                        onInput={eventHandler('input')}\n                        onBlur={eventHandler('blur')}\n                        spellCheck={false}\n                    />\n                </Field>\n            )}\n\n            {requiredFields.includes('registrationNumber') && (\n                <Field\n                    label={i18n.get('companyDetails.registrationNumber')}\n                    classNameModifiers={['registrationNumber']}\n                    errorMessage={!!errors.registrationNumber}\n                    i18n={i18n}\n                    name={generateFieldName('registrationNumber')}\n                >\n                    <InputText\n                        name={generateFieldName('registrationNumber')}\n                        value={data.registrationNumber}\n                        classNameModifiers={['registrationNumber']}\n                        onInput={eventHandler('input')}\n                        onBlur={eventHandler('blur')}\n                        spellCheck={false}\n                    />\n                </Field>\n            )}\n        </Fieldset>\n    );\n}\n\nCompanyDetails.defaultProps = {\n    data: {},\n    onChange: () => {},\n    visibility: 'editable',\n    requiredFields: COMPANY_DETAILS_SCHEMA,\n    validationRules: companyDetailsValidationRules\n};\n"],"names":["COMPANY_DETAILS_SCHEMA","CompanyDetails","props","label","namePrefix","requiredFields","visibility","i18n","useCoreContext","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","companyDetailsValidationRules","validationRules","defaultData","companyDetailsRef","useRef","Object","keys","current","length","setComponentRef","showValidation","generateFieldName","name","eventHandler","mode","e","target","key","split","pop","useEffect","formattedData","getFormattedData","onChange","h","ReadOnlyCompanyDetails","Fieldset","classNameModifiers","includes","Field","get","errorMessage","InputText","value","onInput","onBlur","spellCheck","registrationNumber","defaultProps"],"mappings":"0iBAaaA,EAAyB,CAAC,OAAQ,sBAEhC,SAASC,EAAeC,GACnC,MAAMC,MAAEA,EAAQ,GAAEC,WAAEA,EAAUC,eAAEA,EAAcC,WAAEA,GAAeJ,GACzDK,KAAEA,GAASC,KACXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA8B,CACvGC,OAAQX,EACRY,MAAO,IAAKC,KAAkChB,EAAMiB,iBACpDC,YAAalB,EAAMS,OAIjBU,EAAoBC,EAA4B,CAAA,GAEjDC,OAAOC,KAAKH,EAAkBI,SAASC,QACxCxB,EAAMyB,kBAAkBN,EAAkBI,SAI9CJ,EAAkBI,QAAQG,eAAiB,KACvClB,GAAAA,EAGJ,MAAMmB,EAAqBC,GAAyB,GAAG1B,EAAa,GAAGA,KAAgB,KAAK0B,IAEtFC,EACDC,GACAC,IACG,MAAMH,KAAEA,GAASG,EAAEC,OACbC,EAAML,EAAKM,MAAM,GAAGhC,MAAeiC,MAEzC5B,EAAgB0B,EAAKH,EAArBvB,CAA2BwB,EAAAA,EAQnC,OALAK,GAAU,KACN,MAAMC,EAAgBC,EAAiB7B,GACvCT,EAAMuC,SAAS,CAAE9B,KAAM4B,EAAe3B,QAAOC,SAAQC,WAAQ,GAC9D,CAACH,EAAMC,EAAOC,EAAQC,IAEN,WAAfR,EAAgC,KACjB,aAAfA,EAAkCoC,EAACC,EAAAA,IAA2BzC,EAAOS,KAAMA,IAG3E+B,EAACE,EAAAA,CAASC,mBAAoB,CAAC1C,GAAQA,MAAOA,GACzCE,EAAeyC,SAAS,SACrBJ,EAACK,EAAAA,CACG5C,MAAOI,EAAKyC,IAAI,uBAChBH,mBAAoB,CAAC,QACrBI,eAAgBpC,EAAOiB,KACvBvB,KAAMA,EACNuB,KAAMD,EAAkB,gBAExBa,EAACQ,EAAAA,CACGpB,KAAMD,EAAkB,QACxBsB,MAAOxC,EAAKmB,KACZe,mBAAoB,CAAC,QACrBO,QAASrB,EAAa,SACtBsB,OAAQtB,EAAa,QACrBuB,YAAY,KAKvBjD,EAAeyC,SAAS,uBACrBJ,EAACK,EAAAA,CACG5C,MAAOI,EAAKyC,IAAI,qCAChBH,mBAAoB,CAAC,sBACrBI,eAAgBpC,EAAO0C,mBACvBhD,KAAMA,EACNuB,KAAMD,EAAkB,uBAExBa,EAACQ,EAAAA,CACGpB,KAAMD,EAAkB,sBACxBsB,MAAOxC,EAAK4C,mBACZV,mBAAoB,CAAC,sBACrBO,QAASrB,EAAa,SACtBsB,OAAQtB,EAAa,QACrBuB,YAAY,KAMpC,CAEArD,EAAeuD,aAAe,CAC1B7C,KAAM,CAAC,EACP8B,SAAU,OACVnC,WAAY,WACZD,eAAgBL,EAChBmB,gBAAiBD"}

package/dist/es/components/internal/CompanyDetails/ReadOnlyCompanyDetails.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../FormFields/Fieldset/Fieldset.js";const a=({data:a})=>{const{name:r,registrationNumber:s}=a;return e(t,{classNameModifiers:["companyDetails"],label:"companyDetails",readonly:!0},r&&`${r} `,s&&`${s} `)};export{a as default};
+//# sourceMappingURL=ReadOnlyCompanyDetails.js.map

package/dist/es/components/internal/CompanyDetails/ReadOnlyCompanyDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyCompanyDetails.js","sources":["../../../../../src/components/internal/CompanyDetails/ReadOnlyCompanyDetails.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Fieldset from '../FormFields/Fieldset';\nimport { ReadOnlyCompanyDetailsProps } from './types';\n\nconst ReadOnlyCompanyDetails = ({ data }) => {\n    const { name, registrationNumber }: ReadOnlyCompanyDetailsProps = data;\n\n    return (\n        <Fieldset classNameModifiers={['companyDetails']} label=\"companyDetails\" readonly>\n            {name && `${name} `}\n            {registrationNumber && `${registrationNumber} `}\n        </Fieldset>\n    );\n};\n\nexport default ReadOnlyCompanyDetails;\n"],"names":["ReadOnlyCompanyDetails","data","name","registrationNumber","h","Fieldset","classNameModifiers","label","readonly"],"mappings":"0HAIA,MAAMA,EAAyB,EAAGC,WAC9B,MAAMC,KAAEA,EAAIC,mBAAEA,GAAoDF,EAElE,OACIG,EAACC,EAAAA,CAASC,mBAAoB,CAAC,kBAAmBC,MAAM,iBAAiBC,UAAAA,GACpEN,GAAQ,GAAGA,KACXC,GAAsB,GAAGA,KAAqB"}

package/dist/es/components/internal/CompanyDetails/utils.js

@@ -0,0 +1,2 @@
+const r=r=>{const{name:e,registrationNumber:n}=r;return{...(e||n)&&{company:{...e&&{name:e},...n&&{registrationNumber:n}}}}};export{r as getFormattedData};
+//# sourceMappingURL=utils.js.map

package/dist/es/components/internal/CompanyDetails/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/CompanyDetails/utils.ts"],"sourcesContent":["export const getFormattedData = data => {\n    const { name, registrationNumber } = data;\n    return {\n        ...((name || registrationNumber) && {\n            company: {\n                ...(name && { name }),\n                ...(registrationNumber && { registrationNumber })\n            }\n        })\n    };\n};\n"],"names":["getFormattedData","data","name","registrationNumber","company"],"mappings":"AAAO,MAAMA,EAAmBC,IAC5B,MAAMC,KAAEA,EAAIC,mBAAEA,GAAuBF,EACrC,MAAO,KACEC,GAAQC,IAAuB,CAChCC,QAAS,IACDF,GAAQ,CAAEA,WACVC,GAAsB,CAAEA,wBAGxC"}

package/dist/es/components/internal/CompanyDetails/validate.js

@@ -0,0 +1,2 @@
+import{isEmpty as e}from"../../../utils/validator-utils.js";const r={default:{validate:e=>e&&e.length>0,modes:["blur"],errorMessage:"error.va.gen.01"},name:{validate:r=>!e(r)||null,errorMessage:"companyDetails.name.invalid",modes:["blur"]},registrationNumber:{validate:r=>!e(r)||null,errorMessage:"companyDetails.registrationNumber.invalid",modes:["blur"]}};export{r as companyDetailsValidationRules};
+//# sourceMappingURL=validate.js.map

package/dist/es/components/internal/CompanyDetails/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sources":["../../../../../src/components/internal/CompanyDetails/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../utils/Validator/types';\nimport { isEmpty } from '../../../utils/validator-utils';\n\nexport const companyDetailsValidationRules: ValidatorRules = {\n    default: {\n        validate: value => {\n            return value && value.length > 0;\n        },\n        modes: ['blur'],\n        errorMessage: 'error.va.gen.01' // = \"Incomplete field\"\n    },\n    name: {\n        validate: value => (isEmpty(value) ? null : true), // valid, if there are chars other than spaces\n        errorMessage: 'companyDetails.name.invalid',\n        modes: ['blur']\n    },\n    registrationNumber: {\n        validate: value => (isEmpty(value) ? null : true),\n        errorMessage: 'companyDetails.registrationNumber.invalid',\n        modes: ['blur']\n    }\n};\n"],"names":["companyDetailsValidationRules","default","validate","value","length","modes","errorMessage","name","isEmpty","registrationNumber"],"mappings":"kEAGaA,EAAgD,CACzDC,QAAS,CACLC,SAAUC,GACCA,GAASA,EAAMC,OAAS,EAEnCC,MAAO,CAAC,QACRC,aAAc,mBAElBC,KAAM,CACFL,SAAUC,IAAUK,EAAQL,IAAS,KACrCG,aAAc,8BACdD,MAAO,CAAC,SAEZI,mBAAoB,CAChBP,SAAUC,IAAUK,EAAQL,IAAS,KACrCG,aAAc,4CACdD,MAAO,CAAC"}

package/dist/es/components/internal/ConsentCheckboxLabel/ConsentCheckboxLabel.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as t}from"../../../external/preact/dist/preact.js";import r from"../../../core/Context/useCoreContext.js";function a(a){const{i18n:n}=r(),o=n.get("paymentConditions"),c=n.get("afterPay.agreement"),[l,s]=c.split("%@");return l&&s?e(t,null,l,e("a",{className:"adyen-checkout-link",target:"_blank",rel:"noopener noreferrer",href:a.url},o),s):e("span",{className:"adyen-checkout__checkbox__label"},n.get("privacyPolicy"))}export{a as default};
+//# sourceMappingURL=ConsentCheckboxLabel.js.map

package/dist/es/components/internal/ConsentCheckboxLabel/ConsentCheckboxLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsentCheckboxLabel.js","sources":["../../../../../src/components/internal/ConsentCheckboxLabel/ConsentCheckboxLabel.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport useCoreContext from '../../../core/Context/useCoreContext';\n\ninterface ConsentCheckboxLabelProps {\n    url: string;\n}\n\nexport default function ConsentCheckboxLabel(props: ConsentCheckboxLabelProps) {\n    const { i18n } = useCoreContext();\n    const linkText = i18n.get('paymentConditions');\n    const translationString = i18n.get('afterPay.agreement');\n    const [textBeforeLink, textAfterLink] = translationString.split('%@');\n\n    if (textBeforeLink && textAfterLink) {\n        return (\n            <Fragment>\n                {textBeforeLink}\n                <a className=\"adyen-checkout-link\" target=\"_blank\" rel=\"noopener noreferrer\" href={props.url}>\n                    {linkText}\n                </a>\n                {textAfterLink}\n            </Fragment>\n        );\n    }\n\n    return <span className=\"adyen-checkout__checkbox__label\">{i18n.get('privacyPolicy')}</span>;\n}\n"],"names":["ConsentCheckboxLabel","props","i18n","useCoreContext","linkText","get","translationString","textBeforeLink","textAfterLink","split","h","Fragment","a","className","target","rel","href","url","span"],"mappings":"6IAOe,SAASA,EAAqBC,GACzC,MAAMC,KAAEA,GAASC,IACXC,EAAWF,EAAKG,IAAI,qBACpBC,EAAoBJ,EAAKG,IAAI,uBAC5BE,EAAgBC,GAAiBF,EAAkBG,MAAM,MAEhE,OAAIF,GAAkBC,EAEdE,EAACC,EACIJ,KAAAA,EACDG,EAACE,IAAAA,CAAEC,UAAU,sBAAsBC,OAAO,SAASC,IAAI,sBAAsBC,KAAMf,EAAMgB,KACpFb,GAEJI,GAKNE,EAACQ,OAAAA,CAAKL,UAAU,mCAAmCX,EAAKG,IAAI,iBACvE"}

package/dist/es/components/internal/ContentSeparator/ContentSeparator.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../external/classnames/index.js";import r from"../../../core/Context/useCoreContext.js";function a({label:a="qrCodeOrApp",classNames:o=[]}){const{i18n:s}=r();return e("div",{className:t("adyen-checkout__content-separator",...o)},s.get(a))}export{a as default};
+//# sourceMappingURL=ContentSeparator.js.map

package/dist/es/components/internal/ContentSeparator/ContentSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentSeparator.js","sources":["../../../../../src/components/internal/ContentSeparator/ContentSeparator.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classnames from 'classnames';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport './ContentSeparator.scss';\n\ninterface ContentSeparatorProps {\n    label?: string;\n    classNames?: string[];\n}\n\nfunction ContentSeparator({ label = 'qrCodeOrApp', classNames = [] }: ContentSeparatorProps) {\n    const { i18n } = useCoreContext();\n    return <div className={classnames('adyen-checkout__content-separator', ...classNames)}>{i18n.get(label)}</div>;\n}\n\nexport default ContentSeparator;\n"],"names":["ContentSeparator","label","classNames","i18n","useCoreContext","h","div","className","classnames","get"],"mappings":"oLAUA,SAASA,GAAiBC,MAAEA,EAAQ,cAAaC,WAAEA,EAAa,KAC5D,MAAMC,KAAEA,GAASC,IACjB,OAAOC,EAACC,MAAAA,CAAIC,UAAWC,EAAW,uCAAwCN,IAAcC,EAAKM,IAAIR,GACrG"}

package/dist/es/components/internal/Countdown/CountdownA11yReporter.js

@@ -0,0 +1,2 @@
+import{interpolateElement as t}from"../../../language/utils.js";class s{TRANSLATION_KEY="sr.wechatpay.timetopay";LONG_TIMEOUT=18e4;MID_TIMEOUT=6e4;SHORT_TIMEOUT=3e4;srPanel;i18n;srInterval;timeout;timeLeft;constructor(t){const{srPanel:s,i18n:e}=t;this.srPanel=s,this.i18n=e,this.srPanel.setAriaProps({"aria-relevant":"additions text"})}update(t){const{minutes:s,seconds:e}=t;if("-"===s||"-"===e)return;const i="string"==typeof s?parseInt(s,10):s,r="string"==typeof e?parseInt(e,10):e;this.timeLeft={minutes:i,seconds:r},i>5&&this.timeout!==this.LONG_TIMEOUT&&(this.timeout=this.LONG_TIMEOUT,this.setInterval(this.timeout)),i>=1&&i<=5&&this.timeout!==this.MID_TIMEOUT&&(this.timeout=this.MID_TIMEOUT,this.setInterval(this.timeout)),i<1&&r>0&&this.timeout!==this.SHORT_TIMEOUT&&(this.timeout=this.SHORT_TIMEOUT,this.setInterval(this.timeout))}tearDown(){this.clearInterval(),this.srPanel.setAriaProps({"aria-relevant":this.srPanel.constructor.defaultProps.ariaAttributes["aria-relevant"]}),this.srPanel.setMessages(null)}setInterval(t){this.clearInterval();const s=()=>{this.srPanel.setMessages(null),this.srPanel.setMessages(this.getSrMessages(this.timeLeft))};s(),this.srInterval=setInterval(s,t)}getSrMessages({minutes:s,seconds:e}){const i=this.i18n.get(this.TRANSLATION_KEY),r=[s,e].map((t=>0!==t?s=>`${t} ${s}`:()=>""));return[t(i,r).join("")]}clearInterval(){this.srInterval&&clearInterval(this.srInterval)}}export{s as CountdownA11yReporter};
+//# sourceMappingURL=CountdownA11yReporter.js.map

package/dist/es/components/internal/Countdown/CountdownA11yReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountdownA11yReporter.js","sources":["../../../../../src/components/internal/Countdown/CountdownA11yReporter.ts"],"sourcesContent":["import { interpolateElement } from '../../../language/utils';\nimport { SRPanel } from '../../../core/Errors/SRPanel';\nimport Language from '../../../language';\nimport { CountdownTime } from './types';\n\ninterface ICountdownA11yService {\n    srPanel: SRPanel;\n    i18n: Language;\n}\n\nexport class CountdownA11yReporter {\n    protected TRANSLATION_KEY = 'sr.wechatpay.timetopay';\n    protected LONG_TIMEOUT = 180000;\n    protected MID_TIMEOUT = 60000;\n    protected SHORT_TIMEOUT = 30000;\n\n    private readonly srPanel: SRPanel;\n    private readonly i18n: Language;\n    private srInterval: ReturnType<typeof setInterval>;\n    private timeout: number;\n    private timeLeft: CountdownTime;\n\n    constructor(props: ICountdownA11yService) {\n        const { srPanel, i18n } = props;\n\n        this.srPanel = srPanel;\n        this.i18n = i18n;\n        // Force the srPanel to update ariaRelevant\n        this.srPanel.setAriaProps({ 'aria-relevant': 'additions text' });\n    }\n\n    public update(time: CountdownTime): void {\n        const { minutes, seconds } = time;\n        if (minutes === '-' || seconds === '-') return;\n\n        const minutesLeft = typeof minutes === 'string' ? parseInt(minutes, 10) : minutes;\n        const secondsLeft = typeof seconds === 'string' ? parseInt(seconds, 10) : seconds;\n        this.timeLeft = { minutes: minutesLeft, seconds: secondsLeft };\n\n        if (minutesLeft > 5 && this.timeout !== this.LONG_TIMEOUT) {\n            this.timeout = this.LONG_TIMEOUT;\n            this.setInterval(this.timeout);\n        }\n        if (minutesLeft >= 1 && minutesLeft <= 5 && this.timeout !== this.MID_TIMEOUT) {\n            this.timeout = this.MID_TIMEOUT;\n            this.setInterval(this.timeout);\n        }\n        if (minutesLeft < 1 && secondsLeft > 0 && this.timeout !== this.SHORT_TIMEOUT) {\n            this.timeout = this.SHORT_TIMEOUT;\n            this.setInterval(this.timeout);\n        }\n    }\n\n    public tearDown(): void {\n        this.clearInterval();\n        // Reset the srPanel ariaRelevant\n        this.srPanel.setAriaProps({ 'aria-relevant': this.srPanel.constructor['defaultProps'].ariaAttributes['aria-relevant'] });\n        this.srPanel.setMessages(null);\n    }\n\n    private setInterval(timeout): void {\n        this.clearInterval();\n        const setSrMessages = () => {\n            this.srPanel.setMessages(null);\n            this.srPanel.setMessages(this.getSrMessages(this.timeLeft));\n        };\n        // To execute immediately\n        setSrMessages();\n        this.srInterval = setInterval(setSrMessages, timeout);\n    }\n\n    private getSrMessages({ minutes, seconds }): Array<string> {\n        const translation = this.i18n.get(this.TRANSLATION_KEY);\n        const getTimeTranslation = time => (time !== 0 ? translation => `${time} ${translation}` : () => '');\n        const fns = [minutes, seconds].map(getTimeTranslation);\n        return [interpolateElement(translation, fns).join('')];\n    }\n\n    private clearInterval(): void {\n        if (this.srInterval) clearInterval(this.srInterval);\n    }\n}\n"],"names":["CountdownA11yReporter","TRANSLATION_KEY","LONG_TIMEOUT","MID_TIMEOUT","SHORT_TIMEOUT","srPanel","i18n","srInterval","timeout","timeLeft","constructor","props","this","setAriaProps","update","time","minutes","seconds","minutesLeft","parseInt","secondsLeft","setInterval","tearDown","clearInterval","ariaAttributes","setMessages","setSrMessages","getSrMessages","translation","get","fns","map","interpolateElement","join"],"mappings":"gEAUO,MAAMA,EACCC,gBAAkB,yBAClBC,aAAe,KACfC,YAAc,IACdC,cAAgB,IAETC,QACAC,KACTC,WACAC,QACAC,SAERC,WAAAA,CAAYC,GACR,MAAMN,QAAEA,EAAOC,KAAEA,GAASK,EAE1BC,KAAKP,QAAUA,EACfO,KAAKN,KAAOA,EAEZM,KAAKP,QAAQQ,aAAa,CAAE,gBAAiB,kBACjD,CAEOC,MAAAA,CAAOC,GACV,MAAMC,QAAEA,EAAOC,QAAEA,GAAYF,EAC7B,GAAgB,MAAZC,GAA+B,MAAZC,EAAiB,OAExC,MAAMC,EAAiC,iBAAZF,EAAuBG,SAASH,EAAS,IAAMA,EACpEI,EAAiC,iBAAZH,EAAuBE,SAASF,EAAS,IAAMA,EAC1EL,KAAKH,SAAW,CAAEO,QAASE,EAAaD,QAASG,GAE7CF,EAAc,GAAKN,KAAKJ,UAAYI,KAAKV,eACzCU,KAAKJ,QAAUI,KAAKV,aACpBU,KAAKS,YAAYT,KAAKJ,UAEtBU,GAAe,GAAKA,GAAe,GAAKN,KAAKJ,UAAYI,KAAKT,cAC9DS,KAAKJ,QAAUI,KAAKT,YACpBS,KAAKS,YAAYT,KAAKJ,UAEtBU,EAAc,GAAKE,EAAc,GAAKR,KAAKJ,UAAYI,KAAKR,gBAC5DQ,KAAKJ,QAAUI,KAAKR,cACpBQ,KAAKS,YAAYT,KAAKJ,SAE9B,CAEOc,QAAAA,GACHV,KAAKW,gBAELX,KAAKP,QAAQQ,aAAa,CAAE,gBAAiBD,KAAKP,QAAQK,YAA2B,aAACc,eAAe,mBACrGZ,KAAKP,QAAQoB,YAAY,KAC7B,CAEQJ,WAAAA,CAAYb,GAChBI,KAAKW,gBACL,MAAMG,EAAgB,KAClBd,KAAKP,QAAQoB,YAAY,MACzBb,KAAKP,QAAQoB,YAAYb,KAAKe,cAAcf,KAAKH,UAAQ,EAG7DiB,IACAd,KAAKL,WAAac,YAAYK,EAAelB,EACjD,CAEQmB,aAAAA,EAAcX,QAAEA,EAAOC,QAAEA,IAC7B,MAAMW,EAAchB,KAAKN,KAAKuB,IAAIjB,KAAKX,iBAEjC6B,EAAM,CAACd,EAASC,GAASc,KADJhB,GAAkB,IAATA,EAAaa,GAAe,GAAGb,KAAQa,IAAgB,IAAM,KAEjG,MAAO,CAACI,EAAmBJ,EAAaE,GAAKG,KAAK,IACtD,CAEQV,aAAAA,GACAX,KAAKL,YAAYgB,cAAcX,KAAKL,WAC5C"}

package/dist/es/components/internal/Countdown/index.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{getTimeDifference as t}from"./utils.js";import{useRef as s,useState as n,useEffect as o}from"../../../external/preact/hooks/dist/hooks.js";import{useCountdownA11yReporter as a}from"./useCountdownA11yReporter.js";function r({minutesFromNow:r,onTick:c=(()=>{}),onCompleted:m=(()=>{})}){const u=s((e=>{const t=6e4*e,s=(new Date).getTime();return{startTime:new Date(s),endTime:new Date(s+t)}})(r)),{startTime:i,endTime:d}=u.current,[p,l]=n({minutes:"-",seconds:"-"});return a(p),o((()=>{const e=setInterval((()=>{const{minutes:e,seconds:s,percentage:n,completed:o}=t(i,d);if(o)m();else{const t={minutes:e,seconds:s,percentage:n};l(t),c(t)}}),1e3);return()=>{clearInterval(e)}}),[]),e("span",{className:"adyen-checkout__countdown",role:"timer"},e("span",{className:"countdown__minutes"},p.minutes),e("span",{className:"countdown__separator"},":"),e("span",{className:"countdown__seconds"},p.seconds))}export{r as default};
+//# sourceMappingURL=index.js.map

package/dist/es/components/internal/Countdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/internal/Countdown/index.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { getTimeDifference } from './utils';\nimport { useEffect, useRef, useState } from 'preact/hooks';\nimport { CountdownProps, CountdownTime } from './types';\nimport { useCountdownA11yReporter } from './useCountdownA11yReporter';\n\nconst calculateStartAndEndTime = (minutesFromNow: number) => {\n    const secondsFromNow = minutesFromNow * 60000;\n    const nowTime = new Date().getTime();\n    return { startTime: new Date(nowTime), endTime: new Date(nowTime + secondsFromNow) };\n};\n\nfunction Countdown({ minutesFromNow, onTick = () => {}, onCompleted = () => {} }: CountdownProps) {\n    const startAndEndTime = useRef(calculateStartAndEndTime(minutesFromNow));\n    const { startTime, endTime } = startAndEndTime.current;\n    const [time, setTime] = useState<CountdownTime>({\n        minutes: '-',\n        seconds: '-'\n    });\n    useCountdownA11yReporter(time);\n\n    useEffect(() => {\n        const tick = () => {\n            const { minutes, seconds, percentage, completed } = getTimeDifference(startTime, endTime);\n            if (completed) {\n                onCompleted();\n            } else {\n                const timeLeft = { minutes, seconds, percentage };\n                setTime(timeLeft);\n                onTick(timeLeft);\n            }\n        };\n        const interval = setInterval(tick, 1000);\n\n        return () => {\n            clearInterval(interval);\n        };\n    }, []);\n\n    return (\n        <span className=\"adyen-checkout__countdown\" role=\"timer\">\n            <span className=\"countdown__minutes\">{time.minutes}</span>\n            <span className=\"countdown__separator\">:</span>\n            <span className=\"countdown__seconds\">{time.seconds}</span>\n        </span>\n    );\n}\n\nexport default Countdown;\n"],"names":["Countdown","minutesFromNow","onTick","onCompleted","startAndEndTime","useRef","secondsFromNow","nowTime","Date","getTime","startTime","endTime","calculateStartAndEndTime","current","time","setTime","useState","minutes","seconds","useCountdownA11yReporter","useEffect","interval","setInterval","percentage","completed","getTimeDifference","timeLeft","clearInterval","h","span","className","role"],"mappings":"mSAYA,SAASA,GAAUC,eAAEA,EAAcC,OAAEA,EAAS,SAAQC,YAAEA,EAAc,WAClE,MAAMC,EAAkBC,EAPK,CAACJ,IAC9B,MAAMK,EAAkC,IAAjBL,EACjBM,GAAU,IAAIC,MAAOC,UAC3B,MAAO,CAAEC,UAAW,IAAIF,KAAKD,GAAUI,QAAS,IAAIH,KAAKD,EAAUD,GAAgB,EAIpDM,CAAyBX,KAClDS,UAAEA,EAASC,QAAEA,GAAYP,EAAgBS,SACxCC,EAAMC,GAAWC,EAAwB,CAC5CC,QAAS,IACTC,QAAS,MAsBb,OApBAC,EAAyBL,GAEzBM,GAAU,KACN,MAUMC,EAAWC,aAVJ,KACT,MAAML,QAAEA,EAAOC,QAAEA,EAAOK,WAAEA,EAAUC,UAAEA,GAAcC,EAAkBf,EAAWC,GACjF,GAAIa,EACArB,QACG,CACH,MAAMuB,EAAW,CAAET,UAASC,UAASK,cACrCR,EAAQW,GACRxB,EAAOwB,EACX,IAE+B,KAEnC,MAAO,KACHC,cAAcN,EAAAA,CAClB,GACD,IAGCO,EAACC,OAAAA,CAAKC,UAAU,4BAA4BC,KAAK,SAC7CH,EAACC,OAAAA,CAAKC,UAAU,sBAAsBhB,EAAKG,SAC3CW,EAACC,OAAAA,CAAKC,UAAU,wBAAuB,KACvCF,EAACC,OAAAA,CAAKC,UAAU,sBAAsBhB,EAAKI,SAGvD"}

package/dist/es/components/internal/Countdown/useCountdownA11yReporter.js

@@ -0,0 +1,2 @@
+import{useRef as r,useEffect as e}from"../../../external/preact/hooks/dist/hooks.js";import{CountdownA11yReporter as t}from"./CountdownA11yReporter.js";import o from"../../../core/Errors/useSRPanelContext.js";import n from"../../../core/Context/useCoreContext.js";const s=s=>{const{i18n:u}=n(),{srPanel:c}=o(),a=r(null);e((()=>(a.current=new t({i18n:u,srPanel:c}),()=>{a.current.tearDown()})),[]),e((()=>{try{if(!a.current)return;a.current.update(s)}catch(r){throw a.current.tearDown(),a.current=null,r}}),[s])};export{s as useCountdownA11yReporter};
+//# sourceMappingURL=useCountdownA11yReporter.js.map

package/dist/es/components/internal/Countdown/useCountdownA11yReporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountdownA11yReporter.js","sources":["../../../../../src/components/internal/Countdown/useCountdownA11yReporter.ts"],"sourcesContent":["import { useEffect, useRef } from 'preact/hooks';\nimport { CountdownA11yReporter } from './CountdownA11yReporter';\nimport useSRPanelContext from '../../../core/Errors/useSRPanelContext';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { CountdownTime } from './types';\n\nexport const useCountdownA11yReporter = (time: CountdownTime): void => {\n    const { i18n } = useCoreContext();\n    const { srPanel } = useSRPanelContext();\n    const reporter = useRef<CountdownA11yReporter>(null);\n\n    useEffect(() => {\n        reporter.current = new CountdownA11yReporter({ i18n, srPanel });\n        return () => {\n            reporter.current.tearDown();\n        };\n    }, []);\n\n    useEffect(() => {\n        try {\n            if (!reporter.current) return;\n            reporter.current.update(time);\n        } catch (e) {\n            reporter.current.tearDown();\n            reporter.current = null;\n            throw e;\n        }\n    }, [time]);\n};\n"],"names":["useCountdownA11yReporter","time","i18n","useCoreContext","srPanel","useSRPanelContext","reporter","useRef","useEffect","current","CountdownA11yReporter","tearDown","update","e"],"mappings":"wQAMO,MAAMA,EAA4BC,IACrC,MAAMC,KAAEA,GAASC,KACXC,QAAEA,GAAYC,IACdC,EAAWC,EAA8B,MAE/CC,GAAU,KACNF,EAASG,QAAU,IAAIC,EAAsB,CAAER,OAAME,YAC9C,KACHE,EAASG,QAAQE,UAAQ,IAE9B,IAEHH,GAAU,KACN,IACI,IAAKF,EAASG,QAAS,OACvBH,EAASG,QAAQG,OAAOX,EAC5B,CAAE,MAAOY,GAGL,MAFAP,EAASG,QAAQE,WACjBL,EAASG,QAAU,KACbI,CACV,IACD,CAACZ,GAAK"}

package/dist/es/components/internal/Countdown/utils.js

@@ -0,0 +1,2 @@
+const e=(e,t=2)=>{if(0===t)return e;const n=String(e);return n.length>=t?n:("0".repeat(t)+n).slice(-1*t)},t=(e,t,n)=>{const r=n.getTime()-e.getTime();return 100-Math.round(100*(t.getTime()-e.getTime())/r)},n=(n,r)=>{const o=new Date,i=r.getTime()-o.getTime(),g=i/1e3,c=t(n,o,r);return{total:i,minutes:e(Math.floor(g/60%60)),seconds:e(Math.floor(g%60)),completed:i<=0,percentage:c}};export{t as getProgressPercentage,n as getTimeDifference,e as zeroPad};
+//# sourceMappingURL=utils.js.map

package/dist/es/components/internal/Countdown/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/Countdown/utils.ts"],"sourcesContent":["/**\n * Pads a given string or number with zeros.\n *\n * @param value - Value to zero-pad.\n * @param length - Amount of characters to pad.\n * @returns Left-padded number/string.\n */\nexport const zeroPad = (value, length = 2) => {\n    if (length === 0) return value;\n    const strValue = String(value);\n    return strValue.length >= length ? strValue : ('0'.repeat(length) + strValue).slice(length * -1);\n};\n\n/**\n * Calculates the remaining time as a percentage\n *\n * @param start - Start date\n * @param now - Current date\n * @param end - End date\n * @returns Percentage of the remaining time\n */\nexport const getProgressPercentage = (start, now, end) => {\n    const difference = end.getTime() - start.getTime();\n    return 100 - Math.round(((now.getTime() - start.getTime()) * 100) / difference);\n};\n\n/**\n * Calculates the difference in minutes and seconds from now to endDate\n *\n * @param startTime -\n * @param endTime -\n * @returns  Time difference\n */\nexport const getTimeDifference = (startTime, endTime) => {\n    const now = new Date();\n    const diff = endTime.getTime() - now.getTime();\n    const seconds = diff / 1000;\n    const percentage = getProgressPercentage(startTime, now, endTime);\n\n    return {\n        total: diff,\n        minutes: zeroPad(Math.floor((seconds / 60) % 60)),\n        seconds: zeroPad(Math.floor(seconds % 60)),\n        completed: diff <= 0,\n        percentage\n    };\n};\n"],"names":["zeroPad","value","length","strValue","String","repeat","slice","getProgressPercentage","start","now","end","difference","getTime","Math","round","getTimeDifference","startTime","endTime","Date","diff","seconds","percentage","total","minutes","floor","completed"],"mappings":"AAOaA,MAAAA,EAAU,CAACC,EAAOC,EAAS,KACpC,GAAe,IAAXA,EAAc,OAAOD,EACzB,MAAME,EAAWC,OAAOH,GACxB,OAAOE,EAASD,QAAUA,EAASC,GAAY,IAAIE,OAAOH,GAAUC,GAAUG,OAAgB,EAAVJ,EAAU,EAWrFK,EAAwB,CAACC,EAAOC,EAAKC,KAC9C,MAAMC,EAAaD,EAAIE,UAAYJ,EAAMI,UACzC,OAAO,IAAMC,KAAKC,MAA2C,KAAnCL,EAAIG,UAAYJ,EAAMI,WAAoBD,EAAAA,EAU3DI,EAAoB,CAACC,EAAWC,KACzC,MAAMR,EAAM,IAAIS,KACVC,EAAOF,EAAQL,UAAYH,EAAIG,UAC/BQ,EAAUD,EAAO,IACjBE,EAAad,EAAsBS,EAAWP,EAAKQ,GAEzD,MAAO,CACHK,MAAOH,EACPI,QAASvB,EAAQa,KAAKW,MAAOJ,EAAU,GAAM,KAC7CA,QAASpB,EAAQa,KAAKW,MAAMJ,EAAU,KACtCK,UAAWN,GAAQ,EACnBE,aACJ"}

package/dist/es/components/internal/DisclaimerMessage/DisclaimerMessage.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{isValidHttpUrl as r}from"../../../utils/isValidURL.js";import{interpolateElement as t}from"../../../language/utils.js";function a({message:a,urls:n}){const s="string"==typeof a,l=n.every((e=>"string"==typeof e&&r(e)));return s&&l?function(r,a){return e("span",{className:"adyen-checkout-disclaimer__label"},t(r,a.map((r=>t=>e("a",{className:"adyen-checkout-link",href:r,target:"_blank",rel:"noopener noreferrer"},t)))))}(a,n):null}export{a as default};
+//# sourceMappingURL=DisclaimerMessage.js.map

package/dist/es/components/internal/DisclaimerMessage/DisclaimerMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisclaimerMessage.js","sources":["../../../../../src/components/internal/DisclaimerMessage/DisclaimerMessage.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { isValidHttpUrl } from '../../../utils/isValidURL';\nimport './DisclaimerMessage.scss';\nimport { interpolateElement } from '../../../language/utils';\nexport interface DisclaimerMsgObject {\n    message: string;\n    linkText: string;\n    link: string;\n}\n\ninterface InternalDisclaimerMsgObject {\n    message: string;\n    urls: Array<string>;\n}\n\nfunction render(message: string, urls: Array<string>) {\n    return (\n        <span className=\"adyen-checkout-disclaimer__label\">\n            {interpolateElement(\n                message,\n                urls.map(url => translation => (\n                    <a className=\"adyen-checkout-link\" href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n                        {translation}\n                    </a>\n                ))\n            )}\n        </span>\n    );\n}\n/* eslint-disable */\n/**\n *  props: {\n *    message: 'By continuing you agree with the %#terms and conditions%#',\n *    urls: ['https://www.adyen.com']\n *  }\n *  String inside the '%#' token pair will be rendered as an anchor element.\n */\n/* eslint-enable */\nexport default function DisclaimerMessage({ message, urls }: InternalDisclaimerMsgObject) {\n    const messageIsStr = typeof message === 'string';\n    const validUrls = urls.every(url => typeof url === 'string' && isValidHttpUrl(url));\n    if (!messageIsStr || !validUrls) return null;\n\n    return render(message, urls);\n}\n"],"names":["DisclaimerMessage","message","urls","messageIsStr","validUrls","every","url","isValidHttpUrl","h","span","className","interpolateElement","map","translation","a","href","target","rel","render"],"mappings":"sMAsCe,SAASA,GAAkBC,QAAEA,EAAOC,KAAEA,IACjD,MAAMC,EAAkC,iBAAZF,EACtBG,EAAYF,EAAKG,OAAMC,GAAsB,iBAARA,GAAoBC,EAAeD,KAC9E,OAAKH,GAAiBC,EA1B1B,SAAgBH,EAAiBC,GAC7B,OACIM,EAACC,OAAAA,CAAKC,UAAU,oCACXC,EACGV,EACAC,EAAKU,KAAIN,GAAOO,GACZL,EAACM,IAAAA,CAAEJ,UAAU,sBAAsBK,KAAMT,EAAKU,OAAO,SAASC,IAAI,uBAC7DJ,MAMzB,CAeWK,CAAOjB,EAASC,GAFiB,IAG5C"}

package/dist/es/components/internal/FormFields/Checkbox/Checkbox.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import a from"../../../../external/classnames/index.js";import{ARIA_ERROR_SUFFIX as c,ARIA_CONTEXT_SUFFIX as n}from"../../../../core/Errors/constants.js";function t({classNameModifiers:t=[],label:o,isInvalid:s,onChange:r,...l}){const{uniqueId:i,showErrorElement:d,showContextualElement:m,...h}=l;return e("label",{className:"adyen-checkout__checkbox",htmlFor:i},e("input",{id:i,...h,...d&&{"aria-describedby":`${i}${c}`},...m&&{"aria-describedby":`${i}${n}`},className:a(["adyen-checkout__checkbox__input",[l.className],{"adyen-checkout__checkbox__input--invalid":s},t.map((e=>`adyen-checkout__input--${e}`))]),type:"checkbox",onChange:r}),e("span",{className:"adyen-checkout__checkbox__label"},o))}t.defaultProps={onChange:()=>{}};export{t as default};
+//# sourceMappingURL=Checkbox.js.map

package/dist/es/components/internal/FormFields/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../../src/components/internal/FormFields/Checkbox/Checkbox.tsx"],"sourcesContent":["import { ComponentChild, h } from 'preact';\nimport cx from 'classnames';\nimport './Checkbox.scss';\nimport { ARIA_CONTEXT_SUFFIX, ARIA_ERROR_SUFFIX } from '../../../../core/Errors/constants';\n\ninterface CheckboxProps {\n    checked?: boolean;\n    classNameModifiers?: string[];\n    label?: string | ComponentChild;\n    name?: string;\n    isInvalid?: boolean;\n    onChange?;\n    onInput?;\n    className?: string;\n    value?: string;\n    uniqueId?: string;\n    showErrorElement?: boolean;\n    showContextualElement?: boolean;\n}\n\nexport default function Checkbox({ classNameModifiers = [], label, isInvalid, onChange, ...props }: CheckboxProps) {\n    // Strip some values from props. We need to reference them but don't want to set them as attributes.\n    const { uniqueId: uid, showErrorElement, showContextualElement, ...newProps } = props;\n\n    return (\n        <label className=\"adyen-checkout__checkbox\" htmlFor={uid}>\n            <input\n                id={uid}\n                {...newProps}\n                {...(showErrorElement && { 'aria-describedby': `${uid}${ARIA_ERROR_SUFFIX}` })}\n                {...(showContextualElement && { 'aria-describedby': `${uid}${ARIA_CONTEXT_SUFFIX}` })}\n                className={cx([\n                    'adyen-checkout__checkbox__input',\n                    [props.className],\n                    { 'adyen-checkout__checkbox__input--invalid': isInvalid },\n                    classNameModifiers.map(m => `adyen-checkout__input--${m}`)\n                ])}\n                type=\"checkbox\"\n                onChange={onChange}\n            />\n            <span className=\"adyen-checkout__checkbox__label\">{label}</span>\n        </label>\n    );\n}\n\nCheckbox.defaultProps = {\n    onChange: () => {}\n};\n"],"names":["Checkbox","classNameModifiers","label","isInvalid","onChange","props","uniqueId","uid","showErrorElement","showContextualElement","newProps","h","className","htmlFor","input","id","ARIA_ERROR_SUFFIX","ARIA_CONTEXT_SUFFIX","cx","map","m","type","span","defaultProps"],"mappings":"qOAoBe,SAASA,GAASC,mBAAEA,EAAqB,GAAEC,MAAEA,EAAKC,UAAEA,EAASC,SAAEA,KAAaC,IAEvF,MAAQC,SAAUC,EAAGC,iBAAEA,EAAgBC,sBAAEA,KAA0BC,GAAaL,EAEhF,OACIM,EAACT,QAAAA,CAAMU,UAAU,2BAA2BC,QAASN,GACjDI,EAACG,QAAAA,CACGC,GAAIR,KACAG,KACCF,GAAoB,CAAE,mBAAoB,GAAGD,IAAMS,QACnDP,GAAyB,CAAE,mBAAoB,GAAGF,IAAMU,KAC7DL,UAAWM,EAAG,CACV,kCACA,CAACb,EAAMO,WACP,CAAE,2CAA4CT,GAC9CF,EAAmBkB,KAAIC,GAAK,0BAA0BA,QAE1DC,KAAK,WACLjB,SAAUA,IAEdO,EAACW,OAAAA,CAAKV,UAAU,mCAAmCV,GAG/D,CAEAF,EAASuB,aAAe,CACpBnB,SAAU"}

package/dist/es/components/internal/FormFields/ConsentCheckbox/ConsentCheckbox.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import o from"../Field/Field.js";import a from"../Checkbox/Checkbox.js";function r({errorMessage:r,label:s,onChange:c,i18n:n,...t}){return e(o,{classNameModifiers:["consentCheckbox"],errorMessage:r,i18n:n,name:"consentCheckbox",useLabelElement:!1,label:n.get("creditCard.holderName")},e(a,{name:"consentCheckbox",classNameModifiers:[...t.classNameModifiers??=[],"consentCheckbox"],onInput:c,value:t?.data?.consentCheckbox,label:s,checked:t.checked}))}export{r as default};
+//# sourceMappingURL=ConsentCheckbox.js.map

package/dist/es/components/internal/FormFields/ConsentCheckbox/ConsentCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsentCheckbox.js","sources":["../../../../../../src/components/internal/FormFields/ConsentCheckbox/ConsentCheckbox.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Field from '../Field';\nimport Checkbox from '../Checkbox';\n\nexport default function ConsentCheckbox({ errorMessage, label, onChange, i18n, ...props }) {\n    return (\n        <Field\n            classNameModifiers={['consentCheckbox']}\n            errorMessage={errorMessage}\n            i18n={i18n}\n            name={'consentCheckbox'}\n            useLabelElement={false}\n            label={i18n.get('creditCard.holderName')}\n        >\n            <Checkbox\n                name={'consentCheckbox'}\n                classNameModifiers={[...(props.classNameModifiers ??= []), 'consentCheckbox']}\n                onInput={onChange}\n                value={props?.data?.consentCheckbox}\n                label={label}\n                checked={props.checked}\n            />\n        </Field>\n    );\n}\n"],"names":["ConsentCheckbox","errorMessage","label","onChange","i18n","props","h","Field","classNameModifiers","name","useLabelElement","get","Checkbox","onInput","value","data","consentCheckbox","checked"],"mappings":"mJAIe,SAASA,GAAgBC,aAAEA,EAAYC,MAAEA,EAAKC,SAAEA,EAAQC,KAAEA,KAASC,IAC9E,OACIC,EAACC,EAAAA,CACGC,mBAAoB,CAAC,mBACrBP,aAAcA,EACdG,KAAMA,EACNK,KAAM,kBACNC,iBAAiB,EACjBR,MAAOE,EAAKO,IAAI,0BAEhBL,EAACM,EAAAA,CACGH,KAAM,kBACND,mBAAoB,IAAKH,EAAMG,qBAAuB,GAAK,mBAC3DK,QAASV,EACTW,MAAOT,GAAOU,MAAMC,gBACpBd,MAAOA,EACPe,QAASZ,EAAMY,UAI/B"}

package/dist/es/components/internal/FormFields/Field/Field.js

@@ -0,0 +1,2 @@
+import e from"../../../../external/classnames/index.js";import{createElement as a,Fragment as n,toChildArray as l,cloneElement as t}from"../../../../external/preact/dist/preact.js";import r from"../../Spinner/Spinner.js";import i from"../../Icon/Icon.js";import{ARIA_ERROR_SUFFIX as o,ARIA_CONTEXT_SUFFIX as s}from"../../../../core/Errors/constants.js";import{useRef as d,useState as c,useCallback as u}from"../../../../external/preact/hooks/dist/hooks.js";import{getUniqueId as m}from"../../../../utils/idGenerator.js";const p=p=>{const{children:_,className:h,classNameModifiers:f,dir:y,disabled:k,readOnly:b,errorMessage:v,helper:x,inputWrapperModifiers:E,isLoading:N,isValid:F,label:g,labelEndAdornment:L,name:w,onBlur:j,onFieldBlur:I,onFocus:$,onFocusField:A,showValidIcon:S,useLabelElement:T,showErrorElement:C,showContextualElement:M,contextualText:V,filled:q,focused:B,i18n:H,contextVisibleToScreenReader:R,renderAlternativeToLabel:W}=p,z=R??!0,G=d(m(`adyen-checkout-${w}`)),[O,P]=c(!1),[D,J]=c(!1);null!=B&&P(!!B),null!=q&&J(!!q);const K=u((e=>{P(!0),$?.(e)}),[$]),Q=u((e=>{P(!1),j?.(e),I?.(e)}),[j,I]),U=u((()=>a(n,null,"string"==typeof g&&a("span",{className:e({"adyen-checkout__label__text":!0,"adyen-checkout__label__text--error":v}),"data-id":w},g),"function"==typeof g&&g(),L&&a("span",{className:"adyen-checkout__label-adornment--end"},L),x&&a("span",{className:"adyen-checkout__helper-text"},x))),[g,v,L,x]),X=u((()=>{const d=C&&"string"==typeof v&&v.length>0,c=d&&a("span",{className:"adyen-checkout-contextual-text--error",...z&&{id:`${G.current}${o}`},"aria-hidden":z?null:"true"},v),u=M&&!d&&V?.length>0&&a("span",{className:"adyen-checkout-contextual-text",...z&&{id:`${G.current}${s}`},"aria-hidden":z?null:"true"},V);return a(n,null,a("div",{className:e(["adyen-checkout__input-wrapper",...E.map((e=>`adyen-checkout__input-wrapper--${e}`))]),dir:y},l(_).map((e=>{const a={isValid:F,onFocusHandler:K,onBlurHandler:Q,isInvalid:!!v,...w&&{uniqueId:G.current},showErrorElement:C};return t(e,a)})),N&&a("span",{className:"adyen-checkout-input__inline-validation adyen-checkout-input__inline-validation--loading"},a(r,{size:"small"})),F&&!1!==S&&a("span",{className:"adyen-checkout-input__inline-validation adyen-checkout-input__inline-validation--valid"},a(i,{type:"checkmark",alt:H?.get("field.valid")})),v&&a("span",{className:"adyen-checkout-input__inline-validation adyen-checkout-input__inline-validation--invalid"},a(i,{type:"field_error",alt:H?.get("error.title")}))),c,u)}),[_,v,V,N,F,K,Q]),Y=u((({onFocusField:n,focused:l,filled:t,disabled:r,name:i,uniqueId:o,useLabelElement:s,isSecuredField:d,children:c,renderAlternativeToLabel:u})=>{const m={onClick:n,className:e({"adyen-checkout__label":!0,"adyen-checkout__label--focused":l,"adyen-checkout__label--filled":t,"adyen-checkout__label--disabled":r})};return s?a("label",{...m,...!d&&{htmlFor:i&&o}},c):u(m,c,o)}),[]);return a("div",{className:e("adyen-checkout__field",h,f.map((e=>`adyen-checkout__field--${e}`)),{"adyen-checkout__field--error":v,"adyen-checkout__field--valid":F,"adyen-checkout__field--inactive":b||k})},a(Y,{onFocusField:A,name:w,disabled:k,filled:D,focused:O,useLabelElement:T,uniqueId:G.current,isSecuredField:!z,renderAlternativeToLabel:W},U()),X())};p.defaultProps={className:"",classNameModifiers:[],inputWrapperModifiers:[],useLabelElement:!0,showErrorElement:!0,showContextualElement:!0,renderAlternativeToLabel:()=>null};export{p as default};
+//# sourceMappingURL=Field.js.map

package/dist/es/components/internal/FormFields/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../../../../../src/components/internal/FormFields/Field/Field.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { cloneElement, ComponentChild, Fragment, FunctionalComponent, h, toChildArray, VNode } from 'preact';\nimport Spinner from '../../Spinner';\nimport Icon from '../../Icon';\nimport { ARIA_CONTEXT_SUFFIX, ARIA_ERROR_SUFFIX } from '../../../../core/Errors/constants';\nimport { useCallback, useRef, useState } from 'preact/hooks';\nimport { getUniqueId } from '../../../../utils/idGenerator';\nimport { FieldProps } from './types';\nimport './Field.scss';\n\nconst Field: FunctionalComponent<FieldProps> = props => {\n    //\n    const {\n        children,\n        className,\n        classNameModifiers,\n        dir,\n        disabled,\n        readOnly,\n        errorMessage,\n        helper,\n        inputWrapperModifiers,\n        isLoading,\n        isValid,\n        label,\n        labelEndAdornment,\n        name,\n        onBlur,\n        onFieldBlur,\n        onFocus,\n        // onFocusField is a securedField related function that allows a label click to set focus on a securedField (equates to CardInput setFocusOn)\n        // TODO should rename it to make its purpose clear => setFocusOnSecuredField\n        onFocusField,\n        showValidIcon,\n        useLabelElement,\n        showErrorElement,\n        showContextualElement,\n        contextualText,\n        // Redeclare prop names to avoid internal clashes\n        filled: propsFilled,\n        focused: propsFocused,\n        i18n,\n        contextVisibleToScreenReader,\n        renderAlternativeToLabel\n    } = props;\n\n    // Controls whether any error element has an aria-hidden=\"true\" attr (which means it is the error for a securedField)\n    // or whether it has an id attr that can be pointed to by an aria-describedby attr on an input element\n    const contextVisibleToSR = contextVisibleToScreenReader ?? true;\n\n    const uniqueId = useRef(getUniqueId(`adyen-checkout-${name}`));\n\n    const [focused, setFocused] = useState(false);\n    const [filled, setFilled] = useState(false);\n\n    // The means by which focussed/filled is set for securedFields\n    if (propsFocused != null) setFocused(!!propsFocused);\n    if (propsFilled != null) setFilled(!!propsFilled);\n\n    // The means by which focussed/filled is set for other fields - this function is passed down to them and triggered\n    const onFocusHandler = useCallback(\n        (event: h.JSX.TargetedEvent<HTMLInputElement>) => {\n            setFocused(true);\n            onFocus?.(event);\n        },\n        [onFocus]\n    );\n\n    const onBlurHandler = useCallback(\n        (event: h.JSX.TargetedEvent<HTMLInputElement>) => {\n            setFocused(false);\n            onBlur?.(event);\n            // When we also need to fire a specific function when a field blurs // TODO - what is the use case?\n            onFieldBlur?.(event);\n        },\n        [onBlur, onFieldBlur]\n    );\n\n    const renderLabelOrAlternativeContents = useCallback(() => {\n        return (\n            <Fragment>\n                {typeof label === 'string' && (\n                    <span\n                        className={classNames({\n                            'adyen-checkout__label__text': true,\n                            'adyen-checkout__label__text--error': errorMessage\n                        })}\n                        data-id={name}\n                    >\n                        {label}\n                    </span>\n                )}\n\n                {/*TODO - in what scenario is label a function? */}\n                {/*@ts-ignore - function is callable*/}\n                {typeof label === 'function' && label()}\n\n                {labelEndAdornment && <span className=\"adyen-checkout__label-adornment--end\">{labelEndAdornment}</span>}\n\n                {helper && <span className={'adyen-checkout__helper-text'}>{helper}</span>}\n            </Fragment>\n        );\n    }, [label, errorMessage, labelEndAdornment, helper]);\n\n    const renderInputRelatedElements = useCallback(() => {\n        const showError = showErrorElement && typeof errorMessage === 'string' && errorMessage.length > 0;\n        const errorElem = showError && (\n            <span\n                className={'adyen-checkout-contextual-text--error'}\n                {...(contextVisibleToSR && { id: `${uniqueId.current}${ARIA_ERROR_SUFFIX}` })}\n                aria-hidden={contextVisibleToSR ? null : 'true'}\n            >\n                {errorMessage}\n            </span>\n        );\n\n        const showContext = showContextualElement && !showError && contextualText?.length > 0;\n        const contextualElem = showContext && (\n            <span\n                className={'adyen-checkout-contextual-text'}\n                {...(contextVisibleToSR && { id: `${uniqueId.current}${ARIA_CONTEXT_SUFFIX}` })}\n                aria-hidden={contextVisibleToSR ? null : 'true'}\n            >\n                {contextualText}\n            </span>\n        );\n\n        return (\n            <Fragment>\n                <div\n                    className={classNames([\n                        'adyen-checkout__input-wrapper',\n                        ...inputWrapperModifiers.map(m => `adyen-checkout__input-wrapper--${m}`)\n                    ])}\n                    dir={dir}\n                >\n                    {toChildArray(children).map((child: ComponentChild): ComponentChild => {\n                        const childProps = {\n                            isValid,\n                            onFocusHandler,\n                            onBlurHandler,\n                            isInvalid: !!errorMessage,\n                            ...(name && { uniqueId: uniqueId.current }),\n                            showErrorElement: showErrorElement\n                        };\n                        return cloneElement(child as VNode, childProps);\n                    })}\n\n                    {isLoading && (\n                        <span className=\"adyen-checkout-input__inline-validation adyen-checkout-input__inline-validation--loading\">\n                            <Spinner size=\"small\" />\n                        </span>\n                    )}\n\n                    {isValid && showValidIcon !== false && (\n                        <span className=\"adyen-checkout-input__inline-validation adyen-checkout-input__inline-validation--valid\">\n                            <Icon type=\"checkmark\" alt={i18n?.get('field.valid')} />\n                        </span>\n                    )}\n\n                    {errorMessage && (\n                        <span className=\"adyen-checkout-input__inline-validation adyen-checkout-input__inline-validation--invalid\">\n                            <Icon type=\"field_error\" alt={i18n?.get('error.title')} />\n                        </span>\n                    )}\n                </div>\n                {errorElem}\n                {contextualElem}\n            </Fragment>\n        );\n    }, [children, errorMessage, contextualText, isLoading, isValid, onFocusHandler, onBlurHandler]);\n\n    const LabelOrAlternative = useCallback(\n        ({ onFocusField, focused, filled, disabled, name, uniqueId, useLabelElement, isSecuredField, children, renderAlternativeToLabel }) => {\n            const defaultWrapperProps = {\n                onClick: onFocusField,\n                className: classNames({\n                    'adyen-checkout__label': true,\n                    'adyen-checkout__label--focused': focused,\n                    'adyen-checkout__label--filled': filled,\n                    'adyen-checkout__label--disabled': disabled\n                })\n            };\n\n            return useLabelElement ? (\n                // if contextVisibleToSR is true then we are NOT dealing with the label for a securedField... so give it a `for` attribute\n                <label {...defaultWrapperProps} {...(!isSecuredField && { htmlFor: name && uniqueId })}>\n                    {children}\n                </label>\n            ) : (\n                renderAlternativeToLabel(defaultWrapperProps, children, uniqueId) // defaults to null\n\n                // Example usage:\n                // const alternativeLabelContent = (defaultWrapperProps, children, uniqueId) => {\n                //     return (\n                //         <div {...defaultWrapperProps} role={'label'} htmlFor={uniqueId}>\n                //             {children}\n                //         </div>\n                //     );\n                // };\n                // <Field name={'myField'} useLabelElement={false} renderAlternativeToLabel={alternativeLabelContent}>\n            );\n        },\n        []\n    );\n\n    /**\n     * RENDER\n     */\n    return (\n        <div\n            className={classNames(\n                'adyen-checkout__field',\n                className,\n                classNameModifiers.map(m => `adyen-checkout__field--${m}`),\n                {\n                    'adyen-checkout__field--error': errorMessage,\n                    'adyen-checkout__field--valid': isValid,\n                    'adyen-checkout__field--inactive': readOnly || disabled\n                }\n            )}\n        >\n            <LabelOrAlternative\n                onFocusField={onFocusField}\n                name={name}\n                disabled={disabled}\n                filled={filled}\n                focused={focused}\n                useLabelElement={useLabelElement}\n                uniqueId={uniqueId.current}\n                isSecuredField={!contextVisibleToSR}\n                renderAlternativeToLabel={renderAlternativeToLabel}\n            >\n                {renderLabelOrAlternativeContents()}\n            </LabelOrAlternative>\n            {renderInputRelatedElements()}\n        </div>\n    );\n};\n\nField.defaultProps = {\n    className: '',\n    classNameModifiers: [],\n    inputWrapperModifiers: [],\n    useLabelElement: true,\n    showErrorElement: true,\n    showContextualElement: true,\n    renderAlternativeToLabel: () => null\n};\n\nexport default Field;\n"],"names":["Field","props","children","className","classNameModifiers","dir","disabled","readOnly","errorMessage","helper","inputWrapperModifiers","isLoading","isValid","label","labelEndAdornment","name","onBlur","onFieldBlur","onFocus","onFocusField","showValidIcon","useLabelElement","showErrorElement","showContextualElement","contextualText","filled","propsFilled","focused","propsFocused","i18n","contextVisibleToScreenReader","renderAlternativeToLabel","contextVisibleToSR","uniqueId","useRef","getUniqueId","setFocused","useState","setFilled","onFocusHandler","useCallback","event","onBlurHandler","renderLabelOrAlternativeContents","h","Fragment","span","classNames","data-id","renderInputRelatedElements","showError","length","errorElem","id","current","ARIA_ERROR_SUFFIX","aria-hidden","contextualElem","ARIA_CONTEXT_SUFFIX","div","map","m","toChildArray","child","childProps","isInvalid","cloneElement","Spinner","size","Icon","type","alt","get","LabelOrAlternative","isSecuredField","defaultWrapperProps","onClick","htmlFor","defaultProps"],"mappings":"wgBAUA,MAAMA,EAAyCC,IAE3C,MAAMC,SACFA,EAAQC,UACRA,EAASC,mBACTA,EAAkBC,IAClBA,EAAGC,SACHA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,OACZA,EAAMC,sBACNA,EAAqBC,UACrBA,EAASC,QACTA,EAAOC,MACPA,EAAKC,kBACLA,EAAiBC,KACjBA,EAAIC,OACJA,EAAMC,YACNA,EAAWC,QACXA,EAAOC,aAGPA,EAAYC,cACZA,EAAaC,gBACbA,EAAeC,iBACfA,EAAgBC,sBAChBA,EAAqBC,eACrBA,EAEAC,OAAQC,EACRC,QAASC,EAAYC,KACrBA,EAAIC,6BACJA,EAA4BC,yBAC5BA,GACA9B,EAIE+B,EAAqBF,IAAgC,EAErDG,EAAWC,EAAOC,EAAY,kBAAkBpB,OAE/CY,EAASS,GAAcC,GAAS,IAChCZ,EAAQa,GAAaD,GAAS,GAGjB,MAAhBT,GAAsBQ,IAAaR,GACpB,MAAfF,GAAqBY,IAAYZ,GAGrC,MAAMa,EAAiBC,GAClBC,IACGL,GAAW,GACXlB,IAAUuB,EAAAA,GAEd,CAACvB,IAGCwB,EAAgBF,GACjBC,IACGL,GAAW,GACXpB,IAASyB,GAETxB,IAAcwB,EAAAA,GAElB,CAACzB,EAAQC,IAGP0B,EAAmCH,GAAY,IAE7CI,EAACC,EAAAA,KACqB,iBAAVhC,GACJ+B,EAACE,OAAAA,CACG3C,UAAW4C,EAAW,CAClB,+BAA+B,EAC/B,qCAAsCvC,IAE1CwC,UAASjC,GAERF,GAMS,mBAAVA,GAAwBA,IAE/BC,GAAqB8B,EAACE,OAAAA,CAAK3C,UAAU,wCAAwCW,GAE7EL,GAAUmC,EAACE,OAAAA,CAAK3C,UAAW,+BAAgCM,KAGrE,CAACI,EAAOL,EAAcM,EAAmBL,IAEtCwC,EAA6BT,GAAY,KAC3C,MAAMU,EAAY5B,GAA4C,iBAAjBd,GAA6BA,EAAa2C,OAAS,EAC1FC,EAAYF,GACdN,EAACE,OAAAA,CACG3C,UAAW,2CACN6B,GAAsB,CAAEqB,GAAI,GAAGpB,EAASqB,UAAUC,KACvDC,cAAaxB,EAAqB,KAAO,QAExCxB,GAKHiD,EADclC,IAA0B2B,GAAa1B,GAAgB2B,OAAS,GAEhFP,EAACE,OAAAA,CACG3C,UAAW,oCACN6B,GAAsB,CAAEqB,GAAI,GAAGpB,EAASqB,UAAUI,KACvDF,cAAaxB,EAAqB,KAAO,QAExCR,GAIT,OACIoB,EAACC,OACGD,EAACe,MAAAA,CACGxD,UAAW4C,EAAW,CAClB,mCACGrC,EAAsBkD,KAAIC,GAAK,kCAAkCA,QAExExD,IAAKA,GAEJyD,EAAa5D,GAAU0D,KAAKG,IACzB,MAAMC,EAAa,CACfpD,UACA2B,iBACAG,gBACAuB,YAAazD,KACTO,GAAQ,CAAEkB,SAAUA,EAASqB,SACjChC,iBAAkBA,GAEtB,OAAO4C,EAAaH,EAAgBC,EAAAA,IAGvCrD,GACGiC,EAACE,OAAAA,CAAK3C,UAAU,4FACZyC,EAACuB,EAAAA,CAAQC,KAAK,WAIrBxD,IAA6B,IAAlBQ,GACRwB,EAACE,OAAAA,CAAK3C,UAAU,0FACZyC,EAACyB,EAAAA,CAAKC,KAAK,YAAYC,IAAK1C,GAAM2C,IAAI,kBAI7ChE,GACGoC,EAACE,OAAAA,CAAK3C,UAAU,4FACZyC,EAACyB,EAAAA,CAAKC,KAAK,cAAcC,IAAK1C,GAAM2C,IAAI,mBAInDpB,EACAK,EAAAA,GAGV,CAACvD,EAAUM,EAAcgB,EAAgBb,EAAWC,EAAS2B,EAAgBG,IAE1E+B,EAAqBjC,GACvB,EAAGrB,eAAcQ,UAASF,SAAQnB,WAAUS,OAAMkB,WAAUZ,kBAAiBqD,iBAAgBxE,WAAU6B,+BACnG,MAAM4C,EAAsB,CACxBC,QAASzD,EACThB,UAAW4C,EAAW,CAClB,yBAAyB,EACzB,iCAAkCpB,EAClC,gCAAiCF,EACjC,kCAAmCnB,KAI3C,OAAOe,EAEHuB,EAAC/B,QAAAA,IAAU8D,MAA2BD,GAAkB,CAAEG,QAAS9D,GAAQkB,IACtE/B,GAGL6B,EAAyB4C,EAAqBzE,EAAU+B,KAahE,IAMJ,OACIW,EAACe,MAAAA,CACGxD,UAAW4C,EACP,wBACA5C,EACAC,EAAmBwD,KAAIC,GAAK,0BAA0BA,MACtD,CACI,+BAAgCrD,EAChC,+BAAgCI,EAChC,kCAAmCL,GAAYD,KAIvDsC,EAAC6B,EAAAA,CACGtD,aAAcA,EACdJ,KAAMA,EACNT,SAAUA,EACVmB,OAAQA,EACRE,QAASA,EACTN,gBAAiBA,EACjBY,SAAUA,EAASqB,QACnBoB,gBAAiB1C,EACjBD,yBAA0BA,GAEzBY,KAEJM,IAAAA,EAKbjD,EAAM8E,aAAe,CACjB3E,UAAW,GACXC,mBAAoB,GACpBM,sBAAuB,GACvBW,iBAAiB,EACjBC,kBAAkB,EAClBC,uBAAuB,EACvBQ,yBAA0B,IAAM"}

package/dist/es/components/internal/FormFields/Fieldset/Fieldset.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../../external/classnames/index.js";import a from"../../../../core/Context/useCoreContext.js";function s({children:s,classNameModifiers:l=[],label:c,readonly:d=!1}){const{i18n:n}=a();return e("fieldset",{className:t(["adyen-checkout__fieldset",...l.map((e=>`adyen-checkout__fieldset--${e}`)),{"adyen-checkout__fieldset--readonly":d}])},c&&e("legend",{className:"adyen-checkout__fieldset__title"},n.get(c)),e("div",{className:"adyen-checkout__fieldset__fields"},s))}export{s as default};
+//# sourceMappingURL=Fieldset.js.map

package/dist/es/components/internal/FormFields/Fieldset/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sources":["../../../../../../src/components/internal/FormFields/Fieldset/Fieldset.tsx"],"sourcesContent":["import { h, ComponentChildren } from 'preact';\nimport cx from 'classnames';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport './Fieldset.scss';\n\ninterface FieldsetProps {\n    children: ComponentChildren;\n    classNameModifiers: string[];\n    label?: string;\n    readonly?: boolean;\n}\n\nexport default function Fieldset({ children, classNameModifiers = [], label, readonly = false }: FieldsetProps) {\n    const { i18n } = useCoreContext();\n\n    return (\n        <fieldset\n            className={cx([\n                'adyen-checkout__fieldset',\n                ...classNameModifiers.map(m => `adyen-checkout__fieldset--${m}`),\n                { 'adyen-checkout__fieldset--readonly': readonly }\n            ])}\n        >\n            {label && <legend className=\"adyen-checkout__fieldset__title\">{i18n.get(label)}</legend>}\n\n            <div className=\"adyen-checkout__fieldset__fields\">{children}</div>\n        </fieldset>\n    );\n}\n"],"names":["Fieldset","children","classNameModifiers","label","readonly","i18n","useCoreContext","h","fieldset","className","cx","map","m","legend","get","div"],"mappings":"6LAYe,SAASA,GAASC,SAAEA,EAAQC,mBAAEA,EAAqB,GAAEC,MAAEA,EAAKC,SAAEA,GAAW,IACpF,MAAMC,KAAEA,GAASC,IAEjB,OACIC,EAACC,WAAAA,CACGC,UAAWC,EAAG,CACV,8BACGR,EAAmBS,KAAIC,GAAK,6BAA6BA,MAC5D,CAAE,qCAAsCR,MAG3CD,GAASI,EAACM,SAAAA,CAAOJ,UAAU,mCAAmCJ,EAAKS,IAAIX,IAExEI,EAACQ,MAAAA,CAAIN,UAAU,oCAAoCR,GAG/D"}

package/dist/es/components/internal/FormFields/InputBase.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useCallback as n}from"../../../external/preact/hooks/dist/hooks.js";import r from"../../../external/classnames/index.js";import{ARIA_ERROR_SUFFIX as a,ARIA_CONTEXT_SUFFIX as o}from"../../../core/Errors/constants.js";function t({setRef:t,...s}){const{autoCorrect:l,classNameModifiers:i,isInvalid:u,isValid:d,readonly:c=null,spellCheck:p,type:y,uniqueId:m,disabled:h}=s,f=s.className;Object.prototype.hasOwnProperty.call(s,"onChange")&&console.error("Error: Form fields that rely on InputBase may not have an onChange property");const k=n((e=>{s.onInput(e)}),[s.onInput]),_=n((e=>{s?.onKeyPress&&s.onKeyPress(e)}),[s?.onKeyPress]),v=n((e=>{s?.onKeyUp&&s.onKeyUp(e)}),[s?.onKeyUp]),C=n((e=>{s?.onBlurHandler?.(e),s.trimOnBlur&&(e.target.value=e.target.value.trim()),s?.onBlur?.(e)}),[s.onBlur,s.onBlurHandler]),I=n((e=>{s?.onFocusHandler?.(e)}),[s.onFocusHandler]),K=r("adyen-checkout__input",[`adyen-checkout__input--${y}`],f,{"adyen-checkout__input--invalid":u,"adyen-checkout__input--valid":d},i.map((e=>`adyen-checkout__input--${e}`))),{classNameModifiers:x,uniqueId:B,isInvalid:b,isValid:P,addContextualElement:j,...N}=s;return e("input",{id:m,...N,"aria-required":N.required,type:y,className:K,readOnly:c,spellCheck:p,autoCorrect:l,"aria-describedby":`${m}${u?a:o}`,"aria-invalid":u,onInput:k,onBlur:C,onFocus:I,onKeyUp:v,onKeyPress:_,disabled:h,ref:t})}t.defaultProps={type:"text",classNameModifiers:[]};export{t as default};
+//# sourceMappingURL=InputBase.js.map

package/dist/es/components/internal/FormFields/InputBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBase.js","sources":["../../../../../src/components/internal/FormFields/InputBase.tsx"],"sourcesContent":["import { h, RefCallback } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport classNames from 'classnames';\nimport { ARIA_CONTEXT_SUFFIX, ARIA_ERROR_SUFFIX } from '../../../core/Errors/constants';\nimport Language from '../../../language';\nimport './FormFields.scss';\n\nexport interface InputBaseProps extends h.JSX.HTMLAttributes {\n    classNameModifiers?: string[];\n    isInvalid?: boolean;\n    isValid?: boolean;\n    readonly?: boolean;\n    uniqueId?: string;\n    disabled?: boolean;\n    className?: string;\n    placeholder?: string;\n    value?: string;\n    name?: string;\n    checked?: boolean;\n    setRef?: RefCallback<HTMLInputElement>;\n    trimOnBlur?: boolean;\n    i18n?: Language;\n    label?: string;\n    onBlurHandler?: h.JSX.GenericEventHandler<HTMLInputElement>;\n    onFocusHandler?: h.JSX.GenericEventHandler<HTMLInputElement>;\n    maxlength?: number | null;\n    addContextualElement?: boolean;\n}\n\nexport default function InputBase({ setRef, ...props }: InputBaseProps) {\n    const { autoCorrect, classNameModifiers, isInvalid, isValid, readonly = null, spellCheck, type, uniqueId, disabled } = props;\n    const className = props.className as string;\n\n    /**\n     * To avoid confusion with misplaced/misdirected onChange handlers - InputBase only accepts onInput, onBlur & onFocus handlers.\n     * The first 2 being the means by which we expect useForm--handleChangeFor validation functionality to be applied.\n     */\n    if (Object.prototype.hasOwnProperty.call(props, 'onChange')) {\n        console.error('Error: Form fields that rely on InputBase may not have an onChange property');\n    }\n\n    const handleInput = useCallback(\n        (event: h.JSX.TargetedEvent<HTMLInputElement>) => {\n            props.onInput(event);\n        },\n        [props.onInput]\n    );\n\n    const handleKeyPress = useCallback(\n        (event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n            if (props?.onKeyPress) props.onKeyPress(event);\n        },\n        [props?.onKeyPress]\n    );\n\n    const handleKeyUp = useCallback(\n        (event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n            if (props?.onKeyUp) props.onKeyUp(event);\n        },\n        [props?.onKeyUp]\n    );\n\n    const handleBlur = useCallback(\n        (event: h.JSX.TargetedFocusEvent<HTMLInputElement>) => {\n            props?.onBlurHandler?.(event); // From Field component\n\n            if (props.trimOnBlur) {\n                (event.target as HTMLInputElement).value = (event.target as HTMLInputElement).value.trim(); // needed to trim trailing spaces in field (leading spaces can be done via formatting)\n            }\n\n            props?.onBlur?.(event);\n        },\n        [props.onBlur, props.onBlurHandler]\n    );\n\n    const handleFocus = useCallback(\n        (event: h.JSX.TargetedEvent<HTMLInputElement>) => {\n            props?.onFocusHandler?.(event); // From Field component\n        },\n        [props.onFocusHandler]\n    );\n\n    const inputClassNames = classNames(\n        'adyen-checkout__input',\n        [`adyen-checkout__input--${type}`],\n        className,\n        {\n            'adyen-checkout__input--invalid': isInvalid,\n            'adyen-checkout__input--valid': isValid\n        },\n        classNameModifiers.map(m => `adyen-checkout__input--${m}`)\n    );\n\n    // Don't spread classNameModifiers etc to input element (it ends up as an attribute on the element itself)\n    const { classNameModifiers: cnm, uniqueId: uid, isInvalid: iiv, isValid: iv, addContextualElement: ace, ...newProps } = props;\n\n    return (\n        <input\n            id={uniqueId}\n            {...newProps}\n            aria-required={newProps.required}\n            type={type}\n            className={inputClassNames}\n            readOnly={readonly}\n            spellCheck={spellCheck}\n            autoCorrect={autoCorrect}\n            aria-describedby={`${uniqueId}${isInvalid ? ARIA_ERROR_SUFFIX : ARIA_CONTEXT_SUFFIX}`}\n            aria-invalid={isInvalid}\n            onInput={handleInput}\n            onBlur={handleBlur}\n            onFocus={handleFocus}\n            onKeyUp={handleKeyUp}\n            onKeyPress={handleKeyPress}\n            disabled={disabled}\n            ref={setRef}\n        />\n    );\n}\n\nInputBase.defaultProps = {\n    type: 'text',\n    classNameModifiers: []\n};\n"],"names":["InputBase","setRef","props","autoCorrect","classNameModifiers","isInvalid","isValid","readonly","spellCheck","type","uniqueId","disabled","className","Object","prototype","hasOwnProperty","call","console","error","handleInput","useCallback","event","onInput","handleKeyPress","onKeyPress","handleKeyUp","onKeyUp","handleBlur","onBlurHandler","trimOnBlur","target","value","trim","onBlur","handleFocus","onFocusHandler","inputClassNames","classNames","map","m","cnm","uid","iiv","iv","addContextualElement","ace","newProps","h","input","id","aria-required","required","readOnly","aria-describedby","ARIA_ERROR_SUFFIX","ARIA_CONTEXT_SUFFIX","aria-invalid","onFocus","ref","defaultProps"],"mappings":"uSA6Be,SAASA,GAAUC,OAAEA,KAAWC,IAC3C,MAAMC,YAAEA,EAAWC,mBAAEA,EAAkBC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,EAAW,KAAIC,WAAEA,EAAUC,KAAEA,EAAIC,SAAEA,EAAQC,SAAEA,GAAaT,EACjHU,EAAYV,EAAMU,UAMpBC,OAAOC,UAAUC,eAAeC,KAAKd,EAAO,aAC5Ce,QAAQC,MAAM,+EAGlB,MAAMC,EAAcC,GACfC,IACGnB,EAAMoB,QAAQD,EAAAA,GAElB,CAACnB,EAAMoB,UAGLC,EAAiBH,GAClBC,IACOnB,GAAOsB,YAAYtB,EAAMsB,WAAWH,EAAAA,GAE5C,CAACnB,GAAOsB,aAGNC,EAAcL,GACfC,IACOnB,GAAOwB,SAASxB,EAAMwB,QAAQL,EAAAA,GAEtC,CAACnB,GAAOwB,UAGNC,EAAaP,GACdC,IACGnB,GAAO0B,gBAAgBP,GAEnBnB,EAAM2B,aACLR,EAAMS,OAA4BC,MAAQV,EAAOS,OAA4BC,MAAMC,QAGxF9B,GAAO+B,SAASZ,EAAAA,GAEpB,CAACnB,EAAM+B,OAAQ/B,EAAM0B,gBAGnBM,EAAcd,GACfC,IACGnB,GAAOiC,iBAAiBd,KAE5B,CAACnB,EAAMiC,iBAGLC,EAAkBC,EACpB,wBACA,CAAC,0BAA0B5B,KAC3BG,EACA,CACI,iCAAkCP,EAClC,+BAAgCC,GAEpCF,EAAmBkC,KAAIC,GAAK,0BAA0BA,QAIlDnC,mBAAoBoC,EAAK9B,SAAU+B,EAAKpC,UAAWqC,EAAKpC,QAASqC,EAAIC,qBAAsBC,KAAQC,GAAa5C,EAExH,OACI6C,EAACC,QAAAA,CACGC,GAAIvC,KACAoC,EACJI,gBAAeJ,EAASK,SACxB1C,KAAMA,EACNG,UAAWwB,EACXgB,SAAU7C,EACVC,WAAYA,EACZL,YAAaA,EACbkD,mBAAkB,GAAG3C,IAAWL,EAAYiD,EAAoBC,IAChEC,eAAcnD,EACdiB,QAASH,EACTc,OAAQN,EACR8B,QAASvB,EACTR,QAASD,EACTD,WAAYD,EACZZ,SAAUA,EACV+C,IAAKzD,GAGjB,CAEAD,EAAU2D,aAAe,CACrBlD,KAAM,OACNL,mBAAoB"}

package/dist/es/components/internal/FormFields/InputDate/InputDate.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../../../external/preact/dist/preact.js";import{useMemo as e}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../InputBase.js";import{checkDateInputSupport as r,formatDate as a}from"./utils.js";function s(s){const n=e(r,[]);return t(o,n?{...s,type:"date"}:{...s,onInput:t=>{const{value:e}=t.target;t.target.value=a(e),s.onInput(t)},maxLength:10})}export{s as default};
+//# sourceMappingURL=InputDate.js.map

package/dist/es/components/internal/FormFields/InputDate/InputDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDate.js","sources":["../../../../../../src/components/internal/FormFields/InputDate/InputDate.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport InputBase, { InputBaseProps } from '../InputBase';\nimport { checkDateInputSupport, formatDate } from './utils';\n\ninterface InputDateProps extends InputBaseProps {\n    onInput?: (e) => void;\n}\n\nexport default function InputDate(props: InputDateProps) {\n    const isDateInputSupported = useMemo(checkDateInputSupport, []);\n\n    const handleInput = e => {\n        const { value } = e.target;\n        e.target.value = formatDate(value);\n        props.onInput(e);\n    };\n\n    if (isDateInputSupported) {\n        return <InputBase {...props} type=\"date\" />;\n    }\n\n    return <InputBase {...props} onInput={handleInput} maxLength={10} />;\n}\n"],"names":["InputDate","props","isDateInputSupported","useMemo","checkDateInputSupport","h","InputBase","type","onInput","e","value","target","formatDate","maxLength"],"mappings":"uPASe,SAASA,EAAUC,GAC9B,MAAMC,EAAuBC,EAAQC,EAAuB,IAQ5D,OACWC,EAACC,EADRJ,EACQI,IAAcL,EAAOM,KAAK,QAG9BD,IAAcL,EAAOO,QAVTC,IAChB,MAAMC,MAAEA,GAAUD,EAAEE,OACpBF,EAAEE,OAAOD,MAAQE,EAAWF,GAC5BT,EAAMO,QAAQC,EAAAA,EAOiCI,UAAW,IAClE"}

package/dist/es/components/internal/FormFields/InputDate/utils.js

@@ -0,0 +1,2 @@
+const e=()=>{const e=document.createElement("input");return e.setAttribute("type","date"),"date"===e.type},t=e=>{const t=e.replace(/\D|\s/g,"").replace(/^(00)(.*)?/,"01$2").replace(/^(3[2-9])(.*)?/,"0$1$2").replace(/^([4-9])(.*)?/,"0$1").replace(/^([0-9]{2})(00)(.*)?/,"$101").replace(/^(3[01])(02)(.*)?/,"29$2").replace(/^([0-9]{2})([2-9]|1[3-9])(.*)?/,"$10$2").replace(/^([0-9]{2})([0-9]{2})([0-9])/,"$1/$2/$3").replace(/^([0-9]{2})([0-9])/,"$1/$2"),[r="",c="",l=""]=t.split("/");return 4===l.length&&"29"===r&&"02"===c&&(Number(l)%4!=0||"00"===l.substr(2,2)&&Number(l)%400!=0)?t.replace(/^29/,"28"):t},r=(e="")=>{if(-1===e.indexOf("/"))return e;const[t="",r="",c=""]=e.split("/");return t&&r&&c?`${c}-${r}-${t}`:null};export{e as checkDateInputSupport,t as formatDate,r as unformatDate};
+//# sourceMappingURL=utils.js.map

package/dist/es/components/internal/FormFields/InputDate/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/internal/FormFields/InputDate/utils.ts"],"sourcesContent":["/**\n * Returns either the date input is supported or not in the current browser\n */\nconst checkDateInputSupport = (): boolean => {\n    const input = document.createElement('input');\n    input.setAttribute('type', 'date');\n    return input.type === 'date';\n};\n\n/**\n * Returns a formatted date\n * @param value -\n * @example\n * formatDate('22111990');\n * // '22/11/1990'\n */\nconst formatDate = (value: string): string => {\n    const date = value\n        .replace(/\\D|\\s/g, '') // Digits only\n        .replace(/^(00)(.*)?/, '01$2') // 00 -> 01\n        .replace(/^(3[2-9])(.*)?/, '0$1$2') // 34 -> 03/04\n        .replace(/^([4-9])(.*)?/, '0$1') // 4 -> 04\n        .replace(/^([0-9]{2})(00)(.*)?/, '$101') // 01/00 -> 01/01\n        .replace(/^(3[01])(02)(.*)?/, '29$2') // Force up to day 29 for Feb\n        .replace(/^([0-9]{2})([2-9]|1[3-9])(.*)?/, '$10$2') // 01/4 -> 01/04\n        .replace(/^([0-9]{2})([0-9]{2})([0-9])/, '$1/$2/$3') // 22111990 -> 22/11/1990\n        .replace(/^([0-9]{2})([0-9])/, '$1/$2'); // 2211 -> 22/11\n\n    const [day = '', month = '', year = ''] = date.split('/');\n\n    // Check leap year\n    if (year.length === 4 && day === '29' && month === '02' && (Number(year) % 4 !== 0 || (year.substr(2, 2) === '00' && Number(year) % 400 !== 0))) {\n        return date.replace(/^29/, '28');\n    }\n\n    return date;\n};\n\n/**\n * Receives a formatted date and returns it as the API expects it\n * @param value -\n * @example\n * unformatDate('22/11/1990');\n * // '1990-11-22'\n */\nconst unformatDate = (value = ''): string => {\n    if (value.indexOf('/') === -1) return value;\n    const [day = '', month = '', year = ''] = value.split('/');\n    if (!day || !month || !year) return null;\n    return `${year}-${month}-${day}`;\n};\n\nexport { checkDateInputSupport, formatDate, unformatDate };\n"],"names":["checkDateInputSupport","input","document","createElement","setAttribute","type","formatDate","value","date","replace","day","month","year","split","length","Number","substr","unformatDate","indexOf"],"mappings":"MAGMA,EAAwB,KAC1B,MAAMC,EAAQC,SAASC,cAAc,SAErC,OADAF,EAAMG,aAAa,OAAQ,QACL,SAAfH,EAAMI,IAAS,EAUpBC,EAAcC,IAChB,MAAMC,EAAOD,EACRE,QAAQ,SAAU,IAClBA,QAAQ,aAAc,QACtBA,QAAQ,iBAAkB,SAC1BA,QAAQ,gBAAiB,OACzBA,QAAQ,uBAAwB,QAChCA,QAAQ,oBAAqB,QAC7BA,QAAQ,iCAAkC,SAC1CA,QAAQ,+BAAgC,YACxCA,QAAQ,qBAAsB,UAE5BC,EAAM,GAAIC,EAAQ,GAAIC,EAAO,IAAMJ,EAAKK,MAAM,KAGrD,OAAoB,IAAhBD,EAAKE,QAAwB,OAARJ,GAA0B,OAAVC,IAAmBI,OAAOH,GAAQ,GAAM,GAA4B,OAAtBA,EAAKI,OAAO,EAAG,IAAeD,OAAOH,GAAQ,KAAQ,GACjIJ,EAAKC,QAAQ,MAAO,MAGxBD,CAAAA,EAULS,EAAe,CAACV,EAAQ,MAC1B,IAA4B,IAAxBA,EAAMW,QAAQ,KAAa,OAAOX,EACtC,MAAOG,EAAM,GAAIC,EAAQ,GAAIC,EAAO,IAAML,EAAMM,MAAM,KACtD,OAAKH,GAAQC,GAAUC,EAChB,GAAGA,KAAQD,KAASD,IADS,IACJ"}

package/dist/es/components/internal/FormFields/InputEmail.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"./InputBase.js";function a(a){return t(e,{...a,type:"email",autoCapitalize:"off"})}export{a as default};
+//# sourceMappingURL=InputEmail.js.map

package/dist/es/components/internal/FormFields/InputEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputEmail.js","sources":["../../../../../src/components/internal/FormFields/InputEmail.tsx"],"sourcesContent":["import { h } from 'preact';\nimport InputBase, { InputBaseProps } from './InputBase';\n\nexport default function InputEmail(props: InputBaseProps) {\n    return <InputBase {...props} type=\"email\" autoCapitalize=\"off\" />;\n}\n"],"names":["InputEmail","props","h","InputBase","type","autoCapitalize"],"mappings":"sGAGe,SAASA,EAAWC,GAC/B,OAAOC,EAACC,EAAAA,IAAcF,EAAOG,KAAK,QAAQC,eAAe,OAC7D"}

package/dist/es/components/internal/FormFields/InputTelephone.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"./InputBase.js";function r(r){return t(e,{...r,type:"tel"})}export{r as default};
+//# sourceMappingURL=InputTelephone.js.map

package/dist/es/components/internal/FormFields/InputTelephone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputTelephone.js","sources":["../../../../../src/components/internal/FormFields/InputTelephone.tsx"],"sourcesContent":["import { h } from 'preact';\nimport InputBase from './InputBase';\n\nexport default function InputTelephone(props) {\n    return <InputBase {...props} type=\"tel\" />;\n}\n"],"names":["InputTelephone","props","h","InputBase","type"],"mappings":"sGAGe,SAASA,EAAeC,GACnC,OAAOC,EAACC,EAAAA,IAAcF,EAAOG,KAAK,OACtC"}

package/dist/es/components/internal/FormFields/InputText.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import r from"./InputBase.js";function t(t){return e(r,{classNameModifiers:["large"],...t,"aria-required":t.required,type:"text"})}export{t as default};
+//# sourceMappingURL=InputText.js.map

package/dist/es/components/internal/FormFields/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sources":["../../../../../src/components/internal/FormFields/InputText.tsx"],"sourcesContent":["import { h } from 'preact';\nimport InputBase, { InputBaseProps } from './InputBase';\n\nexport default function InputText(props: InputBaseProps) {\n    /* Type of input base is always text, which is combined with using inputmode to change mobile keyboards.\n     * This gives the most consistent and performant mobile input experience.\n     */\n    return <InputBase classNameModifiers={['large']} {...props} aria-required={props.required} type=\"text\" />;\n}\n"],"names":["InputText","props","h","InputBase","classNameModifiers","aria-required","required","type"],"mappings":"sGAGe,SAASA,EAAUC,GAI9B,OAAOC,EAACC,EAAAA,CAAUC,mBAAoB,CAAC,YAAcH,EAAOI,gBAAeJ,EAAMK,SAAUC,KAAK,QACpG"}

package/dist/es/components/internal/FormFields/RadioGroup/RadioGroup.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import a from"../../../../external/classnames/index.js";import{getUniqueId as t}from"../../../../utils/idGenerator.js";import o from"../../../../core/Context/useCoreContext.js";function n(n){const{items:r,name:i,onChange:s,value:c,isInvalid:d,uniqueId:l}=n,{i18n:_}=o(),u=l?.replace(/[0-9]/g,"").substring(0,l.lastIndexOf("-"));return e("div",{className:"adyen-checkout__radio_group"},r.map((o=>{const r=t(u);return e("div",{key:o.id,className:"adyen-checkout__radio_group__input-wrapper"},e("input",{id:r,type:"radio",checked:c===o.id,className:"adyen-checkout__radio_group__input",name:i,onChange:s,onClick:s,value:o.id}),e("label",{className:a(["adyen-checkout__label__text","adyen-checkout__radio_group__label",n.className,{"adyen-checkout__radio_group__label--invalid":d}]),htmlFor:r},_.get(o.name)))})))}n.defaultProps={onChange:()=>{},items:[]};export{n as default};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/es/components/internal/FormFields/RadioGroup/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/components/internal/FormFields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport './RadioGroup.scss';\nimport { RadioGroupProps } from './types';\nimport { getUniqueId } from '../../../../utils/idGenerator';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n    const { items, name, onChange, value, isInvalid, uniqueId } = props;\n\n    const { i18n } = useCoreContext();\n    const uniqueIdBase = uniqueId?.replace(/[0-9]/g, '').substring(0, uniqueId.lastIndexOf('-'));\n\n    return (\n        <div className=\"adyen-checkout__radio_group\">\n            {items.map(item => {\n                const uniqueId = getUniqueId(uniqueIdBase);\n                return (\n                    <div key={item.id} className=\"adyen-checkout__radio_group__input-wrapper\">\n                        <input\n                            id={uniqueId}\n                            type=\"radio\"\n                            checked={value === item.id}\n                            className=\"adyen-checkout__radio_group__input\"\n                            name={name}\n                            onChange={onChange}\n                            onClick={onChange}\n                            value={item.id}\n                        />\n                        <label\n                            className={cx([\n                                'adyen-checkout__label__text',\n                                'adyen-checkout__radio_group__label',\n                                props.className,\n                                { 'adyen-checkout__radio_group__label--invalid': isInvalid }\n                            ])}\n                            htmlFor={uniqueId}\n                        >\n                            {i18n.get(item.name)}\n                        </label>\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n\nRadioGroup.defaultProps = {\n    onChange: () => {},\n    items: []\n};\n"],"names":["RadioGroup","props","items","name","onChange","value","isInvalid","uniqueId","i18n","useCoreContext","uniqueIdBase","replace","substring","lastIndexOf","h","div","className","map","item","getUniqueId","key","id","input","type","checked","onClick","label","cx","htmlFor","get","defaultProps"],"mappings":"4PAOe,SAASA,EAAWC,GAC/B,MAAMC,MAAEA,EAAKC,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,UAAEA,EAASC,SAAEA,GAAaN,GAExDO,KAAEA,GAASC,IACXC,EAAeH,GAAUI,QAAQ,SAAU,IAAIC,UAAU,EAAGL,EAASM,YAAY,MAEvF,OACIC,EAACC,MAAAA,CAAIC,UAAU,+BACVd,EAAMe,KAAIC,IACP,MAAMX,EAAWY,EAAYT,GAC7B,OACII,EAACC,MAAAA,CAAIK,IAAKF,EAAKG,GAAIL,UAAU,8CACzBF,EAACQ,QAAAA,CACGD,GAAId,EACJgB,KAAK,QACLC,QAASnB,IAAUa,EAAKG,GACxBL,UAAU,qCACVb,KAAMA,EACNC,SAAUA,EACVqB,QAASrB,EACTC,MAAOa,EAAKG,KAEhBP,EAACY,QAAAA,CACGV,UAAWW,EAAG,CACV,8BACA,qCACA1B,EAAMe,UACN,CAAE,8CAA+CV,KAErDsB,QAASrB,GAERC,EAAKqB,IAAIX,EAAKf,OAAI,IAO/C,CAEAH,EAAW8B,aAAe,CACtB1B,SAAU,OACVF,MAAO"}

package/dist/es/components/internal/FormFields/Select/Select.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useRef as t,useState as n,useMemo as r,useEffect as s}from"../../../../external/preact/hooks/dist/hooks.js";import l from"../../../../external/classnames/index.js";import o from"./components/SelectButton.js";import a from"./components/SelectList.js";import i from"../../../../utils/uuid.js";import{keys as c}from"./constants.js";import{ARIA_ERROR_SUFFIX as u,ARIA_CONTEXT_SUFFIX as d}from"../../../../core/Errors/constants.js";import{simulateFocusScroll as m}from"../utils.js";function f({items:f=[],className:p="",classNameModifiers:g=[],filterable:h=!0,readonly:v=!1,onChange:b=(()=>{}),onInput:y,selectedValue:k,name:w,isInvalid:I,isValid:L,placeholder:D,uniqueId:j,disabled:x,disableTextFilter:E,clearOnSelect:T,blurOnClose:B,onListToggle:C}){const N=t(null),S=t(null),$=t(null),M=t(null),[R,_]=n(null),[P,V]=n(!1),A=r((()=>`select-${i()}`),[]),F=f.find((e=>e.id===k))||{},[H,K]=n(),[O,U]=n(F),q=F,z=E?f:f.filter((e=>!R||e.name.toLowerCase().includes(R.toLowerCase()))),G=j?`${j}${I?u:d}`:null,J=e=>{if(!e)return;const t=document.getElementById(`listItem-${e.id}`);m(t)},Q=()=>{B&&N.current.blur(),V(!1)},W=()=>{V(!0)},X=e=>{const t=e.currentTarget.getAttribute("data-value");return z.find((e=>e.id==t))},Y=e=>{let t;e.preventDefault(),t=e.currentTarget instanceof HTMLElement&&"option"===e.currentTarget.getAttribute("role")?X(e):O.id&&z.some((e=>e.id===O.id))?O:R?z[0]:{id:k},t&&!t.disabled&&(b({target:{value:t.id,name:w}}),T&&K(null),Q())},Z=e=>{switch(e.key){case c.space:case c.enter:Y(e);break;case c.arrowDown:e.preventDefault(),(()=>{if(!z||z.length<1)return;const e=z.findIndex((e=>e===O))+1,t=e<z.length?e:0,n=z[t];J(n),U(n)})();break;case c.arrowUp:e.preventDefault(),(()=>{if(!z||z.length<1)return;const e=z.findIndex((e=>e===O))-1,t=e<0?z.length-1:e,n=z[t];J(n),U(n)})()}};return s((()=>{P?K(null):_(null)}),[P]),s((()=>{P&&h&&N.current&&N.current.focus(),C?.(P)}),[P]),s((()=>{function e(e){(e.composedPath?!e.composedPath().includes(S.current):!S.current.contains(e.target))&&Q()}return document.addEventListener("click",e,!1),()=>{document.removeEventListener("click",e,!1)}}),[S]),e("div",{className:l(["adyen-checkout__dropdown",p,...g.map((e=>`adyen-checkout__dropdown--${e}`))]),ref:S},e(o,{inputText:H,id:j??null,active:O,selected:q,filterInputRef:N,filterable:h,isInvalid:I,isValid:L,onButtonKeyDown:e=>{e.key===c.enter&&h&&P&&R?Y(e):e.key===c.escape?Q():![c.arrowUp,c.arrowDown,c.enter].includes(e.key)&&(e.key!==c.space||h&&P)?(e.shiftKey&&e.key===c.tab||e.key===c.tab)&&Q():(e.preventDefault(),P?Z(e):W())},onFocus:W,onInput:e=>{const t=e.target.value;K(t),_(t),y&&y(t)},placeholder:D,readonly:v,selectListId:A,showList:P,toggleButtonRef:$,toggleList:e=>{e.preventDefault(),P?(K(q.name),Q()):(K(null),W())},disabled:x,ariaDescribedBy:G}),e(a,{active:O,filteredItems:z,onHover:e=>{e.preventDefault();const t=X(e);U(t)},onSelect:Y,selected:q,selectListId:A,selectListRef:M,showList:P}))}f.defaultProps={className:"",classNameModifiers:[],filterable:!0,items:[],readonly:!1,onChange:()=>{}};export{f as default};
+//# sourceMappingURL=Select.js.map