@adyen/adyen-web 6.5.1 → 6.6.0

package/dist/es/components/internal/SecuredFields/SFP/SecuredFieldsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecuredFieldsProvider.js","sources":["../../../../../../src/components/internal/SecuredFields/SFP/SecuredFieldsProvider.ts"],"sourcesContent":["import { Component } from 'preact';\nimport { getErrorObject, getFields, getErrorReducer, validFieldsReducer } from './SFPUtils';\nimport initCSF from '../lib/CSF';\nimport handlers from './SecuredFieldsProviderHandlers';\nimport defaultProps from './defaultProps';\nimport { SFPProps, SFPState, SingleBrandResetObject } from './types';\nimport {\n    StylesObject,\n    CbObjOnError,\n    CbObjOnFocus,\n    CbObjOnBrand,\n    CbObjOnAllValid,\n    CbObjOnFieldValid,\n    CbObjOnAutoComplete,\n    CbObjOnConfigSuccess,\n    CbObjOnLoad,\n    SFKeyPressObj\n} from '../lib/types';\nimport { CSFReturnObject, CSFSetupObject } from '../lib/CSF/types';\nimport { CVC_POLICY_REQUIRED, DATE_POLICY_REQUIRED, DEDICATED_CARD_COMPONENTS, ENCRYPTED_CARD_NUMBER, ENCRYPTED_PWD_FIELD } from '../lib/constants';\nimport { BinLookupResponse } from '../../../Card/types';\nimport AdyenCheckoutError from '../../../../core/Errors/AdyenCheckoutError';\nimport { SFStateErrorObj } from '../../../Card/components/CardInput/types';\nimport { getErrorMessageFromCode } from '../../../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\n\n/**\n * SecuredFieldsProvider:\n * Initialises & handles the client-side part of SecuredFields\n */\nclass SecuredFieldsProvider extends Component<SFPProps, SFPState> {\n    private csfLoadFailTimeout: number;\n    private csfLoadFailTimeoutMS: number;\n    private csfConfigFailTimeout: number;\n    private csfConfigFailTimeoutMS: number;\n    private numCharsInField: object;\n    private rootNode;\n    private numDateFields: number;\n    private csf: CSFReturnObject;\n    private handleOnLoad: (obj: CbObjOnLoad) => void;\n    private handleOnConfigSuccess: (obj: CbObjOnConfigSuccess) => void;\n    private handleOnFieldValid: (obj: CbObjOnFieldValid) => void;\n    private handleOnAllValid: (obj: CbObjOnAllValid) => void;\n    private handleOnBrand: (obj: CbObjOnBrand) => void;\n    private handleFocus: (obj: CbObjOnFocus) => void;\n    private handleOnError: (obj: CbObjOnError, hasUnsupportedCard?: boolean) => void;\n    private handleOnAutoComplete: (obj: CbObjOnAutoComplete) => void;\n    private handleOnNoDataRequired: () => void;\n    private handleOnTouchstartIOS: (obj) => void;\n    private handleKeyPressed: (obj: SFKeyPressObj) => void;\n    public state: SFPState;\n    public props;\n    private issuingCountryCode;\n\n    constructor(props: SFPProps) {\n        super(props);\n\n        const stateObj: SFPState = {\n            status: 'loading',\n            brand: props.type,\n            errors: {},\n            valid: {},\n            data: {},\n            cvcPolicy: CVC_POLICY_REQUIRED,\n            expiryDatePolicy: DATE_POLICY_REQUIRED,\n            isSfpValid: false,\n            hasKoreanFields: props.hasKoreanFields\n        };\n        this.state = stateObj;\n\n        this.csfLoadFailTimeout = null;\n        this.csfLoadFailTimeoutMS = 30000;\n\n        this.csfConfigFailTimeout = null;\n        this.csfConfigFailTimeoutMS = 15000;\n\n        this.numCharsInField = {};\n\n        // Handlers\n        this.handleOnLoad = handlers.handleOnLoad.bind(this);\n        this.handleOnConfigSuccess = handlers.handleOnConfigSuccess.bind(this);\n        this.handleOnFieldValid = handlers.handleOnFieldValid.bind(this);\n        this.handleOnAllValid = handlers.handleOnAllValid.bind(this);\n        this.handleOnBrand = handlers.handleOnBrand.bind(this);\n        this.handleFocus = handlers.handleFocus.bind(this);\n        this.handleOnError = handlers.handleOnError.bind(this);\n        this.handleOnNoDataRequired = handlers.handleOnNoDataRequired.bind(this);\n        this.handleOnAutoComplete = handlers.handleOnAutoComplete.bind(this);\n        this.handleOnTouchstartIOS = handlers.handleOnTouchstartIOS.bind(this); // Only called when iOS detected\n        this.handleKeyPressed = handlers.handleKeyPressed.bind(this);\n\n        this.processBinLookupResponse = this.processBinLookupResponse.bind(this);\n\n        // Bindings for functions exposed to users of this component: SecuredFields & CardInput\n        this.setFocusOn = this.setFocusOn.bind(this);\n        this.updateStyles = this.updateStyles.bind(this);\n        this.handleUnsupportedCard = this.handleUnsupportedCard.bind(this);\n        this.showValidation = this.showValidation.bind(this);\n        this.destroy = this.destroy.bind(this);\n    }\n\n    public static defaultProps = defaultProps;\n\n    public componentDidMount(): void {\n        // When SFP instantiated through SecuredFieldsInput c.f. CardInput\n        if (this.props.rootNode) {\n            this.setRootNode(this.props.rootNode);\n        }\n\n        // Find encryptedFields and map them to the values we use to store valid states\n        const fields = getFields(this.rootNode);\n        const valid = fields.reduce(validFieldsReducer, {});\n\n        this.setState({ valid });\n\n        // Populate numCharsInField object\n        fields.forEach(field => {\n            this.numCharsInField[field] = 0;\n        });\n\n        // Store how many dateFields we are dealing with visually\n        this.numDateFields = fields.filter(f => f.match(/Expiry/)).length;\n\n        if (fields.length) {\n            this.destroy(); // TODO test if this solves the React double render problem.\n            this.initializeCSF(this.rootNode);\n        } else {\n            this.handleOnNoDataRequired();\n        }\n    }\n\n    public componentDidUpdate() {\n        this.checkForKCPFields();\n    }\n\n    public componentWillUnmount(): void {\n        this.csf = null;\n        clearTimeout(this.csfLoadFailTimeout);\n        clearTimeout(this.csfConfigFailTimeout);\n    }\n\n    private initializeCSF(root: HTMLElement): void {\n        let loadingContext = this.props.loadingContext;\n\n        // For loading securedFields from local server during development\n        if (process.env.NODE_ENV === 'development' && process.env.__SF_ENV__ !== 'build') {\n            loadingContext = process.env.__SF_ENV__;\n        }\n\n        // TODO\n        // if(!this.props.keypadFix){\n        // send analytics action because to know if anyone *ever* sets this config prop\n        // }\n\n        const csfSetupObj: CSFSetupObject = {\n            rootNode: root,\n            type: this.props.type,\n            clientKey: this.props.clientKey,\n            cardGroupTypes: this.props.brands,\n            autoFocus: this.props.autoFocus,\n            trimTrailingSeparator: this.props.trimTrailingSeparator,\n            loadingContext,\n            keypadFix: this.props.keypadFix,\n            showWarnings: this.props.showWarnings,\n            iframeUIConfig: {\n                sfStyles: this.props.styles\n            },\n            i18n: this.props.i18n,\n            callbacks: {\n                onLoad: this.handleOnLoad,\n                onConfigSuccess: this.handleOnConfigSuccess,\n                onFieldValid: this.handleOnFieldValid,\n                onAllValid: this.handleOnAllValid,\n                onBrand: this.handleOnBrand,\n                onError: this.handleOnError,\n                onFocus: this.handleFocus,\n                onBinValue: this.props.onBinValue,\n                onAutoComplete: this.handleOnAutoComplete,\n                onAdditionalSFConfig: this.props.onAdditionalSFConfig,\n                onAdditionalSFRemoved: this.props.onAdditionalSFRemoved,\n                onTouchstartIOS: this.handleOnTouchstartIOS,\n                onKeyPressed: this.handleKeyPressed\n            },\n            isKCP: this.state.hasKoreanFields,\n            legacyInputMode: this.props.legacyInputMode,\n            minimumExpiryDate: this.props.minimumExpiryDate,\n            implementationType: this.props.implementationType || 'components', // to distinguish between 'regular' and 'custom' card component\n            forceCompat: this.props.forceCompat,\n            maskSecurityCode: this.props.maskSecurityCode,\n            exposeExpiryDate: this.props.exposeExpiryDate,\n            shouldDisableIOSArrowKeys: !!this.props.disableIOSArrowKeys, // convert whether function has been defined into a boolean\n            placeholders: this.props.placeholders ?? {},\n            showContextualElement: this.props.showContextualElement\n        };\n\n        this.csf = initCSF(csfSetupObj);\n\n        /**\n         * Expect to at least have had the handleOnLoad callback called within this time\n         * - if this hasn't happened then something has happened to interrupt the loading of the securedFields\n         * So we need to clear the loading spinner to see if the securedFields are reporting anything\n         */\n        // @ts-ignore - timout 'type' is a number\n        this.csfLoadFailTimeout = setTimeout(() => {\n            if (this.state.status !== 'ready') {\n                // Hide the spinner\n                this.setState({ status: 'csfLoadFailure' });\n                // Report the error\n                this.props.onError(new AdyenCheckoutError('ERROR', 'secured field iframes have failed to load'));\n            }\n        }, this.csfLoadFailTimeoutMS);\n    }\n\n    private checkForKCPFields() {\n        let needsKoreanFields = false;\n        if (this.props.koreanAuthenticationRequired) {\n            needsKoreanFields = this.issuingCountryCode ? this.issuingCountryCode === 'kr' : this.props.countryCode === 'kr';\n        }\n\n        // Was korean, now isn't - hide password field\n        if (this.state.hasKoreanFields && !needsKoreanFields) {\n            // Clear any stored data\n            const setRemovedFieldState = prevState => ({\n                data: { ...prevState.data, [ENCRYPTED_PWD_FIELD]: undefined },\n                valid: { ...prevState.valid, [ENCRYPTED_PWD_FIELD]: false },\n                errors: { ...prevState.errors, [ENCRYPTED_PWD_FIELD]: false },\n                hasKoreanFields: false\n            });\n\n            this.setState(setRemovedFieldState, () => {\n                this.props.onChange(this.state);\n            });\n\n            this.csf.removeSecuredField(ENCRYPTED_PWD_FIELD);\n            this.csf.setKCPStatus(false);\n        }\n\n        // Wasn't korean, now is - show password field\n        if (!this.state.hasKoreanFields && needsKoreanFields) {\n            const setAddedFieldState = prevState => ({\n                valid: { ...prevState.valid, [ENCRYPTED_PWD_FIELD]: false },\n                hasKoreanFields: true,\n                isSfpValid: false\n            });\n\n            this.setState(setAddedFieldState, () => {\n                this.props.onChange(this.state);\n            });\n\n            this.csf.addSecuredField(ENCRYPTED_PWD_FIELD);\n            this.csf.setKCPStatus(true);\n        }\n    }\n\n    public getChildContext(): object {\n        return { i18n: this.props.i18n };\n    }\n\n    public handleUnsupportedCard(errObj: CbObjOnError): boolean {\n        const hasUnsupportedCard = !!errObj.error;\n\n        // Store the brand(s) we detected and which we don't support\n        if (hasUnsupportedCard) {\n            this.setState({ detectedUnsupportedBrands: errObj.detectedBrands });\n        }\n\n        errObj.rootNode = this.rootNode; // Needed for CustomCard\n        this.handleOnError(errObj, hasUnsupportedCard);\n        // Inform CSF that the number field has an unsupportedCard error (or that it has been cleared)\n        if (this.csf) {\n            this.csf.hasUnsupportedCard(ENCRYPTED_CARD_NUMBER, errObj.error);\n        }\n        return hasUnsupportedCard;\n    }\n\n    public setFocusOn(frame: string): void {\n        if (this.csf) this.csf.setFocusOnFrame(frame);\n    }\n\n    public updateStyles(stylesObj: StylesObject): void {\n        if (this.csf) this.csf.updateStyles(stylesObj);\n    }\n\n    public sfIsOptionalOrHidden(fieldType: string): boolean {\n        return this.csf.sfIsOptionalOrHidden(fieldType);\n    }\n\n    public destroy(): void {\n        if (this.csf) this.csf.destroy();\n    }\n\n    public showValidation(): void {\n        const { numDateFields, state }: SecuredFieldsProvider = this;\n\n        Object.keys(state.valid)\n            .reduce(getErrorReducer(numDateFields, state), [])\n            .forEach(field => {\n                // For each detected error pass an error object to the handler (calls error callback & sets state)\n                const errorObj: CbObjOnError = getErrorObject(field, this.rootNode, state);\n                this.handleOnError(errorObj, !!state.detectedUnsupportedBrands);\n                // Inform the secured-fields instance of which fields have been found to have errors\n                if (this.csf && this.csf.isValidated) {\n                    this.csf.isValidated(field, errorObj.error);\n                }\n            });\n    }\n\n    /**\n     * Map SF errors to ValidationRuleResult-like objects, for CardInput component\n     */\n    public mapErrorsToValidationRuleResult(): SFStateErrorObj {\n        const fieldNames: string[] = Object.keys(this.state.errors);\n\n        const sfStateErrorsObj = fieldNames.reduce((acc, fieldName) => {\n            const errorCode = this.state.errors[fieldName];\n            if (errorCode) {\n                acc[fieldName] = {\n                    isValid: false,\n                    errorMessage: getErrorMessageFromCode(errorCode, SF_ErrorCodes), // this is the human-readable, untranslated, explanation of the error that will exist on the error object in card.state.errors\n                    // For v5 the object found in state.errors should also contain the additional properties that used to be sent to the onError callback\n                    // namely: translation, errorCode, a ref to rootNode &, in the case of failed binLookup, an array of the detectedBrands\n                    errorI18n: this.props.i18n.get(errorCode),\n                    error: errorCode,\n                    rootNode: this.rootNode,\n                    ...(this.state.detectedUnsupportedBrands && { detectedBrands: this.state.detectedUnsupportedBrands })\n                };\n            } else {\n                acc[fieldName] = null;\n            }\n            return acc;\n        }, {});\n        return sfStateErrorsObj;\n    }\n\n    public processBinLookupResponse(binLookupResponse: BinLookupResponse, resetObject: SingleBrandResetObject): void {\n        // If we were dealing with an unsupported card & now we have a valid /binLookup response (or a response triggering a reset of the UI),\n        // - reset state to clear the error & the stored unsupportedBrands and, in the case of a valid /binLookup response, inform CSF (via handleUnsupportedCard)\n        // (Scenario: from an unsupportedCard state the shopper has pasted another number long enough to trigger a /binLookup)\n        if (this.state.detectedUnsupportedBrands) {\n            this.setState(prevState => ({\n                errors: { ...prevState.errors, [ENCRYPTED_CARD_NUMBER]: false },\n                detectedUnsupportedBrands: null\n            }));\n\n            // If we have some sort of binLookupResponse object then this isn't the reset caused by digits dropping below a threshold\n            // - so call handleUnsupportedCard to clear the error\n            if (this.csf && binLookupResponse) {\n                const errObj: CbObjOnError = {\n                    type: 'card',\n                    fieldType: 'encryptedCardNumber',\n                    error: ''\n                };\n                this.handleUnsupportedCard(errObj);\n            }\n        }\n\n        this.issuingCountryCode = binLookupResponse?.issuingCountryCode?.toLowerCase();\n\n        const hasBrandedResetObj = resetObject?.brand;\n\n        /**\n         * Are we dealing with a \"dedicated\" card scenario i.e a card component created as: checkout.create('bcmc') but which can accept multiple brands\n         * - in which case we will need to reset brand and pass on the resetObj to CSF\n         */\n        const mustResetDedicatedBrand = hasBrandedResetObj && DEDICATED_CARD_COMPONENTS.includes(resetObject.brand);\n\n        if (mustResetDedicatedBrand) {\n            // resetObject.brand will be the value of the brand whose logo we want to reshow in the UI\n            this.setState(resetObject, () => {\n                this.props.onChange(this.state);\n            });\n        }\n\n        /**\n         * Scenarios:\n         *\n         * - RESET (binLookupResponse === null): The number of digits in number field has dropped below threshold for BIN lookup\n         * - RESULT (binLookupResponse.supportedBrands.length === 1): binLookup has found a result so inform CSF\n         *\n         * In the RESET scenario, for \"dedicated\" card components we also need to pass on the resetObject since this contains information about\n         * the brand that CSF needs to reset to, internally.\n         */\n        if (this.csf) this.csf.brandsFromBinLookup(binLookupResponse, mustResetDedicatedBrand ? resetObject : null);\n    }\n\n    private setRootNode = (input: HTMLElement): void => {\n        this.rootNode = input;\n    };\n\n    public render(props, state) {\n        return props.render({ setRootNode: this.setRootNode, setFocusOn: this.setFocusOn }, state);\n    }\n}\n\nexport default SecuredFieldsProvider;\n"],"names":["SecuredFieldsProvider","Component","componentDidMount","this","props","rootNode","setRootNode","fields","getFields","valid","reduce","validFieldsReducer","setState","forEach","field","numCharsInField","numDateFields","filter","f","match","length","destroy","initializeCSF","handleOnNoDataRequired","componentDidUpdate","checkForKCPFields","componentWillUnmount","csf","clearTimeout","csfLoadFailTimeout","csfConfigFailTimeout","root","loadingContext","csfSetupObj","type","clientKey","cardGroupTypes","brands","autoFocus","trimTrailingSeparator","keypadFix","showWarnings","iframeUIConfig","sfStyles","styles","i18n","callbacks","onLoad","handleOnLoad","onConfigSuccess","handleOnConfigSuccess","onFieldValid","handleOnFieldValid","onAllValid","handleOnAllValid","onBrand","handleOnBrand","onError","handleOnError","onFocus","handleFocus","onBinValue","onAutoComplete","handleOnAutoComplete","onAdditionalSFConfig","onAdditionalSFRemoved","onTouchstartIOS","handleOnTouchstartIOS","onKeyPressed","handleKeyPressed","isKCP","state","hasKoreanFields","legacyInputMode","minimumExpiryDate","implementationType","forceCompat","maskSecurityCode","exposeExpiryDate","shouldDisableIOSArrowKeys","disableIOSArrowKeys","placeholders","showContextualElement","initCSF","setTimeout","status","AdyenCheckoutError","csfLoadFailTimeoutMS","needsKoreanFields","koreanAuthenticationRequired","issuingCountryCode","countryCode","setRemovedFieldState","prevState","data","ENCRYPTED_PWD_FIELD","undefined","errors","onChange","removeSecuredField","setKCPStatus","setAddedFieldState","isSfpValid","addSecuredField","getChildContext","handleUnsupportedCard","errObj","hasUnsupportedCard","error","detectedUnsupportedBrands","detectedBrands","ENCRYPTED_CARD_NUMBER","setFocusOn","frame","setFocusOnFrame","updateStyles","stylesObj","sfIsOptionalOrHidden","fieldType","showValidation","Object","keys","getErrorReducer","errorObj","getErrorObject","isValidated","mapErrorsToValidationRuleResult","acc","fieldName","errorCode","isValid","errorMessage","getErrorMessageFromCode","SF_ErrorCodes","errorI18n","get","processBinLookupResponse","binLookupResponse","resetObject","toLowerCase","hasBrandedResetObj","brand","mustResetDedicatedBrand","DEDICATED_CARD_COMPONENTS","includes","brandsFromBinLookup","render","constructor","super","_define_property","csfConfigFailTimeoutMS","input","stateObj","cvcPolicy","CVC_POLICY_REQUIRED","expiryDatePolicy","DATE_POLICY_REQUIRED","handlers","bind","defaultProps"],"mappings":"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"}
+{"version":3,"file":"SecuredFieldsProvider.js","sources":["../../../../../../src/components/internal/SecuredFields/SFP/SecuredFieldsProvider.ts"],"sourcesContent":["import { Component } from 'preact';\nimport { getErrorObject, getFields, getErrorReducer, validFieldsReducer } from './SFPUtils';\nimport initCSF from '../lib/CSF';\nimport handlers from './SecuredFieldsProviderHandlers';\nimport defaultProps from './defaultProps';\nimport { SFPProps, SFPState, SingleBrandResetObject } from './types';\nimport {\n    StylesObject,\n    CbObjOnError,\n    CbObjOnFocus,\n    CbObjOnBrand,\n    CbObjOnAllValid,\n    CbObjOnFieldValid,\n    CbObjOnAutoComplete,\n    CbObjOnConfigSuccess,\n    CbObjOnLoad,\n    SFKeyPressObj\n} from '../lib/types';\nimport { CSFReturnObject, CSFSetupObject } from '../lib/CSF/types';\nimport { CVC_POLICY_REQUIRED, DATE_POLICY_REQUIRED, DEDICATED_CARD_COMPONENTS, ENCRYPTED_CARD_NUMBER, ENCRYPTED_PWD_FIELD } from '../lib/constants';\nimport { BinLookupResponse } from '../../../Card/types';\nimport AdyenCheckoutError from '../../../../core/Errors/AdyenCheckoutError';\nimport { SFStateErrorObj } from '../../../Card/components/CardInput/types';\nimport { getErrorMessageFromCode } from '../../../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\n\n/**\n * SecuredFieldsProvider:\n * Initialises & handles the client-side part of SecuredFields\n */\nclass SecuredFieldsProvider extends Component<SFPProps, SFPState> {\n    private csfLoadFailTimeout: number;\n    private csfLoadFailTimeoutMS: number;\n    private csfConfigFailTimeout: number;\n    private csfConfigFailTimeoutMS: number;\n    private numCharsInField: object;\n    private rootNode;\n    private numDateFields: number;\n    private csf: CSFReturnObject;\n    private handleOnLoad: (obj: CbObjOnLoad) => void;\n    private handleOnConfigSuccess: (obj: CbObjOnConfigSuccess) => void;\n    private handleOnFieldValid: (obj: CbObjOnFieldValid) => void;\n    private handleOnAllValid: (obj: CbObjOnAllValid) => void;\n    private handleOnBrand: (obj: CbObjOnBrand) => void;\n    private handleFocus: (obj: CbObjOnFocus) => void;\n    private handleOnError: (obj: CbObjOnError, hasUnsupportedCard?: boolean) => void;\n    private handleOnAutoComplete: (obj: CbObjOnAutoComplete) => void;\n    private handleOnNoDataRequired: () => void;\n    private handleOnTouchstartIOS: (obj) => void;\n    private handleKeyPressed: (obj: SFKeyPressObj) => void;\n    public state: SFPState;\n    public props;\n    private issuingCountryCode;\n\n    constructor(props: SFPProps) {\n        super(props);\n\n        const stateObj: SFPState = {\n            status: 'loading',\n            brand: props.type,\n            errors: {},\n            valid: {},\n            data: {},\n            cvcPolicy: CVC_POLICY_REQUIRED,\n            expiryDatePolicy: DATE_POLICY_REQUIRED,\n            isSfpValid: false,\n            hasKoreanFields: props.hasKoreanFields\n        };\n        this.state = stateObj;\n\n        this.csfLoadFailTimeout = null;\n        this.csfLoadFailTimeoutMS = 30000;\n\n        this.csfConfigFailTimeout = null;\n        this.csfConfigFailTimeoutMS = 15000;\n\n        this.numCharsInField = {};\n\n        // Handlers\n        this.handleOnLoad = handlers.handleOnLoad.bind(this);\n        this.handleOnConfigSuccess = handlers.handleOnConfigSuccess.bind(this);\n        this.handleOnFieldValid = handlers.handleOnFieldValid.bind(this);\n        this.handleOnAllValid = handlers.handleOnAllValid.bind(this);\n        this.handleOnBrand = handlers.handleOnBrand.bind(this);\n        this.handleFocus = handlers.handleFocus.bind(this);\n        this.handleOnError = handlers.handleOnError.bind(this);\n        this.handleOnNoDataRequired = handlers.handleOnNoDataRequired.bind(this);\n        this.handleOnAutoComplete = handlers.handleOnAutoComplete.bind(this);\n        this.handleOnTouchstartIOS = handlers.handleOnTouchstartIOS.bind(this); // Only called when iOS detected\n        this.handleKeyPressed = handlers.handleKeyPressed.bind(this);\n\n        this.processBinLookupResponse = this.processBinLookupResponse.bind(this);\n\n        // Bindings for functions exposed to users of this component: SecuredFields & CardInput\n        this.setFocusOn = this.setFocusOn.bind(this);\n        this.updateStyles = this.updateStyles.bind(this);\n        this.handleUnsupportedCard = this.handleUnsupportedCard.bind(this);\n        this.showValidation = this.showValidation.bind(this);\n        this.destroy = this.destroy.bind(this);\n    }\n\n    public static defaultProps = defaultProps;\n\n    public componentDidMount(): void {\n        // When SFP instantiated through SecuredFieldsInput c.f. CardInput\n        if (this.props.rootNode) {\n            this.setRootNode(this.props.rootNode);\n        }\n\n        // Find encryptedFields and map them to the values we use to store valid states\n        const fields = getFields(this.rootNode);\n        const valid = fields.reduce(validFieldsReducer, {});\n\n        this.setState({ valid });\n\n        // Populate numCharsInField object\n        fields.forEach(field => {\n            this.numCharsInField[field] = 0;\n        });\n\n        // Store how many dateFields we are dealing with visually\n        this.numDateFields = fields.filter(f => f.match(/Expiry/)).length;\n\n        if (fields.length) {\n            this.destroy(); // TODO test if this solves the React double render problem.\n            this.initializeCSF(this.rootNode);\n        } else {\n            this.handleOnNoDataRequired();\n        }\n    }\n\n    public componentDidUpdate() {\n        this.checkForKCPFields();\n    }\n\n    public componentWillUnmount(): void {\n        this.csf = null;\n        clearTimeout(this.csfLoadFailTimeout);\n        clearTimeout(this.csfConfigFailTimeout);\n    }\n\n    private initializeCSF(root: HTMLElement): void {\n        let loadingContext = this.props.loadingContext;\n\n        // For loading securedFields from local server during development\n        if (process.env.NODE_ENV === 'development' && process.env.__SF_ENV__ !== 'build') {\n            loadingContext = process.env.__SF_ENV__;\n        }\n\n        // TODO\n        // if(!this.props.keypadFix){\n        // send analytics action because to know if anyone *ever* sets this config prop\n        // }\n\n        const csfSetupObj: CSFSetupObject = {\n            rootNode: root,\n            type: this.props.type,\n            clientKey: this.props.clientKey,\n            cardGroupTypes: this.props.brands,\n            autoFocus: this.props.autoFocus,\n            trimTrailingSeparator: this.props.trimTrailingSeparator,\n            loadingContext,\n            keypadFix: this.props.keypadFix,\n            showWarnings: this.props.showWarnings,\n            iframeUIConfig: {\n                sfStyles: this.props.styles\n            },\n            i18n: this.props.i18n,\n            callbacks: {\n                onLoad: this.handleOnLoad,\n                onConfigSuccess: this.handleOnConfigSuccess,\n                onFieldValid: this.handleOnFieldValid,\n                onAllValid: this.handleOnAllValid,\n                onBrand: this.handleOnBrand,\n                onError: this.handleOnError,\n                onFocus: this.handleFocus,\n                onBinValue: this.props.onBinValue,\n                onAutoComplete: this.handleOnAutoComplete,\n                onAdditionalSFConfig: this.props.onAdditionalSFConfig,\n                onAdditionalSFRemoved: this.props.onAdditionalSFRemoved,\n                onTouchstartIOS: this.handleOnTouchstartIOS,\n                onKeyPressed: this.handleKeyPressed\n            },\n            isKCP: this.state.hasKoreanFields,\n            legacyInputMode: this.props.legacyInputMode,\n            minimumExpiryDate: this.props.minimumExpiryDate,\n            implementationType: this.props.implementationType || 'components', // to distinguish between 'regular' and 'custom' card component\n            forceCompat: this.props.forceCompat,\n            maskSecurityCode: this.props.maskSecurityCode,\n            exposeExpiryDate: this.props.exposeExpiryDate,\n            shouldDisableIOSArrowKeys: !!this.props.disableIOSArrowKeys, // convert whether function has been defined into a boolean\n            placeholders: this.props.placeholders ?? {},\n            showContextualElement: this.props.showContextualElement\n        };\n\n        this.csf = initCSF(csfSetupObj);\n\n        /**\n         * Expect to at least have had the handleOnLoad callback called within this time\n         * - if this hasn't happened then something has happened to interrupt the loading of the securedFields\n         * So we need to clear the loading spinner to see if the securedFields are reporting anything\n         */\n        // @ts-ignore - timout 'type' is a number\n        this.csfLoadFailTimeout = setTimeout(() => {\n            if (this.state.status !== 'ready') {\n                // Hide the spinner\n                this.setState({ status: 'csfLoadFailure' });\n                // Report the error\n                this.props.onError(new AdyenCheckoutError('ERROR', 'secured field iframes have failed to load'));\n            }\n        }, this.csfLoadFailTimeoutMS);\n    }\n\n    private checkForKCPFields() {\n        let needsKoreanFields = false;\n        if (this.props.koreanAuthenticationRequired) {\n            needsKoreanFields = this.issuingCountryCode ? this.issuingCountryCode === 'kr' : this.props.countryCode === 'kr';\n        }\n\n        // Was korean, now isn't - hide password field\n        if (this.state.hasKoreanFields && !needsKoreanFields) {\n            // Clear any stored data\n            const setRemovedFieldState = prevState => ({\n                data: { ...prevState.data, [ENCRYPTED_PWD_FIELD]: undefined },\n                valid: { ...prevState.valid, [ENCRYPTED_PWD_FIELD]: false },\n                errors: { ...prevState.errors, [ENCRYPTED_PWD_FIELD]: false },\n                hasKoreanFields: false\n            });\n\n            this.setState(setRemovedFieldState, () => {\n                this.props.onChange(this.state);\n            });\n\n            this.csf.removeSecuredField(ENCRYPTED_PWD_FIELD);\n            this.csf.setKCPStatus(false);\n        }\n\n        // Wasn't korean, now is - show password field\n        if (!this.state.hasKoreanFields && needsKoreanFields) {\n            const setAddedFieldState = prevState => ({\n                valid: { ...prevState.valid, [ENCRYPTED_PWD_FIELD]: false },\n                hasKoreanFields: true,\n                isSfpValid: false\n            });\n\n            this.setState(setAddedFieldState, () => {\n                this.props.onChange(this.state);\n            });\n\n            this.csf.addSecuredField(ENCRYPTED_PWD_FIELD);\n            this.csf.setKCPStatus(true);\n        }\n    }\n\n    public getChildContext(): object {\n        return { i18n: this.props.i18n };\n    }\n\n    public handleUnsupportedCard(errObj: CbObjOnError): boolean {\n        const hasUnsupportedCard = !!errObj.error;\n\n        // Store the brand(s) we detected and which we don't support\n        if (hasUnsupportedCard) {\n            this.setState({ detectedUnsupportedBrands: errObj.detectedBrands });\n        }\n\n        errObj.rootNode = this.rootNode; // Needed for CustomCard\n        this.handleOnError(errObj, hasUnsupportedCard);\n        // Inform CSF that the number field has an unsupportedCard error (or that it has been cleared)\n        if (this.csf) {\n            this.csf.hasUnsupportedCard(ENCRYPTED_CARD_NUMBER, errObj.error);\n        }\n        return hasUnsupportedCard;\n    }\n\n    public setFocusOn(frame: string): void {\n        if (this.csf) this.csf.setFocusOnFrame(frame);\n    }\n\n    public updateStyles(stylesObj: StylesObject): void {\n        if (this.csf) this.csf.updateStyles(stylesObj);\n    }\n\n    public sfIsOptionalOrHidden(fieldType: string): boolean {\n        return this.csf.sfIsOptionalOrHidden(fieldType);\n    }\n\n    public destroy(): void {\n        if (this.csf) this.csf.destroy();\n    }\n\n    public showValidation(): void {\n        const { numDateFields, state }: SecuredFieldsProvider = this;\n\n        Object.keys(state.valid)\n            .reduce(getErrorReducer(numDateFields, state), [])\n            .forEach(field => {\n                // For each detected error pass an error object to the handler (calls error callback & sets state)\n                const errorObj: CbObjOnError = getErrorObject(field, this.rootNode, state);\n                this.handleOnError(errorObj, !!state.detectedUnsupportedBrands);\n                // Inform the secured-fields instance of which fields have been found to have errors\n                if (this.csf && this.csf.isValidated) {\n                    this.csf.isValidated(field, errorObj.error);\n                }\n            });\n    }\n\n    /**\n     * Map SF errors to ValidationRuleResult-like objects, for CardInput component\n     */\n    public mapErrorsToValidationRuleResult(): SFStateErrorObj {\n        const fieldNames: string[] = Object.keys(this.state.errors);\n\n        const sfStateErrorsObj = fieldNames.reduce((acc, fieldName) => {\n            const errorCode = this.state.errors[fieldName];\n            if (errorCode) {\n                acc[fieldName] = {\n                    isValid: false,\n                    errorMessage: getErrorMessageFromCode(errorCode, SF_ErrorCodes), // this is the human-readable, untranslated, explanation of the error that will exist on the error object in card.state.errors\n                    // For v5 the object found in state.errors should also contain the additional properties that used to be sent to the onError callback\n                    // namely: translation, errorCode, a ref to rootNode &, in the case of failed binLookup, an array of the detectedBrands\n                    errorI18n: this.props.i18n.get(errorCode),\n                    error: errorCode,\n                    rootNode: this.rootNode,\n                    ...(this.state.detectedUnsupportedBrands && { detectedBrands: this.state.detectedUnsupportedBrands })\n                };\n            } else {\n                acc[fieldName] = null;\n            }\n            return acc;\n        }, {});\n        return sfStateErrorsObj;\n    }\n\n    public processBinLookupResponse(binLookupResponse: BinLookupResponse, resetObject: SingleBrandResetObject): void {\n        // If we were dealing with an unsupported card & now we have a valid /binLookup response (or a response triggering a reset of the UI),\n        // - reset state to clear the error & the stored unsupportedBrands and, in the case of a valid /binLookup response, inform CSF (via handleUnsupportedCard)\n        // (Scenario: from an unsupportedCard state the shopper has pasted another number long enough to trigger a /binLookup)\n        if (this.state.detectedUnsupportedBrands) {\n            this.setState(prevState => ({\n                errors: { ...prevState.errors, [ENCRYPTED_CARD_NUMBER]: false },\n                detectedUnsupportedBrands: null\n            }));\n\n            // If we have some sort of binLookupResponse object then this isn't the reset caused by digits dropping below a threshold\n            // - so call handleUnsupportedCard to clear the error\n            if (this.csf && binLookupResponse) {\n                const errObj: CbObjOnError = {\n                    type: 'card',\n                    fieldType: 'encryptedCardNumber',\n                    error: ''\n                };\n                this.handleUnsupportedCard(errObj);\n            }\n        }\n\n        this.issuingCountryCode = binLookupResponse?.issuingCountryCode?.toLowerCase();\n\n        const hasBrandedResetObj = resetObject?.brand;\n\n        /**\n         * Are we dealing with a \"dedicated\" card scenario i.e a card component created as: checkout.create('bcmc') but which can accept multiple brands\n         * - in which case we will need to reset brand and pass on the resetObj to CSF\n         */\n        const mustResetDedicatedBrand = hasBrandedResetObj && DEDICATED_CARD_COMPONENTS.includes(resetObject.brand);\n\n        if (mustResetDedicatedBrand) {\n            // resetObject.brand will be the value of the brand whose logo we want to reshow in the UI\n            this.setState(resetObject, () => {\n                this.props.onChange(this.state);\n            });\n        }\n\n        /**\n         * Scenarios:\n         *\n         * - RESET (binLookupResponse === null): The number of digits in number field has dropped below threshold for BIN lookup\n         * - RESULT (binLookupResponse.supportedBrands.length === 1): binLookup has found a result so inform CSF\n         *\n         * In the RESET scenario, for \"dedicated\" card components we also need to pass on the resetObject since this contains information about\n         * the brand that CSF needs to reset to, internally.\n         */\n        if (this.csf) this.csf.brandsFromBinLookup(binLookupResponse, mustResetDedicatedBrand ? resetObject : null);\n    }\n\n    private setRootNode = (input: HTMLElement): void => {\n        this.rootNode = input;\n    };\n\n    public render(props, state) {\n        return props.render({ setRootNode: this.setRootNode, setFocusOn: this.setFocusOn }, state);\n    }\n}\n\nexport default SecuredFieldsProvider;\n"],"names":["SecuredFieldsProvider","Component","componentDidMount","this","props","rootNode","setRootNode","fields","getFields","valid","reduce","validFieldsReducer","setState","forEach","field","numCharsInField","numDateFields","filter","f","match","length","destroy","initializeCSF","handleOnNoDataRequired","componentDidUpdate","checkForKCPFields","componentWillUnmount","csf","clearTimeout","csfLoadFailTimeout","csfConfigFailTimeout","root","loadingContext","csfSetupObj","type","clientKey","cardGroupTypes","brands","autoFocus","trimTrailingSeparator","keypadFix","showWarnings","iframeUIConfig","sfStyles","styles","i18n","callbacks","onLoad","handleOnLoad","onConfigSuccess","handleOnConfigSuccess","onFieldValid","handleOnFieldValid","onAllValid","handleOnAllValid","onBrand","handleOnBrand","onError","handleOnError","onFocus","handleFocus","onBinValue","onAutoComplete","handleOnAutoComplete","onAdditionalSFConfig","onAdditionalSFRemoved","onTouchstartIOS","handleOnTouchstartIOS","onKeyPressed","handleKeyPressed","isKCP","state","hasKoreanFields","legacyInputMode","minimumExpiryDate","implementationType","forceCompat","maskSecurityCode","exposeExpiryDate","shouldDisableIOSArrowKeys","disableIOSArrowKeys","placeholders","showContextualElement","initCSF","setTimeout","status","AdyenCheckoutError","csfLoadFailTimeoutMS","needsKoreanFields","koreanAuthenticationRequired","issuingCountryCode","countryCode","setRemovedFieldState","prevState","data","ENCRYPTED_PWD_FIELD","undefined","errors","onChange","removeSecuredField","setKCPStatus","setAddedFieldState","isSfpValid","addSecuredField","getChildContext","handleUnsupportedCard","errObj","hasUnsupportedCard","error","detectedUnsupportedBrands","detectedBrands","ENCRYPTED_CARD_NUMBER","setFocusOn","frame","setFocusOnFrame","updateStyles","stylesObj","sfIsOptionalOrHidden","fieldType","showValidation","Object","keys","getErrorReducer","errorObj","getErrorObject","isValidated","mapErrorsToValidationRuleResult","acc","fieldName","errorCode","isValid","errorMessage","getErrorMessageFromCode","SF_ErrorCodes","errorI18n","get","processBinLookupResponse","binLookupResponse","resetObject","toLowerCase","hasBrandedResetObj","brand","mustResetDedicatedBrand","DEDICATED_CARD_COMPONENTS","includes","brandsFromBinLookup","render","constructor","super","_define_property","csfConfigFailTimeoutMS","input","stateObj","cvcPolicy","CVC_POLICY_REQUIRED","expiryDatePolicy","DATE_POLICY_REQUIRED","handlers","bind","defaultProps"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport type { AnalyticsInitialEvent, SendAnalyticsObject } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore, AdditionalDetailsData } from '../../../core/types';\nimport type { ComponentMethodsRef, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    ActionHandledReturnObject,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    public elementRef: UIElement;\n\n    public static type = undefined;\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static txVariants: string[] = [];\n\n    constructor(checkout: ICore, props?: P) {\n        super(checkout, props);\n\n        this.core.register(this.constructor as NewableComponent);\n\n        this.submit = this.submit.bind(this);\n        this.setState = this.setState.bind(this);\n        this.onComplete = this.onComplete.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n        this.handleOrder = this.handleOrder.bind(this);\n        this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n        this.handleResponse = this.handleResponse.bind(this);\n        this.setElementStatus = this.setElementStatus.bind(this);\n        this.submitAnalytics = this.submitAnalytics.bind(this);\n        this.makePaymentsCall = this.makePaymentsCall.bind(this);\n        this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n        this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n        this.elementRef = (props && props.elementRef) || this;\n        this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n        this.storeElementRefOnCore(this.props);\n\n        this.onEnterKeyPressed = this.onEnterKeyPressed.bind(this);\n        this.onActionHandled = this.onActionHandled.bind(this);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n        const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n        const paymentMethodsResponseProps = isStoredPaymentMethod\n            ? {}\n            : this.core.paymentMethodsResponse.find(componentProps?.type || this.constructor['type']);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodsResponseProps,\n            ...componentProps\n        };\n\n        const isDropin = assertIsDropin(this as unknown as IDropin);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected storeElementRefOnCore(props?: P) {\n        if (!props?.isDropin) {\n            this.core.storeElementReference(this);\n        }\n    }\n\n    public isAvailable(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    public setState(newState: object): void {\n        this.state = { ...this.state, ...newState };\n        this.onChange();\n    }\n\n    public showValidation(): this {\n        if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n        return this;\n    }\n\n    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    public setStatus(status: UIElementStatus, props?): this {\n        if (this.componentRef?.setStatus) {\n            this.componentRef.setStatus(status, props);\n        }\n        return this;\n    }\n\n    protected onChange(): void {\n        this.props.onChange?.(\n            {\n                data: this.data,\n                isValid: this.isValid,\n                errors: this.state.errors,\n                valid: this.state.valid\n            },\n            this.elementRef\n        );\n    }\n\n    // Only called once, for UIElements (including Dropin), as they are being mounted\n    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n        const sessionId = this.props.session?.id;\n\n        return this.props.modules.analytics.setUp({\n            ...setUpAnalyticsObj,\n            ...(sessionId && { sessionId })\n        });\n    }\n\n    /**\n     * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n     *  - mounted,\n     *  - a PM has been selected\n     *  - onSubmit has been called (as a result of the pay button being pressed)\n     *\n     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n     */\n\n    protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?) {\n        /** Work out what the component's \"type\" is:\n         * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n         * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n         */\n        try {\n            let component = this.constructor['analyticsType'];\n            if (!component) {\n                component = this.constructor['type'] === 'scheme' || this.constructor['type'] === 'bcmc' ? this.constructor['type'] : this.props.type;\n            }\n\n            this.props.modules.analytics.sendAnalytics(component, analyticsObj, uiElementProps);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event. Error:', error);\n        }\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        this.makePaymentsCall()\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch((e: PaymentResponseData | Error) => {\n                if (e instanceof CancelError) {\n                    this.setElementStatus('ready');\n                    return;\n                }\n                this.handleFailedResult(e as PaymentResponseData);\n            });\n    }\n\n    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse> {\n        this.setElementStatus('loading');\n\n        if (this.props.onSubmit) {\n            return this.submitUsingAdvancedFlow();\n        }\n\n        if (this.core.session) {\n            const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n                ? new Promise((resolve, reject) =>\n                      this.props.beforeSubmit(this.data, this.elementRef, {\n                          resolve,\n                          reject: () => reject(new CancelError('beforeSubmitRejected'))\n                      })\n                  )\n                : Promise.resolve(this.data);\n\n            return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n            // Call analytics endpoint\n            this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n            this.props.onSubmit(\n                {\n                    data: this.data,\n                    isValid: this.isValid\n                },\n                this.elementRef,\n                { resolve, reject }\n            );\n        });\n    }\n\n    private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n        this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n\n        // // Uncomment to simulate failed\n        // return {\n        //     resultCode: 'Refused',\n        //     sessionData:\n        //         'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n        //     sessionResult:\n        //         'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n        // };\n    }\n\n    protected onComplete(state): void {\n        if (this.props.onComplete) this.props.onComplete(state, this.elementRef);\n    }\n\n    protected handleError = (error: AdyenCheckoutError): void => {\n        /**\n         * Set status using elementRef, which:\n         * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n         * - If Component, it will set its own status\n         */\n        this.setElementStatus('ready');\n\n        if (this.props.onError) {\n            this.props.onError(error, this.elementRef);\n        }\n    };\n\n    protected handleAdditionalDetails(state: AdditionalDetailsData): void {\n        this.makeAdditionalDetailsCall(state)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    private makeAdditionalDetailsCall(state: AdditionalDetailsData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        if (this.props.onAdditionalDetails) {\n            return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n                this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n            });\n        }\n\n        if (this.core.session) {\n            return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n        try {\n            return await this.core.session.submitDetails(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /details call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement | null {\n        if (!action || !action.type) {\n            if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n                throw new Error(\n                    'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n                        'a \"resultCode\": have you passed in the whole response object by mistake?'\n                );\n            }\n            throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n        }\n\n        const paymentAction = this.core.createFromAction(action, {\n            ...this.elementRef.props,\n            ...props,\n            onAdditionalDetails: this.handleAdditionalDetails\n        });\n\n        if (paymentAction) {\n            this.unmount();\n            return paymentAction.mount(this._node);\n        }\n\n        return null;\n    }\n\n    protected onActionHandled(actionHandledObj: ActionHandledReturnObject) {\n        this.props?.onActionHandled?.({ originalAction: this.props.originalAction, ...actionHandledObj });\n    }\n\n    protected handleOrder = (response: PaymentResponseData): void => {\n        const { order } = response;\n\n        const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    /**\n     * Handles when the payment fails. The payment fails when:\n     * - adv flow: the merchant rejects the payment due to a critical error\n     * - adv flow: the merchant resolves the payment with a failed resultCode\n     * - sessions: a network error occurs when making the payment\n     * - sessions: the payment fails with a failed resultCode\n     *\n     * @param result\n     */\n    protected handleFailedResult = (result?: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('error');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentFailed?.(result, this.elementRef);\n    };\n\n    protected handleSuccessResult = (result: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('success');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentCompleted?.(result, this.elementRef);\n    };\n\n    /**\n     * Handles a /payments or /payments/details response.\n     * The component will handle automatically actions, orders, and final results.\n     *\n     * @param rawResponse -\n     */\n    protected handleResponse(rawResponse: RawPaymentResponse): void {\n        const response = sanitizeResponse(rawResponse);\n\n        if (response.action) {\n            this.elementRef.handleAction(response.action);\n            return;\n        }\n\n        if (response.order?.remainingAmount?.value > 0) {\n            // we don't want to call elementRef here, use the component handler\n            // we do this way so the logic on handlingOrder is associated with payment method\n            this.handleOrder(response);\n            return;\n        }\n\n        this.handleSuccessResult(response);\n    }\n\n    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent) {\n        if (e.key === 'Enter' || e.code === 'Enter') {\n            e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n            this.onEnterKeyPressed(document?.activeElement, this);\n        }\n    }\n\n    /**\n     * Handle Enter key pressed from a UIElement (called via handleKeyPress)\n     * @param obj\n     */\n    protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n        if (this.props.onEnterKeyPressed) {\n            this.props.onEnterKeyPressed(activeElement, component);\n        } else {\n            (activeElement as HTMLElement).blur();\n            this.submit();\n        }\n    }\n\n    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protected _parentInstance\n     * @param options - CoreOptions\n     */\n    public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n        return this.elementRef.core.update(options);\n    }\n\n    public setComponentRef = (ref: ComponentMethodsRef) => {\n        this.componentRef = ref;\n    };\n\n    /**\n     * Get the current validation status of the element\n     */\n    public get isValid(): boolean {\n        return false;\n    }\n\n    /**\n     * Get the element icon URL for the current environment\n     */\n\n    public get icon(): string {\n        const type = this.props.paymentMethodType || this.type;\n        return this.props.icon ?? this.resources.getImage()(type);\n    }\n\n    /**\n     * Get the element's displayable name\n     */\n    public get displayName(): string {\n        const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n        return this.props.name || paymentMethodFromResponse?.name || this.type;\n    }\n\n    /**\n     * Get the element accessible name, used in the aria-label of the button that controls selected payment method\n     */\n    public get accessibleName(): string {\n        return this.displayName;\n    }\n\n    /**\n     * Used to display the second line of a payment method item\n     */\n    get additionalInfo(): string {\n        return null;\n    }\n\n    /**\n     * Return the type of an element\n     */\n    public get type(): string {\n        return this.props.type || this.constructor['type'];\n    }\n\n    /**\n     * Get the payButton component for the current element\n     */\n    protected payButton = (props: PayButtonFunctionProps) => {\n        return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n    };\n\n    /**\n     * Used in the Partial Orders flow.\n     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n     *\n     * @private\n     */\n    protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount) {\n        return new Promise<void | PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return resolve();\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    ...(order && {\n                        order: {\n                            orderData: order.orderData,\n                            pspReference: order.pspReference\n                        }\n                    }),\n                    locale: this.core.options.locale\n                },\n                { resolve, reject }\n            );\n        })\n            .catch(error => {\n                this.handleError(\n                    new AdyenCheckoutError(\n                        'IMPLEMENTATION_ERROR',\n                        'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n                        {\n                            cause: error\n                        }\n                    )\n                );\n            })\n            .then(paymentMethodsResponse => {\n                // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n                // apply the same logic here for order and amount\n                // in the future it might be worth moving this logic to be performed by the core on update()\n                // it would make this more consistent\n                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order ? order.remainingAmount : amount\n                });\n            });\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","buildElementProps","componentProps","finalProps","showPayButton","this","core","getCorePropsForComponent","isStoredPaymentMethod","paymentMethodsResponse","find","type","constructor","isDropin","assertIsDropin","props","formatProps","getRegulatoryDefaults","options","countryCode","storeElementRefOnCore","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","modules","analytics","setUp","submitAnalytics","analyticsObj","uiElementProps","component","sendAnalytics","error","console","warn","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","originalAction","rawResponse","response","order","remainingAmount","value","handleOrder","handleSuccessResult","handleKeyPress","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","update","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","checkout","super","_define_property","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","onPaymentCompleted","setComponentRef","ref","payButton","h","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"mqBA8BO,MAAeA,UAA6DC,EAyC5DC,iBAAAA,CAAkBC,GACjC,MAMMC,EAAa,CACfC,eAAe,KAPKC,KAAKC,KAAKC,gCACFL,GAAgBM,sBAE1C,GACAH,KAAKC,KAAKG,uBAAuBC,KAAKR,GAAgBS,MAAQN,KAAKO,YAAmB,SAMrFV,GAGDW,EAAWC,EAAeT,MAEhCA,KAAKU,MAAQV,KAAKW,YAAY,IACvBX,KAAKO,YAA2B,gBAChCK,EAAsBZ,KAAKC,KAAKY,QAAQC,YAAaN,MACrDV,GAEX,CAEUiB,qBAAAA,CAAsBL,GACvBA,GAAOF,UACRR,KAAKC,KAAKe,sBAAsBhB,KAExC,CAEOiB,WAAAA,GACH,OAAOC,QAAQC,SACnB,CAEOC,QAAAA,CAASC,GACZrB,KAAKsB,MAAQ,IAAKtB,KAAKsB,SAAUD,GACjCrB,KAAKuB,UACT,CAEOC,cAAAA,GAEH,OADIxB,KAAKyB,cAAgBzB,KAAKyB,aAAaD,gBAAgBxB,KAAKyB,aAAaD,iBACtExB,IACX,CAEO0B,gBAAAA,CAAiBC,EAAyBjB,GAE7C,OADAV,KAAK4B,YAAYC,UAAUF,EAAQjB,GAC5BV,IACX,CAEO6B,SAAAA,CAAUF,EAAyBjB,GAItC,OAHIV,KAAKyB,cAAcI,WACnB7B,KAAKyB,aAAaI,UAAUF,EAAQjB,GAEjCV,IACX,CAEUuB,QAAAA,GACNvB,KAAKU,MAAMa,WACP,CACIO,KAAM9B,KAAK8B,KACXC,QAAS/B,KAAK+B,QACdC,OAAQhC,KAAKsB,MAAMU,OACnBC,MAAOjC,KAAKsB,MAAMW,OAEtBjC,KAAK4B,WAEb,CAGUM,cAAAA,CAAeC,GACrB,MAAMC,EAAYpC,KAAKU,MAAM2B,SAASC,GAEtC,OAAOtC,KAAKU,MAAM6B,QAAQC,UAAUC,MAAM,IACnCN,KACCC,GAAa,CAAEA,cAE3B,CAWA,eAAAM,CAA0BC,EAAmCC,GAKzD,IACI,IAAIC,EAAY7C,KAAKO,YAA4B,cAC5CsC,IACDA,EAAyC,WAA7B7C,KAAKO,YAAY,MAAqD,SAA7BP,KAAKO,YAAY,KAAqBP,KAAKO,YAAY,KAAUP,KAAKU,MAAMJ,MAGrIN,KAAKU,MAAM6B,QAAQC,UAAUM,cAAcD,EAAWF,EAAcC,EACxE,CAAE,MAAOG,GACLC,QAAQC,KAAK,+CAAgDF,EACjE,CACJ,CAEOG,MAAAA,GACElD,KAAK+B,QAKV/B,KAAKmD,mBACAC,KAAKC,GACLD,KAAKE,GACLF,KAAKpD,KAAKuD,gBACVC,OAAOC,IACAA,aAAaC,EACb1D,KAAK0B,iBAAiB,SAG1B1B,KAAK2D,mBAAmBF,EAAAA,IAb5BzD,KAAKwB,gBAeb,CAEU2B,gBAAAA,GAGN,GAFAnD,KAAK0B,iBAAiB,WAElB1B,KAAKU,MAAMkD,SACX,OAAO5D,KAAK6D,0BAGhB,GAAI7D,KAAKC,KAAKoC,QAAS,CAUnB,OATgDrC,KAAKU,MAAMoD,aACrD,IAAI5C,SAAQ,CAACC,EAAS4C,IAClB/D,KAAKU,MAAMoD,aAAa9D,KAAK8B,KAAM9B,KAAK4B,WAAY,CAChDT,UACA4C,OAAQ,IAAMA,EAAO,IAAIL,EAAY,6BAG7CxC,QAAQC,QAAQnB,KAAK8B,OAEFsB,KAAKpD,KAAKgE,wBACvC,CAEAhE,KAAKiE,YACD,IAAIC,EACA,uBACA,0GAGZ,CAEA,6BAAcL,GACV,OAAO,IAAI3C,SAAsC,CAACC,EAAS4C,KAEvD/D,KAAK0C,gBAAgB,CAAEpC,KAAM6D,IAE7BnE,KAAKU,MAAMkD,SACP,CACI9B,KAAM9B,KAAK8B,KACXC,QAAS/B,KAAK+B,SAElB/B,KAAK4B,WACL,CAAET,UAAS4C,UAAO,GAG9B,CAEA,6BAAcC,CAAwBlC,GAClC9B,KAAK0C,gBAAgB,CAAEpC,KAAM6D,IAE7B,IACI,aAAanE,KAAKC,KAAKoC,QAAQ+B,cAActC,EACjD,CAAE,MAAOiB,GAIL,OAHIA,aAAiBmB,EAAoBlE,KAAKiE,YAAYlB,GACrD/C,KAAKiE,YAAY,IAAIC,EAAmB,QAAS,mCAAoC,CAAEG,MAAOtB,KAE5F7B,QAAQ6C,OAAOhB,EAC1B,CAUJ,CAEUuB,UAAAA,CAAWhD,GACbtB,KAAKU,MAAM4D,YAAYtE,KAAKU,MAAM4D,WAAWhD,EAAOtB,KAAK4B,WACjE,CAeU2C,uBAAAA,CAAwBjD,GAC9BtB,KAAKwE,0BAA0BlD,GAC1B8B,KAAKC,GACLD,KAAKE,GACLF,KAAKpD,KAAKuD,gBACVC,MAAMxD,KAAK2D,mBACpB,CAEQa,yBAAAA,CAA0BlD,GAC9B,OAAItB,KAAKU,MAAM+D,oBACJ,IAAIvD,SAAsC,CAACC,EAAS4C,KACvD/D,KAAKU,MAAM+D,oBAAoBnD,EAAOtB,KAAK4B,WAAY,CAAET,UAAS4C,UAAO,IAI7E/D,KAAKC,KAAKoC,QACHrC,KAAK0E,yCAAyCpD,EAAMQ,WAG/D9B,KAAKiE,YACD,IAAIC,EACA,uBACA,6HAGZ,CAEA,8CAAcQ,CAAyC5C,GACnD,IACI,aAAa9B,KAAKC,KAAKoC,QAAQsC,cAAc7C,EACjD,CAAE,MAAOiB,GAIL,OAHIA,aAAiBmB,EAAoBlE,KAAKiE,YAAYlB,GACrD/C,KAAKiE,YAAY,IAAIC,EAAmB,QAAS,kCAAmC,CAAEG,MAAOtB,KAE3F7B,QAAQ6C,OAAOhB,EAC1B,CACJ,CAEO6B,YAAAA,CAAaC,EAAuBnE,EAAQ,IAC/C,IAAKmE,IAAWA,EAAOvE,KAAM,CACzB,GAAIwE,EAAeD,EAAQ,WAAaC,EAAeD,EAAQ,cAC3D,MAAM,IAAIE,MACN,wKAIR,MAAM,IAAIA,MAAM,0FACpB,CAEA,MAAMC,EAAgBhF,KAAKC,KAAKgF,iBAAiBJ,EAAQ,IAClD7E,KAAK4B,WAAWlB,SAChBA,EACH+D,oBAAqBzE,KAAKuE,0BAG9B,OAAIS,GACAhF,KAAKkF,UACEF,EAAcG,MAAMnF,KAAKoF,QAG7B,IACX,CAEUC,eAAAA,CAAgBC,GACtBtF,KAAKU,OAAO2E,kBAAkB,CAAEE,eAAgBvF,KAAKU,MAAM6E,kBAAmBD,GAClF,CA6CU/B,cAAAA,CAAeiC,GACrB,MAAMC,EAAWpC,EAAiBmC,GAE9BC,EAASZ,OACT7E,KAAK4B,WAAWgD,aAAaa,EAASZ,QAItCY,EAASC,OAAOC,iBAAiBC,MAAQ,EAGzC5F,KAAK6F,YAAYJ,GAIrBzF,KAAK8F,oBAAoBL,EAC7B,CAEUM,cAAAA,CAAetC,GACP,UAAVA,EAAEuC,KAA8B,UAAXvC,EAAEwC,OACvBxC,EAAEyC,iBAEFlG,KAAKmG,kBAAkBC,UAAUC,cAAerG,MAExD,CAMA,iBAAAmG,CAA4BE,EAAwBxD,GAC5C7C,KAAKU,MAAMyF,kBACXnG,KAAKU,MAAMyF,kBAAkBE,EAAexD,IAE3CwD,EAA8BC,OAC/BtG,KAAKkD,SAEb,CAOA,YAAAqD,CAAoB1F,EAA6B,IAC7C,OAAOb,KAAK4B,WAAW3B,KAAKuG,OAAO3F,EACvC,CASA,WAAWkB,GACP,OAAO,CACX,CAMA,QAAW0E,GACP,MAAMnG,EAAON,KAAKU,MAAMgG,mBAAqB1G,KAAKM,KAClD,OAAON,KAAKU,MAAM+F,MAAQzG,KAAK2G,UAAUC,UAAf5G,CAA0BM,EACxD,CAKA,eAAWuG,GACP,MAAMC,EAA4B9G,KAAKC,KAAKG,wBAAwB2G,gBAAgB1G,MAAK2G,GAAMA,EAAG1G,OAASN,KAAKM,OAChH,OAAON,KAAKU,MAAMuG,MAAQH,GAA2BG,MAAQjH,KAAKM,IACtE,CAKA,kBAAW4G,GACP,OAAOlH,KAAK6G,WAChB,CAKA,kBAAIM,GACA,OAAO,IACX,CAKA,QAAW7G,GACP,OAAON,KAAKU,MAAMJ,MAAQN,KAAKO,YAAmB,IACtD,CAeA,2CAAgB6G,CAAsC1B,EAAqB2B,GACvE,OAAO,IAAInG,SAAuC,CAACC,EAAS4C,KACxD,IAAK/D,KAAKU,MAAM4G,wBACZ,OAAOnG,IAGXnB,KAAKU,MAAM4G,wBACP,IACQ5B,GAAS,CACTA,MAAO,CACH6B,UAAW7B,EAAM6B,UACjBC,aAAc9B,EAAM8B,eAG5BC,OAAQzH,KAAKC,KAAKY,QAAQ4G,QAE9B,CAAEtG,UAAS4C,UAAO,IAGrBP,OAAMT,IACH/C,KAAKiE,YACD,IAAIC,EACA,uBACA,gGACA,CACIG,MAAOtB,IACX,IAIXK,MAAKhD,GAKKJ,KAAKC,KAAKuG,OAAO,IAChBpG,GAA0B,CAAEA,0BAChCsF,QACA2B,OAAQ3B,EAAQA,EAAMC,gBAAkB0B,KAGxD,CA7eA9G,WAAAA,CAAYmH,EAAiBhH,GACzBiH,MAAMD,EAAUhH,GAdpBkH,EAAA5H,KAAUyB,oBAAV,GAEAmG,EAAA5H,KAAU2G,iBAAV,GAEAiB,EAAA5H,KAAO4B,kBAAP,GAoOAgG,EAAA5H,KAAUiE,eAAelB,IAMrB/C,KAAK0B,iBAAiB,SAElB1B,KAAKU,MAAMmH,SACX7H,KAAKU,MAAMmH,QAAQ9E,EAAO/C,KAAK4B,WACnC,IAsEJgG,EAAA5H,KAAU6F,eAAeJ,IACrB,MAAMC,MAAEA,GAAUD,GAEQzF,KAAKC,KAAKoC,QAAUrC,KAAKC,KAAKuG,OAAO,CAAEd,UAAW1F,KAAKoH,sCAAsC1B,IAEhGtC,MAAK,KACxBpD,KAAKU,MAAMoH,iBAAiB,CAAEpC,SAAM,GACxC,IAYJkC,EAAA5H,KAAU2D,sBAAsBoE,IACxBtH,EAAeT,KAAK4B,aACpB5B,KAAK4B,WAAWoG,sBAAsB,SAG1CC,EAAmBF,GACnB/H,KAAKU,MAAMwH,kBAAkBH,EAAQ/H,KAAK4B,WAAU,IAGxDgG,EAAA5H,KAAU8F,uBAAuBiC,IACzBtH,EAAeT,KAAK4B,aACpB5B,KAAK4B,WAAWoG,sBAAsB,WAG1CC,EAAmBF,GACnB/H,KAAKU,MAAMyH,qBAAqBJ,EAAQ/H,KAAK4B,WAAU,IAyD3DgG,EAAA5H,KAAOoI,mBAAmBC,IACtBrI,KAAKyB,aAAe4G,CAAAA,IAmDxBT,EAAA5H,KAAUsI,aAAa5H,GACZ6H,EAACC,EAAAA,IAAc9H,EAAO2G,OAAQrH,KAAKU,MAAM2G,OAAQoB,gBAAiBzI,KAAKU,MAAM+H,gBAAiBC,QAAS1I,KAAKkD,WAxbnHlD,KAAKC,KAAK0I,SAAS3I,KAAKO,aAExBP,KAAKkD,OAASlD,KAAKkD,OAAO0F,KAAK5I,MAC/BA,KAAKoB,SAAWpB,KAAKoB,SAASwH,KAAK5I,MACnCA,KAAKsE,WAAatE,KAAKsE,WAAWsE,KAAK5I,MACvCA,KAAK4E,aAAe5E,KAAK4E,aAAagE,KAAK5I,MAC3CA,KAAK6F,YAAc7F,KAAK6F,YAAY+C,KAAK5I,MACzCA,KAAKuE,wBAA0BvE,KAAKuE,wBAAwBqE,KAAK5I,MACjEA,KAAKuD,eAAiBvD,KAAKuD,eAAeqF,KAAK5I,MAC/CA,KAAK0B,iBAAmB1B,KAAK0B,iBAAiBkH,KAAK5I,MACnDA,KAAK0C,gBAAkB1C,KAAK0C,gBAAgBkG,KAAK5I,MACjDA,KAAKmD,iBAAmBnD,KAAKmD,iBAAiByF,KAAK5I,MACnDA,KAAKwE,0BAA4BxE,KAAKwE,0BAA0BoE,KAAK5I,MACrEA,KAAKgE,wBAA0BhE,KAAKgE,wBAAwB4E,KAAK5I,MAEjEA,KAAK4B,WAAclB,GAASA,EAAMkB,YAAe5B,KACjDA,KAAK2G,UAAY3G,KAAKU,MAAM6B,QAAUvC,KAAKU,MAAM6B,QAAQoE,eAAYkC,EAErE7I,KAAKe,sBAAsBf,KAAKU,OAEhCV,KAAKmG,kBAAoBnG,KAAKmG,kBAAkByC,KAAK5I,MACrDA,KAAKqF,gBAAkBrF,KAAKqF,gBAAgBuD,KAAK5I,KACrD,EAhCA4H,EAPkBlI,EAOJY,YAAOuI,GAKrBjB,EAZkBlI,EAYJoJ,aAAuB"}
+{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport type { AnalyticsInitialEvent, SendAnalyticsObject } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore, AdditionalDetailsData } from '../../../core/types';\nimport type { ComponentMethodsRef, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    ActionHandledReturnObject,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentResponse\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\n\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    public elementRef: UIElement;\n\n    public static type = undefined;\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static txVariants: string[] = [];\n\n    constructor(checkout: ICore, props?: P) {\n        super(checkout, props);\n\n        this.core.register(this.constructor as NewableComponent);\n\n        this.submit = this.submit.bind(this);\n        this.setState = this.setState.bind(this);\n        this.onComplete = this.onComplete.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n        this.handleOrder = this.handleOrder.bind(this);\n        this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n        this.handleResponse = this.handleResponse.bind(this);\n        this.setElementStatus = this.setElementStatus.bind(this);\n        this.submitAnalytics = this.submitAnalytics.bind(this);\n        this.makePaymentsCall = this.makePaymentsCall.bind(this);\n        this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n        this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n        this.elementRef = (props && props.elementRef) || this;\n        this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n        this.storeElementRefOnCore(this.props);\n\n        this.onEnterKeyPressed = this.onEnterKeyPressed.bind(this);\n        this.onActionHandled = this.onActionHandled.bind(this);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n        const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n        const paymentMethodsResponseProps = isStoredPaymentMethod\n            ? {}\n            : this.core.paymentMethodsResponse.find(componentProps?.type || this.constructor['type']);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodsResponseProps,\n            ...componentProps\n        };\n\n        const isDropin = assertIsDropin(this as unknown as IDropin);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected storeElementRefOnCore(props?: P) {\n        if (!props?.isDropin) {\n            this.core.storeElementReference(this);\n        }\n    }\n\n    public isAvailable(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    public setState(newState: object): void {\n        this.state = { ...this.state, ...newState };\n        this.onChange();\n    }\n\n    public showValidation(): this {\n        if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n        return this;\n    }\n\n    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    public setStatus(status: UIElementStatus, props?): this {\n        if (this.componentRef?.setStatus) {\n            this.componentRef.setStatus(status, props);\n        }\n        return this;\n    }\n\n    protected onChange(): void {\n        this.props.onChange?.(\n            {\n                data: this.data,\n                isValid: this.isValid,\n                errors: this.state.errors,\n                valid: this.state.valid\n            },\n            this.elementRef\n        );\n    }\n\n    // Only called once, for UIElements (including Dropin), as they are being mounted\n    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n        const sessionId = this.props.session?.id;\n\n        return this.props.modules.analytics.setUp({\n            ...setUpAnalyticsObj,\n            ...(sessionId && { sessionId })\n        });\n    }\n\n    /**\n     * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n     *  - mounted,\n     *  - a PM has been selected\n     *  - onSubmit has been called (as a result of the pay button being pressed)\n     *\n     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n     */\n\n    protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?) {\n        /** Work out what the component's \"type\" is:\n         * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n         * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n         */\n        try {\n            this.props.modules.analytics.sendAnalytics(this.getComponent(analyticsObj), analyticsObj, uiElementProps);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event. Error:', error);\n        }\n    }\n\n    private getComponent({ component }: SendAnalyticsObject): string {\n        if (component) {\n            return component;\n        }\n        if (this.constructor['analyticsType']) {\n            return this.constructor['analyticsType'];\n        }\n        if (this.constructor['type'] === 'scheme' || this.constructor['type'] === 'bcmc') {\n            return this.constructor['type'];\n        }\n        return this.props.type;\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        this.makePaymentsCall()\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch((e: PaymentResponseData | Error) => {\n                if (e instanceof CancelError) {\n                    this.setElementStatus('ready');\n                    return;\n                }\n                this.handleFailedResult(e as PaymentResponseData);\n            });\n    }\n\n    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse> {\n        this.setElementStatus('loading');\n\n        if (this.props.onSubmit) {\n            return this.submitUsingAdvancedFlow();\n        }\n\n        if (this.core.session) {\n            const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n                ? new Promise((resolve, reject) =>\n                      this.props.beforeSubmit(this.data, this.elementRef, {\n                          resolve,\n                          reject: () => reject(new CancelError('beforeSubmitRejected'))\n                      })\n                  )\n                : Promise.resolve(this.data);\n\n            return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n            // Call analytics endpoint\n            this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n            this.props.onSubmit(\n                {\n                    data: this.data,\n                    isValid: this.isValid\n                },\n                this.elementRef,\n                { resolve, reject }\n            );\n        });\n    }\n\n    private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n        this.submitAnalytics({ type: ANALYTICS_SUBMIT_STR });\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n\n        // // Uncomment to simulate failed\n        // return {\n        //     resultCode: 'Refused',\n        //     sessionData:\n        //         'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n        //     sessionResult:\n        //         'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n        // };\n    }\n\n    protected onComplete(state): void {\n        if (this.props.onComplete) this.props.onComplete(state, this.elementRef);\n    }\n\n    protected handleError = (error: AdyenCheckoutError): void => {\n        /**\n         * Set status using elementRef, which:\n         * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n         * - If Component, it will set its own status\n         */\n        this.setElementStatus('ready');\n\n        if (this.props.onError) {\n            this.props.onError(error, this.elementRef);\n        }\n    };\n\n    protected handleAdditionalDetails(state: AdditionalDetailsData): void {\n        this.makeAdditionalDetailsCall(state)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    private makeAdditionalDetailsCall(state: AdditionalDetailsData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        if (this.props.onAdditionalDetails) {\n            return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n                this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n            });\n        }\n\n        if (this.core.session) {\n            return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n        try {\n            return await this.core.session.submitDetails(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /details call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement | null {\n        if (!action || !action.type) {\n            if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n                throw new Error(\n                    'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n                        'a \"resultCode\": have you passed in the whole response object by mistake?'\n                );\n            }\n            throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n        }\n\n        const paymentAction = this.core.createFromAction(action, {\n            ...this.elementRef.props,\n            ...props,\n            onAdditionalDetails: this.handleAdditionalDetails\n        });\n\n        if (paymentAction) {\n            this.unmount();\n            return paymentAction.mount(this._node);\n        }\n\n        return null;\n    }\n\n    protected onActionHandled(actionHandledObj: ActionHandledReturnObject) {\n        this.props?.onActionHandled?.({ originalAction: this.props.originalAction, ...actionHandledObj });\n    }\n\n    protected handleOrder = (response: PaymentResponseData): void => {\n        const { order } = response;\n\n        const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    /**\n     * Handles when the payment fails. The payment fails when:\n     * - adv flow: the merchant rejects the payment due to a critical error\n     * - adv flow: the merchant resolves the payment with a failed resultCode\n     * - sessions: a network error occurs when making the payment\n     * - sessions: the payment fails with a failed resultCode\n     *\n     * @param result\n     */\n    protected handleFailedResult = (result?: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('error');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentFailed?.(result, this.elementRef);\n    };\n\n    protected handleSuccessResult = (result: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('success');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentCompleted?.(result, this.elementRef);\n    };\n\n    /**\n     * Handles a /payments or /payments/details response.\n     * The component will handle automatically actions, orders, and final results.\n     *\n     * @param rawResponse -\n     */\n    protected handleResponse(rawResponse: RawPaymentResponse): void {\n        const response = sanitizeResponse(rawResponse);\n\n        if (response.action) {\n            this.elementRef.handleAction(response.action);\n            return;\n        }\n\n        if (response.order?.remainingAmount?.value > 0) {\n            // we don't want to call elementRef here, use the component handler\n            // we do this way so the logic on handlingOrder is associated with payment method\n            this.handleOrder(response);\n            return;\n        }\n\n        this.handleSuccessResult(response);\n    }\n\n    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent) {\n        if (e.key === 'Enter' || e.code === 'Enter') {\n            e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n            this.onEnterKeyPressed(document?.activeElement, this);\n        }\n    }\n\n    /**\n     * Handle Enter key pressed from a UIElement (called via handleKeyPress)\n     * @param obj\n     */\n    protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n        if (this.props.onEnterKeyPressed) {\n            this.props.onEnterKeyPressed(activeElement, component);\n        } else {\n            (activeElement as HTMLElement).blur();\n            this.submit();\n        }\n    }\n\n    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protected _parentInstance\n     * @param options - CoreOptions\n     */\n    public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n        return this.elementRef.core.update(options);\n    }\n\n    public setComponentRef = (ref: ComponentMethodsRef) => {\n        this.componentRef = ref;\n    };\n\n    /**\n     * Get the current validation status of the element\n     */\n    public get isValid(): boolean {\n        return false;\n    }\n\n    /**\n     * Get the element icon URL for the current environment\n     */\n\n    public get icon(): string {\n        const type = this.props.paymentMethodType || this.type;\n        return this.props.icon ?? this.resources.getImage()(type);\n    }\n\n    /**\n     * Get the element's displayable name\n     */\n    public get displayName(): string {\n        const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n        return this.props.name || paymentMethodFromResponse?.name || this.type;\n    }\n\n    /**\n     * Get the element accessible name, used in the aria-label of the button that controls selected payment method\n     */\n    public get accessibleName(): string {\n        return this.displayName;\n    }\n\n    /**\n     * Used to display the second line of a payment method item\n     */\n    get additionalInfo(): string {\n        return null;\n    }\n\n    /**\n     * Return the type of an element\n     */\n    public get type(): string {\n        return this.props.type || this.constructor['type'];\n    }\n\n    /**\n     * Get the payButton component for the current element\n     */\n    protected payButton = (props: PayButtonFunctionProps) => {\n        return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n    };\n\n    /**\n     * Used in the Partial Orders flow.\n     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n     *\n     * @private\n     */\n    protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount) {\n        return new Promise<void | PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return resolve();\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    ...(order && {\n                        order: {\n                            orderData: order.orderData,\n                            pspReference: order.pspReference\n                        }\n                    }),\n                    locale: this.core.options.locale\n                },\n                { resolve, reject }\n            );\n        })\n            .catch(error => {\n                this.handleError(\n                    new AdyenCheckoutError(\n                        'IMPLEMENTATION_ERROR',\n                        'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n                        {\n                            cause: error\n                        }\n                    )\n                );\n            })\n            .then(paymentMethodsResponse => {\n                // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n                // apply the same logic here for order and amount\n                // in the future it might be worth moving this logic to be performed by the core on update()\n                // it would make this more consistent\n                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order ? order.remainingAmount : amount\n                });\n            });\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","buildElementProps","componentProps","finalProps","showPayButton","this","core","getCorePropsForComponent","isStoredPaymentMethod","paymentMethodsResponse","find","type","constructor","isDropin","assertIsDropin","props","formatProps","getRegulatoryDefaults","options","countryCode","storeElementRefOnCore","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","modules","analytics","setUp","submitAnalytics","analyticsObj","uiElementProps","sendAnalytics","getComponent","error","console","warn","component","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","ANALYTICS_SUBMIT_STR","submitPayment","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","originalAction","rawResponse","response","order","remainingAmount","value","handleOrder","handleSuccessResult","handleKeyPress","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","update","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","checkout","super","_define_property","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","onPaymentCompleted","setComponentRef","ref","payButton","h","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"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"}

package/dist/es/components/tx-variants.js

@@ -1,2 +1,2 @@
-var a;!function(a){a.address="address",a.bankTransfer_IBAN="bankTransfer_IBAN",a.donation="donation",a.personal_details="personal_details",a.dropin="dropin",a.bcmc="bcmc",a.card="card",a.scheme="scheme",a.storedCard="storedCard",a.customCard="customcard",a.threeDS2Challenge="threeDS2Challenge",a.threeDS2Fingerprint="threeDS2Fingerprint",a.threeDS2DeviceFingerprint="threeDS2DeviceFingerprint",a.ach="ach",a.directdebit_GB="directdebit_GB",a.sepadirectdebit="sepadirectdebit",a.affirm="affirm",a.afterpay="afterpay",a.afterpay_default="afterpay_default",a.afterpay_b2b="afterpay_b2b",a.atome="atome",a.facilypay_3x="facilypay_3x",a.facilypay_4x="facilypay_4x",a.facilypay_6x="facilypay_6x",a.facilypay_10x="facilypay_10x",a.facilypay_12x="facilypay_12x",a.ratepay="ratepay",a.ratepay_directdebit="ratepay_directdebit",a.riverty="riverty",a.amazonpay="amazonpay",a.applepay="applepay",a.cashapp="cashapp",a.clicktopay="clicktopay",a.googlepay="googlepay",a.paypal="paypal",a.paywithgoogle="paywithgoogle",a.boletobancario="boletobancario",a.boletobancario_itau="boletobancario_itau",a.boletobancario_santander="boletobancario_santander",a.primeiropay_boleto="primeiropay_boleto",a.doku="doku",a.doku_alfamart="doku_alfamart",a.doku_permata_lite_atm="doku_permata_lite_atm",a.doku_indomaret="doku_indomaret",a.doku_atm_mandiri_va="doku_atm_mandiri_va",a.doku_sinarmas_va="doku_sinarmas_va",a.doku_mandiri_va="doku_mandiri_va",a.doku_cimb_va="doku_cimb_va",a.doku_danamon_va="doku_danamon_va",a.doku_bri_va="doku_bri_va",a.doku_bni_va="doku_bni_va",a.doku_bca_va="doku_bca_va",a.doku_wallet="doku_wallet",a.oxxo="oxxo",a.billdesk_online="billdesk_online",a.billdesk_wallet="billdesk_wallet",a.dotpay="dotpay",a.eps="eps",a.molpay_ebanking_fpx_MY="molpay_ebanking_fpx_MY",a.molpay_ebanking_TH="molpay_ebanking_TH",a.molpay_ebanking_VN="molpay_ebanking_VN",a.onlineBanking_CZ="onlineBanking_CZ",a.onlinebanking_IN="onlinebanking_IN",a.onlineBanking_PL="onlineBanking_PL",a.onlineBanking_SK="onlineBanking_SK",a.paybybank="paybybank",a.payu_IN_cashcard="payu_IN_cashcard",a.payu_IN_nb="payu_IN_nb",a.wallet_IN="wallet_IN",a.dragonpay="dragonpay",a.dragonpay_ebanking="dragonpay_ebanking",a.dragonpay_otc_banking="dragonpay_otc_banking",a.dragonpay_otc_non_banking="dragonpay_otc_non_banking",a.dragonpay_otc_philippines="dragonpay_otc_philippines",a.econtext="econtext",a.econtext_atm="econtext_atm",a.econtext_online="econtext_online",a.econtext_seven_eleven="econtext_seven_eleven",a.econtext_stores="econtext_stores",a.giropay="giropay",a.multibanco="multibanco",a.redirect="redirect",a.twint="twint",a.vipps="vipps",a.trustly="trustly",a.paybybank_AIS_DD="paybybank_AIS_DD",a.klarna="klarna",a.klarna_account="klarna_account",a.klarna_paynow="klarna_paynow",a.klarna_b2b="klarna_b2b",a.bcmc_mobile="bcmc_mobile",a.bcmc_mobile_QR="bcmc_mobile_QR",a.pix="pix",a.swish="swish",a.wechatpay="wechatpay",a.wechatpayQR="wechatpayQR",a.promptpay="promptpay",a.paynow="paynow",a.duitnow="duitnow",a.blik="blik",a.mbway="mbway",a.ancv="ancv",a.upi="upi",a.upi_qr="upi_qr",a.upi_collect="upi_collect",a.upi_intent="upi_intent",a.giftcard="giftcard",a.mealVoucher_FR="mealVoucher_FR",a.mealVoucher_FR_natixis="mealVoucher_FR_natixis",a.mealVoucher_FR_sodexo="mealVoucher_FR_sodexo",a.mealVoucher_FR_groupeup="mealVoucher_FR_groupeup"}(a||(a={}));export{a as TxVariants};
+var a=function(a){return a.address="address",a.bankTransfer_IBAN="bankTransfer_IBAN",a.donation="donation",a.personal_details="personal_details",a.dropin="dropin",a.bcmc="bcmc",a.card="card",a.scheme="scheme",a.storedCard="storedCard",a.customCard="customcard",a.threeDS2Challenge="threeDS2Challenge",a.threeDS2Fingerprint="threeDS2Fingerprint",a.threeDS2DeviceFingerprint="threeDS2DeviceFingerprint",a.ach="ach",a.directdebit_GB="directdebit_GB",a.sepadirectdebit="sepadirectdebit",a.affirm="affirm",a.afterpay="afterpay",a.afterpay_default="afterpay_default",a.afterpay_b2b="afterpay_b2b",a.atome="atome",a.facilypay_3x="facilypay_3x",a.facilypay_4x="facilypay_4x",a.facilypay_6x="facilypay_6x",a.facilypay_10x="facilypay_10x",a.facilypay_12x="facilypay_12x",a.ratepay="ratepay",a.ratepay_directdebit="ratepay_directdebit",a.riverty="riverty",a.amazonpay="amazonpay",a.applepay="applepay",a.cashapp="cashapp",a.clicktopay="clicktopay",a.googlepay="googlepay",a.paypal="paypal",a.paywithgoogle="paywithgoogle",a.boletobancario="boletobancario",a.boletobancario_itau="boletobancario_itau",a.boletobancario_santander="boletobancario_santander",a.primeiropay_boleto="primeiropay_boleto",a.doku="doku",a.doku_alfamart="doku_alfamart",a.doku_permata_lite_atm="doku_permata_lite_atm",a.doku_indomaret="doku_indomaret",a.doku_atm_mandiri_va="doku_atm_mandiri_va",a.doku_sinarmas_va="doku_sinarmas_va",a.doku_mandiri_va="doku_mandiri_va",a.doku_cimb_va="doku_cimb_va",a.doku_danamon_va="doku_danamon_va",a.doku_bri_va="doku_bri_va",a.doku_bni_va="doku_bni_va",a.doku_bca_va="doku_bca_va",a.doku_wallet="doku_wallet",a.oxxo="oxxo",a.billdesk_online="billdesk_online",a.billdesk_wallet="billdesk_wallet",a.dotpay="dotpay",a.eps="eps",a.molpay_ebanking_fpx_MY="molpay_ebanking_fpx_MY",a.molpay_ebanking_TH="molpay_ebanking_TH",a.molpay_ebanking_VN="molpay_ebanking_VN",a.onlineBanking_CZ="onlineBanking_CZ",a.onlinebanking_IN="onlinebanking_IN",a.onlineBanking_PL="onlineBanking_PL",a.onlineBanking_SK="onlineBanking_SK",a.paybybank="paybybank",a.payu_IN_cashcard="payu_IN_cashcard",a.payu_IN_nb="payu_IN_nb",a.wallet_IN="wallet_IN",a.dragonpay="dragonpay",a.dragonpay_ebanking="dragonpay_ebanking",a.dragonpay_otc_banking="dragonpay_otc_banking",a.dragonpay_otc_non_banking="dragonpay_otc_non_banking",a.dragonpay_otc_philippines="dragonpay_otc_philippines",a.econtext="econtext",a.econtext_atm="econtext_atm",a.econtext_online="econtext_online",a.econtext_seven_eleven="econtext_seven_eleven",a.econtext_stores="econtext_stores",a.giropay="giropay",a.multibanco="multibanco",a.redirect="redirect",a.twint="twint",a.vipps="vipps",a.trustly="trustly",a.paybybank_AIS_DD="paybybank_AIS_DD",a.klarna="klarna",a.klarna_account="klarna_account",a.klarna_paynow="klarna_paynow",a.klarna_b2b="klarna_b2b",a.bcmc_mobile="bcmc_mobile",a.bcmc_mobile_QR="bcmc_mobile_QR",a.pix="pix",a.swish="swish",a.wechatpay="wechatpay",a.wechatpayQR="wechatpayQR",a.promptpay="promptpay",a.paynow="paynow",a.duitnow="duitnow",a.blik="blik",a.mbway="mbway",a.ancv="ancv",a.upi="upi",a.upi_qr="upi_qr",a.upi_collect="upi_collect",a.upi_intent="upi_intent",a.giftcard="giftcard",a.mealVoucher_FR="mealVoucher_FR",a.mealVoucher_FR_natixis="mealVoucher_FR_natixis",a.mealVoucher_FR_sodexo="mealVoucher_FR_sodexo",a.mealVoucher_FR_groupeup="mealVoucher_FR_groupeup",a}({});export{a as TxVariants};
 //# sourceMappingURL=tx-variants.js.map

package/dist/es/components/tx-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tx-variants.js","sources":["../../../src/components/tx-variants.ts"],"sourcesContent":["export enum TxVariants {\n    /** internal */\n    address = 'address',\n    bankTransfer_IBAN = 'bankTransfer_IBAN',\n    donation = 'donation',\n    personal_details = 'personal_details',\n    dropin = 'dropin',\n    /** internal */\n\n    /** Card */\n    bcmc = 'bcmc',\n    card = 'card',\n    scheme = 'scheme',\n    storedCard = 'storedCard',\n    customCard = 'customcard',\n    /** Card */\n\n    /** ThreeDS */\n    threeDS2Challenge = 'threeDS2Challenge',\n    threeDS2Fingerprint = 'threeDS2Fingerprint',\n    threeDS2DeviceFingerprint = 'threeDS2DeviceFingerprint',\n    /** ThreeDS */\n\n    /** Direct debit */\n    ach = 'ach',\n    directdebit_GB = 'directdebit_GB',\n    sepadirectdebit = 'sepadirectdebit',\n    /** Direct debit */\n\n    /** Open Invoice */\n    affirm = 'affirm',\n    afterpay = 'afterpay',\n    afterpay_default = 'afterpay_default',\n    afterpay_b2b = 'afterpay_b2b',\n    atome = 'atome',\n    facilypay_3x = 'facilypay_3x',\n    facilypay_4x = 'facilypay_4x',\n    facilypay_6x = 'facilypay_6x',\n    facilypay_10x = 'facilypay_10x',\n    facilypay_12x = 'facilypay_12x',\n    ratepay = 'ratepay',\n    ratepay_directdebit = 'ratepay_directdebit',\n    riverty = 'riverty',\n    /** Open Invoice */\n\n    /** Wallets */\n    amazonpay = 'amazonpay',\n    applepay = 'applepay',\n    cashapp = 'cashapp',\n    clicktopay = 'clicktopay',\n    googlepay = 'googlepay',\n    paypal = 'paypal',\n    paywithgoogle = 'paywithgoogle',\n    /** Wallets */\n\n    /** Voucher */\n    boletobancario = 'boletobancario',\n    boletobancario_itau = 'boletobancario_itau',\n    boletobancario_santander = 'boletobancario_santander',\n    primeiropay_boleto = 'primeiropay_boleto',\n    doku = 'doku',\n    doku_alfamart = 'doku_alfamart',\n    doku_permata_lite_atm = 'doku_permata_lite_atm',\n    doku_indomaret = 'doku_indomaret',\n    doku_atm_mandiri_va = 'doku_atm_mandiri_va',\n    doku_sinarmas_va = 'doku_sinarmas_va',\n    doku_mandiri_va = 'doku_mandiri_va',\n    doku_cimb_va = 'doku_cimb_va',\n    doku_danamon_va = 'doku_danamon_va',\n    doku_bri_va = 'doku_bri_va',\n    doku_bni_va = 'doku_bni_va',\n    doku_bca_va = 'doku_bca_va',\n    doku_wallet = 'doku_wallet',\n    oxxo = 'oxxo',\n    /** Voucher */\n\n    /** issuerList */\n    billdesk_online = 'billdesk_online',\n    billdesk_wallet = 'billdesk_wallet',\n    dotpay = 'dotpay',\n    eps = 'eps',\n    molpay_ebanking_fpx_MY = 'molpay_ebanking_fpx_MY',\n    molpay_ebanking_TH = 'molpay_ebanking_TH',\n    molpay_ebanking_VN = 'molpay_ebanking_VN',\n    onlineBanking_CZ = 'onlineBanking_CZ',\n    onlinebanking_IN = 'onlinebanking_IN',\n    onlineBanking_PL = 'onlineBanking_PL',\n    onlineBanking_SK = 'onlineBanking_SK',\n    paybybank = 'paybybank',\n    payu_IN_cashcard = 'payu_IN_cashcard',\n    payu_IN_nb = 'payu_IN_nb',\n    wallet_IN = 'wallet_IN',\n    /** issuerList */\n\n    /** Dragonpay */\n    dragonpay = 'dragonpay',\n    dragonpay_ebanking = 'dragonpay_ebanking',\n    dragonpay_otc_banking = 'dragonpay_otc_banking',\n    dragonpay_otc_non_banking = 'dragonpay_otc_non_banking',\n    dragonpay_otc_philippines = 'dragonpay_otc_philippines',\n    /** Dragonpay */\n\n    /** Econtext */\n    econtext = 'econtext',\n    econtext_atm = 'econtext_atm',\n    econtext_online = 'econtext_online',\n    econtext_seven_eleven = 'econtext_seven_eleven',\n    econtext_stores = 'econtext_stores',\n    /** Econtext */\n\n    /** Redirect */\n    giropay = 'giropay',\n    multibanco = 'multibanco',\n    redirect = 'redirect',\n    twint = 'twint',\n    vipps = 'vipps',\n    trustly = 'trustly',\n    paybybank_AIS_DD = 'paybybank_AIS_DD',\n    /** Redirect */\n\n    /** Klarna */\n    klarna = 'klarna',\n    klarna_account = 'klarna_account',\n    klarna_paynow = 'klarna_paynow',\n    klarna_b2b = 'klarna_b2b',\n    /** Klarna */\n\n    /** QRLoader */\n    bcmc_mobile = 'bcmc_mobile',\n    bcmc_mobile_QR = 'bcmc_mobile_QR',\n    pix = 'pix',\n    swish = 'swish',\n    wechatpay = 'wechatpay',\n    wechatpayQR = 'wechatpayQR',\n    promptpay = 'promptpay',\n    paynow = 'paynow',\n    duitnow = 'duitnow',\n    /** QRLoader */\n\n    /** Await */\n    blik = 'blik',\n    mbway = 'mbway',\n    ancv = 'ancv',\n    upi = 'upi', // also QR\n    upi_qr = 'upi_qr', // also QR\n    upi_collect = 'upi_collect', // also QR\n    upi_intent = 'upi_intent', // also QR\n    /** Await */\n\n    /** Giftcard */\n    giftcard = 'giftcard',\n    mealVoucher_FR = 'mealVoucher_FR',\n    mealVoucher_FR_natixis = 'mealVoucher_FR_natixis',\n    mealVoucher_FR_sodexo = 'mealVoucher_FR_sodexo',\n    mealVoucher_FR_groupeup = 'mealVoucher_FR_groupeup'\n    /** Giftcard */\n}\n"],"names":["TxVariants"],"mappings":"OAAYA,SAAAA,GACKA,EAAA,QAAA,gIAQJA,EAAA,KAAA,2FAQGA,EAAA,kBAAA,wHAMKA,EAAA,IAAA,4EAMAA,EAAA,OAAA,iWAgBLA,EAAA,UAAA,0JAUAA,EAAA,eAAA,mlBAqBGA,EAAA,gBAAA,keAkBDA,EAAA,UAAA,sNAQDA,EAAA,SAAA,iKAQAA,EAAA,QAAA,oJAUFA,EAAA,OAAA,qGAOEA,EAAA,YAAA,8LAYHA,EAAA,KAAA,yHAUGA,EAAA,SAAA,mMArJLA,CAAAA,IAAAA,EAAAA,CAAAA"}
+{"version":3,"file":"tx-variants.js","sources":["../../../src/components/tx-variants.ts"],"sourcesContent":["export enum TxVariants {\n    /** internal */\n    address = 'address',\n    bankTransfer_IBAN = 'bankTransfer_IBAN',\n    donation = 'donation',\n    personal_details = 'personal_details',\n    dropin = 'dropin',\n    /** internal */\n\n    /** Card */\n    bcmc = 'bcmc',\n    card = 'card',\n    scheme = 'scheme',\n    storedCard = 'storedCard',\n    customCard = 'customcard',\n    /** Card */\n\n    /** ThreeDS */\n    threeDS2Challenge = 'threeDS2Challenge',\n    threeDS2Fingerprint = 'threeDS2Fingerprint',\n    threeDS2DeviceFingerprint = 'threeDS2DeviceFingerprint',\n    /** ThreeDS */\n\n    /** Direct debit */\n    ach = 'ach',\n    directdebit_GB = 'directdebit_GB',\n    sepadirectdebit = 'sepadirectdebit',\n    /** Direct debit */\n\n    /** Open Invoice */\n    affirm = 'affirm',\n    afterpay = 'afterpay',\n    afterpay_default = 'afterpay_default',\n    afterpay_b2b = 'afterpay_b2b',\n    atome = 'atome',\n    facilypay_3x = 'facilypay_3x',\n    facilypay_4x = 'facilypay_4x',\n    facilypay_6x = 'facilypay_6x',\n    facilypay_10x = 'facilypay_10x',\n    facilypay_12x = 'facilypay_12x',\n    ratepay = 'ratepay',\n    ratepay_directdebit = 'ratepay_directdebit',\n    riverty = 'riverty',\n    /** Open Invoice */\n\n    /** Wallets */\n    amazonpay = 'amazonpay',\n    applepay = 'applepay',\n    cashapp = 'cashapp',\n    clicktopay = 'clicktopay',\n    googlepay = 'googlepay',\n    paypal = 'paypal',\n    paywithgoogle = 'paywithgoogle',\n    /** Wallets */\n\n    /** Voucher */\n    boletobancario = 'boletobancario',\n    boletobancario_itau = 'boletobancario_itau',\n    boletobancario_santander = 'boletobancario_santander',\n    primeiropay_boleto = 'primeiropay_boleto',\n    doku = 'doku',\n    doku_alfamart = 'doku_alfamart',\n    doku_permata_lite_atm = 'doku_permata_lite_atm',\n    doku_indomaret = 'doku_indomaret',\n    doku_atm_mandiri_va = 'doku_atm_mandiri_va',\n    doku_sinarmas_va = 'doku_sinarmas_va',\n    doku_mandiri_va = 'doku_mandiri_va',\n    doku_cimb_va = 'doku_cimb_va',\n    doku_danamon_va = 'doku_danamon_va',\n    doku_bri_va = 'doku_bri_va',\n    doku_bni_va = 'doku_bni_va',\n    doku_bca_va = 'doku_bca_va',\n    doku_wallet = 'doku_wallet',\n    oxxo = 'oxxo',\n    /** Voucher */\n\n    /** issuerList */\n    billdesk_online = 'billdesk_online',\n    billdesk_wallet = 'billdesk_wallet',\n    dotpay = 'dotpay',\n    eps = 'eps',\n    molpay_ebanking_fpx_MY = 'molpay_ebanking_fpx_MY',\n    molpay_ebanking_TH = 'molpay_ebanking_TH',\n    molpay_ebanking_VN = 'molpay_ebanking_VN',\n    onlineBanking_CZ = 'onlineBanking_CZ',\n    onlinebanking_IN = 'onlinebanking_IN',\n    onlineBanking_PL = 'onlineBanking_PL',\n    onlineBanking_SK = 'onlineBanking_SK',\n    paybybank = 'paybybank',\n    payu_IN_cashcard = 'payu_IN_cashcard',\n    payu_IN_nb = 'payu_IN_nb',\n    wallet_IN = 'wallet_IN',\n    /** issuerList */\n\n    /** Dragonpay */\n    dragonpay = 'dragonpay',\n    dragonpay_ebanking = 'dragonpay_ebanking',\n    dragonpay_otc_banking = 'dragonpay_otc_banking',\n    dragonpay_otc_non_banking = 'dragonpay_otc_non_banking',\n    dragonpay_otc_philippines = 'dragonpay_otc_philippines',\n    /** Dragonpay */\n\n    /** Econtext */\n    econtext = 'econtext',\n    econtext_atm = 'econtext_atm',\n    econtext_online = 'econtext_online',\n    econtext_seven_eleven = 'econtext_seven_eleven',\n    econtext_stores = 'econtext_stores',\n    /** Econtext */\n\n    /** Redirect */\n    giropay = 'giropay',\n    multibanco = 'multibanco',\n    redirect = 'redirect',\n    twint = 'twint',\n    vipps = 'vipps',\n    trustly = 'trustly',\n    paybybank_AIS_DD = 'paybybank_AIS_DD',\n    /** Redirect */\n\n    /** Klarna */\n    klarna = 'klarna',\n    klarna_account = 'klarna_account',\n    klarna_paynow = 'klarna_paynow',\n    klarna_b2b = 'klarna_b2b',\n    /** Klarna */\n\n    /** QRLoader */\n    bcmc_mobile = 'bcmc_mobile',\n    bcmc_mobile_QR = 'bcmc_mobile_QR',\n    pix = 'pix',\n    swish = 'swish',\n    wechatpay = 'wechatpay',\n    wechatpayQR = 'wechatpayQR',\n    promptpay = 'promptpay',\n    paynow = 'paynow',\n    duitnow = 'duitnow',\n    /** QRLoader */\n\n    /** Await */\n    blik = 'blik',\n    mbway = 'mbway',\n    ancv = 'ancv',\n    upi = 'upi', // also QR\n    upi_qr = 'upi_qr', // also QR\n    upi_collect = 'upi_collect', // also QR\n    upi_intent = 'upi_intent', // also QR\n    /** Await */\n\n    /** Giftcard */\n    giftcard = 'giftcard',\n    mealVoucher_FR = 'mealVoucher_FR',\n    mealVoucher_FR_natixis = 'mealVoucher_FR_natixis',\n    mealVoucher_FR_sodexo = 'mealVoucher_FR_sodexo',\n    mealVoucher_FR_groupeup = 'mealVoucher_FR_groupeup'\n    /** Giftcard */\n}\n"],"names":["TxVariants"],"mappings":"AAAO,IAAAA,EAAKA,SAAAA,GAAAA,OACKA,EAAA,QAAA,gIAQJA,EAAA,KAAA,2FAQGA,EAAA,kBAAA,wHAMKA,EAAA,IAAA,4EAMAA,EAAA,OAAA,iWAgBLA,EAAA,UAAA,0JAUAA,EAAA,eAAA,mlBAqBGA,EAAA,gBAAA,keAkBDA,EAAA,UAAA,sNAQDA,EAAA,SAAA,iKAQAA,EAAA,QAAA,oJAUFA,EAAA,OAAA,qGAOEA,EAAA,YAAA,8LAYHA,EAAA,KAAA,yHAUGA,EAAA,SAAA,mMArJLA,CA4JX,CA5JWA,CA4JX,CAAA"}

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

@@ -1,2 +1,2 @@
-import t from"../Services/analytics/collect-id.js";import e from"./EventsQueue.js";import{ANALYTICS_EVENT_INFO as n,ANALYTICS_INFO_TIMER_INTERVAL as a,ANALYTICS_EVENT_LOG as l,ANALYTICS_EVENT_ERROR as s,ANALYTICS_PATH as c}from"./constants.js";import{debounce as o}from"../../utils/debounce.js";import{processAnalyticsData as i,createAnalyticsObject as r}from"./utils.js";import{analyticsPreProcessor as u}from"./analyticsPreProcessor.js";let y=null,m=null;const d=({locale:d,clientKey:p,analytics:f,amount:b,analyticsContext:h,bundleType:j})=>{const v={enabled:!0,checkoutAttemptId:null,analyticsData:{},...f},A=t({analyticsContext:h,clientKey:p,locale:d,amount:b,analyticsPath:c,bundleType:j}),g=e({analyticsContext:h,clientKey:p,analyticsPath:c}),E=()=>y?g.run(y):Promise.resolve(null),P={setUp:async t=>{const{payload:e}=v,n=i(v.analyticsData);if(!y)try{const a=await A({...t,...e&&{...e},...Object.keys(n).length&&{...n}});y=a}catch(t){console.warn("Fetching checkoutAttemptId failed."+(t?` Error=${t}`:""))}},getCheckoutAttemptId:()=>y,getEventsQueue:()=>g,createAnalyticsEvent:({event:t,data:e})=>{if(!v.enabled)return;const c=r({event:t,...e});return((t,e)=>{const c=t===n?t:`${t}s`;g.add(`${c}`,e),t===n&&(clearTimeout(m),m=setTimeout((()=>{E()}),a)),t!==l&&t!==s||(clearTimeout(m),o(E)())})(t,c),c},getEnabled:()=>v.enabled,sendAnalytics:null};return P.sendAnalytics=!0===v.enabled?u(P):()=>{},P};export{d as default};
+import t from"../Services/analytics/collect-id.js";import e from"./EventsQueue.js";import{ANALYTICS_EVENT as n,ANALYTICS_INFO_TIMER_INTERVAL as a,ANALYTIC_LEVEL as l,ANALYTICS_PATH as o}from"./constants.js";import{debounce as s}from"../../utils/debounce.js";import{processAnalyticsData as c,createAnalyticsObject as i}from"./utils.js";import{analyticsPreProcessor as r}from"./analyticsPreProcessor.js";let u=null,y=null;const d=({locale:d,clientKey:m,analytics:p,amount:f,analyticsContext:b,bundleType:h})=>{const v={enabled:!0,checkoutAttemptId:null,analyticsData:{},...p},j=t({analyticsContext:b,clientKey:m,locale:d,amount:f,analyticsPath:o,bundleType:h}),g=e({analyticsContext:b,clientKey:m,analyticsPath:o}),A=()=>u?g.run(u):Promise.resolve(null),E={setUp:async t=>{const{payload:e,enabled:n}=v,a=n?l.all:l.initial,o=c(v.analyticsData);if(!u)try{u=await j({...t,...e&&{...e},...Object.keys(o).length&&{...o},level:a})}catch(t){console.warn("Fetching checkoutAttemptId failed."+(t?` Error=${t}`:""))}},getCheckoutAttemptId:()=>u,getEventsQueue:()=>g,createAnalyticsEvent:({event:t,data:e})=>{if(!v.enabled)return;const l=i({event:t,...e});return((t,e)=>{const l=t===n.info?t:`${t}s`;g.add(`${l}`,e),t===n.info&&(clearTimeout(y),y=setTimeout((()=>{A()}),a)),t!==n.log&&t!==n.error||(clearTimeout(y),s(A)())})(t,l),l},getEnabled:()=>v.enabled,sendAnalytics:null};return E.sendAnalytics=!0===v.enabled?r(E):()=>{},E};export{d 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 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, processAnalyticsData } from './utils';\nimport { analyticsPreProcessor } from './analyticsPreProcessor';\n\nlet capturedCheckoutAttemptId = null;\nlet sendEventsTimerId = null;\n\nconst Analytics = ({ locale, clientKey, analytics, amount, analyticsContext, bundleType }: AnalyticsProps): AnalyticsModule => {\n    const defaultProps = {\n        enabled: true,\n        checkoutAttemptId: null,\n        analyticsData: {}\n    };\n\n    const props = { ...defaultProps, ...analytics };\n\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(() => void 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        /**\n         * Make \"setup\" call, to pass containerWidth, buildType, channel etc, and receive a checkoutAttemptId in return\n         * @param initialEvent -\n         */\n        setUp: async (initialEvent: AnalyticsInitialEvent) => {\n            const { payload } = props; // TODO what is payload, is it ever used?\n\n            const analyticsData = processAnalyticsData(props.analyticsData);\n\n            if (!capturedCheckoutAttemptId) {\n                try {\n                    const checkoutAttemptId = await collectId({\n                        ...initialEvent,\n                        ...(payload && { ...payload }),\n                        ...(Object.keys(analyticsData).length && { ...analyticsData })\n                    });\n                    capturedCheckoutAttemptId = checkoutAttemptId;\n                } catch (e: any) {\n                    console.warn(`Fetching checkoutAttemptId failed.${e ? ` Error=${e}` : ''}`);\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            if (!props.enabled) return;\n\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 = props.enabled === true ? analyticsPreProcessor(anlModule) : () => {};\n\n    return anlModule;\n};\n\nexport default Analytics;\n"],"names":["capturedCheckoutAttemptId","sendEventsTimerId","Analytics","locale","clientKey","analytics","amount","analyticsContext","bundleType","props","enabled","checkoutAttemptId","analyticsData","collectId","CollectId","analyticsPath","ANALYTICS_PATH","eventsQueue","EventsQueue","sendAnalyticsEvents","run","Promise","resolve","anlModule","setUp","async","initialEvent","payload","processAnalyticsData","Object","keys","length","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":"ubASA,IAAIA,EAA4B,KAC5BC,EAAoB,KAExB,MAAMC,EAAY,EAAGC,SAAQC,YAAWC,YAAWC,SAAQC,mBAAkBC,iBACzE,MAMMC,EAAQ,CALVC,SAAS,EACTC,kBAAmB,KACnBC,cAAe,CAAC,KAGgBP,GAE9BQ,EAAYC,EAAU,CAAEP,mBAAkBH,YAAWD,SAAQG,SAAQS,cAAeC,EAAgBR,eACpGS,EAAiCC,EAAY,CAAEX,mBAAkBH,YAAWW,cAAeC,IAE3FG,EAAsB,IACpBnB,EACOiB,EAAYG,IAAIpB,GAEpBqB,QAAQC,QAAQ,MA8BrBC,EAA6B,CAK/BC,MAAOC,MAAOC,IACV,MAAMC,QAAEA,GAAYlB,EAEdG,EAAgBgB,EAAqBnB,EAAMG,eAEjD,IAAKZ,EACD,IACI,MAAMW,QAA0BE,EAAU,IACnCa,KACCC,GAAW,IAAKA,MAChBE,OAAOC,KAAKlB,GAAemB,QAAU,IAAKnB,KAElDZ,EAA4BW,CAChC,CAAE,MAAOqB,GACLC,QAAQC,KAAK,sCAAqCF,EAAI,UAAUA,IAAM,IAC1E,CACJ,EAGJG,qBAAsB,IAAcnC,EAGpCoC,eAAgB,IAAMnB,EAEtBoB,qBAAsB,EAAGC,QAAOC,WAC5B,IAAK9B,EAAMC,QAAS,OAEpB,MAAM8B,EAAwBC,EAAsB,CAChDH,WACGC,IAMP,MAnEkB,EAACG,EAAuBC,KAC9C,MAAMC,EAAYF,IAASG,EAAuBH,EAAO,GAAGA,KAC5DzB,EAAY6B,IAAI,GAAGF,IAAaD,GAO5BD,IAASG,IACTE,aAAa9C,GACbA,EAAoB+C,YAAW,KAAW7B,GAAuB8B,GAAAA,IASjEP,IAASQ,GAAuBR,IAASS,IACzCJ,aAAa9C,GAEbmD,EAASjC,EAATiC,GACJ,EAyCIC,CAAkBf,EAAOE,GAElBA,CAAAA,EAGXc,WAAY,IAAM7C,EAAMC,QAExB6C,cAAe,MAKnB,OAFAhC,EAAUgC,eAAkC,IAAlB9C,EAAMC,QAAmB8C,EAAsBjC,GAAa,OAE/EA,CAAAA"}
+{"version":3,"file":"Analytics.js","sources":["../../../../src/core/Analytics/Analytics.ts"],"sourcesContent":["import CollectId from '../Services/analytics/collect-id';\nimport EventsQueue, { EventsQueueModule } from './EventsQueue';\nimport { AnalyticsEvent, AnalyticsInitialEvent, AnalyticsObject, AnalyticsProps, CreateAnalyticsEventObject } from './types';\nimport { ANALYTIC_LEVEL, ANALYTICS_INFO_TIMER_INTERVAL, ANALYTICS_PATH, ANALYTICS_EVENT } from './constants';\nimport { debounce } from '../../utils/debounce';\nimport { AnalyticsModule } from '../../types/global-types';\nimport { createAnalyticsObject, processAnalyticsData } from './utils';\nimport { analyticsPreProcessor } from './analyticsPreProcessor';\n\nlet capturedCheckoutAttemptId = null;\nlet sendEventsTimerId = null;\n\nconst Analytics = ({ locale, clientKey, analytics, amount, analyticsContext, bundleType }: AnalyticsProps): AnalyticsModule => {\n    const defaultProps = {\n        enabled: true,\n        checkoutAttemptId: null,\n        analyticsData: {}\n    };\n\n    const props = { ...defaultProps, ...analytics };\n\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: AnalyticsEvent, 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(() => void 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        /**\n         * Make \"setup\" call, to pass containerWidth, buildType, channel etc, and receive a checkoutAttemptId in return\n         * @param initialEvent -\n         */\n        setUp: async (initialEvent: AnalyticsInitialEvent) => {\n            const { payload, enabled } = props; // TODO what is payload, is it ever used?\n            const level = enabled ? ANALYTIC_LEVEL.all : ANALYTIC_LEVEL.initial;\n            const analyticsData = processAnalyticsData(props.analyticsData);\n            if (!capturedCheckoutAttemptId) {\n                try {\n                    capturedCheckoutAttemptId = await collectId({\n                        ...initialEvent,\n                        ...(payload && { ...payload }),\n                        ...(Object.keys(analyticsData).length && { ...analyticsData }),\n                        ...{ level }\n                    });\n                } catch (e: any) {\n                    console.warn(`Fetching checkoutAttemptId failed.${e ? ` Error=${e}` : ''}`);\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            if (!props.enabled) return;\n\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 = props.enabled === true ? analyticsPreProcessor(anlModule) : () => {};\n\n    return anlModule;\n};\n\nexport default Analytics;\n"],"names":["capturedCheckoutAttemptId","sendEventsTimerId","Analytics","locale","clientKey","analytics","amount","analyticsContext","bundleType","props","enabled","checkoutAttemptId","analyticsData","collectId","CollectId","analyticsPath","ANALYTICS_PATH","eventsQueue","EventsQueue","sendAnalyticsEvents","run","Promise","resolve","anlModule","setUp","async","initialEvent","payload","level","ANALYTIC_LEVEL","all","initial","processAnalyticsData","Object","keys","length","e","console","warn","getCheckoutAttemptId","getEventsQueue","createAnalyticsEvent","event","data","aObj","createAnalyticsObject","type","obj","arrayName","ANALYTICS_EVENT","info","add","clearTimeout","setTimeout","ANALYTICS_INFO_TIMER_INTERVAL","log","error","debounce","addAnalyticsEvent","getEnabled","sendAnalytics","analyticsPreProcessor"],"mappings":"kZASA,IAAIA,EAA4B,KAC5BC,EAAoB,KAExB,MAAMC,EAAY,EAAGC,SAAQC,YAAWC,YAAWC,SAAQC,mBAAkBC,iBACzE,MAMMC,EAAQ,CALVC,SAAS,EACTC,kBAAmB,KACnBC,cAAe,CAAC,KAGgBP,GAE9BQ,EAAYC,EAAU,CAAEP,mBAAkBH,YAAWD,SAAQG,SAAQS,cAAeC,EAAgBR,eACpGS,EAAiCC,EAAY,CAAEX,mBAAkBH,YAAWW,cAAeC,IAE3FG,EAAsB,IACpBnB,EACOiB,EAAYG,IAAIpB,GAEpBqB,QAAQC,QAAQ,MA8BrBC,EAA6B,CAK/BC,MAAOC,MAAOC,IACV,MAAMC,QAAEA,EAAOjB,QAAEA,GAAYD,EACvBmB,EAAQlB,EAAUmB,EAAeC,IAAMD,EAAeE,QACtDnB,EAAgBoB,EAAqBvB,EAAMG,eACjD,IAAKZ,EACD,IACIA,QAAkCa,EAAU,IACrCa,KACCC,GAAW,IAAKA,MAChBM,OAAOC,KAAKtB,GAAeuB,QAAU,IAAKvB,GACzCgB,SAEb,CAAE,MAAOQ,GACLC,QAAQC,KAAK,sCAAqCF,EAAI,UAAUA,IAAM,IAC1E,CACJ,EAGJG,qBAAsB,IAAcvC,EAGpCwC,eAAgB,IAAMvB,EAEtBwB,qBAAsB,EAAGC,QAAOC,WAC5B,IAAKlC,EAAMC,QAAS,OAEpB,MAAMkC,EAAwBC,EAAsB,CAChDH,WACGC,IAMP,MAlEkB,EAACG,EAAsBC,KAC7C,MAAMC,EAAYF,IAASG,EAAgBC,KAAOJ,EAAO,GAAGA,KAC5D7B,EAAYkC,IAAI,GAAGH,IAAaD,GAO5BD,IAASG,EAAgBC,OACzBE,aAAanD,GACbA,EAAoBoD,YAAW,KAAWlC,GAAuBmC,GAAAA,IASjER,IAASG,EAAgBM,KAAOT,IAASG,EAAgBO,QACzDJ,aAAanD,GAEbwD,EAAStC,EAATsC,GACJ,EAwCIC,CAAkBhB,EAAOE,GAElBA,CAAAA,EAGXe,WAAY,IAAMlD,EAAMC,QAExBkD,cAAe,MAKnB,OAFArC,EAAUqC,eAAkC,IAAlBnD,EAAMC,QAAmBmD,EAAsBtC,GAAa,OAE/EA,CAAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"EventsQueue.js","sources":["../../../../src/core/Analytics/EventsQueue.ts"],"sourcesContent":["import { HttpOptions, httpPost } from '../Services/http';\nimport { AnalyticsObject, EventQueueProps } from './types';\n\ninterface CAActions {\n    channel: 'Web';\n    platform: 'Web';\n    info: AnalyticsObject[];\n    errors: AnalyticsObject[];\n    logs: AnalyticsObject[];\n}\n\nexport interface EventsQueueModule {\n    add: (t: string, o: AnalyticsObject) => void;\n    run: (id: string) => Promise<any>;\n    getQueue: () => CAActions;\n}\n\nconst EventsQueue = ({ analyticsContext, clientKey, analyticsPath }: EventQueueProps): EventsQueueModule => {\n    const caActions: CAActions = {\n        channel: 'Web',\n        platform: 'Web',\n        info: [],\n        errors: [],\n        logs: []\n    };\n\n    const runQueue = (checkoutAttemptId: string): Promise<any> => {\n        if (!caActions.info.length && !caActions.logs.length && !caActions.errors.length) {\n            return Promise.resolve(null);\n        }\n\n        const options: HttpOptions = {\n            errorLevel: 'silent' as const,\n            loadingContext: analyticsContext,\n            path: `${analyticsPath}/${checkoutAttemptId}?clientKey=${clientKey}`\n        };\n\n        const promise = httpPost(options, caActions)\n            .then(() => {\n                // Succeed, silently\n                return undefined;\n            })\n            .catch(() => {\n                // Caught, silently, at http level. We do not expect this catch block to ever fire, but... just in case...\n                console.debug('### EventsQueue:::: send has failed');\n            });\n\n        return promise;\n    };\n\n    const eqModule: EventsQueueModule = {\n        add: (type, actionObj) => {\n            caActions[type].push(actionObj);\n        },\n\n        run: (checkoutAttemptId: string) => {\n            const promise = runQueue(checkoutAttemptId);\n\n            caActions.info = [];\n            caActions.errors = [];\n            caActions.logs = [];\n\n            return promise;\n        },\n\n        // Expose getter for testing purposes\n        getQueue: () => caActions\n    };\n\n    return eqModule;\n};\n\nexport default EventsQueue;\n"],"names":["EventsQueue","analyticsContext","clientKey","analyticsPath","caActions","channel","platform","info","errors","logs","add","type","actionObj","push","run","checkoutAttemptId","promise","length","httpPost","errorLevel","loadingContext","path","then","undefined","catch","console","debug","Promise","resolve","runQueue","getQueue","eqModule"],"mappings":"+CAiBMA,MAAAA,EAAc,EAAGC,mBAAkBC,YAAWC,oBAChD,MAAMC,EAAuB,CACzBC,QAAS,MACTC,SAAU,MACVC,KAAM,GACNC,OAAQ,GACRC,KAAM,IA8CV,MAnBoC,CAChCC,IAAK,CAACC,EAAMC,KACRR,EAAUO,GAAME,KAAKD,EAAAA,EAGzBE,IAAMC,IACF,MAAMC,EA9BG,CAACD,GACTX,EAAUG,KAAKU,QAAWb,EAAUK,KAAKQ,QAAWb,EAAUI,OAAOS,OAU1DC,EANa,CACzBC,WAAY,SACZC,eAAgBnB,EAChBoB,KAAM,GAAGlB,KAAiBY,eAA+Bb,KAG3BE,GAC7BkB,MAAK,KAEKC,IAEVC,OAAM,KAEHC,QAAQC,MAAM,sCAAA,IAhBXC,QAAQC,QAAQ,MA4BPC,CAASd,GAMzB,OAJAX,EAAUG,KAAO,GACjBH,EAAUI,OAAS,GACnBJ,EAAUK,KAAO,GAEVO,CAAAA,EAIXc,SAAU,IAAM1B,EAGb2B"}
+{"version":3,"file":"EventsQueue.js","sources":["../../../../src/core/Analytics/EventsQueue.ts"],"sourcesContent":["import { HttpOptions, httpPost } from '../Services/http';\nimport { AnalyticsObject, EventQueueProps } from './types';\n\ninterface CAActions {\n    channel: 'Web';\n    platform: 'Web';\n    info: AnalyticsObject[];\n    errors: AnalyticsObject[];\n    logs: AnalyticsObject[];\n}\n\nexport interface EventsQueueModule {\n    add: (t: string, o: AnalyticsObject) => void;\n    run: (id: string) => Promise<any>;\n    getQueue: () => CAActions;\n}\n\nconst EventsQueue = ({ analyticsContext, clientKey, analyticsPath }: EventQueueProps): EventsQueueModule => {\n    const caActions: CAActions = {\n        channel: 'Web',\n        platform: 'Web',\n        info: [],\n        errors: [],\n        logs: []\n    };\n\n    const runQueue = (checkoutAttemptId: string): Promise<any> => {\n        if (!caActions.info.length && !caActions.logs.length && !caActions.errors.length) {\n            return Promise.resolve(null);\n        }\n\n        const options: HttpOptions = {\n            errorLevel: 'silent' as const,\n            loadingContext: analyticsContext,\n            path: `${analyticsPath}/${checkoutAttemptId}?clientKey=${clientKey}`\n        };\n\n        return httpPost(options, caActions)\n            .then(() => {\n                // Succeed, silently\n                return undefined;\n            })\n            .catch(() => {\n                // Caught, silently, at http level. We do not expect this catch block to ever fire, but... just in case...\n                console.debug('### EventsQueue:::: send has failed');\n            });\n    };\n\n    return {\n        add: (type, actionObj) => {\n            caActions[type].push(actionObj);\n        },\n\n        run: (checkoutAttemptId: string) => {\n            const promise = runQueue(checkoutAttemptId);\n\n            caActions.info = [];\n            caActions.errors = [];\n            caActions.logs = [];\n\n            return promise;\n        },\n\n        // Expose getter for testing purposes\n        getQueue: () => caActions\n    };\n};\n\nexport default EventsQueue;\n"],"names":["EventsQueue","analyticsContext","clientKey","analyticsPath","caActions","channel","platform","info","errors","logs","add","type","actionObj","push","run","checkoutAttemptId","promise","length","httpPost","errorLevel","loadingContext","path","then","undefined","catch","console","debug","Promise","resolve","runQueue","getQueue"],"mappings":"+CAiBMA,MAAAA,EAAc,EAAGC,mBAAkBC,YAAWC,oBAChD,MAAMC,EAAuB,CACzBC,QAAS,MACTC,SAAU,MACVC,KAAM,GACNC,OAAQ,GACRC,KAAM,IAyBV,MAAO,CACHC,IAAK,CAACC,EAAMC,KACRR,EAAUO,GAAME,KAAKD,EAAAA,EAGzBE,IAAMC,IACF,MAAMC,EA5BG,CAACD,GACTX,EAAUG,KAAKU,QAAWb,EAAUK,KAAKQ,QAAWb,EAAUI,OAAOS,OAUnEC,EANsB,CACzBC,WAAY,SACZC,eAAgBnB,EAChBoB,KAAM,GAAGlB,KAAiBY,eAA+Bb,KAGpCE,GACpBkB,MAAK,KAEKC,IAEVC,OAAM,KAEHC,QAAQC,MAAM,sCAAA,IAhBXC,QAAQC,QAAQ,MA0BPC,CAASd,GAMzB,OAJAX,EAAUG,KAAO,GACjBH,EAAUI,OAAS,GACnBJ,EAAUK,KAAO,GAEVO,CAAAA,EAIXc,SAAU,IAAM1B,EACpB"}

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

@@ -1,2 +1,2 @@
-import{ANALYTICS_EVENT_ERROR as e,ANALYTICS_EVENT_LOG as t,ANALYTICS_ACTION_STR as a,ANALYTICS_SUBMIT_STR as s,ANALYTICS_VALIDATION_ERROR_STR as n,ANALYTICS_EVENT_INFO as o,ANALYTICS_SELECTED_STR as r,ANALYTICS_DOWNLOAD_STR as c,ANALYTICS_INPUT_STR as p,ANALYTICS_DISPLAYED_STR as i,ANALYTICS_UNFOCUS_STR as y,ANALYTICS_FOCUS_STR as d,ANALYTICS_CONFIGURED_STR as m,ANALYTICS_RENDERED_STR as l,ANALYTICS_EXPRESS_PAGES_ARRAY as v}from"./constants.js";import{THREEDS2_ERROR as b,THREEDS2_FULL as g}from"../../components/ThreeDS2/constants.js";import E,{SDK_ERROR as u}from"../Errors/AdyenCheckoutError.js";import{getCardConfigData as f}from"./utils.js";const h=h=>(k,A,M={})=>{const{type:P,target:S}=A;if(!P)throw new E(u,"You are trying to create an analytics event without a type");switch(P){case l:{const{isStoredPaymentMethod:e,brand:t,configData:a}=A,{isExpress:s,expressPage:n}=M,r=n&&v.includes(n),{type:c}=M;let p=null;"scheme"!==c&&"bcmc"!==c&&"customcard"!==c||(p=f(M));const i={component:k,type:P,..."boolean"==typeof e&&{isStoredPaymentMethod:e},...t&&{brand:t},..."boolean"==typeof s&&{isExpress:s},...!0===s&&r&&{expressPage:n},...p&&{configData:p},...a&&{configData:a}};h.createAnalyticsEvent({event:o,data:i});break}case m:{const{isStoredPaymentMethod:e,brand:t}=A,a={component:k,type:P,isStoredPaymentMethod:e,brand:t};h.createAnalyticsEvent({event:o,data:a});break}case d:case y:case i:case p:case c:h.createAnalyticsEvent({event:o,data:{component:k,type:P,target:S}});break;case r:{const{issuer:e}=A;h.createAnalyticsEvent({event:o,data:{component:k,type:P,target:S,issuer:e}});break}case n:{const{validationErrorCode:e,validationErrorMessage:t}=A;h.createAnalyticsEvent({event:o,data:{component:k,type:P,target:S,validationErrorCode:e,validationErrorMessage:t}});break}case s:h.createAnalyticsEvent({event:t,data:{component:k,type:P,message:"Shopper clicked pay"}});break;case a:{const{subtype:e,message:a}=A;h.createAnalyticsEvent({event:t,data:{component:k,type:P,subtype:e,message:a}});break}case g:{const{message:e,metadata:a,subtype:s,result:n}=A;h.createAnalyticsEvent({event:t,data:{component:k,type:P,message:e,metadata:a,subtype:s,result:n}});break}case b:{const{message:t,code:a,errorType:s}=A;h.createAnalyticsEvent({event:e,data:{component:k,type:P,message:t,code:a,errorType:s}});break}default:h.createAnalyticsEvent(A)}};export{h as analyticsPreProcessor};
+import{ANALYTICS_EVENT as e,ANALYTICS_ACTION_STR as t,ANALYTICS_SUBMIT_STR as a,ANALYTICS_VALIDATION_ERROR_STR as n,ANALYTICS_SELECTED_STR as s,ANALYTICS_DOWNLOAD_STR as o,ANALYTICS_INPUT_STR as r,ANALYTICS_DISPLAYED_STR as c,ANALYTICS_UNFOCUS_STR as i,ANALYTICS_FOCUS_STR as p,ANALYTICS_CONFIGURED_STR as y,ANALYTICS_RENDERED_STR as d,ANALYTICS_EXPRESS_PAGES_ARRAY as m}from"./constants.js";import{THREEDS2_ERROR as l,THREEDS2_FULL as v}from"../../components/ThreeDS2/constants.js";import g,{SDK_ERROR as b}from"../Errors/AdyenCheckoutError.js";import{getCardConfigData as E}from"./utils.js";const f=f=>(u,h,k={})=>{const{type:A,target:M}=h;if(!A)throw new g(b,"You are trying to create an analytics event without a type");switch(A){case d:{const{isStoredPaymentMethod:t,brand:a,configData:n}=h,{isExpress:s,expressPage:o}=k,r=o&&m.includes(o),{type:c}=k;let i=null;"scheme"!==c&&"bcmc"!==c&&"customcard"!==c||(i=E(k));const p={component:u,type:A,..."boolean"==typeof t&&{isStoredPaymentMethod:t},...a&&{brand:a},..."boolean"==typeof s&&{isExpress:s},...!0===s&&r&&{expressPage:o},...i&&{configData:i},...n&&{configData:n}};f.createAnalyticsEvent({event:e.info,data:p});break}case y:{const{isStoredPaymentMethod:t,brand:a}=h,n={component:u,type:A,isStoredPaymentMethod:t,brand:a};f.createAnalyticsEvent({event:e.info,data:n});break}case p:case i:case c:case r:case o:f.createAnalyticsEvent({event:e.info,data:{component:u,type:A,target:M}});break;case s:{const{issuer:t}=h;f.createAnalyticsEvent({event:e.info,data:{component:u,type:A,target:M,issuer:t}});break}case n:{const{validationErrorCode:t,validationErrorMessage:a}=h;f.createAnalyticsEvent({event:e.info,data:{component:u,type:A,target:M,validationErrorCode:t,validationErrorMessage:a}});break}case a:f.createAnalyticsEvent({event:e.log,data:{component:u,type:A,message:"Shopper clicked pay"}});break;case t:{const{subtype:t,message:a}=h;f.createAnalyticsEvent({event:e.log,data:{component:u,type:A,subtype:t,message:a}});break}case v:{const{message:t,metadata:a,subtype:n,result:s}=h;f.createAnalyticsEvent({event:e.log,data:{component:u,type:A,message:t,metadata:a,subtype:n,result:s}});break}case l:case e.error:{const{message:t,code:a,errorType:n}=h;f.createAnalyticsEvent({event:e.error,data:{component:u,type:A,message:t,code:a,errorType:n}});break}default:f.createAnalyticsEvent(h)}};export{f as analyticsPreProcessor};
 //# sourceMappingURL=analyticsPreProcessor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"analyticsPreProcessor.js","sources":["../../../../src/core/Analytics/analyticsPreProcessor.ts"],"sourcesContent":["import { AnalyticsModule } from '../../types/global-types';\nimport { ConfigData, CreateAnalyticsEventObject, SendAnalyticsObject } from './types';\nimport {\n    ANALYTICS_ACTION_STR,\n    ANALYTICS_CONFIGURED_STR,\n    ANALYTICS_DISPLAYED_STR,\n    ANALYTICS_DOWNLOAD_STR,\n    ANALYTICS_EVENT_ERROR,\n    ANALYTICS_EVENT_INFO,\n    ANALYTICS_EVENT_LOG,\n    ANALYTICS_FOCUS_STR,\n    ANALYTICS_INPUT_STR,\n    ANALYTICS_RENDERED_STR,\n    ANALYTICS_SELECTED_STR,\n    ANALYTICS_SUBMIT_STR,\n    ANALYTICS_UNFOCUS_STR,\n    ANALYTICS_VALIDATION_ERROR_STR,\n    ANALYTICS_EXPRESS_PAGES_ARRAY\n} from './constants';\nimport { THREEDS2_ERROR, THREEDS2_FULL } from '../../components/ThreeDS2/constants';\nimport AdyenCheckoutError, { SDK_ERROR } from '../Errors/AdyenCheckoutError';\nimport { getCardConfigData } from './utils';\n\nexport const analyticsPreProcessor = (analyticsModule: AnalyticsModule) => {\n    // return function with an analyticsModule reference\n    return (component: string, analyticsObj: SendAnalyticsObject, uiElementProps = {} as any) => {\n        const { type, target } = analyticsObj;\n\n        if (!type) {\n            throw new AdyenCheckoutError(SDK_ERROR, 'You are trying to create an analytics event without a type');\n        }\n\n        switch (type) {\n            /**\n             * INFO\n             */\n            // Called from BaseElement (when component mounted) or, from DropinComponent (after mounting, when it has finished resolving all the PM promises)\n            // &/or, from DropinComponent when a PM is selected\n            // Only Drop-in sends the configData directly, if it happens the configData from the component(drop-in atm) will take over the internal configData below.\n            case ANALYTICS_RENDERED_STR: {\n                const { isStoredPaymentMethod, brand, configData: originalConfigData } = analyticsObj;\n\n                // Expected from Wallet PMs\n                const { isExpress, expressPage } = uiElementProps;\n\n                const hasExpressPage = expressPage && ANALYTICS_EXPRESS_PAGES_ARRAY.includes(expressPage);\n\n                const { type: componentType } = uiElementProps;\n                let configData: ConfigData = null;\n\n                if (componentType === 'scheme' || componentType === 'bcmc' || componentType === 'customcard') {\n                    // Expected from Card related PMs\n                    configData = getCardConfigData(uiElementProps);\n                }\n\n                const data = {\n                    component,\n                    type,\n                    ...(typeof isStoredPaymentMethod === 'boolean' && { isStoredPaymentMethod }), // if defined and a boolean...\n                    ...(brand && { brand }),\n                    ...(typeof isExpress === 'boolean' && { isExpress }),\n                    ...(isExpress === true && hasExpressPage && { expressPage }), // We only care about the expressPage value if isExpress is true\n                    ...(configData && { configData }),\n                    ...(originalConfigData && { configData: originalConfigData })\n                };\n\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_INFO,\n                    data\n                });\n\n                break;\n            }\n\n            case ANALYTICS_CONFIGURED_STR: {\n                const { isStoredPaymentMethod, brand } = analyticsObj;\n                const data = { component, type, isStoredPaymentMethod, brand };\n\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_INFO,\n                    data\n                });\n                break;\n            }\n\n            case ANALYTICS_FOCUS_STR:\n            case ANALYTICS_UNFOCUS_STR:\n            case ANALYTICS_DISPLAYED_STR: // issuerList\n            case ANALYTICS_INPUT_STR: // issuerList\n            case ANALYTICS_DOWNLOAD_STR: // QR codes\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_INFO,\n                    data: { component, type, target }\n                });\n                break;\n\n            // - ApplePay & GooglePay when instant PMs\n            // - issuerList buttons\n            case ANALYTICS_SELECTED_STR: {\n                const { issuer } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_INFO,\n                    data: { component, type, target, issuer }\n                });\n                break;\n            }\n\n            case ANALYTICS_VALIDATION_ERROR_STR: {\n                const { validationErrorCode, validationErrorMessage } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_INFO,\n                    data: { component, type, target, validationErrorCode, validationErrorMessage }\n                });\n                break;\n            }\n\n            /**\n             * LOGS\n             */\n            case ANALYTICS_SUBMIT_STR:\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_LOG,\n                    data: { component, type, message: 'Shopper clicked pay' }\n                });\n                break;\n\n            case ANALYTICS_ACTION_STR: {\n                const { subtype, message } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_LOG,\n                    data: { component, type, subtype, message }\n                });\n                break;\n            }\n\n            // General 3DS2 log events: \"action handled\" (i.e. iframe loaded), data sent, process completed\n            case THREEDS2_FULL: {\n                const { message, metadata, subtype, result } = analyticsObj;\n\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_LOG,\n                    data: { component, type, message, metadata, subtype, result }\n                });\n                break;\n            }\n\n            /**\n             * ERRORS\n             */\n            case THREEDS2_ERROR: {\n                const { message, code, errorType } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT_ERROR,\n                    data: { component, type, message, code, errorType }\n                });\n                break;\n            }\n\n            default: {\n                analyticsModule.createAnalyticsEvent(analyticsObj as CreateAnalyticsEventObject);\n            }\n        }\n    };\n};\n"],"names":["analyticsPreProcessor","analyticsModule","component","analyticsObj","uiElementProps","type","target","AdyenCheckoutError","SDK_ERROR","ANALYTICS_RENDERED_STR","isStoredPaymentMethod","brand","configData","originalConfigData","isExpress","expressPage","hasExpressPage","ANALYTICS_EXPRESS_PAGES_ARRAY","includes","componentType","getCardConfigData","data","createAnalyticsEvent","event","ANALYTICS_EVENT_INFO","ANALYTICS_CONFIGURED_STR","ANALYTICS_FOCUS_STR","ANALYTICS_UNFOCUS_STR","ANALYTICS_DISPLAYED_STR","ANALYTICS_INPUT_STR","ANALYTICS_DOWNLOAD_STR","ANALYTICS_SELECTED_STR","issuer","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","validationErrorMessage","ANALYTICS_SUBMIT_STR","ANALYTICS_EVENT_LOG","message","ANALYTICS_ACTION_STR","subtype","THREEDS2_FULL","metadata","result","THREEDS2_ERROR","code","errorType","ANALYTICS_EVENT_ERROR"],"mappings":"0oBAuBO,MAAMA,EAAyBC,GAE3B,CAACC,EAAmBC,EAAmCC,EAAiB,CAAA,KAC3E,MAAMC,KAAEA,EAAIC,OAAEA,GAAWH,EAEzB,IAAKE,EACD,MAAM,IAAIE,EAAmBC,EAAW,8DAG5C,OAAQH,GAOJ,KAAKI,EAAwB,CACzB,MAAMC,sBAAEA,EAAqBC,MAAEA,EAAOC,WAAYC,GAAuBV,GAGnEW,UAAEA,EAASC,YAAEA,GAAgBX,EAE7BY,EAAiBD,GAAeE,EAA8BC,SAASH,IAErEV,KAAMc,GAAkBf,EAChC,IAAIQ,EAAyB,KAEP,WAAlBO,GAAgD,SAAlBA,GAA8C,eAAlBA,IAE1DP,EAAaQ,EAAkBhB,IAGnC,MAAMiB,EAAO,CACTnB,YACAG,UACqC,kBAA1BK,GAAuC,CAAEA,4BAChDC,GAAS,CAAEA,YACU,kBAAdG,GAA2B,CAAEA,iBACtB,IAAdA,GAAsBE,GAAkB,CAAED,kBAC1CH,GAAc,CAAEA,iBAChBC,GAAsB,CAAED,WAAYC,IAG5CZ,EAAgBqB,qBAAqB,CACjCC,MAAOC,EACPH,SAGJ,KACJ,CAEA,KAAKI,EAA0B,CAC3B,MAAMf,sBAAEA,EAAqBC,MAAEA,GAAUR,EACnCkB,EAAO,CAAEnB,YAAWG,OAAMK,wBAAuBC,SAEvDV,EAAgBqB,qBAAqB,CACjCC,MAAOC,EACPH,SAEJ,KACJ,CAEA,KAAKK,EACL,KAAKC,EACL,KAAKC,EACL,KAAKC,EACL,KAAKC,EACD7B,EAAgBqB,qBAAqB,CACjCC,MAAOC,EACPH,KAAM,CAAEnB,YAAWG,OAAMC,YAE7B,MAIJ,KAAKyB,EAAwB,CACzB,MAAMC,OAAEA,GAAW7B,EACnBF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EACPH,KAAM,CAAEnB,YAAWG,OAAMC,SAAQ0B,YAErC,KACJ,CAEA,KAAKC,EAAgC,CACjC,MAAMC,oBAAEA,EAAmBC,uBAAEA,GAA2BhC,EACxDF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EACPH,KAAM,CAAEnB,YAAWG,OAAMC,SAAQ4B,sBAAqBC,4BAE1D,KACJ,CAKA,KAAKC,EACDnC,EAAgBqB,qBAAqB,CACjCC,MAAOc,EACPhB,KAAM,CAAEnB,YAAWG,OAAMiC,QAAS,yBAEtC,MAEJ,KAAKC,EAAsB,CACvB,MAAMC,QAAEA,EAAOF,QAAEA,GAAYnC,EAC7BF,EAAgBqB,qBAAqB,CACjCC,MAAOc,EACPhB,KAAM,CAAEnB,YAAWG,OAAMmC,UAASF,aAEtC,KACJ,CAGA,KAAKG,EAAe,CAChB,MAAMH,QAAEA,EAAOI,SAAEA,EAAQF,QAAEA,EAAOG,OAAEA,GAAWxC,EAE/CF,EAAgBqB,qBAAqB,CACjCC,MAAOc,EACPhB,KAAM,CAAEnB,YAAWG,OAAMiC,UAASI,WAAUF,UAASG,YAEzD,KACJ,CAKA,KAAKC,EAAgB,CACjB,MAAMN,QAAEA,EAAOO,KAAEA,EAAIC,UAAEA,GAAc3C,EACrCF,EAAgBqB,qBAAqB,CACjCC,MAAOwB,EACP1B,KAAM,CAAEnB,YAAWG,OAAMiC,UAASO,OAAMC,eAE5C,KACJ,CAEA,QACI7C,EAAgBqB,qBAAqBnB,GAE7C"}
+{"version":3,"file":"analyticsPreProcessor.js","sources":["../../../../src/core/Analytics/analyticsPreProcessor.ts"],"sourcesContent":["import { AnalyticsModule } from '../../types/global-types';\nimport { ConfigData, CreateAnalyticsEventObject, SendAnalyticsObject } from './types';\nimport {\n    ANALYTICS_ACTION_STR,\n    ANALYTICS_CONFIGURED_STR,\n    ANALYTICS_DISPLAYED_STR,\n    ANALYTICS_DOWNLOAD_STR,\n    ANALYTICS_FOCUS_STR,\n    ANALYTICS_INPUT_STR,\n    ANALYTICS_RENDERED_STR,\n    ANALYTICS_SELECTED_STR,\n    ANALYTICS_SUBMIT_STR,\n    ANALYTICS_UNFOCUS_STR,\n    ANALYTICS_VALIDATION_ERROR_STR,\n    ANALYTICS_EXPRESS_PAGES_ARRAY,\n    ANALYTICS_EVENT\n} from './constants';\nimport { THREEDS2_ERROR, THREEDS2_FULL } from '../../components/ThreeDS2/constants';\nimport AdyenCheckoutError, { SDK_ERROR } from '../Errors/AdyenCheckoutError';\nimport { getCardConfigData } from './utils';\n\nexport const analyticsPreProcessor = (analyticsModule: AnalyticsModule) => {\n    // return function with an analyticsModule reference\n    return (component: string, analyticsObj: SendAnalyticsObject, uiElementProps = {} as any) => {\n        const { type, target } = analyticsObj;\n\n        if (!type) {\n            throw new AdyenCheckoutError(SDK_ERROR, 'You are trying to create an analytics event without a type');\n        }\n\n        switch (type) {\n            /**\n             * INFO\n             */\n            // Called from BaseElement (when component mounted) or, from DropinComponent (after mounting, when it has finished resolving all the PM promises)\n            // &/or, from DropinComponent when a PM is selected\n            // Only Drop-in sends the configData directly, if it happens the configData from the component(drop-in atm) will take over the internal configData below.\n            case ANALYTICS_RENDERED_STR: {\n                const { isStoredPaymentMethod, brand, configData: originalConfigData } = analyticsObj;\n\n                // Expected from Wallet PMs\n                const { isExpress, expressPage } = uiElementProps;\n\n                const hasExpressPage = expressPage && ANALYTICS_EXPRESS_PAGES_ARRAY.includes(expressPage);\n\n                const { type: componentType } = uiElementProps;\n                let configData: ConfigData = null;\n\n                if (componentType === 'scheme' || componentType === 'bcmc' || componentType === 'customcard') {\n                    // Expected from Card related PMs\n                    configData = getCardConfigData(uiElementProps);\n                }\n\n                const data = {\n                    component,\n                    type,\n                    ...(typeof isStoredPaymentMethod === 'boolean' && { isStoredPaymentMethod }), // if defined and a boolean...\n                    ...(brand && { brand }),\n                    ...(typeof isExpress === 'boolean' && { isExpress }),\n                    ...(isExpress === true && hasExpressPage && { expressPage }), // We only care about the expressPage value if isExpress is true\n                    ...(configData && { configData }),\n                    ...(originalConfigData && { configData: originalConfigData })\n                };\n\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.info,\n                    data\n                });\n\n                break;\n            }\n\n            case ANALYTICS_CONFIGURED_STR: {\n                const { isStoredPaymentMethod, brand } = analyticsObj;\n                const data = { component, type, isStoredPaymentMethod, brand };\n\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.info,\n                    data\n                });\n                break;\n            }\n\n            case ANALYTICS_FOCUS_STR:\n            case ANALYTICS_UNFOCUS_STR:\n            case ANALYTICS_DISPLAYED_STR: // issuerList\n            case ANALYTICS_INPUT_STR: // issuerList\n            case ANALYTICS_DOWNLOAD_STR: // QR codes\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.info,\n                    data: { component, type, target }\n                });\n                break;\n\n            // - ApplePay & GooglePay when instant PMs\n            // - issuerList buttons\n            case ANALYTICS_SELECTED_STR: {\n                const { issuer } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.info,\n                    data: { component, type, target, issuer }\n                });\n                break;\n            }\n\n            case ANALYTICS_VALIDATION_ERROR_STR: {\n                const { validationErrorCode, validationErrorMessage } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.info,\n                    data: { component, type, target, validationErrorCode, validationErrorMessage }\n                });\n                break;\n            }\n\n            /**\n             * LOGS\n             */\n            case ANALYTICS_SUBMIT_STR:\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.log,\n                    data: { component, type, message: 'Shopper clicked pay' }\n                });\n                break;\n\n            case ANALYTICS_ACTION_STR: {\n                const { subtype, message } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.log,\n                    data: { component, type, subtype, message }\n                });\n                break;\n            }\n\n            // General 3DS2 log events: \"action handled\" (i.e. iframe loaded), data sent, process completed\n            case THREEDS2_FULL: {\n                const { message, metadata, subtype, result } = analyticsObj;\n\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.log,\n                    data: { component, type, message, metadata, subtype, result }\n                });\n                break;\n            }\n\n            /**\n             * ERRORS\n             */\n            case THREEDS2_ERROR:\n            case ANALYTICS_EVENT.error: {\n                const { message, code, errorType } = analyticsObj;\n                analyticsModule.createAnalyticsEvent({\n                    event: ANALYTICS_EVENT.error,\n                    data: { component, type, message, code, errorType }\n                });\n                break;\n            }\n\n            default: {\n                analyticsModule.createAnalyticsEvent(analyticsObj as CreateAnalyticsEventObject);\n            }\n        }\n    };\n};\n"],"names":["analyticsPreProcessor","analyticsModule","component","analyticsObj","uiElementProps","type","target","AdyenCheckoutError","SDK_ERROR","ANALYTICS_RENDERED_STR","isStoredPaymentMethod","brand","configData","originalConfigData","isExpress","expressPage","hasExpressPage","ANALYTICS_EXPRESS_PAGES_ARRAY","includes","componentType","getCardConfigData","data","createAnalyticsEvent","event","ANALYTICS_EVENT","info","ANALYTICS_CONFIGURED_STR","ANALYTICS_FOCUS_STR","ANALYTICS_UNFOCUS_STR","ANALYTICS_DISPLAYED_STR","ANALYTICS_INPUT_STR","ANALYTICS_DOWNLOAD_STR","ANALYTICS_SELECTED_STR","issuer","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","validationErrorMessage","ANALYTICS_SUBMIT_STR","log","message","ANALYTICS_ACTION_STR","subtype","THREEDS2_FULL","metadata","result","THREEDS2_ERROR","error","code","errorType"],"mappings":"ilBAqBO,MAAMA,EAAyBC,GAE3B,CAACC,EAAmBC,EAAmCC,EAAiB,CAAA,KAC3E,MAAMC,KAAEA,EAAIC,OAAEA,GAAWH,EAEzB,IAAKE,EACD,MAAM,IAAIE,EAAmBC,EAAW,8DAG5C,OAAQH,GAOJ,KAAKI,EAAwB,CACzB,MAAMC,sBAAEA,EAAqBC,MAAEA,EAAOC,WAAYC,GAAuBV,GAGnEW,UAAEA,EAASC,YAAEA,GAAgBX,EAE7BY,EAAiBD,GAAeE,EAA8BC,SAASH,IAErEV,KAAMc,GAAkBf,EAChC,IAAIQ,EAAyB,KAEP,WAAlBO,GAAgD,SAAlBA,GAA8C,eAAlBA,IAE1DP,EAAaQ,EAAkBhB,IAGnC,MAAMiB,EAAO,CACTnB,YACAG,UACqC,kBAA1BK,GAAuC,CAAEA,4BAChDC,GAAS,CAAEA,YACU,kBAAdG,GAA2B,CAAEA,iBACtB,IAAdA,GAAsBE,GAAkB,CAAED,kBAC1CH,GAAc,CAAEA,iBAChBC,GAAsB,CAAED,WAAYC,IAG5CZ,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBC,KACvBJ,SAGJ,KACJ,CAEA,KAAKK,EAA0B,CAC3B,MAAMhB,sBAAEA,EAAqBC,MAAEA,GAAUR,EACnCkB,EAAO,CAAEnB,YAAWG,OAAMK,wBAAuBC,SAEvDV,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBC,KACvBJ,SAEJ,KACJ,CAEA,KAAKM,EACL,KAAKC,EACL,KAAKC,EACL,KAAKC,EACL,KAAKC,EACD9B,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBC,KACvBJ,KAAM,CAAEnB,YAAWG,OAAMC,YAE7B,MAIJ,KAAK0B,EAAwB,CACzB,MAAMC,OAAEA,GAAW9B,EACnBF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBC,KACvBJ,KAAM,CAAEnB,YAAWG,OAAMC,SAAQ2B,YAErC,KACJ,CAEA,KAAKC,EAAgC,CACjC,MAAMC,oBAAEA,EAAmBC,uBAAEA,GAA2BjC,EACxDF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBC,KACvBJ,KAAM,CAAEnB,YAAWG,OAAMC,SAAQ6B,sBAAqBC,4BAE1D,KACJ,CAKA,KAAKC,EACDpC,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBc,IACvBjB,KAAM,CAAEnB,YAAWG,OAAMkC,QAAS,yBAEtC,MAEJ,KAAKC,EAAsB,CACvB,MAAMC,QAAEA,EAAOF,QAAEA,GAAYpC,EAC7BF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBc,IACvBjB,KAAM,CAAEnB,YAAWG,OAAMoC,UAASF,aAEtC,KACJ,CAGA,KAAKG,EAAe,CAChB,MAAMH,QAAEA,EAAOI,SAAEA,EAAQF,QAAEA,EAAOG,OAAEA,GAAWzC,EAE/CF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBc,IACvBjB,KAAM,CAAEnB,YAAWG,OAAMkC,UAASI,WAAUF,UAASG,YAEzD,KACJ,CAKA,KAAKC,EACL,KAAKrB,EAAgBsB,MAAO,CACxB,MAAMP,QAAEA,EAAOQ,KAAEA,EAAIC,UAAEA,GAAc7C,EACrCF,EAAgBqB,qBAAqB,CACjCC,MAAOC,EAAgBsB,MACvBzB,KAAM,CAAEnB,YAAWG,OAAMkC,UAASQ,OAAMC,eAE5C,KACJ,CAEA,QACI/C,EAAgBqB,qBAAqBnB,GAE7C"}

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

@@ -1,2 +1,2 @@
-import{CREDITCARD_HOLDER_NAME_INVALID as _,CREDITCARD_TAX_NUMBER_INVALID as e,BOLETO_SOCIAL_SECURITY_NUMBER_INVALID as t,ERROR_FIELD_REQUIRED as E,ERROR_INVALID_FORMAT_EXPECTS as o}from"../Errors/constants.js";const r="v3/analytics",n=1e4,I=3e3,N="log",T="error",a="info",S="action",O="submit",c="selected",i="rendered",A="displayed",R="input",d="download",s="validationError",L="focus",l="unfocus",p="configured",D="qr_download_button",u="instant_payment_button",C="featured_issuer",f="list",G="list_search",m="ApiError",M="SdkError",P="Network";var F,H;!function(_){_.ACTION_IS_MISSING_PAYMENT_DATA="700",_.ACTION_IS_MISSING_TOKEN="701",_.TOKEN_IS_MISSING_THREEDSMETHODURL="702",_.TOKEN_IS_MISSING_OTHER_PROPS="703",_.TOKEN_DECODE_OR_PARSING_FAILED="704",_.THREEDS2_TIMEOUT="705",_.TOKEN_IS_MISSING_ACSURL="800",_.NO_TRANSSTATUS="801",_.NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED="802",_.NO_COMPONENT_FOR_ACTION="803",_.NO_ACTION_FOR_CHALLENGE="804",_.CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP="805"}(F||(F={})),function(_){_.FINGERPRINT_DATA_SENT="fingerprintDataSentWeb",_.FINGERPRINT_IFRAME_LOADED="fingerprintIframeLoaded",_.FINGERPRINT_COMPLETED="fingerprintCompleted",_.CHALLENGE_DATA_SENT="challengeDataSentWeb",_.CHALLENGE_IFRAME_LOADED="challengeIframeLoaded",_.CHALLENGE_COMPLETED="challengeCompleted"}(H||(H={}));const h={[_]:"925",[e]:"942",[t]:"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",[`${o}.postal_code`]:"934"},g=["cart","minicart","pdp","checkout"],U=["applicationInfo","checkoutAttemptId"],$="fetch-checkoutAttemptId-failed";export{U as ALLOWED_ANALYTICS_DATA,S as ANALYTICS_ACTION_STR,m as ANALYTICS_API_ERROR,p as ANALYTICS_CONFIGURED_STR,A as ANALYTICS_DISPLAYED_STR,d as ANALYTICS_DOWNLOAD_STR,T as ANALYTICS_EVENT_ERROR,a as ANALYTICS_EVENT_INFO,N as ANALYTICS_EVENT_LOG,g as ANALYTICS_EXPRESS_PAGES_ARRAY,C as ANALYTICS_FEATURED_ISSUER,L as ANALYTICS_FOCUS_STR,n as ANALYTICS_INFO_TIMER_INTERVAL,R as ANALYTICS_INPUT_STR,u as ANALYTICS_INSTANT_PAYMENT_BUTTON,f as ANALYTICS_LIST,G as ANALYTICS_LIST_SEARCH,P as ANALYTICS_NETWORK_ERROR,r as ANALYTICS_PATH,D as ANALYTICS_QR_CODE_DOWNLOAD,i as ANALYTICS_RENDERED_STR,M as ANALYTICS_SDK_ERROR,I as ANALYTICS_SEARCH_DEBOUNCE_TIME,c as ANALYTICS_SELECTED_STR,O as ANALYTICS_SUBMIT_STR,l as ANALYTICS_UNFOCUS_STR,s as ANALYTICS_VALIDATION_ERROR_STR,F as Analytics3DS2Errors,H as Analytics3DS2Events,$ as NO_CHECKOUT_ATTEMPT_ID,h as errorCodeMapping};
+import{CREDITCARD_HOLDER_NAME_INVALID as e,CREDITCARD_TAX_NUMBER_INVALID as r,BOLETO_SOCIAL_SECURITY_NUMBER_INVALID as t,ERROR_FIELD_REQUIRED as _,ERROR_INVALID_FORMAT_EXPECTS as n}from"../Errors/constants.js";const o="v3/analytics",E=1e4,i=3e3,a={log:"log",error:"error",info:"info"},I={network:"Network",implementation:"ImplementationError",internal:"Internal",apiError:"ApiError",sdkError:"SdkError",thirdParty:"ThirdParty",generic:"Generic",redirect:"Redirect",threeDS2:"ThreeDS2"},N={redirect:"600"},T="action",S="submit",c="selected",O="rendered",l="displayed",d="input",A="download",R="validationError",s="focus",p="unfocus",L="configured",D="qr_download_button",u="instant_payment_button",f="featured_issuer",m="list",C="list_search";var G=function(e){return e.ACTION_IS_MISSING_PAYMENT_DATA="700",e.ACTION_IS_MISSING_TOKEN="701",e.TOKEN_IS_MISSING_THREEDSMETHODURL="702",e.TOKEN_IS_MISSING_OTHER_PROPS="703",e.TOKEN_DECODE_OR_PARSING_FAILED="704",e.THREEDS2_TIMEOUT="705",e.TOKEN_IS_MISSING_ACSURL="800",e.NO_TRANSSTATUS="801",e.NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED="802",e.NO_COMPONENT_FOR_ACTION="803",e.NO_ACTION_FOR_CHALLENGE="804",e.CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP="805",e}({}),P=function(e){return e.FINGERPRINT_DATA_SENT="fingerprintDataSentWeb",e.FINGERPRINT_IFRAME_LOADED="fingerprintIframeLoaded",e.FINGERPRINT_COMPLETED="fingerprintCompleted",e.CHALLENGE_DATA_SENT="challengeDataSentWeb",e.CHALLENGE_IFRAME_LOADED="challengeIframeLoaded",e.CHALLENGE_COMPLETED="challengeCompleted",e}({});const h={[e]:"925",[r]:"942",[t]:"926",[`${_}.country`]:"930",[`${_}.street`]:"931",[`${_}.house_number_or_name`]:"932",[`${_}.postal_code`]:"933",[`${_}.city`]:"935",[`${_}.state_or_province`]:"936",[`${n}.postal_code`]:"934"},M=["cart","minicart","pdp","checkout"],F=["applicationInfo","checkoutAttemptId"],g="fetch-checkoutAttemptId-failed",H={all:"all",initial:"initial"};export{F as ALLOWED_ANALYTICS_DATA,T as ANALYTICS_ACTION_STR,L as ANALYTICS_CONFIGURED_STR,l as ANALYTICS_DISPLAYED_STR,A as ANALYTICS_DOWNLOAD_STR,N as ANALYTICS_ERROR_CODE,I as ANALYTICS_ERROR_TYPE,a as ANALYTICS_EVENT,M as ANALYTICS_EXPRESS_PAGES_ARRAY,f as ANALYTICS_FEATURED_ISSUER,s as ANALYTICS_FOCUS_STR,E as ANALYTICS_INFO_TIMER_INTERVAL,d as ANALYTICS_INPUT_STR,u as ANALYTICS_INSTANT_PAYMENT_BUTTON,m as ANALYTICS_LIST,C as ANALYTICS_LIST_SEARCH,o as ANALYTICS_PATH,D as ANALYTICS_QR_CODE_DOWNLOAD,O as ANALYTICS_RENDERED_STR,i as ANALYTICS_SEARCH_DEBOUNCE_TIME,c as ANALYTICS_SELECTED_STR,S as ANALYTICS_SUBMIT_STR,p as ANALYTICS_UNFOCUS_STR,R as ANALYTICS_VALIDATION_ERROR_STR,H as ANALYTIC_LEVEL,G as Analytics3DS2Errors,P as Analytics3DS2Events,g as NO_CHECKOUT_ATTEMPT_ID,h as errorCodeMapping};
 //# sourceMappingURL=constants.js.map