@adyen/adyen-web 6.5.1 → 6.7.0

package/dist/es/language/Language.js.map

@@ -1 +1 @@
-{"version":3,"file":"Language.js","sources":["../../../src/language/Language.ts"],"sourcesContent":["import { getTranslation } from './utils';\nimport { getLocalisedAmount } from '../utils/amount-util';\nimport AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';\nimport type { CustomTranslations, LanguageOptions, Translations } from './types';\n\nexport class Language {\n    public readonly locale: string;\n    public readonly languageCode: string;\n\n    private readonly translations: Translations;\n    private readonly customTranslations: CustomTranslations;\n\n    public readonly timeFormatOptions: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric'\n    };\n    public readonly timeAndDateFormatOptions: Intl.DateTimeFormatOptions = {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        ...this.timeFormatOptions\n    };\n    public readonly timeAndDateFormatter: Intl.DateTimeFormat;\n\n    constructor(props: LanguageOptions) {\n        const { locale, translations, customTranslations } = props;\n\n        if (!locale) {\n            throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', 'Language: \"locale\" property is not defined');\n        }\n\n        this.locale = locale;\n        this.languageCode = this.locale.split('-')[0];\n        this.customTranslations = customTranslations || {};\n\n        this.timeAndDateFormatter = Intl.DateTimeFormat(this.locale, this.timeAndDateFormatOptions);\n\n        this.translations = {\n            ...translations,\n            ...(!!this.customTranslations[this.locale] && this.customTranslations[this.locale])\n        };\n    }\n\n    /**\n     * Returns a translated string from a key in the current {@link Language.locale}\n     * @param key - Translation key\n     * @param options - Translation options\n     * @returns Translated string\n     */\n    public get(key: string, options?): string {\n        const translation = getTranslation(this.translations, key, options);\n        if (translation !== null) {\n            return translation;\n        }\n\n        return key;\n    }\n\n    /**\n     * Returns a localized string for an amount\n     * @param amount - Amount to be converted\n     * @param currencyCode - Currency code of the amount\n     * @param options - Options for String.prototype.toLocaleString\n     */\n    public amount(amount: number, currencyCode: string, options?: object): string {\n        return getLocalisedAmount(amount, this.locale, currencyCode, options);\n    }\n\n    /**\n     * Returns a localized string for a date\n     * @param date - Date to be localized\n     * @param options - Options for {@link Date.toLocaleDateString}\n     */\n    public date(date: string, options: object = {}) {\n        if (date === undefined) return '';\n        const dateOptions: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit', ...options };\n        return new Date(date).toLocaleDateString(this.locale, dateOptions);\n    }\n\n    /**\n     * Returns a localized string for a date and time\n     * @param date - Date to be localized\n     */\n    public dateTime(date: string) {\n        if (date === undefined) return '';\n        return this.timeAndDateFormatter.format(new Date(date));\n    }\n}\n\nexport default Language;\n"],"names":["Language","get","key","options","translation","getTranslation","this","translations","amount","currencyCode","getLocalisedAmount","locale","date","undefined","dateOptions","year","month","day","Date","toLocaleDateString","dateTime","timeAndDateFormatter","format","constructor","props","_define_property","languageCode","customTranslations","timeFormatOptions","hour","minute","timeAndDateFormatOptions","AdyenCheckoutError","split","Intl","DateTimeFormat"],"mappings":"qRAKO,MAAMA,EA4CT,GAAAC,CAAWC,EAAaC,GACpB,MAAMC,EAAcC,EAAeC,KAAKC,aAAcL,EAAKC,GAC3D,OAAoB,OAAhBC,EACOA,EAGJF,CACX,CAQA,MAAAM,CAAcA,EAAgBC,EAAsBN,GAChD,OAAOO,EAAmBF,EAAQF,KAAKK,OAAQF,EAAcN,EACjE,CAOA,IAAAS,CAAYA,EAAcT,EAAkB,IACxC,QAAaU,IAATD,EAAoB,MAAO,GAC/B,MAAME,EAA0C,CAAEC,KAAM,UAAWC,MAAO,UAAWC,IAAK,aAAcd,GACxG,OAAO,IAAIe,KAAKN,GAAMO,mBAAmBb,KAAKK,OAAQG,EAC1D,CAMOM,QAAAA,CAASR,GACZ,YAAaC,IAATD,EAA2B,GACxBN,KAAKe,qBAAqBC,OAAO,IAAIJ,KAAKN,GACrD,CA9DAW,WAAAA,CAAYC,GAlBZC,EAAAnB,KAAgBK,cAAhB,GACAc,EAAAnB,KAAgBoB,oBAAhB,GAEAD,EAAAnB,KAAiBC,oBAAjB,GACAkB,EAAAnB,KAAiBqB,0BAAjB,GAEAF,EAAAnB,KAAgBsB,oBAAgD,CAC5DC,KAAM,UACNC,OAAQ,YAEZL,EAAAnB,KAAgByB,2BAAuD,CACnEhB,KAAM,UACNC,MAAO,UACPC,IAAK,aACFX,KAAKsB,oBAEZH,EAAAnB,KAAgBe,4BAAhB,GAGI,MAAMV,OAAEA,EAAMJ,aAAEA,EAAYoB,mBAAEA,GAAuBH,EAErD,IAAKb,EACD,MAAM,IAAIqB,EAAmB,uBAAwB,8CAGzD1B,KAAKK,OAASA,EACdL,KAAKoB,aAAepB,KAAKK,OAAOsB,MAAM,KAAK,GAC3C3B,KAAKqB,mBAAqBA,GAAsB,GAEhDrB,KAAKe,qBAAuBa,KAAKC,eAAe7B,KAAKK,OAAQL,KAAKyB,0BAElEzB,KAAKC,aAAe,IACbA,OACGD,KAAKqB,mBAAmBrB,KAAKK,SAAWL,KAAKqB,mBAAmBrB,KAAKK,QAEnF"}
+{"version":3,"file":"Language.js","sources":["../../../src/language/Language.ts"],"sourcesContent":["import { getTranslation } from './utils';\nimport { getLocalisedAmount } from '../utils/amount-util';\nimport AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';\nimport type { CustomTranslations, LanguageOptions, Translations } from './types';\n\nexport class Language {\n    public readonly locale: string;\n    public readonly languageCode: string;\n\n    private readonly translations: Translations;\n    private readonly customTranslations: CustomTranslations;\n\n    public readonly timeFormatOptions: Intl.DateTimeFormatOptions = {\n        hour: 'numeric',\n        minute: 'numeric'\n    };\n    public readonly timeAndDateFormatOptions: Intl.DateTimeFormatOptions = {\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        ...this.timeFormatOptions\n    };\n    public readonly timeAndDateFormatter: Intl.DateTimeFormat;\n\n    constructor(props: LanguageOptions) {\n        const { locale, translations, customTranslations } = props;\n\n        if (!locale) {\n            throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', 'Language: \"locale\" property is not defined');\n        }\n\n        this.locale = locale;\n        this.languageCode = this.locale.split('-')[0];\n        this.customTranslations = customTranslations || {};\n\n        this.timeAndDateFormatter = Intl.DateTimeFormat(this.locale, this.timeAndDateFormatOptions);\n\n        this.translations = {\n            ...translations,\n            ...(!!this.customTranslations[this.locale] && this.customTranslations[this.locale])\n        };\n    }\n\n    /**\n     * Returns a translated string from a key in the current {@link Language.locale}\n     * @param key - Translation key\n     * @param options - Translation options\n     * @returns Translated string\n     */\n    public get(key: string, options?): string {\n        const translation = getTranslation(this.translations, key, options);\n        if (translation !== null) {\n            return translation;\n        }\n\n        return key;\n    }\n\n    /**\n     * Returns a localized string for an amount\n     * @param amount - Amount to be converted\n     * @param currencyCode - Currency code of the amount\n     * @param options - Options for String.prototype.toLocaleString\n     */\n    public amount(amount: number, currencyCode: string, options?: object): string {\n        return getLocalisedAmount(amount, this.locale, currencyCode, options);\n    }\n\n    /**\n     * Returns a localized string for a date\n     * @param date - Date to be localized\n     * @param options - Options for {@link Date.toLocaleDateString}\n     */\n    public date(date: string, options: object = {}) {\n        if (date === undefined) return '';\n        const dateOptions: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit', ...options };\n        return new Date(date).toLocaleDateString(this.locale, dateOptions);\n    }\n\n    /**\n     * Returns a localized string for a date and time\n     * @param date - Date to be localized\n     */\n    public dateTime(date: string) {\n        if (date === undefined) return '';\n        return this.timeAndDateFormatter.format(new Date(date));\n    }\n}\n\nexport default Language;\n"],"names":["Language","get","key","options","translation","getTranslation","this","translations","amount","currencyCode","getLocalisedAmount","locale","date","undefined","dateOptions","year","month","day","Date","toLocaleDateString","dateTime","timeAndDateFormatter","format","constructor","props","_define_property","languageCode","customTranslations","timeFormatOptions","hour","minute","timeAndDateFormatOptions","AdyenCheckoutError","split","Intl","DateTimeFormat"],"mappings":"qRAKO,MAAMA,EA4CT,GAAAC,CAAWC,EAAaC,GACpB,MAAMC,EAAcC,EAAeC,KAAKC,aAAcL,EAAKC,GAC3D,OAAoB,OAAhBC,EACOA,EAGJF,CACX,CAQA,MAAAM,CAAcA,EAAgBC,EAAsBN,GAChD,OAAOO,EAAmBF,EAAQF,KAAKK,OAAQF,EAAcN,EACjE,CAOA,IAAAS,CAAYA,EAAcT,EAAkB,IACxC,QAAaU,IAATD,EAAoB,MAAO,GAC/B,MAAME,EAA0C,CAAEC,KAAM,UAAWC,MAAO,UAAWC,IAAK,aAAcd,GACxG,OAAO,IAAIe,KAAKN,GAAMO,mBAAmBb,KAAKK,OAAQG,EAC1D,CAMOM,QAAAA,CAASR,GACZ,YAAaC,IAATD,EAA2B,GACxBN,KAAKe,qBAAqBC,OAAO,IAAIJ,KAAKN,GACrD,CA9DAW,WAAAA,CAAYC,GAlBZC,EAAAnB,KAAgBK,cAAhB,GACAc,EAAAnB,KAAgBoB,oBAAhB,GAEAD,EAAAnB,KAAiBC,oBAAjB,GACAkB,EAAAnB,KAAiBqB,0BAAjB,GAEAF,EAAAnB,KAAgBsB,oBAAgD,CAC5DC,KAAM,UACNC,OAAQ,YAEZL,EAAAnB,KAAgByB,2BAAuD,CACnEhB,KAAM,UACNC,MAAO,UACPC,IAAK,aACFX,KAAKsB,oBAEZH,EAAAnB,KAAgBe,4BAAhB,GAGI,MAAMV,OAAEA,EAAMJ,aAAEA,EAAYoB,mBAAEA,GAAuBH,EAErD,IAAKb,EACD,MAAM,IAAIqB,EAAmB,uBAAwB,8CAGzD1B,KAAKK,OAASA,EACdL,KAAKoB,aAAepB,KAAKK,OAAOsB,MAAM,KAAK,GAC3C3B,KAAKqB,mBAAqBA,GAAsB,CAAC,EAEjDrB,KAAKe,qBAAuBa,KAAKC,eAAe7B,KAAKK,OAAQL,KAAKyB,0BAElEzB,KAAKC,aAAe,IACbA,OACGD,KAAKqB,mBAAmBrB,KAAKK,SAAWL,KAAKqB,mBAAmBrB,KAAKK,QAEnF"}

package/dist/es/language/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/language/utils.ts"],"sourcesContent":["import { h } from 'preact';\nimport { CustomTranslations } from './types';\nimport AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';\n\n/**\n * Returns a locale with the proper format\n *\n * @example\n * formatLocale('En_us'); -> en-US\n * formatLocale('ar') -> ar\n */\nexport function formatLocale(localeParam: string): string {\n    const locale = localeParam.replace('_', '-');\n    const format = new RegExp('([a-z]{2})([-])([A-Z]{2})');\n\n    // If it's already formatted, return the locale\n    if (format.test(locale)) {\n        return locale;\n    }\n\n    // If no country code is defined (Ex: 'ar') , then returns 'ar'\n    const [languageCode, countryCode] = locale.split('-');\n    if (languageCode.length !== 2) {\n        throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', `Locale '${localeParam}' does not match the expected format`);\n    }\n    if (!countryCode) {\n        return languageCode.toLowerCase();\n    }\n\n    // Ensure correct format and join the strings back together\n    const fullLocale = [languageCode.toLowerCase(), countryCode.toUpperCase()].join('-');\n    if (format.test(fullLocale)) {\n        return fullLocale;\n    } else {\n        throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', `Locale '${localeParam}' does not match the expected format`);\n    }\n}\n\n/**\n * Makes sure that if custom translation is defined using not properly formatted locale keys, then it gets formatted correctly\n * Ex: Custom translation defined as { en_US: { ... }} will be adjusted to { 'en-US': { ... }}\n */\nexport function formatCustomTranslations(customTranslations: CustomTranslations = {}): CustomTranslations {\n    return Object.keys(customTranslations).reduce((memo, customTranslationLocaleKey) => {\n        const locale = formatLocale(customTranslationLocaleKey);\n        memo[locale] = customTranslations[customTranslationLocaleKey];\n        return memo;\n    }, {});\n}\n\nconst replaceTranslationValues = (translation, values) => {\n    return translation.replace(/%{(\\w+)}/g, (_, k) => values[k] || '');\n};\n\n/**\n * Returns a translation string by key\n * @param translations -\n * @param key -\n * @param options -\n *\n * @internal\n */\nexport const getTranslation = (translations: object, key: string, options: { [key: string]: any } = { values: {}, count: 0 }): string => {\n    const keyPlural = `${key}__plural`;\n    const keyForCount = count => `${key}__${count}`;\n\n    if (Object.prototype.hasOwnProperty.call(translations, keyForCount(options.count))) {\n        // Find key__count translation key\n        return replaceTranslationValues(translations[keyForCount(options.count)], options.values);\n    } else if (Object.prototype.hasOwnProperty.call(translations, keyPlural) && options.count > 1) {\n        // Find key__plural translation key, if count greater than 1 (e.g. myTranslation__plural)\n        return replaceTranslationValues(translations[keyPlural], options.values);\n    } else if (Object.prototype.hasOwnProperty.call(translations, key)) {\n        // Find key translation key (e.g. myTranslation)\n        return replaceTranslationValues(translations[key], options.values);\n    }\n\n    return null;\n};\n\n/**\n * Injects JSX elements in a middle of a translation and returns a JSX array\n * The input string should use %# as the token to know where to insert the component\n * @param translation - Translation string\n * @param renderFunctions - An array function that renders JSX elements\n */\nexport const interpolateElement = (translation: string, renderFunctions: Array<(translation: string) => h.JSX.Element | string>) => {\n    // splits by regex group, it guarantees that it only splits with 2 tokens (%#)\n    const matches = translation.split(/%#(.*?)%#/gm);\n\n    if (renderFunctions.length !== Math.floor(matches.length / 2)) {\n        throw Error('The number of functions provided does not match the number of elements in the translation string.');\n    }\n\n    // the map will create an array of JSX / string elements, this syntax in accepted in JSX/react to render elements\n    return matches.map((term, index) => {\n        // math to get the index of the renderFunction that should be used\n        // since we split on tokens, that means the index of the render function is half of the index of the string\n        const indexInFunctionArray = Math.floor(index / 2);\n        return index % 2 === 0 ? term : renderFunctions[indexInFunctionArray](term);\n    });\n};\n"],"names":["formatLocale","localeParam","locale","replace","format","RegExp","test","languageCode","countryCode","split","length","AdyenCheckoutError","toLowerCase","fullLocale","toUpperCase","join","formatCustomTranslations","customTranslations","Object","keys","reduce","memo","customTranslationLocaleKey","replaceTranslationValues","translation","values","_","k","getTranslation","translations","key","options","count","keyPlural","keyForCount","prototype","hasOwnProperty","call","interpolateElement","renderFunctions","matches","Math","floor","Error","map","term","index","indexInFunctionArray"],"mappings":"8FAWO,SAASA,EAAaC,GACzB,MAAMC,EAASD,EAAYE,QAAQ,IAAK,KAClCC,EAAS,IAAIC,OAAO,6BAG1B,GAAID,EAAOE,KAAKJ,GACZ,OAAOA,EAIX,MAAOK,EAAcC,GAAeN,EAAOO,MAAM,KACjD,GAA4B,IAAxBF,EAAaG,OACb,MAAM,IAAIC,EAAmB,uBAAwB,WAAWV,yCAEpE,IAAKO,EACD,OAAOD,EAAaK,cAIxB,MAAMC,EAAa,CAACN,EAAaK,cAAeJ,EAAYM,eAAeC,KAAK,KAChF,GAAIX,EAAOE,KAAKO,GACZ,OAAOA,EAEP,MAAM,IAAIF,EAAmB,uBAAwB,WAAWV,wCAExE,CAMO,SAASe,EAAyBC,EAAyC,IAC9E,OAAOC,OAAOC,KAAKF,GAAoBG,QAAO,CAACC,EAAMC,KAEjDD,EADerB,EAAasB,IACbL,EAAmBK,GAC3BD,IACR,CAAC,EACR,CAEA,MAAME,EAA2B,CAACC,EAAaC,IACpCD,EAAYrB,QAAQ,aAAa,CAACuB,EAAGC,IAAMF,EAAOE,IAAM,KAWtDC,EAAiB,CAACC,EAAsBC,EAAaC,EAAkC,CAAEN,OAAQ,CAAC,EAAGO,MAAO,MACrH,MAAMC,EAAY,GAAGH,YACfI,EAAcF,GAAS,GAAGF,MAAQE,IAExC,OAAId,OAAOiB,UAAUC,eAAeC,KAAKR,EAAcK,EAAYH,EAAQC,QAEhET,EAAyBM,EAAaK,EAAYH,EAAQC,QAASD,EAAQN,QAC3EP,OAAOiB,UAAUC,eAAeC,KAAKR,EAAcI,IAAcF,EAAQC,MAAQ,EAEjFT,EAAyBM,EAAaI,GAAYF,EAAQN,QAC1DP,OAAOiB,UAAUC,eAAeC,KAAKR,EAAcC,GAEnDP,EAAyBM,EAAaC,GAAMC,EAAQN,QAGxD,IAAA,EASEa,EAAqB,CAACd,EAAqBe,KAEpD,MAAMC,EAAUhB,EAAYf,MAAM,eAElC,GAAI8B,EAAgB7B,SAAW+B,KAAKC,MAAMF,EAAQ9B,OAAS,GACvD,MAAMiC,MAAM,qGAIhB,OAAOH,EAAQI,KAAI,CAACC,EAAMC,KAGtB,MAAMC,EAAuBN,KAAKC,MAAMI,EAAQ,GAChD,OAAOA,EAAQ,GAAM,EAAID,EAAON,EAAgBQ,GAAsBF,EAAAA,GAC1E"}
+{"version":3,"file":"utils.js","sources":["../../../src/language/utils.ts"],"sourcesContent":["import { h } from 'preact';\nimport { CustomTranslations } from './types';\nimport AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';\n\n/**\n * Returns a locale with the proper format\n *\n * @example\n * formatLocale('En_us'); -> en-US\n * formatLocale('ar') -> ar\n */\nexport function formatLocale(localeParam: string): string {\n    const locale = localeParam.replace('_', '-');\n    const format = new RegExp('([a-z]{2})([-])([A-Z]{2})');\n\n    // If it's already formatted, return the locale\n    if (format.test(locale)) {\n        return locale;\n    }\n\n    // If no country code is defined (Ex: 'ar') , then returns 'ar'\n    const [languageCode, countryCode] = locale.split('-');\n    if (languageCode.length !== 2) {\n        throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', `Locale '${localeParam}' does not match the expected format`);\n    }\n    if (!countryCode) {\n        return languageCode.toLowerCase();\n    }\n\n    // Ensure correct format and join the strings back together\n    const fullLocale = [languageCode.toLowerCase(), countryCode.toUpperCase()].join('-');\n    if (format.test(fullLocale)) {\n        return fullLocale;\n    } else {\n        throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', `Locale '${localeParam}' does not match the expected format`);\n    }\n}\n\n/**\n * Makes sure that if custom translation is defined using not properly formatted locale keys, then it gets formatted correctly\n * Ex: Custom translation defined as { en_US: { ... }} will be adjusted to { 'en-US': { ... }}\n */\nexport function formatCustomTranslations(customTranslations: CustomTranslations = {}): CustomTranslations {\n    return Object.keys(customTranslations).reduce((memo, customTranslationLocaleKey) => {\n        const locale = formatLocale(customTranslationLocaleKey);\n        memo[locale] = customTranslations[customTranslationLocaleKey];\n        return memo;\n    }, {});\n}\n\nconst replaceTranslationValues = (translation, values) => {\n    return translation.replace(/%{(\\w+)}/g, (_, k) => values[k] || '');\n};\n\n/**\n * Returns a translation string by key\n * @param translations -\n * @param key -\n * @param options -\n *\n * @internal\n */\nexport const getTranslation = (translations: object, key: string, options: { [key: string]: any } = { values: {}, count: 0 }): string => {\n    const keyPlural = `${key}__plural`;\n    const keyForCount = count => `${key}__${count}`;\n\n    if (Object.prototype.hasOwnProperty.call(translations, keyForCount(options.count))) {\n        // Find key__count translation key\n        return replaceTranslationValues(translations[keyForCount(options.count)], options.values);\n    } else if (Object.prototype.hasOwnProperty.call(translations, keyPlural) && options.count > 1) {\n        // Find key__plural translation key, if count greater than 1 (e.g. myTranslation__plural)\n        return replaceTranslationValues(translations[keyPlural], options.values);\n    } else if (Object.prototype.hasOwnProperty.call(translations, key)) {\n        // Find key translation key (e.g. myTranslation)\n        return replaceTranslationValues(translations[key], options.values);\n    }\n\n    return null;\n};\n\n/**\n * Injects JSX elements in a middle of a translation and returns a JSX array\n * The input string should use %# as the token to know where to insert the component\n * @param translation - Translation string\n * @param renderFunctions - An array function that renders JSX elements\n */\nexport const interpolateElement = (translation: string, renderFunctions: Array<(translation: string) => h.JSX.Element | string>) => {\n    // splits by regex group, it guarantees that it only splits with 2 tokens (%#)\n    const matches = translation.split(/%#(.*?)%#/gm);\n\n    if (renderFunctions.length !== Math.floor(matches.length / 2)) {\n        throw Error('The number of functions provided does not match the number of elements in the translation string.');\n    }\n\n    // the map will create an array of JSX / string elements, this syntax in accepted in JSX/react to render elements\n    return matches.map((term, index) => {\n        // math to get the index of the renderFunction that should be used\n        // since we split on tokens, that means the index of the render function is half of the index of the string\n        const indexInFunctionArray = Math.floor(index / 2);\n        return index % 2 === 0 ? term : renderFunctions[indexInFunctionArray](term);\n    });\n};\n"],"names":["formatLocale","localeParam","locale","replace","format","RegExp","test","languageCode","countryCode","split","length","AdyenCheckoutError","toLowerCase","fullLocale","toUpperCase","join","formatCustomTranslations","customTranslations","Object","keys","reduce","memo","customTranslationLocaleKey","replaceTranslationValues","translation","values","_","k","getTranslation","translations","key","options","count","keyPlural","keyForCount","prototype","hasOwnProperty","call","interpolateElement","renderFunctions","matches","Math","floor","Error","map","term","index","indexInFunctionArray"],"mappings":"8FAWO,SAASA,EAAaC,GACzB,MAAMC,EAASD,EAAYE,QAAQ,IAAK,KAClCC,EAAS,IAAIC,OAAO,6BAG1B,GAAID,EAAOE,KAAKJ,GACZ,OAAOA,EAIX,MAAOK,EAAcC,GAAeN,EAAOO,MAAM,KACjD,GAA4B,IAAxBF,EAAaG,OACb,MAAM,IAAIC,EAAmB,uBAAwB,WAAWV,yCAEpE,IAAKO,EACD,OAAOD,EAAaK,cAIxB,MAAMC,EAAa,CAACN,EAAaK,cAAeJ,EAAYM,eAAeC,KAAK,KAChF,GAAIX,EAAOE,KAAKO,GACZ,OAAOA,EAEP,MAAM,IAAIF,EAAmB,uBAAwB,WAAWV,wCAExE,CAMO,SAASe,EAAyBC,EAAyC,IAC9E,OAAOC,OAAOC,KAAKF,GAAoBG,QAAO,CAACC,EAAMC,KAEjDD,EADerB,EAAasB,IACbL,EAAmBK,GAC3BD,IACR,GACP,CAEA,MAAME,EAA2B,CAACC,EAAaC,IACpCD,EAAYrB,QAAQ,aAAa,CAACuB,EAAGC,IAAMF,EAAOE,IAAM,KAWtDC,EAAiB,CAACC,EAAsBC,EAAaC,EAAkC,CAAEN,OAAQ,CAAC,EAAGO,MAAO,MACrH,MAAMC,EAAY,GAAGH,YACfI,EAAcF,GAAS,GAAGF,MAAQE,IAExC,OAAId,OAAOiB,UAAUC,eAAeC,KAAKR,EAAcK,EAAYH,EAAQC,QAEhET,EAAyBM,EAAaK,EAAYH,EAAQC,QAASD,EAAQN,QAC3EP,OAAOiB,UAAUC,eAAeC,KAAKR,EAAcI,IAAcF,EAAQC,MAAQ,EAEjFT,EAAyBM,EAAaI,GAAYF,EAAQN,QAC1DP,OAAOiB,UAAUC,eAAeC,KAAKR,EAAcC,GAEnDP,EAAyBM,EAAaC,GAAMC,EAAQN,QAGxD,IAAA,EASEa,EAAqB,CAACd,EAAqBe,KAEpD,MAAMC,EAAUhB,EAAYf,MAAM,eAElC,GAAI8B,EAAgB7B,SAAW+B,KAAKC,MAAMF,EAAQ9B,OAAS,GACvD,MAAMiC,MAAM,qGAIhB,OAAOH,EAAQI,KAAI,CAACC,EAAMC,KAGtB,MAAMC,EAAuBN,KAAKC,MAAMI,EAAQ,GAChD,OAAOA,EAAQ,GAAM,EAAID,EAAON,EAAgBQ,GAAsBF,EAAAA,GAC1E"}

package/dist/es/utils/Storage.js.map

@@ -1 +1 @@
-{"version":3,"file":"Storage.js","sources":["../../../src/utils/Storage.ts"],"sourcesContent":["class NonPersistentStorage {\n    private storage;\n\n    constructor() {\n        this.storage = {};\n    }\n\n    get length() {\n        return Object.keys(this.storage).length;\n    }\n\n    key(index) {\n        return Object.keys(this.storage)[index];\n    }\n    getItem(keyName) {\n        return this.storage[keyName] || null;\n    }\n    setItem(keyName, keyValue) {\n        return (this.storage[keyName] = keyValue);\n    }\n    removeItem(keyName) {\n        delete this.storage[keyName];\n    }\n    clear() {\n        this.storage = {};\n    }\n}\n\nclass Storage<T> {\n    private readonly prefix = 'adyen-checkout__';\n    private readonly key: string;\n    private storage: globalThis.Storage | NonPersistentStorage;\n\n    constructor(key: string, storageType: 'sessionStorage' | 'localStorage') {\n        try {\n            this.storage = storageType ? window[storageType] : window.localStorage;\n            if (!this.storage) {\n                throw new Error('storage does not exist');\n            }\n        } catch (e) {\n            this.storage = new NonPersistentStorage();\n        }\n        this.key = this.prefix + key;\n    }\n\n    public get(): T {\n        try {\n            return JSON.parse(this.storage.getItem(this.key));\n        } catch (err) {\n            return null;\n        }\n    }\n\n    public set(value: T) {\n        this.storage.setItem(this.key, JSON.stringify(value));\n    }\n\n    public remove() {\n        this.storage.removeItem(this.key);\n    }\n\n    public clear() {\n        this.storage.clear();\n    }\n\n    public keyByIndex(index) {\n        return this.storage.key(index);\n    }\n\n    get length() {\n        return this.storage.length;\n    }\n}\n\nexport default Storage;\n"],"names":["NonPersistentStorage","length","Object","keys","this","storage","key","index","getItem","keyName","setItem","keyValue","removeItem","clear","constructor","_define_property","Storage","get","JSON","parse","err","set","value","stringify","remove","keyByIndex","storageType","prefix","window","localStorage","Error","e"],"mappings":"wHAAA,MAAMA,EAOF,UAAIC,GACA,OAAOC,OAAOC,KAAKC,KAAKC,SAASJ,MACrC,CAEAK,GAAAA,CAAIC,GACA,OAAOL,OAAOC,KAAKC,KAAKC,SAASE,EACrC,CACAC,OAAAA,CAAQC,GACJ,OAAOL,KAAKC,QAAQI,IAAY,IACpC,CACAC,OAAAA,CAAQD,EAASE,GACb,OAAQP,KAAKC,QAAQI,GAAWE,CACpC,CACAC,UAAAA,CAAWH,UACAL,KAAKC,QAAQI,EACxB,CACAI,KAAAA,GACIT,KAAKC,QAAU,EACnB,CAtBAS,WAAAA,GAFAC,EAAAX,KAAQC,eAAR,GAGID,KAAKC,QAAU,EACnB,EAuBJ,MAAMW,EAiBKC,GAAAA,GACH,IACI,OAAOC,KAAKC,MAAMf,KAAKC,QAAQG,QAAQJ,KAAKE,KAChD,CAAE,MAAOc,GACL,OAAO,IACX,CACJ,CAEOC,GAAAA,CAAIC,GACPlB,KAAKC,QAAQK,QAAQN,KAAKE,IAAKY,KAAKK,UAAUD,GAClD,CAEOE,MAAAA,GACHpB,KAAKC,QAAQO,WAAWR,KAAKE,IACjC,CAEOO,KAAAA,GACHT,KAAKC,QAAQQ,OACjB,CAEOY,UAAAA,CAAWlB,GACd,OAAOH,KAAKC,QAAQC,IAAIC,EAC5B,CAEA,UAAIN,GACA,OAAOG,KAAKC,QAAQJ,MACxB,CAtCAa,WAAAA,CAAYR,EAAaoB,GAJzBX,EAAAX,KAAiBuB,SAAS,oBAC1BZ,EAAAX,KAAiBE,WAAjB,GACAS,EAAAX,KAAQC,eAAR,GAGI,IAEI,GADAD,KAAKC,QAAUqB,EAAcE,OAAOF,GAAeE,OAAOC,cACrDzB,KAAKC,QACN,MAAM,IAAIyB,MAAM,yBAExB,CAAE,MAAOC,GACL3B,KAAKC,QAAU,IAAIL,CACvB,CACAI,KAAKE,IAAMF,KAAKuB,OAASrB,CAC7B"}
+{"version":3,"file":"Storage.js","sources":["../../../src/utils/Storage.ts"],"sourcesContent":["class NonPersistentStorage {\n    private storage;\n\n    constructor() {\n        this.storage = {};\n    }\n\n    get length() {\n        return Object.keys(this.storage).length;\n    }\n\n    key(index) {\n        return Object.keys(this.storage)[index];\n    }\n    getItem(keyName) {\n        return this.storage[keyName] || null;\n    }\n    setItem(keyName, keyValue) {\n        return (this.storage[keyName] = keyValue);\n    }\n    removeItem(keyName) {\n        delete this.storage[keyName];\n    }\n    clear() {\n        this.storage = {};\n    }\n}\n\nclass Storage<T> {\n    private readonly prefix = 'adyen-checkout__';\n    private readonly key: string;\n    private storage: globalThis.Storage | NonPersistentStorage;\n\n    constructor(key: string, storageType: 'sessionStorage' | 'localStorage') {\n        try {\n            this.storage = storageType ? window[storageType] : window.localStorage;\n            if (!this.storage) {\n                throw new Error('storage does not exist');\n            }\n        } catch (e) {\n            this.storage = new NonPersistentStorage();\n        }\n        this.key = this.prefix + key;\n    }\n\n    public get(): T {\n        try {\n            return JSON.parse(this.storage.getItem(this.key));\n        } catch (err) {\n            return null;\n        }\n    }\n\n    public set(value: T) {\n        this.storage.setItem(this.key, JSON.stringify(value));\n    }\n\n    public remove() {\n        this.storage.removeItem(this.key);\n    }\n\n    public clear() {\n        this.storage.clear();\n    }\n\n    public keyByIndex(index) {\n        return this.storage.key(index);\n    }\n\n    get length() {\n        return this.storage.length;\n    }\n}\n\nexport default Storage;\n"],"names":["NonPersistentStorage","length","Object","keys","this","storage","key","index","getItem","keyName","setItem","keyValue","removeItem","clear","constructor","_define_property","Storage","get","JSON","parse","err","set","value","stringify","remove","keyByIndex","storageType","prefix","window","localStorage","Error","e"],"mappings":"wHAAA,MAAMA,EAOF,UAAIC,GACA,OAAOC,OAAOC,KAAKC,KAAKC,SAASJ,MACrC,CAEAK,GAAAA,CAAIC,GACA,OAAOL,OAAOC,KAAKC,KAAKC,SAASE,EACrC,CACAC,OAAAA,CAAQC,GACJ,OAAOL,KAAKC,QAAQI,IAAY,IACpC,CACAC,OAAAA,CAAQD,EAASE,GACb,OAAQP,KAAKC,QAAQI,GAAWE,CACpC,CACAC,UAAAA,CAAWH,UACAL,KAAKC,QAAQI,EACxB,CACAI,KAAAA,GACIT,KAAKC,QAAU,CAAC,CACpB,CAtBAS,WAAAA,GAFAC,EAAAX,KAAQC,eAAR,GAGID,KAAKC,QAAU,CAAC,CACpB,EAuBJ,MAAMW,EAiBKC,GAAAA,GACH,IACI,OAAOC,KAAKC,MAAMf,KAAKC,QAAQG,QAAQJ,KAAKE,KAChD,CAAE,MAAOc,GACL,OAAO,IACX,CACJ,CAEOC,GAAAA,CAAIC,GACPlB,KAAKC,QAAQK,QAAQN,KAAKE,IAAKY,KAAKK,UAAUD,GAClD,CAEOE,MAAAA,GACHpB,KAAKC,QAAQO,WAAWR,KAAKE,IACjC,CAEOO,KAAAA,GACHT,KAAKC,QAAQQ,OACjB,CAEOY,UAAAA,CAAWlB,GACd,OAAOH,KAAKC,QAAQC,IAAIC,EAC5B,CAEA,UAAIN,GACA,OAAOG,KAAKC,QAAQJ,MACxB,CAtCAa,WAAAA,CAAYR,EAAaoB,GAJzBX,EAAAX,KAAiBuB,SAAS,oBAC1BZ,EAAAX,KAAiBE,WAAjB,GACAS,EAAAX,KAAQC,eAAR,GAGI,IAEI,GADAD,KAAKC,QAAUqB,EAAcE,OAAOF,GAAeE,OAAOC,cACrDzB,KAAKC,QACN,MAAM,IAAIyB,MAAM,yBAExB,CAAE,MAAOC,GACL3B,KAAKC,QAAU,IAAIL,CACvB,CACAI,KAAKE,IAAMF,KAAKuB,OAASrB,CAC7B"}

package/dist/es/utils/commonUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonUtils.js","sources":["../../../src/utils/commonUtils.ts"],"sourcesContent":["/**\n * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)\n * of values.\n * @internal\n */\nconst objToString = Object.prototype.toString;\n\n/**\n * Checks if `prop` is classified as an `Array` primitive or object.\n * @internal\n * @param prop - The value to check.\n * @returns Returns `true` if `prop` is correctly classified, else `false`.\n * @example\n * ```\n * isArray([1, 2, 3]);\n * // => true\n *\n * isArray(1);\n * // => false\n * ```\n */\nexport function isArray(prop) {\n    return typeof prop === 'object' && prop !== null && Object.prototype.toString.call(prop) === '[object Array]';\n}\n\n/**\n * The function existy is meant to define the existence of something.\n * Using the loose inequality operator (!=), it is possible to distinguish between null, undefined, and everything else.\n * @internal\n * @param x -\n * @returns\n */\nexport function existy(x) {\n    return x != null;\n}\n\n/**\n * Used to determine if something should be considered a synonym for true\n * NOTE: The number zero is considered “truthy” by design as is '' & `{}`.\n * If you wish to retain the behavior where 0 is a synonym for false, then do not use truthy where you might expect 0\n * So - returns true if something is not false, undefined or null\n * @internal\n * @param x -\n * @returns\n */\nexport function truthy(x) {\n    return x !== false && existy(x);\n}\n\n/**\n * Checks if `value` is object-like.\n * (FROM lodash.3.10.1)\n * @internal\n * @param value - The value to check.\n * @returns Returns `true` if `value` is object-like, else `false`.\n */\nfunction isObjectLike(value) {\n    return !!value && typeof value === 'object';\n}\n\n/**\n * @internal\n * Checks if `value` is classified as a `Number` primitive or object.\n * NOTE: `Infinity`, `-Infinity`, and `NaN` are classified as numbers\n * (FROM lodash.3.10.1)\n * @param value - The value to check.\n * @returns Returns `true` if `value` is correctly classified, else `false`.\n * @example\n * ```\n * isNumber(8.4);\n * // => true\n *\n * isNumber(NaN);\n * // => true\n *\n * isNumber('8.4');\n * // => false\n * ```\n */\nfunction isNumber(value) {\n    const numberTag = '[object Number]';\n    return typeof value === 'number' || (isObjectLike(value) && objToString.call(value) === numberTag);\n}\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n * (FROM lodash.3.10.1)\n * @internal\n * @param value - The value to check.\n * @returns Returns `true` if `value` is correctly classified, else `false`.\n * @example\n * ```\n * isString('abc');\n * // => true\n *\n * isString(1);\n * // => false\n * ```\n */\nfunction isString(value) {\n    const stringTag = '[object String]';\n    return typeof value === 'string' || (isObjectLike(value) && objToString.call(value) === stringTag);\n}\n\n/**\n * Returns true if x is:\n * null, undefined, false, 0, NaN, empty object or array, empty string\n * @param x -\n * @example\n * ```\n * falsy(0) // => true\n * falsy('') // => true\n * falsy({}) // => true\n * falsy([]) // => true\n * falsy(false) // => true\n * falsy(NaN) // => true\n * falsy(null) // => true\n * falsy(undefined) // => true\n *\n * falsy(1) // => false\n * falsy('d') // => false\n * falsy({type:\"kin\"}) // => false\n * falsy([6]) // => false\n * falsy(true) // => false\n * ```\n */\nexport function falsy(x) {\n    // Is null, undefined or false\n    if (!truthy(x)) {\n        return true;\n    }\n\n    // = 0 || NaN\n    if (isNumber(x)) {\n        if (x === 0 || Number.isNaN(x)) {\n            return true;\n        }\n    }\n\n    // empty array or string\n    if ((isArray(x) || isString(x)) && x.length === 0) {\n        return true;\n    }\n\n    // empty object\n    if (isObjectLike(x) && Object.keys(x).length === 0) {\n        return true;\n    }\n\n    return false;\n}\n\n/**\n * Inverse of falsy - returns true if x is NOT null, undefined, false, 0, NaN, empty object or array, empty string\n * @param x -\n */\nexport function notFalsy(x) {\n    return !falsy(x);\n}\n\n/**\n * 'Destructures' properties from object - returns a new object only containing those properties that were asked for (including if those properties\n * have values that are falsy: null, undefined, false, '').\n *\n * @param args - property names to select: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to choose properties.\n * This function returns a new object - a copy of the original but only including the desired properties\n *\n * @example const strippedObj = pick('cardType', 'securityCode').from(cardObject);\n * @example const strippedObj = pick(['cardType', 'securityCode']).from(cardObject);\n */\nexport function pick(...args) {\n    const myArgs = isArray(args[0]) ? args[0] : args;\n    return {\n        from: obj => {\n            return myArgs.map(k => (k in obj ? { [k]: obj[k] } : {})).reduce((res, o) => ({ ...res, ...o }), {});\n        }\n    };\n}\n\n/**\n *'Destructures' properties from object, returning a new object containing all the original objects properties except those that were specifically rejected\n *\n * @param args - property names to reject: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to reject properties.\n * This function returns a new object - a copy of the original but excluding the selected properties\n *\n * @example const strippedObj = reject('permittedLengths', 'pattern', 'startingRules').from(cardObject);\n * @example const strippedObj = reject(['permittedLengths', 'pattern', 'startingRules']).from(cardObject);\n */\nexport function reject(...args) {\n    const myArgs = isArray(args[0]) ? args[0] : args;\n    return {\n        from: obj => {\n            const vkeys = Object.keys(obj).filter(k => !myArgs.includes(k));\n            return pick(...vkeys).from(obj);\n        }\n    };\n}\n"],"names":["objToString","Object","prototype","toString","isArray","prop","call","existy","x","truthy","isObjectLike","value","falsy","Number","isNaN","isString","length","keys","notFalsy","pick","args","myArgs","from","obj","map","k","reduce","res","o","reject","filter","includes"],"mappings":"AAKA,MAAMA,EAAcC,OAAOC,UAAUC,SAgB9B,SAASC,EAAQC,GACpB,MAAuB,iBAATA,GAA8B,OAATA,GAA0D,mBAAzCJ,OAAOC,UAAUC,SAASG,KAAKD,EACvF,CASO,SAASE,EAAOC,GACnB,OAAY,MAALA,CACX,CAWO,SAASC,EAAOD,GACnB,OAAa,IAANA,GAAeD,EAAOC,EACjC,CASA,SAASE,EAAaC,GAClB,QAASA,GAA0B,iBAAVA,CAC7B,CAoEO,SAASC,EAAMJ,GAElB,OAAKC,EAAOD,SA/CY,iBAFVG,EAsDDH,IApDwBE,EAAaC,IADhC,oBAC0CX,EAAYM,KAAKK,KAqD/D,IAANH,IAAWK,OAAOC,MAAMN,SAM3BJ,EAAQI,KAzCjB,SAAkBG,GAEd,MAAwB,iBAAVA,GAAuBD,EAAaC,IADhC,oBAC0CX,EAAYM,KAAKK,EACjF,CAsCuBI,CAASP,IAAoB,IAAbA,EAAEQ,YAKjCN,EAAaF,IAAgC,IAA1BP,OAAOgB,KAAKT,GAAGQ,UAlE1C,IAAkBL,CAuElB,CAMO,SAASO,EAASV,GACrB,OAAQI,EAAMJ,EAClB,CAaO,SAASW,KAAQC,GACpB,MAAMC,EAASjB,EAAQgB,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHE,KAAMC,GACKF,EAAOG,KAAIC,GAAMA,KAAKF,EAAM,CAAEE,CAACA,GAAIF,EAAIE,IAAO,CAAKC,IAAAA,QAAO,CAACC,EAAKC,KAAO,IAAKD,KAAQC,KAAM,CAAC,GAG9G,CAYO,SAASC,KAAUT,GACtB,MAAMC,EAASjB,EAAQgB,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHE,KAAMC,GAEKJ,KADOlB,OAAOgB,KAAKM,GAAKO,QAAOL,IAAMJ,EAAOU,SAASN,MACtCH,KAAKC,GAGvC"}
+{"version":3,"file":"commonUtils.js","sources":["../../../src/utils/commonUtils.ts"],"sourcesContent":["/**\n * Used to resolve the [`toStringTag`](http://ecma-international.org/ecma-262/6.0/#sec-object.prototype.tostring)\n * of values.\n * @internal\n */\nconst objToString = Object.prototype.toString;\n\n/**\n * Checks if `prop` is classified as an `Array` primitive or object.\n * @internal\n * @param prop - The value to check.\n * @returns Returns `true` if `prop` is correctly classified, else `false`.\n * @example\n * ```\n * isArray([1, 2, 3]);\n * // => true\n *\n * isArray(1);\n * // => false\n * ```\n */\nexport function isArray(prop) {\n    return typeof prop === 'object' && prop !== null && Object.prototype.toString.call(prop) === '[object Array]';\n}\n\n/**\n * The function existy is meant to define the existence of something.\n * Using the loose inequality operator (!=), it is possible to distinguish between null, undefined, and everything else.\n * @internal\n * @param x -\n * @returns\n */\nexport function existy(x) {\n    return x != null;\n}\n\n/**\n * Used to determine if something should be considered a synonym for true\n * NOTE: The number zero is considered “truthy” by design as is '' & `{}`.\n * If you wish to retain the behavior where 0 is a synonym for false, then do not use truthy where you might expect 0\n * So - returns true if something is not false, undefined or null\n * @internal\n * @param x -\n * @returns\n */\nexport function truthy(x) {\n    return x !== false && existy(x);\n}\n\n/**\n * Checks if `value` is object-like.\n * (FROM lodash.3.10.1)\n * @internal\n * @param value - The value to check.\n * @returns Returns `true` if `value` is object-like, else `false`.\n */\nfunction isObjectLike(value) {\n    return !!value && typeof value === 'object';\n}\n\n/**\n * @internal\n * Checks if `value` is classified as a `Number` primitive or object.\n * NOTE: `Infinity`, `-Infinity`, and `NaN` are classified as numbers\n * (FROM lodash.3.10.1)\n * @param value - The value to check.\n * @returns Returns `true` if `value` is correctly classified, else `false`.\n * @example\n * ```\n * isNumber(8.4);\n * // => true\n *\n * isNumber(NaN);\n * // => true\n *\n * isNumber('8.4');\n * // => false\n * ```\n */\nfunction isNumber(value) {\n    const numberTag = '[object Number]';\n    return typeof value === 'number' || (isObjectLike(value) && objToString.call(value) === numberTag);\n}\n\n/**\n * Checks if `value` is classified as a `String` primitive or object.\n * (FROM lodash.3.10.1)\n * @internal\n * @param value - The value to check.\n * @returns Returns `true` if `value` is correctly classified, else `false`.\n * @example\n * ```\n * isString('abc');\n * // => true\n *\n * isString(1);\n * // => false\n * ```\n */\nfunction isString(value) {\n    const stringTag = '[object String]';\n    return typeof value === 'string' || (isObjectLike(value) && objToString.call(value) === stringTag);\n}\n\n/**\n * Returns true if x is:\n * null, undefined, false, 0, NaN, empty object or array, empty string\n * @param x -\n * @example\n * ```\n * falsy(0) // => true\n * falsy('') // => true\n * falsy({}) // => true\n * falsy([]) // => true\n * falsy(false) // => true\n * falsy(NaN) // => true\n * falsy(null) // => true\n * falsy(undefined) // => true\n *\n * falsy(1) // => false\n * falsy('d') // => false\n * falsy({type:\"kin\"}) // => false\n * falsy([6]) // => false\n * falsy(true) // => false\n * ```\n */\nexport function falsy(x) {\n    // Is null, undefined or false\n    if (!truthy(x)) {\n        return true;\n    }\n\n    // = 0 || NaN\n    if (isNumber(x)) {\n        if (x === 0 || Number.isNaN(x)) {\n            return true;\n        }\n    }\n\n    // empty array or string\n    if ((isArray(x) || isString(x)) && x.length === 0) {\n        return true;\n    }\n\n    // empty object\n    if (isObjectLike(x) && Object.keys(x).length === 0) {\n        return true;\n    }\n\n    return false;\n}\n\n/**\n * Inverse of falsy - returns true if x is NOT null, undefined, false, 0, NaN, empty object or array, empty string\n * @param x -\n */\nexport function notFalsy(x) {\n    return !falsy(x);\n}\n\n/**\n * 'Destructures' properties from object - returns a new object only containing those properties that were asked for (including if those properties\n * have values that are falsy: null, undefined, false, '').\n *\n * @param args - property names to select: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to choose properties.\n * This function returns a new object - a copy of the original but only including the desired properties\n *\n * @example const strippedObj = pick('cardType', 'securityCode').from(cardObject);\n * @example const strippedObj = pick(['cardType', 'securityCode']).from(cardObject);\n */\nexport function pick(...args) {\n    const myArgs = isArray(args[0]) ? args[0] : args;\n    return {\n        from: obj => {\n            return myArgs.map(k => (k in obj ? { [k]: obj[k] } : {})).reduce((res, o) => ({ ...res, ...o }), {});\n        }\n    };\n}\n\n/**\n *'Destructures' properties from object, returning a new object containing all the original objects properties except those that were specifically rejected\n *\n * @param args - property names to reject: can be either 'regular' arguments (comma separated list) or an array\n * @returns - an object with a function 'from' that accepts a single argument - the object from which to reject properties.\n * This function returns a new object - a copy of the original but excluding the selected properties\n *\n * @example const strippedObj = reject('permittedLengths', 'pattern', 'startingRules').from(cardObject);\n * @example const strippedObj = reject(['permittedLengths', 'pattern', 'startingRules']).from(cardObject);\n */\nexport function reject(...args) {\n    const myArgs = isArray(args[0]) ? args[0] : args;\n    return {\n        from: obj => {\n            const vkeys = Object.keys(obj).filter(k => !myArgs.includes(k));\n            return pick(...vkeys).from(obj);\n        }\n    };\n}\n"],"names":["objToString","Object","prototype","toString","isArray","prop","call","existy","x","truthy","isObjectLike","value","falsy","Number","isNaN","isString","length","keys","notFalsy","pick","args","myArgs","from","obj","map","k","reduce","res","o","reject","filter","includes"],"mappings":"AAKA,MAAMA,EAAcC,OAAOC,UAAUC,SAgB9B,SAASC,EAAQC,GACpB,MAAuB,iBAATA,GAA8B,OAATA,GAA0D,mBAAzCJ,OAAOC,UAAUC,SAASG,KAAKD,EACvF,CASO,SAASE,EAAOC,GACnB,OAAY,MAALA,CACX,CAWO,SAASC,EAAOD,GACnB,OAAa,IAANA,GAAeD,EAAOC,EACjC,CASA,SAASE,EAAaC,GAClB,QAASA,GAA0B,iBAAVA,CAC7B,CAoEO,SAASC,EAAMJ,GAElB,OAAKC,EAAOD,SA/CY,iBAFVG,EAsDDH,IApDwBE,EAAaC,IADhC,oBAC0CX,EAAYM,KAAKK,KAqD/D,IAANH,IAAWK,OAAOC,MAAMN,SAM3BJ,EAAQI,KAzCjB,SAAkBG,GAEd,MAAwB,iBAAVA,GAAuBD,EAAaC,IADhC,oBAC0CX,EAAYM,KAAKK,EACjF,CAsCuBI,CAASP,IAAoB,IAAbA,EAAEQ,YAKjCN,EAAaF,IAAgC,IAA1BP,OAAOgB,KAAKT,GAAGQ,UAlE1C,IAAkBL,CAuElB,CAMO,SAASO,EAASV,GACrB,OAAQI,EAAMJ,EAClB,CAaO,SAASW,KAAQC,GACpB,MAAMC,EAASjB,EAAQgB,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHE,KAAMC,GACKF,EAAOG,KAAIC,GAAMA,KAAKF,EAAM,CAAEE,CAACA,GAAIF,EAAIE,IAAO,CAAKC,IAAAA,QAAO,CAACC,EAAKC,KAAO,IAAKD,KAAQC,KAAM,CAAA,GAG7G,CAYO,SAASC,KAAUT,GACtB,MAAMC,EAASjB,EAAQgB,EAAK,IAAMA,EAAK,GAAKA,EAC5C,MAAO,CACHE,KAAMC,GAEKJ,KADOlB,OAAOgB,KAAKM,GAAKO,QAAOL,IAAMJ,EAAOU,SAASN,MACtCH,KAAKC,GAGvC"}

package/dist/es/utils/get-process-message-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-process-message-handler.js","sources":["../../../src/utils/get-process-message-handler.ts"],"sourcesContent":["/**\n * Centralised window.postMessage processing function used in 3DS2 components and also by the deviceFingerprinting process\n * NOTE: this latter use case means that while the deviceFingerprinting is still completing this component is also listening to\n *  securedFields related postMessaging\n *\n * @param domain - expected domain for the postMesssage to have originated from\n * @param resolve - the resolve function from the Promise that called this function\n * @param reject - the reject function from the Promise that called this function\n * @param parseErrorObj - an error object to log in the case of unparseable data (albeit from a valid origin)\n * @param expectedType - string to check that the passed data has the expected type\n */\nimport { hasOwnProperty } from './hasOwnProperty';\nimport { PostMsgParseErrorObject } from '../components/ThreeDS2/types';\n\nconst getProcessMessageHandler =\n    (domain: string, resolve: Function, reject: Function, expectedType: string): Function =>\n    event => {\n        const parseErrorObj: PostMsgParseErrorObject = {};\n        const origin = event.origin || event.originalEvent?.origin;\n\n        if (origin !== domain) {\n            return 'Message was not sent from the expected domain';\n        }\n\n        if (typeof event.data !== 'string') {\n            return 'Event data was not of type string';\n        }\n\n        if (!event.data.length) {\n            return 'Invalid event data string';\n        }\n\n        // Try to parse the data\n        try {\n            const feedbackObj = JSON.parse(event.data);\n            if (hasOwnProperty(feedbackObj, 'type') && feedbackObj.type === expectedType) {\n                resolve(feedbackObj);\n            } else {\n                // Silent fail - applies when RiskModule device fingerprinting is ongoing and this handler is picking up securedFields traffic\n                return 'Event data was not of expected type';\n            }\n        } catch (e) {\n            parseErrorObj.type = `${expectedType}-JSON-parse-error`;\n            parseErrorObj.comment = 'failed to JSON parse event.data';\n            parseErrorObj.extraInfo = `event.data = ${event.data}`;\n            parseErrorObj.eventDataRaw = event.data;\n\n            // TODO - decide whether to console.log/debug/error &/or call the merchant defined onError callback\n            console.debug('get-process-message-handler::CATCH::Un-parseable JSON:: parseErrorObj=', parseErrorObj);\n\n            return false;\n        }\n\n        return true;\n    };\n\nexport default getProcessMessageHandler;\n"],"names":["getProcessMessageHandler","domain","resolve","reject","expectedType","event","parseErrorObj","origin","originalEvent","data","length","feedbackObj","JSON","parse","hasOwnProperty","type","e","comment","extraInfo","eventDataRaw","console","debug"],"mappings":"qDAcA,MAAMA,EACF,CAACC,EAAgBC,EAAmBC,EAAkBC,IACtDC,IACI,MAAMC,EAAyC,CAAA,EAG/C,IAFeD,EAAME,QAAUF,EAAMG,eAAeD,UAErCN,EACX,MAAO,gDAGX,GAA0B,iBAAfI,EAAMI,KACb,MAAO,oCAGX,IAAKJ,EAAMI,KAAKC,OACZ,MAAO,4BAIX,IACI,MAAMC,EAAcC,KAAKC,MAAMR,EAAMI,MACrC,IAAIK,EAAeH,EAAa,SAAWA,EAAYI,OAASX,EAI5D,MAAO,sCAHPF,EAAQS,EAKhB,CAAE,MAAOK,GASL,OARAV,EAAcS,KAAO,GAAGX,qBACxBE,EAAcW,QAAU,kCACxBX,EAAcY,UAAY,gBAAgBb,EAAMI,OAChDH,EAAca,aAAed,EAAMI,KAGnCW,QAAQC,MAAM,yEAA0Ef,IAEjF,CACX,CAEA,OAAO,CAAA"}
+{"version":3,"file":"get-process-message-handler.js","sources":["../../../src/utils/get-process-message-handler.ts"],"sourcesContent":["/**\n * Centralised window.postMessage processing function used in 3DS2 components and also by the deviceFingerprinting process\n * NOTE: this latter use case means that while the deviceFingerprinting is still completing this component is also listening to\n *  securedFields related postMessaging\n *\n * @param domain - expected domain for the postMesssage to have originated from\n * @param resolve - the resolve function from the Promise that called this function\n * @param reject - the reject function from the Promise that called this function\n * @param parseErrorObj - an error object to log in the case of unparseable data (albeit from a valid origin)\n * @param expectedType - string to check that the passed data has the expected type\n */\nimport { hasOwnProperty } from './hasOwnProperty';\nimport { PostMsgParseErrorObject } from '../components/ThreeDS2/types';\n\nconst getProcessMessageHandler =\n    (domain: string, resolve: Function, reject: Function, expectedType: string): Function =>\n    event => {\n        const parseErrorObj: PostMsgParseErrorObject = {};\n        const origin = event.origin || event.originalEvent?.origin;\n\n        if (origin !== domain) {\n            return 'Message was not sent from the expected domain';\n        }\n\n        if (typeof event.data !== 'string') {\n            return 'Event data was not of type string';\n        }\n\n        if (!event.data.length) {\n            return 'Invalid event data string';\n        }\n\n        // Try to parse the data\n        try {\n            const feedbackObj = JSON.parse(event.data);\n            if (hasOwnProperty(feedbackObj, 'type') && feedbackObj.type === expectedType) {\n                resolve(feedbackObj);\n            } else {\n                // Silent fail - applies when RiskModule device fingerprinting is ongoing and this handler is picking up securedFields traffic\n                return 'Event data was not of expected type';\n            }\n        } catch (e) {\n            parseErrorObj.type = `${expectedType}-JSON-parse-error`;\n            parseErrorObj.comment = 'failed to JSON parse event.data';\n            parseErrorObj.extraInfo = `event.data = ${event.data}`;\n            parseErrorObj.eventDataRaw = event.data;\n\n            // TODO - decide whether to console.log/debug/error &/or call the merchant defined onError callback\n            console.debug('get-process-message-handler::CATCH::Un-parseable JSON:: parseErrorObj=', parseErrorObj);\n\n            return false;\n        }\n\n        return true;\n    };\n\nexport default getProcessMessageHandler;\n"],"names":["getProcessMessageHandler","domain","resolve","reject","expectedType","event","parseErrorObj","origin","originalEvent","data","length","feedbackObj","JSON","parse","hasOwnProperty","type","e","comment","extraInfo","eventDataRaw","console","debug"],"mappings":"qDAcA,MAAMA,EACF,CAACC,EAAgBC,EAAmBC,EAAkBC,IACtDC,IACI,MAAMC,EAAyC,CAAC,EAGhD,IAFeD,EAAME,QAAUF,EAAMG,eAAeD,UAErCN,EACX,MAAO,gDAGX,GAA0B,iBAAfI,EAAMI,KACb,MAAO,oCAGX,IAAKJ,EAAMI,KAAKC,OACZ,MAAO,4BAIX,IACI,MAAMC,EAAcC,KAAKC,MAAMR,EAAMI,MACrC,IAAIK,EAAeH,EAAa,SAAWA,EAAYI,OAASX,EAI5D,MAAO,sCAHPF,EAAQS,EAKhB,CAAE,MAAOK,GASL,OARAV,EAAcS,KAAO,GAAGX,qBACxBE,EAAcW,QAAU,kCACxBX,EAAcY,UAAY,gBAAgBb,EAAMI,OAChDH,EAAca,aAAed,EAAMI,KAGnCW,QAAQC,MAAM,yEAA0Ef,IAEjF,CACX,CAEA,OAAO,CAAA"}

package/dist/es/utils/getOrigin.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOrigin.js","sources":["../../../src/utils/getOrigin.ts"],"sourcesContent":["/**\n *  Used to retrieve the origin from a url\n *\n *  @remarks\n *  Uses a regex to get origin (can't handle localhost origins)\n *\n *  @param url - URL\n *  @returns The origin of the url\n */\nexport const getOrigin = (url: string): string => {\n    const originRegex = /^(?:([A-Za-z]+):)?(\\/{0,3})([0-9.\\-A-Za-z]+)(?::(\\d+))?(?:\\/([^?#]*))?(?:\\?([^#]*))?(?:#(.*))?$/;\n    const matches = originRegex.exec(url);\n\n    if (!matches) return null;\n\n    const [, protocol, separator, host, port] = matches;\n\n    if (!protocol || !separator || !host) return null;\n\n    return `${protocol}:${separator}${host}${port ? `:${port}` : ''}`;\n};\n\nexport default getOrigin;\n"],"names":["getOrigin","url","matches","exec","protocol","separator","host","port"],"mappings":"AASaA,MAAAA,EAAaC,IACtB,MACMC,EADc,kGACQC,KAAKF,GAEjC,IAAKC,EAAS,OAAO,KAErB,MAAM,CAAGE,EAAUC,EAAWC,EAAMC,GAAQL,EAE5C,OAAKE,GAAaC,GAAcC,EAEzB,GAAGF,KAAYC,IAAYC,IAAOC,EAAO,IAAIA,IAAS,KAFhB,IAEoB"}
+{"version":3,"file":"getOrigin.js","sources":["../../../src/utils/getOrigin.ts"],"sourcesContent":["/**\n *  Used to retrieve the origin from a url\n *\n *  @remarks\n *  Uses a regex to get origin (can't handle localhost origins)\n *\n *  @param url - URL\n *  @returns The origin of the url\n */\nexport const getOrigin = (url: string): string => {\n    const originRegex = /^(?:([A-Za-z]+):)?(\\/{0,3})([0-9.\\-A-Za-z]+)(?::(\\d+))?(?:\\/([^?#]*))?(?:\\?([^#]*))?(?:#(.*))?$/;\n    const matches = originRegex.exec(url);\n\n    if (!matches) return null;\n\n    const [, protocol, separator, host, port] = matches;\n\n    if (!protocol || !separator || !host) return null;\n\n    return `${protocol}:${separator}${host}${port ? `:${port}` : ''}`;\n};\n\nexport default getOrigin;\n"],"names":["getOrigin","url","matches","exec","protocol","separator","host","port"],"mappings":"AASaA,MAAAA,EAAaC,IACtB,MACMC,EADc,kGACQC,KAAKF,GAEjC,IAAKC,EAAS,OAAO,KAErB,MAASE,CAAAA,EAAUC,EAAWC,EAAMC,GAAQL,EAE5C,OAAKE,GAAaC,GAAcC,EAEzB,GAAGF,KAAYC,IAAYC,IAAOC,EAAO,IAAIA,IAAS,KAFhB,IAEoB"}

package/dist/es/utils/useForm/reducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.js","sources":["../../../../src/utils/useForm/reducer.ts"],"sourcesContent":["const omitKeys = (obj, omit) =>\n    Object.keys(obj)\n        .filter(k => !omit.includes(k))\n        .reduce((a, c) => {\n            a[c] = obj[c];\n            return a;\n        }, {});\n\nconst addKeys = (obj, add, initialValue, defaultData, pendingData) =>\n    add.reduce((a, c) => ({ ...a, [c]: a[c] ?? pendingData?.[c] ?? defaultData?.[c] ?? initialValue }), obj);\n\n/**\n * Processes default data and sets as default in state\n */\nexport function init({ schema, defaultData, processField, fieldProblems }) {\n    const getProcessedState = fieldKey => {\n        if (typeof defaultData[fieldKey] === 'undefined')\n            return { valid: false, errors: null, data: null, fieldProblems: fieldProblems?.[fieldKey] ?? null };\n\n        const [formattedValue, validationResult] = processField(\n            { key: fieldKey, value: defaultData[fieldKey], mode: 'blur' },\n            { state: { data: defaultData } }\n        );\n\n        return {\n            valid: (validationResult.isValid && !fieldProblems?.[fieldKey]) || false,\n            errors: validationResult.hasError() ? validationResult.getError() : null,\n            data: formattedValue,\n            fieldProblems: fieldProblems?.[fieldKey] ?? null\n        };\n    };\n\n    const formData = schema.reduce(\n        (acc: any, fieldKey) => {\n            const { valid, errors, data, fieldProblems } = getProcessedState(fieldKey);\n\n            return {\n                valid: { ...acc.valid, [fieldKey]: valid },\n                errors: { ...acc.errors, [fieldKey]: errors },\n                data: { ...acc.data, [fieldKey]: data },\n                fieldProblems: { ...acc.fieldProblems, [fieldKey]: fieldProblems }\n            };\n        },\n        { data: {}, valid: {}, errors: {}, fieldProblems: {} }\n    );\n\n    return {\n        schema,\n        data: formData.data,\n        valid: formData.valid,\n        errors: formData.errors,\n        fieldProblems: formData.fieldProblems\n    };\n}\n\nexport function getReducer(processField) {\n    return function reducer(state, { type, key, value, mode, schema, defaultData, formValue, selectedSchema, fieldProblems, data }) {\n        const validationSchema: string[] = selectedSchema || state.schema;\n\n        switch (type) {\n            case 'setData': {\n                return { ...state, data: { ...state['data'], [key]: value } };\n            }\n            case 'mergeData': {\n                return { ...state, data: { ...state['data'], ...data } };\n            }\n            case 'setValid': {\n                return { ...state, valid: { ...state['valid'], [key]: value } };\n            }\n            case 'setErrors': {\n                return { ...state, errors: { ...state['errors'], [key]: value } };\n            }\n            case 'setFieldProblems': {\n                return (\n                    state?.schema?.reduce(\n                        (acc, key) => ({\n                            ...acc,\n                            fieldProblems: { ...state['fieldProblems'], [key]: fieldProblems?.[key] ?? null },\n                            valid: { ...state['valid'], [key]: state['valid']?.[key] && !fieldProblems[key] }\n                        }),\n                        state\n                    ) ?? state\n                );\n            }\n            case 'updateField': {\n                const [formattedValue, validation] = processField({ key, value, mode }, { state });\n                const oldValue = state.data[key];\n                const fieldProblems = { ...state.fieldProblems };\n                if (oldValue !== formattedValue) {\n                    fieldProblems[key] = null;\n                }\n                return {\n                    ...state,\n                    data: { ...state['data'], [key]: formattedValue },\n                    errors: { ...state['errors'], [key]: validation.hasError() ? validation.getError() : null },\n                    valid: { ...state['valid'], [key]: (validation.isValid && !fieldProblems[key]) || false },\n                    fieldProblems\n                };\n            }\n            case 'mergeForm': {\n                // To provide a uniform result from forms even if there are multiple levels of nested forms are present\n                const mergedState = {\n                    ...state,\n                    data: { ...state['data'], ...formValue['data'] },\n                    errors: { ...state['errors'], ...formValue['errors'] },\n                    valid: { ...state['valid'], ...formValue['valid'] },\n                    fieldProblems: { ...state['fieldProblems'], ...formValue['fieldProblems'] }\n                };\n                if (mergedState['valid']) {\n                    mergedState.isValid = Object.values(mergedState.valid).every(isValid => isValid);\n                }\n                return mergedState;\n            }\n            case 'setSchema': {\n                const defaultState = init({ schema, defaultData, processField, fieldProblems });\n                const removedSchemaFields = state.schema.filter(x => !schema.includes(x));\n                const newSchemaFields = schema.filter(x => !state.schema.includes(x));\n\n                // if we remove a key from the schema we also lost the latest value of the field\n                // to prevent this we have to store the value in a local state so we can recover it when the key is re-added to the schema\n                const local = {\n                    data: omitKeys(state.data, newSchemaFields),\n                    errors: omitKeys(state.errors, newSchemaFields),\n                    valid: omitKeys(state.valid, newSchemaFields)\n                };\n\n                // reindex data and validation according to the new schema\n                const data = addKeys(omitKeys(state.data, removedSchemaFields), newSchemaFields, null, defaultState.data, state.local?.data);\n                const valid = addKeys(omitKeys(state.valid, removedSchemaFields), newSchemaFields, false, defaultState.valid, state.local?.valid);\n                const errors = addKeys(omitKeys(state.errors, removedSchemaFields), newSchemaFields, null, defaultState.errors, state.local?.errors);\n\n                return { ...state, schema, data, valid, errors, local };\n            }\n            case 'validateForm': {\n                const formValidation = validationSchema.reduce(\n                    (acc, cur) => {\n                        const [, validation] = processField({ key: cur, value: state.data[cur], mode: 'blur' }, { state });\n                        return {\n                            valid: { ...acc['valid'], [cur]: (validation.isValid && !state.fieldProblems[cur]) || false },\n                            errors: { ...acc['errors'], [cur]: validation.hasError(true) ? validation.getError(true) : null }\n                        };\n                    },\n                    { valid: state.valid, errors: state.errors }\n                );\n\n                return { ...state, valid: formValidation.valid, errors: formValidation.errors };\n            }\n            default:\n                throw new Error('Undefined useForm action');\n        }\n    };\n}\n"],"names":["omitKeys","obj","omit","Object","keys","filter","k","includes","reduce","a","c","addKeys","add","initialValue","defaultData","pendingData","init","schema","processField","fieldProblems","getProcessedState","fieldKey","valid","errors","data","formattedValue","validationResult","key","value","mode","state","isValid","hasError","getError","formData","acc","getReducer","type","formValue","selectedSchema","validationSchema","validation","oldValue","mergedState","values","every","defaultState","removedSchemaFields","x","newSchemaFields","local","formValidation","cur","Error"],"mappings":"AAAA,MAAMA,EAAW,CAACC,EAAKC,IACnBC,OAAOC,KAAKH,GACPI,QAAOC,IAAMJ,EAAKK,SAASD,KAC3BE,QAAO,CAACC,EAAGC,KACRD,EAAEC,GAAKT,EAAIS,GACJD,IACR,CAAC,GAENE,EAAU,CAACV,EAAKW,EAAKC,EAAcC,EAAaC,IAClDH,EAAIJ,QAAO,CAACC,EAAGC,KAAO,IAAKD,EAAGC,CAACA,GAAID,EAAEC,IAAMK,IAAcL,IAAMI,IAAcJ,IAAMG,KAAiBZ,GAKjG,SAASe,GAAKC,OAAEA,EAAMH,YAAEA,EAAWI,aAAEA,EAAYC,cAAEA,IACtD,MAAMC,EAAoBC,IACtB,QAAqC,IAA1BP,EAAYO,GACnB,MAAO,CAAEC,OAAO,EAAOC,OAAQ,KAAMC,KAAM,KAAML,cAAeA,IAAgBE,IAAa,MAEjG,MAAOI,EAAgBC,GAAoBR,EACvC,CAAES,IAAKN,EAAUO,MAAOd,EAAYO,GAAWQ,KAAM,QACrD,CAAEC,MAAO,CAAEN,KAAMV,KAGrB,MAAO,CACHQ,MAAQI,EAAiBK,UAAYZ,IAAgBE,KAAc,EACnEE,OAAQG,EAAiBM,WAAaN,EAAiBO,WAAa,KACpET,KAAMC,EACNN,cAAeA,IAAgBE,IAAa,KAChD,EAGEa,EAAWjB,EAAOT,QACpB,CAAC2B,EAAUd,KACP,MAAMC,MAAEA,EAAKC,OAAEA,EAAMC,KAAEA,EAAIL,cAAEA,GAAkBC,EAAkBC,GAEjE,MAAO,CACHC,MAAO,IAAKa,EAAIb,MAAOD,CAACA,GAAWC,GACnCC,OAAQ,IAAKY,EAAIZ,OAAQF,CAACA,GAAWE,GACrCC,KAAM,IAAKW,EAAIX,KAAMH,CAACA,GAAWG,GACjCL,cAAe,IAAKgB,EAAIhB,cAAeE,CAACA,GAAWF,GACvD,GAEJ,CAAEK,KAAM,CAAC,EAAGF,MAAO,CAAC,EAAGC,OAAQ,CAAC,EAAGJ,cAAe,CAAC,IAGvD,MAAO,CACHF,SACAO,KAAMU,EAASV,KACfF,MAAOY,EAASZ,MAChBC,OAAQW,EAASX,OACjBJ,cAAee,EAASf,cAEhC,CAEO,SAASiB,EAAWlB,GACvB,OAAO,SAAiBY,GAAOO,KAAEA,EAAIV,IAAEA,EAAGC,MAAEA,EAAKC,KAAEA,EAAIZ,OAAEA,EAAMH,YAAEA,EAAWwB,UAAEA,EAASC,eAAEA,EAAcpB,cAAEA,EAAaK,KAAEA,IACpH,MAAMgB,EAA6BD,GAAkBT,EAAMb,OAE3D,OAAQoB,GACJ,IAAK,UACD,MAAO,IAAKP,EAAON,KAAM,IAAKM,EAAa,KAAEH,CAACA,GAAMC,IAExD,IAAK,YACD,MAAO,IAAKE,EAAON,KAAM,IAAKM,EAAa,QAAKN,IAEpD,IAAK,WACD,MAAO,IAAKM,EAAOR,MAAO,IAAKQ,EAAc,MAAEH,CAACA,GAAMC,IAE1D,IAAK,YACD,MAAO,IAAKE,EAAOP,OAAQ,IAAKO,EAAe,OAAEH,CAACA,GAAMC,IAE5D,IAAK,mBACD,OACIE,GAAOb,QAAQT,QACX,CAAC2B,EAAKR,KAAS,IACRQ,EACHhB,cAAe,IAAKW,EAAsB,cAAEH,CAACA,GAAMR,IAAgBQ,IAAQ,MAC3EL,MAAO,IAAKQ,EAAc,MAAEH,CAACA,GAAMG,EAAc,QAAGH,KAASR,EAAcQ,OAE/EG,IACCA,EAGb,IAAK,cAAe,CAChB,MAAOL,EAAgBgB,GAAcvB,EAAa,CAAES,MAAKC,QAAOC,QAAQ,CAAEC,UACpEY,EAAWZ,EAAMN,KAAKG,GACtBR,EAAgB,IAAKW,EAAMX,eAIjC,OAHIuB,IAAajB,IACbN,EAAcQ,GAAO,MAElB,IACAG,EACHN,KAAM,IAAKM,EAAa,KAAEH,CAACA,GAAMF,GACjCF,OAAQ,IAAKO,EAAe,OAAEH,CAACA,GAAMc,EAAWT,WAAaS,EAAWR,WAAa,MACrFX,MAAO,IAAKQ,EAAc,MAAEH,CAACA,GAAOc,EAAWV,UAAYZ,EAAcQ,KAAS,GAClFR,gBAER,CACA,IAAK,YAAa,CAEd,MAAMwB,EAAc,IACbb,EACHN,KAAM,IAAKM,EAAa,QAAKQ,EAAiB,MAC9Cf,OAAQ,IAAKO,EAAe,UAAKQ,EAAmB,QACpDhB,MAAO,IAAKQ,EAAc,SAAKQ,EAAkB,OACjDnB,cAAe,IAAKW,EAAsB,iBAAKQ,EAA0B,gBAK7E,OAHIK,EAAY,QACZA,EAAYZ,QAAU5B,OAAOyC,OAAOD,EAAYrB,OAAOuB,OAAMd,GAAWA,KAErEY,CACX,CACA,IAAK,YAAa,CACd,MAAMG,EAAe9B,EAAK,CAAEC,SAAQH,cAAaI,eAAcC,kBACzD4B,EAAsBjB,EAAMb,OAAOZ,QAAO2C,IAAM/B,EAAOV,SAASyC,KAChEC,EAAkBhC,EAAOZ,QAAO2C,IAAMlB,EAAMb,OAAOV,SAASyC,KAI5DE,EAAQ,CACV1B,KAAMxB,EAAS8B,EAAMN,KAAMyB,GAC3B1B,OAAQvB,EAAS8B,EAAMP,OAAQ0B,GAC/B3B,MAAOtB,EAAS8B,EAAMR,MAAO2B,IAI3BzB,EAAOb,EAAQX,EAAS8B,EAAMN,KAAMuB,GAAsBE,EAAiB,KAAMH,EAAatB,KAAMM,EAAMoB,OAAO1B,MACjHF,EAAQX,EAAQX,EAAS8B,EAAMR,MAAOyB,GAAsBE,GAAiB,EAAOH,EAAaxB,MAAOQ,EAAMoB,OAAO5B,OACrHC,EAASZ,EAAQX,EAAS8B,EAAMP,OAAQwB,GAAsBE,EAAiB,KAAMH,EAAavB,OAAQO,EAAMoB,OAAO3B,QAE7H,MAAO,IAAKO,EAAOb,SAAQO,OAAMF,QAAOC,SAAQ2B,QACpD,CACA,IAAK,eAAgB,CACjB,MAAMC,EAAiBX,EAAiBhC,QACpC,CAAC2B,EAAKiB,KACF,MAASX,CAAAA,GAAcvB,EAAa,CAAES,IAAKyB,EAAKxB,MAAOE,EAAMN,KAAK4B,GAAMvB,KAAM,QAAU,CAAEC,UAC1F,MAAO,CACHR,MAAO,IAAKa,EAAY,MAAEiB,CAACA,GAAOX,EAAWV,UAAYD,EAAMX,cAAciC,KAAS,GACtF7B,OAAQ,IAAKY,EAAa,OAAEiB,CAACA,GAAMX,EAAWT,UAAS,GAAQS,EAAWR,UAAS,GAAQ,MAC/F,GAEJ,CAAEX,MAAOQ,EAAMR,MAAOC,OAAQO,EAAMP,SAGxC,MAAO,IAAKO,EAAOR,MAAO6B,EAAe7B,MAAOC,OAAQ4B,EAAe5B,OAC3E,CACA,QACI,MAAM,IAAI8B,MAAM,4BAE5B,CACJ"}
+{"version":3,"file":"reducer.js","sources":["../../../../src/utils/useForm/reducer.ts"],"sourcesContent":["const omitKeys = (obj, omit) =>\n    Object.keys(obj)\n        .filter(k => !omit.includes(k))\n        .reduce((a, c) => {\n            a[c] = obj[c];\n            return a;\n        }, {});\n\nconst addKeys = (obj, add, initialValue, defaultData, pendingData) =>\n    add.reduce((a, c) => ({ ...a, [c]: a[c] ?? pendingData?.[c] ?? defaultData?.[c] ?? initialValue }), obj);\n\n/**\n * Processes default data and sets as default in state\n */\nexport function init({ schema, defaultData, processField, fieldProblems }) {\n    const getProcessedState = fieldKey => {\n        if (typeof defaultData[fieldKey] === 'undefined')\n            return { valid: false, errors: null, data: null, fieldProblems: fieldProblems?.[fieldKey] ?? null };\n\n        const [formattedValue, validationResult] = processField(\n            { key: fieldKey, value: defaultData[fieldKey], mode: 'blur' },\n            { state: { data: defaultData } }\n        );\n\n        return {\n            valid: (validationResult.isValid && !fieldProblems?.[fieldKey]) || false,\n            errors: validationResult.hasError() ? validationResult.getError() : null,\n            data: formattedValue,\n            fieldProblems: fieldProblems?.[fieldKey] ?? null\n        };\n    };\n\n    const formData = schema.reduce(\n        (acc: any, fieldKey) => {\n            const { valid, errors, data, fieldProblems } = getProcessedState(fieldKey);\n\n            return {\n                valid: { ...acc.valid, [fieldKey]: valid },\n                errors: { ...acc.errors, [fieldKey]: errors },\n                data: { ...acc.data, [fieldKey]: data },\n                fieldProblems: { ...acc.fieldProblems, [fieldKey]: fieldProblems }\n            };\n        },\n        { data: {}, valid: {}, errors: {}, fieldProblems: {} }\n    );\n\n    return {\n        schema,\n        data: formData.data,\n        valid: formData.valid,\n        errors: formData.errors,\n        fieldProblems: formData.fieldProblems\n    };\n}\n\nexport function getReducer(processField) {\n    return function reducer(state, { type, key, value, mode, schema, defaultData, formValue, selectedSchema, fieldProblems, data }) {\n        const validationSchema: string[] = selectedSchema || state.schema;\n\n        switch (type) {\n            case 'setData': {\n                return { ...state, data: { ...state['data'], [key]: value } };\n            }\n            case 'mergeData': {\n                return { ...state, data: { ...state['data'], ...data } };\n            }\n            case 'setValid': {\n                return { ...state, valid: { ...state['valid'], [key]: value } };\n            }\n            case 'setErrors': {\n                return { ...state, errors: { ...state['errors'], [key]: value } };\n            }\n            case 'setFieldProblems': {\n                return (\n                    state?.schema?.reduce(\n                        (acc, key) => ({\n                            ...acc,\n                            fieldProblems: { ...state['fieldProblems'], [key]: fieldProblems?.[key] ?? null },\n                            valid: { ...state['valid'], [key]: state['valid']?.[key] && !fieldProblems[key] }\n                        }),\n                        state\n                    ) ?? state\n                );\n            }\n            case 'updateField': {\n                const [formattedValue, validation] = processField({ key, value, mode }, { state });\n                const oldValue = state.data[key];\n                const fieldProblems = { ...state.fieldProblems };\n                if (oldValue !== formattedValue) {\n                    fieldProblems[key] = null;\n                }\n                return {\n                    ...state,\n                    data: { ...state['data'], [key]: formattedValue },\n                    errors: { ...state['errors'], [key]: validation.hasError() ? validation.getError() : null },\n                    valid: { ...state['valid'], [key]: (validation.isValid && !fieldProblems[key]) || false },\n                    fieldProblems\n                };\n            }\n            case 'mergeForm': {\n                // To provide a uniform result from forms even if there are multiple levels of nested forms are present\n                const mergedState = {\n                    ...state,\n                    data: { ...state['data'], ...formValue['data'] },\n                    errors: { ...state['errors'], ...formValue['errors'] },\n                    valid: { ...state['valid'], ...formValue['valid'] },\n                    fieldProblems: { ...state['fieldProblems'], ...formValue['fieldProblems'] }\n                };\n                if (mergedState['valid']) {\n                    mergedState.isValid = Object.values(mergedState.valid).every(isValid => isValid);\n                }\n                return mergedState;\n            }\n            case 'setSchema': {\n                const defaultState = init({ schema, defaultData, processField, fieldProblems });\n                const removedSchemaFields = state.schema.filter(x => !schema.includes(x));\n                const newSchemaFields = schema.filter(x => !state.schema.includes(x));\n\n                // if we remove a key from the schema we also lost the latest value of the field\n                // to prevent this we have to store the value in a local state so we can recover it when the key is re-added to the schema\n                const local = {\n                    data: omitKeys(state.data, newSchemaFields),\n                    errors: omitKeys(state.errors, newSchemaFields),\n                    valid: omitKeys(state.valid, newSchemaFields)\n                };\n\n                // reindex data and validation according to the new schema\n                const data = addKeys(omitKeys(state.data, removedSchemaFields), newSchemaFields, null, defaultState.data, state.local?.data);\n                const valid = addKeys(omitKeys(state.valid, removedSchemaFields), newSchemaFields, false, defaultState.valid, state.local?.valid);\n                const errors = addKeys(omitKeys(state.errors, removedSchemaFields), newSchemaFields, null, defaultState.errors, state.local?.errors);\n\n                return { ...state, schema, data, valid, errors, local };\n            }\n            case 'validateForm': {\n                const formValidation = validationSchema.reduce(\n                    (acc, cur) => {\n                        const [, validation] = processField({ key: cur, value: state.data[cur], mode: 'blur' }, { state });\n                        return {\n                            valid: { ...acc['valid'], [cur]: (validation.isValid && !state.fieldProblems[cur]) || false },\n                            errors: { ...acc['errors'], [cur]: validation.hasError(true) ? validation.getError(true) : null }\n                        };\n                    },\n                    { valid: state.valid, errors: state.errors }\n                );\n\n                return { ...state, valid: formValidation.valid, errors: formValidation.errors };\n            }\n            default:\n                throw new Error('Undefined useForm action');\n        }\n    };\n}\n"],"names":["omitKeys","obj","omit","Object","keys","filter","k","includes","reduce","a","c","addKeys","add","initialValue","defaultData","pendingData","init","schema","processField","fieldProblems","getProcessedState","fieldKey","valid","errors","data","formattedValue","validationResult","key","value","mode","state","isValid","hasError","getError","formData","acc","getReducer","type","formValue","selectedSchema","validationSchema","validation","oldValue","mergedState","values","every","defaultState","removedSchemaFields","x","newSchemaFields","local","formValidation","cur","Error"],"mappings":"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"}

package/dist/es/utils/useForm/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","sources":["../../../../src/utils/useForm/useForm.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from 'preact/hooks';\nimport Validator from '../Validator';\nimport { getReducer, init } from './reducer';\nimport { Form, FormState, FormProps, Formatter } from './types';\n\nfunction isFormatterObject(formatter: Formatter | Function): formatter is Formatter {\n    return formatter && 'formatterFn' in formatter;\n}\n\nfunction useForm<FormSchema>(props: FormProps): Form<FormSchema> {\n    const { rules = {}, formatters = {}, defaultData = {}, fieldProblems = {}, schema = [] } = props;\n\n    const validator = useMemo(() => new Validator(rules), [rules]);\n\n    /** Formats and validates a field */\n    const processField = ({ key, value, mode }, fieldContext) => {\n        // Find a formatting function either stored under 'key' or a level deeper under a 'formatter' property\n        const formatter = formatters?.[key];\n        const formatterFn = isFormatterObject(formatter) ? formatter.formatterFn : formatter;\n        const formattedValue = formatterFn && typeof formatterFn === 'function' ? formatterFn(value ?? '', fieldContext) : value;\n\n        const validationResult = validator.validate({ key, value: formattedValue, mode }, fieldContext);\n        return [formattedValue, validationResult];\n    };\n\n    const [state, dispatch] = useReducer<FormState<FormSchema>, any, any>(\n        getReducer(processField),\n        { defaultData, schema: schema ?? [], processField, fieldProblems },\n        init\n    );\n    const isValid = useMemo(() => state.schema.reduce((acc, val) => acc && state.valid[val], true), [state.schema, state.valid]);\n\n    const getTargetValue = (key, e) => {\n        if (!e.target) return e;\n\n        if (e.target.type === 'checkbox') {\n            return !state.data[key];\n        }\n        return e.target.value;\n    };\n\n    /** Formats, validates, and stores a new value for a form field */\n    const handleChangeFor = (key, mode) => {\n        return e => {\n            const value = getTargetValue(key, e);\n            dispatch({ type: 'updateField', key, value, mode });\n        };\n    };\n\n    /** Validates every field in the form OR just those in selectedSchema */\n    const triggerValidation = useCallback((selectedSchema = null) => {\n        dispatch({ type: 'validateForm', selectedSchema });\n    }, []);\n\n    const setErrors = useCallback((key, value) => dispatch({ type: 'setErrors', key, value }), []);\n    const setValid = useCallback((key, value) => dispatch({ type: 'setValid', key, value }), []);\n    const setData = useCallback((key, value) => dispatch({ type: 'setData', key, value }), []);\n    const mergeData = useCallback(data => dispatch({ type: 'mergeData', data }), []);\n    const setSchema = useCallback(schema => dispatch({ type: 'setSchema', schema, defaultData }), [state.schema]);\n    const mergeForm = useCallback(formValue => dispatch({ type: 'mergeForm', formValue }), []);\n    const setFieldProblems = useCallback(fieldProblems => dispatch({ type: 'setFieldProblems', fieldProblems }), [state.schema]);\n\n    // Set reducer fields problems if fieldProblems prop changes\n    useEffect(() => {\n        setFieldProblems(fieldProblems ?? {});\n    }, [JSON.stringify(fieldProblems)]);\n\n    return {\n        handleChangeFor,\n        triggerValidation,\n        setSchema,\n        setData,\n        mergeData,\n        setValid,\n        setErrors,\n        isValid,\n        mergeForm,\n        setFieldProblems,\n        schema: state.schema,\n        valid: state.valid,\n        errors: state.errors,\n        data: state.data,\n        fieldProblems: state.fieldProblems\n    };\n}\n\nexport default useForm;\n"],"names":["useForm","props","rules","formatters","defaultData","fieldProblems","schema","validator","useMemo","Validator","processField","key","value","mode","fieldContext","formatter","formatterFn","isFormatterObject","formattedValue","validate","state","dispatch","useReducer","getReducer","init","isValid","reduce","acc","val","valid","triggerValidation","useCallback","selectedSchema","type","setErrors","setValid","setData","mergeData","data","setSchema","mergeForm","formValue","setFieldProblems","useEffect","JSON","stringify","handleChangeFor","e","target","getTargetValue","errors"],"mappings":"iNASA,SAASA,EAAoBC,GACzB,MAAMC,MAAEA,EAAQ,CAAA,EAAEC,WAAEA,EAAa,CAAE,EAAAC,YAAEA,EAAc,GAAEC,cAAEA,EAAgB,CAAA,EAAEC,OAAEA,EAAS,IAAOL,EAErFM,EAAYC,GAAQ,IAAM,IAAIC,EAAUP,IAAQ,CAACA,IAGjDQ,EAAe,EAAGC,MAAKC,QAAOC,QAAQC,KAExC,MAAMC,EAAYZ,IAAaQ,GACzBK,EAbd,SAA2BD,GACvB,OAAOA,GAAa,gBAAiBA,CACzC,CAW4BE,CAAkBF,GAAaA,EAAUC,YAAcD,EACrEG,EAAiBF,GAAsC,mBAAhBA,EAA6BA,EAAYJ,GAAS,GAAIE,GAAgBF,EAGnH,MAAO,CAACM,EADiBX,EAAUY,SAAS,CAAER,MAAKC,MAAOM,EAAgBL,QAAQC,GACzC,GAGtCM,EAAOC,GAAYC,EACtBC,EAAWb,GACX,CAAEN,cAAaE,OAAQA,GAAU,GAAII,eAAcL,iBACnDmB,GAEEC,EAAUjB,GAAQ,IAAMY,EAAMd,OAAOoB,QAAO,CAACC,EAAKC,IAAQD,GAAOP,EAAMS,MAAMD,KAAM,IAAO,CAACR,EAAMd,OAAQc,EAAMS,QAoB/GC,EAAoBC,GAAY,CAACC,EAAiB,QACpDX,EAAS,CAAEY,KAAM,eAAgBD,kBAAe,GACjD,IAEGE,EAAYH,GAAY,CAACpB,EAAKC,IAAUS,EAAS,CAAEY,KAAM,YAAatB,MAAKC,WAAU,IACrFuB,EAAWJ,GAAY,CAACpB,EAAKC,IAAUS,EAAS,CAAEY,KAAM,WAAYtB,MAAKC,WAAU,IACnFwB,EAAUL,GAAY,CAACpB,EAAKC,IAAUS,EAAS,CAAEY,KAAM,UAAWtB,MAAKC,WAAU,IACjFyB,EAAYN,GAAYO,GAAQjB,EAAS,CAAEY,KAAM,YAAaK,UAAS,IACvEC,EAAYR,GAAYzB,GAAUe,EAAS,CAAEY,KAAM,YAAa3B,SAAQF,iBAAgB,CAACgB,EAAMd,SAC/FkC,EAAYT,GAAYU,GAAapB,EAAS,CAAEY,KAAM,YAAaQ,eAAc,IACjFC,EAAmBX,GAAY1B,GAAiBgB,EAAS,CAAEY,KAAM,mBAAoB5B,mBAAkB,CAACe,EAAMd,SAOpH,OAJAqC,GAAU,KACND,EAAiBrC,GAAiB,CAAA,EAAC,GACpC,CAACuC,KAAKC,UAAUxC,KAEZ,CACHyC,gBA1BoB,CAACnC,EAAKE,IACnBkC,IACH,MAAMnC,EAZS,EAACD,EAAKoC,IACpBA,EAAEC,OAEe,aAAlBD,EAAEC,OAAOf,MACDb,EAAMkB,KAAK3B,GAEhBoC,EAAEC,OAAOpC,MALMmC,EAWJE,CAAetC,EAAKoC,GAClC1B,EAAS,CAAEY,KAAM,cAAetB,MAAKC,QAAOC,QAAK,EAwBrDiB,oBACAS,YACAH,UACAC,YACAF,WACAD,YACAT,UACAe,YACAE,mBACApC,OAAQc,EAAMd,OACduB,MAAOT,EAAMS,MACbqB,OAAQ9B,EAAM8B,OACdZ,KAAMlB,EAAMkB,KACZjC,cAAee,EAAMf,cAE7B"}
+{"version":3,"file":"useForm.js","sources":["../../../../src/utils/useForm/useForm.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from 'preact/hooks';\nimport Validator from '../Validator';\nimport { getReducer, init } from './reducer';\nimport { Form, FormState, FormProps, Formatter } from './types';\n\nfunction isFormatterObject(formatter: Formatter | Function): formatter is Formatter {\n    return formatter && 'formatterFn' in formatter;\n}\n\nfunction useForm<FormSchema>(props: FormProps): Form<FormSchema> {\n    const { rules = {}, formatters = {}, defaultData = {}, fieldProblems = {}, schema = [] } = props;\n\n    const validator = useMemo(() => new Validator(rules), [rules]);\n\n    /** Formats and validates a field */\n    const processField = ({ key, value, mode }, fieldContext) => {\n        // Find a formatting function either stored under 'key' or a level deeper under a 'formatter' property\n        const formatter = formatters?.[key];\n        const formatterFn = isFormatterObject(formatter) ? formatter.formatterFn : formatter;\n        const formattedValue = formatterFn && typeof formatterFn === 'function' ? formatterFn(value ?? '', fieldContext) : value;\n\n        const validationResult = validator.validate({ key, value: formattedValue, mode }, fieldContext);\n        return [formattedValue, validationResult];\n    };\n\n    const [state, dispatch] = useReducer<FormState<FormSchema>, any, any>(\n        getReducer(processField),\n        { defaultData, schema: schema ?? [], processField, fieldProblems },\n        init\n    );\n    const isValid = useMemo(() => state.schema.reduce((acc, val) => acc && state.valid[val], true), [state.schema, state.valid]);\n\n    const getTargetValue = (key, e) => {\n        if (!e.target) return e;\n\n        if (e.target.type === 'checkbox') {\n            return !state.data[key];\n        }\n        return e.target.value;\n    };\n\n    /** Formats, validates, and stores a new value for a form field */\n    const handleChangeFor = (key, mode) => {\n        return e => {\n            const value = getTargetValue(key, e);\n            dispatch({ type: 'updateField', key, value, mode });\n        };\n    };\n\n    /** Validates every field in the form OR just those in selectedSchema */\n    const triggerValidation = useCallback((selectedSchema = null) => {\n        dispatch({ type: 'validateForm', selectedSchema });\n    }, []);\n\n    const setErrors = useCallback((key, value) => dispatch({ type: 'setErrors', key, value }), []);\n    const setValid = useCallback((key, value) => dispatch({ type: 'setValid', key, value }), []);\n    const setData = useCallback((key, value) => dispatch({ type: 'setData', key, value }), []);\n    const mergeData = useCallback(data => dispatch({ type: 'mergeData', data }), []);\n    const setSchema = useCallback(schema => dispatch({ type: 'setSchema', schema, defaultData }), [state.schema]);\n    const mergeForm = useCallback(formValue => dispatch({ type: 'mergeForm', formValue }), []);\n    const setFieldProblems = useCallback(fieldProblems => dispatch({ type: 'setFieldProblems', fieldProblems }), [state.schema]);\n\n    // Set reducer fields problems if fieldProblems prop changes\n    useEffect(() => {\n        setFieldProblems(fieldProblems ?? {});\n    }, [JSON.stringify(fieldProblems)]);\n\n    return {\n        handleChangeFor,\n        triggerValidation,\n        setSchema,\n        setData,\n        mergeData,\n        setValid,\n        setErrors,\n        isValid,\n        mergeForm,\n        setFieldProblems,\n        schema: state.schema,\n        valid: state.valid,\n        errors: state.errors,\n        data: state.data,\n        fieldProblems: state.fieldProblems\n    };\n}\n\nexport default useForm;\n"],"names":["useForm","props","rules","formatters","defaultData","fieldProblems","schema","validator","useMemo","Validator","processField","key","value","mode","fieldContext","formatter","formatterFn","isFormatterObject","formattedValue","validate","state","dispatch","useReducer","getReducer","init","isValid","reduce","acc","val","valid","triggerValidation","useCallback","selectedSchema","type","setErrors","setValid","setData","mergeData","data","setSchema","mergeForm","formValue","setFieldProblems","useEffect","JSON","stringify","handleChangeFor","e","target","getTargetValue","errors"],"mappings":"iNASA,SAASA,EAAoBC,GACzB,MAAMC,MAAEA,EAAQ,GAAEC,WAAEA,EAAa,CAAA,EAAEC,YAAEA,EAAc,CAAE,EAAAC,cAAEA,EAAgB,CAAE,EAAAC,OAAEA,EAAS,IAAOL,EAErFM,EAAYC,GAAQ,IAAM,IAAIC,EAAUP,IAAQ,CAACA,IAGjDQ,EAAe,EAAGC,MAAKC,QAAOC,QAAQC,KAExC,MAAMC,EAAYZ,IAAaQ,GACzBK,EAbd,SAA2BD,GACvB,OAAOA,GAAa,gBAAiBA,CACzC,CAW4BE,CAAkBF,GAAaA,EAAUC,YAAcD,EACrEG,EAAiBF,GAAsC,mBAAhBA,EAA6BA,EAAYJ,GAAS,GAAIE,GAAgBF,EAGnH,MAAO,CAACM,EADiBX,EAAUY,SAAS,CAAER,MAAKC,MAAOM,EAAgBL,QAAQC,GACzC,GAGtCM,EAAOC,GAAYC,EACtBC,EAAWb,GACX,CAAEN,cAAaE,OAAQA,GAAU,GAAII,eAAcL,iBACnDmB,GAEEC,EAAUjB,GAAQ,IAAMY,EAAMd,OAAOoB,QAAO,CAACC,EAAKC,IAAQD,GAAOP,EAAMS,MAAMD,KAAM,IAAO,CAACR,EAAMd,OAAQc,EAAMS,QAoB/GC,EAAoBC,GAAY,CAACC,EAAiB,QACpDX,EAAS,CAAEY,KAAM,eAAgBD,kBAAe,GACjD,IAEGE,EAAYH,GAAY,CAACpB,EAAKC,IAAUS,EAAS,CAAEY,KAAM,YAAatB,MAAKC,WAAU,IACrFuB,EAAWJ,GAAY,CAACpB,EAAKC,IAAUS,EAAS,CAAEY,KAAM,WAAYtB,MAAKC,WAAU,IACnFwB,EAAUL,GAAY,CAACpB,EAAKC,IAAUS,EAAS,CAAEY,KAAM,UAAWtB,MAAKC,WAAU,IACjFyB,EAAYN,GAAYO,GAAQjB,EAAS,CAAEY,KAAM,YAAaK,UAAS,IACvEC,EAAYR,GAAYzB,GAAUe,EAAS,CAAEY,KAAM,YAAa3B,SAAQF,iBAAgB,CAACgB,EAAMd,SAC/FkC,EAAYT,GAAYU,GAAapB,EAAS,CAAEY,KAAM,YAAaQ,eAAc,IACjFC,EAAmBX,GAAY1B,GAAiBgB,EAAS,CAAEY,KAAM,mBAAoB5B,mBAAkB,CAACe,EAAMd,SAOpH,OAJAqC,GAAU,KACND,EAAiBrC,GAAiB,GAAC,GACpC,CAACuC,KAAKC,UAAUxC,KAEZ,CACHyC,gBA1BoB,CAACnC,EAAKE,IACnBkC,IACH,MAAMnC,EAZS,EAACD,EAAKoC,IACpBA,EAAEC,OAEe,aAAlBD,EAAEC,OAAOf,MACDb,EAAMkB,KAAK3B,GAEhBoC,EAAEC,OAAOpC,MALMmC,EAWJE,CAAetC,EAAKoC,GAClC1B,EAAS,CAAEY,KAAM,cAAetB,MAAKC,QAAOC,QAAK,EAwBrDiB,oBACAS,YACAH,UACAC,YACAF,WACAD,YACAT,UACAe,YACAE,mBACApC,OAAQc,EAAMd,OACduB,MAAOT,EAAMS,MACbqB,OAAQ9B,EAAM8B,OACdZ,KAAMlB,EAAMkB,KACZjC,cAAee,EAAMf,cAE7B"}

package/dist/es-legacy/adyen.css

@@ -1,5 +1,5 @@
 .js-iframe{border:none;height:100%;overflow:hidden;width:100%}
-.adyen-checkout-card-input__wrapper{position:relative}.adyen-checkout-card-input__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);height:18px;margin-right:var(--adyen-sdk-spacer-060,12px);width:27px}.adyen-checkout-card-input__form{opacity:1}.adyen-checkout-card-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.adyen-checkout-card-input__spinner--active{display:block}.adyen-checkout-card-input__form--loading{opacity:0}.adyen-checkout__input{display:block;max-height:100px}.adyen-checkout__field.adyen-checkout__card__cvc__input--hidden,.adyen-checkout__field.adyen-checkout__card__exp-date__input--hidden{display:none}.adyen-checkout__card__exp-cvc__exp-date__input--hidden{justify-content:flex-end}.revolving-plan-installments__disabled{opacity:.4;pointer-events:none}.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__card__exp-date__input--oneclick{font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-title-line-height,26px);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__store-details{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;gap:var(--adyen-sdk-spacer-060,12px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout__card__holderName:first-child{margin:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field--cardNumber .adyen-checkout__input--error+.adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;backface-visibility:visible;display:flex;height:100%;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;display:flex;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:var(--adyen-sdk-spacer-070,16px);position:relative;top:52px;width:30%}
+.adyen-checkout-card-input__wrapper{position:relative}.adyen-checkout-card-input__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);height:18px;margin-right:var(--adyen-sdk-spacer-060,12px);width:27px}.adyen-checkout-card-input__form{opacity:1}.adyen-checkout-card-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.adyen-checkout-card-input__spinner--active{display:block}.adyen-checkout-card-input__form--loading{opacity:0}.adyen-checkout__input{display:block;max-height:100px}.adyen-checkout__field.adyen-checkout__card__cvc__input--hidden,.adyen-checkout__field.adyen-checkout__card__exp-date__input--hidden{display:none}.adyen-checkout__card__exp-cvc__exp-date__input--hidden{justify-content:flex-end}.revolving-plan-installments__disabled{opacity:.4;pointer-events:none}.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__card__exp-date__input--oneclick{font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-title-line-height,26px);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__store-details{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;gap:var(--adyen-sdk-spacer-060,12px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout__card__holderName:first-child{margin:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field--cardNumber .adyen-checkout-card-input__icon--hidden,.adyen-checkout__field--cardNumber .adyen-checkout__input--error+.adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;backface-visibility:visible;display:flex;height:100%;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;display:flex;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:var(--adyen-sdk-spacer-070,16px);position:relative;top:52px;width:30%}
 .adyen-checkout__spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__spinner__wrapper--inline{display:inline-block;height:auto;margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__spinner{height:var(--adyen-sdk-spacer-090,24px);position:relative;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__spinner:after,.adyen-checkout__spinner:before{animation:rotate 1s cubic-bezier(.785,.135,.15,.86) infinite;border:var(--adyen-sdk-border-width-l,3px) solid transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__spinner--small{height:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__spinner--small:after,.adyen-checkout__spinner--small:before{border-width:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__spinner--medium{height:28px;width:28px}.adyen-checkout__spinner--large{height:var(--adyen-sdk-spacer-120,48px);width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__spinner--large:after,.adyen-checkout__spinner--large:before{border-width:var(--adyen-sdk-spacer-020,4px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
 .loading-input__form{opacity:1}.loading-input__form--loading{opacity:0}.loading-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-input__spinner--active{display:block}
 .adyen-checkout__field{display:block;margin-bottom:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within:hover{border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:hover{border:none;box-shadow:none}.adyen-checkout__input-wrapper{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;position:relative}.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input,.adyen-checkout__input-wrapper span{border-radius:inherit}.adyen-checkout__input-wrapper button,.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input{border:none}.adyen-checkout__input-wrapper:active,.adyen-checkout__input-wrapper:active:hover,.adyen-checkout__input-wrapper:focus-within,.adyen-checkout__input-wrapper:focus-within:hover{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__input-wrapper:hover{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__field--inactive>.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__field--error>:not(.adyen-checkout__label--focused)+.adyen-checkout__input-wrapper:not(:focus-within,:active){border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__label--focused+.adyen-checkout__input-wrapper{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__label--disabled+.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__helper-text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin-bottom:var(--adyen-sdk-spacer-020,4px);overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__label--focused .adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout-contextual-text,.adyen-checkout-contextual-text--error{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-020,4px);opacity:1;transition:margin .2s ease-out,opacity .2s ease-out}.adyen-checkout-contextual-text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout-contextual-text--hidden{height:0;margin:0;opacity:0}
@@ -16,12 +16,12 @@
 .adyen-checkout__address-search{position:relative}.adyen-checkout__address-search .adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-070,16px);left:var(--adyen-sdk-spacer-060,12px);position:absolute;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45m0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");transform:none}.adyen-checkout__address-search .adyen-checkout__filter-input{padding-left:calc(var(--adyen-sdk-spacer-040, 8px) + var(--adyen-sdk-spacer-070, 16px));position:relative}.adyen-checkout__address-search__manual-add{position:absolute;right:0;top:0}.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button{border:0;padding:0}
 .adyen-checkout-form-instruction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px);margin-top:0}[dir=rtl] .adyen-checkout-form-instruction{padding-right:0}
 .adyen-checkout__button{background:var(--adyen-sdk-color-background-always-dark,#00112c);border:0;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-120,48px);margin:0;padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-000,0);text-decoration:none;transition:background .3s ease-out,box-shadow .3s ease-out;width:100%}.adyen-checkout__button:focus{box-shadow:0 0 0 1px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:0}.adyen-checkout__button:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);box-shadow:0 0,0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) -1px rgba(0,0,0,.2),0 var(--adyen-sdk-spacer-020,4px) 5px 0 rgba(0,0,0,.14)}.adyen-checkout__button:active{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3)}.adyen-checkout__button:hover:focus{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3),0 3px var(--adyen-sdk-spacer-020,4px) rgba(0,15,45,.2)}.adyen-checkout__button:disabled,.adyen-checkout__button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.4;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--loading{background:var(--adyen-sdk-color-label-disabled,#8d95a3);box-shadow:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button.adyen-checkout__button--pay{display:flex;justify-content:center;margin-top:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__button.adyen-checkout__button--pay:disabled{opacity:.4}.adyen-checkout__button.adyen-checkout__button--standalone{margin-top:0}.adyen-checkout__button.adyen-checkout__button--inline{display:block;font-size:.81em;height:auto;padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__button.adyen-checkout__button--ghost{background:none;border:0;color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__button.adyen-checkout__button--ghost .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__button.adyen-checkout__button--ghost:hover{background:var(--adyen-sdk-color-background-secondary-hover,#eeeff1);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--ghost:active{background:var(--adyen-sdk-color-background-secondary-active,#e3e5e9);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-label-primary,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__button.adyen-checkout__button--secondary:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-spacer-020,4px) rgba(27,42,60,.2),0 var(--adyen-sdk-spacer-020,4px) 5px rgba(27,42,60,.14)}.adyen-checkout__button.adyen-checkout__button--secondary:active,.adyen-checkout__button.adyen-checkout__button--secondary:active:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--secondary:focus{box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-tertiary,#8d95a3);outline:0}.adyen-checkout__button.adyen-checkout__button--secondary:disabled,.adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover{background-color:var(--adyen-sdk-color-background-secondary,#f7f7f8);border-color:var(--adyen-sdk-color-outline-disabled,#dbdee2);box-shadow:none;cursor:not-allowed;opacity:.5;-webkit-user-select:all;-moz-user-select:all;user-select:all}.adyen-checkout__button.adyen-checkout__button--action{background:var(--adyen-sdk-color-background-always-dark,#00112c);border:var(--adyen-sdk-border-width-s,1px) solid transparent;color:var(--adyen-sdk-color-label-on-color,#ffffff);padding:var(--adyen-sdk-spacer-050,10px) var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__button.adyen-checkout__button--action:hover{background:var(--adyen-sdk-color-background-inverse-primary-hover,#5c687c);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--action:active,.adyen-checkout__button.adyen-checkout__button--action:active:hover{background:var(--adyen-sdk-color-background-always-dark-active,#8d95a3);box-shadow:none}.adyen-checkout__button.adyen-checkout__button--link{background:transparent;border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-s,4px);color:var(--adyen-sdk-color-label-highlight,#0070f5);font-weight:var(--adyen-sdk-text-body-font-weight,400);padding:var(--adyen-sdk-spacer-010,2px);text-decoration:none}.adyen-checkout__button.adyen-checkout__button--link:hover{background:transparent;box-shadow:none;text-decoration:underline}.adyen-checkout__button.adyen-checkout__button--completed,.adyen-checkout__button.adyen-checkout__button--completed:active,.adyen-checkout__button.adyen-checkout__button--completed:active:hover,.adyen-checkout__button.adyen-checkout__button--completed:hover{background:var(--adyen-sdk-color-label-success,#07893c);color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon{filter:brightness(0) invert(1)}.adyen-checkout__button__content{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__button__icon{margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__button__icon{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__button__text{display:block;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__button__text--sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.adyen-checkout__button .adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-label-on-color,#ffffff);border-top-color:transparent;opacity:.1}.adyen-checkout__button .adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-label-on-color,#ffffff)}
-.adyen-checkout-ctp__otp-resend-code{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;text-decoration:underline}.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);cursor:default;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;pointer-events:none}.adyen-checkout-ctp__otp-resend-code--confirmation{align-items:center;display:flex}.adyen-checkout-ctp__otp-resend-code--confirmation>img{margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-resend-code-counter{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:default;display:inline-block;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;text-align:right}.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp{margin-bottom:var(--adyen-sdk-spacer-060,12px)}
+.adyen-checkout-ctp__otp-resend-code-wrapper{line-height:var(--adyen-sdk-text-body-line-height,20px);margin-left:auto;position:absolute;right:0;top:0}.adyen-checkout-ctp__otp-resend-code--confirmation,.adyen-checkout-ctp__otp-resend-code--disabled{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);cursor:default;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;pointer-events:none}.adyen-checkout-ctp__otp-resend-code--confirmation{align-items:center;display:flex}.adyen-checkout-ctp__otp-resend-code--confirmation>img{margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-resend-code-counter{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:default;display:inline-block;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);margin-left:auto;text-align:right}.adyen-checkout-ctp__section>.adyen-checkout__field.adyen-checkout__field--otp{margin-bottom:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__otp-field-wrapper{position:relative}
 .adyen_checkout-ctp__brand-wrapper{align-items:center;display:flex;height:18px}.adyen_checkout-ctp__brand-logo{margin-right:var(--adyen-sdk-spacer-030,6px);width:var(--adyen-sdk-spacer-090,24px)}.adyen_checkout-ctp__brand-pipe{height:15px;margin-right:var(--adyen-sdk-spacer-030,6px)}.adyen_checkout-ctp__brand-scheme{margin-right:var(--adyen-sdk-spacer-030,6px);-o-object-fit:none;object-fit:none}.adyen_checkout-ctp__brand-scheme-mc{width:27px}.adyen_checkout-ctp__brand-scheme-visa{width:35px}
 .adyen-checkout__modal-wrapper{align-items:center;display:flex;height:100%;left:0;overflow-y:auto;overscroll-behavior-y:contain;padding:var(--adyen-sdk-spacer-090,24px);position:fixed;top:0;visibility:hidden;width:100%;z-index:10}.adyen-checkout__modal-wrapper:before{background:rgba(0,17,44,.5);content:"";height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s linear;width:100%;z-index:10}.adyen-checkout__modal-wrapper--open{visibility:visible}.adyen-checkout__modal-wrapper--open .adyen-checkout__modal,.adyen-checkout__modal-wrapper--open:before{opacity:1}.adyen-checkout__modal{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-090,24px) rgba(0,17,44,.15);margin:auto;opacity:0;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:opacity .2s ease,visibility .2s ease;z-index:11}@media (max-width:480px){.adyen-checkout__modal-wrapper{padding:0}.adyen-checkout__modal{border-radius:0;height:100%}}
 .adyen-checkout__ctp-modal-header-image{display:block;margin:auto}.adyen-checkout__ctp-modal-title{font-size:var(--adyen-sdk-spacer-080,20px);font-weight:700;line-height:var(--adyen-sdk-spacer-090,24px);margin:0 0 var(--adyen-sdk-spacer-060,12px);padding:0}.adyen-checkout__ctp-modal-text{font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__ctp-modal-benefits{margin-left:0;padding-left:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__ctp-modal-benefits li{list-style:disc;margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal{max-width:464px}.adyen_checkout-ctp__brand-wrapper--popup{justify-content:center;margin-bottom:var(--adyen-sdk-spacer-090,24px)}
 .adyen-web__ctp-info-button{background-color:transparent;border:0;cursor:pointer;padding:0}
-.adyen-checkout-ctp__section-logout-button{color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-left:auto;text-decoration:underline}.adyen-checkout-ctp__section-logout-button--disabled{color:var(--adyen-sdk-color-label-disabled,#8d95a3);pointer-events:none}
+.adyen-checkout__button--section-logout-button{margin-left:auto}.adyen-checkout__button--section-logout-button--disabled{color:var(--adyen-sdk-color-label-disabled,#8d95a3);pointer-events:none}
 .adyen-checkout-ctp__section{background-color:white;border-radius:var(--adyen-sdk-spacer-060,12px);box-shadow:0 6px 12px rgba(0,17,44,.08),0 2px 4px rgba(0,17,44,.04);padding:var(--adyen-sdk-spacer-070,16px);position:relative}.adyen-checkout-ctp__section-brand{align-items:center;display:flex;height:18px;margin-bottom:16px}.adyen-checkout-ctp__section--standalone{all:unset}.adyen-checkout-ctp__section .adyen-checkout__fieldset{margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout-ctp__section-header{align-items:center;display:flex}.adyen-checkout-ctp__section-header-title{font-size:17px;font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:22px;margin:0;padding:0;width:auto}@media screen and (max-width:400px){.adyen-checkout-ctp__section-header-title{font-size:15px}}.adyen-checkout-ctp__section-header-adornment{margin-left:5px}.adyen-checkout-ctp__section-text{color:var(--adyen-sdk-color-label-tertiary,#8d95a3);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0 0 var(--adyen-sdk-spacer-070,16px)}.adyen-checkout-ctp__section-text,.adyen-checkout-ctp__separator{font-size:13px;font-weight:var(--adyen-sdk-text-body-font-weight,400)}.adyen-checkout-ctp__separator{color:var(--adyen-sdk-color-label-primary,#00112c)}
 .adyen-checkout-ctp__otp-subtitle--highlighted{color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500)}
 .adyen-checkout-ctp__otp-checkbox-container{background-color:#f7f8f9;border-radius:var(--adyen-sdk-border-radius-s,4px);margin-bottom:var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-ctp__otp-checkbox-container--checked{background-color:#F2F8FF}.adyen-checkout-ctp__otp-checkbox-container label{cursor:pointer}.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container{margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout-ctp__otp-checkbox-info{color:#707070;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin:var(--adyen-sdk-spacer-020,4px) 0 0}.adyen-checkout-ctp__otp-readmore-button{all:unset;color:#0075ff;cursor:pointer;text-transform:lowercase}
@@ -76,11 +76,11 @@
 .adyen-checkout__alert-message{border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,12px);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:var(--adyen-sdk-spacer-060,12px);text-align:left}.adyen-checkout__alert-message--error{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d)}.adyen-checkout__alert-message--info{background:var(--adyen-sdk-color-background-secondary,#f7f7f8)}.adyen-checkout__alert-message__icon{height:14px;margin-right:var(--adyen-sdk-spacer-040,8px);width:14px}
 .adyen-checkout__giftcard-result__header{align-items:center;display:flex;flex-wrap:nowrap;font-size:1em;font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;position:relative;width:100%}.adyen-checkout__giftcard-result__header__title{align-items:center;display:flex}.adyen-checkout__giftcard-result__name{margin-left:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance{list-style:none;margin:var(--adyen-sdk-spacer-070,16px) 0 0;padding:0}.adyen-checkout__giftcard-result__balance__item{display:flex;justify-content:space-between;margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__giftcard-result__balance__item:last-child{margin-bottom:0}.adyen-checkout__giftcard-result__balance__value--amount{font-weight:700}.adyen-checkout__giftcard-result__remaining-balance{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:13px;line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:var(--adyen-sdk-spacer-040,8px) auto 0;text-align:center}
 .adyen-checkout__bankTransfer__introduction{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);margin:0 0 var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__bankTransfer__emailField{margin:0 0 var(--adyen-sdk-spacer-070,16px)}
-.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:var(--adyen-sdk-color-label-primary,#00112c);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}.adyen-checkout__adyen-giving .adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-primary,#00112c);margin-top:0}.adyen-checkout__campaign{background:var(--adyen-sdk-color-label-primary,#00112c);border-radius:var(--adyen-sdk-border-radius-m,8px);height:227px;overflow:hidden;position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-container{height:100%}.adyen-checkout__campaign-logo{border:var(--adyen-sdk-spacer-010,2px) solid rgba(255,255,255,.4);border-radius:var(--adyen-sdk-border-radius-s,4px);display:block;height:var(--adyen-sdk-spacer-120,48px);margin-bottom:var(--adyen-sdk-spacer-070,16px);overflow:hidden;width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__campaign-background-image{background-color:var(--adyen-sdk-color-label-primary,#00112c);background-position:50%;background-size:cover;height:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before{background:inherit;content:"";height:100%;position:absolute;transition:transform .6s ease-out;width:100%}.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before{transform:scale(1.1)}.adyen-checkout__campaign-link .adyen-checkout__campaign-content{pointer-events:none}.adyen-checkout__campaign-content{bottom:0;padding:var(--adyen-sdk-spacer-070,16px);position:absolute;z-index:2}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:var(--adyen-sdk-color-label-on-color,#ffffff);font-weight:400;margin:0}.adyen-checkout__campaign-title{font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:var(--adyen-sdk-text-title-line-height,26px);margin-bottom:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__campaign-cause{color:var(--adyen-sdk-color-label-on-color,#ffffff);font-weight:var(--adyen-sdk-text-caption-font-weight,400);font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500)}.adyen-checkout__campaign-cause,.adyen-checkout__campaign-description{font-size:var(--adyen-sdk-text-caption-font-size,12px);line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout-roundup-description,.adyen-checkout__campaign-description{font-weight:var(--adyen-sdk-text-caption-font-weight,400)}.adyen-checkout-roundup-description{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,12px);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding-left:0}.adyen-checkout__adyen-giving-actions{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);margin-top:var(--adyen-sdk-spacer-070,16px);text-align:center}.adyen-checkout__button.adyen-checkout__button--donate{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto}
+.adyen-checkout__adyen-giving .adyen-checkout__status__icon{display:block;margin:var(--adyen-sdk-spacer-130,56px) auto var(--adyen-sdk-spacer-100,32px)}.adyen-checkout__adyen-giving .adyen-checkout__status__text{color:var(--adyen-sdk-color-label-primary,#00112c);margin-bottom:var(--adyen-sdk-spacer-130,56px);text-align:center}.adyen-checkout__adyen-giving .adyen-checkout-disclaimer__label{color:var(--adyen-sdk-color-label-primary,#00112c);margin-top:0}.adyen-checkout__campaign{position:relative}.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description{text-decoration:underline}.adyen-checkout__campaign-logo{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-s,4px);display:block;flex-shrink:0;height:var(--adyen-sdk-spacer-120,48px);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__campaign-background-image{aspect-ratio:5/2;background-color:var(--adyen-sdk-color-label-primary,#00112c);background-position:50%;background-size:100%;border-radius:var(--adyen-sdk-border-radius-m,8px);margin-bottom:var(--adyen-sdk-spacer-060,12px);overflow:hidden;transition:background-size .6s ease-out}.adyen-checkout__campaign-background-image:hover{background-size:110%}.adyen-checkout__campaign-link{text-decoration:none}.adyen-checkout__campaign-link:hover{text-decoration:underline}.adyen-checkout__campaign-content{align-items:flex-start;display:flex;gap:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__campaign-description,.adyen-checkout__campaign-title{color:var(--adyen-sdk-color-label-primary,#00112c);margin:0}.adyen-checkout__campaign-title{font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-title-font-weight,600);line-height:var(--adyen-sdk-text-title-line-height,26px)}.adyen-checkout__campaign-cause{font-weight:var(--adyen-sdk-text-caption-font-weight,400);font-weight:var(--adyen-sdk-text-caption-stronger-font-weight,500)}.adyen-checkout__campaign-cause,.adyen-checkout__campaign-description{font-size:var(--adyen-sdk-text-caption-font-size,12px);line-height:var(--adyen-sdk-text-caption-line-height,18px)}.adyen-checkout__campaign-description{font-weight:var(--adyen-sdk-text-caption-font-weight,400);margin-top:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-roundup-description{color:var(--adyen-sdk-color-label-secondary,#5c687c);display:inline-block;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-caption-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);padding-left:0}.adyen-checkout__adyen-giving-actions{display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-070,16px);margin-top:var(--adyen-sdk-spacer-070,16px);text-align:center}.adyen-checkout__button.adyen-checkout__button--donate{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__button.adyen-checkout__button--decline{display:block;margin:auto}
 .adyen-checkout__button-group{background:transparent;display:flex;justify-content:space-between}.adyen-checkout__button-group .adyen-checkout__button{background:transparent;border:0;box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-outline-primary,#dbdee2);color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:400;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-spacer-110,40px);margin-right:var(--adyen-sdk-spacer-040,8px);padding:0;text-align:center}.adyen-checkout__button-group .adyen-checkout__button:last-child{margin-right:0}.adyen-checkout__button-group .adyen-checkout__button:hover{background:transparent;box-shadow:inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__button-group .adyen-checkout__button:active{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:inset 0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__button-group .adyen-checkout__button--disabled,.adyen-checkout__button-group .adyen-checkout__button--disabled:hover{cursor:not-allowed;opacity:.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__button-group .adyen-checkout__button--selected,.adyen-checkout__button-group .adyen-checkout__button--selected:active,.adyen-checkout__button-group .adyen-checkout__button--selected:active:hover,.adyen-checkout__button-group .adyen-checkout__button--selected:hover{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);box-shadow:inset 0 0 0 1px var(--adyen-sdk-color-label-primary,#00112c);color:var(--adyen-sdk-color-label-primary,#00112c);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);height:var(--adyen-sdk-spacer-110,40px);transition:none}.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input{opacity:0;pointer-events:none;position:absolute}
 .adyen-checkout__order-payment-methods-list{list-style:none;margin:0 auto var(--adyen-sdk-spacer-070,16px);padding:0}.adyen-checkout__order-payment-method{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);margin-top:-1px;position:relative;width:100%}.adyen-checkout__order-payment-method:first-child{border-top-left-radius:var(--adyen-sdk-border-radius-m,8px);border-top-right-radius:var(--adyen-sdk-border-radius-m,8px)}.adyen-checkout__order-payment-method:last-child{border-bottom-left-radius:var(--adyen-sdk-border-radius-m,8px);border-bottom-right-radius:var(--adyen-sdk-border-radius-m,8px)}.adyen-checkout__order-payment-method__header{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:background .1s ease-out;width:100%}.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title{padding:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__order-payment-method__details{padding:0 var(--adyen-sdk-spacer-070,16px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__order-payment-method__deducted-amount{display:flex;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);justify-content:space-between;line-height:var(--adyen-sdk-text-subtitle-font-size,16px)}.adyen-checkout__order-payment-method__deducted-amount__label{font-size:var(--adyen-sdk-text-body-font-size,14px)}.adyen-checkout__order-payment-method__deducted-amount__value{font-weight:var(--adyen-sdk-text-body-stronger-font-weight,500)}.adyen-checkout__order-remaining-amount{border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-secondary,#5c687c);display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__order-remaining-amount strong{font-weight:700}
 .adyen-checkout__dropin--loading .adyen-checkout__instant-payment-methods-list{opacity:.2;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
-.adyen-checkout__payment-method__disable-confirmation{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border-left:1px solid #e12424;border-right:1px solid #e12424;color:var(--adyen-sdk-color-label-on-color,#ffffff);font-size:var(--adyen-sdk-text-body-font-size,14px);margin:0 -17px;max-height:0;opacity:0;overflow:hidden;transition:opacity .15s ease-out,max-height .15s linear,margin-bottom .1s linear}.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open{margin-bottom:var(--adyen-sdk-spacer-070,16px);max-height:62px;opacity:1}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;display:block;height:auto;margin:0 0 0 var(--adyen-sdk-spacer-040,8px);padding:var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#d81e1e;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#c11b1b;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled{border-color:transparent}
+.adyen-checkout__payment-method__disable-confirmation{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border-left:1px solid #e12424;border-right:1px solid #e12424;color:var(--adyen-sdk-color-label-on-color,#ffffff);display:grid;font-size:var(--adyen-sdk-text-body-font-size,14px);grid-template-rows:0fr;margin:0 -17px;opacity:0;overflow:hidden;transition:grid-template-rows var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-linear,linear),opacity var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-standard,cubic-bezier(.2,0,.4,.9)),margin-bottom var(--adyen-sdk-animation-duration-fast,.1s) var(--adyen-sdk-animation-easing-linear,linear)}.adyen-checkout__payment-method__disable-confirmation__content{align-items:center;display:flex;justify-content:space-between;min-height:0;transition:visibility var(--adyen-sdk-animation-duration-moderate,.15s) var(--adyen-sdk-animation-easing-linear,linear),padding var(--adyen-sdk-animation-duration-fast,.1s) var(--adyen-sdk-animation-easing-linear,linear);visibility:hidden}.adyen-checkout__payment-method__disable-confirmation--open{grid-template-rows:1fr;margin-bottom:var(--adyen-sdk-spacer-070,16px);opacity:1}.adyen-checkout__payment-method__disable-confirmation--open .adyen-checkout__payment-method__disable-confirmation__content{padding:var(--adyen-sdk-spacer-040,8px) var(--adyen-sdk-spacer-070,16px);visibility:visible}.adyen-checkout__payment-method__disable-confirmation__buttons{display:flex}.adyen-checkout__payment-method__disable-confirmation__button{background:var(--adyen-sdk-color-background-critical-strong,#e22d2d);border:var(--adyen-sdk-border-width-s,1px) solid transparent;border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-on-color,#ffffff);cursor:pointer;display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);height:auto;margin:0 0 0 var(--adyen-sdk-spacer-040,8px);padding:var(--adyen-sdk-spacer-040,8px);width:auto}.adyen-checkout__payment-method__disable-confirmation__button:hover,.adyen-checkout__payment-method__disable-confirmation__button:hover:focus{background:#d81e1e;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button:active,.adyen-checkout__payment-method__disable-confirmation__button:hover:active{background:#c11b1b;box-shadow:none}.adyen-checkout__payment-method__disable-confirmation__button--remove,.adyen-checkout__payment-method__disable-confirmation__button--remove:disabled{border-color:var(--adyen-sdk-color-label-on-color,#ffffff)}.adyen-checkout__payment-method__disable-confirmation__button--cancel,.adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled{border-color:transparent}
 .adyen-checkout__payment-method{background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,border-radius .15s ease;width:100%}.adyen-checkout__payment-method:focus{outline:0}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected){border-color:var(--adyen-sdk-color-outline-primary-hover,#c9cdd3)}.adyen-checkout__payment-method--loading{opacity:.2}.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading{opacity:.9}.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content,.adyen-checkout__payment-method--disabling{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.adyen-checkout__payment-method--disabling{opacity:.3}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio{display:none}.adyen-checkout__payment-method__header{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-wrap:nowrap;font-size:var(--adyen-sdk-text-title-font-size,16px);font-weight:var(--adyen-sdk-text-body-font-weight,400);justify-content:space-between;padding:var(--adyen-sdk-spacer-070,16px);position:relative;transition:background .1s ease-out;width:100%}[dir=rtl] .adyen-checkout__payment-method__header{padding:calc(var(--adyen-sdk-spacer-070, 16px) - var(--adyen-sdk-spacer-020, 4px));padding-right:calc(var(--adyen-sdk-spacer-120, 48px) - var(--adyen-sdk-spacer-020, 4px))}.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header{padding:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__surcharge{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);margin-left:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__payment-method--selected{background:var(--adyen-sdk-color-background-secondary,#f7f7f8);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);cursor:default;transition:opacity .3s ease-out}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header{flex-wrap:wrap}.adyen-checkout__payment-method__details{padding:var(--adyen-sdk-spacer-000,0) var(--adyen-sdk-spacer-070,16px);position:relative}.adyen-checkout__payment-method__details__content>:last-child{margin-bottom:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__payment-method__image__wrapper{align-items:center;border-radius:var(--adyen-sdk-border-radius-s,4px);box-shadow:var(--adyen-sdk-shadow-low,0 2px 4px rgba(0,17,44,.04),0 1px 2px rgba(0,17,44,.02));display:flex;height:26px;justify-content:center;overflow:hidden;position:relative;width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__payment-method__image{border-radius:var(--adyen-checkout-border-radius-s);display:block;flex-shrink:0;height:100%;overflow:hidden;width:100%}.adyen-checkout__payment-method__brands{display:flex;flex-basis:auto;flex-shrink:1;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-020,4px);height:var(--adyen-sdk-spacer-070,16px);margin:var(--adyen-sdk-spacer-020,4px) var(--adyen-sdk-spacer-000,0);overflow:hidden;text-align:right}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number{color:var(--adyen-sdk-color-outline-tertiary,#8d95a3);font-size:var(--adyen-sdk-text-body-font-size,14px)}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands{height:auto;overflow:visible;text-align:left}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{display:inline-block;height:var(--adyen-sdk-spacer-070,16px);transition:opacity .2s ease-out;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child{margin:var(--adyen-sdk-spacer-000,0)}.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper{margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__payment-method__brands img{display:block;height:100%;width:100%}.adyen-checkout__payment-method__image__wrapper--disabled{opacity:.25}.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}
 .adyen-checkout__payment-method__name{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.adyen-checkout__payment-method__additional-info{color:var(--adyen-sdk-color-label-secondary,#5c687c);font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400)}.adyen-checkout__payment-method__name_wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:var(--adyen-sdk-spacer-020,4px);min-width:var(--adyen-sdk-spacer-120,48px);text-align:start}
 .adyen-checkout__status{align-items:center;background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-secondary,#c9cdd3);border-radius:var(--adyen-sdk-border-radius-m,8px);color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;flex-direction:column;font-size:var(--adyen-sdk-text-title-font-size,16px);height:350px;justify-content:center;margin:0;padding:var(--adyen-sdk-spacer-100,32px);text-align:center}.adyen-checkout__status__icon{margin-bottom:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__status .adyen-checkout__spinner__wrapper{max-height:88px}