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

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 { off, on, removeAllChildren, selectOne } from '../utilities/dom';\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 '../configuration/constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField, { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from './AbstractSecuredField';\nimport { reject } from '../../utils';\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! ' +\n                        '(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            /**\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\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","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","_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 { off, on, removeAllChildren, selectOne } from '../utilities/dom';\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 '../configuration/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';\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! ' +\n                        '(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            /**\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\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","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","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"processAriaConfig.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processAriaConfig.ts"],"sourcesContent":["import { addErrorTranslationsToObject } from '../../../../../../core/Errors/utils';\nimport addContextTranslationsToObject from '../../utilities/addContextTranslations';\nimport { AriaConfigObject, AriaConfig } from '../AbstractSecuredField';\nimport Language from '../../../../../../language/Language';\nimport { SF_FIELDS_MAP } from '../../configuration/constants';\n\n/**\n * Creates an ariaConfig object with 'iframeTitle' and 'label' properties, whose values are retrieved from the translations object.\n * (These values either come from the translation file or have been overwritten by the merchant in a translations config object.)\n * We then add an error object containing the possible errors for any securedField read from the translation file and stored under error-codes\n */\nexport function processAriaConfig(txVariant: string, fieldType: string, i18n: Language, showContextuaElement): AriaConfig {\n    // txVariant can be the scheme name (VISA, Mastercard...) so we put all of them under creditCard\n    const type = ['ach', 'giftcard'].includes(txVariant) ? txVariant : 'creditCard';\n\n    // Get translation for iframeTitle\n    const iframeTitle: string = i18n.get(`${type}.${fieldType}.aria.iframeTitle`);\n\n    // Get translation for aria label using *same* key that is used to label the element - important a11y consideration for (securedField) iframe\n    const label: string = i18n.get(`${type}.${SF_FIELDS_MAP[fieldType]}.label`);\n\n    // Get lang property\n    const lang = i18n.locale;\n\n    // Create a new object with the iframeTitle & label values from translation file\n    const ariaFieldConfigObj: AriaConfigObject = { iframeTitle, label };\n\n    // Add error translations object\n    let enhancedAriaFieldConfigObj = addErrorTranslationsToObject(ariaFieldConfigObj, i18n, fieldType);\n\n    // If allowed, add the translated contextual texts\n    if (showContextuaElement) {\n        enhancedAriaFieldConfigObj = addContextTranslationsToObject(enhancedAriaFieldConfigObj, i18n, txVariant, fieldType);\n    }\n\n    // Create a new aria config object keeping the old entries and adding a new one for this field\n    // N.B. need to do this deconstruction of the original aria config object to break existing refs & avoid getting an \"accumulated\" object\n    return {\n        ...(lang && { lang }),\n        [fieldType]: enhancedAriaFieldConfigObj\n    } as AriaConfig;\n}\n"],"names":["processAriaConfig","txVariant","fieldType","i18n","showContextuaElement","type","includes","iframeTitle","get","label","SF_FIELDS_MAP","lang","locale","enhancedAriaFieldConfigObj","addErrorTranslationsToObject","addContextTranslationsToObject"],"mappings":"gNAWO,SAASA,EAAkBC,EAAmBC,EAAmBC,EAAgBC,GAEpF,MAAMC,EAAO,CAAC,MAAO,YAAYC,SAASL,GAAaA,EAAY,aAG7DM,EAAsBJ,EAAKK,IAAI,GAAGH,KAAQH,sBAG1CO,EAAgBN,EAAKK,IAAI,GAAGH,KAAQK,EAAcR,YAGlDS,EAAOR,EAAKS,OAMlB,IAAIC,EAA6BC,EAHY,CAAEP,cAAaE,SAGsBN,EAAMD,GASxF,OANIE,IACAS,EAA6BE,EAA+BF,EAA4BV,EAAMF,EAAWC,IAKtG,IACCS,GAAQ,CAAEA,QACdT,CAACA,GAAYW,EAErB"}
+{"version":3,"file":"processAriaConfig.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processAriaConfig.ts"],"sourcesContent":["import { addErrorTranslationsToObject } from '../../../../../../core/Errors/utils';\nimport addContextTranslationsToObject from '../../utilities/addContextTranslations';\nimport Language from '../../../../../../language/Language';\nimport { SF_FIELDS_MAP } from '../../configuration/constants';\nimport { AriaConfig, AriaConfigObject } from '../../types';\n\n/**\n * Creates an ariaConfig object with 'iframeTitle' and 'label' properties, whose values are retrieved from the translations object.\n * (These values either come from the translation file or have been overwritten by the merchant in a translations config object.)\n * We then add an error object containing the possible errors for any securedField read from the translation file and stored under error-codes\n */\nexport function processAriaConfig(txVariant: string, fieldType: string, i18n: Language, showContextuaElement): AriaConfig {\n    // txVariant can be the scheme name (VISA, Mastercard...) so we put all of them under creditCard\n    const type = ['ach', 'giftcard'].includes(txVariant) ? txVariant : 'creditCard';\n\n    // Get translation for iframeTitle\n    const iframeTitle: string = i18n.get(`${type}.${fieldType}.aria.iframeTitle`);\n\n    // Get translation for aria label using *same* key that is used to label the element - important a11y consideration for (securedField) iframe\n    const label: string = i18n.get(`${type}.${SF_FIELDS_MAP[fieldType]}.label`);\n\n    // Get lang property\n    const lang = i18n.locale;\n\n    // Create a new object with the iframeTitle & label values from translation file\n    const ariaFieldConfigObj: AriaConfigObject = { iframeTitle, label };\n\n    // Add error translations object\n    let enhancedAriaFieldConfigObj: AriaConfigObject = addErrorTranslationsToObject(ariaFieldConfigObj, i18n, fieldType);\n\n    // If allowed, add the translated contextual texts\n    if (showContextuaElement) {\n        enhancedAriaFieldConfigObj = addContextTranslationsToObject(enhancedAriaFieldConfigObj, i18n, txVariant, fieldType);\n    }\n\n    // Create a new aria config object keeping the old entries and adding a new one for this field\n    // N.B. need to do this deconstruction of the original aria config object to break existing refs & avoid getting an \"accumulated\" object\n    return {\n        ...(lang && { lang }),\n        [fieldType]: enhancedAriaFieldConfigObj\n    } as AriaConfig;\n}\n"],"names":["processAriaConfig","txVariant","fieldType","i18n","showContextuaElement","type","includes","iframeTitle","get","label","SF_FIELDS_MAP","lang","locale","enhancedAriaFieldConfigObj","addErrorTranslationsToObject","addContextTranslationsToObject"],"mappings":"gNAWO,SAASA,EAAkBC,EAAmBC,EAAmBC,EAAgBC,GAEpF,MAAMC,EAAO,CAAC,MAAO,YAAYC,SAASL,GAAaA,EAAY,aAG7DM,EAAsBJ,EAAKK,IAAI,GAAGH,KAAQH,sBAG1CO,EAAgBN,EAAKK,IAAI,GAAGH,KAAQK,EAAcR,YAGlDS,EAAOR,EAAKS,OAMlB,IAAIC,EAA+CC,EAHN,CAAEP,cAAaE,SAGwCN,EAAMD,GAS1G,OANIE,IACAS,EAA6BE,EAA+BF,EAA4BV,EAAMF,EAAWC,IAKtG,IACCS,GAAQ,CAAEA,QACdT,CAACA,GAAYW,EAErB"}

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

@@ -1 +1 @@
-{"version":3,"file":"processPlaceholders.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.ts"],"sourcesContent":["import { SFPlaceholdersObject } from '../AbstractSecuredField';\nimport { Placeholders } from '../../../SFP/types';\nimport {\n    ENCRYPTED_SECURITY_CODE,\n    ENCRYPTED_SECURITY_CODE_3_DIGITS,\n    ENCRYPTED_SECURITY_CODE_4_DIGITS,\n    GIFT_CARD,\n    SF_FIELDS_MAP\n} from '../../configuration/constants';\nimport { Placeholders as AchPlaceholders } from '../../../../../Ach/components/AchInput/types';\nimport { Placeholders as GiftcardPlaceholders } from '../../../../../Giftcard/components/types';\nimport { Placeholders as CardPlaceholders } from '../../../../../Card/components/CardInput/types';\n\n/**\n * Create placeholders with a value from merchant's configuration\n *\n * Based on txVariant & fieldType, maps the entries in the passed placeholders object to create a field specific placeholder object\n */\nexport function processPlaceholders(txVariant: string, fieldType: string, placeholders: Placeholders): SFPlaceholdersObject {\n    switch (txVariant) {\n        case 'ach':\n            return { [fieldType]: (placeholders as AchPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n        case GIFT_CARD:\n            return { [fieldType]: (placeholders as GiftcardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n        default:\n            switch (fieldType) {\n                case ENCRYPTED_SECURITY_CODE:\n                    return {\n                        [ENCRYPTED_SECURITY_CODE_3_DIGITS]: (placeholders as CardPlaceholders).securityCodeThreeDigits ?? '',\n                        [ENCRYPTED_SECURITY_CODE_4_DIGITS]: (placeholders as CardPlaceholders).securityCodeFourDigits ?? ''\n                    };\n\n                default:\n                    return { [fieldType]: (placeholders as CardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n            }\n    }\n}\n"],"names":["processPlaceholders","txVariant","fieldType","placeholders","SF_FIELDS_MAP","GIFT_CARD","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","securityCodeThreeDigits","ENCRYPTED_SECURITY_CODE_4_DIGITS","securityCodeFourDigits"],"mappings":"yLAkBO,SAASA,EAAoBC,EAAmBC,EAAmBC,GACtE,OAAQF,GACJ,IAAK,MACD,MAAO,CAAEC,CAACA,GAAYC,EAAkCC,EAAcF,KAAe,IAEzF,KAAKG,EACD,MAAO,CAAEH,CAACA,GAAYC,EAAuCC,EAAcF,KAAe,IAE9F,QACI,OAAQA,IACCI,EACM,CACHC,CAACA,GAAmCJ,EAAmCK,yBAA2B,GAClGC,CAACA,GAAmCN,EAAmCO,wBAA0B,IAI9F,CAAER,CAACA,GAAYC,EAAmCC,EAAcF,KAAe,IAG1G"}
+{"version":3,"file":"processPlaceholders.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/securedField/utils/processPlaceholders.ts"],"sourcesContent":["import { SFPlaceholdersObject } from '../../types';\nimport { Placeholders } from '../../../SFP/types';\nimport {\n    ENCRYPTED_SECURITY_CODE,\n    ENCRYPTED_SECURITY_CODE_3_DIGITS,\n    ENCRYPTED_SECURITY_CODE_4_DIGITS,\n    GIFT_CARD,\n    SF_FIELDS_MAP\n} from '../../configuration/constants';\nimport { Placeholders as AchPlaceholders } from '../../../../../Ach/components/AchInput/types';\nimport { Placeholders as GiftcardPlaceholders } from '../../../../../Giftcard/components/types';\nimport { Placeholders as CardPlaceholders } from '../../../../../Card/components/CardInput/types';\n\n/**\n * Create placeholders with a value from merchant's configuration\n *\n * Based on txVariant & fieldType, maps the entries in the passed placeholders object to create a field specific placeholder object\n */\nexport function processPlaceholders(txVariant: string, fieldType: string, placeholders: Placeholders): SFPlaceholdersObject {\n    switch (txVariant) {\n        case 'ach':\n            return { [fieldType]: (placeholders as AchPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n        case GIFT_CARD:\n            return { [fieldType]: (placeholders as GiftcardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n\n        default:\n            switch (fieldType) {\n                case ENCRYPTED_SECURITY_CODE:\n                    return {\n                        [ENCRYPTED_SECURITY_CODE_3_DIGITS]: (placeholders as CardPlaceholders).securityCodeThreeDigits ?? '',\n                        [ENCRYPTED_SECURITY_CODE_4_DIGITS]: (placeholders as CardPlaceholders).securityCodeFourDigits ?? ''\n                    };\n\n                default:\n                    return { [fieldType]: (placeholders as CardPlaceholders)[SF_FIELDS_MAP[fieldType]] ?? '' };\n            }\n    }\n}\n"],"names":["processPlaceholders","txVariant","fieldType","placeholders","SF_FIELDS_MAP","GIFT_CARD","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","securityCodeThreeDigits","ENCRYPTED_SECURITY_CODE_4_DIGITS","securityCodeFourDigits"],"mappings":"yLAkBO,SAASA,EAAoBC,EAAmBC,EAAmBC,GACtE,OAAQF,GACJ,IAAK,MACD,MAAO,CAAEC,CAACA,GAAYC,EAAkCC,EAAcF,KAAe,IAEzF,KAAKG,EACD,MAAO,CAAEH,CAACA,GAAYC,EAAuCC,EAAcF,KAAe,IAE9F,QACI,OAAQA,IACCI,EACM,CACHC,CAACA,GAAmCJ,EAAmCK,yBAA2B,GAClGC,CAACA,GAAmCN,EAAmCO,wBAA0B,IAI9F,CAAER,CAACA,GAAYC,EAAmCC,EAAcF,KAAe,IAG1G"}

package/dist/es/components/internal/SecuredFields/lib/utilities/addContextTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"addContextTranslations.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/utilities/addContextTranslations.ts"],"sourcesContent":["import {\n    ENCRYPTED_SECURITY_CODE,\n    ENCRYPTED_SECURITY_CODE_3_DIGITS,\n    ENCRYPTED_SECURITY_CODE_4_DIGITS,\n    GIFT_CARD,\n    SF_FIELDS_MAP\n} from '../configuration/constants';\n\n/**\n * Based on txVariant & fieldType, add a field specific contextualTexts object to the passed object\n */\nexport default (originalObj, i18n, txVariant, fieldType) => {\n    const nuObj = { ...originalObj };\n\n    const contextualTexts = {};\n\n    switch (txVariant) {\n        case 'ach':\n            // TODO - when we know the required texts\n            break;\n        case GIFT_CARD:\n            // TODO - when we know the required texts\n            break;\n        default:\n            // Use field type to only add the texts specific to the creditCard securedField\n            switch (fieldType) {\n                case ENCRYPTED_SECURITY_CODE:\n                    contextualTexts[ENCRYPTED_SECURITY_CODE_3_DIGITS] = i18n.get('creditCard.securityCode.contextualText.3digits');\n                    contextualTexts[ENCRYPTED_SECURITY_CODE_4_DIGITS] = i18n.get('creditCard.securityCode.contextualText.4digits');\n                    break;\n\n                default: {\n                    const translationKey = `creditCard.${SF_FIELDS_MAP[fieldType]}.contextualText`;\n                    const translation = i18n.get(translationKey);\n                    if (translation !== translationKey) {\n                        contextualTexts[fieldType] = translation;\n                    }\n                }\n            }\n    }\n\n    if (Object.keys(contextualTexts).length) {\n        nuObj.contextualTexts = contextualTexts;\n    }\n\n    return nuObj;\n};\n"],"names":["addContextTranslationsToObject","originalObj","i18n","txVariant","fieldType","nuObj","contextualTexts","GIFT_CARD","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","get","ENCRYPTED_SECURITY_CODE_4_DIGITS","translationKey","SF_FIELDS_MAP","translation","Object","keys","length"],"mappings":"sLAWA,IAAAA,EAAe,CAACC,EAAaC,EAAMC,EAAWC,KAC1C,MAAMC,EAAQ,IAAKJ,GAEbK,EAAkB,CAAA,EAExB,OAAQH,GACJ,IAAK,MAGL,KAAKI,EAED,MACJ,QAEI,GAAQH,IACCI,EACDF,EAAgBG,GAAoCP,EAAKQ,IAAI,kDAC7DJ,EAAgBK,GAAoCT,EAAKQ,IAAI,sDAGxD,CACL,MAAME,EAAiB,cAAcC,EAAcT,oBAC7CU,EAAcZ,EAAKQ,IAAIE,GACzBE,IAAgBF,IAChBN,EAAgBF,GAAaU,EAErC,EAQZ,OAJIC,OAAOC,KAAKV,GAAiBW,SAC7BZ,EAAMC,gBAAkBA,GAGrBD,CACX"}
+{"version":3,"file":"addContextTranslations.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/utilities/addContextTranslations.ts"],"sourcesContent":["import {\n    ENCRYPTED_SECURITY_CODE,\n    ENCRYPTED_SECURITY_CODE_3_DIGITS,\n    ENCRYPTED_SECURITY_CODE_4_DIGITS,\n    GIFT_CARD,\n    SF_FIELDS_MAP\n} from '../configuration/constants';\nimport { AriaConfigObject } from '../types';\nimport type Language from '../../../../../language';\n\n/**\n * Based on txVariant & fieldType, add a field specific contextualTexts object to the passed object\n */\nexport default (originalObj: AriaConfigObject, i18n: Language, txVariant: string, fieldType: string): AriaConfigObject => {\n    const nuObj: AriaConfigObject = { ...originalObj };\n\n    const contextualTexts = {};\n\n    switch (txVariant) {\n        case 'ach':\n            // TODO - when we know the required texts\n            break;\n        case GIFT_CARD:\n            // TODO - when we know the required texts\n            break;\n        default:\n            // Use field type to only add the texts specific to the creditCard securedField\n            switch (fieldType) {\n                case ENCRYPTED_SECURITY_CODE:\n                    contextualTexts[ENCRYPTED_SECURITY_CODE_3_DIGITS] = i18n.get('creditCard.securityCode.contextualText.3digits');\n                    contextualTexts[ENCRYPTED_SECURITY_CODE_4_DIGITS] = i18n.get('creditCard.securityCode.contextualText.4digits');\n                    break;\n\n                default: {\n                    const translationKey = `creditCard.${SF_FIELDS_MAP[fieldType]}.contextualText`;\n                    const translation = i18n.get(translationKey);\n                    if (translation !== translationKey) {\n                        contextualTexts[fieldType] = translation;\n                    }\n                }\n            }\n    }\n\n    if (Object.keys(contextualTexts).length) {\n        nuObj.contextualTexts = contextualTexts;\n    }\n\n    return nuObj;\n};\n"],"names":["addContextTranslationsToObject","originalObj","i18n","txVariant","fieldType","nuObj","contextualTexts","GIFT_CARD","ENCRYPTED_SECURITY_CODE","ENCRYPTED_SECURITY_CODE_3_DIGITS","get","ENCRYPTED_SECURITY_CODE_4_DIGITS","translationKey","SF_FIELDS_MAP","translation","Object","keys","length"],"mappings":"sLAaA,IAAAA,EAAe,CAACC,EAA+BC,EAAgBC,EAAmBC,KAC9E,MAAMC,EAA0B,IAAKJ,GAE/BK,EAAkB,CAAA,EAExB,OAAQH,GACJ,IAAK,MAGL,KAAKI,EAED,MACJ,QAEI,GAAQH,IACCI,EACDF,EAAgBG,GAAoCP,EAAKQ,IAAI,kDAC7DJ,EAAgBK,GAAoCT,EAAKQ,IAAI,sDAGxD,CACL,MAAME,EAAiB,cAAcC,EAAcT,oBAC7CU,EAAcZ,EAAKQ,IAAIE,GACzBE,IAAgBF,IAChBN,EAAgBF,GAAaU,EAErC,EAQZ,OAJIC,OAAOC,KAAKV,GAAiBW,SAC7BZ,EAAMC,gBAAkBA,GAGrBD,CACX"}

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

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../external/classnames/index.js";function n({classNameModifiers:n,selectedValue:o,disabled:a=!1,options:s,onChange:l}){return s&&0!==s.length?e("div",{className:t("adyen-checkout__segmented-control",{"adyen-checkout__segmented-control--disabled":a},...n.map((e=>`adyen-checkout__segmented-control--${e}`))),role:"group"},s.map((({label:n,value:s,htmlProps:c})=>e("button",{disabled:a,key:s,onClick:e=>l(s,e),className:t("adyen-checkout__segmented-control-segment",{"adyen-checkout__segmented-control-segment--selected":o===s}),type:"button",...c},n)))):null}export{n as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../external/classnames/index.js";function a({classNameModifiers:a=[],selectedValue:n,disabled:o=!1,options:s,onChange:c}){return s&&0!==s.length?e("div",{className:t("adyen-checkout__segmented-control",{"adyen-checkout__segmented-control--disabled":o},...a.map((e=>`adyen-checkout__segmented-control--${e}`))),role:"group"},s.map((({label:a,value:s,htmlProps:l})=>e("button",{disabled:o,key:s,onClick:e=>c(s,e),className:t("adyen-checkout__segmented-control-segment",{"adyen-checkout__segmented-control-segment--selected":n===s}),type:"button",...l},n===s&&e("span",{className:"adyen-checkout-checkmark"}),a)))):null}export{a as default};
 //# sourceMappingURL=SegmentedControl.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/internal/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport './SegmentedControl.scss';\n\ninterface SegmentedControlProps<T> {\n    classNameModifiers?: string[];\n    selectedValue: T;\n    disabled?: boolean;\n    options: Array<{ label: string; value: T; htmlProps?: any }>;\n    onChange(value: T, event: MouseEvent): void;\n}\n\nfunction SegmentedControl<T>({ classNameModifiers, selectedValue, disabled = false, options, onChange }: SegmentedControlProps<T>) {\n    if (!options || options.length === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cx(\n                'adyen-checkout__segmented-control',\n                { 'adyen-checkout__segmented-control--disabled': disabled },\n                ...classNameModifiers.map(modifier => `adyen-checkout__segmented-control--${modifier}`)\n            )}\n            role=\"group\"\n        >\n            {options.map(({ label, value, htmlProps }) => (\n                <button\n                    disabled={disabled}\n                    key={value}\n                    onClick={(event: MouseEvent) => onChange(value, event)}\n                    className={cx('adyen-checkout__segmented-control-segment', {\n                        'adyen-checkout__segmented-control-segment--selected': selectedValue === value\n                    })}\n                    type=\"button\"\n                    {...htmlProps}\n                >\n                    {label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default SegmentedControl;\n"],"names":["SegmentedControl","classNameModifiers","selectedValue","disabled","options","onChange","length","h","div","className","cx","map","modifier","role","label","value","htmlProps","button","key","onClick","event","type"],"mappings":"6HAYA,SAASA,GAAoBC,mBAAEA,EAAkBC,cAAEA,EAAaC,SAAEA,GAAW,EAAKC,QAAEA,EAAOC,SAAEA,IACzF,OAAKD,GAA8B,IAAnBA,EAAQE,OAKpBC,EAACC,MAAAA,CACGC,UAAWC,EACP,oCACA,CAAE,8CAA+CP,MAC9CF,EAAmBU,KAAIC,GAAY,sCAAsCA,OAEhFC,KAAK,SAEJT,EAAQO,KAAI,EAAGG,QAAOC,QAAOC,eAC1BT,EAACU,SAAAA,CACGd,SAAUA,EACVe,IAAKH,EACLI,QAAUC,GAAsBf,EAASU,EAAOK,GAChDX,UAAWC,EAAG,4CAA6C,CACvD,sDAAuDR,IAAkBa,IAE7EM,KAAK,YACDL,GAEHF,MAvBN,IA4Bf"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/internal/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport './SegmentedControl.scss';\n\nexport interface SegmentedControlProps<T> {\n    classNameModifiers?: string[];\n    selectedValue: T;\n    disabled?: boolean;\n    options: Array<{ label: string; value: T; htmlProps?: any }>;\n    onChange(value: T, event: MouseEvent): void;\n}\n\nfunction SegmentedControl<T>({ classNameModifiers = [], selectedValue, disabled = false, options, onChange }: SegmentedControlProps<T>) {\n    if (!options || options.length === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cx(\n                'adyen-checkout__segmented-control',\n                { 'adyen-checkout__segmented-control--disabled': disabled },\n                ...classNameModifiers.map(modifier => `adyen-checkout__segmented-control--${modifier}`)\n            )}\n            role=\"group\"\n        >\n            {options.map(({ label, value, htmlProps }) => (\n                <button\n                    disabled={disabled}\n                    key={value}\n                    onClick={(event: MouseEvent) => onChange(value, event)}\n                    className={cx('adyen-checkout__segmented-control-segment', {\n                        'adyen-checkout__segmented-control-segment--selected': selectedValue === value\n                    })}\n                    type=\"button\"\n                    {...htmlProps}\n                >\n                    {selectedValue === value && <span className=\"adyen-checkout-checkmark\"></span>}\n                    {label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default SegmentedControl;\n"],"names":["SegmentedControl","classNameModifiers","selectedValue","disabled","options","onChange","length","h","div","className","cx","map","modifier","role","label","value","htmlProps","button","key","onClick","event","type","span"],"mappings":"6HAYA,SAASA,GAAoBC,mBAAEA,EAAqB,GAAEC,cAAEA,EAAaC,SAAEA,GAAW,EAAKC,QAAEA,EAAOC,SAAEA,IAC9F,OAAKD,GAA8B,IAAnBA,EAAQE,OAKpBC,EAACC,MAAAA,CACGC,UAAWC,EACP,oCACA,CAAE,8CAA+CP,MAC9CF,EAAmBU,KAAIC,GAAY,sCAAsCA,OAEhFC,KAAK,SAEJT,EAAQO,KAAI,EAAGG,QAAOC,QAAOC,eAC1BT,EAACU,SAAAA,CACGd,SAAUA,EACVe,IAAKH,EACLI,QAAUC,GAAsBf,EAASU,EAAOK,GAChDX,UAAWC,EAAG,4CAA6C,CACvD,sDAAuDR,IAAkBa,IAE7EM,KAAK,YACDL,GAEHd,IAAkBa,GAASR,EAACe,OAAAA,CAAKb,UAAU,6BAC3CK,MAxBN,IA6Bf"}

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 a,cleanupFinalResult as r}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.constructor.type&&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)}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(){const t=this.isValid,e={data:this.data,errors:this.state.errors,valid:this.state.valid,isValid:t};return this.props.onChange?.(e,this.elementRef),e}setUpAnalytics(t){const e=this.props.session?.id;return this.props.modules.analytics.setUp({...t,...e&&{sessionId:e}})}submitAnalytics(t){try{let e=this.constructor.analyticsType;e||(e="scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.props.type),this.props.modules.analytics.sendAnalytics(e,t)}catch(t){console.warn("Failed to submit the analytics event")}}submit(){this.isValid?this.makePaymentsCall().then(o).then(a).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 this.handleError(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(a).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.setElementStatus("loading"),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 this.handleError(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"),r(t),this.props.onPaymentFailed?.(t,this.elementRef)};handleSuccessResult=t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),r(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)}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){return new Promise(((e,s)=>{if(!this.props.onPaymentMethodsRequest)return s(new Error("onPaymentMethodsRequest is not implemented"));this.props.onPaymentMethodsRequest({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((e=>this.core.update({...e&&{paymentMethodsResponse:e},order:t,amount:t.remainingAmount})))}}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 a,cleanupFinalResult as r}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.constructor.type&&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)}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(){const t=this.isValid,e={data:this.data,errors:this.state.errors,valid:this.state.valid,isValid:t};return this.props.onChange?.(e,this.elementRef),e}setUpAnalytics(t){const e=this.props.session?.id;return this.props.modules.analytics.setUp({...t,...e&&{sessionId:e}})}submitAnalytics(t){try{let e=this.constructor.analyticsType;e||(e="scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.props.type),this.props.modules.analytics.sendAnalytics(e,t)}catch(t){console.warn("Failed to submit the analytics event")}}submit(){this.isValid?this.makePaymentsCall().then(o).then(a).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 this.handleError(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(a).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.setElementStatus("loading"),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 this.handleError(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"),r(t),this.props.onPaymentFailed?.(t,this.elementRef)};handleSuccessResult=t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),r(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)}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 s(new Error("onPaymentMethodsRequest is not implemented"));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};
 //# 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 } from '../../../core/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport type { ComponentMethodsRef, IUIElement, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    AdditionalDetailsStateData,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> implements IUIElement {\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        // Only register UIElements that have the 'type' set. Drop-in for example does not have.\n        if (this.constructor['type']) {\n            this.core.register(this.constructor as NewableComponent);\n        }\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\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(): object {\n        const isValid = this.isValid;\n        const state = { data: this.data, errors: this.state.errors, valid: this.state.valid, isValid };\n\n        this.props.onChange?.(state, this.elementRef);\n\n        return state;\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    /* eslint-disable-next-line */\n    protected submitAnalytics(analyticsObj: SendAnalyticsObject) {\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);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event');\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        // Call analytics endpoint\n        this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error) {\n            this.handleError(error);\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: AdditionalDetailsStateData): 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: AdditionalDetailsStateData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        this.setElementStatus('loading');\n\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) {\n            this.handleError(error);\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement<P> | 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        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    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protect _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    private async handleAdvanceFlowPaymentMethodsUpdate(order: Order) {\n        return new Promise<PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return reject(new Error('onPaymentMethodsRequest is not implemented'));\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    order: {\n                        orderData: order.orderData,\n                        pspReference: order.pspReference\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                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order.remainingAmount\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","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","isValid","data","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","analytics","setUp","analyticsObj","component","sendAnalytics","error","console","warn","then","sanitizeResponse","verifyPaymentDidNotFail","catch","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","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","updateParent","setComponentRef","ref","icon","paymentMethodType","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","payButton","h","PayButton","amount","secondaryAmount","onClick","onPaymentMethodsRequest","orderData","pspReference","locale","cause"],"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 } from '../../../core/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport type { ComponentMethodsRef, IUIElement, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    AdditionalDetailsStateData,\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';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> implements IUIElement {\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        // Only register UIElements that have the 'type' set. Drop-in for example does not have.\n        if (this.constructor['type']) {\n            this.core.register(this.constructor as NewableComponent);\n        }\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\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(): object {\n        const isValid = this.isValid;\n        const state = { data: this.data, errors: this.state.errors, valid: this.state.valid, isValid };\n\n        this.props.onChange?.(state, this.elementRef);\n\n        return state;\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    /* eslint-disable-next-line */\n    protected submitAnalytics(analyticsObj: SendAnalyticsObject) {\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);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event');\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        // Call analytics endpoint\n        this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error) {\n            this.handleError(error);\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: AdditionalDetailsStateData): 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: AdditionalDetailsStateData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        this.setElementStatus('loading');\n\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) {\n            this.handleError(error);\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement<P> | 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        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    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protect _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<PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return reject(new Error('onPaymentMethodsRequest is not implemented'));\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","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","isValid","data","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","analytics","setUp","analyticsObj","component","sendAnalytics","error","console","warn","then","sanitizeResponse","verifyPaymentDidNotFail","catch","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","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","updateParent","setComponentRef","ref","icon","paymentMethodType","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","payButton","h","PayButton","amount","secondaryAmount","onClick","onPaymentMethodsRequest","orderData","pspReference","locale","cause"],"mappings":"wfA6BO,MAAeA,UAA6DC,EACrEC,aAEAC,UAEHC,WAEPC,iBAAqBC,EAKrBD,kBAAqC,GAErCE,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,GAGZE,KAAKJ,kBACLI,KAAKC,KAAKC,SAASF,KAAKJ,aAG5BI,KAAKG,OAASH,KAAKG,OAAOC,KAAKJ,MAC/BA,KAAKK,SAAWL,KAAKK,SAASD,KAAKJ,MACnCA,KAAKM,WAAaN,KAAKM,WAAWF,KAAKJ,MACvCA,KAAKO,aAAeP,KAAKO,aAAaH,KAAKJ,MAC3CA,KAAKQ,YAAcR,KAAKQ,YAAYJ,KAAKJ,MACzCA,KAAKS,wBAA0BT,KAAKS,wBAAwBL,KAAKJ,MACjEA,KAAKU,eAAiBV,KAAKU,eAAeN,KAAKJ,MAC/CA,KAAKW,iBAAmBX,KAAKW,iBAAiBP,KAAKJ,MACnDA,KAAKY,gBAAkBZ,KAAKY,gBAAgBR,KAAKJ,MACjDA,KAAKa,iBAAmBb,KAAKa,iBAAiBT,KAAKJ,MACnDA,KAAKc,0BAA4Bd,KAAKc,0BAA0BV,KAAKJ,MACrEA,KAAKe,wBAA0Bf,KAAKe,wBAAwBX,KAAKJ,MAEjEA,KAAKP,WAAcK,GAASA,EAAML,YAAeO,KACjDA,KAAKR,UAAYQ,KAAKF,MAAMkB,QAAUhB,KAAKF,MAAMkB,QAAQxB,eAAYG,EAErEK,KAAKiB,sBAAsBjB,KAAKF,MACpC,CAEmBoB,iBAAAA,CAAkBC,GACjC,MAMMC,EAAa,CACfC,eAAe,KAPKrB,KAAKC,KAAKqB,gCACFH,GAAgBI,sBAE1C,GACAvB,KAAKC,KAAKuB,uBAAuBC,KAAKN,GAAgBO,MAAQ1B,KAAKJ,YAAmB,SAMrFuB,GAGDQ,EAAWC,EAAe5B,MAEhCA,KAAKF,MAAQE,KAAK6B,YAAY,IACvB7B,KAAKJ,YAA2B,gBAChCkC,EAAsB9B,KAAKC,KAAK8B,QAAQC,YAAaL,MACrDP,GAEX,CAEUH,qBAAAA,CAAsBnB,GACvBA,GAAO6B,UACR3B,KAAKC,KAAKgC,sBAAsBjC,KAExC,CAEOkC,WAAAA,GACH,OAAOC,QAAQC,SACnB,CAEO/B,QAAAA,CAASgC,GACZrC,KAAKsC,MAAQ,IAAKtC,KAAKsC,SAAUD,GACjCrC,KAAKuC,UACT,CAEOC,cAAAA,GAEH,OADIxC,KAAKT,cAAgBS,KAAKT,aAAaiD,gBAAgBxC,KAAKT,aAAaiD,iBACtExC,IACX,CAEOW,gBAAAA,CAAiB8B,EAAyB3C,GAE7C,OADAE,KAAKP,YAAYiD,UAAUD,EAAQ3C,GAC5BE,IACX,CAEO0C,SAAAA,CAAUD,EAAyB3C,GAItC,OAHIE,KAAKT,cAAcmD,WACnB1C,KAAKT,aAAamD,UAAUD,EAAQ3C,GAEjCE,IACX,CAEUuC,QAAAA,GACN,MAAMI,EAAU3C,KAAK2C,QACfL,EAAQ,CAAEM,KAAM5C,KAAK4C,KAAMC,OAAQ7C,KAAKsC,MAAMO,OAAQC,MAAO9C,KAAKsC,MAAMQ,MAAOH,WAIrF,OAFA3C,KAAKF,MAAMyC,WAAWD,EAAOtC,KAAKP,YAE3B6C,CACX,CAGUS,cAAAA,CAAeC,GACrB,MAAMC,EAAYjD,KAAKF,MAAMoD,SAASC,GAEtC,OAAOnD,KAAKF,MAAMkB,QAAQoC,UAAUC,MAAM,IACnCL,KACCC,GAAa,CAAEA,cAE3B,CAWA,eAAArC,CAA0B0C,GAKtB,IACI,IAAIC,EAAYvD,KAAKJ,YAA4B,cAC5C2D,IACDA,EAAyC,WAA7BvD,KAAKJ,YAAY,MAAqD,SAA7BI,KAAKJ,YAAY,KAAqBI,KAAKJ,YAAY,KAAUI,KAAKF,MAAM4B,MAGrI1B,KAAKF,MAAMkB,QAAQoC,UAAUI,cAAcD,EAAWD,EAC1D,CAAE,MAAOG,GACLC,QAAQC,KAAK,uCACjB,CACJ,CAEOxD,MAAAA,GACEH,KAAK2C,QAKV3C,KAAKa,mBAAmB+C,KAAKC,GAAkBD,KAAKE,GAAyBF,KAAK5D,KAAKU,gBAAgBqD,MAAM/D,KAAKgE,oBAJ9GhE,KAAKwC,gBAKb,CAEU3B,gBAAAA,GAGN,GAFAb,KAAKW,iBAAiB,WAElBX,KAAKF,MAAMmE,SACX,OAAOjE,KAAKkE,0BAGhB,GAAIlE,KAAKC,KAAKiD,QAAS,CAUnB,OATgDlD,KAAKF,MAAMqE,aACrD,IAAIhC,SAAQ,CAACC,EAASgC,IAClBpE,KAAKF,MAAMqE,aAAanE,KAAK4C,KAAM5C,KAAKP,WAAY,CAChD2C,UACAgC,aAGRjC,QAAQC,QAAQpC,KAAK4C,OAEFgB,KAAK5D,KAAKe,wBACvC,CAEAf,KAAKqE,YACD,IAAIC,EACA,uBACA,0GAGZ,CAEA,6BAAcJ,GACV,OAAO,IAAI/B,SAAsC,CAACC,EAASgC,KAEvDpE,KAAKY,gBAAgB,CAAEc,KAAM6C,IAE7BvE,KAAKF,MAAMmE,SACP,CACIrB,KAAM5C,KAAK4C,KACXD,QAAS3C,KAAK2C,SAElB3C,KAAKP,WACL,CAAE2C,UAASgC,UAAO,GAG9B,CAEA,6BAAcrD,CAAwB6B,GAElC5C,KAAKY,gBAAgB,CAAEc,KAAM6C,IAE7B,IACI,aAAavE,KAAKC,KAAKiD,QAAQsB,cAAc5B,EACjD,CAAE,MAAOa,GAEL,OADAzD,KAAKqE,YAAYZ,GACVtB,QAAQiC,OAAOX,EAC1B,CAUJ,CAEUnD,UAAAA,CAAWgC,GACbtC,KAAKF,MAAMQ,YAAYN,KAAKF,MAAMQ,WAAWgC,EAAOtC,KAAKP,WACjE,CAEU4E,YAAeZ,IAMrBzD,KAAKW,iBAAiB,SAElBX,KAAKF,MAAM2E,SACXzE,KAAKF,MAAM2E,QAAQhB,EAAOzD,KAAKP,WACnC,EAGMgB,uBAAAA,CAAwB6B,GAC9BtC,KAAKc,0BAA0BwB,GAC1BsB,KAAKC,GACLD,KAAKE,GACLF,KAAK5D,KAAKU,gBACVqD,MAAM/D,KAAKgE,mBACpB,CAEQlD,yBAAAA,CAA0BwB,GAG9B,OAFAtC,KAAKW,iBAAiB,WAElBX,KAAKF,MAAM4E,oBACJ,IAAIvC,SAAsC,CAACC,EAASgC,KACvDpE,KAAKF,MAAM4E,oBAAoBpC,EAAOtC,KAAKP,WAAY,CAAE2C,UAASgC,UAAO,IAI7EpE,KAAKC,KAAKiD,QACHlD,KAAK2E,yCAAyCrC,EAAMM,WAG/D5C,KAAKqE,YACD,IAAIC,EACA,uBACA,6HAGZ,CAEA,8CAAcK,CAAyC/B,GACnD,IACI,aAAa5C,KAAKC,KAAKiD,QAAQ0B,cAAchC,EACjD,CAAE,MAAOa,GAEL,OADAzD,KAAKqE,YAAYZ,GACVtB,QAAQiC,OAAOX,EAC1B,CACJ,CAEOlD,YAAAA,CAAasE,EAAuB/E,EAAQ,IAC/C,IAAK+E,IAAWA,EAAOnD,KAAM,CACzB,GAAIoD,EAAeD,EAAQ,WAAaC,EAAeD,EAAQ,cAC3D,MAAM,IAAIE,MACN,wKAIR,MAAM,IAAIA,MAAM,0FACpB,CAEA,MAAMC,EAAgBhF,KAAKC,KAAKgF,iBAAiBJ,EAAQ,IAClD7E,KAAKP,WAAWK,SAChBA,EACH4E,oBAAqB1E,KAAKS,0BAG9B,OAAIuE,GACAhF,KAAKkF,UACEF,EAAcG,MAAMnF,KAAKoF,QAG7B,IACX,CAEU5E,YAAe6E,IACrB,MAAMC,MAAEA,GAAUD,GAEQrF,KAAKC,KAAKiD,QAAUlD,KAAKC,KAAKsF,OAAO,CAAED,UAAWtF,KAAKwF,sCAAsCF,IAErG1B,MAAK,KACnB5D,KAAKF,MAAM2F,iBAAiB,CAAEH,SAAM,GACxC,EAYMtB,mBAAsB0B,IACxB9D,EAAe5B,KAAKP,aACpBO,KAAKP,WAAWkG,sBAAsB,SAG1CC,EAAmBF,GACnB1F,KAAKF,MAAM+F,kBAAkBH,EAAQ1F,KAAKP,WAAU,EAG9CqG,oBAAuBJ,IACzB9D,EAAe5B,KAAKP,aACpBO,KAAKP,WAAWkG,sBAAsB,WAG1CC,EAAmBF,GACnB1F,KAAKF,MAAMiG,qBAAqBL,EAAQ1F,KAAKP,WAAU,EASjDiB,cAAAA,CAAesF,GACrB,MAAMX,EAAWxB,EAAiBmC,GAE9BX,EAASR,OACT7E,KAAKP,WAAWc,aAAa8E,EAASR,QAItCQ,EAASC,OAAOW,iBAAiBC,MAAQ,EAGzClG,KAAKQ,YAAY6E,GAIrBrF,KAAK8F,oBAAoBT,EAC7B,CAOA,YAAAc,CAAoBpE,EAA6B,IAC7C,OAAO/B,KAAKP,WAAWQ,KAAKsF,OAAOxD,EACvC,CAEOqE,gBAAmBC,IACtBrG,KAAKT,aAAe8G,CAAAA,EAMxB,WAAW1D,GACP,OAAO,CACX,CAMA,QAAW2D,GACP,MAAM5E,EAAO1B,KAAKF,MAAMyG,mBAAqBvG,KAAK0B,KAClD,OAAO1B,KAAKF,MAAMwG,MAAQtG,KAAKR,UAAUgH,UAAfxG,CAA0B0B,EACxD,CAKA,eAAW+E,GACP,MAAMC,EAA4B1G,KAAKC,KAAKuB,wBAAwBmF,gBAAgBlF,MAAKmF,GAAMA,EAAGlF,OAAS1B,KAAK0B,OAChH,OAAO1B,KAAKF,MAAM+G,MAAQH,GAA2BG,MAAQ7G,KAAK0B,IACtE,CAKA,kBAAWoF,GACP,OAAO9G,KAAKyG,WAChB,CAKA,kBAAIM,GACA,OAAO,IACX,CAKA,QAAWrF,GACP,OAAO1B,KAAKF,MAAM4B,MAAQ1B,KAAKJ,YAAmB,IACtD,CAKUoH,UAAalH,GACZmH,EAACC,EAAAA,IAAcpH,EAAOqH,OAAQnH,KAAKF,MAAMqH,OAAQC,gBAAiBpH,KAAKF,MAAMsH,gBAAiBC,QAASrH,KAAKG,SASvH,2CAAgBqF,CAAsCF,EAAqB6B,GACvE,OAAO,IAAIhF,SAAgC,CAACC,EAASgC,KACjD,IAAKpE,KAAKF,MAAMwH,wBACZ,OAAOlD,EAAO,IAAIW,MAAM,+CAG5B/E,KAAKF,MAAMwH,wBACP,IACQhC,GAAS,CACTA,MAAO,CACHiC,UAAWjC,EAAMiC,UACjBC,aAAclC,EAAMkC,eAG5BC,OAAQzH,KAAKC,KAAK8B,QAAQ0F,QAE9B,CAAErF,UAASgC,UAAO,IAGrBL,OAAMN,IACHzD,KAAKqE,YACD,IAAIC,EACA,uBACA,gGACA,CACIoD,MAAOjE,IACX,IAIXG,MAAKpC,GAKKxB,KAAKC,KAAKsF,OAAO,IAChB/D,GAA0B,CAAEA,0BAChC8D,QACA6B,OAAQ7B,EAAQA,EAAMW,gBAAkBkB,KAGxD"}

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

@@ -1,2 +1,2 @@
-const e=["action","resultCode","sessionData","order","sessionResult","donationToken","error"];function o(o){const n=[],t=Object.keys(o).reduce(((t,r)=>(e.includes(r)?t[r]=o[r]:n.push(r),t)),{});return n.length&&console.warn(`The following properties should not be passed to the client: ${n.join(", ")}`),t}function n(e){e&&(delete e.order,delete e.action,e.donationToken&&0!==e.donationToken.length||delete e.donationToken)}function t(e){return["Cancelled","Error","Refused"].includes(e.resultCode)?Promise.reject(e):Promise.resolve(e)}function r(e){if(!e)return!1;return"object"==typeof e.activePaymentMethod&&"function"==typeof e.closeActivePaymentMethod}function i(e,o){return"FI"===e&&o?{openFirstPaymentMethod:!1,openFirstStoredPaymentMethod:!1}:{}}export{r as assertIsDropin,n as cleanupFinalResult,i as getRegulatoryDefaults,o as sanitizeResponse,t as verifyPaymentDidNotFail};
+const e=["action","resultCode","sessionData","order","sessionResult","donationToken","error"];function n(n){const o=[],t=Object.keys(n).reduce(((t,r)=>(e.includes(r)?t[r]=n[r]:o.push(r),t)),{});return o.length&&console.warn(`The following properties should not be passed to the client: ${o.join(", ")}`),t}function o(e){e&&(delete e.order,delete e.action,e.donationToken&&0!==e.donationToken.length||delete e.donationToken)}function t(e){return["Cancelled","Error","Refused"].includes(e.resultCode)?Promise.reject(e):Promise.resolve(e)}function r(e){if(!e)return!1;return"object"==typeof e.activePaymentMethod&&"function"==typeof e.closeActivePaymentMethod}function s(e,n){return"FI"===e&&n?{openFirstPaymentMethod:!1,openFirstStoredPaymentMethod:!1}:{}}function i(e){return e&&e.orderData&&e.pspReference?{orderData:e.orderData,pspReference:e.pspReference}:null}export{r as assertIsDropin,o as cleanupFinalResult,s as getRegulatoryDefaults,i as sanitizeOrder,n as sanitizeResponse,t as verifyPaymentDidNotFail};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/UIElement/utils.ts"],"sourcesContent":["import { UIElementStatus } from './types';\nimport { RawPaymentResponse, PaymentResponseData } from '../../../types/global-types';\nimport { IDropin } from '../../Dropin/types';\n\nconst ALLOWED_PROPERTIES = ['action', 'resultCode', 'sessionData', 'order', 'sessionResult', 'donationToken', 'error'];\n\nexport function sanitizeResponse(response: RawPaymentResponse): PaymentResponseData {\n    const removedProperties = [];\n\n    const sanitizedObject = Object.keys(response).reduce((acc, cur) => {\n        if (!ALLOWED_PROPERTIES.includes(cur)) {\n            removedProperties.push(cur);\n        } else {\n            acc[cur] = response[cur];\n        }\n        return acc;\n    }, {});\n\n    if (removedProperties.length) console.warn(`The following properties should not be passed to the client: ${removedProperties.join(', ')}`);\n\n    return sanitizedObject as PaymentResponseData;\n}\n\n/**\n * Remove not relevant properties in the final payment result object\n *\n * @param paymentResponse\n */\nexport function cleanupFinalResult(paymentResponse?: PaymentResponseData): void {\n    if (!paymentResponse) return;\n\n    delete paymentResponse.order;\n    delete paymentResponse.action;\n    if (!paymentResponse.donationToken || paymentResponse.donationToken.length === 0) {\n        delete paymentResponse.donationToken;\n    }\n}\n\nexport function resolveFinalResult(result: PaymentResponseData): [status: UIElementStatus, statusProps?: any] {\n    switch (result.resultCode) {\n        case 'Authorised':\n        case 'Received':\n            return ['success'];\n        case 'Pending':\n            return ['success'];\n        case 'Cancelled':\n        case 'Error':\n        case 'Refused':\n            return ['error'];\n        default:\n    }\n}\n\nexport function verifyPaymentDidNotFail(response: PaymentResponseData): Promise<PaymentResponseData> {\n    if (['Cancelled', 'Error', 'Refused'].includes(response.resultCode)) {\n        return Promise.reject(response);\n    }\n\n    return Promise.resolve(response);\n}\n\nexport function assertIsDropin(element: any): element is IDropin {\n    if (!element) return false;\n\n    const isDropin = typeof element.activePaymentMethod === 'object' && typeof element.closeActivePaymentMethod === 'function';\n    return isDropin;\n}\n\nexport function getRegulatoryDefaults(countryCode: string, isDropin: boolean): Record<string, any> {\n    switch (countryCode) {\n        // Finnish regulations state that no payment method can be open by default\n        case 'FI':\n            return isDropin\n                ? {\n                      openFirstPaymentMethod: false,\n                      openFirstStoredPaymentMethod: false\n                  }\n                : {};\n        default:\n            return {};\n    }\n}\n"],"names":["ALLOWED_PROPERTIES","sanitizeResponse","response","removedProperties","sanitizedObject","Object","keys","reduce","acc","cur","includes","push","length","console","warn","join","cleanupFinalResult","paymentResponse","order","action","donationToken","verifyPaymentDidNotFail","resultCode","Promise","reject","resolve","assertIsDropin","element","activePaymentMethod","closeActivePaymentMethod","getRegulatoryDefaults","countryCode","isDropin","openFirstPaymentMethod","openFirstStoredPaymentMethod"],"mappings":"AAIA,MAAMA,EAAqB,CAAC,SAAU,aAAc,cAAe,QAAS,gBAAiB,gBAAiB,SAEvG,SAASC,EAAiBC,GAC7B,MAAMC,EAAoB,GAEpBC,EAAkBC,OAAOC,KAAKJ,GAAUK,QAAO,CAACC,EAAKC,KAClDT,EAAmBU,SAASD,GAG7BD,EAAIC,GAAOP,EAASO,GAFpBN,EAAkBQ,KAAKF,GAIpBD,IACR,CAAC,GAIJ,OAFIL,EAAkBS,QAAQC,QAAQC,KAAK,gEAAgEX,EAAkBY,KAAK,SAE3HX,CACX,CAOO,SAASY,EAAmBC,GAC1BA,WAEEA,EAAgBC,aAChBD,EAAgBE,OAClBF,EAAgBG,eAA0D,IAAzCH,EAAgBG,cAAcR,eACzDK,EAAgBG,cAE/B,CAiBO,SAASC,EAAwBnB,GACpC,MAAI,CAAC,YAAa,QAAS,WAAWQ,SAASR,EAASoB,YAC7CC,QAAQC,OAAOtB,GAGnBqB,QAAQE,QAAQvB,EAC3B,CAEO,SAASwB,EAAeC,GAC3B,IAAKA,EAAS,OAAO,EAGrB,MADwD,iBAAhCA,EAAQC,qBAAgF,mBAArCD,EAAQE,wBAEvF,CAEO,SAASC,EAAsBC,EAAqBC,GACvD,MAES,OAFDD,GAGOC,EACD,CACIC,wBAAwB,EACxBC,8BAA8B,GAIjC,EAEnB"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/UIElement/utils.ts"],"sourcesContent":["import { UIElementStatus } from './types';\nimport { RawPaymentResponse, PaymentResponseData, Order } from '../../../types/global-types';\nimport { IDropin } from '../../Dropin/types';\n\nconst ALLOWED_PROPERTIES = ['action', 'resultCode', 'sessionData', 'order', 'sessionResult', 'donationToken', 'error'];\n\nexport function sanitizeResponse(response: RawPaymentResponse): PaymentResponseData {\n    const removedProperties = [];\n\n    const sanitizedObject = Object.keys(response).reduce((acc, cur) => {\n        if (!ALLOWED_PROPERTIES.includes(cur)) {\n            removedProperties.push(cur);\n        } else {\n            acc[cur] = response[cur];\n        }\n        return acc;\n    }, {});\n\n    if (removedProperties.length) console.warn(`The following properties should not be passed to the client: ${removedProperties.join(', ')}`);\n\n    return sanitizedObject as PaymentResponseData;\n}\n\n/**\n * Remove not relevant properties in the final payment result object\n *\n * @param paymentResponse\n */\nexport function cleanupFinalResult(paymentResponse?: PaymentResponseData): void {\n    if (!paymentResponse) return;\n\n    delete paymentResponse.order;\n    delete paymentResponse.action;\n    if (!paymentResponse.donationToken || paymentResponse.donationToken.length === 0) {\n        delete paymentResponse.donationToken;\n    }\n}\n\nexport function resolveFinalResult(result: PaymentResponseData): [status: UIElementStatus, statusProps?: any] {\n    switch (result.resultCode) {\n        case 'Authorised':\n        case 'Received':\n            return ['success'];\n        case 'Pending':\n            return ['success'];\n        case 'Cancelled':\n        case 'Error':\n        case 'Refused':\n            return ['error'];\n        default:\n    }\n}\n\nexport function verifyPaymentDidNotFail(response: PaymentResponseData): Promise<PaymentResponseData> {\n    if (['Cancelled', 'Error', 'Refused'].includes(response.resultCode)) {\n        return Promise.reject(response);\n    }\n\n    return Promise.resolve(response);\n}\n\nexport function assertIsDropin(element: any): element is IDropin {\n    if (!element) return false;\n\n    const isDropin = typeof element.activePaymentMethod === 'object' && typeof element.closeActivePaymentMethod === 'function';\n    return isDropin;\n}\n\nexport function getRegulatoryDefaults(countryCode: string, isDropin: boolean): Record<string, any> {\n    switch (countryCode) {\n        // Finnish regulations state that no payment method can be open by default\n        case 'FI':\n            return isDropin\n                ? {\n                      openFirstPaymentMethod: false,\n                      openFirstStoredPaymentMethod: false\n                  }\n                : {};\n        default:\n            return {};\n    }\n}\n\nexport function sanitizeOrder(order: Order) {\n    if (!order || !order.orderData || !order.pspReference) return null;\n    return {\n        orderData: order.orderData,\n        pspReference: order.pspReference\n    };\n}\n"],"names":["ALLOWED_PROPERTIES","sanitizeResponse","response","removedProperties","sanitizedObject","Object","keys","reduce","acc","cur","includes","push","length","console","warn","join","cleanupFinalResult","paymentResponse","order","action","donationToken","verifyPaymentDidNotFail","resultCode","Promise","reject","resolve","assertIsDropin","element","activePaymentMethod","closeActivePaymentMethod","getRegulatoryDefaults","countryCode","isDropin","openFirstPaymentMethod","openFirstStoredPaymentMethod","sanitizeOrder","orderData","pspReference"],"mappings":"AAIA,MAAMA,EAAqB,CAAC,SAAU,aAAc,cAAe,QAAS,gBAAiB,gBAAiB,SAEvG,SAASC,EAAiBC,GAC7B,MAAMC,EAAoB,GAEpBC,EAAkBC,OAAOC,KAAKJ,GAAUK,QAAO,CAACC,EAAKC,KAClDT,EAAmBU,SAASD,GAG7BD,EAAIC,GAAOP,EAASO,GAFpBN,EAAkBQ,KAAKF,GAIpBD,IACR,CAAC,GAIJ,OAFIL,EAAkBS,QAAQC,QAAQC,KAAK,gEAAgEX,EAAkBY,KAAK,SAE3HX,CACX,CAOO,SAASY,EAAmBC,GAC1BA,WAEEA,EAAgBC,aAChBD,EAAgBE,OAClBF,EAAgBG,eAA0D,IAAzCH,EAAgBG,cAAcR,eACzDK,EAAgBG,cAE/B,CAiBO,SAASC,EAAwBnB,GACpC,MAAI,CAAC,YAAa,QAAS,WAAWQ,SAASR,EAASoB,YAC7CC,QAAQC,OAAOtB,GAGnBqB,QAAQE,QAAQvB,EAC3B,CAEO,SAASwB,EAAeC,GAC3B,IAAKA,EAAS,OAAO,EAGrB,MADwD,iBAAhCA,EAAQC,qBAAgF,mBAArCD,EAAQE,wBAEvF,CAEO,SAASC,EAAsBC,EAAqBC,GACvD,MAES,OAFDD,GAGOC,EACD,CACIC,wBAAwB,EACxBC,8BAA8B,GAIjC,EAEnB,CAEO,SAASC,EAAcjB,GAC1B,OAAKA,GAAUA,EAAMkB,WAAclB,EAAMmB,aAClC,CACHD,UAAWlB,EAAMkB,UACjBC,aAAcnB,EAAMmB,cAHsC,IAKlE"}

package/dist/es/core/Analytics/Analytics.js

@@ -1,2 +1,2 @@
-import t from"../Services/analytics/log-event.js";import e from"../Services/analytics/collect-id.js";import n from"./EventsQueue.js";import{ANALYTICS_EVENT_INFO as l,ANALYTICS_INFO_TIMER_INTERVAL as o,ANALYTICS_EVENT_LOG as a,ANALYTICS_EVENT_ERROR as c,ANALYTICS_PATH as s}from"./constants.js";import{debounce as i}from"../../utils/debounce.js";import{createAnalyticsObject as r}from"./utils.js";import{analyticsPreProcessor as m}from"./analyticsPreProcessor.js";let u=null,d=!1,y=null;const p=({loadingContext:p,locale:f,clientKey:h,analytics:v,amount:b,analyticsContext:A,bundleType:g})=>{const j={enabled:!0,telemetry:!0,checkoutAttemptId:null,...v},{telemetry:x,enabled:C}=j;!0===x&&!0===C&&j.checkoutAttemptId&&(u=j.checkoutAttemptId);const k=t({loadingContext:p,locale:f}),E=e({analyticsContext:A,clientKey:h,locale:f,amount:b,analyticsPath:s,bundleType:g}),I=n({analyticsContext:A,clientKey:h,analyticsPath:s}),P=()=>u?I.run(u):Promise.resolve(null),T={setUp:async t=>{const{enabled:e,payload:n,telemetry:l}=j;if(!0===e){if(!0===l&&!u)try{const e=await E({...t,...n&&{...n}});u=e}catch(t){console.warn("Fetching checkoutAttemptId failed."+(t?` Error=${t}`:""))}d||(k(t),d=!0)}},getCheckoutAttemptId:()=>u,getEventsQueue:()=>I,createAnalyticsEvent:({event:t,data:e})=>{((t,e)=>{const n=t===l?t:`${t}s`;I.add(`${n}`,e),t===l&&(clearTimeout(y),y=setTimeout(P,o)),t!==a&&t!==c||(clearTimeout(y),i(P)())})(t,r({event:t,...e}))},getEnabled:()=>j.enabled,sendAnalytics:null};return T.sendAnalytics=m(T),T};export{p as default};
+import t from"../Services/analytics/log-event.js";import e from"../Services/analytics/collect-id.js";import n from"./EventsQueue.js";import{ANALYTICS_EVENT_INFO as l,ANALYTICS_INFO_TIMER_INTERVAL as o,ANALYTICS_EVENT_LOG as a,ANALYTICS_EVENT_ERROR as c,ANALYTICS_PATH as s}from"./constants.js";import{debounce as i}from"../../utils/debounce.js";import{createAnalyticsObject as r}from"./utils.js";import{analyticsPreProcessor as m}from"./analyticsPreProcessor.js";let u=null,d=!1,y=null;const p=({loadingContext:p,locale:f,clientKey:h,analytics:v,amount:b,analyticsContext:A,bundleType:g})=>{const j={enabled:!0,telemetry:!0,checkoutAttemptId:null,...v},{telemetry:x,enabled:C}=j;!0===x&&!0===C&&j.checkoutAttemptId&&(u=j.checkoutAttemptId);const k=t({loadingContext:p,locale:f}),E=e({analyticsContext:A,clientKey:h,locale:f,amount:b,analyticsPath:s,bundleType:g}),I=n({analyticsContext:A,clientKey:h,analyticsPath:s}),P=()=>u?I.run(u):Promise.resolve(null),T={setUp:async t=>{const{enabled:e,payload:n,telemetry:l}=j;if(!0===e){if(!0===l&&!u)try{const e=await E({...t,...n&&{...n}});u=e}catch(t){console.warn("Fetching checkoutAttemptId failed."+(t?` Error=${t}`:""))}d||(k(t),d=!0)}},getCheckoutAttemptId:()=>u,getEventsQueue:()=>I,createAnalyticsEvent:({event:t,data:e})=>{const n=r({event:t,...e});return((t,e)=>{const n=t===l?t:`${t}s`;I.add(`${n}`,e),t===l&&(clearTimeout(y),y=setTimeout(P,o)),t!==a&&t!==c||(clearTimeout(y),i(P)())})(t,n),n},getEnabled:()=>j.enabled,sendAnalytics:null};return T.sendAnalytics=m(T),T};export{p as default};
 //# sourceMappingURL=Analytics.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Analytics.js","sources":["../../../../src/core/Analytics/Analytics.ts"],"sourcesContent":["import LogEvent from '../Services/analytics/log-event';\nimport CollectId from '../Services/analytics/collect-id';\nimport EventsQueue, { EventsQueueModule } from './EventsQueue';\nimport { ANALYTICS_EVENT, AnalyticsInitialEvent, AnalyticsObject, AnalyticsProps, CreateAnalyticsEventObject } from './types';\nimport { ANALYTICS_EVENT_ERROR, ANALYTICS_EVENT_INFO, ANALYTICS_EVENT_LOG, ANALYTICS_INFO_TIMER_INTERVAL, ANALYTICS_PATH } from './constants';\nimport { debounce } from '../../utils/debounce';\nimport { AnalyticsModule } from '../../types/global-types';\nimport { createAnalyticsObject } from './utils';\nimport { analyticsPreProcessor } from './analyticsPreProcessor';\n\nlet capturedCheckoutAttemptId = null;\nlet hasLoggedPixel = false;\nlet sendEventsTimerId = null;\n\nconst Analytics = ({ loadingContext, locale, clientKey, analytics, amount, analyticsContext, bundleType }: AnalyticsProps): AnalyticsModule => {\n    const defaultProps = {\n        enabled: true,\n        telemetry: true,\n        checkoutAttemptId: null\n    };\n\n    const props = { ...defaultProps, ...analytics };\n\n    const { telemetry, enabled } = props;\n    if (telemetry === true && enabled === true) {\n        if (props.checkoutAttemptId) {\n            // handle prefilled checkoutAttemptId // TODO is this still something that ever happens?\n            capturedCheckoutAttemptId = props.checkoutAttemptId;\n        }\n    }\n\n    const logEvent = LogEvent({ loadingContext, locale });\n    const collectId = CollectId({ analyticsContext, clientKey, locale, amount, analyticsPath: ANALYTICS_PATH, bundleType });\n    const eventsQueue: EventsQueueModule = EventsQueue({ analyticsContext, clientKey, analyticsPath: ANALYTICS_PATH });\n\n    const sendAnalyticsEvents = () => {\n        if (capturedCheckoutAttemptId) {\n            return eventsQueue.run(capturedCheckoutAttemptId);\n        }\n        return Promise.resolve(null);\n    };\n\n    const addAnalyticsEvent = (type: ANALYTICS_EVENT, obj: AnalyticsObject) => {\n        const arrayName = type === ANALYTICS_EVENT_INFO ? type : `${type}s`;\n        eventsQueue.add(`${arrayName}`, obj);\n\n        /**\n         * The logic is:\n         *  - info events are stored until a log or error comes along,\n         *  but, if after a set time, no other analytics event (log or error) has come along then we send the info events anyway\n         */\n        if (type === ANALYTICS_EVENT_INFO) {\n            clearTimeout(sendEventsTimerId);\n            sendEventsTimerId = setTimeout(sendAnalyticsEvents, ANALYTICS_INFO_TIMER_INTERVAL);\n        }\n\n        /**\n         * The logic is:\n         *  - errors and logs get sent straightaway\n         *  ...but... tests with the 3DS2 process show that many logs can happen almost at the same time (or you can have an error followed immediately by a log),\n         *  so instead of making several sequential api calls we see if we can \"batch\" them using debounce\n         */\n        if (type === ANALYTICS_EVENT_LOG || type === ANALYTICS_EVENT_ERROR) {\n            clearTimeout(sendEventsTimerId); // clear any timer that might be about to dispatch the info events array\n\n            debounce(sendAnalyticsEvents)();\n        }\n    };\n\n    const anlModule: AnalyticsModule = {\n        setUp: async (initialEvent: AnalyticsInitialEvent) => {\n            const { enabled, payload, telemetry } = props; // TODO what is payload, is it ever used?\n\n            // console.log('### Analytics::setUp:: initialEvent', initialEvent);\n\n            if (enabled === true) {\n                if (telemetry === true && !capturedCheckoutAttemptId) {\n                    try {\n                        // fetch a new checkoutAttemptId if none is already available\n                        const checkoutAttemptId = await collectId({ ...initialEvent, ...(payload && { ...payload }) });\n                        capturedCheckoutAttemptId = checkoutAttemptId;\n                    } catch (e) {\n                        console.warn(`Fetching checkoutAttemptId failed.${e ? ` Error=${e}` : ''}`);\n                    }\n                }\n\n                if (!hasLoggedPixel) {\n                    // Log pixel\n                    // TODO once we stop using the pixel we can stop requiring both \"enabled\" & \"telemetry\" config options.\n                    //  And v6 will have a \"level: 'none\" | \"all\" | \"minimal\" config prop\n                    logEvent(initialEvent);\n                    hasLoggedPixel = true;\n                }\n            }\n        },\n\n        getCheckoutAttemptId: (): string => capturedCheckoutAttemptId,\n\n        // Expose getter for testing purposes\n        getEventsQueue: () => eventsQueue,\n\n        createAnalyticsEvent: ({ event, data }: CreateAnalyticsEventObject) => {\n            const aObj: AnalyticsObject = createAnalyticsObject({\n                event,\n                ...data\n            });\n            // console.log('### Analytics::createAnalyticsEvent:: event=', event, ' aObj=', aObj);\n\n            addAnalyticsEvent(event, aObj);\n        },\n\n        getEnabled: () => props.enabled,\n\n        sendAnalytics: null\n    };\n\n    anlModule.sendAnalytics = analyticsPreProcessor(anlModule);\n\n    return anlModule;\n};\n\nexport default Analytics;\n"],"names":["capturedCheckoutAttemptId","hasLoggedPixel","sendEventsTimerId","Analytics","loadingContext","locale","clientKey","analytics","amount","analyticsContext","bundleType","props","enabled","telemetry","checkoutAttemptId","logEvent","LogEvent","collectId","CollectId","analyticsPath","ANALYTICS_PATH","eventsQueue","EventsQueue","sendAnalyticsEvents","run","Promise","resolve","anlModule","setUp","async","initialEvent","payload","e","console","warn","getCheckoutAttemptId","getEventsQueue","createAnalyticsEvent","event","data","type","obj","arrayName","ANALYTICS_EVENT_INFO","add","clearTimeout","setTimeout","ANALYTICS_INFO_TIMER_INTERVAL","ANALYTICS_EVENT_LOG","ANALYTICS_EVENT_ERROR","debounce","addAnalyticsEvent","createAnalyticsObject","aObj","getEnabled","sendAnalytics","analyticsPreProcessor"],"mappings":"+cAUA,IAAIA,EAA4B,KAC5BC,GAAiB,EACjBC,EAAoB,KAExB,MAAMC,EAAY,EAAGC,iBAAgBC,SAAQC,YAAWC,YAAWC,SAAQC,mBAAkBC,iBACzF,MAMMC,EAAQ,CALVC,SAAS,EACTC,WAAW,EACXC,kBAAmB,QAGaP,IAE9BM,UAAEA,EAASD,QAAEA,GAAYD,GACb,IAAdE,IAAkC,IAAZD,GAClBD,EAAMG,oBAENd,EAA4BW,EAAMG,mBAI1C,MAAMC,EAAWC,EAAS,CAAEZ,iBAAgBC,WACtCY,EAAYC,EAAU,CAAET,mBAAkBH,YAAWD,SAAQG,SAAQW,cAAeC,EAAgBV,eACpGW,EAAiCC,EAAY,CAAEb,mBAAkBH,YAAWa,cAAeC,IAE3FG,EAAsB,IACpBvB,EACOqB,EAAYG,IAAIxB,GAEpByB,QAAQC,QAAQ,MA8BrBC,EAA6B,CAC/BC,MAAOC,MAAOC,IACV,MAAMlB,QAAEA,EAAOmB,QAAEA,EAAOlB,UAAEA,GAAcF,EAIxC,IAAgB,IAAZC,EAAkB,CAClB,IAAkB,IAAdC,IAAuBb,EACvB,IAEI,MAAMc,QAA0BG,EAAU,IAAKa,KAAkBC,GAAW,IAAKA,KACjF/B,EAA4Bc,CAChC,CAAE,MAAOkB,GACLC,QAAQC,KAAK,sCAAqCF,EAAI,UAAUA,IAAM,IAC1E,CAGC/B,IAIDc,EAASe,GACT7B,GAAiB,EAEzB,GAGJkC,qBAAsB,IAAcnC,EAGpCoC,eAAgB,IAAMf,EAEtBgB,qBAAsB,EAAGC,QAAOC,WA3DV,EAACC,EAAuBC,KAC9C,MAAMC,EAAYF,IAASG,EAAuBH,EAAO,GAAGA,KAC5DnB,EAAYuB,IAAI,GAAGF,IAAaD,GAO5BD,IAASG,IACTE,aAAa3C,GACbA,EAAoB4C,WAAWvB,EAAqBwB,IASpDP,IAASQ,GAAuBR,IAASS,IACzCJ,aAAa3C,GAEbgD,EAAS3B,EAAT2B,GACJ,EA0CIC,CAAkBb,EANYc,EAAsB,CAChDd,WACGC,IAIkBc,EAG7BC,WAAY,IAAM3C,EAAMC,QAExB2C,cAAe,MAKnB,OAFA5B,EAAU4B,cAAgBC,EAAsB7B,GAEzCA,CAAAA"}
+{"version":3,"file":"Analytics.js","sources":["../../../../src/core/Analytics/Analytics.ts"],"sourcesContent":["import LogEvent from '../Services/analytics/log-event';\nimport CollectId from '../Services/analytics/collect-id';\nimport EventsQueue, { EventsQueueModule } from './EventsQueue';\nimport { ANALYTICS_EVENT, AnalyticsInitialEvent, AnalyticsObject, AnalyticsProps, CreateAnalyticsEventObject } from './types';\nimport { ANALYTICS_EVENT_ERROR, ANALYTICS_EVENT_INFO, ANALYTICS_EVENT_LOG, ANALYTICS_INFO_TIMER_INTERVAL, ANALYTICS_PATH } from './constants';\nimport { debounce } from '../../utils/debounce';\nimport { AnalyticsModule } from '../../types/global-types';\nimport { createAnalyticsObject } from './utils';\nimport { analyticsPreProcessor } from './analyticsPreProcessor';\n\nlet capturedCheckoutAttemptId = null;\nlet hasLoggedPixel = false;\nlet sendEventsTimerId = null;\n\nconst Analytics = ({ loadingContext, locale, clientKey, analytics, amount, analyticsContext, bundleType }: AnalyticsProps): AnalyticsModule => {\n    const defaultProps = {\n        enabled: true,\n        telemetry: true,\n        checkoutAttemptId: null\n    };\n\n    const props = { ...defaultProps, ...analytics };\n\n    const { telemetry, enabled } = props;\n    if (telemetry === true && enabled === true) {\n        if (props.checkoutAttemptId) {\n            // handle prefilled checkoutAttemptId // TODO is this still something that ever happens?\n            capturedCheckoutAttemptId = props.checkoutAttemptId;\n        }\n    }\n\n    const logEvent = LogEvent({ loadingContext, locale });\n    const collectId = CollectId({ analyticsContext, clientKey, locale, amount, analyticsPath: ANALYTICS_PATH, bundleType });\n    const eventsQueue: EventsQueueModule = EventsQueue({ analyticsContext, clientKey, analyticsPath: ANALYTICS_PATH });\n\n    const sendAnalyticsEvents = () => {\n        if (capturedCheckoutAttemptId) {\n            return eventsQueue.run(capturedCheckoutAttemptId);\n        }\n        return Promise.resolve(null);\n    };\n\n    const addAnalyticsEvent = (type: ANALYTICS_EVENT, obj: AnalyticsObject) => {\n        const arrayName = type === ANALYTICS_EVENT_INFO ? type : `${type}s`;\n        eventsQueue.add(`${arrayName}`, obj);\n\n        /**\n         * The logic is:\n         *  - info events are stored until a log or error comes along,\n         *  but, if after a set time, no other analytics event (log or error) has come along then we send the info events anyway\n         */\n        if (type === ANALYTICS_EVENT_INFO) {\n            clearTimeout(sendEventsTimerId);\n            sendEventsTimerId = setTimeout(sendAnalyticsEvents, ANALYTICS_INFO_TIMER_INTERVAL);\n        }\n\n        /**\n         * The logic is:\n         *  - errors and logs get sent straightaway\n         *  ...but... tests with the 3DS2 process show that many logs can happen almost at the same time (or you can have an error followed immediately by a log),\n         *  so instead of making several sequential api calls we see if we can \"batch\" them using debounce\n         */\n        if (type === ANALYTICS_EVENT_LOG || type === ANALYTICS_EVENT_ERROR) {\n            clearTimeout(sendEventsTimerId); // clear any timer that might be about to dispatch the info events array\n\n            debounce(sendAnalyticsEvents)();\n        }\n    };\n\n    const anlModule: AnalyticsModule = {\n        setUp: async (initialEvent: AnalyticsInitialEvent) => {\n            const { enabled, payload, telemetry } = props; // TODO what is payload, is it ever used?\n\n            // console.log('### Analytics::setUp:: initialEvent', initialEvent);\n\n            if (enabled === true) {\n                if (telemetry === true && !capturedCheckoutAttemptId) {\n                    try {\n                        // fetch a new checkoutAttemptId if none is already available\n                        const checkoutAttemptId = await collectId({ ...initialEvent, ...(payload && { ...payload }) });\n                        capturedCheckoutAttemptId = checkoutAttemptId;\n                    } catch (e) {\n                        console.warn(`Fetching checkoutAttemptId failed.${e ? ` Error=${e}` : ''}`);\n                    }\n                }\n\n                if (!hasLoggedPixel) {\n                    // Log pixel\n                    // TODO once we stop using the pixel we can stop requiring both \"enabled\" & \"telemetry\" config options.\n                    //  And v6 will have a \"level: 'none\" | \"all\" | \"minimal\" config prop\n                    logEvent(initialEvent);\n                    hasLoggedPixel = true;\n                }\n            }\n        },\n\n        getCheckoutAttemptId: (): string => capturedCheckoutAttemptId,\n\n        // Expose getter for testing purposes\n        getEventsQueue: () => eventsQueue,\n\n        createAnalyticsEvent: ({ event, data }: CreateAnalyticsEventObject): AnalyticsObject => {\n            const aObj: AnalyticsObject = createAnalyticsObject({\n                event,\n                ...data\n            });\n            // console.log('### Analytics::createAnalyticsEvent:: event=', event, ' aObj=', aObj);\n\n            addAnalyticsEvent(event, aObj);\n\n            return aObj;\n        },\n\n        getEnabled: () => props.enabled,\n\n        sendAnalytics: null\n    };\n\n    anlModule.sendAnalytics = analyticsPreProcessor(anlModule);\n\n    return anlModule;\n};\n\nexport default Analytics;\n"],"names":["capturedCheckoutAttemptId","hasLoggedPixel","sendEventsTimerId","Analytics","loadingContext","locale","clientKey","analytics","amount","analyticsContext","bundleType","props","enabled","telemetry","checkoutAttemptId","logEvent","LogEvent","collectId","CollectId","analyticsPath","ANALYTICS_PATH","eventsQueue","EventsQueue","sendAnalyticsEvents","run","Promise","resolve","anlModule","setUp","async","initialEvent","payload","e","console","warn","getCheckoutAttemptId","getEventsQueue","createAnalyticsEvent","event","data","aObj","createAnalyticsObject","type","obj","arrayName","ANALYTICS_EVENT_INFO","add","clearTimeout","setTimeout","ANALYTICS_INFO_TIMER_INTERVAL","ANALYTICS_EVENT_LOG","ANALYTICS_EVENT_ERROR","debounce","addAnalyticsEvent","getEnabled","sendAnalytics","analyticsPreProcessor"],"mappings":"+cAUA,IAAIA,EAA4B,KAC5BC,GAAiB,EACjBC,EAAoB,KAExB,MAAMC,EAAY,EAAGC,iBAAgBC,SAAQC,YAAWC,YAAWC,SAAQC,mBAAkBC,iBACzF,MAMMC,EAAQ,CALVC,SAAS,EACTC,WAAW,EACXC,kBAAmB,QAGaP,IAE9BM,UAAEA,EAASD,QAAEA,GAAYD,GACb,IAAdE,IAAkC,IAAZD,GAClBD,EAAMG,oBAENd,EAA4BW,EAAMG,mBAI1C,MAAMC,EAAWC,EAAS,CAAEZ,iBAAgBC,WACtCY,EAAYC,EAAU,CAAET,mBAAkBH,YAAWD,SAAQG,SAAQW,cAAeC,EAAgBV,eACpGW,EAAiCC,EAAY,CAAEb,mBAAkBH,YAAWa,cAAeC,IAE3FG,EAAsB,IACpBvB,EACOqB,EAAYG,IAAIxB,GAEpByB,QAAQC,QAAQ,MA8BrBC,EAA6B,CAC/BC,MAAOC,MAAOC,IACV,MAAMlB,QAAEA,EAAOmB,QAAEA,EAAOlB,UAAEA,GAAcF,EAIxC,IAAgB,IAAZC,EAAkB,CAClB,IAAkB,IAAdC,IAAuBb,EACvB,IAEI,MAAMc,QAA0BG,EAAU,IAAKa,KAAkBC,GAAW,IAAKA,KACjF/B,EAA4Bc,CAChC,CAAE,MAAOkB,GACLC,QAAQC,KAAK,sCAAqCF,EAAI,UAAUA,IAAM,IAC1E,CAGC/B,IAIDc,EAASe,GACT7B,GAAiB,EAEzB,GAGJkC,qBAAsB,IAAcnC,EAGpCoC,eAAgB,IAAMf,EAEtBgB,qBAAsB,EAAGC,QAAOC,WAC5B,MAAMC,EAAwBC,EAAsB,CAChDH,WACGC,IAMP,MApEkB,EAACG,EAAuBC,KAC9C,MAAMC,EAAYF,IAASG,EAAuBH,EAAO,GAAGA,KAC5DrB,EAAYyB,IAAI,GAAGF,IAAaD,GAO5BD,IAASG,IACTE,aAAa7C,GACbA,EAAoB8C,WAAWzB,EAAqB0B,IASpDP,IAASQ,GAAuBR,IAASS,IACzCJ,aAAa7C,GAEbkD,EAAS7B,EAAT6B,GACJ,EA0CIC,CAAkBf,EAAOE,GAElBA,CAAAA,EAGXc,WAAY,IAAM3C,EAAMC,QAExB2C,cAAe,MAKnB,OAFA5B,EAAU4B,cAAgBC,EAAsB7B,GAEzCA,CAAAA"}

package/dist/es/core/Analytics/constants.js

@@ -1,2 +1,2 @@
-const e="v3/analytics",o=1e4,t=3e3,r="log",n="error",i="info",s="action",a="submit",d="selected",u="rendered",l="displayed",c="input",_="download",f="validationError",b="focus",p="unfocus",w="configured",y="qr_download_button",g="instant_payment_button",m="featured_issuer",v="list",E="list_search",h="APIError",q="web_700";export{s as ANALYTICS_ACTION_STR,h as ANALYTICS_API_ERROR,w as ANALYTICS_CONFIGURED_STR,l as ANALYTICS_DISPLAYED_STR,_ as ANALYTICS_DOWNLOAD_STR,q as ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA,n as ANALYTICS_EVENT_ERROR,i as ANALYTICS_EVENT_INFO,r as ANALYTICS_EVENT_LOG,m as ANALYTICS_FEATURED_ISSUER,b as ANALYTICS_FOCUS_STR,o as ANALYTICS_INFO_TIMER_INTERVAL,c as ANALYTICS_INPUT_STR,g as ANALYTICS_INSTANT_PAYMENT_BUTTON,v as ANALYTICS_LIST,E as ANALYTICS_LIST_SEARCH,e as ANALYTICS_PATH,y as ANALYTICS_QR_CODE_DOWNLOAD,u as ANALYTICS_RENDERED_STR,t as ANALYTICS_SEARCH_DEBOUNCE_TIME,d as ANALYTICS_SELECTED_STR,a as ANALYTICS_SUBMIT_STR,p as ANALYTICS_UNFOCUS_STR,f as ANALYTICS_VALIDATION_ERROR_STR};
+import{CREDITCARD_HOLDER_NAME_INVALID as o,CREDITCARD_TAX_NUMBER_INVALID as t,BOLETO_SOCIAL_SECURITY_NUMBER_INVALID as r,ERROR_FIELD_REQUIRED as e,ERROR_INVALID_FORMAT_EXPECTS as n}from"../Errors/constants.js";const s="v3/analytics",a=1e4,i=3e3,c="log",d="error",_="info",u="action",l="submit",p="selected",$="rendered",f="displayed",m="input",b="download",y="validationError",v="focus",w="unfocus",E="configured",g="qr_download_button",h="instant_payment_button",j="featured_issuer",q="list",x="list_search",A="APIError",I="web_700",P={[o]:"925",[t]:"942",[r]:"926",[`${e}.country`]:"930",[`${e}.street`]:"931",[`${e}.house_number_or_name`]:"932",[`${e}.postal_code`]:"933",[`${e}.city`]:"935",[`${e}.state_or_province`]:"936",[`${n}.postal_code`]:"934"};export{u as ANALYTICS_ACTION_STR,A as ANALYTICS_API_ERROR,E as ANALYTICS_CONFIGURED_STR,f as ANALYTICS_DISPLAYED_STR,b as ANALYTICS_DOWNLOAD_STR,I as ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA,d as ANALYTICS_EVENT_ERROR,_ as ANALYTICS_EVENT_INFO,c as ANALYTICS_EVENT_LOG,j as ANALYTICS_FEATURED_ISSUER,v as ANALYTICS_FOCUS_STR,a as ANALYTICS_INFO_TIMER_INTERVAL,m as ANALYTICS_INPUT_STR,h as ANALYTICS_INSTANT_PAYMENT_BUTTON,q as ANALYTICS_LIST,x as ANALYTICS_LIST_SEARCH,s as ANALYTICS_PATH,g as ANALYTICS_QR_CODE_DOWNLOAD,$ as ANALYTICS_RENDERED_STR,i as ANALYTICS_SEARCH_DEBOUNCE_TIME,p as ANALYTICS_SELECTED_STR,l as ANALYTICS_SUBMIT_STR,w as ANALYTICS_UNFOCUS_STR,y as ANALYTICS_VALIDATION_ERROR_STR,P as errorCodeMapping};
 //# sourceMappingURL=constants.js.map

package/dist/es/core/Analytics/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/core/Analytics/constants.ts"],"sourcesContent":["export const ANALYTICS_PATH = 'v3/analytics';\n\nexport const ANALYTICS_INFO_TIMER_INTERVAL = process.env.NODE_ENV === 'development' ? 5000 : 10000;\n\nexport const ANALYTICS_SEARCH_DEBOUNCE_TIME = 3000;\n\nexport const ANALYTICS_EVENT_LOG = 'log';\nexport const ANALYTICS_EVENT_ERROR = 'error';\nexport const ANALYTICS_EVENT_INFO = 'info';\n\nexport const ANALYTICS_ACTION_STR = 'action';\nexport const ANALYTICS_SUBMIT_STR = 'submit';\nexport const ANALYTICS_SELECTED_STR = 'selected';\nexport const ANALYTICS_RENDERED_STR = 'rendered';\nexport const ANALYTICS_DISPLAYED_STR = 'displayed';\nexport const ANALYTICS_INPUT_STR = 'input';\n\nexport const ANALYTICS_DOWNLOAD_STR = 'download';\n\nexport const ANALYTICS_VALIDATION_ERROR_STR = 'validationError';\n\nexport const ANALYTICS_FOCUS_STR = 'focus';\nexport const ANALYTICS_UNFOCUS_STR = 'unfocus';\n\nexport const ANALYTICS_CONFIGURED_STR = 'configured';\n\nexport const ANALYTICS_QR_CODE_DOWNLOAD = 'qr_download_button';\n\nexport const ANALYTICS_INSTANT_PAYMENT_BUTTON = 'instant_payment_button';\nexport const ANALYTICS_FEATURED_ISSUER = 'featured_issuer';\nexport const ANALYTICS_LIST = 'list';\nexport const ANALYTICS_LIST_SEARCH = 'list_search';\n\nexport const ANALYTICS_IMPLEMENTATION_ERROR = 'ImplementationError';\nexport const ANALYTICS_API_ERROR = 'APIError';\n\nexport const ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA = 'web_700'; // Missing 'paymentData' property from threeDS2 action\nexport const ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_TOKEN = 'web_701'; // Missing 'token' property from threeDS2 action`\nexport const ANALYTICS_ERROR_CODE_TOKEN_IS_MISSING_THREEDSMETHODURL = 'web_702'; // Decoded token is missing a valid threeDSMethodURL property\n\n/**\n * Decoded token is missing one or more of the following properties:\n *  fingerprint: (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)\n *  challenge: (acsTransID | messageVersion | threeDSServerTransID)\n */\nexport const ANALYTICS_ERROR_CODE_TOKEN_IS_MISSING_OTHER_PROPS = 'web_703';\n\nexport const ANALYTICS_ERROR_CODE_TOKEN_DECODE_OR_PARSING_FAILED = 'web_704'; // token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token')\nexport const ANALYTICS_ERROR_CODE_3DS2_TIMEOUT = 'web_705'; // 3DS2 process has timed out\n\nexport const ANALYTICS_ERROR_CODE_TOKEN_IS_MISSING_ACSURL = 'web_800'; // Decoded token is missing a valid acsURL property\nexport const ANALYTICS_ERROR_CODE_NO_TRANSSTATUS = 'web_801'; // Challenge has resulted in an error (no transStatus could be retrieved by the backend)\n"],"names":["ANALYTICS_PATH","ANALYTICS_INFO_TIMER_INTERVAL","ANALYTICS_SEARCH_DEBOUNCE_TIME","ANALYTICS_EVENT_LOG","ANALYTICS_EVENT_ERROR","ANALYTICS_EVENT_INFO","ANALYTICS_ACTION_STR","ANALYTICS_SUBMIT_STR","ANALYTICS_SELECTED_STR","ANALYTICS_RENDERED_STR","ANALYTICS_DISPLAYED_STR","ANALYTICS_INPUT_STR","ANALYTICS_DOWNLOAD_STR","ANALYTICS_VALIDATION_ERROR_STR","ANALYTICS_FOCUS_STR","ANALYTICS_UNFOCUS_STR","ANALYTICS_CONFIGURED_STR","ANALYTICS_QR_CODE_DOWNLOAD","ANALYTICS_INSTANT_PAYMENT_BUTTON","ANALYTICS_FEATURED_ISSUER","ANALYTICS_LIST","ANALYTICS_LIST_SEARCH","ANALYTICS_API_ERROR","ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA"],"mappings":"AAAO,MAAMA,EAAiB,eAEjBC,EAAgF,IAEhFC,EAAiC,IAEjCC,EAAsB,MACtBC,EAAwB,QACxBC,EAAuB,OAEvBC,EAAuB,SACvBC,EAAuB,SACvBC,EAAyB,WACzBC,EAAyB,WACzBC,EAA0B,YAC1BC,EAAsB,QAEtBC,EAAyB,WAEzBC,EAAiC,kBAEjCC,EAAsB,QACtBC,EAAwB,UAExBC,EAA2B,aAE3BC,EAA6B,qBAE7BC,EAAmC,yBACnCC,EAA4B,kBAC5BC,EAAiB,OACjBC,EAAwB,cAGxBC,EAAsB,WAEtBC,EAAsD"}
+{"version":3,"file":"constants.js","sources":["../../../../src/core/Analytics/constants.ts"],"sourcesContent":["import {\n    BOLETO_SOCIAL_SECURITY_NUMBER_INVALID,\n    CREDITCARD_HOLDER_NAME_INVALID,\n    CREDITCARD_TAX_NUMBER_INVALID,\n    ERROR_FIELD_REQUIRED,\n    ERROR_INVALID_FORMAT_EXPECTS\n} from '../Errors/constants';\n\nexport const ANALYTICS_PATH = 'v3/analytics';\n\nexport const ANALYTICS_INFO_TIMER_INTERVAL = process.env.NODE_ENV === 'development' ? 5000 : 10000;\n\nexport const ANALYTICS_SEARCH_DEBOUNCE_TIME = 3000;\n\nexport const ANALYTICS_EVENT_LOG = 'log';\nexport const ANALYTICS_EVENT_ERROR = 'error';\nexport const ANALYTICS_EVENT_INFO = 'info';\n\nexport const ANALYTICS_ACTION_STR = 'action';\nexport const ANALYTICS_SUBMIT_STR = 'submit';\nexport const ANALYTICS_SELECTED_STR = 'selected';\nexport const ANALYTICS_RENDERED_STR = 'rendered';\nexport const ANALYTICS_DISPLAYED_STR = 'displayed';\nexport const ANALYTICS_INPUT_STR = 'input';\n\nexport const ANALYTICS_DOWNLOAD_STR = 'download';\n\nexport const ANALYTICS_VALIDATION_ERROR_STR = 'validationError';\n\nexport const ANALYTICS_FOCUS_STR = 'focus';\nexport const ANALYTICS_UNFOCUS_STR = 'unfocus';\n\nexport const ANALYTICS_CONFIGURED_STR = 'configured';\n\nexport const ANALYTICS_QR_CODE_DOWNLOAD = 'qr_download_button';\n\nexport const ANALYTICS_INSTANT_PAYMENT_BUTTON = 'instant_payment_button';\nexport const ANALYTICS_FEATURED_ISSUER = 'featured_issuer';\nexport const ANALYTICS_LIST = 'list';\nexport const ANALYTICS_LIST_SEARCH = 'list_search';\n\nexport const ANALYTICS_IMPLEMENTATION_ERROR = 'ImplementationError';\nexport const ANALYTICS_API_ERROR = 'APIError';\n\nexport const ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA = 'web_700'; // Missing 'paymentData' property from threeDS2 action\nexport const ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_TOKEN = 'web_701'; // Missing 'token' property from threeDS2 action`\nexport const ANALYTICS_ERROR_CODE_TOKEN_IS_MISSING_THREEDSMETHODURL = 'web_702'; // Decoded token is missing a valid threeDSMethodURL property\n\n/**\n * Decoded token is missing one or more of the following properties:\n *  fingerprint: (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)\n *  challenge: (acsTransID | messageVersion | threeDSServerTransID)\n */\nexport const ANALYTICS_ERROR_CODE_TOKEN_IS_MISSING_OTHER_PROPS = 'web_703';\n\nexport const ANALYTICS_ERROR_CODE_TOKEN_DECODE_OR_PARSING_FAILED = 'web_704'; // token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token')\nexport const ANALYTICS_ERROR_CODE_3DS2_TIMEOUT = 'web_705'; // 3DS2 process has timed out\n\nexport const ANALYTICS_ERROR_CODE_TOKEN_IS_MISSING_ACSURL = 'web_800'; // Decoded token is missing a valid acsURL property\nexport const ANALYTICS_ERROR_CODE_NO_TRANSSTATUS = 'web_801'; // Challenge has resulted in an error (no transStatus could be retrieved by the backend)\n\n/**\n * Function to map errorCodes based on translation keys to the codes expected by the analytics endpoint\n */\nexport const errorCodeMapping: Record<string, string> = {\n    [CREDITCARD_HOLDER_NAME_INVALID]: '925',\n    [CREDITCARD_TAX_NUMBER_INVALID]: '942',\n    //\n    [BOLETO_SOCIAL_SECURITY_NUMBER_INVALID]: '926',\n    //\n    [`${ERROR_FIELD_REQUIRED}.country`]: '930',\n    [`${ERROR_FIELD_REQUIRED}.street`]: '931',\n    [`${ERROR_FIELD_REQUIRED}.house_number_or_name`]: '932',\n    [`${ERROR_FIELD_REQUIRED}.postal_code`]: '933',\n    [`${ERROR_FIELD_REQUIRED}.city`]: '935',\n    [`${ERROR_FIELD_REQUIRED}.state_or_province`]: '936',\n    //\n    [`${ERROR_INVALID_FORMAT_EXPECTS}.postal_code`]: '934'\n    //\n};\n"],"names":["ANALYTICS_PATH","ANALYTICS_INFO_TIMER_INTERVAL","ANALYTICS_SEARCH_DEBOUNCE_TIME","ANALYTICS_EVENT_LOG","ANALYTICS_EVENT_ERROR","ANALYTICS_EVENT_INFO","ANALYTICS_ACTION_STR","ANALYTICS_SUBMIT_STR","ANALYTICS_SELECTED_STR","ANALYTICS_RENDERED_STR","ANALYTICS_DISPLAYED_STR","ANALYTICS_INPUT_STR","ANALYTICS_DOWNLOAD_STR","ANALYTICS_VALIDATION_ERROR_STR","ANALYTICS_FOCUS_STR","ANALYTICS_UNFOCUS_STR","ANALYTICS_CONFIGURED_STR","ANALYTICS_QR_CODE_DOWNLOAD","ANALYTICS_INSTANT_PAYMENT_BUTTON","ANALYTICS_FEATURED_ISSUER","ANALYTICS_LIST","ANALYTICS_LIST_SEARCH","ANALYTICS_API_ERROR","ANALYTICS_ERROR_CODE_ACTION_IS_MISSING_PAYMENT_DATA","errorCodeMapping","CREDITCARD_HOLDER_NAME_INVALID","CREDITCARD_TAX_NUMBER_INVALID","BOLETO_SOCIAL_SECURITY_NUMBER_INVALID","ERROR_FIELD_REQUIRED","ERROR_INVALID_FORMAT_EXPECTS"],"mappings":"kNAQO,MAAMA,EAAiB,eAEjBC,EAAgF,IAEhFC,EAAiC,IAEjCC,EAAsB,MACtBC,EAAwB,QACxBC,EAAuB,OAEvBC,EAAuB,SACvBC,EAAuB,SACvBC,EAAyB,WACzBC,EAAyB,WACzBC,EAA0B,YAC1BC,EAAsB,QAEtBC,EAAyB,WAEzBC,EAAiC,kBAEjCC,EAAsB,QACtBC,EAAwB,UAExBC,EAA2B,aAE3BC,EAA6B,qBAE7BC,EAAmC,yBACnCC,EAA4B,kBAC5BC,EAAiB,OACjBC,EAAwB,cAGxBC,EAAsB,WAEtBC,EAAsD,UAoBtDC,EAA2C,CACpDC,CAACA,GAAiC,MAClCC,CAACA,GAAgC,MAEjCC,CAACA,GAAwC,MAEzC,CAAC,GAAGC,aAAiC,MACrC,CAAC,GAAGA,YAAgC,MACpC,CAAC,GAAGA,0BAA8C,MAClD,CAAC,GAAGA,iBAAqC,MACzC,CAAC,GAAGA,UAA8B,MAClC,CAAC,GAAGA,uBAA2C,MAE/C,CAAC,GAAGC,iBAA6C"}

package/dist/es/core/Analytics/utils.js

@@ -1,2 +1,2 @@
-import{ANALYTICS_ACTION_STR as e,ANALYTICS_VALIDATION_ERROR_STR as t}from"./constants.js";import o from"../../utils/uuid.js";const r=()=>Date.now(),a=a=>({timestamp:String(r()),component:a.component,id:o(),..."error"===a.event&&{code:a.code,errorType:a.errorType,message:a.message},..."log"===a.event&&{type:a.type,message:a.message},..."log"===a.event&&a.type===e&&{subType:a.subtype},..."info"===a.event&&{type:a.type,target:a.target,issuer:a.issuer},..."info"===a.event&&a.isStoredPaymentMethod&&{isStoredPaymentMethod:a.isStoredPaymentMethod,brand:a.brand},..."info"===a.event&&a.type===t&&{validationErrorCode:a.validationErrorCode,validationErrorMessage:a.validationErrorMessage},...a.metadata&&{metadata:a.metadata}});export{a as createAnalyticsObject,r as getUTCTimestamp};
+import{ANALYTICS_ACTION_STR as e,ANALYTICS_VALIDATION_ERROR_STR as t,errorCodeMapping as r}from"./constants.js";import o from"../../utils/uuid.js";import{digitsOnlyFormatter as s}from"../../utils/Formatters/formatters.js";import{ERROR_FIELD_REQUIRED as a,ERROR_INVALID_FORMAT_EXPECTS as n}from"../Errors/constants.js";const i=()=>Date.now(),m=r=>({timestamp:String(i()),component:r.component,id:o(),..."error"===r.event&&{code:r.code,errorType:r.errorType,message:r.message},..."log"===r.event&&{type:r.type,message:r.message},..."log"===r.event&&r.type===e&&{subType:r.subtype},..."info"===r.event&&{type:r.type,target:r.target},..."info"===r.event&&r.issuer&&{issuer:r.issuer},..."info"===r.event&&r.isStoredPaymentMethod&&{isStoredPaymentMethod:r.isStoredPaymentMethod,brand:r.brand},..."info"===r.event&&r.type===t&&{validationErrorCode:d(r.validationErrorCode,r.target),validationErrorMessage:r.validationErrorMessage},...r.metadata&&{metadata:r.metadata}}),d=(e,t)=>{if(e===a||e===n)return r[`${e}.${t}`]??e;let o=r[e]??e;return isNaN(Number(o))&&(o=s(o)),o};export{m as createAnalyticsObject,i as getUTCTimestamp};
 //# sourceMappingURL=utils.js.map

package/dist/es/core/Analytics/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/core/Analytics/utils.ts"],"sourcesContent":["import { AnalyticsObject, CreateAnalyticsObject } from './types';\nimport { ANALYTICS_ACTION_STR, ANALYTICS_VALIDATION_ERROR_STR } from './constants';\nimport uuid from '../../utils/uuid';\n\nexport const getUTCTimestamp = () => Date.now();\n\n/**\n * All objects for the /checkoutanalytics endpoint have base props:\n *  \"timestamp\" & \"component\"\n *\n * Error objects have, in addition to the base props:\n *  \"code\", \"errorType\" & \"message\"\n *\n * Log objects have, in addition to the base props:\n *  \"message\" & \"type\" &\n *    \"subtype\" (e.g. when an action is handled)\n *\n * Info objects have, in addition to the base props:\n *   \"type\" & \"target\" &\n *     \"isStoredPaymentMethod\" & \"brand\" (when a storedCard is \"selected\"), or,\n *     \"validationErrorCode\" & \"validationErrorMessage\" (when the event is describing a validation error)\n *\n *  All objects can also have a \"metadata\" object of key-value pairs\n */\nexport const createAnalyticsObject = (aObj: CreateAnalyticsObject): AnalyticsObject => ({\n    timestamp: String(getUTCTimestamp()),\n    component: aObj.component,\n    id: uuid(),\n    /** ERROR */\n    ...(aObj.event === 'error' && { code: aObj.code, errorType: aObj.errorType, message: aObj.message }), // error event\n    /** LOG */\n    ...(aObj.event === 'log' && { type: aObj.type, message: aObj.message }), // log event\n    ...(aObj.event === 'log' && aObj.type === ANALYTICS_ACTION_STR && { subType: aObj.subtype }), // only added if we have a log event of Action type\n    /** INFO */\n    ...(aObj.event === 'info' && { type: aObj.type, target: aObj.target, issuer: aObj.issuer }), // info event\n    ...(aObj.event === 'info' && aObj.isStoredPaymentMethod && { isStoredPaymentMethod: aObj.isStoredPaymentMethod, brand: aObj.brand }), // only added if we have an info event about a storedPM\n    ...(aObj.event === 'info' &&\n        aObj.type === ANALYTICS_VALIDATION_ERROR_STR && {\n            validationErrorCode: aObj.validationErrorCode,\n            validationErrorMessage: aObj.validationErrorMessage\n        }), // only added if we have an info event describing a validation error\n    /** All */\n    ...(aObj.metadata && { metadata: aObj.metadata })\n});\n"],"names":["getUTCTimestamp","Date","now","createAnalyticsObject","aObj","timestamp","String","component","id","uuid","event","code","errorType","message","type","ANALYTICS_ACTION_STR","subType","subtype","target","issuer","isStoredPaymentMethod","brand","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","validationErrorMessage","metadata"],"mappings":"6HAIaA,MAAAA,EAAkB,IAAMC,KAAKC,MAoB7BC,EAAyBC,IAAkD,CACpFC,UAAWC,OAAON,KAClBO,UAAWH,EAAKG,UAChBC,GAAIC,OAEe,UAAfL,EAAKM,OAAqB,CAAEC,KAAMP,EAAKO,KAAMC,UAAWR,EAAKQ,UAAWC,QAAST,EAAKS,YAEvE,QAAfT,EAAKM,OAAmB,CAAEI,KAAMV,EAAKU,KAAMD,QAAST,EAAKS,YAC1C,QAAfT,EAAKM,OAAmBN,EAAKU,OAASC,GAAwB,CAAEC,QAASZ,EAAKa,YAE/D,SAAfb,EAAKM,OAAoB,CAAEI,KAAMV,EAAKU,KAAMI,OAAQd,EAAKc,OAAQC,OAAQf,EAAKe,WAC/D,SAAff,EAAKM,OAAoBN,EAAKgB,uBAAyB,CAAEA,sBAAuBhB,EAAKgB,sBAAuBC,MAAOjB,EAAKiB,UACzG,SAAfjB,EAAKM,OACLN,EAAKU,OAASQ,GAAkC,CAC5CC,oBAAqBnB,EAAKmB,oBAC1BC,uBAAwBpB,EAAKoB,2BAGjCpB,EAAKqB,UAAY,CAAEA,SAAUrB,EAAKqB"}
+{"version":3,"file":"utils.js","sources":["../../../../src/core/Analytics/utils.ts"],"sourcesContent":["import { AnalyticsObject, CreateAnalyticsObject } from './types';\nimport { ANALYTICS_ACTION_STR, ANALYTICS_VALIDATION_ERROR_STR, errorCodeMapping } from './constants';\nimport uuid from '../../utils/uuid';\nimport { digitsOnlyFormatter } from '../../utils/Formatters/formatters';\nimport { ERROR_FIELD_REQUIRED, ERROR_INVALID_FORMAT_EXPECTS } from '../Errors/constants';\n\nexport const getUTCTimestamp = () => Date.now();\n\n/**\n * All objects for the /checkoutanalytics endpoint have base props:\n *  \"timestamp\" & \"component\"\n *\n * Error objects have, in addition to the base props:\n *  \"code\", \"errorType\" & \"message\"\n *\n * Log objects have, in addition to the base props:\n *  \"message\" & \"type\" &\n *    \"subtype\" (e.g. when an action is handled)\n *\n * Info objects have, in addition to the base props:\n *   \"type\" & \"target\" &\n *     \"isStoredPaymentMethod\" & \"brand\" (when a storedCard is \"selected\"), or,\n *     \"validationErrorCode\" & \"validationErrorMessage\" (when the event is describing a validation error)\n *\n *  All objects can also have a \"metadata\" object of key-value pairs\n */\nexport const createAnalyticsObject = (aObj: CreateAnalyticsObject): AnalyticsObject => ({\n    timestamp: String(getUTCTimestamp()),\n    component: aObj.component,\n    id: uuid(),\n    /** ERROR */\n    ...(aObj.event === 'error' && { code: aObj.code, errorType: aObj.errorType, message: aObj.message }), // error event\n    /** LOG */\n    ...(aObj.event === 'log' && { type: aObj.type, message: aObj.message }), // log event\n    ...(aObj.event === 'log' && aObj.type === ANALYTICS_ACTION_STR && { subType: aObj.subtype }), // only added if we have a log event of Action type\n    /** INFO */\n    ...(aObj.event === 'info' && { type: aObj.type, target: aObj.target }), // info event\n    ...(aObj.event === 'info' && aObj.issuer && { issuer: aObj.issuer }), // relates to issuerLists\n    ...(aObj.event === 'info' && aObj.isStoredPaymentMethod && { isStoredPaymentMethod: aObj.isStoredPaymentMethod, brand: aObj.brand }), // only added if we have an info event about a storedPM\n    ...(aObj.event === 'info' &&\n        aObj.type === ANALYTICS_VALIDATION_ERROR_STR && {\n            validationErrorCode: mapErrorCodesForAnalytics(aObj.validationErrorCode, aObj.target),\n            validationErrorMessage: aObj.validationErrorMessage\n        }), // only added if we have an info event describing a validation error\n    /** All */\n    ...(aObj.metadata && { metadata: aObj.metadata })\n});\n\nconst mapErrorCodesForAnalytics = (errorCode: string, target: string) => {\n    // Some of the more generic error codes required combination with target to retrieve a specific code\n    if (errorCode === ERROR_FIELD_REQUIRED || errorCode === ERROR_INVALID_FORMAT_EXPECTS) {\n        return errorCodeMapping[`${errorCode}.${target}`] ?? errorCode;\n    }\n\n    let errCode = errorCodeMapping[errorCode] ?? errorCode;\n\n    // If errCode isn't now a number - then we just need to remove any non-digits\n    // since the correct error code is already contained within the string e.g. securedField related errors\n    if (isNaN(Number(errCode))) {\n        errCode = digitsOnlyFormatter(errCode);\n    }\n\n    return errCode;\n};\n"],"names":["getUTCTimestamp","Date","now","createAnalyticsObject","aObj","timestamp","String","component","id","uuid","event","code","errorType","message","type","ANALYTICS_ACTION_STR","subType","subtype","target","issuer","isStoredPaymentMethod","brand","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","mapErrorCodesForAnalytics","validationErrorMessage","metadata","errorCode","ERROR_FIELD_REQUIRED","ERROR_INVALID_FORMAT_EXPECTS","errorCodeMapping","errCode","isNaN","Number","digitsOnlyFormatter"],"mappings":"8TAMaA,MAAAA,EAAkB,IAAMC,KAAKC,MAoB7BC,EAAyBC,IAAkD,CACpFC,UAAWC,OAAON,KAClBO,UAAWH,EAAKG,UAChBC,GAAIC,OAEe,UAAfL,EAAKM,OAAqB,CAAEC,KAAMP,EAAKO,KAAMC,UAAWR,EAAKQ,UAAWC,QAAST,EAAKS,YAEvE,QAAfT,EAAKM,OAAmB,CAAEI,KAAMV,EAAKU,KAAMD,QAAST,EAAKS,YAC1C,QAAfT,EAAKM,OAAmBN,EAAKU,OAASC,GAAwB,CAAEC,QAASZ,EAAKa,YAE/D,SAAfb,EAAKM,OAAoB,CAAEI,KAAMV,EAAKU,KAAMI,OAAQd,EAAKc,WAC1C,SAAfd,EAAKM,OAAoBN,EAAKe,QAAU,CAAEA,OAAQf,EAAKe,WACxC,SAAff,EAAKM,OAAoBN,EAAKgB,uBAAyB,CAAEA,sBAAuBhB,EAAKgB,sBAAuBC,MAAOjB,EAAKiB,UACzG,SAAfjB,EAAKM,OACLN,EAAKU,OAASQ,GAAkC,CAC5CC,oBAAqBC,EAA0BpB,EAAKmB,oBAAqBnB,EAAKc,QAC9EO,uBAAwBrB,EAAKqB,2BAGjCrB,EAAKsB,UAAY,CAAEA,SAAUtB,EAAKsB,YAGpCF,EAA4B,CAACG,EAAmBT,KAElD,GAAIS,IAAcC,GAAwBD,IAAcE,EACpD,OAAOC,EAAiB,GAAGH,KAAaT,MAAaS,EAGzD,IAAII,EAAUD,EAAiBH,IAAcA,EAQ7C,OAJIK,MAAMC,OAAOF,MACbA,EAAUG,EAAoBH,IAG3BA,CAAAA"}