@adyen/adyen-web 6.3.0 → 6.5.0

package/dist/es/components/internal/SecuredFields/lib/securedField/SecuredField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/SecuredField.ts"],"sourcesContent":["import * as logger from '../utilities/logger';\nimport createIframe from './utils/createIframe';\nimport { removeAllChildren, selectOne } from '../utilities/dom';\nimport { off, on } from '../../../../../utils/listenerUtils';\nimport postMessageToIframe from '../CSF/utils/iframes/postMessageToIframe';\nimport { isChromeVoxPostMsg, isWebpackPostMsg, originCheckPassed } from '../CSF/utils/iframes/postMessageValidation';\nimport {\n    CVC_POLICY_HIDDEN,\n    CVC_POLICY_OPTIONAL,\n    DATE_POLICY_HIDDEN,\n    DATE_POLICY_OPTIONAL,\n    ENCRYPTED_EXPIRY_DATE,\n    ENCRYPTED_EXPIRY_MONTH,\n    ENCRYPTED_EXPIRY_YEAR,\n    ENCRYPTED_SECURITY_CODE\n} from '../constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField from './AbstractSecuredField';\nimport { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from '../types';\nimport { reject } from '../../../../../utils/commonUtils';\nimport { processAriaConfig } from './utils/processAriaConfig';\nimport { processPlaceholders } from './utils/processPlaceholders';\nimport Language from '../../../../../language/Language';\nimport { hasOwnProperty } from '../../../../../utils/hasOwnProperty';\nimport { Placeholders } from '../../SFP/types';\nimport './SecuredField.scss';\n\nconst logPostMsg = false;\nconst doLog = false;\n\nclass SecuredField extends AbstractSecuredField {\n    constructor(pSetupObj: SecuredFieldSetupObject, i18n: Language) {\n        super();\n\n        /**\n         * List of props to exclude from being set on this.sfConfig.\n         * These props are only required for internal purposes. They do not get sent to the iframe\n         */\n        const deltaPropsArr: string[] = ['loadingContext', 'holderEl', 'iframeSrc', 'showContextualElement', 'placeholders'];\n\n        /**\n         * List of props from setup object that will be set on this.sfConfig\n         * These props will all end up being sent to the iframe\n         */\n        const configVarsFromSetUpObj = reject(deltaPropsArr).from(pSetupObj);\n\n        // Copy passed setup object values to this.sfConfig\n        this.sfConfig = {\n            // ...this.sfConfig, // Do we need to do this? Pretty sure we don't\n            ...configVarsFromSetUpObj,\n            // Break references on iframeUIConfig object so we can overwrite its properties in each securedField instance\n            iframeUIConfig: { ...configVarsFromSetUpObj.iframeUIConfig }\n        } as SecuredFieldCommonProps;\n\n        /**\n         * Extract values only needed for init\n         */\n        const { iframeSrc, placeholders, showContextualElement } = pSetupObj;\n\n        /**\n         * Store those passed setup object values that are needed in multiple functions\n         */\n        this.loadingContext = pSetupObj.loadingContext;\n        this.holderEl = pSetupObj.holderEl;\n\n        /**\n         * Initiate other values on 'this' through setters\n         */\n        this.isValid = false;\n        this.iframeContentWindow = null;\n        this.numKey = generateRandomNumber();\n        this.isEncrypted = false;\n        this.hasError = false;\n        this.errorType = '';\n        this.cvcPolicy = pSetupObj.cvcPolicy;\n        this.expiryDatePolicy = pSetupObj.expiryDatePolicy;\n\n        if (process.env.NODE_ENV === 'development' && doLog) {\n            logger.log(\n                '### SecuredField::constructor:: this.sfConfig.fieldType=',\n                this.sfConfig.fieldType,\n                'isValid=',\n                this._isValid,\n                'numKey=',\n                this.numKey\n            );\n            logger.log('\\n');\n        }\n\n        return this.init(i18n, iframeSrc, placeholders, showContextualElement);\n    }\n\n    init(i18n: Language, iframeSrc: string, placeholders: Placeholders, showContextualElement: boolean): SecuredField {\n        /**\n         * Ensure all fields have a related ariaConfig object containing, at minimum, an iframeTitle property and a (translated) errors object\n         */\n        const processedAriaConfig: AriaConfig = processAriaConfig(this.sfConfig.txVariant, this.sfConfig.fieldType, i18n, showContextualElement);\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.ariaConfig = processedAriaConfig;\n\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.placeholders = processPlaceholders(this.sfConfig.txVariant, this.sfConfig.fieldType, placeholders);\n\n        /**\n         * Configure, create & reference iframe and add load listener\n         */\n        const iframeConfig = {\n            src: iframeSrc,\n            title: processedAriaConfig[this.sfConfig.fieldType].iframeTitle,\n            policy: 'origin'\n        };\n\n        const iframeEl: HTMLIFrameElement = createIframe(iframeConfig);\n\n        // Place the iframe into the holder\n        this.holderEl.appendChild(iframeEl);\n\n        // Now examine the holder to get an actual DOM node\n        const iframe: HTMLIFrameElement = selectOne(this.holderEl, '.js-iframe');\n\n        if (iframe) {\n            this.iframeContentWindow = iframe.contentWindow;\n\n            // Create reference to bound fn (see getters/setters for binding)\n            this.iframeOnLoadListener = this.iframeOnLoadListenerFn;\n\n            on(iframe, 'load', this.iframeOnLoadListener, false);\n        }\n\n        this.iframeRef = iframe;\n\n        return this;\n    }\n\n    iframeOnLoadListenerFn(): void {\n        // Create reference to bound fn (see getters/setters for binding)\n        this.postMessageListener = this.postMessageListenerFn;\n\n        // Add general listener for 'message' EVENT - the event that 'powers' postMessage\n        on(window, 'message', this.postMessageListener, false);\n\n        // Create and send config object to iframe\n        const configObj: IframeConfigObject = {\n            ...this.sfConfig,\n            numKey: this.numKey\n        };\n\n        if (window._b$dl) console.log('### SecuredField:::: onIframeLoaded:: created configObj=', configObj);\n\n        postMessageToIframe(configObj, this.iframeContentWindow, this.loadingContext);\n        //--\n\n        // Callback to say iframe loaded\n        this.onIframeLoadedCallback();\n    }\n\n    postMessageListenerFn(event: MessageEvent): void {\n        // Check message is from expected domain\n        if (!originCheckPassed(event, this.loadingContext, this.sfConfig.showWarnings)) {\n            return;\n        }\n\n        // TODO - for debugging purposes this would always be useful to see\n        //        logger.log('\\n',this.sfConfig.fieldType,'### CSF SecuredField::postMessageListener:: event.data=',event.data);\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '\\n###CSF SecuredField::postMessageListener:: DOMAIN & ORIGIN MATCH, NO WEBPACK WEIRDNESS fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant,\n                'this.numKey=',\n                this.numKey\n            );\n        }\n\n        // PARSE DATA OBJECT (thus testing if it is a JSON string) - OR TRY & WORK OUT WHY THE PARSING FAILED\n        let feedbackObj: SFFeedbackObj;\n\n        try {\n            feedbackObj = JSON.parse(event.data);\n        } catch (e) {\n            // Was the message generated by webpack?\n            if (isWebpackPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK');\n                return;\n            }\n\n            // Was the message generated by ChromeVox?\n            if (isChromeVoxPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX');\n                return;\n            }\n\n            if (this.sfConfig.showWarnings)\n                logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=', event.data);\n            return;\n        }\n\n        // CHECK FOR EXPECTED PROPS\n        const hasMainProps: boolean = hasOwnProperty(feedbackObj, 'action') && hasOwnProperty(feedbackObj, 'numKey');\n\n        if (!hasMainProps) {\n            if (this.sfConfig.showWarnings) logger.warn('WARNING SecuredField :: postMessage listener for iframe :: data mismatch!');\n            return;\n        }\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log('### SecuredField::postMessageListener:: feedbackObj.numKey=', feedbackObj.numKey);\n        }\n\n        if (this.numKey !== feedbackObj.numKey) {\n            if (this.sfConfig.showWarnings) {\n                logger.warn(\n                    'WARNING SecuredField :: postMessage listener for iframe :: data mismatch! (Probably a message from an unrelated securedField)'\n                );\n            }\n            return;\n        }\n\n        // VALIDATION CHECKS PASSED - DECIDE ON COURSE OF ACTION\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '### SecuredField::postMessageListener:: numkeys match PROCEED WITH POST MESSAGE PROCESSING fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant\n            );\n        }\n\n        switch (feedbackObj.action) {\n            case 'encryption':\n                this.isValid = true;\n                this.onEncryptionCallback(feedbackObj);\n                break;\n\n            case 'config':\n                if (window._b$dl)\n                    console.log('### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback', feedbackObj.fieldType);\n                this.onConfigCallback(feedbackObj);\n                break;\n\n            case 'focus':\n                this.onFocusCallback(feedbackObj);\n\n                // HORRIBLE HORRIBLE HACK to get round bug in TestCafe - see comment on 3rd test in packages/e2e/tests/cards/branding/branding.test.js\n                if (process.env.NODE_ENV === 'development' && window.location.origin.indexOf('3024') > -1) {\n                    if (window['testCafeForceClick'] === true) {\n                        window['testCafeForceClick'] = false;\n                        this.onTouchstartCallback(feedbackObj);\n                    }\n                }\n                break;\n\n            case 'binValue':\n                this.onBinValueCallback(feedbackObj);\n                break;\n\n            // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n            case 'touch':\n                this.onTouchstartCallback(feedbackObj);\n                break;\n\n            // Only happens for Firefox & IE <= 11\n            case 'shifttab':\n                this.onShiftTabCallback(feedbackObj);\n                break;\n\n            case 'autoComplete':\n                this.onAutoCompleteCallback(feedbackObj);\n                break;\n\n            case 'enterKeyPressed':\n                this.onKeyPressedCallback(feedbackObj);\n                break;\n\n            /**\n             * Validate, because action =\n             *\n             *  'brand'\n             *  'delete'\n             *  'luhnCheck'\n             *              //'incomplete field' (an error that follows from a focus (blur) event)\n             *  'incorrectly filled field' (an error that follows from a focus (blur) event) // NEW\n             *  'numberKeyPressed' (or date-, month-, year-, cvc-, pin-, or iban- KeyPressed)\n             *    - since we have no \"error\" action \"...KeyPressed\" is the action type on most error events (other than \"incomplete field\" or \"luhnCheck\")\n             *    and often these error events representing the clearing of an existing error\n             */\n            default:\n                // If we're validation handling (& not encryption handling) field must be invalid\n                this.isValid = false;\n                this.onValidationCallback(feedbackObj);\n        }\n    }\n\n    destroy(): void {\n        off(window, 'message', this.postMessageListener, false);\n        off(this.iframeRef, 'load', this.iframeOnLoadListener, false);\n        this.iframeContentWindow = null;\n        removeAllChildren(this.holderEl);\n    }\n\n    /**\n     * Returns whether the securedField is hidden OR whether it is optional and not in error\n     */\n    isOptionalOrHidden(): boolean {\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        // Any other type of securedField is not optional & can't be hidden\n        return false;\n    }\n\n    // /////// ALLOCATE CALLBACKS /////////\n    onIframeLoaded(callbackFn: RtnType_noParamVoidFn): SecuredField {\n        this.onIframeLoadedCallback = callbackFn;\n        return this;\n    }\n\n    onEncryption(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onEncryptionCallback = callbackFn;\n        return this;\n    }\n\n    onValidation(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onValidationCallback = callbackFn;\n        return this;\n    }\n\n    onConfig(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onConfigCallback = callbackFn;\n        return this;\n    }\n\n    onFocus(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onFocusCallback = callbackFn;\n        return this;\n    }\n\n    onBinValue(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onBinValueCallback = callbackFn;\n        return this;\n    }\n\n    onTouchstart(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onTouchstartCallback = callbackFn;\n        return this;\n    }\n\n    onShiftTab(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onShiftTabCallback = callbackFn;\n        return this;\n    }\n\n    onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onAutoCompleteCallback = callbackFn;\n        return this;\n    }\n\n    onKeyPressed(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onKeyPressedCallback = callbackFn;\n        return this;\n    }\n    //------------------------------------\n\n    // ///////////// GETTERS/SETTERS //////////////\n\n    get errorType(): string {\n        return this._errorType;\n    }\n    set errorType(value: string) {\n        this._errorType = value;\n    }\n\n    get hasError(): boolean {\n        return this._hasError;\n    }\n    set hasError(value: boolean) {\n        this._hasError = value;\n    }\n\n    get isValid(): boolean {\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    // If cvc is hidden then the field is always valid\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    // If cvc is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    // If date is hidden then the field is always valid\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    // If date is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        return this._isValid;\n    }\n    set isValid(value: boolean) {\n        this._isValid = value;\n    }\n\n    get cvcPolicy(): CVCPolicyType {\n        return this._cvcPolicy;\n    }\n\n    set cvcPolicy(value: CVCPolicyType) {\n        // Only set if this is a CVC field\n        if (this.sfConfig.fieldType !== ENCRYPTED_SECURITY_CODE) return;\n\n        // Only set if value has changed\n        if (value === this.cvcPolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField::cvcPolicy:: value=', value);\n\n        this._cvcPolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        // NOTE: fixes issue in Components where you first validate and then start typing a maestro number\n        // - w/o this and the fix in CSF the maestro PM will never register as valid\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get expiryDatePolicy(): DatePolicyType {\n        return this._expiryDatePolicy;\n    }\n\n    set expiryDatePolicy(value: DatePolicyType) {\n        // Only set if this is a date field type of securedField\n        if (\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_DATE &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_MONTH &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_YEAR\n        )\n            return;\n\n        // Only set if value has changed\n        if (value === this.expiryDatePolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField:expiryDatePolicy:: value=', value);\n\n        this._expiryDatePolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get iframeContentWindow(): Window {\n        return this._iframeContentWindow;\n    }\n    set iframeContentWindow(value: Window) {\n        this._iframeContentWindow = value;\n    }\n\n    get isEncrypted(): boolean {\n        return this._isEncrypted;\n    }\n    set isEncrypted(value: boolean) {\n        this._isEncrypted = value;\n    }\n\n    get numKey(): number {\n        return this._numKey;\n    }\n    set numKey(value: number) {\n        this._numKey = value;\n    }\n\n    // Internal use - way to create listener refs that we can add/remove\n    get iframeOnLoadListener(): RtnType_noParamVoidFn {\n        return this._iframeOnLoadListener;\n    }\n    set iframeOnLoadListener(value: RtnType_noParamVoidFn) {\n        this._iframeOnLoadListener = value.bind(this);\n    }\n\n    get postMessageListener(): RtnType_postMessageListener {\n        return this._postMessageListener;\n    }\n    set postMessageListener(value: RtnType_postMessageListener) {\n        this._postMessageListener = value.bind(this);\n    }\n}\n\nexport default SecuredField;\n"],"names":["SecuredField","AbstractSecuredField","constructor","pSetupObj","i18n","super","configVarsFromSetUpObj","reject","from","this","sfConfig","iframeUIConfig","iframeSrc","placeholders","showContextualElement","loadingContext","holderEl","isValid","iframeContentWindow","numKey","generateRandomNumber","isEncrypted","hasError","errorType","cvcPolicy","expiryDatePolicy","init","processedAriaConfig","processAriaConfig","txVariant","fieldType","ariaConfig","processPlaceholders","iframeConfig","src","title","iframeTitle","policy","iframeEl","createIframe","appendChild","iframe","selectOne","contentWindow","iframeOnLoadListener","iframeOnLoadListenerFn","on","iframeRef","postMessageListener","postMessageListenerFn","window","configObj","_b$dl","console","log","postMessageToIframe","onIframeLoadedCallback","event","originCheckPassed","showWarnings","feedbackObj","JSON","parse","data","e","isWebpackPostMsg","logger","isChromeVoxPostMsg","hasOwnProperty","action","onEncryptionCallback","onConfigCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onKeyPressedCallback","onValidationCallback","destroy","off","removeAllChildren","isOptionalOrHidden","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","DATE_POLICY_HIDDEN","DATE_POLICY_OPTIONAL","ENCRYPTED_SECURITY_CODE","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","onIframeLoaded","callbackFn","onEncryption","onValidation","onConfig","onFocus","onBinValue","onTouchstart","onShiftTab","onAutoComplete","onKeyPressed","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener"],"mappings":"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"}
+{"version":3,"file":"SecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/SecuredField.ts"],"sourcesContent":["import * as logger from '../utilities/logger';\nimport createIframe from './utils/createIframe';\nimport { removeAllChildren, selectOne } from '../utilities/dom';\nimport { off, on } from '../../../../../utils/listenerUtils';\nimport postMessageToIframe from '../CSF/utils/iframes/postMessageToIframe';\nimport { isChromeVoxPostMsg, isWebpackPostMsg, originCheckPassed } from '../CSF/utils/iframes/postMessageValidation';\nimport {\n    CVC_POLICY_HIDDEN,\n    CVC_POLICY_OPTIONAL,\n    DATE_POLICY_HIDDEN,\n    DATE_POLICY_OPTIONAL,\n    ENCRYPTED_EXPIRY_DATE,\n    ENCRYPTED_EXPIRY_MONTH,\n    ENCRYPTED_EXPIRY_YEAR,\n    ENCRYPTED_SECURITY_CODE\n} from '../constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField from './AbstractSecuredField';\nimport { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from '../types';\nimport { reject } from '../../../../../utils/commonUtils';\nimport { processAriaConfig } from './utils/processAriaConfig';\nimport { processPlaceholders } from './utils/processPlaceholders';\nimport Language from '../../../../../language/Language';\nimport { hasOwnProperty } from '../../../../../utils/hasOwnProperty';\nimport { Placeholders } from '../../SFP/types';\nimport './SecuredField.scss';\n\nconst logPostMsg = false;\nconst doLog = false;\n\nclass SecuredField extends AbstractSecuredField {\n    constructor(pSetupObj: SecuredFieldSetupObject, i18n: Language) {\n        super();\n\n        /**\n         * List of props to exclude from being set on this.sfConfig.\n         * These props are only required for internal purposes. They do not get sent to the iframe\n         */\n        const deltaPropsArr: string[] = ['loadingContext', 'holderEl', 'iframeSrc', 'showContextualElement', 'placeholders'];\n\n        /**\n         * List of props from setup object that will be set on this.sfConfig\n         * These props will all end up being sent to the iframe\n         */\n        const configVarsFromSetUpObj = reject(deltaPropsArr).from(pSetupObj);\n\n        // Copy passed setup object values to this.sfConfig\n        this.sfConfig = {\n            // ...this.sfConfig, // Do we need to do this? Pretty sure we don't\n            ...configVarsFromSetUpObj,\n            // Break references on iframeUIConfig object so we can overwrite its properties in each securedField instance\n            iframeUIConfig: { ...configVarsFromSetUpObj.iframeUIConfig }\n        } as SecuredFieldCommonProps;\n\n        /**\n         * Extract values only needed for init\n         */\n        const { iframeSrc, placeholders, showContextualElement } = pSetupObj;\n\n        /**\n         * Store those passed setup object values that are needed in multiple functions\n         */\n        this.loadingContext = pSetupObj.loadingContext;\n        this.holderEl = pSetupObj.holderEl;\n\n        /**\n         * Initiate other values on 'this' through setters\n         */\n        this.isValid = false;\n        this.iframeContentWindow = null;\n        this.numKey = generateRandomNumber();\n        this.isEncrypted = false;\n        this.hasError = false;\n        this.errorType = '';\n        this.cvcPolicy = pSetupObj.cvcPolicy;\n        this.expiryDatePolicy = pSetupObj.expiryDatePolicy;\n\n        if (process.env.NODE_ENV === 'development' && doLog) {\n            logger.log(\n                '### SecuredField::constructor:: this.sfConfig.fieldType=',\n                this.sfConfig.fieldType,\n                'isValid=',\n                this._isValid,\n                'numKey=',\n                this.numKey\n            );\n            logger.log('\\n');\n        }\n\n        return this.init(i18n, iframeSrc, placeholders, showContextualElement);\n    }\n\n    init(i18n: Language, iframeSrc: string, placeholders: Placeholders, showContextualElement: boolean): SecuredField {\n        /**\n         * Ensure all fields have a related ariaConfig object containing, at minimum, an iframeTitle property and a (translated) errors object\n         */\n        const processedAriaConfig: AriaConfig = processAriaConfig(this.sfConfig.txVariant, this.sfConfig.fieldType, i18n, showContextualElement);\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.ariaConfig = processedAriaConfig;\n\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.placeholders = processPlaceholders(this.sfConfig.txVariant, this.sfConfig.fieldType, placeholders);\n\n        /**\n         * Configure, create & reference iframe and add load listener\n         */\n        const iframeConfig = {\n            src: iframeSrc,\n            title: processedAriaConfig[this.sfConfig.fieldType].iframeTitle,\n            policy: 'origin'\n        };\n\n        const iframeEl: HTMLIFrameElement = createIframe(iframeConfig);\n\n        // Place the iframe into the holder\n        this.holderEl.appendChild(iframeEl);\n\n        // Now examine the holder to get an actual DOM node\n        const iframe: HTMLIFrameElement = selectOne(this.holderEl, '.js-iframe');\n\n        if (iframe) {\n            this.iframeContentWindow = iframe.contentWindow;\n\n            // Create reference to bound fn (see getters/setters for binding)\n            this.iframeOnLoadListener = this.iframeOnLoadListenerFn;\n\n            on(iframe, 'load', this.iframeOnLoadListener, false);\n        }\n\n        this.iframeRef = iframe;\n\n        return this;\n    }\n\n    iframeOnLoadListenerFn(): void {\n        // Create reference to bound fn (see getters/setters for binding)\n        this.postMessageListener = this.postMessageListenerFn;\n\n        // Add general listener for 'message' EVENT - the event that 'powers' postMessage\n        on(window, 'message', this.postMessageListener, false);\n\n        // Create and send config object to iframe\n        const configObj: IframeConfigObject = {\n            ...this.sfConfig,\n            numKey: this.numKey\n        };\n\n        if (window._b$dl) console.log('### SecuredField:::: onIframeLoaded:: created configObj=', configObj);\n\n        postMessageToIframe(configObj, this.iframeContentWindow, this.loadingContext);\n        //--\n\n        // Callback to say iframe loaded\n        this.onIframeLoadedCallback();\n    }\n\n    postMessageListenerFn(event: MessageEvent): void {\n        // Check message is from expected domain\n        if (!originCheckPassed(event, this.loadingContext, this.sfConfig.showWarnings)) {\n            return;\n        }\n\n        // TODO - for debugging purposes this would always be useful to see\n        //        logger.log('\\n',this.sfConfig.fieldType,'### CSF SecuredField::postMessageListener:: event.data=',event.data);\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '\\n###CSF SecuredField::postMessageListener:: DOMAIN & ORIGIN MATCH, NO WEBPACK WEIRDNESS fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant,\n                'this.numKey=',\n                this.numKey\n            );\n        }\n\n        // PARSE DATA OBJECT (thus testing if it is a JSON string) - OR TRY & WORK OUT WHY THE PARSING FAILED\n        let feedbackObj: SFFeedbackObj;\n\n        try {\n            feedbackObj = JSON.parse(event.data);\n        } catch (e) {\n            // Was the message generated by webpack?\n            if (isWebpackPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK');\n                return;\n            }\n\n            // Was the message generated by ChromeVox?\n            if (isChromeVoxPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX');\n                return;\n            }\n\n            if (this.sfConfig.showWarnings)\n                logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=', event.data);\n            return;\n        }\n\n        // CHECK FOR EXPECTED PROPS\n        const hasMainProps: boolean = hasOwnProperty(feedbackObj, 'action') && hasOwnProperty(feedbackObj, 'numKey');\n\n        if (!hasMainProps) {\n            if (this.sfConfig.showWarnings) logger.warn('WARNING SecuredField :: postMessage listener for iframe :: data mismatch!');\n            return;\n        }\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log('### SecuredField::postMessageListener:: feedbackObj.numKey=', feedbackObj.numKey);\n        }\n\n        if (this.numKey !== feedbackObj.numKey) {\n            if (this.sfConfig.showWarnings) {\n                logger.warn(\n                    'WARNING SecuredField :: postMessage listener for iframe :: data mismatch! (Probably a message from an unrelated securedField)'\n                );\n            }\n            return;\n        }\n\n        // VALIDATION CHECKS PASSED - DECIDE ON COURSE OF ACTION\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '### SecuredField::postMessageListener:: numkeys match PROCEED WITH POST MESSAGE PROCESSING fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant\n            );\n        }\n\n        switch (feedbackObj.action) {\n            case 'encryption':\n                this.isValid = true;\n                this.onEncryptionCallback(feedbackObj);\n                break;\n\n            case 'config':\n                if (window._b$dl)\n                    console.log('### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback', feedbackObj.fieldType);\n                this.onConfigCallback(feedbackObj);\n                break;\n\n            case 'focus':\n                this.onFocusCallback(feedbackObj);\n\n                // HORRIBLE HORRIBLE HACK to get round bug in TestCafe - see comment on 3rd test in packages/e2e/tests/cards/branding/branding.test.js\n                if (process.env.NODE_ENV === 'development' && window.location.origin.indexOf('3024') > -1) {\n                    if (window['testCafeForceClick'] === true) {\n                        window['testCafeForceClick'] = false;\n                        this.onTouchstartCallback(feedbackObj);\n                    }\n                }\n                break;\n\n            case 'binValue':\n                this.onBinValueCallback(feedbackObj);\n                break;\n\n            // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n            case 'touch':\n                this.onTouchstartCallback(feedbackObj);\n                break;\n\n            // Only happens for Firefox & IE <= 11\n            case 'shifttab':\n                this.onShiftTabCallback(feedbackObj);\n                break;\n\n            case 'autoComplete':\n                this.onAutoCompleteCallback(feedbackObj);\n                break;\n\n            case 'enterKeyPressed':\n                this.onKeyPressedCallback(feedbackObj);\n                break;\n\n            /**\n             * Validate, because action =\n             *\n             *  'brand'\n             *  'delete'\n             *  'luhnCheck'\n             *              //'incomplete field' (an error that follows from a focus (blur) event)\n             *  'incorrectly filled field' (an error that follows from a focus (blur) event) // NEW\n             *  'numberKeyPressed' (or date-, month-, year-, cvc-, pin-, or iban- KeyPressed)\n             *    - since we have no \"error\" action \"...KeyPressed\" is the action type on most error events (other than \"incomplete field\" or \"luhnCheck\")\n             *    and often these error events representing the clearing of an existing error\n             */\n            default:\n                // If we're validation handling (& not encryption handling) field must be invalid\n                this.isValid = false;\n                this.onValidationCallback(feedbackObj);\n        }\n    }\n\n    destroy(): void {\n        off(window, 'message', this.postMessageListener, false);\n        off(this.iframeRef, 'load', this.iframeOnLoadListener, false);\n        this.iframeContentWindow = null;\n        removeAllChildren(this.holderEl);\n    }\n\n    /**\n     * Returns whether the securedField is hidden OR whether it is optional and not in error\n     */\n    isOptionalOrHidden(): boolean {\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        // Any other type of securedField is not optional & can't be hidden\n        return false;\n    }\n\n    // /////// ALLOCATE CALLBACKS /////////\n    onIframeLoaded(callbackFn: RtnType_noParamVoidFn): SecuredField {\n        this.onIframeLoadedCallback = callbackFn;\n        return this;\n    }\n\n    onEncryption(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onEncryptionCallback = callbackFn;\n        return this;\n    }\n\n    onValidation(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onValidationCallback = callbackFn;\n        return this;\n    }\n\n    onConfig(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onConfigCallback = callbackFn;\n        return this;\n    }\n\n    onFocus(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onFocusCallback = callbackFn;\n        return this;\n    }\n\n    onBinValue(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onBinValueCallback = callbackFn;\n        return this;\n    }\n\n    onTouchstart(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onTouchstartCallback = callbackFn;\n        return this;\n    }\n\n    onShiftTab(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onShiftTabCallback = callbackFn;\n        return this;\n    }\n\n    onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onAutoCompleteCallback = callbackFn;\n        return this;\n    }\n\n    onKeyPressed(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onKeyPressedCallback = callbackFn;\n        return this;\n    }\n    //------------------------------------\n\n    // ///////////// GETTERS/SETTERS //////////////\n\n    get errorType(): string {\n        return this._errorType;\n    }\n    set errorType(value: string) {\n        this._errorType = value;\n    }\n\n    get hasError(): boolean {\n        return this._hasError;\n    }\n    set hasError(value: boolean) {\n        this._hasError = value;\n    }\n\n    get isValid(): boolean {\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    // If cvc is hidden then the field is always valid\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    // If cvc is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    // If date is hidden then the field is always valid\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    // If date is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        return this._isValid;\n    }\n    set isValid(value: boolean) {\n        this._isValid = value;\n    }\n\n    get cvcPolicy(): CVCPolicyType {\n        return this._cvcPolicy;\n    }\n\n    set cvcPolicy(value: CVCPolicyType) {\n        // Only set if this is a CVC field\n        if (this.sfConfig.fieldType !== ENCRYPTED_SECURITY_CODE) return;\n\n        // Only set if value has changed\n        if (value === this.cvcPolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField::cvcPolicy:: value=', value);\n\n        this._cvcPolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        // NOTE: fixes issue in Components where you first validate and then start typing a maestro number\n        // - w/o this and the fix in CSF the maestro PM will never register as valid\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get expiryDatePolicy(): DatePolicyType {\n        return this._expiryDatePolicy;\n    }\n\n    set expiryDatePolicy(value: DatePolicyType) {\n        // Only set if this is a date field type of securedField\n        if (\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_DATE &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_MONTH &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_YEAR\n        )\n            return;\n\n        // Only set if value has changed\n        if (value === this.expiryDatePolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField:expiryDatePolicy:: value=', value);\n\n        this._expiryDatePolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get iframeContentWindow(): Window {\n        return this._iframeContentWindow;\n    }\n    set iframeContentWindow(value: Window) {\n        this._iframeContentWindow = value;\n    }\n\n    get isEncrypted(): boolean {\n        return this._isEncrypted;\n    }\n    set isEncrypted(value: boolean) {\n        this._isEncrypted = value;\n    }\n\n    get numKey(): number {\n        return this._numKey;\n    }\n    set numKey(value: number) {\n        this._numKey = value;\n    }\n\n    // Internal use - way to create listener refs that we can add/remove\n    get iframeOnLoadListener(): RtnType_noParamVoidFn {\n        return this._iframeOnLoadListener;\n    }\n    set iframeOnLoadListener(value: RtnType_noParamVoidFn) {\n        this._iframeOnLoadListener = value.bind(this);\n    }\n\n    get postMessageListener(): RtnType_postMessageListener {\n        return this._postMessageListener;\n    }\n    set postMessageListener(value: RtnType_postMessageListener) {\n        this._postMessageListener = value.bind(this);\n    }\n}\n\nexport default SecuredField;\n"],"names":["SecuredField","AbstractSecuredField","init","i18n","iframeSrc","placeholders","showContextualElement","processedAriaConfig","processAriaConfig","this","sfConfig","txVariant","fieldType","iframeUIConfig","ariaConfig","processPlaceholders","iframeConfig","src","title","iframeTitle","policy","iframeEl","createIframe","holderEl","appendChild","iframe","selectOne","iframeContentWindow","contentWindow","iframeOnLoadListener","iframeOnLoadListenerFn","on","iframeRef","postMessageListener","postMessageListenerFn","window","configObj","numKey","_b$dl","console","log","postMessageToIframe","loadingContext","onIframeLoadedCallback","event","originCheckPassed","showWarnings","feedbackObj","JSON","parse","data","e","isWebpackPostMsg","logger","isChromeVoxPostMsg","hasOwnProperty","action","isValid","onEncryptionCallback","onConfigCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onKeyPressedCallback","onValidationCallback","destroy","off","removeAllChildren","isOptionalOrHidden","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","expiryDatePolicy","DATE_POLICY_HIDDEN","DATE_POLICY_OPTIONAL","hasError","ENCRYPTED_SECURITY_CODE","cvcPolicy","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","onIframeLoaded","callbackFn","onEncryption","onValidation","onConfig","onFocus","onBinValue","onTouchstart","onShiftTab","onAutoComplete","onKeyPressed","errorType","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","isEncrypted","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener","constructor","pSetupObj","super","configVarsFromSetUpObj","reject","from","generateRandomNumber"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";const t=({instructions:t})=>t&&0!==t.length?e("div",{className:"adyen-checkout-timeline"},e("ol",{className:"adyen-checkout-timeline__items"},t.map(((t,i)=>e("li",{className:"adyen-checkout-timeline-item",key:i},e("div",{className:"adyen-checkout-timeline-item__row"},e("div",{"aria-hidden":"true",className:"adyen-checkout-timeline-item__marker"},e("svg",{role:"img",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"none"},e("path",{fill:"#00112C",d:"M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V10.5C3.25 11.7426 4.25736 12.75 5.5 12.75H10.5C11.7426 12.75 12.75 11.7426 12.75 10.5V5.5C12.75 4.25736 11.7426 3.25 10.5 3.25H5.5Z"})),e("div",{className:"adyen-checkout-timeline-item__separator"})),e("div",{className:"adyen-checkout-timeline-item__content"},e("div",{className:"adyen-checkout-timeline-item__title"},t)))))))):null;export{t as Timeline};
+//# sourceMappingURL=Timeline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../../../../src/components/internal/Timeline/Timeline.tsx"],"sourcesContent":["import { h } from 'preact';\nimport './Timeline.scss';\n\ninterface Timeline {\n    instructions: string[];\n}\n\nconst Timeline = ({ instructions }: Timeline) => {\n    if (!instructions || instructions.length === 0) {\n        return null;\n    }\n\n    return (\n        <div className=\"adyen-checkout-timeline\">\n            <ol className=\"adyen-checkout-timeline__items\">\n                {instructions.map((value, index) => (\n                    <li className=\"adyen-checkout-timeline-item\" key={index}>\n                        <div className=\"adyen-checkout-timeline-item__row\">\n                            <div aria-hidden=\"true\" className=\"adyen-checkout-timeline-item__marker\">\n                                <svg role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                    <path\n                                        fill=\"#00112C\"\n                                        d=\"M5.5 3.25C4.25736 3.25 3.25 4.25736 3.25 5.5V10.5C3.25 11.7426 4.25736 12.75 5.5 12.75H10.5C11.7426 12.75 12.75 11.7426 12.75 10.5V5.5C12.75 4.25736 11.7426 3.25 10.5 3.25H5.5Z\"\n                                    ></path>\n                                </svg>\n                                <div className=\"adyen-checkout-timeline-item__separator\"></div>\n                            </div>\n                            <div className=\"adyen-checkout-timeline-item__content\">\n                                <div className=\"adyen-checkout-timeline-item__title\">{value}</div>\n                            </div>\n                        </div>\n                    </li>\n                ))}\n            </ol>\n        </div>\n    );\n};\n\nexport { Timeline };\n"],"names":["Timeline","instructions","length","h","div","className","ol","map","value","index","li","key","aria-hidden","svg","role","xmlns","width","height","fill","path","d"],"mappings":"wEAOA,MAAMA,EAAW,EAAGC,kBACXA,GAAwC,IAAxBA,EAAaC,OAK9BC,EAACC,MAAAA,CAAIC,UAAU,2BACXF,EAACG,KAAAA,CAAGD,UAAU,kCACTJ,EAAaM,KAAI,CAACC,EAAOC,IACtBN,EAACO,KAAAA,CAAGL,UAAU,+BAA+BM,IAAKF,GAC9CN,EAACC,MAAAA,CAAIC,UAAU,qCACXF,EAACC,MAAAA,CAAIQ,cAAY,OAAOP,UAAU,wCAC9BF,EAACU,MAAAA,CAAIC,KAAK,MAAMC,MAAM,6BAA6BC,MAAM,KAAKC,OAAO,KAAKC,KAAK,QAC3Ef,EAACgB,OAAAA,CACGD,KAAK,UACLE,EAAE,sLAGVjB,EAACC,MAAAA,CAAIC,UAAU,6CAEnBF,EAACC,MAAAA,CAAIC,UAAU,yCACXF,EAACC,MAAAA,CAAIC,UAAU,uCAAuCG,UAnBvE"}

package/dist/es/components/internal/Timeline/TimelineWrapper.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";const a=({children:a,className:t})=>e("div",{className:`adyen-checkout-timeline-wrapper ${t}`},a);export{a as TimelineWrapper};
+//# sourceMappingURL=TimelineWrapper.js.map

package/dist/es/components/internal/Timeline/TimelineWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineWrapper.js","sources":["../../../../../src/components/internal/Timeline/TimelineWrapper.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact';\nimport './TimelineWrapper.scss';\n\ninterface TimelineWrapperProps {\n    children: ComponentChildren;\n    className?: string;\n}\n\nconst TimelineWrapper = ({ children, className }: TimelineWrapperProps) => {\n    return <div className={`adyen-checkout-timeline-wrapper ${className}`}>{children}</div>;\n};\n\nexport { TimelineWrapper };\n"],"names":["TimelineWrapper","children","className","h","div"],"mappings":"wEAQA,MAAMA,EAAkB,EAAGC,WAAUC,eAC1BC,EAACC,MAAAA,CAAIF,UAAW,mCAAmCA,KAAcD"}

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

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"../BaseElement/BaseElement.js";import s from"../PayButton/PayButton.js";import{assertIsDropin as i,getRegulatoryDefaults as n,sanitizeResponse as o,verifyPaymentDidNotFail as r,cleanupFinalResult as a}from"./utils.js";import h from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as l}from"../../../utils/hasOwnProperty.js";import{ANALYTICS_SUBMIT_STR as d}from"../../../core/Analytics/constants.js";class p extends e{componentRef;resources;elementRef;static type=void 0;static txVariants=[];constructor(t,e){super(t,e),this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.elementRef=e&&e.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props),this.onEnterKeyPressed=this.onEnterKeyPressed.bind(this)}buildElementProps(t){const e={showPayButton:!0,...this.core.getCorePropsForComponent(),...!!t?.isStoredPaymentMethod?{}:this.core.paymentMethodsResponse.find(t?.type||this.constructor.type),...t},s=i(this);this.props=this.formatProps({...this.constructor.defaultProps,...n(this.core.options.countryCode,s),...e})}storeElementRefOnCore(t){t?.isDropin||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(t){this.state={...this.state,...t},this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}setElementStatus(t,e){return this.elementRef?.setStatus(t,e),this}setStatus(t,e){return this.componentRef?.setStatus&&this.componentRef.setStatus(t,e),this}onChange(){this.props.onChange?.({data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}setUpAnalytics(t){const e=this.props.session?.id;return this.props.modules.analytics.setUp({...t,...e&&{sessionId:e}})}submitAnalytics(t,e){try{let s=this.constructor.analyticsType;s||(s="scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.props.type),this.props.modules.analytics.sendAnalytics(s,t,e)}catch(t){console.warn("Failed to submit the analytics event. Error:",t)}}submit(){this.isValid?this.makePaymentsCall().then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise(((t,e)=>this.props.beforeSubmit(this.data,this.elementRef,{resolve:t,reject:e}))):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new h("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){return new Promise(((t,e)=>{this.submitAnalytics({type:d}),this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:t,reject:e})}))}async submitUsingSessionsFlow(t){this.submitAnalytics({type:d});try{return await this.core.session.submitPayment(t)}catch(t){return t instanceof h?this.handleError(t):this.handleError(new h("ERROR","Error when making /payments call",{cause:t})),Promise.reject(t)}}onComplete(t){this.props.onComplete&&this.props.onComplete(t,this.elementRef)}handleError=t=>{this.setElementStatus("ready"),this.props.onError&&this.props.onError(t,this.elementRef)};handleAdditionalDetails(t){this.makeAdditionalDetailsCall(t).then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.props.onAdditionalDetails?new Promise(((e,s)=>{this.props.onAdditionalDetails(t,this.elementRef,{resolve:e,reject:s})})):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(t.data):void this.handleError(new h("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(t){try{return await this.core.session.submitDetails(t)}catch(t){return t instanceof h?this.handleError(t):this.handleError(new h("ERROR","Error when making /details call",{cause:t})),Promise.reject(t)}}handleAction(t,e={}){if(!t||!t.type){if(l(t,"action")&&l(t,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}const s=this.core.createFromAction(t,{...this.elementRef.props,...e,onAdditionalDetails:this.handleAdditionalDetails});return s?(this.unmount(),s.mount(this._node)):null}handleOrder=t=>{const{order:e}=t;(this.core.session?this.core.update({order:e}):this.handleAdvanceFlowPaymentMethodsUpdate(e)).then((()=>{this.props.onOrderUpdated?.({order:e})}))};handleFailedResult=t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),a(t),this.props.onPaymentFailed?.(t,this.elementRef)};handleSuccessResult=t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),a(t),this.props.onPaymentCompleted?.(t,this.elementRef)};handleResponse(t){const e=o(t);e.action?this.elementRef.handleAction(e.action):e.order?.remainingAmount?.value>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyPress(t){"Enter"!==t.key&&"Enter"!==t.code||(t.preventDefault(),this.onEnterKeyPressed(document?.activeElement,this))}onEnterKeyPressed(t,e){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(t,e):(t.blur(),this.submit())}updateParent(t={}){return this.elementRef.core.update(t)}setComponentRef=t=>{this.componentRef=t};get isValid(){return!1}get icon(){const t=this.props.paymentMethodType||this.type;return this.props.icon??this.resources.getImage()(t)}get displayName(){const t=this.core.paymentMethodsResponse?.paymentMethods?.find((t=>t.type===this.type));return this.props.name||t?.name||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}payButton=e=>t(s,{...e,amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,onClick:this.submit});async handleAdvanceFlowPaymentMethodsUpdate(t,e){return new Promise(((e,s)=>{if(!this.props.onPaymentMethodsRequest)return e();this.props.onPaymentMethodsRequest({...t&&{order:{orderData:t.orderData,pspReference:t.pspReference}},locale:this.core.options.locale},{resolve:e,reject:s})})).catch((t=>{this.handleError(new h("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:t}))})).then((s=>this.core.update({...s&&{paymentMethodsResponse:s},order:t,amount:t?t.remainingAmount:e})))}}export{p as UIElement,p as default};
+import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"../BaseElement/BaseElement.js";import s from"../PayButton/PayButton.js";import{assertIsDropin as i,getRegulatoryDefaults as n,sanitizeResponse as o,verifyPaymentDidNotFail as r,cleanupFinalResult as a}from"./utils.js";import h from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as l}from"../../../utils/hasOwnProperty.js";import{ANALYTICS_SUBMIT_STR as d}from"../../../core/Analytics/constants.js";import p from"../../../core/Errors/CancelError.js";function c(t,e,s){return e in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}class m extends e{buildElementProps(t){const e={showPayButton:!0,...this.core.getCorePropsForComponent(),...!!t?.isStoredPaymentMethod?{}:this.core.paymentMethodsResponse.find(t?.type||this.constructor.type),...t},s=i(this);this.props=this.formatProps({...this.constructor.defaultProps,...n(this.core.options.countryCode,s),...e})}storeElementRefOnCore(t){t?.isDropin||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(t){this.state={...this.state,...t},this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}setElementStatus(t,e){return this.elementRef?.setStatus(t,e),this}setStatus(t,e){return this.componentRef?.setStatus&&this.componentRef.setStatus(t,e),this}onChange(){this.props.onChange?.({data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}setUpAnalytics(t){const e=this.props.session?.id;return this.props.modules.analytics.setUp({...t,...e&&{sessionId:e}})}submitAnalytics(t,e){try{let s=this.constructor.analyticsType;s||(s="scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.props.type),this.props.modules.analytics.sendAnalytics(s,t,e)}catch(t){console.warn("Failed to submit the analytics event. Error:",t)}}submit(){this.isValid?this.makePaymentsCall().then(o).then(r).then(this.handleResponse).catch((t=>{t instanceof p?this.setElementStatus("ready"):this.handleFailedResult(t)})):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise(((t,e)=>this.props.beforeSubmit(this.data,this.elementRef,{resolve:t,reject:()=>e(new p("beforeSubmitRejected"))}))):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new h("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){return new Promise(((t,e)=>{this.submitAnalytics({type:d}),this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:t,reject:e})}))}async submitUsingSessionsFlow(t){this.submitAnalytics({type:d});try{return await this.core.session.submitPayment(t)}catch(t){return t instanceof h?this.handleError(t):this.handleError(new h("ERROR","Error when making /payments call",{cause:t})),Promise.reject(t)}}onComplete(t){this.props.onComplete&&this.props.onComplete(t,this.elementRef)}handleAdditionalDetails(t){this.makeAdditionalDetailsCall(t).then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.props.onAdditionalDetails?new Promise(((e,s)=>{this.props.onAdditionalDetails(t,this.elementRef,{resolve:e,reject:s})})):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(t.data):void this.handleError(new h("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(t){try{return await this.core.session.submitDetails(t)}catch(t){return t instanceof h?this.handleError(t):this.handleError(new h("ERROR","Error when making /details call",{cause:t})),Promise.reject(t)}}handleAction(t,e={}){if(!t||!t.type){if(l(t,"action")&&l(t,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}const s=this.core.createFromAction(t,{...this.elementRef.props,...e,onAdditionalDetails:this.handleAdditionalDetails});return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(t){this.props?.onActionHandled?.({originalAction:this.props.originalAction,...t})}handleResponse(t){const e=o(t);e.action?this.elementRef.handleAction(e.action):e.order?.remainingAmount?.value>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyPress(t){"Enter"!==t.key&&"Enter"!==t.code||(t.preventDefault(),this.onEnterKeyPressed(document?.activeElement,this))}onEnterKeyPressed(t,e){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(t,e):(t.blur(),this.submit())}updateParent(t={}){return this.elementRef.core.update(t)}get isValid(){return!1}get icon(){const t=this.props.paymentMethodType||this.type;return this.props.icon??this.resources.getImage()(t)}get displayName(){const t=this.core.paymentMethodsResponse?.paymentMethods?.find((t=>t.type===this.type));return this.props.name||t?.name||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(t,e){return new Promise(((e,s)=>{if(!this.props.onPaymentMethodsRequest)return e();this.props.onPaymentMethodsRequest({...t&&{order:{orderData:t.orderData,pspReference:t.pspReference}},locale:this.core.options.locale},{resolve:e,reject:s})})).catch((t=>{this.handleError(new h("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:t}))})).then((s=>this.core.update({...s&&{paymentMethodsResponse:s},order:t,amount:t?t.remainingAmount:e})))}constructor(e,n){super(e,n),c(this,"componentRef",void 0),c(this,"resources",void 0),c(this,"elementRef",void 0),c(this,"handleError",(t=>{this.setElementStatus("ready"),this.props.onError&&this.props.onError(t,this.elementRef)})),c(this,"handleOrder",(t=>{const{order:e}=t;(this.core.session?this.core.update({order:e}):this.handleAdvanceFlowPaymentMethodsUpdate(e)).then((()=>{this.props.onOrderUpdated?.({order:e})}))})),c(this,"handleFailedResult",(t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),a(t),this.props.onPaymentFailed?.(t,this.elementRef)})),c(this,"handleSuccessResult",(t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),a(t),this.props.onPaymentCompleted?.(t,this.elementRef)})),c(this,"setComponentRef",(t=>{this.componentRef=t})),c(this,"payButton",(e=>t(s,{...e,amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,onClick:this.submit}))),this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.elementRef=n&&n.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props),this.onEnterKeyPressed=this.onEnterKeyPressed.bind(this),this.onActionHandled=this.onActionHandled.bind(this)}}c(m,"type",void 0),c(m,"txVariants",[]);export{m as UIElement,m as default};
 //# sourceMappingURL=UIElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport type { AnalyticsInitialEvent, SendAnalyticsObject } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore, AdditionalDetailsData } from '../../../core/types';\nimport type { ComponentMethodsRef, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\nimport type { NewableComponent } from '../../../core/core.registry';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    public elementRef: UIElement;\n\n    public static type = undefined;\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static txVariants: string[] = [];\n\n    constructor(checkout: ICore, props?: P) {\n        super(checkout, props);\n\n        this.core.register(this.constructor as NewableComponent);\n\n        this.submit = this.submit.bind(this);\n        this.setState = this.setState.bind(this);\n        this.onComplete = this.onComplete.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n        this.handleOrder = this.handleOrder.bind(this);\n        this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n        this.handleResponse = this.handleResponse.bind(this);\n        this.setElementStatus = this.setElementStatus.bind(this);\n        this.submitAnalytics = this.submitAnalytics.bind(this);\n        this.makePaymentsCall = this.makePaymentsCall.bind(this);\n        this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n        this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n        this.elementRef = (props && props.elementRef) || this;\n        this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n        this.storeElementRefOnCore(this.props);\n\n        this.onEnterKeyPressed = this.onEnterKeyPressed.bind(this);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n        const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n        const paymentMethodsResponseProps = isStoredPaymentMethod\n            ? {}\n            : this.core.paymentMethodsResponse.find(componentProps?.type || this.constructor['type']);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodsResponseProps,\n            ...componentProps\n        };\n\n        const isDropin = assertIsDropin(this as unknown as IDropin);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected storeElementRefOnCore(props?: P) {\n        if (!props?.isDropin) {\n            this.core.storeElementReference(this);\n        }\n    }\n\n    public isAvailable(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    public setState(newState: object): void {\n        this.state = { ...this.state, ...newState };\n        this.onChange();\n    }\n\n    public showValidation(): this {\n        if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n        return this;\n    }\n\n    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    public setStatus(status: UIElementStatus, props?): this {\n        if (this.componentRef?.setStatus) {\n            this.componentRef.setStatus(status, props);\n        }\n        return this;\n    }\n\n    protected onChange(): void {\n        this.props.onChange?.(\n            {\n                data: this.data,\n                isValid: this.isValid,\n                errors: this.state.errors,\n                valid: this.state.valid\n            },\n            this.elementRef\n        );\n    }\n\n    // Only called once, for UIElements (including Dropin), as they are being mounted\n    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n        const sessionId = this.props.session?.id;\n\n        return this.props.modules.analytics.setUp({\n            ...setUpAnalyticsObj,\n            ...(sessionId && { sessionId })\n        });\n    }\n\n    /**\n     * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n     *  - mounted,\n     *  - a PM has been selected\n     *  - onSubmit has been called (as a result of the pay button being pressed)\n     *\n     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n     */\n\n    protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?) {\n        /** Work out what the component's \"type\" is:\n         * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n         * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n         */\n        try {\n            let component = this.constructor['analyticsType'];\n            if (!component) {\n                component = this.constructor['type'] === 'scheme' || this.constructor['type'] === 'bcmc' ? this.constructor['type'] : this.props.type;\n            }\n\n            this.props.modules.analytics.sendAnalytics(component, analyticsObj, uiElementProps);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event. Error:', error);\n        }\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n    }\n\n    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse> {\n        this.setElementStatus('loading');\n\n        if (this.props.onSubmit) {\n            return this.submitUsingAdvancedFlow();\n        }\n\n        if (this.core.session) {\n            const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n                ? new Promise((resolve, reject) =>\n                      this.props.beforeSubmit(this.data, this.elementRef, {\n                          resolve,\n                          reject\n                      })\n                  )\n                : Promise.resolve(this.data);\n\n            return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n            // Call analytics endpoint\n            this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n            this.props.onSubmit(\n                {\n                    data: this.data,\n                    isValid: this.isValid\n                },\n                this.elementRef,\n                { resolve, reject }\n            );\n        });\n    }\n\n    private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n        this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n\n        // // Uncomment to simulate failed\n        // return {\n        //     resultCode: 'Refused',\n        //     sessionData:\n        //         'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n        //     sessionResult:\n        //         'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n        // };\n    }\n\n    protected onComplete(state): void {\n        if (this.props.onComplete) this.props.onComplete(state, this.elementRef);\n    }\n\n    protected handleError = (error: AdyenCheckoutError): void => {\n        /**\n         * Set status using elementRef, which:\n         * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n         * - If Component, it will set its own status\n         */\n        this.setElementStatus('ready');\n\n        if (this.props.onError) {\n            this.props.onError(error, this.elementRef);\n        }\n    };\n\n    protected handleAdditionalDetails(state: AdditionalDetailsData): void {\n        this.makeAdditionalDetailsCall(state)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    private makeAdditionalDetailsCall(state: AdditionalDetailsData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        if (this.props.onAdditionalDetails) {\n            return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n                this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n            });\n        }\n\n        if (this.core.session) {\n            return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n        try {\n            return await this.core.session.submitDetails(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /details call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement | null {\n        if (!action || !action.type) {\n            if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n                throw new Error(\n                    'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n                        'a \"resultCode\": have you passed in the whole response object by mistake?'\n                );\n            }\n            throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n        }\n\n        const paymentAction = this.core.createFromAction(action, {\n            ...this.elementRef.props,\n            ...props,\n            onAdditionalDetails: this.handleAdditionalDetails\n        });\n\n        if (paymentAction) {\n            this.unmount();\n            return paymentAction.mount(this._node);\n        }\n\n        return null;\n    }\n\n    protected handleOrder = (response: PaymentResponseData): void => {\n        const { order } = response;\n\n        const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    /**\n     * Handles when the payment fails. The payment fails when:\n     * - adv flow: the merchant rejects the payment due to a critical error\n     * - adv flow: the merchant resolves the payment with a failed resultCode\n     * - sessions: a network error occurs when making the payment\n     * - sessions: the payment fails with a failed resultCode\n     *\n     * @param result\n     */\n    protected handleFailedResult = (result?: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('error');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentFailed?.(result, this.elementRef);\n    };\n\n    protected handleSuccessResult = (result: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('success');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentCompleted?.(result, this.elementRef);\n    };\n\n    /**\n     * Handles a session /payments or /payments/details response.\n     * The component will handle automatically actions, orders, and final results.\n     *\n     * @param rawResponse -\n     */\n    protected handleResponse(rawResponse: RawPaymentResponse): void {\n        const response = sanitizeResponse(rawResponse);\n\n        if (response.action) {\n            this.elementRef.handleAction(response.action);\n            return;\n        }\n\n        if (response.order?.remainingAmount?.value > 0) {\n            // we don't want to call elementRef here, use the component handler\n            // we do this way so the logic on handlingOrder is associated with payment method\n            this.handleOrder(response);\n            return;\n        }\n\n        this.handleSuccessResult(response);\n    }\n\n    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent) {\n        if (e.key === 'Enter' || e.code === 'Enter') {\n            e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n            this.onEnterKeyPressed(document?.activeElement, this);\n        }\n    }\n\n    /**\n     * Handle Enter key pressed from a UIElement (called via handleKeyPress)\n     * @param obj\n     */\n    protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n        if (this.props.onEnterKeyPressed) {\n            this.props.onEnterKeyPressed(activeElement, component);\n        } else {\n            (activeElement as HTMLElement).blur();\n            this.submit();\n        }\n    }\n\n    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protected _parentInstance\n     * @param options - CoreOptions\n     */\n    public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n        return this.elementRef.core.update(options);\n    }\n\n    public setComponentRef = (ref: ComponentMethodsRef) => {\n        this.componentRef = ref;\n    };\n\n    /**\n     * Get the current validation status of the element\n     */\n    public get isValid(): boolean {\n        return false;\n    }\n\n    /**\n     * Get the element icon URL for the current environment\n     */\n\n    public get icon(): string {\n        const type = this.props.paymentMethodType || this.type;\n        return this.props.icon ?? this.resources.getImage()(type);\n    }\n\n    /**\n     * Get the element's displayable name\n     */\n    public get displayName(): string {\n        const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n        return this.props.name || paymentMethodFromResponse?.name || this.type;\n    }\n\n    /**\n     * Get the element accessible name, used in the aria-label of the button that controls selected payment method\n     */\n    public get accessibleName(): string {\n        return this.displayName;\n    }\n\n    /**\n     * Used to display the second line of a payment method item\n     */\n    get additionalInfo(): string {\n        return null;\n    }\n\n    /**\n     * Return the type of an element\n     */\n    public get type(): string {\n        return this.props.type || this.constructor['type'];\n    }\n\n    /**\n     * Get the payButton component for the current element\n     */\n    protected payButton = (props: PayButtonFunctionProps) => {\n        return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n    };\n\n    /**\n     * Used in the Partial Orders flow.\n     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n     *\n     * @private\n     */\n    protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount) {\n        return new Promise<void | PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return resolve();\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    ...(order && {\n                        order: {\n                            orderData: order.orderData,\n                            pspReference: order.pspReference\n                        }\n                    }),\n                    locale: this.core.options.locale\n                },\n                { resolve, reject }\n            );\n        })\n            .catch(error => {\n                this.handleError(\n                    new AdyenCheckoutError(\n                        'IMPLEMENTATION_ERROR',\n                        'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n                        {\n                            cause: error\n                        }\n                    )\n                );\n            })\n            .then(paymentMethodsResponse => {\n                // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n                // apply the same logic here for order and amount\n                // in the future it might be worth moving this logic to be performed by the core on update()\n                // it would make this more consistent\n                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order ? order.remainingAmount : amount\n                });\n            });\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","componentRef","resources","elementRef","static","undefined","constructor","checkout","props","super","this","core","register","submit","bind","setState","onComplete","handleAction","handleOrder","handleAdditionalDetails","handleResponse","setElementStatus","submitAnalytics","makePaymentsCall","makeAdditionalDetailsCall","submitUsingSessionsFlow","modules","storeElementRefOnCore","onEnterKeyPressed","buildElementProps","componentProps","finalProps","showPayButton","getCorePropsForComponent","isStoredPaymentMethod","paymentMethodsResponse","find","type","isDropin","assertIsDropin","formatProps","getRegulatoryDefaults","options","countryCode","storeElementReference","isAvailable","Promise","resolve","newState","state","onChange","showValidation","status","setStatus","data","isValid","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","analytics","setUp","analyticsObj","uiElementProps","component","sendAnalytics","error","console","warn","then","sanitizeResponse","verifyPaymentDidNotFail","catch","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","cause","onError","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","response","order","update","handleAdvanceFlowPaymentMethodsUpdate","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","handleSuccessResult","onPaymentCompleted","rawResponse","remainingAmount","value","handleKeyPress","e","key","code","preventDefault","document","activeElement","blur","updateParent","setComponentRef","ref","icon","paymentMethodType","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","payButton","h","PayButton","amount","secondaryAmount","onClick","onPaymentMethodsRequest","orderData","pspReference","locale"],"mappings":"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"}
+{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport type { AnalyticsInitialEvent, SendAnalyticsObject } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore, AdditionalDetailsData } from '../../../core/types';\nimport type { ComponentMethodsRef, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    ActionHandledReturnObject,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    public elementRef: UIElement;\n\n    public static type = undefined;\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static txVariants: string[] = [];\n\n    constructor(checkout: ICore, props?: P) {\n        super(checkout, props);\n\n        this.core.register(this.constructor as NewableComponent);\n\n        this.submit = this.submit.bind(this);\n        this.setState = this.setState.bind(this);\n        this.onComplete = this.onComplete.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n        this.handleOrder = this.handleOrder.bind(this);\n        this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n        this.handleResponse = this.handleResponse.bind(this);\n        this.setElementStatus = this.setElementStatus.bind(this);\n        this.submitAnalytics = this.submitAnalytics.bind(this);\n        this.makePaymentsCall = this.makePaymentsCall.bind(this);\n        this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n        this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n        this.elementRef = (props && props.elementRef) || this;\n        this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n        this.storeElementRefOnCore(this.props);\n\n        this.onEnterKeyPressed = this.onEnterKeyPressed.bind(this);\n        this.onActionHandled = this.onActionHandled.bind(this);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n        const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n        const paymentMethodsResponseProps = isStoredPaymentMethod\n            ? {}\n            : this.core.paymentMethodsResponse.find(componentProps?.type || this.constructor['type']);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodsResponseProps,\n            ...componentProps\n        };\n\n        const isDropin = assertIsDropin(this as unknown as IDropin);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected storeElementRefOnCore(props?: P) {\n        if (!props?.isDropin) {\n            this.core.storeElementReference(this);\n        }\n    }\n\n    public isAvailable(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    public setState(newState: object): void {\n        this.state = { ...this.state, ...newState };\n        this.onChange();\n    }\n\n    public showValidation(): this {\n        if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n        return this;\n    }\n\n    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    public setStatus(status: UIElementStatus, props?): this {\n        if (this.componentRef?.setStatus) {\n            this.componentRef.setStatus(status, props);\n        }\n        return this;\n    }\n\n    protected onChange(): void {\n        this.props.onChange?.(\n            {\n                data: this.data,\n                isValid: this.isValid,\n                errors: this.state.errors,\n                valid: this.state.valid\n            },\n            this.elementRef\n        );\n    }\n\n    // Only called once, for UIElements (including Dropin), as they are being mounted\n    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n        const sessionId = this.props.session?.id;\n\n        return this.props.modules.analytics.setUp({\n            ...setUpAnalyticsObj,\n            ...(sessionId && { sessionId })\n        });\n    }\n\n    /**\n     * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n     *  - mounted,\n     *  - a PM has been selected\n     *  - onSubmit has been called (as a result of the pay button being pressed)\n     *\n     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n     */\n\n    protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?) {\n        /** Work out what the component's \"type\" is:\n         * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n         * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n         */\n        try {\n            let component = this.constructor['analyticsType'];\n            if (!component) {\n                component = this.constructor['type'] === 'scheme' || this.constructor['type'] === 'bcmc' ? this.constructor['type'] : this.props.type;\n            }\n\n            this.props.modules.analytics.sendAnalytics(component, analyticsObj, uiElementProps);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event. Error:', error);\n        }\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        this.makePaymentsCall()\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch((e: PaymentResponseData | Error) => {\n                if (e instanceof CancelError) {\n                    this.setElementStatus('ready');\n                    return;\n                }\n                this.handleFailedResult(e as PaymentResponseData);\n            });\n    }\n\n    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse> {\n        this.setElementStatus('loading');\n\n        if (this.props.onSubmit) {\n            return this.submitUsingAdvancedFlow();\n        }\n\n        if (this.core.session) {\n            const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n                ? new Promise((resolve, reject) =>\n                      this.props.beforeSubmit(this.data, this.elementRef, {\n                          resolve,\n                          reject: () => reject(new CancelError('beforeSubmitRejected'))\n                      })\n                  )\n                : Promise.resolve(this.data);\n\n            return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n            // Call analytics endpoint\n            this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n            this.props.onSubmit(\n                {\n                    data: this.data,\n                    isValid: this.isValid\n                },\n                this.elementRef,\n                { resolve, reject }\n            );\n        });\n    }\n\n    private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n        this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n\n        // // Uncomment to simulate failed\n        // return {\n        //     resultCode: 'Refused',\n        //     sessionData:\n        //         'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n        //     sessionResult:\n        //         'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n        // };\n    }\n\n    protected onComplete(state): void {\n        if (this.props.onComplete) this.props.onComplete(state, this.elementRef);\n    }\n\n    protected handleError = (error: AdyenCheckoutError): void => {\n        /**\n         * Set status using elementRef, which:\n         * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n         * - If Component, it will set its own status\n         */\n        this.setElementStatus('ready');\n\n        if (this.props.onError) {\n            this.props.onError(error, this.elementRef);\n        }\n    };\n\n    protected handleAdditionalDetails(state: AdditionalDetailsData): void {\n        this.makeAdditionalDetailsCall(state)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    private makeAdditionalDetailsCall(state: AdditionalDetailsData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        if (this.props.onAdditionalDetails) {\n            return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n                this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n            });\n        }\n\n        if (this.core.session) {\n            return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n        try {\n            return await this.core.session.submitDetails(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /details call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement | null {\n        if (!action || !action.type) {\n            if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n                throw new Error(\n                    'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n                        'a \"resultCode\": have you passed in the whole response object by mistake?'\n                );\n            }\n            throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n        }\n\n        const paymentAction = this.core.createFromAction(action, {\n            ...this.elementRef.props,\n            ...props,\n            onAdditionalDetails: this.handleAdditionalDetails\n        });\n\n        if (paymentAction) {\n            this.unmount();\n            return paymentAction.mount(this._node);\n        }\n\n        return null;\n    }\n\n    protected onActionHandled(actionHandledObj: ActionHandledReturnObject) {\n        this.props?.onActionHandled?.({ originalAction: this.props.originalAction, ...actionHandledObj });\n    }\n\n    protected handleOrder = (response: PaymentResponseData): void => {\n        const { order } = response;\n\n        const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    /**\n     * Handles when the payment fails. The payment fails when:\n     * - adv flow: the merchant rejects the payment due to a critical error\n     * - adv flow: the merchant resolves the payment with a failed resultCode\n     * - sessions: a network error occurs when making the payment\n     * - sessions: the payment fails with a failed resultCode\n     *\n     * @param result\n     */\n    protected handleFailedResult = (result?: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('error');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentFailed?.(result, this.elementRef);\n    };\n\n    protected handleSuccessResult = (result: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('success');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentCompleted?.(result, this.elementRef);\n    };\n\n    /**\n     * Handles a /payments or /payments/details response.\n     * The component will handle automatically actions, orders, and final results.\n     *\n     * @param rawResponse -\n     */\n    protected handleResponse(rawResponse: RawPaymentResponse): void {\n        const response = sanitizeResponse(rawResponse);\n\n        if (response.action) {\n            this.elementRef.handleAction(response.action);\n            return;\n        }\n\n        if (response.order?.remainingAmount?.value > 0) {\n            // we don't want to call elementRef here, use the component handler\n            // we do this way so the logic on handlingOrder is associated with payment method\n            this.handleOrder(response);\n            return;\n        }\n\n        this.handleSuccessResult(response);\n    }\n\n    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent) {\n        if (e.key === 'Enter' || e.code === 'Enter') {\n            e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n            this.onEnterKeyPressed(document?.activeElement, this);\n        }\n    }\n\n    /**\n     * Handle Enter key pressed from a UIElement (called via handleKeyPress)\n     * @param obj\n     */\n    protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n        if (this.props.onEnterKeyPressed) {\n            this.props.onEnterKeyPressed(activeElement, component);\n        } else {\n            (activeElement as HTMLElement).blur();\n            this.submit();\n        }\n    }\n\n    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protected _parentInstance\n     * @param options - CoreOptions\n     */\n    public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n        return this.elementRef.core.update(options);\n    }\n\n    public setComponentRef = (ref: ComponentMethodsRef) => {\n        this.componentRef = ref;\n    };\n\n    /**\n     * Get the current validation status of the element\n     */\n    public get isValid(): boolean {\n        return false;\n    }\n\n    /**\n     * Get the element icon URL for the current environment\n     */\n\n    public get icon(): string {\n        const type = this.props.paymentMethodType || this.type;\n        return this.props.icon ?? this.resources.getImage()(type);\n    }\n\n    /**\n     * Get the element's displayable name\n     */\n    public get displayName(): string {\n        const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n        return this.props.name || paymentMethodFromResponse?.name || this.type;\n    }\n\n    /**\n     * Get the element accessible name, used in the aria-label of the button that controls selected payment method\n     */\n    public get accessibleName(): string {\n        return this.displayName;\n    }\n\n    /**\n     * Used to display the second line of a payment method item\n     */\n    get additionalInfo(): string {\n        return null;\n    }\n\n    /**\n     * Return the type of an element\n     */\n    public get type(): string {\n        return this.props.type || this.constructor['type'];\n    }\n\n    /**\n     * Get the payButton component for the current element\n     */\n    protected payButton = (props: PayButtonFunctionProps) => {\n        return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n    };\n\n    /**\n     * Used in the Partial Orders flow.\n     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n     *\n     * @private\n     */\n    protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount) {\n        return new Promise<void | PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return resolve();\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    ...(order && {\n                        order: {\n                            orderData: order.orderData,\n                            pspReference: order.pspReference\n                        }\n                    }),\n                    locale: this.core.options.locale\n                },\n                { resolve, reject }\n            );\n        })\n            .catch(error => {\n                this.handleError(\n                    new AdyenCheckoutError(\n                        'IMPLEMENTATION_ERROR',\n                        'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n                        {\n                            cause: error\n                        }\n                    )\n                );\n            })\n            .then(paymentMethodsResponse => {\n                // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n                // apply the same logic here for order and amount\n                // in the future it might be worth moving this logic to be performed by the core on update()\n                // it would make this more consistent\n                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order ? order.remainingAmount : amount\n                });\n            });\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","buildElementProps","componentProps","finalProps","showPayButton","this","core","getCorePropsForComponent","isStoredPaymentMethod","paymentMethodsResponse","find","type","constructor","isDropin","assertIsDropin","props","formatProps","getRegulatoryDefaults","options","countryCode","storeElementRefOnCore","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","modules","analytics","setUp","submitAnalytics","analyticsObj","uiElementProps","component","sendAnalytics","error","console","warn","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","originalAction","rawResponse","response","order","remainingAmount","value","handleOrder","handleSuccessResult","handleKeyPress","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","update","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","checkout","super","_define_property","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","onPaymentCompleted","setComponentRef","ref","payButton","h","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import a from"../../../external/classnames/index.js";import c from"../Button/Button.js";import{copyToClipboard as r}from"../../../utils/clipboard.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import o from"../../../core/Context/useImage.js";import{PREFIX as s}from"../Icon/constants.js";function _({voucherDetails:_=[],className:l="",...n}){const{i18n:u}=t(),i=o();return e("div",{className:a("adyen-checkout__voucher-result",`adyen-checkout__voucher-result--${n.paymentMethodType}`,l)},e("div",{className:"adyen-checkout__voucher-result__top"},e("div",{className:"adyen-checkout__voucher-result__image"},!!n.imageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:n.paymentMethodType,className:"adyen-checkout__voucher-result__image__brand",src:n.imageUrl})),!!n.issuerImageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:n.paymentMethodType,className:"adyen-checkout__voucher-result__image__issuer",src:n.issuerImageUrl}))),e("div",{className:"adyen-checkout__voucher-result__introduction"},n.introduction," ",n.instructionsUrl&&e("a",{className:"adyen-checkout-link adyen-checkout-link--voucher-result-instructions",href:n.instructionsUrl,target:"_blank",rel:"noopener noreferrer"},u.get("voucher.readInstructions")," ›")),n.amount&&e("div",{className:"adyen-checkout__voucher-result__amount"},n.amount,n.surcharge&&e("span",{className:"adyen-checkout__voucher-result__surcharge"},"(",u.get("voucher.surcharge").replace("%@",n.surcharge),")"))),n.reference&&e("div",{className:"adyen-checkout__voucher-result__separator"},e("div",{className:"adyen-checkout__voucher-result__separator__inner"}),e("div",{className:"adyen-checkout__voucher-result__code__label"},e("span",{className:"adyen-checkout__voucher-result__code__label__text"},u.get("voucher.paymentReferenceLabel")))),e("div",{className:"adyen-checkout__voucher-result__bottom"},n.reference&&e("div",{className:"adyen-checkout__voucher-result__code"},n.barcode&&e("img",{alt:u.get("voucher.paymentReferenceLabel"),className:"adyen-checkout__voucher-result__code__barcode",src:n.barcode}),e("span",null,n.reference)),(!!n.downloadUrl||!!n.copyBtn)&&e("ul",{className:"adyen-checkout__voucher-result__actions"},!!n.copyBtn&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(c,{inline:!0,variant:"action",onClick:(e,{complete:a})=>{r(n.reference),a()},icon:i({imageFolder:"components/"})(`${s}copy`),label:u.get("button.copy")})),!!n.downloadUrl&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(c,{inline:!0,variant:"action",href:n.downloadUrl,icon:i({imageFolder:"components/"})(`${s}download`),label:n.downloadButtonText||u.get("button.download"),target:"_blank",rel:"noopener noreferrer"}))),e("ul",{className:"adyen-checkout__voucher-result__details"},_.filter((({label:e,value:a})=>!!e&&!!a)).map((({label:a,value:c},r)=>e("li",{key:r,className:"adyen-checkout__voucher-result__details__item"},e("span",{className:"adyen-checkout__voucher-result__details__label"},a),e("span",{className:"adyen-checkout__voucher-result__details__value"},c)))))))}export{_ as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import a from"../../../external/classnames/index.js";import c from"../Button/Button.js";import{copyToClipboard as r}from"../../../utils/clipboard.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import o from"../../../core/Context/useImage.js";import{PREFIX as s}from"../Icon/constants.js";function n({voucherDetails:n=[],className:_="",...l}){const{i18n:u}=t(),i=o();return l.onActionHandled?.({componentType:l.paymentMethodType,actionDescription:"voucher-presented"}),e("div",{className:a("adyen-checkout__voucher-result",`adyen-checkout__voucher-result--${l.paymentMethodType}`,_)},e("div",{className:"adyen-checkout__voucher-result__top"},e("div",{className:"adyen-checkout__voucher-result__image"},!!l.imageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:l.paymentMethodType,className:"adyen-checkout__voucher-result__image__brand",src:l.imageUrl})),!!l.issuerImageUrl&&e("span",{className:"adyen-checkout__voucher-result__image__wrapper"},e("img",{alt:l.paymentMethodType,className:"adyen-checkout__voucher-result__image__issuer",src:l.issuerImageUrl}))),e("div",{className:"adyen-checkout__voucher-result__introduction"},l.introduction," ",l.instructionsUrl&&e("a",{className:"adyen-checkout-link adyen-checkout-link--voucher-result-instructions",href:l.instructionsUrl,target:"_blank",rel:"noopener noreferrer"},u.get("voucher.readInstructions")," ›")),l.amount&&e("div",{className:"adyen-checkout__voucher-result__amount"},l.amount,l.surcharge&&e("span",{className:"adyen-checkout__voucher-result__surcharge"},"(",u.get("voucher.surcharge").replace("%@",l.surcharge),")"))),l.reference&&e("div",{className:"adyen-checkout__voucher-result__separator"},e("div",{className:"adyen-checkout__voucher-result__separator__inner"}),e("div",{className:"adyen-checkout__voucher-result__code__label"},e("span",{className:"adyen-checkout__voucher-result__code__label__text"},u.get("voucher.paymentReferenceLabel")))),e("div",{className:"adyen-checkout__voucher-result__bottom"},l.reference&&e("div",{className:"adyen-checkout__voucher-result__code"},l.barcode&&e("img",{alt:u.get("voucher.paymentReferenceLabel"),className:"adyen-checkout__voucher-result__code__barcode",src:l.barcode}),e("span",null,l.reference)),(!!l.downloadUrl||!!l.copyBtn)&&e("ul",{className:"adyen-checkout__voucher-result__actions"},!!l.copyBtn&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(c,{inline:!0,variant:"action",onClick:(e,{complete:a})=>{r(l.reference),a()},icon:i({imageFolder:"components/"})(`${s}copy`),label:u.get("button.copy")})),!!l.downloadUrl&&e("li",{className:"adyen-checkout__voucher-result__actions__item"},e(c,{inline:!0,variant:"action",href:l.downloadUrl,icon:i({imageFolder:"components/"})(`${s}download`),label:l.downloadButtonText||u.get("button.download"),target:"_blank",rel:"noopener noreferrer"}))),e("ul",{className:"adyen-checkout__voucher-result__details"},n.filter((({label:e,value:a})=>!!e&&!!a)).map((({label:a,value:c},r)=>e("li",{key:r,className:"adyen-checkout__voucher-result__details__item"},e("span",{className:"adyen-checkout__voucher-result__details__label"},a),e("span",{className:"adyen-checkout__voucher-result__details__value"},c)))))))}export{n as default};
 //# sourceMappingURL=Voucher.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Voucher.js","sources":["../../../../../src/components/internal/Voucher/Voucher.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classNames from 'classnames';\nimport Button from '../Button';\nimport { copyToClipboard } from '../../../utils/clipboard';\n\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport './Voucher.scss';\nimport { VoucherProps } from './types';\nimport useImage from '../../../core/Context/useImage';\nimport { PREFIX } from '../Icon/constants';\n\nexport default function Voucher({ voucherDetails = [], className = '', ...props }: VoucherProps) {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <div className={classNames('adyen-checkout__voucher-result', `adyen-checkout__voucher-result--${props.paymentMethodType}`, className)}>\n            <div className=\"adyen-checkout__voucher-result__top\">\n                <div className=\"adyen-checkout__voucher-result__image\">\n                    {!!props.imageUrl && (\n                        <span className=\"adyen-checkout__voucher-result__image__wrapper\">\n                            <img alt={props.paymentMethodType} className=\"adyen-checkout__voucher-result__image__brand\" src={props.imageUrl} />\n                        </span>\n                    )}\n\n                    {!!props.issuerImageUrl && (\n                        <span className=\"adyen-checkout__voucher-result__image__wrapper\">\n                            <img alt={props.paymentMethodType} className=\"adyen-checkout__voucher-result__image__issuer\" src={props.issuerImageUrl} />\n                        </span>\n                    )}\n                </div>\n\n                <div className=\"adyen-checkout__voucher-result__introduction\">\n                    {props.introduction}{' '}\n                    {props.instructionsUrl && (\n                        <a\n                            className=\"adyen-checkout-link adyen-checkout-link--voucher-result-instructions\"\n                            href={props.instructionsUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            {i18n.get('voucher.readInstructions')} ›\n                        </a>\n                    )}\n                </div>\n\n                {props.amount && (\n                    <div className=\"adyen-checkout__voucher-result__amount\">\n                        {props.amount}\n\n                        {props.surcharge && (\n                            <span className=\"adyen-checkout__voucher-result__surcharge\">\n                                ({i18n.get('voucher.surcharge').replace('%@', props.surcharge)})\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n\n            {props.reference && (\n                <div className=\"adyen-checkout__voucher-result__separator\">\n                    <div className=\"adyen-checkout__voucher-result__separator__inner\" />\n                    <div className=\"adyen-checkout__voucher-result__code__label\">\n                        <span className=\"adyen-checkout__voucher-result__code__label__text\">{i18n.get('voucher.paymentReferenceLabel')}</span>\n                    </div>\n                </div>\n            )}\n\n            <div className=\"adyen-checkout__voucher-result__bottom\">\n                {props.reference && (\n                    <div className=\"adyen-checkout__voucher-result__code\">\n                        {props.barcode && (\n                            <img\n                                alt={i18n.get('voucher.paymentReferenceLabel')}\n                                className=\"adyen-checkout__voucher-result__code__barcode\"\n                                src={props.barcode}\n                            />\n                        )}\n                        <span>{props.reference}</span>\n                    </div>\n                )}\n\n                {(!!props.downloadUrl || !!props.copyBtn) && (\n                    <ul className=\"adyen-checkout__voucher-result__actions\">\n                        {!!props.copyBtn && (\n                            <li className=\"adyen-checkout__voucher-result__actions__item\">\n                                <Button\n                                    inline\n                                    variant=\"action\"\n                                    onClick={(e, { complete }) => {\n                                        copyToClipboard(props.reference);\n                                        complete();\n                                    }}\n                                    icon={getImage({ imageFolder: 'components/' })(`${PREFIX}copy`)}\n                                    label={i18n.get('button.copy')}\n                                />\n                            </li>\n                        )}\n\n                        {!!props.downloadUrl && (\n                            <li className=\"adyen-checkout__voucher-result__actions__item\">\n                                <Button\n                                    inline\n                                    variant=\"action\"\n                                    href={props.downloadUrl}\n                                    icon={getImage({ imageFolder: 'components/' })(`${PREFIX}download`)}\n                                    label={props.downloadButtonText || i18n.get('button.download')}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                />\n                            </li>\n                        )}\n                    </ul>\n                )}\n\n                <ul className=\"adyen-checkout__voucher-result__details\">\n                    {voucherDetails\n                        .filter(({ label, value }) => !!label && !!value)\n                        .map(({ label, value }, index) => (\n                            <li key={index} className=\"adyen-checkout__voucher-result__details__item\">\n                                <span className=\"adyen-checkout__voucher-result__details__label\">{label}</span>\n                                <span className=\"adyen-checkout__voucher-result__details__value\">{value}</span>\n                            </li>\n                        ))}\n                </ul>\n            </div>\n        </div>\n    );\n}\n"],"names":["Voucher","voucherDetails","className","props","i18n","useCoreContext","getImage","useImage","h","div","classNames","paymentMethodType","imageUrl","span","img","alt","src","issuerImageUrl","introduction","instructionsUrl","a","href","target","rel","get","amount","surcharge","replace","reference","barcode","downloadUrl","copyBtn","ul","li","Button","inline","variant","onClick","e","complete","copyToClipboard","icon","imageFolder","PREFIX","label","downloadButtonText","filter","value","map","index","key"],"mappings":"oYAWe,SAASA,GAAQC,eAAEA,EAAiB,GAAEC,UAAEA,EAAY,MAAOC,IACtE,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,MAAAA,CAAIP,UAAWQ,EAAW,iCAAkC,mCAAmCP,EAAMQ,oBAAqBT,IACvHM,EAACC,MAAAA,CAAIP,UAAU,uCACXM,EAACC,MAAAA,CAAIP,UAAU,2CACRC,EAAMS,UACLJ,EAACK,OAAAA,CAAKX,UAAU,kDACZM,EAACM,MAAAA,CAAIC,IAAKZ,EAAMQ,kBAAmBT,UAAU,+CAA+Cc,IAAKb,EAAMS,cAI5GT,EAAMc,gBACLT,EAACK,OAAAA,CAAKX,UAAU,kDACZM,EAACM,MAAAA,CAAIC,IAAKZ,EAAMQ,kBAAmBT,UAAU,gDAAgDc,IAAKb,EAAMc,mBAKpHT,EAACC,MAAAA,CAAIP,UAAU,gDACVC,EAAMe,aAAc,IACpBf,EAAMgB,iBACHX,EAACY,IAAAA,CACGlB,UAAU,uEACVmB,KAAMlB,EAAMgB,gBACZG,OAAO,SACPC,IAAI,uBAEHnB,EAAKoB,IAAI,4BAA4B,OAKjDrB,EAAMsB,QACHjB,EAACC,MAAAA,CAAIP,UAAU,0CACVC,EAAMsB,OAENtB,EAAMuB,WACHlB,EAACK,OAAAA,CAAKX,UAAU,6CAA4C,IACtDE,EAAKoB,IAAI,qBAAqBG,QAAQ,KAAMxB,EAAMuB,WAAW,OAOlFvB,EAAMyB,WACHpB,EAACC,MAAAA,CAAIP,UAAU,6CACXM,EAACC,MAAAA,CAAIP,UAAU,qDACfM,EAACC,MAAAA,CAAIP,UAAU,+CACXM,EAACK,OAAAA,CAAKX,UAAU,qDAAqDE,EAAKoB,IAAI,oCAK1FhB,EAACC,MAAAA,CAAIP,UAAU,0CACVC,EAAMyB,WACHpB,EAACC,MAAAA,CAAIP,UAAU,wCACVC,EAAM0B,SACHrB,EAACM,MAAAA,CACGC,IAAKX,EAAKoB,IAAI,iCACdtB,UAAU,gDACVc,IAAKb,EAAM0B,UAGnBrB,EAACK,YAAMV,EAAMyB,eAIjBzB,EAAM2B,eAAiB3B,EAAM4B,UAC7BvB,EAACwB,KAAAA,CAAG9B,UAAU,6CACPC,EAAM4B,SACLvB,EAACyB,KAAAA,CAAG/B,UAAU,iDACVM,EAAC0B,EAAAA,CACGC,QAAAA,EACAC,QAAQ,SACRC,QAAS,CAACC,GAAKC,eACXC,EAAgBrC,EAAMyB,WACtBW,GAAAA,EAEJE,KAAMnC,EAAS,CAAEoC,YAAa,eAAxBpC,CAAyC,GAAGqC,SAClDC,MAAOxC,EAAKoB,IAAI,oBAKzBrB,EAAM2B,aACLtB,EAACyB,KAAAA,CAAG/B,UAAU,iDACVM,EAAC0B,EAAAA,CACGC,QAAAA,EACAC,QAAQ,SACRf,KAAMlB,EAAM2B,YACZW,KAAMnC,EAAS,CAAEoC,YAAa,eAAxBpC,CAAyC,GAAGqC,aAClDC,MAAOzC,EAAM0C,oBAAsBzC,EAAKoB,IAAI,mBAC5CF,OAAO,SACPC,IAAI,0BAOxBf,EAACwB,KAAAA,CAAG9B,UAAU,2CACTD,EACI6C,QAAO,EAAGF,QAAOG,aAAcH,KAAWG,IAC1CC,KAAI,EAAGJ,QAAOG,SAASE,IACpBzC,EAACyB,KAAAA,CAAGiB,IAAKD,EAAO/C,UAAU,iDACtBM,EAACK,OAAAA,CAAKX,UAAU,kDAAkD0C,GAClEpC,EAACK,OAAAA,CAAKX,UAAU,kDAAkD6C,QAOlG"}
+{"version":3,"file":"Voucher.js","sources":["../../../../../src/components/internal/Voucher/Voucher.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classNames from 'classnames';\nimport Button from '../Button';\nimport { copyToClipboard } from '../../../utils/clipboard';\n\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport './Voucher.scss';\nimport { VoucherProps } from './types';\nimport useImage from '../../../core/Context/useImage';\nimport { PREFIX } from '../Icon/constants';\n\nexport default function Voucher({ voucherDetails = [], className = '', ...props }: VoucherProps) {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    props.onActionHandled?.({ componentType: props.paymentMethodType, actionDescription: 'voucher-presented' });\n\n    return (\n        <div className={classNames('adyen-checkout__voucher-result', `adyen-checkout__voucher-result--${props.paymentMethodType}`, className)}>\n            <div className=\"adyen-checkout__voucher-result__top\">\n                <div className=\"adyen-checkout__voucher-result__image\">\n                    {!!props.imageUrl && (\n                        <span className=\"adyen-checkout__voucher-result__image__wrapper\">\n                            <img alt={props.paymentMethodType} className=\"adyen-checkout__voucher-result__image__brand\" src={props.imageUrl} />\n                        </span>\n                    )}\n\n                    {!!props.issuerImageUrl && (\n                        <span className=\"adyen-checkout__voucher-result__image__wrapper\">\n                            <img alt={props.paymentMethodType} className=\"adyen-checkout__voucher-result__image__issuer\" src={props.issuerImageUrl} />\n                        </span>\n                    )}\n                </div>\n\n                <div className=\"adyen-checkout__voucher-result__introduction\">\n                    {props.introduction}{' '}\n                    {props.instructionsUrl && (\n                        <a\n                            className=\"adyen-checkout-link adyen-checkout-link--voucher-result-instructions\"\n                            href={props.instructionsUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            {i18n.get('voucher.readInstructions')} ›\n                        </a>\n                    )}\n                </div>\n\n                {props.amount && (\n                    <div className=\"adyen-checkout__voucher-result__amount\">\n                        {props.amount}\n\n                        {props.surcharge && (\n                            <span className=\"adyen-checkout__voucher-result__surcharge\">\n                                ({i18n.get('voucher.surcharge').replace('%@', props.surcharge)})\n                            </span>\n                        )}\n                    </div>\n                )}\n            </div>\n\n            {props.reference && (\n                <div className=\"adyen-checkout__voucher-result__separator\">\n                    <div className=\"adyen-checkout__voucher-result__separator__inner\" />\n                    <div className=\"adyen-checkout__voucher-result__code__label\">\n                        <span className=\"adyen-checkout__voucher-result__code__label__text\">{i18n.get('voucher.paymentReferenceLabel')}</span>\n                    </div>\n                </div>\n            )}\n\n            <div className=\"adyen-checkout__voucher-result__bottom\">\n                {props.reference && (\n                    <div className=\"adyen-checkout__voucher-result__code\">\n                        {props.barcode && (\n                            <img\n                                alt={i18n.get('voucher.paymentReferenceLabel')}\n                                className=\"adyen-checkout__voucher-result__code__barcode\"\n                                src={props.barcode}\n                            />\n                        )}\n                        <span>{props.reference}</span>\n                    </div>\n                )}\n\n                {(!!props.downloadUrl || !!props.copyBtn) && (\n                    <ul className=\"adyen-checkout__voucher-result__actions\">\n                        {!!props.copyBtn && (\n                            <li className=\"adyen-checkout__voucher-result__actions__item\">\n                                <Button\n                                    inline\n                                    variant=\"action\"\n                                    onClick={(e, { complete }) => {\n                                        copyToClipboard(props.reference);\n                                        complete();\n                                    }}\n                                    icon={getImage({ imageFolder: 'components/' })(`${PREFIX}copy`)}\n                                    label={i18n.get('button.copy')}\n                                />\n                            </li>\n                        )}\n\n                        {!!props.downloadUrl && (\n                            <li className=\"adyen-checkout__voucher-result__actions__item\">\n                                <Button\n                                    inline\n                                    variant=\"action\"\n                                    href={props.downloadUrl}\n                                    icon={getImage({ imageFolder: 'components/' })(`${PREFIX}download`)}\n                                    label={props.downloadButtonText || i18n.get('button.download')}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                />\n                            </li>\n                        )}\n                    </ul>\n                )}\n\n                <ul className=\"adyen-checkout__voucher-result__details\">\n                    {voucherDetails\n                        .filter(({ label, value }) => !!label && !!value)\n                        .map(({ label, value }, index) => (\n                            <li key={index} className=\"adyen-checkout__voucher-result__details__item\">\n                                <span className=\"adyen-checkout__voucher-result__details__label\">{label}</span>\n                                <span className=\"adyen-checkout__voucher-result__details__value\">{value}</span>\n                            </li>\n                        ))}\n                </ul>\n            </div>\n        </div>\n    );\n}\n"],"names":["Voucher","voucherDetails","className","props","i18n","useCoreContext","getImage","useImage","onActionHandled","componentType","paymentMethodType","actionDescription","h","div","classNames","imageUrl","span","img","alt","src","issuerImageUrl","introduction","instructionsUrl","a","href","target","rel","get","amount","surcharge","replace","reference","barcode","downloadUrl","copyBtn","ul","li","Button","inline","variant","onClick","e","complete","copyToClipboard","icon","imageFolder","PREFIX","label","downloadButtonText","filter","value","map","index","key"],"mappings":"oYAWe,SAASA,GAAQC,eAAEA,EAAiB,GAAEC,UAAEA,EAAY,MAAOC,IACtE,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IAIjB,OAFAJ,EAAMK,kBAAkB,CAAEC,cAAeN,EAAMO,kBAAmBC,kBAAmB,sBAGjFC,EAACC,MAAAA,CAAIX,UAAWY,EAAW,iCAAkC,mCAAmCX,EAAMO,oBAAqBR,IACvHU,EAACC,MAAAA,CAAIX,UAAU,uCACXU,EAACC,MAAAA,CAAIX,UAAU,2CACRC,EAAMY,UACLH,EAACI,OAAAA,CAAKd,UAAU,kDACZU,EAACK,MAAAA,CAAIC,IAAKf,EAAMO,kBAAmBR,UAAU,+CAA+CiB,IAAKhB,EAAMY,cAI5GZ,EAAMiB,gBACLR,EAACI,OAAAA,CAAKd,UAAU,kDACZU,EAACK,MAAAA,CAAIC,IAAKf,EAAMO,kBAAmBR,UAAU,gDAAgDiB,IAAKhB,EAAMiB,mBAKpHR,EAACC,MAAAA,CAAIX,UAAU,gDACVC,EAAMkB,aAAc,IACpBlB,EAAMmB,iBACHV,EAACW,IAAAA,CACGrB,UAAU,uEACVsB,KAAMrB,EAAMmB,gBACZG,OAAO,SACPC,IAAI,uBAEHtB,EAAKuB,IAAI,4BAA4B,OAKjDxB,EAAMyB,QACHhB,EAACC,MAAAA,CAAIX,UAAU,0CACVC,EAAMyB,OAENzB,EAAM0B,WACHjB,EAACI,OAAAA,CAAKd,UAAU,6CAA4C,IACtDE,EAAKuB,IAAI,qBAAqBG,QAAQ,KAAM3B,EAAM0B,WAAW,OAOlF1B,EAAM4B,WACHnB,EAACC,MAAAA,CAAIX,UAAU,6CACXU,EAACC,MAAAA,CAAIX,UAAU,qDACfU,EAACC,MAAAA,CAAIX,UAAU,+CACXU,EAACI,OAAAA,CAAKd,UAAU,qDAAqDE,EAAKuB,IAAI,oCAK1Ff,EAACC,MAAAA,CAAIX,UAAU,0CACVC,EAAM4B,WACHnB,EAACC,MAAAA,CAAIX,UAAU,wCACVC,EAAM6B,SACHpB,EAACK,MAAAA,CACGC,IAAKd,EAAKuB,IAAI,iCACdzB,UAAU,gDACViB,IAAKhB,EAAM6B,UAGnBpB,EAACI,YAAMb,EAAM4B,eAIjB5B,EAAM8B,eAAiB9B,EAAM+B,UAC7BtB,EAACuB,KAAAA,CAAGjC,UAAU,6CACPC,EAAM+B,SACLtB,EAACwB,KAAAA,CAAGlC,UAAU,iDACVU,EAACyB,EAAAA,CACGC,QAAAA,EACAC,QAAQ,SACRC,QAAS,CAACC,GAAKC,eACXC,EAAgBxC,EAAM4B,WACtBW,GAAAA,EAEJE,KAAMtC,EAAS,CAAEuC,YAAa,eAAxBvC,CAAyC,GAAGwC,SAClDC,MAAO3C,EAAKuB,IAAI,oBAKzBxB,EAAM8B,aACLrB,EAACwB,KAAAA,CAAGlC,UAAU,iDACVU,EAACyB,EAAAA,CACGC,QAAAA,EACAC,QAAQ,SACRf,KAAMrB,EAAM8B,YACZW,KAAMtC,EAAS,CAAEuC,YAAa,eAAxBvC,CAAyC,GAAGwC,aAClDC,MAAO5C,EAAM6C,oBAAsB5C,EAAKuB,IAAI,mBAC5CF,OAAO,SACPC,IAAI,0BAOxBd,EAACuB,KAAAA,CAAGjC,UAAU,2CACTD,EACIgD,QAAO,EAAGF,QAAOG,aAAcH,KAAWG,IAC1CC,KAAI,EAAGJ,QAAOG,SAASE,IACpBxC,EAACwB,KAAAA,CAAGiB,IAAKD,EAAOlD,UAAU,iDACtBU,EAACI,OAAAA,CAAKd,UAAU,kDAAkD6C,GAClEnC,EAACI,OAAAA,CAAKd,UAAU,kDAAkDgD,QAOlG"}

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

@@ -0,0 +1,2 @@
+const e=({props:e,i18n:n,introKey:t,getImage:o})=>{const{paymentMethodType:r,onActionHandled:a,totalAmount:c,reference:d}=e;return{paymentMethodType:r,introduction:n.get(t),imageUrl:o(r),onActionHandled:a,...c?{amount:n.amount(c.value,c.currency)}:{},...d?{reference:d}:{}}};export{e as extractCommonPropsForVoucher};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/Voucher/utils.ts"],"sourcesContent":["import { CommonVoucherProps } from './types';\n\nexport const extractCommonPropsForVoucher = ({ props, i18n, introKey, getImage }): CommonVoucherProps => {\n    const { paymentMethodType, onActionHandled, totalAmount, reference } = props;\n\n    return {\n        // occur in all vouchers\n        paymentMethodType,\n        introduction: i18n.get(introKey),\n        imageUrl: getImage(paymentMethodType),\n        onActionHandled,\n        // occurs in 7/8 vouchers\n        ...(totalAmount ? { amount: i18n.amount(totalAmount.value, totalAmount.currency) } : {}),\n        // occurs in 6/8 vouchers\n        ...(reference ? { reference } : {})\n    };\n};\n"],"names":["extractCommonPropsForVoucher","props","i18n","introKey","getImage","paymentMethodType","onActionHandled","totalAmount","reference","introduction","get","imageUrl","amount","value","currency"],"mappings":"AAEO,MAAMA,EAA+B,EAAGC,QAAOC,OAAMC,WAAUC,eAClE,MAAMC,kBAAEA,EAAiBC,gBAAEA,EAAeC,YAAEA,EAAWC,UAAEA,GAAcP,EAEvE,MAAO,CAEHI,oBACAI,aAAcP,EAAKQ,IAAIP,GACvBQ,SAAUP,EAASC,GACnBC,qBAEIC,EAAc,CAAEK,OAAQV,EAAKU,OAAOL,EAAYM,MAAON,EAAYO,WAAc,CAAE,KAEnFN,EAAY,CAAEA,aAAc,CAAE,EACtC"}

package/dist/es/core/CheckoutSession/CheckoutSession.js

@@ -1,2 +1,2 @@
-import s from"../Services/sessions/make-payment.js";import e from"../Services/sessions/submit-details.js";import t from"../Services/sessions/setup-session.js";import i from"../Services/sessions/check-balance.js";import o from"../../utils/Storage.js";import n from"../Services/sessions/create-order.js";import{sanitizeSession as a}from"./utils.js";import r from"../Services/sessions/cancel-order.js";import h from"../../utils/browserInfo.js";class c{session;storage;clientKey;loadingContext;configuration;constructor(s,e,t){const i=a(s);if(!e)throw new Error("No clientKey available");if(!t)throw new Error("No loadingContext available");this.storage=new o("session","localStorage"),this.clientKey=e,this.loadingContext=t,this.session=i,this.session.sessionData?this.storeSession():this.session=this.getStoredSession()}get shopperLocale(){return this.session.shopperLocale}get id(){return this.session.id}get data(){return this.session.sessionData}updateSessionData(s){this.session.sessionData=s,this.storeSession()}setupSession(s){const e={...s,browserInfo:h()};return t(this,e).then((s=>(s.configuration&&(this.configuration={...s.configuration}),s.sessionData&&this.updateSessionData(s.sessionData),s)))}submitPayment(e){return s(e,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}submitDetails(s){return e(s,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}checkBalance(s){return i(s,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}createOrder(){return n(this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}cancelOrder(s){return r(s.order,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}getStoredSession(){const s=this.storage.get();return this.id===s?.id?s:this.session}storeSession(){this.storage.set({id:this.session.id,sessionData:this.session.sessionData})}removeStoredSession(){this.storage.remove()}}export{c as default};
+import s from"../Services/sessions/make-payment.js";import e from"../Services/sessions/submit-details.js";import t from"../Services/sessions/setup-session.js";import i from"../Services/sessions/check-balance.js";import o from"../../utils/Storage.js";import n from"../Services/sessions/create-order.js";import{sanitizeSession as a}from"./utils.js";import r from"../Services/sessions/cancel-order.js";import h from"../../utils/browserInfo.js";function c(s,e,t){return e in s?Object.defineProperty(s,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):s[e]=t,s}class u{get shopperLocale(){return this.session.shopperLocale}get id(){return this.session.id}get data(){return this.session.sessionData}updateSessionData(s){this.session.sessionData=s,this.storeSession()}setupSession(s){const e={...s,browserInfo:h()};return t(this,e).then((s=>(s.configuration&&(this.configuration={...s.configuration}),s.sessionData&&this.updateSessionData(s.sessionData),s)))}submitPayment(e){return s(e,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}submitDetails(s){return e(s,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}checkBalance(s){return i(s,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}createOrder(){return n(this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}cancelOrder(s){return r(s.order,this).then((s=>(s.sessionData&&this.updateSessionData(s.sessionData),s)))}getStoredSession(){const s=this.storage.get();return this.id===s?.id?s:this.session}storeSession(){this.storage.set({id:this.session.id,sessionData:this.session.sessionData})}removeStoredSession(){this.storage.remove()}constructor(s,e,t){c(this,"session",void 0),c(this,"storage",void 0),c(this,"clientKey",void 0),c(this,"loadingContext",void 0),c(this,"configuration",void 0);const i=a(s);if(!e)throw new Error("No clientKey available");if(!t)throw new Error("No loadingContext available");this.storage=new o("session","localStorage"),this.clientKey=e,this.loadingContext=t,this.session=i,this.session.sessionData?this.storeSession():this.session=this.getStoredSession()}}export{u as default};
 //# sourceMappingURL=CheckoutSession.js.map

package/dist/es/core/CheckoutSession/CheckoutSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckoutSession.js","sources":["../../../../src/core/CheckoutSession/CheckoutSession.ts"],"sourcesContent":["import makePayment from '../Services/sessions/make-payment';\nimport submitDetails from '../Services/sessions/submit-details';\nimport setupSession from '../Services/sessions/setup-session';\nimport checkBalance from '../Services/sessions/check-balance';\nimport Storage from '../../utils/Storage';\nimport createOrder from '../Services/sessions/create-order';\nimport { sanitizeSession } from './utils';\nimport {\n    CheckoutSession,\n    CheckoutSessionBalanceResponse,\n    CheckoutSessionDetailsResponse,\n    CheckoutSessionOrdersResponse,\n    CheckoutSessionPaymentResponse,\n    CheckoutSessionSetupResponse,\n    SessionConfiguration,\n    SetupSessionOptions\n} from './types';\nimport cancelOrder from '../Services/sessions/cancel-order';\nimport { onOrderCancelData } from '../../components/Dropin/types';\nimport type { AdditionalDetailsData } from '../types';\nimport collectBrowserInfo from '../../utils/browserInfo';\n\nclass Session {\n    private readonly session: CheckoutSession;\n    private readonly storage: Storage<CheckoutSession>;\n    public readonly clientKey: string;\n    public readonly loadingContext: string;\n    public configuration: SessionConfiguration;\n\n    constructor(rawSession: Partial<CheckoutSession>, clientKey: string, loadingContext: string) {\n        const session = sanitizeSession(rawSession) as CheckoutSession;\n\n        if (!clientKey) throw new Error('No clientKey available');\n        if (!loadingContext) throw new Error('No loadingContext available');\n\n        this.storage = new Storage('session', 'localStorage');\n        this.clientKey = clientKey;\n        this.loadingContext = loadingContext;\n        this.session = session;\n\n        if (!this.session.sessionData) {\n            this.session = this.getStoredSession();\n        } else {\n            this.storeSession();\n        }\n    }\n\n    get shopperLocale() {\n        return this.session.shopperLocale;\n    }\n\n    get id() {\n        return this.session.id;\n    }\n\n    get data() {\n        return this.session.sessionData;\n    }\n\n    /**\n     * Updates the session.data with the latest data blob\n     */\n    private updateSessionData(latestData: string): void {\n        this.session.sessionData = latestData;\n        this.storeSession();\n    }\n\n    /**\n     * Fetches data from a session\n     */\n    setupSession(options: SetupSessionOptions): Promise<CheckoutSessionSetupResponse> {\n        const mergedOptions = { ...options, browserInfo: collectBrowserInfo() }\n        return setupSession(this, mergedOptions).then(response => {\n            if (response.configuration) {\n                this.configuration = { ...response.configuration };\n            }\n\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Submits a session payment\n     */\n    submitPayment(data): Promise<CheckoutSessionPaymentResponse> {\n        return makePayment(data, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Submits session payment additional details\n     */\n    submitDetails(data: AdditionalDetailsData['data']): Promise<CheckoutSessionDetailsResponse> {\n        return submitDetails(data, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Checks the balance for a payment method\n     */\n    checkBalance(data): Promise<CheckoutSessionBalanceResponse> {\n        return checkBalance(data, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Creates an order for the current session\n     */\n    createOrder(): Promise<CheckoutSessionOrdersResponse> {\n        return createOrder(this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Cancels an order for the current session\n     */\n    cancelOrder(data: onOrderCancelData): Promise<CheckoutSessionOrdersResponse> {\n        return cancelOrder(data.order, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Gets the stored session but only if the current id and the stored id match\n     */\n    getStoredSession(): CheckoutSession {\n        const storedSession = this.storage.get();\n        return this.id === storedSession?.id ? storedSession : this.session;\n    }\n\n    /**\n     * Stores the session\n     */\n    storeSession(): void {\n        this.storage.set({ id: this.session.id, sessionData: this.session.sessionData });\n    }\n\n    /**\n     * Clears the stored session\n     */\n    removeStoredSession(): void {\n        this.storage.remove();\n    }\n}\n\nexport default Session;\n"],"names":["Session","session","storage","clientKey","loadingContext","configuration","constructor","rawSession","sanitizeSession","Error","this","Storage","sessionData","storeSession","getStoredSession","shopperLocale","id","data","updateSessionData","latestData","setupSession","options","mergedOptions","browserInfo","collectBrowserInfo","then","response","submitPayment","makePayment","submitDetails","checkBalance","createOrder","cancelOrder","order","storedSession","get","set","removeStoredSession","remove"],"mappings":"ybAsBA,MAAMA,EACeC,QACAC,QACDC,UACAC,eACTC,cAEPC,WAAAA,CAAYC,EAAsCJ,EAAmBC,GACjE,MAAMH,EAAUO,EAAgBD,GAEhC,IAAKJ,EAAW,MAAM,IAAIM,MAAM,0BAChC,IAAKL,EAAgB,MAAM,IAAIK,MAAM,+BAErCC,KAAKR,QAAU,IAAIS,EAAQ,UAAW,gBACtCD,KAAKP,UAAYA,EACjBO,KAAKN,eAAiBA,EACtBM,KAAKT,QAAUA,EAEVS,KAAKT,QAAQW,YAGdF,KAAKG,eAFLH,KAAKT,QAAUS,KAAKI,kBAI5B,CAEA,iBAAIC,GACA,OAAOL,KAAKT,QAAQc,aACxB,CAEA,MAAIC,GACA,OAAON,KAAKT,QAAQe,EACxB,CAEA,QAAIC,GACA,OAAOP,KAAKT,QAAQW,WACxB,CAKQM,iBAAAA,CAAkBC,GACtBT,KAAKT,QAAQW,YAAcO,EAC3BT,KAAKG,cACT,CAKAO,YAAAA,CAAaC,GACT,MAAMC,EAAgB,IAAKD,EAASE,YAAaC,KACjD,OAAOJ,EAAaV,KAAMY,GAAeG,MAAKC,IACtCA,EAASrB,gBACTK,KAAKL,cAAgB,IAAKqB,EAASrB,gBAGnCqB,EAASd,aACTF,KAAKQ,kBAAkBQ,EAASd,aAG7Bc,IAEf,CAKAC,aAAAA,CAAcV,GACV,OAAOW,EAAYX,EAAMP,MAAMe,MAAKC,IAC5BA,EAASd,aACTF,KAAKQ,kBAAkBQ,EAASd,aAG7Bc,IAEf,CAKAG,aAAAA,CAAcZ,GACV,OAAOY,EAAcZ,EAAMP,MAAMe,MAAKC,IAC9BA,EAASd,aACTF,KAAKQ,kBAAkBQ,EAASd,aAG7Bc,IAEf,CAKAI,YAAAA,CAAab,GACT,OAAOa,EAAab,EAAMP,MAAMe,MAAKC,IAC7BA,EAASd,aACTF,KAAKQ,kBAAkBQ,EAASd,aAG7Bc,IAEf,CAKAK,WAAAA,GACI,OAAOA,EAAYrB,MAAMe,MAAKC,IACtBA,EAASd,aACTF,KAAKQ,kBAAkBQ,EAASd,aAG7Bc,IAEf,CAKAM,WAAAA,CAAYf,GACR,OAAOe,EAAYf,EAAKgB,MAAOvB,MAAMe,MAAKC,IAClCA,EAASd,aACTF,KAAKQ,kBAAkBQ,EAASd,aAG7Bc,IAEf,CAKAZ,gBAAAA,GACI,MAAMoB,EAAgBxB,KAAKR,QAAQiC,MACnC,OAAOzB,KAAKM,KAAOkB,GAAelB,GAAKkB,EAAgBxB,KAAKT,OAChE,CAKAY,YAAAA,GACIH,KAAKR,QAAQkC,IAAI,CAAEpB,GAAIN,KAAKT,QAAQe,GAAIJ,YAAaF,KAAKT,QAAQW,aACtE,CAKAyB,mBAAAA,GACI3B,KAAKR,QAAQoC,QACjB"}
+{"version":3,"file":"CheckoutSession.js","sources":["../../../../src/core/CheckoutSession/CheckoutSession.ts"],"sourcesContent":["import makePayment from '../Services/sessions/make-payment';\nimport submitDetails from '../Services/sessions/submit-details';\nimport setupSession from '../Services/sessions/setup-session';\nimport checkBalance from '../Services/sessions/check-balance';\nimport Storage from '../../utils/Storage';\nimport createOrder from '../Services/sessions/create-order';\nimport { sanitizeSession } from './utils';\nimport {\n    CheckoutSession,\n    CheckoutSessionBalanceResponse,\n    CheckoutSessionDetailsResponse,\n    CheckoutSessionOrdersResponse,\n    CheckoutSessionPaymentResponse,\n    CheckoutSessionSetupResponse,\n    SessionConfiguration,\n    SetupSessionOptions\n} from './types';\nimport cancelOrder from '../Services/sessions/cancel-order';\nimport { onOrderCancelData } from '../../components/Dropin/types';\nimport type { AdditionalDetailsData } from '../types';\nimport collectBrowserInfo from '../../utils/browserInfo';\n\nclass Session {\n    private readonly session: CheckoutSession;\n    private readonly storage: Storage<CheckoutSession>;\n    public readonly clientKey: string;\n    public readonly loadingContext: string;\n    public configuration: SessionConfiguration;\n\n    constructor(rawSession: Partial<CheckoutSession>, clientKey: string, loadingContext: string) {\n        const session = sanitizeSession(rawSession) as CheckoutSession;\n\n        if (!clientKey) throw new Error('No clientKey available');\n        if (!loadingContext) throw new Error('No loadingContext available');\n\n        this.storage = new Storage('session', 'localStorage');\n        this.clientKey = clientKey;\n        this.loadingContext = loadingContext;\n        this.session = session;\n\n        if (!this.session.sessionData) {\n            this.session = this.getStoredSession();\n        } else {\n            this.storeSession();\n        }\n    }\n\n    get shopperLocale() {\n        return this.session.shopperLocale;\n    }\n\n    get id() {\n        return this.session.id;\n    }\n\n    get data() {\n        return this.session.sessionData;\n    }\n\n    /**\n     * Updates the session.data with the latest data blob\n     */\n    private updateSessionData(latestData: string): void {\n        this.session.sessionData = latestData;\n        this.storeSession();\n    }\n\n    /**\n     * Fetches data from a session\n     */\n    setupSession(options: SetupSessionOptions): Promise<CheckoutSessionSetupResponse> {\n        const mergedOptions = { ...options, browserInfo: collectBrowserInfo() }\n        return setupSession(this, mergedOptions).then(response => {\n            if (response.configuration) {\n                this.configuration = { ...response.configuration };\n            }\n\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Submits a session payment\n     */\n    submitPayment(data): Promise<CheckoutSessionPaymentResponse> {\n        return makePayment(data, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Submits session payment additional details\n     */\n    submitDetails(data: AdditionalDetailsData['data']): Promise<CheckoutSessionDetailsResponse> {\n        return submitDetails(data, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Checks the balance for a payment method\n     */\n    checkBalance(data): Promise<CheckoutSessionBalanceResponse> {\n        return checkBalance(data, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Creates an order for the current session\n     */\n    createOrder(): Promise<CheckoutSessionOrdersResponse> {\n        return createOrder(this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Cancels an order for the current session\n     */\n    cancelOrder(data: onOrderCancelData): Promise<CheckoutSessionOrdersResponse> {\n        return cancelOrder(data.order, this).then(response => {\n            if (response.sessionData) {\n                this.updateSessionData(response.sessionData);\n            }\n\n            return response;\n        });\n    }\n\n    /**\n     * Gets the stored session but only if the current id and the stored id match\n     */\n    getStoredSession(): CheckoutSession {\n        const storedSession = this.storage.get();\n        return this.id === storedSession?.id ? storedSession : this.session;\n    }\n\n    /**\n     * Stores the session\n     */\n    storeSession(): void {\n        this.storage.set({ id: this.session.id, sessionData: this.session.sessionData });\n    }\n\n    /**\n     * Clears the stored session\n     */\n    removeStoredSession(): void {\n        this.storage.remove();\n    }\n}\n\nexport default Session;\n"],"names":["Session","shopperLocale","this","session","id","data","sessionData","updateSessionData","latestData","storeSession","setupSession","options","mergedOptions","browserInfo","collectBrowserInfo","then","response","configuration","submitPayment","makePayment","submitDetails","checkBalance","createOrder","cancelOrder","order","getStoredSession","storedSession","storage","get","set","removeStoredSession","remove","constructor","rawSession","clientKey","loadingContext","_define_property","sanitizeSession","Error","Storage"],"mappings":"ijBAsBA,MAAMA,EAyBF,iBAAIC,GACA,OAAOC,KAAKC,QAAQF,aACxB,CAEA,MAAIG,GACA,OAAOF,KAAKC,QAAQC,EACxB,CAEA,QAAIC,GACA,OAAOH,KAAKC,QAAQG,WACxB,CAKQC,iBAAAA,CAAkBC,GACtBN,KAAKC,QAAQG,YAAcE,EAC3BN,KAAKO,cACT,CAKAC,YAAAA,CAAaC,GACT,MAAMC,EAAgB,IAAKD,EAASE,YAAaC,KACjD,OAAOJ,EAAaR,KAAMU,GAAeG,MAAKC,IACtCA,EAASC,gBACTf,KAAKe,cAAgB,IAAKD,EAASC,gBAGnCD,EAASV,aACTJ,KAAKK,kBAAkBS,EAASV,aAG7BU,IAEf,CAKAE,aAAAA,CAAcb,GACV,OAAOc,EAAYd,EAAMH,MAAMa,MAAKC,IAC5BA,EAASV,aACTJ,KAAKK,kBAAkBS,EAASV,aAG7BU,IAEf,CAKAI,aAAAA,CAAcf,GACV,OAAOe,EAAcf,EAAMH,MAAMa,MAAKC,IAC9BA,EAASV,aACTJ,KAAKK,kBAAkBS,EAASV,aAG7BU,IAEf,CAKAK,YAAAA,CAAahB,GACT,OAAOgB,EAAahB,EAAMH,MAAMa,MAAKC,IAC7BA,EAASV,aACTJ,KAAKK,kBAAkBS,EAASV,aAG7BU,IAEf,CAKAM,WAAAA,GACI,OAAOA,EAAYpB,MAAMa,MAAKC,IACtBA,EAASV,aACTJ,KAAKK,kBAAkBS,EAASV,aAG7BU,IAEf,CAKAO,WAAAA,CAAYlB,GACR,OAAOkB,EAAYlB,EAAKmB,MAAOtB,MAAMa,MAAKC,IAClCA,EAASV,aACTJ,KAAKK,kBAAkBS,EAASV,aAG7BU,IAEf,CAKAS,gBAAAA,GACI,MAAMC,EAAgBxB,KAAKyB,QAAQC,MACnC,OAAO1B,KAAKE,KAAOsB,GAAetB,GAAKsB,EAAgBxB,KAAKC,OAChE,CAKAM,YAAAA,GACIP,KAAKyB,QAAQE,IAAI,CAAEzB,GAAIF,KAAKC,QAAQC,GAAIE,YAAaJ,KAAKC,QAAQG,aACtE,CAKAwB,mBAAAA,GACI5B,KAAKyB,QAAQI,QACjB,CA7IAC,WAAAA,CAAYC,EAAsCC,EAAmBC,GANrEC,EAAAlC,KAAiBC,eAAjB,GACAiC,EAAAlC,KAAiByB,eAAjB,GACAS,EAAAlC,KAAgBgC,iBAAhB,GACAE,EAAAlC,KAAgBiC,sBAAhB,GACAC,EAAAlC,KAAOe,qBAAP,GAGI,MAAMd,EAAUkC,EAAgBJ,GAEhC,IAAKC,EAAW,MAAM,IAAII,MAAM,0BAChC,IAAKH,EAAgB,MAAM,IAAIG,MAAM,+BAErCpC,KAAKyB,QAAU,IAAIY,EAAQ,UAAW,gBACtCrC,KAAKgC,UAAYA,EACjBhC,KAAKiC,eAAiBA,EACtBjC,KAAKC,QAAUA,EAEVD,KAAKC,QAAQG,YAGdJ,KAAKO,eAFLP,KAAKC,QAAUD,KAAKuB,kBAI5B"}

package/dist/es/core/Context/Resources.js

@@ -1,2 +1,2 @@
-import e from"../Errors/AdyenCheckoutError.js";class r{resourceContext;constructor(r){if(!r)throw new e("IMPLEMENTATION_ERROR",'Resources module: "environmentsUrls.cdn" is not a valid URL');this.resourceContext=r}returnImage=({name:e,resourceContext:r,imageFolder:t="",parentFolder:o="",extension:n,size:s="",subFolder:i=""})=>`${r}images/${t}${i}${o}${e}${s}.${n}`;getImageUrl=({resourceContext:e,extension:r="svg",...t})=>o=>{const n={extension:r,resourceContext:e,imageFolder:"logos/",parentFolder:"",name:o,...t};return this.returnImage(n)};getImage(e={}){return this.getImageUrl({...e,resourceContext:this.resourceContext})}}export{r as Resources};
+import e from"../Errors/AdyenCheckoutError.js";function r(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}class t{getImage(e={}){return this.getImageUrl({...e,resourceContext:this.resourceContext})}constructor(t){if(r(this,"resourceContext",void 0),r(this,"returnImage",(({name:e,resourceContext:r,imageFolder:t="",parentFolder:o="",extension:n,size:s="",subFolder:i=""})=>`${r}images/${t}${i}${o}${e}${s}.${n}`)),r(this,"getImageUrl",(({resourceContext:e,extension:r="svg",...t})=>o=>{const n={extension:r,resourceContext:e,imageFolder:"logos/",parentFolder:"",name:o,...t};return this.returnImage(n)})),!t)throw new e("IMPLEMENTATION_ERROR",'Resources module: "environmentsUrls.cdn" is not a valid URL');this.resourceContext=t}}export{t as Resources};
 //# sourceMappingURL=Resources.js.map

package/dist/es/core/Context/Resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resources.js","sources":["../../../../src/core/Context/Resources.ts"],"sourcesContent":["import AdyenCheckoutError from '../Errors/AdyenCheckoutError';\n\nexport interface ImageOptions {\n    extension?: string;\n    imageFolder?: string;\n    resourceContext?: string;\n    name?: string;\n    parentFolder?: string;\n    size?: string;\n    subFolder?: string;\n    svgOptions?: string;\n    type?: string;\n}\n\nexport type GetImageFnType = (name) => string;\n\nexport class Resources {\n    private readonly resourceContext: string;\n\n    constructor(cdnContext: string) {\n        if (!cdnContext) {\n            throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', 'Resources module: \"environmentsUrls.cdn\" is not a valid URL');\n        }\n        this.resourceContext = cdnContext;\n    }\n\n    private returnImage = ({\n        name,\n        resourceContext,\n        imageFolder = '',\n        parentFolder = '',\n        extension,\n        size = '',\n        subFolder = ''\n    }: ImageOptions): string => `${resourceContext}images/${imageFolder}${subFolder}${parentFolder}${name}${size}.${extension}`;\n\n    private getImageUrl =\n        ({ resourceContext, extension = 'svg', ...options }: ImageOptions): GetImageFnType =>\n        (name: string): string => {\n            const imageOptions: ImageOptions = {\n                extension,\n                resourceContext,\n                imageFolder: 'logos/',\n                parentFolder: '',\n                name,\n                ...options\n            };\n\n            return this.returnImage(imageOptions);\n        };\n\n    public getImage(props = {} as ImageOptions) {\n        return this.getImageUrl({ ...props, resourceContext: this.resourceContext });\n    }\n}\n"],"names":["Resources","resourceContext","constructor","cdnContext","AdyenCheckoutError","this","returnImage","name","imageFolder","parentFolder","extension","size","subFolder","getImageUrl","options","imageOptions","getImage","props"],"mappings":"+CAgBO,MAAMA,EACQC,gBAEjBC,WAAAA,CAAYC,GACR,IAAKA,EACD,MAAM,IAAIC,EAAmB,uBAAwB,+DAEzDC,KAAKJ,gBAAkBE,CAC3B,CAEQG,YAAc,EAClBC,OACAN,kBACAO,cAAc,GACdC,eAAe,GACfC,YACAC,OAAO,GACPC,YAAY,MACY,GAAGX,WAAyBO,IAAcI,IAAYH,IAAeF,IAAOI,KAAQD,IAExGG,YACJ,EAAGZ,kBAAiBS,YAAY,SAAUI,KACzCP,IACG,MAAMQ,EAA6B,CAC/BL,YACAT,kBACAO,YAAa,SACbC,aAAc,GACdF,UACGO,GAGP,OAAOT,KAAKC,YAAYS,EAAAA,EAGzBC,QAAAA,CAASC,EAAQ,IACpB,OAAOZ,KAAKQ,YAAY,IAAKI,EAAOhB,gBAAiBI,KAAKJ,iBAC9D"}
+{"version":3,"file":"Resources.js","sources":["../../../../src/core/Context/Resources.ts"],"sourcesContent":["import AdyenCheckoutError from '../Errors/AdyenCheckoutError';\n\nexport interface ImageOptions {\n    extension?: string;\n    imageFolder?: string;\n    resourceContext?: string;\n    name?: string;\n    parentFolder?: string;\n    size?: string;\n    subFolder?: string;\n    svgOptions?: string;\n    type?: string;\n}\n\nexport type GetImageFnType = (name) => string;\n\nexport class Resources {\n    private readonly resourceContext: string;\n\n    constructor(cdnContext: string) {\n        if (!cdnContext) {\n            throw new AdyenCheckoutError('IMPLEMENTATION_ERROR', 'Resources module: \"environmentsUrls.cdn\" is not a valid URL');\n        }\n        this.resourceContext = cdnContext;\n    }\n\n    private returnImage = ({\n        name,\n        resourceContext,\n        imageFolder = '',\n        parentFolder = '',\n        extension,\n        size = '',\n        subFolder = ''\n    }: ImageOptions): string => `${resourceContext}images/${imageFolder}${subFolder}${parentFolder}${name}${size}.${extension}`;\n\n    private getImageUrl =\n        ({ resourceContext, extension = 'svg', ...options }: ImageOptions): GetImageFnType =>\n        (name: string): string => {\n            const imageOptions: ImageOptions = {\n                extension,\n                resourceContext,\n                imageFolder: 'logos/',\n                parentFolder: '',\n                name,\n                ...options\n            };\n\n            return this.returnImage(imageOptions);\n        };\n\n    public getImage(props = {} as ImageOptions) {\n        return this.getImageUrl({ ...props, resourceContext: this.resourceContext });\n    }\n}\n"],"names":["Resources","getImage","props","this","getImageUrl","resourceContext","constructor","cdnContext","_define_property","returnImage","name","imageFolder","parentFolder","extension","size","subFolder","options","imageOptions","AdyenCheckoutError"],"mappings":"uKAgBO,MAAMA,EAmCFC,QAAAA,CAASC,EAAQ,IACpB,OAAOC,KAAKC,YAAY,IAAKF,EAAOG,gBAAiBF,KAAKE,iBAC9D,CAlCAC,WAAAA,CAAYC,GACR,GAHJC,EAAAL,KAAiBE,uBAAjB,GASAG,EAAAL,KAAQM,eAAc,EAClBC,OACAL,kBACAM,cAAc,GACdC,eAAe,GACfC,YACAC,OAAO,GACPC,YAAY,MACY,GAAGV,WAAyBM,IAAcI,IAAYH,IAAeF,IAAOI,KAAQD,MAEhHL,EAAQJ,KAAAA,eACJ,EAAGC,kBAAiBQ,YAAY,SAAUG,KACzCN,IACG,MAAMO,EAA6B,CAC/BJ,YACAR,kBACAM,YAAa,SACbC,aAAc,GACdF,UACGM,GAGP,OAAOb,KAAKM,YAAYQ,EAAAA,KA5BvBV,EACD,MAAM,IAAIW,EAAmB,uBAAwB,+DAEzDf,KAAKE,gBAAkBE,CAC3B"}

package/dist/es/core/Errors/AdyenCheckoutError.js

@@ -1,2 +1,2 @@
-const R="NETWORK_ERROR",E="CANCEL",O="IMPLEMENTATION_ERROR",s="API_ERROR",e="ERROR",r="SCRIPT_ERROR",t="SDK_ERROR";class T extends Error{static errorTypes={NETWORK_ERROR:R,CANCEL:E,IMPLEMENTATION_ERROR:O,API_ERROR:s,ERROR:e,SCRIPT_ERROR:r,SDK_ERROR:t};cause;constructor(R,E,O){super(E),this.name=T.errorTypes[R],this.cause=O?.cause}}export{s as API_ERROR,E as CANCEL,e as ERROR,O as IMPLEMENTATION_ERROR,R as NETWORK_ERROR,r as SCRIPT_ERROR,t as SDK_ERROR,T as default};
+function R(R,e,E){return e in R?Object.defineProperty(R,e,{value:E,enumerable:!0,configurable:!0,writable:!0}):R[e]=E,R}const e="NETWORK_ERROR",E="CANCEL",r="IMPLEMENTATION_ERROR",O="API_ERROR",s="ERROR",t="SCRIPT_ERROR",a="SDK_ERROR";class n extends Error{constructor(e,E,r){super(E),R(this,"cause",void 0),this.name=n.errorTypes[e],this.cause=r?.cause}}R(n,"errorTypes",{NETWORK_ERROR:e,CANCEL:E,IMPLEMENTATION_ERROR:r,API_ERROR:O,ERROR:s,SCRIPT_ERROR:t,SDK_ERROR:a});export{O as API_ERROR,E as CANCEL,s as ERROR,r as IMPLEMENTATION_ERROR,e as NETWORK_ERROR,t as SCRIPT_ERROR,a as SDK_ERROR,n as default};
 //# sourceMappingURL=AdyenCheckoutError.js.map