@adyen/adyen-web 6.45.0 → 6.45.1

package/dist/es-legacy/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    CardErrorData,\n    CardFocusData,\n    CardBrandData,\n    CardAllValidData,\n    CardFieldValidData,\n    CardAutoCompleteData,\n    CardConfigSuccessData,\n    CardLoadData,\n    SFKeyDownObj,\n    SFFieldType\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 { resolveCVCErrorKey } from '../../../Card/components/CardInput/utils';\nimport { getErrorMessageFromCode } from '../../../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { TxVariants } from '../../../tx-variants';\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 readonly csfLoadFailTimeoutMS: number;\n    private readonly csfConfigFailTimeout: number;\n    private readonly csfConfigFailTimeoutMS: number;\n    private numCharsInField: object;\n    private rootNode: HTMLElement;\n    private numDateFields: number;\n    private csf: CSFReturnObject;\n    private readonly handleOnLoad: (obj: CardLoadData) => void;\n    private readonly handleOnConfigSuccess: (obj: CardConfigSuccessData) => void;\n    private readonly handleOnFieldValid: (obj: CardFieldValidData) => void;\n    private readonly handleOnAllValid: (obj: CardAllValidData) => void;\n    private readonly handleOnBrand: (obj: CardBrandData) => void;\n    private readonly handleFocus: (obj: CardFocusData) => void;\n    private readonly handleOnError: (obj: CardErrorData, hasUnsupportedCard?: boolean) => void;\n    private readonly handleOnAutoComplete: (obj: CardAutoCompleteData) => void;\n    private readonly handleOnNoDataRequired: () => void;\n    private readonly handleOnTouchstartIOS: (obj) => void;\n    private readonly handleKeyDown: (obj: SFKeyDownObj) => void;\n    public state: SFPState;\n    public props: SFPProps;\n    private issuingCountryCode: string;\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.handleKeyDown = handlers.handleKeyDown.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 readonly 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();\n            this.initializeCSF(this.rootNode);\n        } else {\n            if (this.props.componentType === (TxVariants.customCard as string)) {\n                console.debug(\n                    'You are trying to create a CustomCard component but the element into which you are trying to mount the CustomCard component does not contain any elements with a \"data-cse\" attribute e.g. <div data-cse=\"encryptedCardNumber\"></div>'\n                );\n            }\n            this.handleOnNoDataRequired();\n        }\n    }\n\n    public componentDidUpdate() {\n        this.checkForKCPFields();\n        // Pass all the state data up - Used right now for loading status\n        this.props.onStateUpdate?.(this.state);\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        const csfSetupObj: CSFSetupObject = {\n            rootNode: root,\n            type: this.props.type,\n            componentType: this.props.componentType,\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            onSubmitAnalytics: this.props.onSubmitAnalytics,\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                onKeyDown: this.handleKeyDown\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]: null },\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: CardErrorData): 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: SFFieldType): 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 as SFFieldType);\n    }\n\n    public destroy(): void {\n        if (this.csf) this.csf.destroy();\n    }\n\n    public getRootNode(): HTMLElement {\n        return this.rootNode;\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: SFFieldType) => {\n                // For each detected error pass an error object to the handler (calls error callback & sets state)\n                const errorObj: CardErrorData = 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                    // CVC's error copy is brand-dependent (Amex vs. others), so resolve the brand-aware\n                    // key here too - otherwise this errorI18n value (consumed by the SR-live-panel and\n                    // the public state.errors.<field>.errorI18n API) would always report the non-Amex text.\n                    errorI18n: this.props.i18n.get(resolveCVCErrorKey(errorCode, this.state.brand === 'amex')),\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]: null },\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: CardErrorData = {\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: SFPState) {\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","componentType","TxVariants","customCard","console","debug","handleOnNoDataRequired","componentDidUpdate","_this_props_onStateUpdate","_this_props","checkForKCPFields","onStateUpdate","call","state","componentWillUnmount","csf","clearTimeout","csfLoadFailTimeout","csfConfigFailTimeout","root","_this_props_placeholders","loadingContext","csfSetupObj","type","clientKey","cardGroupTypes","brands","autoFocus","trimTrailingSeparator","keypadFix","showWarnings","iframeUIConfig","sfStyles","styles","i18n","onSubmitAnalytics","callbacks","onLoad","handleOnLoad","onConfigSuccess","handleOnConfigSuccess","onFieldValid","handleOnFieldValid","onAllValid","handleOnAllValid","onBrand","handleOnBrand","onError","handleOnError","onFocus","handleFocus","onBinValue","onAutoComplete","handleOnAutoComplete","onAdditionalSFConfig","onAdditionalSFRemoved","onTouchstartIOS","handleOnTouchstartIOS","onKeyDown","handleKeyDown","isKCP","hasKoreanFields","legacyInputMode","minimumExpiryDate","implementationType","forceCompat","maskSecurityCode","exposeExpiryDate","shouldDisableIOSArrowKeys","disableIOSArrowKeys","placeholders","showContextualElement","initCSF","setTimeout","status","AdyenCheckoutError","csfLoadFailTimeoutMS","needsKoreanFields","koreanAuthenticationRequired","issuingCountryCode","countryCode","setRemovedFieldState","prevState","data","_object_spread_props","_object_spread","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","getRootNode","showValidation","Object","keys","getErrorReducer","errorObj","getErrorObject","isValidated","mapErrorsToValidationRuleResult","acc","fieldName","errorCode","isValid","errorMessage","getErrorMessageFromCode","SF_ErrorCodes","errorI18n","get","resolveCVCErrorKey","brand","processBinLookupResponse","binLookupResponse","resetObject","toLowerCase","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    CardErrorData,\n    CardFocusData,\n    CardBrandData,\n    CardAllValidData,\n    CardFieldValidData,\n    CardAutoCompleteData,\n    CardConfigSuccessData,\n    CardLoadData,\n    SFKeyDownObj,\n    SFFieldType\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 { resolveCVCErrorKey } from '../../../Card/components/CardInput/utils';\nimport { getErrorMessageFromCode } from '../../../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { TxVariants } from '../../../tx-variants';\n\n/**\n * SecuredFieldsProvider:\n * Initialises & handles the client-side part of SecuredFields\n */\nclass SecuredFieldsProvider extends Component<SFPProps, SFPState> {\n    private readonly csfLoadFailTimeout: number;\n    private readonly csfLoadFailTimeoutMS: number;\n    private readonly csfConfigFailTimeout: number;\n    private readonly csfConfigFailTimeoutMS: number;\n    private numCharsInField: object;\n    private rootNode: HTMLElement;\n    private numDateFields: number;\n    private csf: CSFReturnObject;\n    private readonly handleOnLoad: (obj: CardLoadData) => void;\n    private readonly handleOnConfigSuccess: (obj: CardConfigSuccessData) => void;\n    private readonly handleOnFieldValid: (obj: CardFieldValidData) => void;\n    private readonly handleOnAllValid: (obj: CardAllValidData) => void;\n    private readonly handleOnBrand: (obj: CardBrandData) => void;\n    private readonly handleFocus: (obj: CardFocusData) => void;\n    private readonly handleOnError: (obj: CardErrorData, hasUnsupportedCard?: boolean) => void;\n    private readonly handleOnAutoComplete: (obj: CardAutoCompleteData) => void;\n    private readonly handleOnNoDataRequired: () => void;\n    private readonly handleOnTouchstartIOS: (obj) => void;\n    private readonly handleKeyDown: (obj: SFKeyDownObj) => void;\n    public state: SFPState;\n    public props: SFPProps;\n    private issuingCountryCode: string;\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.handleKeyDown = handlers.handleKeyDown.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 readonly 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();\n            this.initializeCSF(this.rootNode);\n        } else {\n            if (this.props.componentType === (TxVariants.customCard as string)) {\n                console.debug(\n                    'You are trying to create a CustomCard component but the element into which you are trying to mount the CustomCard component does not contain any elements with a \"data-cse\" attribute e.g. <div data-cse=\"encryptedCardNumber\"></div>'\n                );\n            }\n            this.handleOnNoDataRequired();\n        }\n    }\n\n    public componentDidUpdate() {\n        this.checkForKCPFields();\n        // Pass all the state data up - Used right now for loading status\n        this.props.onStateUpdate?.(this.state);\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        const csfSetupObj: CSFSetupObject = {\n            rootNode: root,\n            type: this.props.type,\n            componentType: this.props.componentType,\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            onSubmitAnalytics: this.props.onSubmitAnalytics,\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                onKeyDown: this.handleKeyDown\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]: null },\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: CardErrorData): 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: SFFieldType): 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 as SFFieldType);\n    }\n\n    public destroy(): void {\n        if (this.csf) this.csf.destroy();\n    }\n\n    public getRootNode(): HTMLElement {\n        return this.rootNode;\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: SFFieldType) => {\n                // For each detected error pass an error object to the handler (calls error callback & sets state)\n                const errorObj: CardErrorData = 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                    // CVC's error copy is brand-dependent (Amex vs. others), so resolve the brand-aware\n                    // key here too - otherwise this errorI18n value (consumed by the SR-live-panel and\n                    // the public state.errors.<field>.errorI18n API) would always report the non-Amex text.\n                    errorI18n: this.props.i18n.get(resolveCVCErrorKey(errorCode, this.state.brand === 'amex')),\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]: null },\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: CardErrorData = {\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 readonly setRootNode = (input: HTMLElement): void => {\n        this.rootNode = input;\n    };\n\n    public render(props, state: SFPState) {\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","componentType","TxVariants","customCard","console","debug","handleOnNoDataRequired","componentDidUpdate","_this_props_onStateUpdate","_this_props","checkForKCPFields","onStateUpdate","call","state","componentWillUnmount","csf","clearTimeout","csfLoadFailTimeout","csfConfigFailTimeout","root","_this_props_placeholders","loadingContext","csfSetupObj","type","clientKey","cardGroupTypes","brands","autoFocus","trimTrailingSeparator","keypadFix","showWarnings","iframeUIConfig","sfStyles","styles","i18n","onSubmitAnalytics","callbacks","onLoad","handleOnLoad","onConfigSuccess","handleOnConfigSuccess","onFieldValid","handleOnFieldValid","onAllValid","handleOnAllValid","onBrand","handleOnBrand","onError","handleOnError","onFocus","handleFocus","onBinValue","onAutoComplete","handleOnAutoComplete","onAdditionalSFConfig","onAdditionalSFRemoved","onTouchstartIOS","handleOnTouchstartIOS","onKeyDown","handleKeyDown","isKCP","hasKoreanFields","legacyInputMode","minimumExpiryDate","implementationType","forceCompat","maskSecurityCode","exposeExpiryDate","shouldDisableIOSArrowKeys","disableIOSArrowKeys","placeholders","showContextualElement","initCSF","setTimeout","status","AdyenCheckoutError","csfLoadFailTimeoutMS","needsKoreanFields","koreanAuthenticationRequired","issuingCountryCode","countryCode","setRemovedFieldState","prevState","data","_object_spread_props","_object_spread","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","getRootNode","showValidation","Object","keys","getErrorReducer","errorObj","getErrorObject","isValidated","mapErrorsToValidationRuleResult","acc","fieldName","errorCode","isValid","errorMessage","getErrorMessageFromCode","SF_ErrorCodes","errorI18n","get","resolveCVCErrorKey","brand","processBinLookupResponse","binLookupResponse","resetObject","toLowerCase","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-legacy/components/internal/UIElement/UIElement.js

@@ -1,2 +1,2 @@
-import{createElement as e,createRef as t}from"../../../external/preact/dist/preact.js";import s,{NETWORK_ERROR as o}from"../../../core/Errors/AdyenCheckoutError.js";import i from"../../../core/Services/order-status.js";import{hasOwnProperty as n}from"../../../utils/hasOwnProperty.js";import r from"../BaseElement/BaseElement.js";import a from"../PayButton/PayButton.js";import{assertIsDropin as h,getRegulatoryDefaults as l,sanitizeResponse as d,verifyPaymentDidNotFail as c,cleanupFinalResult as p}from"./utils.js";import{AnalyticsErrorEvent as m,ErrorEventType as u}from"../../../core/Analytics/events/AnalyticsErrorEvent.js";import{AnalyticsInfoEvent as y,InfoEventType as f}from"../../../core/Analytics/events/AnalyticsInfoEvent.js";import{AnalyticsLogEvent as v,LogEventType as R}from"../../../core/Analytics/events/AnalyticsLogEvent.js";import b from"../../../core/Errors/CancelError.js";import{CoreProvider as P}from"../../../core/Context/CoreProvider.js";import A from"../../../core/Errors/SRPanelProvider.js";import{AmountProvider as g}from"../../../core/Context/AmountProvider.js";import{TxVariants as w}from"../../tx-variants.js";function E(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}function S(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},o=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(s).filter(function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.forEach(function(t){E(e,t,s[t])})}return e}function C(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t.push.apply(t,s)}return t}(Object(t)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))}),e}class j extends r{createBeforeRenderHook(e){const t=this.render;this.render=(...s)=>(this.beforeRender(e),t.apply(this,s))}beforeRender(e){if(null==e?void 0:e.originalAction)return;const t=new y(S({type:f.rendered,component:this.type,configData:C(S({},e),{showPayButton:this.props.showPayButton})},(null==e?void 0:e.oneClick)&&{isStoredPaymentMethod:!0}));this.analytics.sendAnalytics(t)}reportIntegrationFlavor(){this.analytics.sendFlavor("components")}get analytics(){return this.core.modules.analytics}get srPanel(){return this.core.modules.srPanel}getPaymentMethodConfigFromResponse(e){return(null==e?void 0:e.storedPaymentMethodId)?this.getStoredPaymentMethodDetails(e.storedPaymentMethodId):this.getPaymentMethodFromPaymentMethodsResponse(null==e?void 0:e.type,null==e?void 0:e.paymentMethodId)}buildElementProps(e){const t=S({showPayButton:!0},this.core.getCorePropsForComponent(),this.getPaymentMethodConfigFromResponse(e),e),s=h(this);this.props=this.formatProps(S({},this.constructor.defaultProps,l(this.core.options.countryCode,s),t))}getStoredPaymentMethodDetails(e){return this.core.paymentMethodsResponse.findStoredPaymentMethod(e)}getPaymentMethodFromPaymentMethodsResponse(e,t){var s;return t?this.core.paymentMethodsResponse.findById(t):null===(s=this.core.paymentMethodsResponse)||void 0===s?void 0:s.find(e||this.constructor.type)}storeElementRefOnCore(e){(null==e?void 0:e.isDropin)||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(e){this.state=S({},this.state,e),this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}updateAmount(e,t){var s;this.props=S({},this.props,e&&{amount:e},t&&{secondaryAmount:t}),null===(s=this.amountProviderRef.current)||void 0===s||s.update(e,t)}setElementStatus(e,t){var s;return null===(s=this.elementRef)||void 0===s||s.setStatus(e,t),this}setStatus(e,t){var s;return(null===(s=this.componentRef)||void 0===s?void 0:s.setStatus)&&this.componentRef.setStatus(e,t),this}onChange(){var e,t;null===(e=(t=this.props).onChange)||void 0===e||e.call(t,{data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}submitAnalytics(e){this.analytics.sendAnalytics(e)}submit(){if(this.isValid){if(this.props.onReview){var e;const t=null!==(e=this.state.order)&&void 0!==e?e:this.props.order,s=(e={})=>{this.submitAnalytics(new v({component:this.type,type:R.review,message:"Review flow triggered"})),this.props.onReview(this.data,this.elementRef,e)};return t?void i({clientKey:this.props.clientKey,loadingContext:this.props.loadingContext},t).then(e=>s({orderStatus:e})).catch(()=>s()):void s()}this.executePaymentsCall()}else this.showValidation()}executePaymentsCall(){this.makePaymentsCall().then(d).then(c).then(this.handleResponse).catch(e=>{e instanceof b?this.setElementStatus("ready"):this.handleFailedResult(e)})}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise((e,t)=>{this.props.beforeSubmit(this.data,this.elementRef,{resolve:e,reject:()=>t(new b("beforeSubmitRejected"))})}):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){const e=new v({component:this.type,type:R.submit,message:"Shopper clicked pay"});return this.submitAnalytics(e),new Promise((e,t)=>{this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:e,reject:t})})}async submitUsingSessionsFlow(e){const t=new v({component:this.type,type:R.submit,message:"Shopper clicked pay"});this.submitAnalytics(t);try{return await this.core.session.submitPayment(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /payments call",{cause:e})),Promise.reject(e)}}onComplete(e){this.handleAdditionalDetails(e)}handleAdditionalDetails(e){this.makeAdditionalDetailsCall(e).then(d).then(c).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(e){return this.props.onAdditionalDetails?new Promise((t,s)=>{this.props.onAdditionalDetails(e,this.elementRef,{resolve:t,reject:s})}):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(e.data):void this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(e){try{return await this.core.session.submitDetails(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /details call",{cause:e})),Promise.reject(e)}}handleAction(e,t={}){if(!e||!e.type){if(n(e,"action")&&n(e,"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(e,S({},this.elementRef.props,t));return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(e){var t,s;null===(s=this.props)||void 0===s||null===(t=s.onActionHandled)||void 0===t||t.call(s,S({originalAction:this.props.originalAction},e))}setupSessionsDonation(){const{amount:e,donation:t}=this.props;if(!1!==(null==t?void 0:t.autoMount)){const t=h(this.elementRef)?this.elementRef._node:this._node;new(this.core.getComponent(w.donation))(this.core,{rootNode:t,commercialTxAmount:e.value})}}handleResponse(e){var t,s,o;e.action?(null===(o=this.core.options)||void 0===o?void 0:o.onAction)?this.core.options.onAction(this.core.createFromAction(e.action,S({},this.elementRef.props))):this.elementRef.handleAction(e.action):(null===(s=e.order)||void 0===s||null===(t=s.remainingAmount)||void 0===t?void 0:t.value)>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyDown(e){var t;"Enter"!==e.key&&"Enter"!==e.code||(e.preventDefault(),this.onEnterKeyPressed(null===(t=document)||void 0===t?void 0:t.activeElement,this))}onEnterKeyPressed(e,t){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(e,t):(e.blur(),this.submit())}updateParent(e={}){return this.elementRef.core.update(e)}get isValid(){return!1}get icon(){var e;const t=this.props.paymentMethodType||this.type;return null!==(e=this.props.icon)&&void 0!==e?e:this.resources.getImage()(t)}get displayName(){var e,t;const s=null===(t=this.core.paymentMethodsResponse)||void 0===t||null===(e=t.paymentMethods)||void 0===e?void 0:e.find(e=>e.type===this.type);return this.props.name||(null==s?void 0:s.name)||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(e,t){return new Promise((t,s)=>{if(!this.props.onPaymentMethodsRequest)return t();this.props.onPaymentMethodsRequest(C(S({},e&&{order:{orderData:e.orderData,pspReference:e.pspReference}}),{locale:this.core.options.locale}),{resolve:t,reject:s})}).catch(e=>{this.handleError(new s("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:e}))}).then(s=>this.core.update(C(S({},s&&{paymentMethodsResponse:s}),{order:e,amount:e?e.remainingAmount:t})))}render(){return e(P,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources,analytics:this.analytics},e(A,{srPanel:this.srPanel},e(g,{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,providerRef:this.amountProviderRef},this.componentToRender())))}constructor(s,i){super(s,i),E(this,"componentRef",void 0),E(this,"resources",void 0),E(this,"elementRef",void 0),E(this,"amountProviderRef",t()),E(this,"handleError",e=>{if(this.setElementStatus("ready"),e.name===o&&e.options.code){const t=new m({component:this.type,errorType:u.apiError,code:e.options.code});this.submitAnalytics(t)}this.props.onError&&this.props.onError(e,this.elementRef)}),E(this,"handleOrder",e=>{const{order:t}=e;(this.core.session?this.core.update({order:t}):this.handleAdvanceFlowPaymentMethodsUpdate(t)).then(()=>{var e,s;null===(e=(s=this.props).onOrderUpdated)||void 0===e||e.call(s,{order:t})})}),E(this,"handleFailedResult",e=>{var t,s;h(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),p(e),null===(t=(s=this.props).onPaymentFailed)||void 0===t||t.call(s,e,this.elementRef)}),E(this,"handleSuccessResult",e=>{var t,s;h(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),p(e),this.core.session&&!0===e.askDonation&&this.setupSessionsDonation(),null===(t=(s=this.props).onPaymentCompleted)||void 0===t||t.call(s,e,this.elementRef)}),E(this,"setComponentRef",e=>{this.componentRef=e}),E(this,"payButton",t=>e(a,C(S({},t),{onClick:this.submit,showReview:!!this.props.onReview}))),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.updateAmount=this.updateAmount.bind(this),this.setupSessionsDonation=this.setupSessionsDonation.bind(this),this.elementRef=i&&i.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),this.createBeforeRenderHook(i),this.reportIntegrationFlavor()}}E(j,"type",void 0),E(j,"txVariants",[]);export{j as UIElement,j as default};
+import{createElement as e,createRef as t}from"../../../external/preact/dist/preact.js";import s,{NETWORK_ERROR as o}from"../../../core/Errors/AdyenCheckoutError.js";import i from"../../../core/Services/order-status.js";import{hasOwnProperty as n}from"../../../utils/hasOwnProperty.js";import r from"../BaseElement/BaseElement.js";import a from"../PayButton/PayButton.js";import{assertIsDropin as l,getRegulatoryDefaults as h,sanitizeResponse as d,verifyPaymentDidNotFail as c,cleanupFinalResult as p}from"./utils.js";import{AnalyticsErrorEvent as m,ErrorEventType as u}from"../../../core/Analytics/events/AnalyticsErrorEvent.js";import{AnalyticsInfoEvent as y,InfoEventType as v}from"../../../core/Analytics/events/AnalyticsInfoEvent.js";import{AnalyticsLogEvent as f,LogEventType as R}from"../../../core/Analytics/events/AnalyticsLogEvent.js";import b from"../../../core/Errors/CancelError.js";import{CoreProvider as P}from"../../../core/Context/CoreProvider.js";import A from"../../../core/Errors/SRPanelProvider.js";import{AmountProvider as g}from"../../../core/Context/AmountProvider.js";import{TxVariants as w}from"../../tx-variants.js";function E(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}function S(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},o=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(s).filter(function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable}))),o.forEach(function(t){E(e,t,s[t])})}return e}function C(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t.push.apply(t,s)}return t}(Object(t)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))}),e}class j extends r{createBeforeRenderHook(e){const t=this.render;this.render=(...s)=>(this.beforeRender(e),t.apply(this,s))}beforeRender(e){if(null==e?void 0:e.originalAction)return;const t=new y(S({type:v.rendered,component:this.type,configData:C(S({},e),{showPayButton:this.props.showPayButton})},(null==e?void 0:e.oneClick)&&{isStoredPaymentMethod:!0}));this.analytics.sendAnalytics(t)}reportIntegrationFlavor(){this.analytics.sendFlavor("components")}get analytics(){return this.core.modules.analytics}get srPanel(){return this.core.modules.srPanel}getPaymentMethodConfigFromResponse(e){return(null==e?void 0:e.storedPaymentMethodId)?this.getStoredPaymentMethodDetails(e.storedPaymentMethodId):this.getPaymentMethodFromPaymentMethodsResponse(null==e?void 0:e.type,null==e?void 0:e.paymentMethodId)}buildElementProps(e){const t=S({showPayButton:!0},this.core.getCorePropsForComponent(),this.getPaymentMethodConfigFromResponse(e),e),s=l(this);this.props=this.formatProps(S({},this.constructor.defaultProps,h(this.core.options.countryCode,s),t))}getStoredPaymentMethodDetails(e){return this.core.paymentMethodsResponse.findStoredPaymentMethod(e)}getPaymentMethodFromPaymentMethodsResponse(e,t){var s;return t?this.core.paymentMethodsResponse.findById(t):null===(s=this.core.paymentMethodsResponse)||void 0===s?void 0:s.find(e||this.constructor.type)}storeElementRefOnCore(e){(null==e?void 0:e.isDropin)||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(e){this.state=S({},this.state,e),this.onChange()}showValidation(){var e,t;return null===(t=this.componentRef)||void 0===t||null===(e=t.showValidation)||void 0===e||e.call(t),this}updateAmount(e,t){var s;this.props=S({},this.props,e&&{amount:e},t&&{secondaryAmount:t}),null===(s=this.amountProviderRef.current)||void 0===s||s.update(e,t)}setElementStatus(e){var t,s;return null===(s=this.elementRef)||void 0===s||null===(t=s.setStatus)||void 0===t||t.call(s,e),this}setStatus(e){var t,s;return null===(s=this.componentRef)||void 0===s||null===(t=s.setStatus)||void 0===t||t.call(s,e),this}onChange(){var e,t;null===(e=(t=this.props).onChange)||void 0===e||e.call(t,{data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}submitAnalytics(e){this.analytics.sendAnalytics(e)}submit(){if(this.isValid){if(this.props.onReview){var e;const t=null!==(e=this.state.order)&&void 0!==e?e:this.props.order,s=(e={})=>{this.submitAnalytics(new f({component:this.type,type:R.review,message:"Review flow triggered"})),this.props.onReview(this.data,this.elementRef,e)};return t?void i({clientKey:this.props.clientKey,loadingContext:this.props.loadingContext},t).then(e=>s({orderStatus:e})).catch(()=>s()):void s()}this.executePaymentsCall()}else this.showValidation()}executePaymentsCall(){this.makePaymentsCall().then(d).then(c).then(this.handleResponse).catch(e=>{e instanceof b?this.setElementStatus("ready"):this.handleFailedResult(e)})}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise((e,t)=>{this.props.beforeSubmit(this.data,this.elementRef,{resolve:e,reject:()=>t(new b("beforeSubmitRejected"))})}):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){const e=new f({component:this.type,type:R.submit,message:"Shopper clicked pay"});return this.submitAnalytics(e),new Promise((e,t)=>{this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:e,reject:t})})}async submitUsingSessionsFlow(e){const t=new f({component:this.type,type:R.submit,message:"Shopper clicked pay"});this.submitAnalytics(t);try{return await this.core.session.submitPayment(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /payments call",{cause:e})),Promise.reject(e)}}onComplete(e){this.handleAdditionalDetails(e)}handleAdditionalDetails(e){this.makeAdditionalDetailsCall(e).then(d).then(c).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(e){return this.props.onAdditionalDetails?new Promise((t,s)=>{this.props.onAdditionalDetails(e,this.elementRef,{resolve:t,reject:s})}):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(e.data):void this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(e){try{return await this.core.session.submitDetails(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /details call",{cause:e})),Promise.reject(e)}}handleAction(e,t={}){if(!e||!e.type){if(n(e,"action")&&n(e,"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(e,S({},this.elementRef.props,t));return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(e){var t,s;null===(s=this.props)||void 0===s||null===(t=s.onActionHandled)||void 0===t||t.call(s,S({originalAction:this.props.originalAction},e))}setupSessionsDonation(){const{amount:e,donation:t}=this.props;if(!1!==(null==t?void 0:t.autoMount)){const t=l(this.elementRef)?this.elementRef._node:this._node;new(this.core.getComponent(w.donation))(this.core,{rootNode:t,commercialTxAmount:e.value})}}handleResponse(e){var t,s,o;e.action?(null===(o=this.core.options)||void 0===o?void 0:o.onAction)?this.core.options.onAction(this.core.createFromAction(e.action,S({},this.elementRef.props))):this.elementRef.handleAction(e.action):(null===(s=e.order)||void 0===s||null===(t=s.remainingAmount)||void 0===t?void 0:t.value)>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyDown(e){var t;"Enter"!==e.key&&"Enter"!==e.code||(e.preventDefault(),this.onEnterKeyPressed(null===(t=document)||void 0===t?void 0:t.activeElement,this))}onEnterKeyPressed(e,t){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(e,t):(e.blur(),this.submit())}updateParent(e={}){return this.elementRef.core.update(e)}get isValid(){return!1}get icon(){var e;const t=this.props.paymentMethodType||this.type;return null!==(e=this.props.icon)&&void 0!==e?e:this.resources.getImage()(t)}get displayName(){var e,t;const s=null===(t=this.core.paymentMethodsResponse)||void 0===t||null===(e=t.paymentMethods)||void 0===e?void 0:e.find(e=>e.type===this.type);return this.props.name||(null==s?void 0:s.name)||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(e,t){return new Promise((t,s)=>{if(!this.props.onPaymentMethodsRequest)return t();this.props.onPaymentMethodsRequest(C(S({},e&&{order:{orderData:e.orderData,pspReference:e.pspReference}}),{locale:this.core.options.locale}),{resolve:t,reject:s})}).catch(e=>{this.handleError(new s("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:e}))}).then(s=>this.core.update(C(S({},s&&{paymentMethodsResponse:s}),{order:e,amount:e?e.remainingAmount:t})))}render(){return e(P,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources,analytics:this.analytics},e(A,{srPanel:this.srPanel},e(g,{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,providerRef:this.amountProviderRef},this.componentToRender())))}constructor(s,i){super(s,i),E(this,"componentRef",void 0),E(this,"resources",void 0),E(this,"elementRef",void 0),E(this,"amountProviderRef",t()),E(this,"handleError",e=>{if(this.setElementStatus("ready"),e.name===o&&e.options.code){const t=new m({component:this.type,errorType:u.apiError,code:e.options.code});this.submitAnalytics(t)}this.props.onError&&this.props.onError(e,this.elementRef)}),E(this,"handleOrder",e=>{const{order:t}=e;(this.core.session?this.core.update({order:t}):this.handleAdvanceFlowPaymentMethodsUpdate(t)).then(()=>{var e,s;null===(e=(s=this.props).onOrderUpdated)||void 0===e||e.call(s,{order:t})})}),E(this,"handleFailedResult",e=>{var t,s;l(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),p(e),null===(t=(s=this.props).onPaymentFailed)||void 0===t||t.call(s,e,this.elementRef)}),E(this,"handleSuccessResult",e=>{var t,s;l(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),p(e),this.core.session&&!0===e.askDonation&&this.setupSessionsDonation(),null===(t=(s=this.props).onPaymentCompleted)||void 0===t||t.call(s,e,this.elementRef)}),E(this,"setComponentRef",e=>{this.componentRef=e}),E(this,"payButton",t=>e(a,C(S({},t),{onClick:this.submit,showReview:!!this.props.onReview}))),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.updateAmount=this.updateAmount.bind(this),this.setupSessionsDonation=this.setupSessionsDonation.bind(this),this.elementRef=i&&i.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),this.createBeforeRenderHook(i),this.reportIntegrationFlavor()}}E(j,"type",void 0),E(j,"txVariants",[]);export{j as UIElement,j as default};
 //# sourceMappingURL=UIElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { createRef, h, RefObject, TargetedKeyboardEvent } from 'preact';\nimport { Resources } from '../../../core/Context/Resources';\nimport AdyenCheckoutError, { NETWORK_ERROR } from '../../../core/Errors/AdyenCheckoutError';\nimport getOrderStatus from '../../../core/Services/order-status';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\n\nimport { AbstractAnalyticsEvent } from '../../../core/Analytics/events/AbstractAnalyticsEvent';\nimport { AnalyticsErrorEvent, ErrorEventType } from '../../../core/Analytics/events/AnalyticsErrorEvent';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../../core/Analytics/events/AnalyticsInfoEvent';\nimport { AnalyticsLogEvent, LogEventType } from '../../../core/Analytics/events/AnalyticsLogEvent';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\nimport type { AdditionalDetailsData, CoreConfiguration, ICore, ReviewDetails } from '../../../core/types';\nimport type {\n    ActionHandledReturnObject,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentMethod\n} from '../../../types/global-types';\nimport type { ComponentMethodsRef, UIElementProps, UIElementStatus } from './types';\nimport type { IAnalytics } from '../../../core/Analytics/Analytics';\nimport { CoreProvider } from '../../../core/Context/CoreProvider';\nimport { SRPanel } from '../../../core/Errors/SRPanel';\nimport SRPanelProvider from '../../../core/Errors/SRPanelProvider';\nimport { AmountProvider, AmountProviderRef } from '../../../core/Context/AmountProvider';\nimport { PayButtonProps } from '../PayButton/PayButton';\nimport { TxVariants } from '../../tx-variants';\nimport Donation from '../../Donation/Donation';\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    /**\n     * componentRef is a ref to the primary component inside the subclass that extends UIElement e.g. CardInput.tsx (which sits inside Card.tsx)\n     */\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    /**\n     * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx or Dropin.tsx\n     */\n    public elementRef: UIElement;\n\n    public static readonly type: string | undefined = undefined;\n\n    /**\n     * Reference to the methods exposed by the AmountProvider context\n     */\n    protected amountProviderRef: RefObject<AmountProviderRef> = createRef();\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static readonly 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        this.updateAmount = this.updateAmount.bind(this);\n        this.setupSessionsDonation = this.setupSessionsDonation.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        this.createBeforeRenderHook(props);\n        this.reportIntegrationFlavor();\n    }\n\n    /**\n     * Creates a hook tied to render() method. This hook is called every time render() is invoked.\n     * Currently useful for Analytics\n     *\n     * @param configSetByMerchant\n     * @private\n     */\n    private createBeforeRenderHook(configSetByMerchant: P): void {\n        const originalRender = this.render;\n\n        this.render = (...args: any[]) => {\n            this.beforeRender(configSetByMerchant);\n            return originalRender.apply(this, args);\n        };\n    }\n\n    protected beforeRender(configSetByMerchant?: P): void {\n        // We don't send 'rendered' events when rendering actions\n        if (configSetByMerchant?.originalAction) {\n            return;\n        }\n\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.oneClick && { isStoredPaymentMethod: true })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    protected reportIntegrationFlavor(): void {\n        void this.analytics.sendFlavor('components');\n    }\n\n    get analytics(): IAnalytics {\n        return this.core.modules.analytics;\n    }\n\n    get srPanel(): SRPanel {\n        return this.core.modules.srPanel;\n    }\n\n    protected getPaymentMethodConfigFromResponse(componentProps: P) {\n        if (componentProps?.storedPaymentMethodId) return this.getStoredPaymentMethodDetails(componentProps.storedPaymentMethodId);\n        return this.getPaymentMethodFromPaymentMethodsResponse(componentProps?.type, componentProps?.paymentMethodId);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n\n        const paymentMethodFromResponse = this.getPaymentMethodConfigFromResponse(componentProps);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodFromResponse,\n            ...componentProps\n        };\n\n        const isDropinInstance = assertIsDropin(this);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropinInstance), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected getStoredPaymentMethodDetails(storedPaymentMethodId: string) {\n        return this.core.paymentMethodsResponse.findStoredPaymentMethod(storedPaymentMethodId);\n    }\n\n    /**\n     *  Get the payment method from the paymentMethodsResponse\n     *\n     * @param type - The type of the payment method to get. (This prop is passed by Drop-in OR Standalone components containing the property 'type' as part of their configuration)\n     * @param paymentMethodId - Unique internal payment method ID\n     */\n    protected getPaymentMethodFromPaymentMethodsResponse(type?: string, paymentMethodId?: string): RawPaymentMethod {\n        if (paymentMethodId) return this.core.paymentMethodsResponse.findById(paymentMethodId);\n        return this.core.paymentMethodsResponse?.find(type || this.constructor['type']);\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    /**\n     * Updates the amount in the props and propagates it to the AmountProvider.\n     * This allows children components to access the updated amount via context.\n     *\n     * @param amount - Primary payment amount object\n     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)\n     * @internal\n     */\n    public updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void {\n        this.props = {\n            ...this.props,\n            ...(amount && { amount }),\n            ...(secondaryAmount && { secondaryAmount })\n        };\n        this.amountProviderRef.current?.update(amount, secondaryAmount);\n    }\n\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    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    /**\n     * componentRef is a ref to the primary component inside that subclass e.g. CardInput.tsx\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    protected override submitAnalytics(event: AbstractAnalyticsEvent) {\n        this.analytics.sendAnalytics(event);\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        if (this.props.onReview) {\n            const order = this.state.order ?? this.props.order;\n            const onReview = (reviewDetails: ReviewDetails = {}) => {\n                this.submitAnalytics(new AnalyticsLogEvent({ component: this.type, type: LogEventType.review, message: 'Review flow triggered' }));\n                this.props.onReview(this.data, this.elementRef, reviewDetails);\n            };\n            if (order) {\n                void getOrderStatus({ clientKey: this.props.clientKey, loadingContext: this.props.loadingContext }, order)\n                    .then(orderStatus => onReview({ orderStatus }))\n                    .catch(() => onReview());\n                return;\n            }\n            onReview();\n            return;\n        }\n\n        this.executePaymentsCall();\n    }\n\n    public executePaymentsCall(): void {\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                      void 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        const event = new AnalyticsLogEvent({\n            component: this.type,\n            type: LogEventType.submit,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\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        const event = new AnalyticsLogEvent({\n            component: this.type,\n            type: LogEventType.submit,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) {\n                this.handleError(error);\n            } else {\n                this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n            }\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        this.handleAdditionalDetails(state);\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 (error.name === NETWORK_ERROR && error.options.code) {\n            const event = new AnalyticsErrorEvent({\n                component: this.type,\n                errorType: ErrorEventType.apiError,\n                code: error.options.code\n            });\n\n            this.submitAnalytics(event);\n        }\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        });\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\n            ? this.core.update({\n                  order\n              })\n            : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    protected setupSessionsDonation() {\n        const { amount, donation } = this.props;\n\n        // If merchant hasn't explicitly disabled autoMount by setting it to false\n        if (donation?.autoMount !== false) {\n            const rootNode: HTMLElement = assertIsDropin(this.elementRef) ? this.elementRef._node : this._node;\n\n            const DonationComponentRef = this.core.getComponent(TxVariants.donation) as typeof Donation;\n            new DonationComponentRef(this.core, { rootNode, commercialTxAmount: amount.value }); // NOSONAR: Instantiation triggers internal async initialization (fire-and-forget pattern)\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\n        /** If we are using sessions and the response mandates it - create a Donation instance */\n        if (this.core.session && result.askDonation === true) {\n            this.setupSessionsDonation();\n        }\n\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     * Expected to be called after sanitizeResponse has been run on the raw payment response\n     *\n     * @param response -\n     */\n    protected handleResponse(response: PaymentResponseData): void {\n        if (response.action) {\n            if (this.core.options?.onAction) {\n                this.core.options.onAction(this.core.createFromAction(response.action, { ...this.elementRef.props }));\n            } else {\n                this.elementRef.handleAction(response.action);\n            }\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 handleKeyDown(e: 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 handleKeyDown)\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    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: PayButtonProps) => {\n        return <PayButton {...props} onClick={this.submit} showReview={!!this.props.onReview} />;\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    protected abstract componentToRender(): h.JSX.Element | null;\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources} analytics={this.analytics}>\n                <SRPanelProvider srPanel={this.srPanel}>\n                    <AmountProvider amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} providerRef={this.amountProviderRef}>\n                        {this.componentToRender()}\n                    </AmountProvider>\n                </SRPanelProvider>\n            </CoreProvider>\n        );\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","createBeforeRenderHook","configSetByMerchant","originalRender","this","render","args","beforeRender","apply","originalAction","event","AnalyticsInfoEvent","_object_spread","type","InfoEventType","rendered","component","configData","_object_spread_props","showPayButton","props","oneClick","isStoredPaymentMethod","analytics","sendAnalytics","reportIntegrationFlavor","sendFlavor","core","modules","srPanel","getPaymentMethodConfigFromResponse","componentProps","storedPaymentMethodId","getStoredPaymentMethodDetails","getPaymentMethodFromPaymentMethodsResponse","paymentMethodId","buildElementProps","finalProps","getCorePropsForComponent","isDropinInstance","assertIsDropin","formatProps","constructor","getRegulatoryDefaults","options","countryCode","paymentMethodsResponse","findStoredPaymentMethod","_this_core_paymentMethodsResponse","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","updateAmount","amount","secondaryAmount","_this_amountProviderRef_current","amountProviderRef","current","update","setElementStatus","status","_this_elementRef","elementRef","setStatus","_this_componentRef","_this_props_onChange","_this_props","call","data","isValid","errors","valid","submitAnalytics","submit","onReview","_this_state_order","order","reviewDetails","AnalyticsLogEvent","LogEventType","review","message","getOrderStatus","clientKey","loadingContext","then","orderStatus","catch","executePaymentsCall","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","session","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","submitPayment","error","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","_this_props_onActionHandled","setupSessionsDonation","donation","autoMount","rootNode","getComponent","TxVariants","commercialTxAmount","value","response","_this_core_options","onAction","remainingAmount","handleOrder","handleSuccessResult","handleKeyDown","document","key","code","preventDefault","onEnterKeyPressed","activeElement","blur","updateParent","icon","_this_props_icon","paymentMethodType","resources","getImage","displayName","_this_core_paymentMethodsResponse_paymentMethods","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","SRPanelProvider","AmountProvider","providerRef","componentToRender","checkout","super","_define_property","createRef","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","_this_props_onOrderUpdated","onOrderUpdated","result","_this_props_onPaymentFailed","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","_this_props_onPaymentCompleted","askDonation","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","onClick","showReview","register","bind","undefined","txVariants"],"mappings":"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"}
+{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { createRef, h, RefObject, TargetedKeyboardEvent } from 'preact';\nimport { Resources } from '../../../core/Context/Resources';\nimport AdyenCheckoutError, { NETWORK_ERROR } from '../../../core/Errors/AdyenCheckoutError';\nimport getOrderStatus from '../../../core/Services/order-status';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\n\nimport { AbstractAnalyticsEvent } from '../../../core/Analytics/events/AbstractAnalyticsEvent';\nimport { AnalyticsErrorEvent, ErrorEventType } from '../../../core/Analytics/events/AnalyticsErrorEvent';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../../core/Analytics/events/AnalyticsInfoEvent';\nimport { AnalyticsLogEvent, LogEventType } from '../../../core/Analytics/events/AnalyticsLogEvent';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\nimport type { AdditionalDetailsData, CoreConfiguration, ICore, ReviewDetails } from '../../../core/types';\nimport type {\n    ActionHandledReturnObject,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentMethod\n} from '../../../types/global-types';\nimport type { ComponentMethodsRef, UIElementProps, UIElementStatus } from './types';\nimport type { IAnalytics } from '../../../core/Analytics/Analytics';\nimport { CoreProvider } from '../../../core/Context/CoreProvider';\nimport { SRPanel } from '../../../core/Errors/SRPanel';\nimport SRPanelProvider from '../../../core/Errors/SRPanelProvider';\nimport { AmountProvider, AmountProviderRef } from '../../../core/Context/AmountProvider';\nimport { PayButtonProps } from '../PayButton/PayButton';\nimport { TxVariants } from '../../tx-variants';\nimport Donation from '../../Donation/Donation';\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    /**\n     * componentRef is a ref to the primary component inside the subclass that extends UIElement e.g. CardInput.tsx (which sits inside Card.tsx)\n     */\n    protected componentRef: ComponentMethodsRef | undefined;\n\n    protected resources: Resources;\n\n    /**\n     * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx or Dropin.tsx\n     */\n    public elementRef: UIElement;\n\n    public static readonly type: string | undefined = undefined;\n\n    /**\n     * Reference to the methods exposed by the AmountProvider context\n     */\n    protected amountProviderRef: RefObject<AmountProviderRef> = createRef();\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static readonly 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        this.updateAmount = this.updateAmount.bind(this);\n        this.setupSessionsDonation = this.setupSessionsDonation.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        this.createBeforeRenderHook(props);\n        this.reportIntegrationFlavor();\n    }\n\n    /**\n     * Creates a hook tied to render() method. This hook is called every time render() is invoked.\n     * Currently useful for Analytics\n     *\n     * @param configSetByMerchant\n     * @private\n     */\n    private createBeforeRenderHook(configSetByMerchant: P): void {\n        const originalRender = this.render;\n\n        this.render = (...args: unknown[]) => {\n            this.beforeRender(configSetByMerchant);\n            return originalRender.apply(this, args);\n        };\n    }\n\n    protected beforeRender(configSetByMerchant?: P): void {\n        // We don't send 'rendered' events when rendering actions\n        if (configSetByMerchant?.originalAction) {\n            return;\n        }\n\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.oneClick && { isStoredPaymentMethod: true })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    protected reportIntegrationFlavor(): void {\n        void this.analytics.sendFlavor('components');\n    }\n\n    get analytics(): IAnalytics {\n        return this.core.modules.analytics;\n    }\n\n    get srPanel(): SRPanel {\n        return this.core.modules.srPanel;\n    }\n\n    protected getPaymentMethodConfigFromResponse(componentProps: P) {\n        if (componentProps?.storedPaymentMethodId) return this.getStoredPaymentMethodDetails(componentProps.storedPaymentMethodId);\n        return this.getPaymentMethodFromPaymentMethodsResponse(componentProps?.type, componentProps?.paymentMethodId);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n\n        const paymentMethodFromResponse = this.getPaymentMethodConfigFromResponse(componentProps);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodFromResponse,\n            ...componentProps\n        };\n\n        const isDropinInstance = assertIsDropin(this);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropinInstance), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected getStoredPaymentMethodDetails(storedPaymentMethodId: string) {\n        return this.core.paymentMethodsResponse.findStoredPaymentMethod(storedPaymentMethodId);\n    }\n\n    /**\n     *  Get the payment method from the paymentMethodsResponse\n     *\n     * @param type - The type of the payment method to get. (This prop is passed by Drop-in OR Standalone components containing the property 'type' as part of their configuration)\n     * @param paymentMethodId - Unique internal payment method ID\n     */\n    protected getPaymentMethodFromPaymentMethodsResponse(type?: string, paymentMethodId?: string): RawPaymentMethod {\n        if (paymentMethodId) return this.core.paymentMethodsResponse.findById(paymentMethodId);\n        return this.core.paymentMethodsResponse?.find(type || this.constructor['type']);\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        this.componentRef?.showValidation?.();\n        return this;\n    }\n\n    /**\n     * Updates the amount in the props and propagates it to the AmountProvider.\n     * This allows children components to access the updated amount via context.\n     *\n     * @param amount - Primary payment amount object\n     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)\n     * @internal\n     */\n    public updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void {\n        this.props = {\n            ...this.props,\n            ...(amount && { amount }),\n            ...(secondaryAmount && { secondaryAmount })\n        };\n        this.amountProviderRef.current?.update(amount, secondaryAmount);\n    }\n\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    public setElementStatus(status: UIElementStatus): this {\n        this.elementRef?.setStatus?.(status);\n        return this;\n    }\n\n    /**\n     * componentRef is a ref to the primary component inside that subclass e.g. CardInput.tsx\n     */\n    public setStatus(status: UIElementStatus): this {\n        this.componentRef?.setStatus?.(status);\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    protected override submitAnalytics(event: AbstractAnalyticsEvent) {\n        this.analytics.sendAnalytics(event);\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        if (this.props.onReview) {\n            const order = this.state.order ?? this.props.order;\n            const onReview = (reviewDetails: ReviewDetails = {}) => {\n                this.submitAnalytics(new AnalyticsLogEvent({ component: this.type, type: LogEventType.review, message: 'Review flow triggered' }));\n                this.props.onReview(this.data, this.elementRef, reviewDetails);\n            };\n            if (order) {\n                void getOrderStatus({ clientKey: this.props.clientKey, loadingContext: this.props.loadingContext }, order)\n                    .then(orderStatus => onReview({ orderStatus }))\n                    .catch(() => onReview());\n                return;\n            }\n            onReview();\n            return;\n        }\n\n        this.executePaymentsCall();\n    }\n\n    public executePaymentsCall(): void {\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                      void 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        const event = new AnalyticsLogEvent({\n            component: this.type,\n            type: LogEventType.submit,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\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        const event = new AnalyticsLogEvent({\n            component: this.type,\n            type: LogEventType.submit,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) {\n                this.handleError(error);\n            } else {\n                this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n            }\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: AdditionalDetailsData): void {\n        this.handleAdditionalDetails(state);\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 (error.name === NETWORK_ERROR && error.options.code) {\n            const event = new AnalyticsErrorEvent({\n                component: this.type,\n                errorType: ErrorEventType.apiError,\n                code: error.options.code\n            });\n\n            this.submitAnalytics(event);\n        }\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: AdditionalDetailsData['data']): 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        });\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\n            ? this.core.update({\n                  order\n              })\n            : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    protected setupSessionsDonation() {\n        const { amount, donation } = this.props;\n\n        // If merchant hasn't explicitly disabled autoMount by setting it to false\n        if (donation?.autoMount !== false) {\n            const rootNode: HTMLElement = assertIsDropin(this.elementRef) ? this.elementRef._node : this._node;\n\n            const DonationComponentRef = this.core.getComponent(TxVariants.donation) as typeof Donation;\n            new DonationComponentRef(this.core, { rootNode, commercialTxAmount: amount.value }); // NOSONAR: Instantiation triggers internal async initialization (fire-and-forget pattern)\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\n        /** If we are using sessions and the response mandates it - create a Donation instance */\n        if (this.core.session && result.askDonation === true) {\n            this.setupSessionsDonation();\n        }\n\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     * Expected to be called after sanitizeResponse has been run on the raw payment response\n     *\n     * @param response -\n     */\n    protected handleResponse(response: PaymentResponseData): void {\n        if (response.action) {\n            if (this.core.options?.onAction) {\n                this.core.options.onAction(this.core.createFromAction(response.action, { ...this.elementRef.props }));\n            } else {\n                this.elementRef.handleAction(response.action);\n            }\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 handleKeyDown(e: 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 handleKeyDown)\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    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: PayButtonProps) => {\n        return <PayButton {...props} onClick={this.submit} showReview={!!this.props.onReview} />;\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    protected abstract componentToRender(): h.JSX.Element | null;\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources} analytics={this.analytics}>\n                <SRPanelProvider srPanel={this.srPanel}>\n                    <AmountProvider amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} providerRef={this.amountProviderRef}>\n                        {this.componentToRender()}\n                    </AmountProvider>\n                </SRPanelProvider>\n            </CoreProvider>\n        );\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","createBeforeRenderHook","configSetByMerchant","originalRender","this","render","args","beforeRender","apply","originalAction","event","AnalyticsInfoEvent","_object_spread","type","InfoEventType","rendered","component","configData","_object_spread_props","showPayButton","props","oneClick","isStoredPaymentMethod","analytics","sendAnalytics","reportIntegrationFlavor","sendFlavor","core","modules","srPanel","getPaymentMethodConfigFromResponse","componentProps","storedPaymentMethodId","getStoredPaymentMethodDetails","getPaymentMethodFromPaymentMethodsResponse","paymentMethodId","buildElementProps","finalProps","getCorePropsForComponent","isDropinInstance","assertIsDropin","formatProps","constructor","getRegulatoryDefaults","options","countryCode","paymentMethodsResponse","findStoredPaymentMethod","_this_core_paymentMethodsResponse","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","_this_componentRef_showValidation","_this_componentRef","componentRef","call","updateAmount","amount","secondaryAmount","_this_amountProviderRef_current","amountProviderRef","current","update","setElementStatus","status","_this_elementRef_setStatus","_this_elementRef","elementRef","setStatus","_this_componentRef_setStatus","_this_props_onChange","_this_props","data","isValid","errors","valid","submitAnalytics","submit","onReview","_this_state_order","order","reviewDetails","AnalyticsLogEvent","LogEventType","review","message","getOrderStatus","clientKey","loadingContext","then","orderStatus","catch","executePaymentsCall","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","session","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","submitPayment","error","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","_this_props_onActionHandled","setupSessionsDonation","donation","autoMount","rootNode","getComponent","TxVariants","commercialTxAmount","value","response","_this_core_options","onAction","remainingAmount","handleOrder","handleSuccessResult","handleKeyDown","document","key","code","preventDefault","onEnterKeyPressed","activeElement","blur","updateParent","icon","_this_props_icon","paymentMethodType","resources","getImage","displayName","_this_core_paymentMethodsResponse_paymentMethods","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","SRPanelProvider","AmountProvider","providerRef","componentToRender","checkout","super","_define_property","createRef","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","_this_props_onOrderUpdated","onOrderUpdated","result","_this_props_onPaymentFailed","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","_this_props_onPaymentCompleted","askDonation","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","onClick","showReview","register","bind","undefined","txVariants"],"mappings":"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"}

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

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

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

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

package/dist/es-legacy/core/config.js

@@ -1,2 +1,2 @@
-function e(e,n){if(null==e)throw new Error(n);return e}const n="https://checkoutshopper-live.adyen.com/checkoutshopper/",o=e("6.45.0","LIBRARY_VERSION is not defined"),t=e("eslegacy","BUNDLE_TYPE is not defined"),r=["amount","secondaryAmount","countryCode","environment","_environmentUrls","loadingContext","i18n","modules","order","session","clientKey","showPayButton","redirectFromTopWhenInIframe","donation","onPaymentCompleted","onPaymentFailed","beforeRedirect","beforeSubmit","onSubmit","onReview","onAction","onActionHandled","onAdditionalDetails","onChange","onEnterKeyPressed","onError","onBalanceCheck","onOrderCancel","onOrderRequest","onOrderUpdated","onPaymentMethodsRequest"],i=6e4;var d=function(e){return e.WEB="web",e}({});const a="web";var c=function(e){return e.NATIVE="nativeComponent",e.GENERIC="genericComponent",e}({});export{d as CHANNEL,i as DEFAULT_HTTP_TIMEOUT,n as FALLBACK_CONTEXT,r as GENERIC_OPTIONS,t as LIBRARY_BUNDLE_TYPE,o as LIBRARY_VERSION,c as PAYMENT_METHOD_BEHAVIOR,a as PLATFORM};
+function e(e,n){if(null==e)throw new Error(n);return e}const n="https://checkoutshopper-live.adyen.com/checkoutshopper/",o=e("6.45.1","LIBRARY_VERSION is not defined"),t=e("eslegacy","BUNDLE_TYPE is not defined"),r=["amount","secondaryAmount","countryCode","environment","_environmentUrls","loadingContext","i18n","modules","order","session","clientKey","showPayButton","redirectFromTopWhenInIframe","donation","onPaymentCompleted","onPaymentFailed","beforeRedirect","beforeSubmit","onSubmit","onReview","onAction","onActionHandled","onAdditionalDetails","onChange","onEnterKeyPressed","onError","onBalanceCheck","onOrderCancel","onOrderRequest","onOrderUpdated","onPaymentMethodsRequest"],i=6e4;var d=function(e){return e.WEB="web",e}({});const a="web";var c=function(e){return e.NATIVE="nativeComponent",e.GENERIC="genericComponent",e}({});export{d as CHANNEL,i as DEFAULT_HTTP_TIMEOUT,n as FALLBACK_CONTEXT,r as GENERIC_OPTIONS,t as LIBRARY_BUNDLE_TYPE,o as LIBRARY_VERSION,c as PAYMENT_METHOD_BEHAVIOR,a as PLATFORM};
 //# sourceMappingURL=config.js.map

package/dist/es-legacy/utils/Validator/Validator.js

@@ -1,2 +1,2 @@
-import{ValidationRuleResult as t}from"./ValidationRuleResult.js";function e(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}class r{get isValid(){return this.validationResults.reduce((t,e)=>t&&e.isValid,!0)}hasError(t=!1){return Boolean(this.getError(t))}getError(t=!1){return this.validationResults.find(e=>e.hasError(t))}getAllErrors(){return this.validationResults.filter(t=>t.hasError())}constructor(t){e(this,"validationResults",void 0),this.validationResults=t}}class s{setRules(t){this.rules=function(t){for(var r=1;r<arguments.length;r++){var s=null!=arguments[r]?arguments[r]:{},i=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(s).filter(function(t){return Object.getOwnPropertyDescriptor(s,t).enumerable}))),i.forEach(function(r){e(t,r,s[r])})}return t}({},this.rules,t)}getRulesFor(t){var e;let r=null!==(e=this.rules[t])&&void 0!==e?e:this.rules.default;return Array.isArray(r)||(r=[r]),r}validate({key:e,value:s,mode:i="blur"},l){const n=this.getRulesFor(e).map(e=>new t(e,s,i,l,this.i18n));return new r(n)}constructor(t,r){e(this,"rules",{default:{validate:()=>!0,modes:["blur","input"]}}),e(this,"i18n",void 0),this.setRules(t),this.i18n=r}}export{s as default};
+import{ValidationRuleResult as t}from"./ValidationRuleResult.js";function r(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}class e{get isValid(){return this.validationResults.reduce((t,r)=>t&&r.isValid,!0)}hasError(t=!1){return Boolean(this.getError(t))}getError(t=!1){var r;return null!==(r=this.validationResults.find(r=>r.hasError(t)))&&void 0!==r?r:null}getAllErrors(){return this.validationResults.filter(t=>t.hasError())}constructor(t){r(this,"validationResults",void 0),this.validationResults=t}}class s{setRules(t){this.rules=function(t){for(var e=1;e<arguments.length;e++){var s=null!=arguments[e]?arguments[e]:{},i=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(s).filter(function(t){return Object.getOwnPropertyDescriptor(s,t).enumerable}))),i.forEach(function(e){r(t,e,s[e])})}return t}({},this.rules,t)}getRulesFor(t){var r;let e=null!==(r=this.rules[t])&&void 0!==r?r:this.rules.default;return Array.isArray(e)||(e=[e]),e}validate({key:r,value:s,mode:i="blur"},l){const n=this.getRulesFor(r).map(r=>new t(r,s,i,l,this.i18n));return new e(n)}constructor(t,e){r(this,"rules",{default:{validate:()=>!0,modes:["blur","input"]}}),r(this,"i18n",void 0),this.setRules(t),this.i18n=e}}export{e as ValidationResult,s as default};
 //# sourceMappingURL=Validator.js.map

package/dist/es-legacy/utils/Validator/Validator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Validator.js","sources":["../../../../src/utils/Validator/Validator.ts"],"sourcesContent":["import { ValidatorRules, ValidatorRule, FieldContext, FieldData } from './types';\nimport { ValidationRuleResult } from './ValidationRuleResult';\nimport type Language from '../../language';\n\nclass ValidationResult {\n    private validationResults: ValidationRuleResult[];\n\n    constructor(results: ValidationRuleResult[]) {\n        this.validationResults = results;\n    }\n\n    /** Checks if all validation rules have passed */\n    get isValid(): boolean {\n        return this.validationResults.reduce((acc, result) => acc && result.isValid, true);\n    }\n\n    /** Checks if any validation rule returned an error */\n    hasError(isValidatingForm = false): boolean {\n        return Boolean(this.getError(isValidatingForm));\n    }\n\n    /** Returns the first validation result that returned an error */\n    getError(isValidatingForm = false) {\n        return this.validationResults.find(result => result.hasError(isValidatingForm));\n    }\n\n    /** Returns all validation results that returned an error */\n    getAllErrors() {\n        return this.validationResults.filter(result => result.hasError());\n    }\n}\n\nclass Validator {\n    public rules: ValidatorRules = {\n        default: {\n            validate: () => true,\n            modes: ['blur', 'input']\n        }\n    };\n\n    private readonly i18n: Language;\n\n    constructor(rules: ValidatorRules, i18n: Language) {\n        this.setRules(rules);\n        this.i18n = i18n;\n    }\n\n    setRules(newRules) {\n        this.rules = {\n            ...this.rules,\n            ...newRules\n        };\n    }\n\n    /**\n     * Get all validation rules for a field\n     */\n    private getRulesFor(field: string): ValidatorRule[] {\n        let fieldRules: ValidatorRule | ValidatorRule[] = this.rules[field] ?? this.rules['default'];\n\n        if (!Array.isArray(fieldRules)) {\n            fieldRules = [fieldRules];\n        }\n\n        return fieldRules;\n    }\n\n    /**\n     * Validates a field\n     */\n    validate({ key, value, mode = 'blur' }: FieldData, context?: FieldContext) {\n        const fieldRules = this.getRulesFor(key);\n        // create an ValidationRuleResult, we run the actual validation inside of it\n        // validate is called in the constructor of ValidationRuleResult\n        // line rule.validate(value, context);\n        //\n        const validationRulesResult = fieldRules.map(rule => new ValidationRuleResult(rule, value, mode, context, this.i18n));\n\n        return new ValidationResult(validationRulesResult);\n    }\n}\n\nexport default Validator;\n"],"names":["ValidationResult","isValid","this","validationResults","reduce","acc","result","hasError","isValidatingForm","Boolean","getError","find","getAllErrors","filter","constructor","results","_define_property","Validator","setRules","newRules","rules","_object_spread","getRulesFor","field","_this_rules_field","fieldRules","Array","isArray","validate","key","value","mode","context","validationRulesResult","map","rule","ValidationRuleResult","i18n","default","modes"],"mappings":"yLAIA,MAAMA,EAQF,WAAIC,GACA,OAAOC,KAAKC,kBAAkBC,OAAO,CAACC,EAAKC,IAAWD,GAAOC,EAAOL,SAAS,EACjF,CAGAM,QAAAA,CAASC,GAAmB,GACxB,OAAOC,QAAQP,KAAKQ,SAASF,GACjC,CAGAE,QAAAA,CAASF,GAAmB,GACxB,OAAON,KAAKC,kBAAkBQ,KAAKL,GAAUA,EAAOC,SAASC,GACjE,CAGAI,YAAAA,GACI,OAAOV,KAAKC,kBAAkBU,OAAOP,GAAUA,EAAOC,WAC1D,CAtBA,WAAAO,CAAYC,GAFZC,EAAAd,KAAQC,4BAGJD,KAAKC,kBAAoBY,CAC7B,EAuBJ,MAAME,EAeFC,QAAAA,CAASC,GACLjB,KAAKkB,wUAAQC,IACNnB,KAAKkB,MACLD,EAEX,CAKQG,WAAAA,CAAYC,GACkC,IAAAC,EAAlD,IAAIC,EAA+D,QAAjBD,EAAAtB,KAAKkB,MAAMG,UAAX,IAAAC,EAAAA,EAAqBtB,KAAKkB,MAAM,QAMlF,OAJKM,MAAMC,QAAQF,KACfA,EAAa,CAACA,IAGXA,CACX,CAKAG,QAAAA,EAASC,IAAEA,EAAGC,MAAEA,EAAKC,KAAEA,EAAO,QAAqBC,GAC/C,MAKMC,EALa/B,KAAKoB,YAAYO,GAKKK,IAAIC,GAAQ,IAAIC,EAAqBD,EAAML,EAAOC,EAAMC,EAAS9B,KAAKmC,OAE/G,OAAO,IAAIrC,EAAiBiC,EAChC,CArCA,WAAAnB,CAAYM,EAAuBiB,GATnCrB,EAAAd,KAAOkB,QAAwB,CAC3BkB,QAAS,CACLV,SAAU,KAAM,EAChBW,MAAO,CAAC,OAAQ,YAIxBvB,EAAAd,KAAiBmC,eAGbnC,KAAKgB,SAASE,GACdlB,KAAKmC,KAAOA,CAChB"}
+{"version":3,"file":"Validator.js","sources":["../../../../src/utils/Validator/Validator.ts"],"sourcesContent":["import { ValidatorRules, ValidatorRule, FieldContext, FieldData } from './types';\nimport { ValidationRuleResult } from './ValidationRuleResult';\nimport type Language from '../../language';\n\nexport class ValidationResult {\n    private readonly validationResults: ValidationRuleResult[];\n\n    constructor(results: ValidationRuleResult[]) {\n        this.validationResults = results;\n    }\n\n    /** Checks if all validation rules have passed */\n    get isValid(): boolean {\n        return this.validationResults.reduce((acc, result) => acc && result.isValid, true);\n    }\n\n    /** Checks if any validation rule returned an error */\n    hasError(isValidatingForm = false): boolean {\n        return Boolean(this.getError(isValidatingForm));\n    }\n\n    /** Returns the first validation result that returned an error */\n    getError(isValidatingForm = false): ValidationRuleResult | null {\n        return this.validationResults.find(result => result.hasError(isValidatingForm)) ?? null;\n    }\n\n    /** Returns all validation results that returned an error */\n    getAllErrors() {\n        return this.validationResults.filter(result => result.hasError());\n    }\n}\n\nclass Validator {\n    public rules: ValidatorRules = {\n        default: {\n            validate: () => true,\n            modes: ['blur', 'input']\n        }\n    };\n\n    private readonly i18n: Language;\n\n    constructor(rules: ValidatorRules, i18n: Language) {\n        this.setRules(rules);\n        this.i18n = i18n;\n    }\n\n    setRules(newRules: ValidatorRules) {\n        this.rules = {\n            ...this.rules,\n            ...newRules\n        };\n    }\n\n    /**\n     * Get all validation rules for a field\n     */\n    private getRulesFor(field: string): ValidatorRule[] {\n        let fieldRules: ValidatorRule | ValidatorRule[] = this.rules[field] ?? this.rules['default'];\n\n        if (!Array.isArray(fieldRules)) {\n            fieldRules = [fieldRules];\n        }\n\n        return fieldRules;\n    }\n\n    /**\n     * Validates a field\n     */\n    validate({ key, value, mode = 'blur' }: FieldData, context?: FieldContext) {\n        const fieldRules = this.getRulesFor(key);\n        // create an ValidationRuleResult, we run the actual validation inside of it\n        // validate is called in the constructor of ValidationRuleResult\n        // line rule.validate(value, context);\n        //\n        const validationRulesResult = fieldRules.map(rule => new ValidationRuleResult(rule, value, mode, context, this.i18n));\n\n        return new ValidationResult(validationRulesResult);\n    }\n}\n\nexport default Validator;\n"],"names":["ValidationResult","isValid","this","validationResults","reduce","acc","result","hasError","isValidatingForm","Boolean","getError","_this_validationResults_find","find","getAllErrors","filter","constructor","results","_define_property","Validator","setRules","newRules","rules","_object_spread","getRulesFor","field","_this_rules_field","fieldRules","Array","isArray","validate","key","value","mode","context","validationRulesResult","map","rule","ValidationRuleResult","i18n","default","modes"],"mappings":"yLAIO,MAAMA,EAQT,WAAIC,GACA,OAAOC,KAAKC,kBAAkBC,OAAO,CAACC,EAAKC,IAAWD,GAAOC,EAAOL,SAAS,EACjF,CAGAM,QAAAA,CAASC,GAAmB,GACxB,OAAOC,QAAQP,KAAKQ,SAASF,GACjC,CAGAE,QAAAA,CAASF,GAAmB,GACjB,IAAAG,EAAP,OAA6DH,QAAtDG,EAAAT,KAAKC,kBAAkBS,KAAKN,GAAUA,EAAOC,SAASC,eAAtDG,EAAAA,EAA4E,IACvF,CAGAE,YAAAA,GACI,OAAOX,KAAKC,kBAAkBW,OAAOR,GAAUA,EAAOC,WAC1D,CAtBA,WAAAQ,CAAYC,GAFZC,EAAAf,KAAiBC,4BAGbD,KAAKC,kBAAoBa,CAC7B,EAuBJ,MAAME,EAeFC,QAAAA,CAASC,GACLlB,KAAKmB,wUAAQC,IACNpB,KAAKmB,MACLD,EAEX,CAKQG,WAAAA,CAAYC,GACkC,IAAAC,EAAlD,IAAIC,EAA+D,QAAjBD,EAAAvB,KAAKmB,MAAMG,UAAX,IAAAC,EAAAA,EAAqBvB,KAAKmB,MAAM,QAMlF,OAJKM,MAAMC,QAAQF,KACfA,EAAa,CAACA,IAGXA,CACX,CAKAG,QAAAA,EAASC,IAAEA,EAAGC,MAAEA,EAAKC,KAAEA,EAAO,QAAqBC,GAC/C,MAKMC,EALahC,KAAKqB,YAAYO,GAKKK,IAAIC,GAAQ,IAAIC,EAAqBD,EAAML,EAAOC,EAAMC,EAAS/B,KAAKoC,OAE/G,OAAO,IAAItC,EAAiBkC,EAChC,CArCA,WAAAnB,CAAYM,EAAuBiB,GATnCrB,EAAAf,KAAOmB,QAAwB,CAC3BkB,QAAS,CACLV,SAAU,KAAM,EAChBW,MAAO,CAAC,OAAQ,YAIxBvB,EAAAf,KAAiBoC,eAGbpC,KAAKiB,SAASE,GACdnB,KAAKoC,KAAOA,CAChB"}

package/dist/es-legacy/utils/useForm/reducer.js

@@ -1,2 +1,2 @@
-function e(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function r(r){for(var l=1;l<arguments.length;l++){var a=null!=arguments[l]?arguments[l]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),t.forEach(function(l){e(r,l,a[l])})}return r}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(r)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(r,l))}),e}const a=(e,r)=>Object.keys(e).filter(e=>!r.includes(e)).reduce((r,l)=>(r[l]=e[l],r),{}),t=(e,a,t,o,d)=>a.reduce((e,a)=>{var i,s,n;return l(r({},e),{[a]:null!==(i=null!==(s=null!==(n=e[a])&&void 0!==n?n:null==d?void 0:d[a])&&void 0!==s?s:null==o?void 0:o[a])&&void 0!==i?i:t})},e);function o({schema:e,defaultData:a,processField:t,fieldProblems:o}){const d=e=>{var r,l;if(void 0===a[e])return{valid:!1,errors:null,data:null,fieldProblems:null!==(r=null==o?void 0:o[e])&&void 0!==r?r:null};const[d,i]=t({key:e,value:a[e],mode:"blur"},{state:{data:a}});return{valid:i.isValid&&!(null==o?void 0:o[e])||!1,errors:i.hasError()?i.getError():null,data:d,fieldProblems:null!==(l=null==o?void 0:o[e])&&void 0!==l?l:null}},i=e.reduce((e,a)=>{const{valid:t,errors:o,data:i,fieldProblems:s}=d(a);return{valid:l(r({},e.valid),{[a]:t}),errors:l(r({},e.errors),{[a]:o}),data:l(r({},e.data),{[a]:i}),fieldProblems:l(r({},e.fieldProblems),{[a]:s})}},{data:{},valid:{},errors:{},fieldProblems:{}});return{schema:e,data:i.data,valid:i.valid,errors:i.errors,fieldProblems:i.fieldProblems}}function d(e){return function(d,{type:i,key:s,value:n,mode:u,schema:c,defaultData:v,formValue:f,selectedSchema:m,fieldProblems:b,data:P}){const y=m||d.schema;switch(i){case"setData":return l(r({},d),{data:l(r({},d.data),{[s]:n})});case"mergeData":return l(r({},d),{data:r({},d.data,P)});case"setValid":return l(r({},d),{valid:l(r({},d.valid),{[s]:n})});case"setErrors":return l(r({},d),{errors:l(r({},d.errors),{[s]:n})});case"setFieldProblems":var p,O;return null!==(p=null==d||null===(O=d.schema)||void 0===O?void 0:O.reduce((e,a)=>{var t,o;return l(r({},e),{fieldProblems:l(r({},d.fieldProblems),{[a]:null!==(t=null==b?void 0:b[a])&&void 0!==t?t:null}),valid:l(r({},d.valid),{[a]:(null===(o=d.valid)||void 0===o?void 0:o[a])&&!b[a]})})},d))&&void 0!==p?p:d;case"updateField":{const[a,t]=e({key:s,value:n,mode:u},{state:d}),o=d.data[s],i=r({},d.fieldProblems);return o!==a&&(i[s]=null),l(r({},d),{data:l(r({},d.data),{[s]:a}),errors:l(r({},d.errors),{[s]:t.hasError()?t.getError():null}),valid:l(r({},d.valid),{[s]:t.isValid&&!i[s]||!1}),fieldProblems:i})}case"mergeForm":{const e=l(r({},d),{data:r({},d.data,f.data),errors:r({},d.errors,f.errors),valid:r({},d.valid,f.valid),fieldProblems:r({},d.fieldProblems,f.fieldProblems)});return e.valid&&(e.isValid=Object.values(e.valid).every(e=>e)),e}case"setSchema":{var h,j,g;const i=o({schema:c,defaultData:v,processField:e,fieldProblems:b}),s=d.schema.filter(e=>!c.includes(e)),n=c.filter(e=>!d.schema.includes(e)),u={data:a(d.data,n),errors:a(d.errors,n),valid:a(d.valid,n)},f=t(a(d.data,s),n,null,i.data,null===(h=d.local)||void 0===h?void 0:h.data),m=t(a(d.valid,s),n,!1,i.valid,null===(j=d.local)||void 0===j?void 0:j.valid),P=t(a(d.errors,s),n,null,i.errors,null===(g=d.local)||void 0===g?void 0:g.errors);return l(r({},d),{schema:c,data:f,valid:m,errors:P,local:u})}case"validateForm":{const a=y.reduce((a,t)=>{const[,o]=e({key:t,value:d.data[t],mode:"blur"},{state:d});return{valid:l(r({},a.valid),{[t]:o.isValid&&!d.fieldProblems[t]||!1}),errors:l(r({},a.errors),{[t]:o.hasError(!0)?o.getError(!0):null})}},{valid:d.valid,errors:d.errors});return l(r({},d),{valid:a.valid,errors:a.errors})}default:throw new Error("Undefined useForm action")}}}export{d as getReducer,o as init};
+function e(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}function r(r){for(var l=1;l<arguments.length;l++){var a=null!=arguments[l]?arguments[l]:{},o=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),o.forEach(function(l){e(r,l,a[l])})}return r}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(r)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(r,l))}),e}const a=(e,r)=>Object.keys(e).filter(e=>!r.includes(e)).reduce((r,l)=>(r[l]=e[l],r),{}),o=(e,a,o,t,d)=>a.reduce((e,a)=>{var i,n,s;return l(r({},e),{[a]:null!==(i=null!==(n=null!==(s=e[a])&&void 0!==s?s:null==d?void 0:d[a])&&void 0!==n?n:null==t?void 0:t[a])&&void 0!==i?i:o})},e);function t({schema:e,defaultData:a,processField:o,fieldProblems:t}){const d=e=>{var r,l;if(void 0===a[e])return{valid:!1,errors:null,data:null,fieldProblems:null!==(r=null==t?void 0:t[e])&&void 0!==r?r:null};const[d,i]=o({key:e,value:a[e],mode:"blur"},{state:{data:a}});return{valid:i.isValid&&!(null==t?void 0:t[e])||!1,errors:i.hasError()?i.getError():null,data:d,fieldProblems:null!==(l=null==t?void 0:t[e])&&void 0!==l?l:null}},i=e.reduce((e,a)=>{const{valid:o,errors:t,data:i,fieldProblems:n}=d(a);return{valid:l(r({},e.valid),{[a]:o}),errors:l(r({},e.errors),{[a]:t}),data:l(r({},e.data),{[a]:i}),fieldProblems:l(r({},e.fieldProblems),{[a]:n})}},{data:{},valid:{},errors:{},fieldProblems:{}});return{schema:e,data:i.data,valid:i.valid,errors:i.errors,fieldProblems:i.fieldProblems}}function d(e){return function(d,i){switch(i.type){case"setData":{const{key:e,value:a}=i;return l(r({},d),{data:l(r({},d.data),{[e]:a})})}case"mergeData":return l(r({},d),{data:r({},d.data,i.data)});case"setValid":{const{key:e,value:a}=i;return l(r({},d),{valid:l(r({},d.valid),{[e]:a})})}case"setErrors":{const{key:e,value:a}=i;return l(r({},d),{errors:l(r({},d.errors),{[e]:a})})}case"setFieldProblems":{var n,s;const{fieldProblems:e}=i;return null!==(n=null==d||null===(s=d.schema)||void 0===s?void 0:s.reduce((a,o)=>{var t,i;return l(r({},a),{fieldProblems:l(r({},d.fieldProblems),{[o]:null!==(t=null==e?void 0:e[o])&&void 0!==t?t:null}),valid:l(r({},d.valid),{[o]:(null===(i=d.valid)||void 0===i?void 0:i[o])&&!(null==e?void 0:e[o])})})},d))&&void 0!==n?n:d}case"updateField":{const{key:a,value:o,mode:t}=i,[n,s]=e({key:a,value:o,mode:t},{state:d}),u=d.data[a],c=r({},d.fieldProblems);return u!==n&&(c[a]=null),l(r({},d),{data:l(r({},d.data),{[a]:n}),errors:l(r({},d.errors),{[a]:s.hasError()?s.getError():null}),valid:l(r({},d.valid),{[a]:s.isValid&&!c[a]||!1}),fieldProblems:c})}case"mergeForm":{const{formValue:e}=i,a=l(r({},d),{data:r({},d.data,null==e?void 0:e.data),errors:r({},d.errors,null==e?void 0:e.errors),valid:r({},d.valid,null==e?void 0:e.valid),fieldProblems:r({},d.fieldProblems,null==e?void 0:e.fieldProblems)});return a.valid&&(a.isValid=Object.values(a.valid).every(e=>e)),a}case"setSchema":{var u,c,v;const{schema:n,defaultData:s}=i,f=t({schema:n,defaultData:s,processField:e}),m=d.schema.filter(e=>!(null==n?void 0:n.includes(e))),b=null==n?void 0:n.filter(e=>!d.schema.includes(e)),P={data:a(d.data,b),errors:a(d.errors,b),valid:a(d.valid,b)},y=o(a(d.data,m),b,null,f.data,null===(u=d.local)||void 0===u?void 0:u.data),p=o(a(d.valid,m),b,!1,f.valid,null===(c=d.local)||void 0===c?void 0:c.valid),O=o(a(d.errors,m),b,null,f.errors,null===(v=d.local)||void 0===v?void 0:v.errors);return l(r({},d),{schema:n,data:y,valid:p,errors:O,local:P})}case"validateForm":{const a=(i.selectedSchema||d.schema).reduce((a,o)=>{const[,t]=e({key:o,value:d.data[o],mode:"blur"},{state:d});return{valid:l(r({},a.valid),{[o]:t.isValid&&!d.fieldProblems[o]||!1}),errors:l(r({},a.errors),{[o]:t.hasError(!0)?t.getError(!0):null})}},{valid:d.valid,errors:d.errors});return l(r({},d),{valid:a.valid,errors:a.errors})}default:throw new Error("Undefined useForm action")}}}export{d as getReducer,t as init};
 //# sourceMappingURL=reducer.js.map