npm - @adyen/adyen-web - Versions diffs - 6.40.2 → 6.41.0 - Mend

@adyen/adyen-web 6.40.2 → 6.41.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { createRef, h, RefObject } from 'preact';\nimport { Resources } from '../../../core/Context/Resources';\nimport AdyenCheckoutError, { NETWORK_ERROR } from '../../../core/Errors/AdyenCheckoutError';\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 } 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 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 this.elementRef.handleAction(response.action);\n return;\n }\n\n if (response.order?.remainingAmount?.value > 0) {\n // we don't want to call elementRef here, use the component handler\n // we do this way so the logic on handlingOrder is associated with payment method\n this.handleOrder(response);\n return;\n }\n\n this.handleSuccessResult(response);\n }\n\n protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> \| KeyboardEvent) {\n if (e.key === 'Enter' \|\| e.code === 'Enter') {\n e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n this.onEnterKeyPressed(document?.activeElement, this);\n }\n }\n\n /\n Handle Enter key pressed from a UIElement (called via handleKeyPress)\n * @param obj\n /\n protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n if (this.props.onEnterKeyPressed) {\n this.props.onEnterKeyPressed(activeElement, component);\n } else {\n (activeElement as HTMLElement).blur();\n this.submit();\n }\n }\n\n /\n Call update on parent instance\n * This function exist to make safe access to the protected _parentInstance\n * @param options - CoreOptions\n /\n public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n return this.elementRef.core.update(options);\n }\n\n public setComponentRef = (ref: ComponentMethodsRef) => {\n this.componentRef = ref;\n };\n\n /\n Get the current validation status of the element\n /\n public get isValid(): boolean {\n return false;\n }\n\n /\n Get the element icon URL for the current environment\n /\n 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} />;\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","type","InfoEventType","rendered","component","configData","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","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","updateAmount","amount","secondaryAmount","amountProviderRef","current","update","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","submitAnalytics","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","session","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","AnalyticsLogEvent","LogEventType","message","submitPayment","error","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","setupSessionsDonation","donation","autoMount","rootNode","getComponent","TxVariants","commercialTxAmount","value","response","order","remainingAmount","handleOrder","handleSuccessResult","handleKeyPress","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","loadingContext","SRPanelProvider","AmountProvider","providerRef","componentToRender","checkout","super","_define_property","createRef","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","askDonation","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","onClick","register","bind","undefined","txVariants"],"mappings":"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"}
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 { 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 } 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 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 this.elementRef.handleAction(response.action);\n return;\n }\n\n if (response.order?.remainingAmount?.value > 0) {\n // we don't want to call elementRef here, use the component handler\n // we do this way so the logic on handlingOrder is associated with payment method\n this.handleOrder(response);\n return;\n }\n\n this.handleSuccessResult(response);\n }\n\n protected 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} />;\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","type","InfoEventType","rendered","component","configData","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","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","updateAmount","amount","secondaryAmount","amountProviderRef","current","update","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","submitAnalytics","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","session","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","AnalyticsLogEvent","LogEventType","message","submitPayment","error","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","setupSessionsDonation","donation","autoMount","rootNode","getComponent","TxVariants","commercialTxAmount","value","response","order","remainingAmount","handleOrder","handleSuccessResult","handleKeyDown","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","loadingContext","SRPanelProvider","AmountProvider","providerRef","componentToRender","checkout","super","_define_property","createRef","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","askDonation","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","onClick","register","bind","undefined","txVariants"],"mappings":"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"}

package/dist/es/core/Analytics/events/AnalyticsErrorEvent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{AbstractAnalyticsEvent as E,AnalyticsEventCategory as _}from"./AbstractAnalyticsEvent.js";function e(E,_,e){return _ in E?Object.defineProperty(E,_,{value:e,enumerable:!0,configurable:!0,writable:!0}):E[_]=e,E}var r=function(E){return E.network="Network",E.implementation="Implementation",E.internal="Internal",E.apiError="ApiError",E.sdkError="SdkError",E.thirdParty="ThirdParty",E.generic="Generic",E.redirect="Redirect",E.threeDS2="ThreeDS2",E}({}),S=function(E){return E.SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND="500",E.REDIRECT="600",E.SECURED_FIELDS_KEY_NOT_FOUND="608",E.SECURED_FIELDS_ENCRYPTION_KEY_GEN_FAILED="609",E.SECURED_FIELDS_ENCRYPTION_ERROR="610",E.THREEDS2_ACTION_IS_MISSING_PAYMENT_DATA="700",E.THREEDS2_ACTION_IS_MISSING_TOKEN="701",E.THREEDS2_TOKEN_IS_MISSING_THREEDSMETHODURL="702",E.THREEDS2_TOKEN_IS_MISSING_OTHER_PROPS="703",E.THREEDS2_TOKEN_DECODE_OR_PARSING_FAILED="704",E.THREEDS2_TIMEOUT="710",E.THREEDS2_TOKEN_IS_MISSING_ACSURL="800",E.THREEDS2_NO_TRANSSTATUS="801",E.THREEDS2_NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED="802",E.THREEDS2_NO_COMPONENT_FOR_ACTION="803",E.THREEDS2_NO_ACTION_FOR_CHALLENGE="804",E.THREEDS2_CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP="805",E}({});class T extends E{getEventCategory(){return _.error}constructor(E){super(E.component),e(this,"errorType",void 0),e(this,"code",void 0),e(this,"message",void 0),this.errorType=E.errorType,this.code=E.code,E.message&&(this.message=E.message)}}export{T as AnalyticsErrorEvent,S as ErrorEventCode,r as ErrorEventType};
+import{AbstractAnalyticsEvent as E,AnalyticsEventCategory as _}from"./AbstractAnalyticsEvent.js";function e(E,_,e){return _ in E?Object.defineProperty(E,_,{value:e,enumerable:!0,configurable:!0,writable:!0}):E[_]=e,E}var r=function(E){return E.network="Network",E.implementation="Implementation",E.internal="Internal",E.apiError="ApiError",E.sdkError="SdkError",E.thirdParty="ThirdParty",E.generic="Generic",E.redirect="Redirect",E.threeDS2="ThreeDS2",E}({}),S=function(E){return E.SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND="500",E.REDIRECT="600",E.SECURED_FIELDS_KEY_NOT_FOUND="608",E.SECURED_FIELDS_ENCRYPTION_KEY_GEN_FAILED="609",E.SECURED_FIELDS_ENCRYPTION_ERROR="610",E.THREEDS2_ACTION_IS_MISSING_PAYMENT_DATA="700",E.THREEDS2_ACTION_IS_MISSING_TOKEN="701",E.THREEDS2_TOKEN_IS_MISSING_THREEDSMETHODURL="702",E.THREEDS2_TOKEN_IS_MISSING_OTHER_PROPS="703",E.THREEDS2_TOKEN_DECODE_OR_PARSING_FAILED="704",E.THREEDS2_TIMEOUT="710",E.THREEDS2_TOKEN_IS_MISSING_ACSURL="800",E.THREEDS2_NO_TRANSSTATUS="801",E.THREEDS2_NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED="802",E.THREEDS2_NO_COMPONENT_FOR_ACTION="803",E.THREEDS2_NO_ACTION_FOR_CHALLENGE="804",E.THREEDS2_CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP="805",E.THREEDS2_CHALLENGE_TOKEN_IS_MISSING_THREEDSNOTIFICATIONURL="806",E}({});class T extends E{getEventCategory(){return _.error}constructor(E){super(E.component),e(this,"errorType",void 0),e(this,"code",void 0),e(this,"message",void 0),this.errorType=E.errorType,this.code=E.code,E.message&&(this.message=E.message)}}export{T as AnalyticsErrorEvent,S as ErrorEventCode,r as ErrorEventType};
 //# sourceMappingURL=AnalyticsErrorEvent.js.map

package/dist/es/core/Analytics/events/AnalyticsErrorEvent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsErrorEvent.js","sources":["../../../../../src/core/Analytics/events/AnalyticsErrorEvent.ts"],"sourcesContent":["import { AbstractAnalyticsEvent, AnalyticsEventCategory } from './AbstractAnalyticsEvent';\n\ntype AnalyticsErrorEventProps = {\n component: string;\n errorType: ErrorEventType;\n code: string;\n message?: string;\n};\n\nexport enum ErrorEventType {\n network = 'Network',\n implementation = 'Implementation',\n internal = 'Internal',\n apiError = 'ApiError',\n sdkError = 'SdkError',\n thirdParty = 'ThirdParty',\n generic = 'Generic',\n redirect = 'Redirect',\n threeDS2 = 'ThreeDS2'\n}\n\nexport enum ErrorEventCode {\n /** Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined (meaning the containing element is not in the DOM /\n SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND = '500',\n /* /\n REDIRECT = '600',\n /\n Key not present in served securedFields asset\n /\n SECURED_FIELDS_KEY_NOT_FOUND = '608',\n /\n Encryption key generation failed in securedField\n /\n SECURED_FIELDS_ENCRYPTION_KEY_GEN_FAILED = '609',\n /\n Encryption failed in securedField\n /\n SECURED_FIELDS_ENCRYPTION_ERROR = '610',\n\n /* See also API_ERROR_CODE object in /src/core/Services/sessions/constants.ts which uses codes in the range 620-628 /\n\n /* Missing 'paymentData' property from threeDS2 action /\n THREEDS2_ACTION_IS_MISSING_PAYMENT_DATA = '700',\n\n /* Missing 'token' property from threeDS2 action /\n THREEDS2_ACTION_IS_MISSING_TOKEN = '701',\n\n /* Decoded token is missing a valid threeDSMethodURL property /\n THREEDS2_TOKEN_IS_MISSING_THREEDSMETHODURL = '702',\n /\n Decoded token is missing one or more of the following properties:\n * fingerprint: (threeDSMethodNotificationURL \| postMessageDomain \| threeDSServerTransID)\n * challenge: (acsTransID \| messageVersion \| threeDSServerTransID)\n /\n THREEDS2_TOKEN_IS_MISSING_OTHER_PROPS = '703',\n\n /* Token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token') /\n THREEDS2_TOKEN_DECODE_OR_PARSING_FAILED = '704',\n\n /* 3DS2 process has timed out /\n THREEDS2_TIMEOUT = '710',\n\n /* Decoded token is missing a valid acsURL property /\n THREEDS2_TOKEN_IS_MISSING_ACSURL = '800',\n\n /* Challenge has resulted in an error (no transStatus could be retrieved by the backend) /\n THREEDS2_NO_TRANSSTATUS = '801',\n\n /* callSubmit3DS2Fingerprint has received a response indicating either a \"frictionless\" flow, or a \"refused\" response, but without a details object /\n THREEDS2_NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED = '802',\n\n /* callSubmit3DS2Fingerprint cannot find a component to handle the action response /\n THREEDS2_NO_COMPONENT_FOR_ACTION = '803',\n\n /* callSubmit3DS2Fingerprint has received a response indicating a \"challenge\" but without an action object /\n THREEDS2_NO_ACTION_FOR_CHALLENGE = '804',\n\n /* The challenge process has happened, an object has been returned, parsed & accepted as legit, but the result prop on that object is either missing or doesn't have a transStatus prop */\n THREEDS2_CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = '805'\n}\n\nexport class AnalyticsErrorEvent extends AbstractAnalyticsEvent {\n private readonly errorType: ErrorEventType;\n private readonly code: string;\n\n private readonly message?: string;\n\n constructor(props: AnalyticsErrorEventProps) {\n super(props.component);\n\n this.errorType = props.errorType;\n this.code = props.code;\n\n if (props.message) this.message = props.message;\n }\n\n public getEventCategory(): AnalyticsEventCategory {\n return AnalyticsEventCategory.error;\n }\n}\n"],"names":["ErrorEventType","ErrorEventCode","AnalyticsErrorEvent","AbstractAnalyticsEvent","getEventCategory","AnalyticsEventCategory","error","constructor","props","super","component","_define_property","errorType","this","code","message"],"mappings":"yNASO,IAAAA,EAAKA,SAAAA,GAAAA,yNAAAA,CAUX,CAVWA,CAUX,CAAA,GAEMC,EAAKA,SAAAA,GAAAA,OACoIA,EAAA,+CAAA,MAExIA,EAAA,SAAA,MAIHA,EAAA,6BAAA,MAIAA,EAAA,yCAAA,MAIAA,EAAA,gCAAA,MAKwDA,EAAA,wCAAA,MAGPA,EAAA,iCAAA,MAGaA,EAAA,2CAAA,MAM9DA,EAAA,sCAAA,MAGkHA,EAAA,wCAAA,MAGpFA,EAAA,iBAAA,MAGsBA,EAAA,iCAAA,MAGqCA,EAAA,wBAAA,MAG2DA,EAAA,gDAAA,MAGjEA,EAAA,iCAAA,MAGwBA,EAAA,iCAAA,MAG6EA,EAAA,gDAAA,~~MAxDjLA~~,~~CA0DX~~,~~CA1DWA~~,~~CA0DX~~,CAAA,GAEM,MAAMC,UAA4BC,EAe9BC,gBAAAA,GACH,OAAOC,EAAuBC,KAClC,CAXA,WAAAC,CAAYC,GACRC,MAAMD,EAAME,WANhBC,OAAiBC,oBACjBD,EAAAE,KAAiBC,eAEjBH,EAAAE,KAAiBE,kBAKbF,KAAKD,UAAYJ,EAAMI,UACvBC,KAAKC,KAAON,EAAMM,KAEdN,EAAMO,UAASF,KAAKE,QAAUP,EAAMO,QAC5C"}
1	+ {"version":3,"file":"AnalyticsErrorEvent.js","sources":["../../../../../src/core/Analytics/events/AnalyticsErrorEvent.ts"],"sourcesContent":["import { AbstractAnalyticsEvent, AnalyticsEventCategory } from './AbstractAnalyticsEvent';\n\ntype AnalyticsErrorEventProps = {\n component: string;\n errorType: ErrorEventType;\n code: string;\n message?: string;\n};\n\nexport enum ErrorEventType {\n network = 'Network',\n implementation = 'Implementation',\n internal = 'Internal',\n apiError = 'ApiError',\n sdkError = 'SdkError',\n thirdParty = 'ThirdParty',\n generic = 'Generic',\n redirect = 'Redirect',\n threeDS2 = 'ThreeDS2'\n}\n\nexport enum ErrorEventCode {\n /** Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined (meaning the containing element is not in the DOM /\n SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND = '500',\n /* /\n REDIRECT = '600',\n /\n Key not present in served securedFields asset\n /\n SECURED_FIELDS_KEY_NOT_FOUND = '608',\n /\n Encryption key generation failed in securedField\n /\n SECURED_FIELDS_ENCRYPTION_KEY_GEN_FAILED = '609',\n /\n Encryption failed in securedField\n /\n SECURED_FIELDS_ENCRYPTION_ERROR = '610',\n\n /* See also API_ERROR_CODE object in /src/core/Services/sessions/constants.ts which uses codes in the range 620-628 /\n\n /* Missing 'paymentData' property from threeDS2 action /\n THREEDS2_ACTION_IS_MISSING_PAYMENT_DATA = '700',\n\n /* Missing 'token' property from threeDS2 action /\n THREEDS2_ACTION_IS_MISSING_TOKEN = '701',\n\n /* Decoded token is missing a valid threeDSMethodURL property /\n THREEDS2_TOKEN_IS_MISSING_THREEDSMETHODURL = '702',\n /\n Decoded token is missing one or more of the following properties:\n * fingerprint: (threeDSMethodNotificationURL \| postMessageDomain \| threeDSServerTransID)\n * challenge: (acsTransID \| messageVersion \| threeDSServerTransID)\n /\n THREEDS2_TOKEN_IS_MISSING_OTHER_PROPS = '703',\n\n /* Token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token') /\n THREEDS2_TOKEN_DECODE_OR_PARSING_FAILED = '704',\n\n /* 3DS2 process has timed out /\n THREEDS2_TIMEOUT = '710',\n\n /* Decoded token is missing a valid acsURL property /\n THREEDS2_TOKEN_IS_MISSING_ACSURL = '800',\n\n /* Challenge has resulted in an error (no transStatus could be retrieved by the backend) /\n THREEDS2_NO_TRANSSTATUS = '801',\n\n /* callSubmit3DS2Fingerprint has received a response indicating either a \"frictionless\" flow, or a \"refused\" response, but without a details object /\n THREEDS2_NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED = '802',\n\n /* callSubmit3DS2Fingerprint cannot find a component to handle the action response /\n THREEDS2_NO_COMPONENT_FOR_ACTION = '803',\n\n /* callSubmit3DS2Fingerprint has received a response indicating a \"challenge\" but without an action object /\n THREEDS2_NO_ACTION_FOR_CHALLENGE = '804',\n\n /* The challenge process has happened, an object has been returned, parsed & accepted as legit, but the result prop on that object is either missing or doesn't have a transStatus prop /\n THREEDS2_CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = '805',\n\n /* Decoded challenge token is missing a valid threeDSNotificationURL property. This means any challenge iframe that is presented will not be able to postMessage back to finalise the process, and trigger an onAdditionalDetails call. */\n THREEDS2_CHALLENGE_TOKEN_IS_MISSING_THREEDSNOTIFICATIONURL = '806'\n}\n\nexport class AnalyticsErrorEvent extends AbstractAnalyticsEvent {\n private readonly errorType: ErrorEventType;\n private readonly code: string;\n\n private readonly message?: string;\n\n constructor(props: AnalyticsErrorEventProps) {\n super(props.component);\n\n this.errorType = props.errorType;\n this.code = props.code;\n\n if (props.message) this.message = props.message;\n }\n\n public getEventCategory(): AnalyticsEventCategory {\n return AnalyticsEventCategory.error;\n }\n}\n"],"names":["ErrorEventType","ErrorEventCode","AnalyticsErrorEvent","AbstractAnalyticsEvent","getEventCategory","AnalyticsEventCategory","error","constructor","props","super","component","_define_property","errorType","this","code","message"],"mappings":"yNASO,IAAAA,EAAKA,SAAAA,GAAAA,yNAAAA,CAUX,CAVWA,CAUX,CAAA,GAEMC,EAAKA,SAAAA,GAAAA,OACoIA,EAAA,+CAAA,MAExIA,EAAA,SAAA,MAIHA,EAAA,6BAAA,MAIAA,EAAA,yCAAA,MAIAA,EAAA,gCAAA,MAKwDA,EAAA,wCAAA,MAGPA,EAAA,iCAAA,MAGaA,EAAA,2CAAA,MAM9DA,EAAA,sCAAA,MAGkHA,EAAA,wCAAA,MAGpFA,EAAA,iBAAA,MAGsBA,EAAA,iCAAA,MAGqCA,EAAA,wBAAA,MAG2DA,EAAA,gDAAA,MAGjEA,EAAA,iCAAA,MAGwBA,EAAA,iCAAA,MAG6EA,EAAA,gDAAA,MAGgDA,EAAA,2DAAA,MA3DjOA,CA6DX,CA7DWA,CA6DX,CAAA,GAEM,MAAMC,UAA4BC,EAe9BC,gBAAAA,GACH,OAAOC,EAAuBC,KAClC,CAXA,WAAAC,CAAYC,GACRC,MAAMD,EAAME,WANhBC,OAAiBC,oBACjBD,EAAAE,KAAiBC,eAEjBH,EAAAE,KAAiBE,kBAKbF,KAAKD,UAAYJ,EAAMI,UACvBC,KAAKC,KAAON,EAAMM,KAEdN,EAAMO,UAASF,KAAKE,QAAUP,EAAMO,QAC5C"}

package/dist/es/core/config.js CHANGED Viewed

@@ -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.40.2","LIBRARY_VERSION is not defined"),t=e("esm","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","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 s=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,s 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.41.0","LIBRARY_VERSION is not defined"),t=e("esm","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","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 s=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,s as PAYMENT_METHOD_BEHAVIOR,a as PLATFORM};
 //# sourceMappingURL=config.js.map

package/dist/es/index.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="applepayjs" />
 /// <reference types="googlepay" />
 import * as preact from 'preact';
-import { h, TargetedMouseEvent, Ref, RefObject, Component, ComponentChildren, FunctionComponent, ComponentChild } from 'preact';
+import { h, TargetedMouseEvent, Ref, RefObject, Component, ComponentChildren, FunctionComponent, ComponentChild, TargetedKeyboardEvent } from 'preact';
 import { OrderResponseBody, OnShippingAddressChangeData, OnShippingOptionsChangeData, OnInitActions } from '@paypal/paypal-js';
 interface ILanguageService {
@@ -290,7 +290,6 @@ interface ButtonProps {
         complete?: () => void;
     }) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
-    onKeyPress?: (event: KeyboardEvent) => void;
     buttonRef?: Ref<HTMLButtonElement>;
     onMouseEnter?: (event: MouseEvent) => void;
     onMouseLeave?: (event: MouseEvent) => void;
@@ -813,10 +812,10 @@ interface Restrictions {
 }
 interface ANCVConfiguration extends UIElementProps {
-    paymentData?: any;
+    paymentData?: string;
     data: ANCVDataState;
-    onOrderRequest?: any;
-    onOrderUpdated?: any;
+    onOrderRequest?: onOrderRequestCallbackType;
+    onOrderUpdated?: onOrderUpdatedCallbackType;
 }
 interface ANCVDataState {
     beneficiaryId: string;
@@ -1466,24 +1465,24 @@ type GiftcardFieldsProps = {
  */
 declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
     private csfLoadFailTimeout;
-    private csfLoadFailTimeoutMS;
-    private csfConfigFailTimeout;
-    private csfConfigFailTimeoutMS;
+    private readonly csfLoadFailTimeoutMS;
+    private readonly csfConfigFailTimeout;
+    private readonly csfConfigFailTimeoutMS;
     private numCharsInField;
     private rootNode;
     private numDateFields;
     private csf;
-    private handleOnLoad;
-    private handleOnConfigSuccess;
-    private handleOnFieldValid;
-    private handleOnAllValid;
-    private handleOnBrand;
-    private handleFocus;
-    private handleOnError;
-    private handleOnAutoComplete;
-    private handleOnNoDataRequired;
-    private handleOnTouchstartIOS;
-    private handleKeyPressed;
+    private readonly handleOnLoad;
+    private readonly handleOnConfigSuccess;
+    private readonly handleOnFieldValid;
+    private readonly handleOnAllValid;
+    private readonly handleOnBrand;
+    private readonly handleFocus;
+    private readonly handleOnError;
+    private readonly handleOnAutoComplete;
+    private readonly handleOnNoDataRequired;
+    private readonly handleOnTouchstartIOS;
+    private readonly handleKeyDown;
     state: SFPState;
     props: SFPProps;
     private issuingCountryCode;
@@ -1507,7 +1506,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
         onBinValue: () => void;
         onFocus: () => void;
         onAutoComplete: () => void;
-        handleKeyPress: () => void;
+        handleKeyDown: () => void;
         styles: {};
     };
     componentDidMount(): void;
@@ -1567,7 +1566,7 @@ interface SFPProps {
     onLoad?: (cbObj: CardLoadData) => void;
     onStateUpdate?: (obj: SFPState) => void;
     onSubmitAnalytics?: (event: AbstractAnalyticsEvent) => void;
-    handleKeyPress?: (obj: KeyboardEvent) => void;
+    handleKeyDown?: (event: KeyboardEvent) => void;
     rootNode?: HTMLElement;
     showWarnings?: boolean;
     styles?: StylesObject;
@@ -1690,6 +1689,7 @@ interface CardBinLookupData {
     supportedBrands?: string[];
     brands?: string[];
     issuingCountryCode?: string;
+    healthcare?: Record<string, boolean>[];
     supportedBrandsRaw?: BrandObject[];
     rootNode?: HTMLElement;
     isReset?: boolean;
@@ -1752,6 +1752,13 @@ interface CardLoadData {
 }
 type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
 type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
+interface BrandConfiguration {
+    name?: string;
+    icon?: string;
+}
+interface CardBrandsConfiguration {
+    [key: string]: BrandConfiguration;
+}
 declare enum ErrorEventCode {
     /** Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined (meaning the containing element is not in the DOM */
@@ -1798,7 +1805,9 @@ declare enum ErrorEventCode {
     /** callSubmit3DS2Fingerprint has received a response indicating a "challenge" but without an action object */
     THREEDS2_NO_ACTION_FOR_CHALLENGE = "804",
     /** The challenge process has happened, an object has been returned, parsed & accepted as legit, but the result prop on that object is either missing or doesn't have a transStatus prop */
-    THREEDS2_CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = "805"
+    THREEDS2_CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = "805",
+    /** Decoded challenge token is missing a valid threeDSNotificationURL property. This means any challenge iframe that is presented will not be able to postMessage back to finalise the process, and trigger an onAdditionalDetails call. */
+    THREEDS2_CHALLENGE_TOKEN_IS_MISSING_THREEDSNOTIFICATIONURL = "806"
 }
 /**
@@ -4265,14 +4274,17 @@ type balanceCheckResponseType = {
     transactionLimit?: PaymentAmount;
 };
 type onBalanceCheckCallbackType = (resolve: (res: balanceCheckResponseType) => void, reject: (error: Error) => void, data: GiftCardElementData) => Promise<void>;
+type onOrderUpdatedCallbackType = (data: {
+    order: Order;
+}) => void;
 type onRequiringConfirmationCallbackType = (resolve: () => void, reject: (error: Error) => void) => Promise<void>;
 type onOrderRequestCallbackType = (resolve: (order: Order) => void, reject: (error: Error) => void, data: PaymentData) => Promise<void>;
 interface GiftCardConfiguration extends UIElementProps {
     pinRequired?: boolean;
     expiryDateRequired?: boolean;
-    brandsConfiguration?: any;
+    brandsConfiguration?: CardBrandsConfiguration;
     brand?: string;
-    onOrderUpdated?: (data: any) => void;
+    onOrderUpdated?: onOrderUpdatedCallbackType;
     onBalanceCheck?: onBalanceCheckCallbackType;
     onOrderRequest?: onOrderRequestCallbackType;
     onRequiringConfirmation?: onRequiringConfirmationCallbackType;
@@ -4304,7 +4316,7 @@ interface GiftcardComponentProps extends Partial<Pick<SFPProps, 'clientKey' | 'l
     expiryDateRequired?: boolean;
     fieldsLayoutComponent: FunctionComponent<GiftcardFieldsProps>;
     placeholders?: Placeholders$1;
-    handleKeyPress?: (o: KeyboardEvent) => void;
+    handleKeyDown?: (event: KeyboardEvent) => void;
     onSubmitAnalytics?: (event: AbstractAnalyticsEvent) => void;
 }
 declare class Giftcard extends Component<Readonly<GiftcardComponentProps>> {
@@ -4372,8 +4384,8 @@ declare class GiftcardElement extends UIElement<GiftCardConfiguration> {
     formatProps(props: any): any;
     formatData(): GiftCardElementData;
     get isValid(): boolean;
-    get icon(): any;
-    get displayName(): any;
+    get icon(): string;
+    get displayName(): string;
     private setBalanceCheckError;
     private handleBalanceCheck;
     private onOrderRequest;
@@ -6459,9 +6471,10 @@ type onOrderCancelType = (data: onOrderCancelData, actions: {
     }) => void;
     reject: (error: string) => void;
 }) => void;
+type onOrderCancelInternalCallback = ((data: onOrderCancelData) => void) | null;
 interface DropinComponentProps extends DropinConfiguration {
     core: ICore;
-    onCreateElements(): any;
+    onCreateElements(): [Promise<UIElement[]>, Promise<UIElement[]>, Promise<UIElement[]>, Promise<UIElement[]> | []];
     onElementsCreated(elements: UIElement[]): void;
     onOrderCancel?: onOrderCancelType;
 }
@@ -7144,8 +7157,8 @@ declare abstract class BaseElement<P extends BaseElementProps> implements IBaseE
      * Returns the component data necessary for the /payments request
      */
     protected formatData(): any;
-    protected submitAnalytics(analyticsObj?: AbstractAnalyticsEvent): any;
-    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement>): any;
+    protected submitAnalytics(_analyticsObj?: AbstractAnalyticsEvent): any;
+    protected handleKeyDown(_e: TargetedKeyboardEvent<HTMLInputElement>): any;
     protected setState(newState: object): void;
     /**
      * Returns the component payment data ready to submit to the Checkout API
@@ -7286,9 +7299,9 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
      * @param response -
      */
     protected handleResponse(response: PaymentResponseData): void;
-    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
+    protected handleKeyDown(e: TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
     /**
-     * Handle Enter key pressed from a UIElement (called via handleKeyPress)
+     * Handle Enter key pressed from a UIElement (called via handleKeyDown)
      * @param obj
      */
     protected onEnterKeyPressed(activeElement: Element, component: UIElement): void;
@@ -8031,13 +8044,7 @@ interface CardBackendConfiguration {
     icon?: string;
     brandsConfiguration?: CardBrandsConfiguration;
 }
-interface BrandConfiguration {
-    name?: string;
-    icon?: string;
-}
-interface CardBrandsConfiguration {
-    [key: string]: BrandConfiguration;
-}
 interface CardPaymentMethodData {
     type: string;
     brand?: string;
@@ -8071,6 +8078,7 @@ interface BrandObject {
     brandImageUrl?: string;
     panLength?: number;
     paymentMethodVariant?: string;
+    healthcare?: boolean;
 }
 interface BinLookupResponseRaw {
     requestId: string;
@@ -8387,7 +8395,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
      */
     protected handleOrder: ({ order }: PaymentResponseData) => void;
     closeActivePaymentMethod(): void;
-    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
+    protected handleKeyDown(e: TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
     protected onEnterKeyPressed(activeElement: Element, component: UIElement): void;
     protected componentToRender(): h.JSX.Element;
 }
@@ -8713,4 +8721,4 @@ declare namespace AdyenCheckout {
 }
 export { ANCVElement as ANCV, AchElement as Ach, AddressElement as Address, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, ApplePayElement as ApplePay, Atome, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, BankTransferElement as BankTransfer, BCMCMobileElement as BcmcMobile, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, BlikElement as Blik, BoletoElement as Boleto, CardElement as Card, CashAppPay, ClickToPayElement as ClickToPay, Core, CustomCard, DokuElement as Doku, DonationElement as Donation, DotpayElement as Dotpay, DragonpayElement as Dragonpay, DropinElement as Dropin, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, Fastlane, FastlaneSDK, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, Iris, IrisMode, KlarnaPayments as Klarna, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, OxxoElement as Oxxo, PayByBank, PayByBankPixElement as PayByBankPix, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, PayToElement as PayTo, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, PixElement as Pix, PreAuthorizedDebitCanada, PromptPayElement as PromptPay, RatePay, RatePayDirectDebit, RedirectElement as Redirect, Riverty, SepaElement as SepaDirectDebit, SwishElement as Swish, ThreeDS2Challenge, ThreeDS2DeviceFingerprint, TrustlyElement as Trustly, TwintElement as Twint, UIElement, UPI, VippsElement as Vipps, WalletINElement as WalletIN, WeChatPayElement as WeChat, index_d as components, initializeFastlane };
-export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, AmazonWindowObject, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChallengeWindowSize, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSession, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, CoreModules, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationCampaign, DonationCampaignOptions, DonationConfiguration, DonationOptions, DonationProps, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandButtons, DualBrandSelectElement, DualBrandingChangeHandler, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneData, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, FundingSourceKeys, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IrisState, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, MandateFrequencyType, MandateType, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodBrand, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, SupportedPayPalFundingSources, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIAppList, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };
+export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, AmazonWindowObject, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChallengeWindowSize, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSession, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, CoreModules, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationCampaign, DonationCampaignOptions, DonationConfiguration, DonationOptions, DonationProps, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandButtons, DualBrandSelectElement, DualBrandingChangeHandler, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneData, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, FundingSourceKeys, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IrisState, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, MandateFrequencyType, MandateType, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodBrand, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, SupportedPayPalFundingSources, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIAppList, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelInternalCallback, onOrderCancelType, onOrderRequestCallbackType, onOrderUpdatedCallbackType, onRequiringConfirmationCallbackType };

package/dist/es/utils/commonUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const t=Object.prototype.toString;function n(t){return"object"==typeof t&&null!==t&&"[object Array]"===Object.prototype.toString.call(t)}function e(t){return null!=t}function r(t){return!1!==t&&e(t)}function o(t){return!!t&&"object"==typeof t}function c(e){return!r(e)||(!(!("number"==typeof(c=e)||o(c)&&"[object Number]"===t.call(c))||0!==e&&!Number.isNaN(e))||(!(!n(e)&&!function(n){return"string"==typeof n||o(n)&&"[object String]"===t.call(n)}(e)||0!==e.length)||!(!o(e)||0!==Object.keys(e).length)));var c}function u(...t){const e=n(t[0])?t[0]:t;return{from:t=>e.map(n=>n in t?{[n]:t[n]}:{}).reduce((t,n)=>({...t,...n}),{})}}function f(...t){const e=n(t[0])?t[0]:t;return{from:t=>u(...Object.keys(t).filter(t=>!e.includes(t))).from(t)}}export{e as existy,c as falsy,n as isArray,u as pick,f as reject,r as truthy};
+const t=Object.prototype.toString;function n(t){return"object"==typeof t&&null!==t&&"[object Array]"===Object.prototype.toString.call(t)}function e(t){return null!=t}function r(t){return!1!==t&&e(t)}function o(t){return!!t&&"object"==typeof t}function c(e){return!r(e)||(!(!("number"==typeof(c=e)||o(c)&&"[object Number]"===t.call(c))||0!==e&&!Number.isNaN(e))||(!(!n(e)&&!function(n){return"string"==typeof n||o(n)&&"[object String]"===t.call(n)}(e)||0!==e.length)||!(!o(e)||0!==Object.keys(e).length)));var c}function u(t){return!c(t)}function f(...t){const e=n(t[0])?t[0]:t;return{from:t=>e.map(n=>n in t?{[n]:t[n]}:{}).reduce((t,n)=>({...t,...n}),{})}}function i(...t){const e=n(t[0])?t[0]:t;return{from:t=>f(...Object.keys(t).filter(t=>!e.includes(t))).from(t)}}export{e as existy,c as falsy,n as isArray,u as notFalsy,f as pick,i as reject,r as truthy};
 //# sourceMappingURL=commonUtils.js.map

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

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

package/dist/es/utils/promiseTimeout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"promiseTimeout.js","sources":["../../../src/utils/promiseTimeout.ts"],"sourcesContent":["/*\n Tests if a passed promise settles before a certain amount of time has elapsed\n \n @param ms - number of milliseconds the passed promise has to settle\n * @param promise - the passed promise\n * @param timeOutObject - the object that the promiseTimeout will reject with if the passed promise doesn't settle in time\n */\nconst promiseTimeout = <T>(ms: number, promise: Promise<T>, timeOutObject: object) => {\n let timer: NodeJS.Timeout \| null;\n\n const promiseTimer: Promise<T> = new Promise((resolve, reject): void => {\n // Create a timeout to reject promise if not resolved\n timer = setTimeout((): void => {\n reject(timeOutObject);\n }, ms);\n\n promise\n .then((res): void => {\n clearTimeout(timer);\n resolve(res);\n })\n .catch((err): void => {\n clearTimeout(timer);\n reject(err);\n });\n });\n\n const cancelTimer = (): void => {\n clearTimeout(timer);\n };\n\n return {\n promise: promiseTimer,\n cancel: cancelTimer\n };\n};\n\nexport default promiseTimeout;\n"],"names":["promiseTimeout","ms","promise","timeOutObject","timer","Promise","resolve","reject","setTimeout","then","res","clearTimeout","catch","err","cancel"],"mappings":"AAOA,MAAMA,EAAiB,CAAIC,EAAYC,EAAqBC,KACxD,IAAIC,EAuBJ,MAAO,CACHF,QAtB6B,IAAIG,QAAQ,CAACC,EAASC,KAEnDH,EAAQI,WAAW,KACfD,EAAOJ,IACRF,GAEHC,EACKO,KAAMC,IACHC,aAAaP,GACbE,EAAQI,KAEXE,MAAOC,IACJF,aAAaP,GACbG,EAAOM,OAUfC,OANgB,KAChBH,aAAaP"}
1	+ {"version":3,"file":"promiseTimeout.js","sources":["../../../src/utils/promiseTimeout.ts"],"sourcesContent":["/*\n Tests if a passed promise settles before a certain amount of time has elapsed\n \n @param ms - number of milliseconds the passed promise has to settle\n * @param promise - the passed promise\n * @param timeOutObject - the object that the promiseTimeout will reject with if the passed promise doesn't settle in time\n */\nconst promiseTimeout = <T>(ms: number, promise: Promise<T>, timeOutObject: object): { promise: Promise<T>; cancel: () => void } => {\n let timer: NodeJS.Timeout \| null;\n\n const promiseTimer: Promise<T> = new Promise((resolve, reject): void => {\n // Create a timeout to reject promise if not resolved\n timer = setTimeout((): void => {\n reject(timeOutObject);\n }, ms);\n\n promise\n .then((res): void => {\n clearTimeout(timer);\n resolve(res);\n })\n .catch((err): void => {\n clearTimeout(timer);\n reject(err);\n });\n });\n\n const cancelTimer = (): void => {\n clearTimeout(timer);\n };\n\n return {\n promise: promiseTimer,\n cancel: cancelTimer\n };\n};\n\nexport default promiseTimeout;\n"],"names":["promiseTimeout","ms","promise","timeOutObject","timer","Promise","resolve","reject","setTimeout","then","res","clearTimeout","catch","err","cancel"],"mappings":"AAOA,MAAMA,EAAiB,CAAIC,EAAYC,EAAqBC,KACxD,IAAIC,EAuBJ,MAAO,CACHF,QAtB6B,IAAIG,QAAQ,CAACC,EAASC,KAEnDH,EAAQI,WAAW,KACfD,EAAOJ,IACRF,GAEHC,EACKO,KAAMC,IACHC,aAAaP,GACbE,EAAQI,KAEXE,MAAOC,IACJF,aAAaP,GACbG,EAAOM,OAUfC,OANgB,KAChBH,aAAaP"}

package/dist/es-legacy/components/ANCV/ANCV.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"./components/ANCVInput.js";import o from"./components/ANCVAwait/config.js";import{Await as n}from"../internal/Await/Await.js";import s from"../../core/Errors/AdyenCheckoutError.js";import i from"../internal/PayButton/PayButton.js";import{sanitizeResponse as a,verifyPaymentDidNotFail as p}from"../internal/UIElement/utils.js";function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}class l extends e{formatData(){var t;return{paymentMethod:{type:l.type,beneficiaryId:null===(t=this.state.data)||void 0===t?void 0:t.beneficiaryId}}}submit(){if(!this.isValid)return this.showValidation(),!1;this.createOrder().then(this.makePaymentsCall).then(a).then(p).then(this.handleResponse).catch(this.handleFailedResult)}get isValid(){return!!this.state.isValid}get displayName(){return this.props.name}componentToRender(){return this.props.paymentData?t(n,{clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.props.onError,onComplete:this.onComplete,brandLogo:this.icon,brandName:this.displayName,type:this.constructor.type,messageText:this.props.i18n.get("ancv.confirmPayment"),awaitText:this.props.i18n.get("await.waitForConfirmation"),showCountdownTimer:o.showCountdownTimer,throttleTime:o.THROTTLE_TIME,throttleInterval:o.THROTTLE_INTERVAL,onActionHandled:this.onActionHandled}):t(r,h(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach(function(e){c(t,e,r[e])})}return t}({ref:t=>{this.componentRef=t}},this.props),{onSubmit:this.submit,onChange:this.setState,payButton:this.payButton,showPayButton:this.props.showPayButton}))}constructor(...e){super(...e),c(this,"onOrderRequest",t=>this.props.onOrderRequest?new Promise((e,r)=>{this.props.onOrderRequest(e,r,t)}):this.props.session?this.props.session.createOrder():void 0),c(this,"createOrder",()=>(this.setStatus("loading"),this.props.order?Promise.resolve():this.onOrderRequest(this.data).then(t=>{const e={order:{orderData:t.orderData,pspReference:t.pspReference}};return this.setState(e),Promise.resolve()}).catch(t=>{t instanceof s?this.handleError(t):this.handleError(new s("ERROR",t))}))),c(this,"payButton",e=>t(i,e))}}c(l,"type","ancv");export{l as ANCVElement,l as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import r from"./components/ANCVInput.js";import o from"./components/ANCVAwait/config.js";import{Await as n}from"../internal/Await/Await.js";import s from"../../core/Errors/AdyenCheckoutError.js";import i from"../internal/PayButton/PayButton.js";import{sanitizeResponse as a,verifyPaymentDidNotFail as p}from"../internal/UIElement/utils.js";function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}class m extends e{formatData(){var t;return{paymentMethod:{type:m.type,beneficiaryId:null===(t=this.state.data)||void 0===t?void 0:t.beneficiaryId}}}submit(){if(!this.isValid)return this.showValidation(),!1;this.createOrder().then(this.makePaymentsCall).then(a).then(p).then(this.handleResponse).catch(this.handleFailedResult)}get isValid(){return!!this.state.isValid}get displayName(){return this.props.name}componentToRender(){return this.props.paymentData?t(n,{clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.props.onError,onComplete:this.onComplete,brandLogo:this.icon,brandName:this.displayName,type:this.constructor.type,messageText:this.props.i18n.get("ancv.confirmPayment"),awaitText:this.props.i18n.get("await.waitForConfirmation"),showCountdownTimer:o.showCountdownTimer,throttleTime:o.THROTTLE_TIME,throttleInterval:o.THROTTLE_INTERVAL,onActionHandled:this.onActionHandled}):t(r,h(function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach(function(e){c(t,e,r[e])})}return t}({},this.props),{setComponentRef:this.setComponentRef,onSubmit:this.submit,onChange:this.setState,payButton:this.payButton,showPayButton:this.props.showPayButton}))}constructor(...e){super(...e),c(this,"onOrderRequest",t=>this.props.onOrderRequest?new Promise((e,r)=>{this.props.onOrderRequest(e,r,t)}):this.props.session?this.props.session.createOrder():void 0),c(this,"createOrder",()=>(this.setStatus("loading"),this.props.order?Promise.resolve():this.onOrderRequest(this.data).then(t=>{const e={order:{orderData:t.orderData,pspReference:t.pspReference}};return this.setState(e),Promise.resolve()}).catch(t=>{t instanceof s?this.handleError(t):this.handleError(new s("ERROR",t))}))),c(this,"payButton",e=>t(i,e))}}c(m,"type","ancv");export{m as ANCVElement,m as default};
 //# sourceMappingURL=ANCV.js.map