npm - @adyen/adyen-web - Versions diffs - 6.36.0 → 6.38.0 - Mend

@adyen/adyen-web 6.36.0 → 6.38.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 (264) hide show

package/dist/es-legacy/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 { IDropin } from '../../Dropin/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 as unknown as IDropin);\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","_object_spread","type","InfoEventType","rendered","component","configData","_object_spread_props","showPayButton","props","oneClick","isStoredPaymentMethod","analytics","sendAnalytics","reportIntegrationFlavor","sendFlavor","core","modules","srPanel","getPaymentMethodConfigFromResponse","componentProps","storedPaymentMethodId","getStoredPaymentMethodDetails","getPaymentMethodFromPaymentMethodsResponse","paymentMethodId","buildElementProps","finalProps","getCorePropsForComponent","isDropinInstance","assertIsDropin","formatProps","constructor","getRegulatoryDefaults","options","countryCode","paymentMethodsResponse","findStoredPaymentMethod","_this_core_paymentMethodsResponse","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","updateAmount","amount","secondaryAmount","_this_amountProviderRef_current","amountProviderRef","current","update","setElementStatus","status","_this_elementRef","elementRef","setStatus","_this_componentRef","_this_props_onChange","_this_props","call","data","isValid","errors","valid","submitAnalytics","submit","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","_this_props_onActionHandled","setupSessionsDonation","donation","autoMount","rootNode","getComponent","TxVariants","commercialTxAmount","value","response","order","remainingAmount","handleOrder","handleSuccessResult","handleKeyPress","document","key","code","preventDefault","onEnterKeyPressed","activeElement","blur","updateParent","icon","_this_props_icon","paymentMethodType","resources","getImage","displayName","_this_core_paymentMethodsResponse_paymentMethods","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","loadingContext","SRPanelProvider","AmountProvider","providerRef","componentToRender","checkout","super","_define_property","createRef","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","_this_props_onOrderUpdated","onOrderUpdated","result","_this_props_onPaymentFailed","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","_this_props_onPaymentCompleted","askDonation","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","onClick","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 } 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","_object_spread","type","InfoEventType","rendered","component","configData","_object_spread_props","showPayButton","props","oneClick","isStoredPaymentMethod","analytics","sendAnalytics","reportIntegrationFlavor","sendFlavor","core","modules","srPanel","getPaymentMethodConfigFromResponse","componentProps","storedPaymentMethodId","getStoredPaymentMethodDetails","getPaymentMethodFromPaymentMethodsResponse","paymentMethodId","buildElementProps","finalProps","getCorePropsForComponent","isDropinInstance","assertIsDropin","formatProps","constructor","getRegulatoryDefaults","options","countryCode","paymentMethodsResponse","findStoredPaymentMethod","_this_core_paymentMethodsResponse","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","updateAmount","amount","secondaryAmount","_this_amountProviderRef_current","amountProviderRef","current","update","setElementStatus","status","_this_elementRef","elementRef","setStatus","_this_componentRef","_this_props_onChange","_this_props","call","data","isValid","errors","valid","submitAnalytics","submit","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","_this_props_onActionHandled","setupSessionsDonation","donation","autoMount","rootNode","getComponent","TxVariants","commercialTxAmount","value","response","order","remainingAmount","handleOrder","handleSuccessResult","handleKeyPress","document","key","code","preventDefault","onEnterKeyPressed","activeElement","blur","updateParent","icon","_this_props_icon","paymentMethodType","resources","getImage","displayName","_this_core_paymentMethodsResponse_paymentMethods","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","loadingContext","SRPanelProvider","AmountProvider","providerRef","componentToRender","checkout","super","_define_property","createRef","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","_this_props_onOrderUpdated","onOrderUpdated","result","_this_props_onPaymentFailed","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","_this_props_onPaymentCompleted","askDonation","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","onClick","register","bind","undefined","txVariants"],"mappings":"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"}

package/dist/es-legacy/core/Analytics/events/AnalyticsInfoEvent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{AbstractAnalyticsEvent as e,AnalyticsEventCategory as t}from"./AbstractAnalyticsEvent.js";import{mapErrorCodesForAnalytics as o}from"../utils.js";function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var r=function(e){return e.instantPaymentButton="instant_payment_button",e.dualBrandButton="dual_brand_button",e.fastlaneSignupConsentToggle="fastlane_signup_consent_toggle",e.otherPaymentMethodButton="otherpaymentmethod_button",e.featuredIssuer="featured_issuer",e.list="list",e.listSearch="list_search",e.qrDownloadButton="qr_download_button",e.segmentedControl="segmented_control",e.cardNumber="card_number",e.expiryDate="expiry_date",e.expiryMonth="expiry_month",e.expiryYear="expiry_year",e.securityCode="security_code",e.donationAmountButton="donation_amount_button",e}({}),d=function(e){return e.clicked="clicked",e.rendered="rendered",e.selected="selected",e.validationError="validationError",e.focus="focus",e.unfocus="unfocus",e.configured="configured",e.displayed="displayed",e.input="input",e.download="download",e.sdkDownloadInitiated="sdkDownloadInitiated",e.sdkDownloadFailed="sdkDownloadFailed",e.sdkDownloadAborted="sdkDownloadAborted",e.sdkDownloadCompleted="sdkDownloadCompleted",e.Initialized="initialized",e.LookupStarted="lookupStarted",e.LookupUserNotFound="lookupUserNotFound",e.OtpStarted="otpStarted",e.OtpSucceeded="otpSucceeded",e.OtpCanceled="otpCanceled",e.OtpFailed="otpFailed",e.AddressSelectorClicked="addressSelectorClicked",e.AddressSelectorClosed="addressSelectorClosed",e.AddressChanged="addressChanged",e}({});class n extends e{get configDataExcludedFields(){return["paymentMethodsConfiguration","elementRef","isDropin","oneClick","storedPaymentMethodId","paymentMethodId","isInstantPayment","type","data","holderName","shopperEmail","email","telephoneNumber","clickToPayConfiguration","modules","i18n"]}createAnalyticsConfigData(e){if(!e)return{};const t={};try{for(const[o,i]of Object.entries(e))this.configDataExcludedFields.includes(o)||("function"==typeof i?t[o]="function":Array.isArray(i)?t[o]=i.join(", ").substring(0,128):t[o]="object"==typeof i&&null!==i?JSON.stringify(i).substring(0,128):i);return t}catch(e){return t}}getEventCategory(){return t.info}constructor(e){super(e.component),i(this,"type",void 0),i(this,"configData",void 0),i(this,"target",void 0),i(this,"issuer",void 0),i(this,"isExpress",void 0),i(this,"expressPage",void 0),i(this,"isStoredPaymentMethod",void 0),i(this,"brand",void 0),i(this,"selectedValue",void 0),i(this,"validationErrorCode",void 0),i(this,"validationErrorMessage",void 0),i(this,"cdnUrl",void 0),this.type=e.type,e.target&&(this.target=e.target),e.issuer&&(this.issuer=e.issuer),void 0!==e.isStoredPaymentMethod&&(this.isStoredPaymentMethod=e.isStoredPaymentMethod),void 0!==e.isExpress&&(this.isExpress=e.isExpress),e.expressPage&&(this.expressPage=e.expressPage),e.brand&&(this.brand=e.brand),e.cdnUrl&&(this.cdnUrl=e.cdnUrl),e.selectedValue&&(this.selectedValue=e.selectedValue),e.validationErrorCode&&(this.validationErrorCode=e.validationErrorCode),e.validationErrorMessage&&(this.validationErrorMessage=e.validationErrorMessage),"rendered"!==this.type&&"displayed"!==this.type||(this.configData=this.createAnalyticsConfigData(null==e?void 0:e.configData)),"validationError"===this.type&&(this.validationErrorCode=o(this.validationErrorCode,this.target))}}export{n as AnalyticsInfoEvent,d as InfoEventType,r as UiTarget};
+import{AbstractAnalyticsEvent as e,AnalyticsEventCategory as t}from"./AbstractAnalyticsEvent.js";import{mapErrorCodesForAnalytics as o}from"../utils.js";function i(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var r=function(e){return e.instantPaymentButton="instant_payment_button",e.dualBrandButton="dual_brand_button",e.fastlaneSignupConsentToggle="fastlane_signup_consent_toggle",e.otherPaymentMethodButton="otherpaymentmethod_button",e.featuredIssuer="featured_issuer",e.list="list",e.listSearch="list_search",e.qrDownloadButton="qr_download_button",e.segmentedControl="segmented_control",e.cardNumber="card_number",e.expiryDate="expiry_date",e.expiryMonth="expiry_month",e.expiryYear="expiry_year",e.securityCode="security_code",e.donationAmountButton="donation_amount_button",e}({}),d=function(e){return e.clicked="clicked",e.rendered="rendered",e.selected="selected",e.validationError="validationError",e.focus="focus",e.unfocus="unfocus",e.configured="configured",e.displayed="displayed",e.input="input",e.download="download",e.sdkDownloadInitiated="sdkDownloadInitiated",e.sdkDownloadFailed="sdkDownloadFailed",e.sdkDownloadAborted="sdkDownloadAborted",e.sdkDownloadCompleted="sdkDownloadCompleted",e.Initialized="initialized",e.LookupStarted="lookupStarted",e.LookupUserNotFound="lookupUserNotFound",e.OtpStarted="otpStarted",e.OtpSucceeded="otpSucceeded",e.OtpCanceled="otpCanceled",e.OtpFailed="otpFailed",e.AddressSelectorClicked="addressSelectorClicked",e.AddressSelectorClosed="addressSelectorClosed",e.AddressChanged="addressChanged",e}({});class s extends e{get configDataExcludedFields(){return["paymentMethodsConfiguration","elementRef","isDropin","oneClick","storedPaymentMethodId","paymentMethodId","isInstantPayment","type","data","holderName","shopperEmail","email","telephoneNumber","clickToPayConfiguration","modules","i18n"]}createAnalyticsConfigData(e){if(!e)return{};const t={};try{for(const[o,i]of Object.entries(e))this.configDataExcludedFields.includes(o)||("function"==typeof i?t[o]="function":Array.isArray(i)?t[o]=i.join(", ").substring(0,128):t[o]="object"==typeof i&&null!==i?JSON.stringify(i).substring(0,128):i);return t}catch(e){return t}}getEventCategory(){return t.info}constructor(e){super(e.component),i(this,"type",void 0),i(this,"configData",void 0),i(this,"target",void 0),i(this,"issuer",void 0),i(this,"isExpress",void 0),i(this,"expressPage",void 0),i(this,"isStoredPaymentMethod",void 0),i(this,"brand",void 0),i(this,"selectedValue",void 0),i(this,"validationErrorCode",void 0),i(this,"validationErrorMessage",void 0),i(this,"presentedValues",void 0),i(this,"cdnUrl",void 0),this.type=e.type,e.target&&(this.target=e.target),e.issuer&&(this.issuer=e.issuer),void 0!==e.isStoredPaymentMethod&&(this.isStoredPaymentMethod=e.isStoredPaymentMethod),void 0!==e.isExpress&&(this.isExpress=e.isExpress),e.expressPage&&(this.expressPage=e.expressPage),e.brand&&(this.brand=e.brand),e.cdnUrl&&(this.cdnUrl=e.cdnUrl),e.selectedValue&&(this.selectedValue=e.selectedValue),e.validationErrorCode&&(this.validationErrorCode=e.validationErrorCode),e.validationErrorMessage&&(this.validationErrorMessage=e.validationErrorMessage),e.presentedValues&&(this.presentedValues=e.presentedValues),"rendered"===this.type&&(this.configData=this.createAnalyticsConfigData(null==e?void 0:e.configData)),"validationError"===this.type&&(this.validationErrorCode=o(this.validationErrorCode,this.target))}}export{s as AnalyticsInfoEvent,d as InfoEventType,r as UiTarget};
 //# sourceMappingURL=AnalyticsInfoEvent.js.map

package/dist/es-legacy/core/Analytics/events/AnalyticsInfoEvent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsInfoEvent.js","sources":["../../../../../src/core/Analytics/events/AnalyticsInfoEvent.ts"],"sourcesContent":["import { AbstractAnalyticsEvent, AnalyticsEventCategory } from './AbstractAnalyticsEvent';\nimport { mapErrorCodesForAnalytics } from '../utils';\n\ntype AnalyticsInfoEventProps = {\n type: InfoEventType;\n component: string;\n target?: UiTarget;\n issuer?: string;\n isExpress?: boolean;\n expressPage?: string;\n isStoredPaymentMethod?: boolean;\n brand?: string;\n validationErrorCode?: string;\n validationErrorMessage?: string;\n configData?: Record<string, any>;\n cdnUrl?: string;\n selectedValue?: string;\n};\n\nexport enum UiTarget {\n instantPaymentButton = 'instant_payment_button',\n dualBrandButton = 'dual_brand_button',\n fastlaneSignupConsentToggle = 'fastlane_signup_consent_toggle',\n otherPaymentMethodButton = 'otherpaymentmethod_button',\n featuredIssuer = 'featured_issuer',\n list = 'list',\n listSearch = 'list_search',\n qrDownloadButton = 'qr_download_button',\n segmentedControl = 'segmented_control',\n cardNumber = 'card_number',\n expiryDate = 'expiry_date',\n expiryMonth = 'expiry_month',\n expiryYear = 'expiry_year',\n securityCode = 'security_code',\n donationAmountButton = 'donation_amount_button'\n}\n\nexport enum InfoEventType {\n /** When a UI element is clicked /\n clicked = 'clicked',\n /* When a component is rendered in the browser (e.g. render() method is called) /\n rendered = 'rendered',\n /* When a list item is selected (e.g. issuer list) /\n selected = 'selected',\n /* When there is a validation issue with the input /\n validationError = 'validationError',\n /* When input gets focus /\n focus = 'focus',\n /* When input gets unfocus /\n unfocus = 'unfocus',\n /* When iframe fields are configured /\n configured = 'configured',\n /* When a dropdown list is displayed /\n displayed = 'displayed',\n /* When shopper utilizes an input field to search for values (e.g. issuer list) /\n input = 'input',\n /* When shopper clicks to download the image (e.g. QR code image) /\n download = 'download',\n sdkDownloadInitiated = 'sdkDownloadInitiated',\n sdkDownloadFailed = 'sdkDownloadFailed',\n sdkDownloadAborted = 'sdkDownloadAborted',\n sdkDownloadCompleted = 'sdkDownloadCompleted',\n Initialized = 'initialized',\n LookupStarted = 'lookupStarted',\n LookupUserNotFound = 'lookupUserNotFound',\n OtpStarted = 'otpStarted',\n OtpSucceeded = 'otpSucceeded',\n OtpCanceled = 'otpCanceled',\n OtpFailed = 'otpFailed',\n AddressSelectorClicked = 'addressSelectorClicked',\n AddressSelectorClosed = 'addressSelectorClosed',\n AddressChanged = 'addressChanged'\n}\n\nexport class AnalyticsInfoEvent extends AbstractAnalyticsEvent {\n /\n Analytics event type\n /\n private readonly type: InfoEventType;\n\n /\n Component config data set by the merchant. Sent only in 'rendered' events\n * @private\n /\n private readonly configData?: Record<string, string \| boolean>;\n private readonly target?: UiTarget;\n private readonly issuer?: string;\n private readonly isExpress?: boolean;\n private readonly expressPage?: string;\n private readonly isStoredPaymentMethod?: boolean;\n private readonly brand?: string;\n private readonly selectedValue?: string;\n private readonly validationErrorCode?: string;\n private readonly validationErrorMessage?: string;\n\n /\n Third party script URL's (e.g. Apple Pay)\n /\n public cdnUrl?: string;\n\n constructor(props: AnalyticsInfoEventProps) {\n super(props.component);\n\n this.type = props.type;\n\n if (props.target) this.target = props.target;\n if (props.issuer) this.issuer = props.issuer;\n if (props.isStoredPaymentMethod !== undefined) this.isStoredPaymentMethod = props.isStoredPaymentMethod;\n if (props.isExpress !== undefined) this.isExpress = props.isExpress;\n if (props.expressPage) this.expressPage = props.expressPage;\n if (props.brand) this.brand = props.brand;\n if (props.cdnUrl) this.cdnUrl = props.cdnUrl;\n if (props.selectedValue) this.selectedValue = props.selectedValue;\n if (props.validationErrorCode) this.validationErrorCode = props.validationErrorCode;\n if (props.validationErrorMessage) this.validationErrorMessage = props.validationErrorMessage;\n if (this.type === InfoEventType.rendered \|\| this.type === InfoEventType.displayed) {\n this.configData = this.createAnalyticsConfigData(props?.configData);\n }\n\n // Some of the more generic validation error codes required combination with target to retrieve a specific code\n if (this.type === InfoEventType.validationError) {\n this.validationErrorCode = mapErrorCodesForAnalytics(this.validationErrorCode, this.target);\n }\n }\n\n /\n Set of properties that must not be included when creating the configData for Analytics\n * @private\n /\n private get configDataExcludedFields() {\n const DROPIN_FIELDS = ['paymentMethodsConfiguration'];\n const FIELDS_INJECTED_BY_DROPIN = [\n 'elementRef',\n 'isDropin',\n 'oneClick',\n 'storedPaymentMethodId',\n 'paymentMethodId',\n 'isInstantPayment',\n 'type'\n ];\n const PII_FIELDS = ['data', 'holderName', 'shopperEmail', 'email', 'telephoneNumber', 'clickToPayConfiguration'];\n\n /\n TODO: Many unit tests are passing 'modules' as props, which leads to circular structure issue\n * The components must use the 'modules' from the core and not from the props\n /\n const UNIT_TEST_FIELDS = ['modules', 'i18n'];\n\n return [...DROPIN_FIELDS, ...FIELDS_INJECTED_BY_DROPIN, ...PII_FIELDS, ...UNIT_TEST_FIELDS];\n }\n\n /\n Creates a serializable analytics payload from the given config object.\n * Functions are replaced with 'function', and objects/arrays are stringified.\n */\n private createAnalyticsConfigData(config: Record<string, any>) {\n if (!config) return {};\n\n const MAX_STRING_LENGTH = 128;\n const result: Record<string, string> = {};\n\n try {\n for (const [key, value] of Object.entries(config)) {\n if (!this.configDataExcludedFields.includes(key)) {\n if (typeof value === 'function') {\n result[key] = 'function';\n } else if (Array.isArray(value)) {\n result[key] = value.join(', ').substring(0, MAX_STRING_LENGTH);\n } else if (typeof value === 'object' && value !== null) {\n result[key] = JSON.stringify(value).substring(0, MAX_STRING_LENGTH);\n } else {\n result[key] = value;\n }\n }\n }\n\n return result;\n } catch (error: unknown) {\n if (process.env.NODE_ENV === 'development') console.warn('AnalyticsInfoEvent: Error when creating configData\\n', error);\n return result;\n }\n }\n\n public getEventCategory(): AnalyticsEventCategory {\n return AnalyticsEventCategory.info;\n }\n}\n"],"names":["UiTarget","InfoEventType","AnalyticsInfoEvent","AbstractAnalyticsEvent","configDataExcludedFields","createAnalyticsConfigData","config","result","key","value","Object","entries","this","includes","Array","isArray","join","substring","JSON","stringify","error","getEventCategory","AnalyticsEventCategory","info","constructor","props","super","component","_define_property","type","configData","target","issuer","isExpress","expressPage","isStoredPaymentMethod","brand","selectedValue","validationErrorCode","validationErrorMessage","cdnUrl","undefined","mapErrorCodesForAnalytics"],"mappings":"iRAmBO,IAAAA,EAAKA,SAAAA,GAAAA,2iBAAAA,CAgBZ,CAhBYA,CAgBZ,CAAA,GAEOC,EAAKA,SAAAA,GAAAA,OACyBA,EAAA,QAAA,UAEgDA,EAAA,SAAA,WAE7BA,EAAA,SAAA,WAEAA,EAAA,gBAAA,kBAE1BA,EAAA,MAAA,QAEEA,EAAA,QAAA,UAEUA,EAAA,WAAA,aAEAA,EAAA,UAAA,YAE2CA,EAAA,MAAA,QAEdA,EAAA,SAAA,+gBAnB3DA,CAmCZ,CAnCYA,CAmCZ,CAAA,GAEO,MAAMC,UAA2BC,EAuDpC,4BAAYC,GAmBR,MAAO,CAlBgB,8BAEnB,aACA,WACA,WACA,wBACA,kBACA,mBACA,OAEgB,OAAQ,aAAc,eAAgB,QAAS,kBAAmB,0BAM5D,UAAW,OAGzC,CAMQC,yBAAAA,CAA0BC,GAC9B,IAAKA,EAAQ,MAAO,CAAA,EAEpB,MACMC,EAAiC,CAAA,EAEvC,IACI,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQL,GACjCM,KAAKR,yBAAyBS,SAASL,KACnB,mBAAVC,EACPF,EAAOC,GAAO,WACPM,MAAMC,QAAQN,GACrBF,EAAOC,GAAOC,EAAMO,KAAK,MAAMC,UAAU,EAT/B,KAWVV,EAAOC,GADiB,iBAAVC,GAAgC,OAAVA,EACtBS,KAAKC,UAAUV,GAAOQ,UAAU,EAXpC,KAaIR,GAK1B,OAAOF,CACX,CAAE,MAAOa,GAEL,OAAOb,CACX,CACJ,CAEOc,gBAAAA,GACH,OAAOC,EAAuBC,IAClC,CArFA,WAAAC,CAAYC,GACRC,MAAMD,EAAME,WAvBhBC,EAAAhB,KAAiBiB,eAMjBD,OAAiBE,qBACjBF,EAAAhB,KAAiBmB,iBACjBH,EAAAhB,KAAiBoB,cAAjB,GACAJ,EAAAhB,KAAiBqB,iBAAjB,GACAL,OAAiBM,mBAAjB,GACAN,EAAAhB,KAAiBuB,6BAAjB,GACAP,OAAiBQ,aAAjB,GACAR,EAAAhB,KAAiByB,wBACjBT,OAAiBU,8BACjBV,EAAAhB,KAAiB2B,iCAKjBX,EAAAhB,KAAO4B,iBAKH5B,KAAKiB,KAAOJ,EAAMI,KAEdJ,EAAMM,SAAQnB,KAAKmB,OAASN,EAAMM,QAClCN,EAAMO,SAAQpB,KAAKoB,OAASP,EAAMO,aACFS,IAAhChB,EAAMU,wBAAqCvB,KAAKuB,sBAAwBV,EAAMU,4BAC1DM,IAApBhB,EAAMQ,YAAyBrB,KAAKqB,UAAYR,EAAMQ,WACtDR,EAAMS,cAAatB,KAAKsB,YAAcT,EAAMS,aAC5CT,EAAMW,QAAOxB,KAAKwB,MAAQX,EAAMW,OAChCX,EAAMe,SAAQ5B,KAAK4B,OAASf,EAAMe,QAClCf,EAAMY,gBAAezB,KAAKyB,cAAgBZ,EAAMY,eAChDZ,EAAMa,sBAAqB1B,KAAK0B,oBAAsBb,EAAMa,qBAC5Db,EAAMc,yBAAwB3B,KAAK2B,uBAAyBd,EAAMc,qCAClE3B,KAAKiB,MAA4C,cAATjB,KAAKiB,OAC7CjB,KAAKkB,WAAalB,KAAKP,0BAA0BoB,eAAAA,EAAOK,aAI/C,oBAATlB,KAAKiB,OACLjB,KAAK0B,oBAAsBI,EAA0B9B,KAAK0B,oBAAqB1B,KAAKmB,QAE5F"}
1	+ {"version":3,"file":"AnalyticsInfoEvent.js","sources":["../../../../../src/core/Analytics/events/AnalyticsInfoEvent.ts"],"sourcesContent":["import { AbstractAnalyticsEvent, AnalyticsEventCategory } from './AbstractAnalyticsEvent';\nimport { mapErrorCodesForAnalytics } from '../utils';\n\ntype AnalyticsInfoEventProps = {\n type: InfoEventType;\n component: string;\n target?: UiTarget;\n issuer?: string;\n isExpress?: boolean;\n expressPage?: string;\n isStoredPaymentMethod?: boolean;\n brand?: string;\n validationErrorCode?: string;\n validationErrorMessage?: string;\n configData?: Record<string, any>;\n cdnUrl?: string;\n selectedValue?: string;\n presentedValues?: Array<string>;\n};\n\nexport enum UiTarget {\n instantPaymentButton = 'instant_payment_button',\n dualBrandButton = 'dual_brand_button',\n fastlaneSignupConsentToggle = 'fastlane_signup_consent_toggle',\n otherPaymentMethodButton = 'otherpaymentmethod_button',\n featuredIssuer = 'featured_issuer',\n list = 'list',\n listSearch = 'list_search',\n qrDownloadButton = 'qr_download_button',\n segmentedControl = 'segmented_control',\n cardNumber = 'card_number',\n expiryDate = 'expiry_date',\n expiryMonth = 'expiry_month',\n expiryYear = 'expiry_year',\n securityCode = 'security_code',\n donationAmountButton = 'donation_amount_button'\n}\n\nexport enum InfoEventType {\n /** When a UI element is clicked /\n clicked = 'clicked',\n /* When a component is rendered in the browser (e.g. render() method is called) /\n rendered = 'rendered',\n /* When a list item is selected (e.g. issuer list) /\n selected = 'selected',\n /* When there is a validation issue with the input /\n validationError = 'validationError',\n /* When input gets focus /\n focus = 'focus',\n /* When input gets unfocus /\n unfocus = 'unfocus',\n /* When iframe fields are configured /\n configured = 'configured',\n /* When a dropdown list is displayed /\n displayed = 'displayed',\n /* When shopper utilizes an input field to search for values (e.g. issuer list) /\n input = 'input',\n /* When shopper clicks to download the image (e.g. QR code image) /\n download = 'download',\n sdkDownloadInitiated = 'sdkDownloadInitiated',\n sdkDownloadFailed = 'sdkDownloadFailed',\n sdkDownloadAborted = 'sdkDownloadAborted',\n sdkDownloadCompleted = 'sdkDownloadCompleted',\n Initialized = 'initialized',\n LookupStarted = 'lookupStarted',\n LookupUserNotFound = 'lookupUserNotFound',\n OtpStarted = 'otpStarted',\n OtpSucceeded = 'otpSucceeded',\n OtpCanceled = 'otpCanceled',\n OtpFailed = 'otpFailed',\n AddressSelectorClicked = 'addressSelectorClicked',\n AddressSelectorClosed = 'addressSelectorClosed',\n AddressChanged = 'addressChanged'\n}\n\nexport class AnalyticsInfoEvent extends AbstractAnalyticsEvent {\n /\n Analytics event type\n /\n private readonly type: InfoEventType;\n\n /\n Component config data set by the merchant. Sent only in 'rendered' events\n * @private\n /\n private readonly configData?: Record<string, string \| boolean>;\n private readonly target?: UiTarget;\n private readonly issuer?: string;\n private readonly isExpress?: boolean;\n private readonly expressPage?: string;\n private readonly isStoredPaymentMethod?: boolean;\n private readonly brand?: string;\n private readonly selectedValue?: string;\n private readonly validationErrorCode?: string;\n private readonly validationErrorMessage?: string;\n private readonly presentedValues?: string[];\n\n /\n Third party script URL's (e.g. Apple Pay)\n /\n public cdnUrl?: string;\n\n constructor(props: AnalyticsInfoEventProps) {\n super(props.component);\n\n this.type = props.type;\n\n if (props.target) this.target = props.target;\n if (props.issuer) this.issuer = props.issuer;\n if (props.isStoredPaymentMethod !== undefined) this.isStoredPaymentMethod = props.isStoredPaymentMethod;\n if (props.isExpress !== undefined) this.isExpress = props.isExpress;\n if (props.expressPage) this.expressPage = props.expressPage;\n if (props.brand) this.brand = props.brand;\n if (props.cdnUrl) this.cdnUrl = props.cdnUrl;\n if (props.selectedValue) this.selectedValue = props.selectedValue;\n if (props.validationErrorCode) this.validationErrorCode = props.validationErrorCode;\n if (props.validationErrorMessage) this.validationErrorMessage = props.validationErrorMessage;\n if (props.presentedValues) this.presentedValues = props.presentedValues;\n if (this.type === InfoEventType.rendered) {\n this.configData = this.createAnalyticsConfigData(props?.configData);\n }\n\n // Some of the more generic validation error codes required combination with target to retrieve a specific code\n if (this.type === InfoEventType.validationError) {\n this.validationErrorCode = mapErrorCodesForAnalytics(this.validationErrorCode, this.target);\n }\n }\n\n /\n Set of properties that must not be included when creating the configData for Analytics\n * @private\n /\n private get configDataExcludedFields() {\n const DROPIN_FIELDS = ['paymentMethodsConfiguration'];\n const FIELDS_INJECTED_BY_DROPIN = [\n 'elementRef',\n 'isDropin',\n 'oneClick',\n 'storedPaymentMethodId',\n 'paymentMethodId',\n 'isInstantPayment',\n 'type'\n ];\n const PII_FIELDS = ['data', 'holderName', 'shopperEmail', 'email', 'telephoneNumber', 'clickToPayConfiguration'];\n\n /\n TODO: Many unit tests are passing 'modules' as props, which leads to circular structure issue\n * The components must use the 'modules' from the core and not from the props\n /\n const UNIT_TEST_FIELDS = ['modules', 'i18n'];\n\n return [...DROPIN_FIELDS, ...FIELDS_INJECTED_BY_DROPIN, ...PII_FIELDS, ...UNIT_TEST_FIELDS];\n }\n\n /\n Creates a serializable analytics payload from the given config object.\n * Functions are replaced with 'function', and objects/arrays are stringified.\n */\n private createAnalyticsConfigData(config: Record<string, any>) {\n if (!config) return {};\n\n const MAX_STRING_LENGTH = 128;\n const result: Record<string, string> = {};\n\n try {\n for (const [key, value] of Object.entries(config)) {\n if (!this.configDataExcludedFields.includes(key)) {\n if (typeof value === 'function') {\n result[key] = 'function';\n } else if (Array.isArray(value)) {\n result[key] = value.join(', ').substring(0, MAX_STRING_LENGTH);\n } else if (typeof value === 'object' && value !== null) {\n result[key] = JSON.stringify(value).substring(0, MAX_STRING_LENGTH);\n } else {\n result[key] = value;\n }\n }\n }\n\n return result;\n } catch (error: unknown) {\n if (process.env.NODE_ENV === 'development') console.warn('AnalyticsInfoEvent: Error when creating configData\\n', error);\n return result;\n }\n }\n\n public getEventCategory(): AnalyticsEventCategory {\n return AnalyticsEventCategory.info;\n }\n}\n"],"names":["UiTarget","InfoEventType","AnalyticsInfoEvent","AbstractAnalyticsEvent","configDataExcludedFields","createAnalyticsConfigData","config","result","key","value","Object","entries","this","includes","Array","isArray","join","substring","JSON","stringify","error","getEventCategory","AnalyticsEventCategory","info","constructor","props","super","component","_define_property","type","configData","target","issuer","isExpress","expressPage","isStoredPaymentMethod","brand","selectedValue","validationErrorCode","validationErrorMessage","presentedValues","cdnUrl","undefined","mapErrorCodesForAnalytics"],"mappings":"iRAoBO,IAAAA,EAAKA,SAAAA,GAAAA,2iBAAAA,CAgBZ,CAhBYA,CAgBZ,CAAA,GAEOC,EAAKA,SAAAA,GAAAA,OACyBA,EAAA,QAAA,UAEgDA,EAAA,SAAA,WAE7BA,EAAA,SAAA,WAEAA,EAAA,gBAAA,kBAE1BA,EAAA,MAAA,QAEEA,EAAA,QAAA,UAEUA,EAAA,WAAA,aAEAA,EAAA,UAAA,YAE2CA,EAAA,MAAA,QAEdA,EAAA,SAAA,+gBAnB3DA,CAmCZ,CAnCYA,CAmCZ,CAAA,GAEO,MAAMC,UAA2BC,EAyDpC,4BAAYC,GAmBR,MAAO,CAlBgB,8BAEnB,aACA,WACA,WACA,wBACA,kBACA,mBACA,OAEgB,OAAQ,aAAc,eAAgB,QAAS,kBAAmB,0BAM5D,UAAW,OAGzC,CAMQC,yBAAAA,CAA0BC,GAC9B,IAAKA,EAAQ,MAAO,CAAA,EAEpB,MACMC,EAAiC,CAAA,EAEvC,IACI,IAAK,MAAOC,EAAKC,KAAUC,OAAOC,QAAQL,GACjCM,KAAKR,yBAAyBS,SAASL,KACnB,mBAAVC,EACPF,EAAOC,GAAO,WACPM,MAAMC,QAAQN,GACrBF,EAAOC,GAAOC,EAAMO,KAAK,MAAMC,UAAU,EAT/B,KAWVV,EAAOC,GADiB,iBAAVC,GAAgC,OAAVA,EACtBS,KAAKC,UAAUV,GAAOQ,UAAU,EAXpC,KAaIR,GAK1B,OAAOF,CACX,CAAE,MAAOa,GAEL,OAAOb,CACX,CACJ,CAEOc,gBAAAA,GACH,OAAOC,EAAuBC,IAClC,CAtFA,WAAAC,CAAYC,GACRC,MAAMD,EAAME,WAxBhBC,EAAAhB,KAAiBiB,eAMjBD,OAAiBE,kBAAjB,GACAF,EAAAhB,KAAiBmB,cAAjB,GACAH,EAAAhB,KAAiBoB,cAAjB,GACAJ,OAAiBK,iBAAjB,GACAL,EAAAhB,KAAiBsB,mBAAjB,GACAN,EAAAhB,KAAiBuB,gCACjBP,OAAiBQ,gBACjBR,EAAAhB,KAAiByB,qBAAjB,GACAT,EAAAhB,KAAiB0B,2BAAjB,GACAV,OAAiBW,8BAAjB,GACAX,EAAAhB,KAAiB4B,uBAAjB,GAKAZ,EAAAhB,KAAO6B,iBAKH7B,KAAKiB,KAAOJ,EAAMI,KAEdJ,EAAMM,SAAQnB,KAAKmB,OAASN,EAAMM,QAClCN,EAAMO,SAAQpB,KAAKoB,OAASP,EAAMO,aACFU,IAAhCjB,EAAMU,wBAAqCvB,KAAKuB,sBAAwBV,EAAMU,4BAC1DO,IAApBjB,EAAMQ,YAAyBrB,KAAKqB,UAAYR,EAAMQ,WACtDR,EAAMS,cAAatB,KAAKsB,YAAcT,EAAMS,aAC5CT,EAAMW,QAAOxB,KAAKwB,MAAQX,EAAMW,OAChCX,EAAMgB,SAAQ7B,KAAK6B,OAAShB,EAAMgB,QAClChB,EAAMY,gBAAezB,KAAKyB,cAAgBZ,EAAMY,eAChDZ,EAAMa,sBAAqB1B,KAAK0B,oBAAsBb,EAAMa,qBAC5Db,EAAMc,yBAAwB3B,KAAK2B,uBAAyBd,EAAMc,wBAClEd,EAAMe,kBAAiB5B,KAAK4B,gBAAkBf,EAAMe,iBAC3C,aAAT5B,KAAKiB,OACLjB,KAAKkB,WAAalB,KAAKP,0BAA0BoB,eAAAA,EAAOK,aAI/C,oBAATlB,KAAKiB,OACLjB,KAAK0B,oBAAsBK,EAA0B/B,KAAK0B,oBAAqB1B,KAAKmB,QAE5F"}

package/dist/es-legacy/core/ProcessResponse/PaymentAction/actionTypes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{get3DS2FlowProps as e}from"../../../components/ThreeDS2/components/utils.js";import t from"../../../utils/uuid.js";function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter(function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable}))),r.forEach(function(t){n(e,t,o[t])})}return e}function r(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}const i=(e,n,i,c)=>{const s=n.getComponent(i);if(!s)throw Error(`Action Element of type ${i} not found in the registry`);return new s(e,r(o({},c),{id:`${i}-${t()}`}))},c=e=>(t,n,c,s)=>{const l=r(o({},s,c),{onError:s.onError,statusType:e,originalAction:c});return i(t,n,c.paymentMethodType,l)},s={redirect:(e,t,n,c)=>{const s=r(o({},c,n),{statusType:"redirect",originalAction:n});return i(e,t,"redirect",s)},threeDS2:(t,n,r,c)=>{var s,l;const a="fingerprint"===r.subtype?"threeDS2DeviceFingerprint":"threeDS2Challenge",u="fingerprint"===r.subtype||c.isMDFlow?r.paymentData:r.authorisationToken,p=o({core:t,token:r.token,paymentData:u,onActionHandled:c.onActionHandled,onComplete:c.onComplete,onAdditionalDetails:c.onAdditionalDetails,onError:c.onError,isDropin:!!c.isDropin,loadingContext:c.loadingContext,clientKey:c.clientKey,paymentMethodType:c.paymentMethodType,challengeWindowSize:c.challengeWindowSize,isMDFlow:c.isMDFlow,modules:{analytics:null===(s=c.modules)||void 0===s?void 0:s.analytics,resources:null===(l=c.modules)||void 0===l?void 0:l.resources}},e(r.subtype,c));return i(t,n,a,p)},voucher:c("custom"),qrCode:c("custom"),await:c("custom"),bankTransfer:c("custom"),sdk:c("custom")};export{s as default};
+import{get3DS2FlowProps as e}from"../../../components/ThreeDS2/components/utils.js";import t from"../../../utils/uuid.js";function o(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){o(e,t,r[t])})}return e}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))}),e}const i=(e,o,i,c)=>{const s=o.getComponent(i);if(!s)throw Error(`Action Element of type ${i} not found in the registry`);return new s(e,n(r({},c),{id:`${i}-${t()}`}))},c=e=>(t,o,c,s)=>{const l=n(r({},s,c),{onError:s.onError,statusType:e,originalAction:c});return i(t,o,c.paymentMethodType,l)},s={redirect:(e,t,o,c)=>{const s=n(r({},c,o),{statusType:"redirect",originalAction:o});return i(e,t,"redirect",s)},threeDS2:(t,o,n,c)=>{var s,l;const a="fingerprint"===n.subtype?"threeDS2DeviceFingerprint":"threeDS2Challenge",u="fingerprint"===n.subtype||c.isMDFlow?n.paymentData:n.authorisationToken,p=r({core:t,token:n.token,paymentData:u,onActionHandled:c.onActionHandled,on3DS2RedirectFlowComplete:c.on3DS2RedirectFlowComplete,onAdditionalDetails:c.onAdditionalDetails,onError:c.onError,isDropin:!!c.isDropin,loadingContext:c.loadingContext,clientKey:c.clientKey,paymentMethodType:c.paymentMethodType,challengeWindowSize:c.challengeWindowSize,isMDFlow:c.isMDFlow,modules:{analytics:null===(s=c.modules)||void 0===s?void 0:s.analytics,resources:null===(l=c.modules)||void 0===l?void 0:l.resources}},e(n.subtype,c));return i(t,o,a,p)},voucher:c("custom"),qrCode:c("custom"),await:c("custom"),bankTransfer:c("custom"),sdk:c("custom")};export{s as default};
 //# sourceMappingURL=actionTypes.js.map

package/dist/es-legacy/core/ProcessResponse/PaymentAction/actionTypes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actionTypes.js","sources":["../../../../../src/core/ProcessResponse/PaymentAction/actionTypes.ts"],"sourcesContent":["import { get3DS2FlowProps } from '../../../components/ThreeDS2/components/utils';\nimport uuid from '../../../utils/uuid';\nimport type { StatusFromAction, ThreeDS2ActionProps, UIElement, UIElementProps } from '../../../types';\nimport type { PaymentAction } from '../../../types/global-types';\nimport type { IRegistry } from '../../core.registry';\nimport type { ICore } from '../../types';\nimport type { ThreeDS2ConfigProps } from '../../../types';\nimport type { ActionHandlerConfig } from './types';\n\nconst createComponent = (core: ICore, registry: IRegistry, componentType: string, props: ActionHandlerConfig \| ThreeDS2ConfigProps): UIElement => {\n const Element = registry.getComponent(componentType);\n\n if (!Element) {\n throw Error(`Action Element of type ${componentType} not found in the registry`);\n }\n\n const element = new Element(core, { ...props, id: `${componentType}-${uuid()}` });\n return element;\n};\n\nconst getActionHandler = (statusType: StatusFromAction) => {\n return (core: ICore, registry: IRegistry, action: PaymentAction, props: UIElementProps): UIElement => {\n const config: ActionHandlerConfig = {\n ...props,\n ...action,\n onError: props.onError,\n statusType,\n originalAction: action\n };\n\n return createComponent(core, registry, action.paymentMethodType, config);\n };\n};\n\nconst actionTypes = {\n redirect: (core: ICore, registry, action: PaymentAction, props: UIElementProps): UIElement => {\n const config: ActionHandlerConfig = {\n ...props,\n ...action,\n statusType: 'redirect',\n originalAction: action\n };\n\n return createComponent(core, registry, 'redirect', config);\n },\n\n threeDS2: (core: ICore, registry, action: PaymentAction, props: ThreeDS2ActionProps): UIElement => {\n const componentType = action.subtype === 'fingerprint' ? 'threeDS2DeviceFingerprint' : 'threeDS2Challenge';\n\n /*\n NOTE: the isMDFlow prop comes from the options object, added within the MDFlow when it calls createFromAction(action, options) to initiate a 3DS2 component\n * It replaces the useOriginalFlow config prop that the MDFlow used to pass when directly initiating the threeDS2Fingerprint or threeDS2Challenge components\n /\n const paymentData = action.subtype === 'fingerprint' \|\| props.isMDFlow ? action.paymentData : action.authorisationToken;\n\n const config: ThreeDS2ConfigProps = {\n // Props common to both flows\n core,\n token: action.token,\n paymentData,\n onActionHandled: props.onActionHandled,\n ~~onComplete~~: props.~~onComplete~~, // NOTE: We only ever expect props.~~onComplete~~ to be defined for the MDFlow\n onAdditionalDetails: props.onAdditionalDetails, // Needed to prevent regression in v6.24.0 re. supporting onAdditionalDetails being directly set on Card component (in v7 we will not* allow this, & this line can be removed)\n onError: props.onError,\n isDropin: !!props.isDropin,\n loadingContext: props.loadingContext,\n clientKey: props.clientKey,\n paymentMethodType: props.paymentMethodType,\n challengeWindowSize: props.challengeWindowSize, // always pass challengeWindowSize in case it's been set directly in the handleAction config object\n isMDFlow: props.isMDFlow,\n modules: {\n analytics: props.modules?.analytics,\n resources: props.modules?.resources\n },\n\n // Props unique to a particular flow\n ...get3DS2FlowProps(action.subtype, props)\n };\n\n return createComponent(core, registry, componentType, config);\n },\n\n voucher: getActionHandler('custom'),\n qrCode: getActionHandler('custom'),\n await: getActionHandler('custom'),\n bankTransfer: getActionHandler('custom'),\n sdk: getActionHandler('custom')\n} as const;\n\nexport default actionTypes;\n"],"names":["createComponent","core","registry","componentType","props","Element","getComponent","Error","_object_spread_props","_object_spread","id","uuid","getActionHandler","statusType","action","config","onError","originalAction","paymentMethodType","actionTypes","redirect","threeDS2","subtype","paymentData","isMDFlow","authorisationToken","token","onActionHandled","~~onComplete~~","onAdditionalDetails","isDropin","loadingContext","clientKey","challengeWindowSize","modules","analytics","resources","get3DS2FlowProps","voucher","qrCode","await","bankTransfer","sdk"],"mappings":"m6BASA,MAAMA,EAAkB,CAACC,EAAaC,EAAqBC,EAAuBC,KAC9E,MAAMC,EAAUH,EAASI,aAAaH,GAEtC,IAAKE,EACD,MAAME,MAAM,0BAA0BJ,+BAI1C,OADgB,IAAIE,EAAQJ,EAAMO,EAAAC,EAAA,CAAA,EAAKL,GAAAA,CAAOM,GAAI,GAAGP,KAAiBQ,UAIpEC,EAAoBC,GACf,CAACZ,EAAaC,EAAqBY,EAAuBV,KAC7D,MAAMW,EAA8BP,OAC7BJ,EACAU,GAAAA,CACHE,QAASZ,EAAMY,QACfH,aACAI,eAAgBH,IAGpB,OAAOd,EAAgBC,EAAMC,EAAUY,EAAOI,kBAAmBH,IAInEI,EAAc,CAChBC,SAAU,CAACnB,EAAaC,EAAUY,EAAuBV,KACrD,MAAMW,EAA8BP,OAC7BJ,EACAU,GAAAA,CACHD,WAAY,WACZI,eAAgBH,IAGpB,OAAOd,EAAgBC,EAAMC,EAAU,WAAYa,IAGvDM,SAAU,CAACpB,EAAaC,EAAUY,EAAuBV,SAyBlCA,EACAA,EAzBnB,MAAMD,EAAmC,gBAAnBW,EAAOQ,QAA4B,4BAA8B,oBAMjFC,EAAiC,gBAAnBT,EAAOQ,SAA6BlB,EAAMoB,SAAWV,EAAOS,YAAcT,EAAOW,mBAE/FV,EAA8BN,EAAA,CAEhCR,OACAyB,MAAOZ,EAAOY,MACdH,cACAI,gBAAiBvB,EAAMuB,gBACvBC,~~WAAYxB~~,EAAMwB,~~WAClBC~~,oBAAqBzB,EAAMyB,oBAC3Bb,QAASZ,EAAMY,QACfc,WAAY1B,EAAM0B,SAClBC,eAAgB3B,EAAM2B,eACtBC,UAAW5B,EAAM4B,UACjBd,kBAAmBd,EAAMc,kBACzBe,oBAAqB7B,EAAM6B,oBAC3BT,SAAUpB,EAAMoB,SAChBU,QAAS,CACLC,UAAwB,QAAb/B,EAAAA,EAAM8B,eAAN9B,IAAAA,SAAAA,EAAe+B,UAC1BC,UAAwB,QAAbhC,EAAAA,EAAM8B,eAAN9B,IAAAA,OAAAA,EAAAA,EAAegC,YAI3BC,EAAiBvB,EAAOQ,QAASlB,IAGxC,OAAOJ,EAAgBC,EAAMC,EAAUC,EAAeY,IAG1DuB,QAAS1B,EAAiB,UAC1B2B,OAAQ3B,EAAiB,UACzB4B,MAAO5B,EAAiB,UACxB6B,aAAc7B,EAAiB,UAC/B8B,IAAK9B,EAAiB"}
1	+ {"version":3,"file":"actionTypes.js","sources":["../../../../../src/core/ProcessResponse/PaymentAction/actionTypes.ts"],"sourcesContent":["import { get3DS2FlowProps } from '../../../components/ThreeDS2/components/utils';\nimport uuid from '../../../utils/uuid';\nimport type { StatusFromAction, ThreeDS2ActionProps, UIElement, UIElementProps } from '../../../types';\nimport type { PaymentAction } from '../../../types/global-types';\nimport type { IRegistry } from '../../core.registry';\nimport type { ICore } from '../../types';\nimport type { ThreeDS2ConfigProps } from '../../../types';\nimport type { ActionHandlerConfig } from './types';\n\nconst createComponent = (core: ICore, registry: IRegistry, componentType: string, props: ActionHandlerConfig \| ThreeDS2ConfigProps): UIElement => {\n const Element = registry.getComponent(componentType);\n\n if (!Element) {\n throw Error(`Action Element of type ${componentType} not found in the registry`);\n }\n\n const element = new Element(core, { ...props, id: `${componentType}-${uuid()}` });\n return element;\n};\n\nconst getActionHandler = (statusType: StatusFromAction) => {\n return (core: ICore, registry: IRegistry, action: PaymentAction, props: UIElementProps): UIElement => {\n const config: ActionHandlerConfig = {\n ...props,\n ...action,\n onError: props.onError,\n statusType,\n originalAction: action\n };\n\n return createComponent(core, registry, action.paymentMethodType, config);\n };\n};\n\nconst actionTypes = {\n redirect: (core: ICore, registry, action: PaymentAction, props: UIElementProps): UIElement => {\n const config: ActionHandlerConfig = {\n ...props,\n ...action,\n statusType: 'redirect',\n originalAction: action\n };\n\n return createComponent(core, registry, 'redirect', config);\n },\n\n threeDS2: (core: ICore, registry, action: PaymentAction, props: ThreeDS2ActionProps): UIElement => {\n const componentType = action.subtype === 'fingerprint' ? 'threeDS2DeviceFingerprint' : 'threeDS2Challenge';\n\n /*\n NOTE: the isMDFlow prop comes from the options object, added within the MDFlow when it calls createFromAction(action, options) to initiate a 3DS2 component\n * It replaces the useOriginalFlow config prop that the MDFlow used to pass when directly initiating the threeDS2Fingerprint or threeDS2Challenge components\n /\n const paymentData = action.subtype === 'fingerprint' \|\| props.isMDFlow ? action.paymentData : action.authorisationToken;\n\n const config: ThreeDS2ConfigProps = {\n // Props common to both flows\n core,\n token: action.token,\n paymentData,\n onActionHandled: props.onActionHandled,\n on3DS2RedirectFlowComplete: props.on3DS2RedirectFlowComplete, // NOTE: We only ever expect props.on3DS2RedirectFlowComplete to be defined for the MDFlow\n onAdditionalDetails: props.onAdditionalDetails, // Needed to prevent regression in v6.24.0 re. supporting onAdditionalDetails being directly set on Card component (in v7 we will not* allow this, & this line can be removed)\n onError: props.onError,\n isDropin: !!props.isDropin,\n loadingContext: props.loadingContext,\n clientKey: props.clientKey,\n paymentMethodType: props.paymentMethodType,\n challengeWindowSize: props.challengeWindowSize, // always pass challengeWindowSize in case it's been set directly in the handleAction config object\n isMDFlow: props.isMDFlow,\n modules: {\n analytics: props.modules?.analytics,\n resources: props.modules?.resources\n },\n\n // Props unique to a particular flow\n ...get3DS2FlowProps(action.subtype, props)\n };\n\n return createComponent(core, registry, componentType, config);\n },\n\n voucher: getActionHandler('custom'),\n qrCode: getActionHandler('custom'),\n await: getActionHandler('custom'),\n bankTransfer: getActionHandler('custom'),\n sdk: getActionHandler('custom')\n} as const;\n\nexport default actionTypes;\n"],"names":["createComponent","core","registry","componentType","props","Element","getComponent","Error","_object_spread_props","_object_spread","id","uuid","getActionHandler","statusType","action","config","onError","originalAction","paymentMethodType","actionTypes","redirect","threeDS2","subtype","paymentData","isMDFlow","authorisationToken","token","onActionHandled","on3DS2RedirectFlowComplete","onAdditionalDetails","isDropin","loadingContext","clientKey","challengeWindowSize","modules","analytics","resources","get3DS2FlowProps","voucher","qrCode","await","bankTransfer","sdk"],"mappings":"m6BASA,MAAMA,EAAkB,CAACC,EAAaC,EAAqBC,EAAuBC,KAC9E,MAAMC,EAAUH,EAASI,aAAaH,GAEtC,IAAKE,EACD,MAAME,MAAM,0BAA0BJ,+BAI1C,OADgB,IAAIE,EAAQJ,EAAMO,EAAAC,EAAA,CAAA,EAAKL,GAAAA,CAAOM,GAAI,GAAGP,KAAiBQ,UAIpEC,EAAoBC,GACf,CAACZ,EAAaC,EAAqBY,EAAuBV,KAC7D,MAAMW,EAA8BP,OAC7BJ,EACAU,GAAAA,CACHE,QAASZ,EAAMY,QACfH,aACAI,eAAgBH,IAGpB,OAAOd,EAAgBC,EAAMC,EAAUY,EAAOI,kBAAmBH,IAInEI,EAAc,CAChBC,SAAU,CAACnB,EAAaC,EAAUY,EAAuBV,KACrD,MAAMW,EAA8BP,OAC7BJ,EACAU,GAAAA,CACHD,WAAY,WACZI,eAAgBH,IAGpB,OAAOd,EAAgBC,EAAMC,EAAU,WAAYa,IAGvDM,SAAU,CAACpB,EAAaC,EAAUY,EAAuBV,SAyBlCA,EACAA,EAzBnB,MAAMD,EAAmC,gBAAnBW,EAAOQ,QAA4B,4BAA8B,oBAMjFC,EAAiC,gBAAnBT,EAAOQ,SAA6BlB,EAAMoB,SAAWV,EAAOS,YAAcT,EAAOW,mBAE/FV,EAA8BN,EAAA,CAEhCR,OACAyB,MAAOZ,EAAOY,MACdH,cACAI,gBAAiBvB,EAAMuB,gBACvBC,2BAA4BxB,EAAMwB,2BAClCC,oBAAqBzB,EAAMyB,oBAC3Bb,QAASZ,EAAMY,QACfc,WAAY1B,EAAM0B,SAClBC,eAAgB3B,EAAM2B,eACtBC,UAAW5B,EAAM4B,UACjBd,kBAAmBd,EAAMc,kBACzBe,oBAAqB7B,EAAM6B,oBAC3BT,SAAUpB,EAAMoB,SAChBU,QAAS,CACLC,UAAwB,QAAb/B,EAAAA,EAAM8B,eAAN9B,IAAAA,SAAAA,EAAe+B,UAC1BC,UAAwB,QAAbhC,EAAAA,EAAM8B,eAAN9B,IAAAA,OAAAA,EAAAA,EAAegC,YAI3BC,EAAiBvB,EAAOQ,QAASlB,IAGxC,OAAOJ,EAAgBC,EAAMC,EAAUC,EAAeY,IAG1DuB,QAAS1B,EAAiB,UAC1B2B,OAAQ3B,EAAiB,UACzB4B,MAAO5B,EAAiB,UACxB6B,aAAc7B,EAAiB,UAC/B8B,IAAK9B,EAAiB"}

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

package/dist/es-legacy/hooks/usePaymentStatusTimer/usePaymentStatusTimer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePaymentStatusTimer.js","sources":["../../../../src/hooks/usePaymentStatusTimer/usePaymentStatusTimer.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'preact/hooks';\nimport checkPaymentStatus from '../../core/Services/payment-status';\nimport { processPaymentStatusResponse } from '../../core/ProcessResponse/PaymentStatus';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { CountdownTime } from '../../components/internal/Countdown/types';\nimport { PaymentStatusTimerActions, PaymentStatusTimerState, UsePaymentStatusTimerProps } from './types';\nimport {\n DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS,\n DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS,\n DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS\n} from './constants';\nimport { AdditionalDetailsData, ProcessedPaymentStatusResponse } from '../../types';\n\nexport function usePaymentStatusTimer(props: Readonly<UsePaymentStatusTimerProps>): {\n state: PaymentStatusTimerState;\n actions: PaymentStatusTimerActions;\n} {\n const [completed, setCompleted] = useState(false);\n const [expired, setExpired] = useState(false);\n const [loading, setLoading] = useState(true);\n const [delay, setDelay] = useState(props.delay ?? DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS);\n const [percentage, setPercentage] = useState(100);\n const [timePassed, setTimePassed] = useState(0);\n const [onPollingStartedActionHandled, setOnPollingStartedActionHandled] = useState(false);\n const timeoutRef = useRef<NodeJS.Timeout \| number \| null>(null);\n\n const onTick = (time: CountdownTime): void => {\n setPercentage(time.percentage);\n };\n\n const onTimeUp = (): void => {\n setExpired(true);\n props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n };\n\n const onComplete = (status: ProcessedPaymentStatusResponse): void => {\n setCompleted(true);\n setLoading(false);\n\n if (status.props.payload) {\n const additionalDetailsData: AdditionalDetailsData = {\n data: {\n details: { payload: status.props.payload },\n paymentData: props.paymentData\n }\n };\n props.onComplete(additionalDetailsData);\n } else {\n setExpired(true);\n props.onError(new AdyenCheckoutError('ERROR', 'successful result, but no payload in response'));\n }\n };\n\n const onError = (status: ProcessedPaymentStatusResponse): void => {\n setExpired(true);\n setLoading(false);\n\n if (status.props.payload) {\n const additionalDetailsData: AdditionalDetailsData = {\n data: {\n details: { payload: status.props.payload },\n paymentData: props.paymentData\n }\n };\n props.onComplete(additionalDetailsData);\n } else {\n const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n props.onError(error);\n }\n };\n\n const checkStatus = async (): Promise<void> => {\n const { paymentData, clientKey, throttleInterval, pollStatus } = props;\n\n const pollStatusFunction = pollStatus ?? (() => checkPaymentStatus(paymentData, clientKey, props.loadingContext, throttleInterval));\n\n if (!onPollingStartedActionHandled) {\n props.onActionHandled?.({ componentType: props.type, actionDescription: 'polling-started' });\n setOnPollingStartedActionHandled(true);\n }\n\n return pollStatusFunction()\n .then(processPaymentStatusResponse)\n .catch(\n (error: unknown) ~~=>\n~~ ({\n type: 'network-error',\n props: error\n }) ~~as ProcessedPaymentStatusResponse~~\n )\n .then((status: ProcessedPaymentStatusResponse) => {\n switch (status.type) {\n case 'success':\n onComplete(status);\n break;\n case 'error':\n onError(status);\n break;\n default:\n setLoading(false);\n }\n });\n };\n\n useEffect(() => {\n void checkStatus();\n }, []);\n\n useEffect(() => {\n if (expired \|\| completed \|\| loading) {\n return;\n }\n\n const statusInterval = async (): Promise<void> => {\n const start = performance.now();\n await checkStatus();\n const end = performance.now();\n const responseTime = Math.round(end - start);\n\n const actualTimePassed = timePassed + responseTime + delay;\n setTimePassed(actualTimePassed);\n\n if (\n actualTimePassed >= (props.throttleTime ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS) &&\n delay !== (props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS)\n ) {\n setDelay(props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS);\n }\n };\n\n timeoutRef.current = setTimeout(() => {\n void statusInterval();\n }, delay);\n\n return () => {\n clearTimeout(timeoutRef.current);\n };\n }, [expired, completed, loading, delay, props.throttleTime, props.throttleInterval, timePassed]);\n\n const state: PaymentStatusTimerState = {\n completed,\n expired,\n loading,\n percentage,\n timePassed\n };\n\n const actions: PaymentStatusTimerActions = {\n onTick,\n onTimeUp\n };\n\n return { state, actions };\n}\n"],"names":["usePaymentStatusTimer","props","completed","setCompleted","useState","expired","setExpired","loading","setLoading","delay","setDelay","DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS","percentage","setPercentage","timePassed","setTimePassed","onPollingStartedActionHandled","setOnPollingStartedActionHandled","timeoutRef","useRef","checkStatus","async","paymentData","clientKey","throttleInterval","pollStatus","pollStatusFunction","checkPaymentStatus","loadingContext","onActionHandled","componentType","type","actionDescription","then","processPaymentStatusResponse","catch","error","status","payload","additionalDetailsData","data","details","onComplete","onError","AdyenCheckoutError","useEffect","current","setTimeout","start","performance","now","end","responseTime","Math","round","actualTimePassed","throttleTime","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS","statusInterval","clearTimeout","state","actions","onTick","time","onTimeUp"],"mappings":"seAaO,SAASA,EAAsBC,GAOCA,IAAAA,EAHnC,MAAOC,EAAWC,GAAgBC,GAAS,IACpCC,EAASC,GAAcF,GAAS,IAChCG,EAASC,GAAcJ,GAAS,IAChCK,EAAOC,GAAYN,EAAoB,QAAXH,EAAAA,EAAMQ,aAANR,IAAAA,EAAAA,EAAeU,IAC3CC,EAAYC,GAAiBT,EAAS,MACtCU,EAAYC,GAAiBX,EAAS,IACtCY,EAA+BC,GAAoCb,GAAS,GAC7Ec,EAAaC,EAAuC,MA+CpDC,EAAcC,UAChB,MAAMC,YAAEA,EAAWC,UAAEA,EAASC,iBAAEA,EAAgBC,WAAEA,GAAexB,EAE3DyB,EAAqBD,QAAAA,EAAe,IAAME,EAAmBL,EAAaC,EAAWtB,EAAM2B,eAAgBJ,GAG7GvB,IAAAA,EADCe,IACoB,QAArBf,EAAAA,EAAM4B,uBAAN5B,IAAAA,GAAAA,OAAAA,EAAwB,CAAE6B,cAAe7B,EAAM8B,KAAMC,kBAAmB,oBACxEf,GAAiC,IAGrC,OAAOS,IACFO,KAAKC,GACLC,MACIC,~~KAEOL~~,KAAM,gBACN9B,MAAOmC,~~KAGlBH~~,KAAMI,IACH,OAAQA,EAAON,MACX,IAAK,~~UAzDF~~,CAACM,IAIhB,GAHAlC,GAAa,GACbK,GAAW,GAEP6B,EAAOpC,MAAMqC,QAAS,CACtB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,MACIjC,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,~~mDA4ClCF~~,CAAWL,GACX,MACJ,IAAK,~~QA1CL~~,CAACA,IAIb,GAHA/B,GAAW,GACXE,GAAW,GAEP6B,EAAOpC,MAAMqC,QAAS,CACtB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,KAAO,CACH,MAAMH,EAAQ,IAAIQ,EAAmB,QAAS,4CAC9C3C,EAAM0C,QAAQP,EAClB,~~GA4BgBO~~,CAAQN,GACR,MACJ,QACI7B,GAAW,OAK/BqC,EAAU,KACDzB,KACN,IAEHyB,EAAU,KACN,GAAIxC,GAAWH,GAAaK,EACxB,OAwBJ,OAJAW,EAAW4B,QAAUC,WAAW,KAjBT1B,eAUMpB,EACVA,EAVf,MAAM+C,EAAQC,YAAYC,YACpB9B,IACN,MAAM+B,EAAMF,YAAYC,MAClBE,EAAeC,KAAKC,MAAMH,EAAMH,GAEhCO,EAAmBzC,EAAasC,EAAe3C,EAOxCR,IAAAA,EANbc,EAAcwC,GAGVA,YAAqBtD,EAAAA,EAAMuD,wBAANvD,EAAAA,EAAsBwD,IAC3ChD,KAAiC,QAAtBR,EAAAA,EAAMuB,wBAANvB,IAAAA,EAAAA,EAA0ByD,IAErChD,EAA+B,QAAtBT,EAAAA,EAAMuB,4BAANvB,EAAAA,EAA0ByD,IAKlCC,IACNlD,GAEI,KACHmD,aAAa1C,EAAW4B,WAE7B,CAACzC,EAASH,EAAWK,EAASE,EAAOR,EAAMuD,aAAcvD,EAAMuB,iBAAkBV,IAepF,MAAO,CAAE+C,MAb8B,CACnC3D,YACAG,UACAE,UACAK,aACAE,cAQYgD,QAL2B,CACvCC,~~OA1HYC~~,IACZnD,EAAcmD,EAAKpD,~~aA0HnBqD~~,~~SAvHa~~,KACb3D,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,~~sBAyHtD~~"}
1	+ {"version":3,"file":"usePaymentStatusTimer.js","sources":["../../../../src/hooks/usePaymentStatusTimer/usePaymentStatusTimer.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'preact/hooks';\nimport checkPaymentStatus from '../../core/Services/payment-status';\nimport { processPaymentStatusResponse } from '../../core/ProcessResponse/PaymentStatus';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { CountdownTime } from '../../components/internal/Countdown/types';\nimport { PaymentStatusTimerActions, PaymentStatusTimerState, UsePaymentStatusTimerProps } from './types';\nimport {\n DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS,\n DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS,\n DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS\n} from './constants';\nimport { AdditionalDetailsData, ProcessedPaymentStatusResponse } from '../../types';\n\nexport function usePaymentStatusTimer(props: Readonly<UsePaymentStatusTimerProps>): {\n state: PaymentStatusTimerState;\n actions: PaymentStatusTimerActions;\n} {\n const [completed, setCompleted] = useState(false);\n const [expired, setExpired] = useState(false);\n const [loading, setLoading] = useState(true);\n const [delay, setDelay] = useState(props.delay ?? DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS);\n const [percentage, setPercentage] = useState(100);\n const [timePassed, setTimePassed] = useState(0);\n const [onPollingStartedActionHandled, setOnPollingStartedActionHandled] = useState(false);\n const timeoutRef = useRef<NodeJS.Timeout \| number \| null>(null);\n\n const onTick = (time: CountdownTime): void => {\n setPercentage(time.percentage);\n };\n\n const onTimeUp = (): void => {\n setExpired(true);\n props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n };\n\n const onComplete = (status: ProcessedPaymentStatusResponse): void => {\n setCompleted(true);\n setLoading(false);\n\n if (status.props.payload) {\n const additionalDetailsData: AdditionalDetailsData = {\n data: {\n details: { payload: status.props.payload },\n paymentData: props.paymentData\n }\n };\n props.onComplete(additionalDetailsData);\n } else {\n setExpired(true);\n props.onError(new AdyenCheckoutError('ERROR', 'successful result, but no payload in response'));\n }\n };\n\n const onError = (status: ProcessedPaymentStatusResponse): void => {\n setExpired(true);\n setLoading(false);\n\n if (status.props.payload) {\n const additionalDetailsData: AdditionalDetailsData = {\n data: {\n details: { payload: status.props.payload },\n paymentData: props.paymentData\n }\n };\n props.onComplete(additionalDetailsData);\n } else {\n const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n props.onError(error);\n }\n };\n\n const checkStatus = async (): Promise<void> => {\n const { paymentData, clientKey, throttleInterval, pollStatus } = props;\n\n const pollStatusFunction = pollStatus ?? (() => checkPaymentStatus(paymentData, clientKey, props.loadingContext, throttleInterval));\n\n if (!onPollingStartedActionHandled) {\n props.onActionHandled?.({ componentType: props.type, actionDescription: 'polling-started' });\n setOnPollingStartedActionHandled(true);\n }\n\n return pollStatusFunction()\n .then(processPaymentStatusResponse)\n .catch(\n (error: unknown): ProcessedPaymentStatusResponse => ({\n type: 'network-error',\n props: error\n })\n )\n .then((status: ProcessedPaymentStatusResponse) => {\n switch (status.type) {\n case 'success':\n onComplete(status);\n break;\n case 'error':\n onError(status);\n break;\n default:\n setLoading(false);\n }\n });\n };\n\n useEffect(() => {\n void checkStatus();\n }, []);\n\n useEffect(() => {\n if (expired \|\| completed \|\| loading) {\n return;\n }\n\n const statusInterval = async (): Promise<void> => {\n const start = performance.now();\n await checkStatus();\n const end = performance.now();\n const responseTime = Math.round(end - start);\n\n const actualTimePassed = timePassed + responseTime + delay;\n setTimePassed(actualTimePassed);\n\n if (\n actualTimePassed >= (props.throttleTime ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS) &&\n delay !== (props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS)\n ) {\n setDelay(props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS);\n }\n };\n\n timeoutRef.current = setTimeout(() => {\n void statusInterval();\n }, delay);\n\n return () => {\n clearTimeout(timeoutRef.current);\n };\n }, [expired, completed, loading, delay, props.throttleTime, props.throttleInterval, timePassed]);\n\n const state: PaymentStatusTimerState = {\n completed,\n expired,\n loading,\n percentage,\n timePassed\n };\n\n const actions: PaymentStatusTimerActions = {\n onTick,\n onTimeUp\n };\n\n return { state, actions };\n}\n"],"names":["usePaymentStatusTimer","props","completed","setCompleted","useState","expired","setExpired","loading","setLoading","delay","setDelay","DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS","percentage","setPercentage","timePassed","setTimePassed","onPollingStartedActionHandled","setOnPollingStartedActionHandled","timeoutRef","useRef","checkStatus","async","paymentData","clientKey","throttleInterval","pollStatus","pollStatusFunction","checkPaymentStatus","loadingContext","onActionHandled","componentType","type","actionDescription","then","processPaymentStatusResponse","catch","error","status","payload","additionalDetailsData","data","details","onComplete","onError","AdyenCheckoutError","useEffect","current","setTimeout","start","performance","now","end","responseTime","Math","round","actualTimePassed","throttleTime","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS","statusInterval","clearTimeout","state","actions","onTick","time","onTimeUp"],"mappings":"seAaO,SAASA,EAAsBC,GAOCA,IAAAA,EAHnC,MAAOC,EAAWC,GAAgBC,GAAS,IACpCC,EAASC,GAAcF,GAAS,IAChCG,EAASC,GAAcJ,GAAS,IAChCK,EAAOC,GAAYN,EAAoB,QAAXH,EAAAA,EAAMQ,aAANR,IAAAA,EAAAA,EAAeU,IAC3CC,EAAYC,GAAiBT,EAAS,MACtCU,EAAYC,GAAiBX,EAAS,IACtCY,EAA+BC,GAAoCb,GAAS,GAC7Ec,EAAaC,EAAuC,MA+CpDC,EAAcC,UAChB,MAAMC,YAAEA,EAAWC,UAAEA,EAASC,iBAAEA,EAAgBC,WAAEA,GAAexB,EAE3DyB,EAAqBD,QAAAA,EAAe,IAAME,EAAmBL,EAAaC,EAAWtB,EAAM2B,eAAgBJ,GAG7GvB,IAAAA,EADCe,IACoB,QAArBf,EAAAA,EAAM4B,uBAAN5B,IAAAA,GAAAA,OAAAA,EAAwB,CAAE6B,cAAe7B,EAAM8B,KAAMC,kBAAmB,oBACxEf,GAAiC,IAGrC,OAAOS,IACFO,KAAKC,GACLC,MACIC,KACGL,KAAM,gBACN9B,MAAOmC,KAGdH,KAAMI,IACH,OAAQA,EAAON,MACX,IAAK,UAxDF,CAACM,IAIhB,GAHAlC,GAAa,GACbK,GAAW,GAEP6B,EAAOpC,MAAMqC,QAAS,CACtB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,MACIjC,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,mDA2ClCF,CAAWL,GACX,MACJ,IAAK,QAzCL,CAACA,IAIb,GAHA/B,GAAW,GACXE,GAAW,GAEP6B,EAAOpC,MAAMqC,QAAS,CACtB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,KAAO,CACH,MAAMH,EAAQ,IAAIQ,EAAmB,QAAS,4CAC9C3C,EAAM0C,QAAQP,EAClB,GA2BgBO,CAAQN,GACR,MACJ,QACI7B,GAAW,OAK/BqC,EAAU,KACDzB,KACN,IAEHyB,EAAU,KACN,GAAIxC,GAAWH,GAAaK,EACxB,OAwBJ,OAJAW,EAAW4B,QAAUC,WAAW,KAjBT1B,eAUMpB,EACVA,EAVf,MAAM+C,EAAQC,YAAYC,YACpB9B,IACN,MAAM+B,EAAMF,YAAYC,MAClBE,EAAeC,KAAKC,MAAMH,EAAMH,GAEhCO,EAAmBzC,EAAasC,EAAe3C,EAOxCR,IAAAA,EANbc,EAAcwC,GAGVA,YAAqBtD,EAAAA,EAAMuD,wBAANvD,EAAAA,EAAsBwD,IAC3ChD,KAAiC,QAAtBR,EAAAA,EAAMuB,wBAANvB,IAAAA,EAAAA,EAA0ByD,IAErChD,EAA+B,QAAtBT,EAAAA,EAAMuB,4BAANvB,EAAAA,EAA0ByD,IAKlCC,IACNlD,GAEI,KACHmD,aAAa1C,EAAW4B,WAE7B,CAACzC,EAASH,EAAWK,EAASE,EAAOR,EAAMuD,aAAcvD,EAAMuB,iBAAkBV,IAepF,MAAO,CAAE+C,MAb8B,CACnC3D,YACAG,UACAE,UACAK,aACAE,cAQYgD,QAL2B,CACvCC,OAzHYC,IACZnD,EAAcmD,EAAKpD,aAyHnBqD,SAtHa,KACb3D,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,sBAwHtD"}

package/dist/es-legacy/language/LanguageService.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LanguageService.js","sources":["../../../src/language/LanguageService.ts"],"sourcesContent":["import { httpGet } from '../core/Services/http';\nimport enUS from '../../../server/translations/en-US.json';\nimport { matchLocale } from './utils';\nimport { CDN_SUPPORTED_LOCALES, DEFAULT_LOCALE } from './constants';\nimport type { Translations } from './types';\nexport interface ILanguageService {\n fetchTranslationsFromCdn(locale: string): Promise<Readonly<Translations>>;\n}\n\nclass LanguageService implements ILanguageService {\n private readonly cdnUrl: string;\n private readonly sdkVersion: string;\n\n constructor({ cdnUrl, sdkVersion }: { cdnUrl: string; sdkVersion: string }) {\n this.cdnUrl = cdnUrl;\n this.sdkVersion = sdkVersion;\n }\n\n /*\n Fetches translations for the given locale.\n * If locale is 'en-US', it returns the bundled 'en-US' translations. If the translation request fails, it returns 'en-US' as fallback\n \n @param locale - The locale to fetch translations for\n * @returns The translations for the given locale\n /\n public async fetchTranslationsFromCdn(locale: string): Promise<Readonly<Translations>> {\n const cdnLocale = this.matchLocaleWithCdnSupportedLocales(locale);\n\n if (cdnLocale === 'en-US') {\n return enUS ~~as Translations~~;\n }\n\n try {\n return await httpGet<Translations>({\n loadingContext: this.cdnUrl,\n errorLevel: 'fatal',\n errorMessage: `Translations: Failed to fetch translations for locale \"${cdnLocale}\"`,\n path: `sdk/${this.sdkVersion}/translations/${cdnLocale}.json`\n });\n } catch (error) {\n console.warn(`LanguageService - fetchTranslationsFromCdn(): Failed to fetch locale \"${cdnLocale}.\"`, error);\n return enUS ~~as Translations~~;\n }\n }\n\n /\n Matches the given locale with the supported locales in the CDN. For example, if the merchant passes 'fr-CH', it will match 'fr-FR'.\n \n @param locale - The locale to match\n * @returns The matched locale or the default locale\n */\n private matchLocaleWithCdnSupportedLocales(locale: string): string {\n return matchLocale(locale, CDN_SUPPORTED_LOCALES) \|\| DEFAULT_LOCALE;\n }\n}\n\nexport { LanguageService };\n"],"names":["LanguageService","fetchTranslationsFromCdn","locale","cdnLocale","this","matchLocaleWithCdnSupportedLocales","enUS","httpGet","loadingContext","cdnUrl","errorLevel","errorMessage","path","sdkVersion","error","console","warn","matchLocale","CDN_SUPPORTED_LOCALES","DEFAULT_LOCALE","constructor","_define_property"],"mappings":"4VASA,MAAMA,EAgBF,8BAAaC,CAAyBC,GAClC,MAAMC,EAAYC,KAAKC,mCAAmCH,GAE1D,GAAkB,UAAdC,EACA,OAAOG,EAGX,IACI,aAAaC,EAAsB,CAC/BC,eAAgBJ,KAAKK,OACrBC,WAAY,QACZC,aAAc,0DAA0DR,KACxES,KAAM,OAAOR,KAAKS,2BAA2BV,UAErD,CAAE,MAAOW,GAEL,OADAC,QAAQC,KAAK,yEAAyEb,MAAeW,GAC9FR,CACX,CACJ,CAQQD,kCAAAA,CAAmCH,GACvC,OAAOe,EAAYf,EAAQgB,IAA0BC,CACzD,CAxCA,WAAAC,EAAYX,OAAEA,EAAMI,WAAEA,IAHtBQ,EAAAjB,KAAiBK,iBACjBY,EAAAjB,KAAiBS,qBAGbT,KAAKK,OAASA,EACdL,KAAKS,WAAaA,CACtB"}
1	+ {"version":3,"file":"LanguageService.js","sources":["../../../src/language/LanguageService.ts"],"sourcesContent":["import { httpGet } from '../core/Services/http';\nimport enUS from '../../../server/translations/en-US.json';\nimport { matchLocale } from './utils';\nimport { CDN_SUPPORTED_LOCALES, DEFAULT_LOCALE } from './constants';\nimport type { Translations } from './types';\nexport interface ILanguageService {\n fetchTranslationsFromCdn(locale: string): Promise<Readonly<Translations>>;\n}\n\nclass LanguageService implements ILanguageService {\n private readonly cdnUrl: string;\n private readonly sdkVersion: string;\n\n constructor({ cdnUrl, sdkVersion }: { cdnUrl: string; sdkVersion: string }) {\n this.cdnUrl = cdnUrl;\n this.sdkVersion = sdkVersion;\n }\n\n /*\n Fetches translations for the given locale.\n * If locale is 'en-US', it returns the bundled 'en-US' translations. If the translation request fails, it returns 'en-US' as fallback\n \n @param locale - The locale to fetch translations for\n * @returns The translations for the given locale\n /\n public async fetchTranslationsFromCdn(locale: string): Promise<Readonly<Translations>> {\n const cdnLocale = this.matchLocaleWithCdnSupportedLocales(locale);\n\n if (cdnLocale === 'en-US') {\n return enUS;\n }\n\n try {\n return await httpGet<Translations>({\n loadingContext: this.cdnUrl,\n errorLevel: 'fatal',\n errorMessage: `Translations: Failed to fetch translations for locale \"${cdnLocale}\"`,\n path: `sdk/${this.sdkVersion}/translations/${cdnLocale}.json`\n });\n } catch (error) {\n console.warn(`LanguageService - fetchTranslationsFromCdn(): Failed to fetch locale \"${cdnLocale}.\"`, error);\n return enUS;\n }\n }\n\n /\n Matches the given locale with the supported locales in the CDN. For example, if the merchant passes 'fr-CH', it will match 'fr-FR'.\n \n @param locale - The locale to match\n * @returns The matched locale or the default locale\n */\n private matchLocaleWithCdnSupportedLocales(locale: string): string {\n return matchLocale(locale, CDN_SUPPORTED_LOCALES) \|\| DEFAULT_LOCALE;\n }\n}\n\nexport { LanguageService };\n"],"names":["LanguageService","fetchTranslationsFromCdn","locale","cdnLocale","this","matchLocaleWithCdnSupportedLocales","enUS","httpGet","loadingContext","cdnUrl","errorLevel","errorMessage","path","sdkVersion","error","console","warn","matchLocale","CDN_SUPPORTED_LOCALES","DEFAULT_LOCALE","constructor","_define_property"],"mappings":"4VASA,MAAMA,EAgBF,8BAAaC,CAAyBC,GAClC,MAAMC,EAAYC,KAAKC,mCAAmCH,GAE1D,GAAkB,UAAdC,EACA,OAAOG,EAGX,IACI,aAAaC,EAAsB,CAC/BC,eAAgBJ,KAAKK,OACrBC,WAAY,QACZC,aAAc,0DAA0DR,KACxES,KAAM,OAAOR,KAAKS,2BAA2BV,UAErD,CAAE,MAAOW,GAEL,OADAC,QAAQC,KAAK,yEAAyEb,MAAeW,GAC9FR,CACX,CACJ,CAQQD,kCAAAA,CAAmCH,GACvC,OAAOe,EAAYf,EAAQgB,IAA0BC,CACzD,CAxCA,WAAAC,EAAYX,OAAEA,EAAMI,WAAEA,IAHtBQ,EAAAjB,KAAiBK,iBACjBY,EAAAjB,KAAiBS,qBAGbT,KAAKK,OAASA,EACdL,KAAKS,WAAaA,CACtB"}

package/dist/es-legacy/utils/useForm/useErrorFocus.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useCallback as r}from"../../external/preact/hooks/dist/hooks.js";import{setFocusOnField as o}from"../setFocus.js";function t(t){return{focusFirstError:r((r,n)=>{const e=function(r){var o;return r&&"object"==typeof r&&"current"in r?null!==(o=r.current)&&void 0!==o?o:void 0:r}(t);if(!e)return;const s=n.find(o=>r[o]);s&&o(e,s)},[t])}}export{t as useErrorFocus};
2	+ //# sourceMappingURL=useErrorFocus.js.map

package/dist/es-legacy/utils/useForm/useErrorFocus.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useErrorFocus.js","sources":["../../../../src/utils/useForm/useErrorFocus.ts"],"sourcesContent":["import { useCallback } from 'preact/hooks';\nimport { RefObject } from 'preact';\nimport { setFocusOnField } from '../setFocus';\n\nfunction resolveHolder(holder: Element | string | RefObject<Element>): Element | string | undefined {\n if (holder && typeof holder === 'object' && 'current' in holder) return holder.current ?? undefined;\n return holder as Element | string;\n}\n\n/**\n * Hook that provides a utility to focus the first invalid field in a form.\n * Uses the existing setFocusOnField utility which handles dropdowns, iOS scroll quirks, etc.\n *\n * @param holder - DOM Element, CSS selector string, or a RefObject pointing to the form root element\n */\nexport function useErrorFocus(holder: Element | string | RefObject<Element>) {\n const focusFirstError = useCallback(\n (errors: Record<string, unknown>, schema: string[]) => {\n const resolvedHolder = resolveHolder(holder);\n if (!resolvedHolder) return;\n const firstErrorKey = schema.find(key => errors[key]);\n if (firstErrorKey) {\n setFocusOnField(resolvedHolder, firstErrorKey);\n }\n },\n [holder]\n );\n\n return { focusFirstError };\n}\n"],"names":["useErrorFocus","holder","focusFirstError","useCallback","errors","schema","resolvedHolder","current","undefined","resolveHolder","firstErrorKey","find","key","setFocusOnField"],"mappings":"yHAeO,SAASA,EAAcC,GAa1B,MAAO,CAAEC,gBAZeC,EACpB,CAACC,EAAiCC,KAC9B,MAAMC,EAdlB,SAAuBL,GACqDA,IAAAA,EAAxE,OAAIA,GAA4B,iBAAXA,GAAuB,YAAaA,EAA6B,QAAdA,EAAAA,EAAOM,eAAPN,IAAAA,EAAAA,OAAkBO,EACnFP,CACX,CAWmCQ,CAAcR,GACrC,IAAKK,EAAgB,OACrB,MAAMI,EAAgBL,EAAOM,KAAKC,GAAOR,EAAOQ,IAC5CF,GACAG,EAAgBP,EAAgBI,IAGxC,CAACT,IAIT"}

package/dist/es-legacy/utils/useForm/useFormWithA11y.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useRef as e,useCallback as r,useEffect as t}from"../../external/preact/hooks/dist/hooks.js";import o from"./useForm.js";import{useErrorFocus as n}from"./useErrorFocus.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}function u(e,r){if(null==e)return{};var t,o,n,c={};if("undefined"!=typeof Reflect&&Reflect.ownKeys){for(t=Reflect.ownKeys(Object(e)),n=0;n<t.length;n++)o=t[n],r.indexOf(o)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,o)&&(c[o]=e[o]);return c}if(c=function(e,r){if(null==e)return{};var t,o,n={},c=Object.getOwnPropertyNames(e);for(o=0;o<c.length;o++)t=c[o],r.indexOf(t)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t]);return n}(e,r),Object.getOwnPropertySymbols)for(t=Object.getOwnPropertySymbols(e),n=0;n<t.length;n++)o=t[n],r.indexOf(o)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,o)&&(c[o]=e[o]);return c}function f(f){const{formHolder:i}=f,s=u(f,["formHolder"]),p=o(s),{focusFirstError:a}=n(i),b=e(!1),O=r((e=null)=>{b.current=!0,p.triggerValidation(e)},[p.triggerValidation]);return t(()=>{b.current&&(b.current=!1,a(p.errors,p.schema))},[p.errors]),l(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){c(e,r,t[r])})}return e}({},p),{triggerValidation:O})}export{f as default};
2	+ //# sourceMappingURL=useFormWithA11y.js.map

package/dist/es-legacy/utils/useForm/useFormWithA11y.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useFormWithA11y.js","sources":["../../../../src/utils/useForm/useFormWithA11y.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'preact/hooks';\nimport { RefObject } from 'preact';\nimport useForm from './useForm';\nimport { useErrorFocus } from './useErrorFocus';\nimport { Form, FormProps } from './types';\n\nexport interface FormWithA11yProps extends FormProps {\n /**\n * DOM Element, CSS selector string, or RefObject pointing to the form root.\n * Used to find and focus the first invalid field after submit-time validation.\n */\n formHolder: Element | string | RefObject<Element>;\n}\n\n/**\n * Wraps useForm and adds submit-time focus management via useErrorFocus.\n * Adds inline aria-live announcements on Field error spans, without requiring an SRPanel.\n *\n * Usage:\n * - Pass `formHolder` (CSS selector or Element ref) to enable focus-on-first-error.\n * - Set `errorLive={true}` on the Field components inside the form so their error spans\n * announce changes via aria-live=\"polite\".\n */\nfunction useFormWithA11y<FormSchema>(props: FormWithA11yProps): Form<FormSchema> {\n const { formHolder, ...formProps } = props;\n const form = useForm<FormSchema>(formProps);\n const { focusFirstError } = useErrorFocus(formHolder);\n\n // Tracks whether we are in a submit-triggered validation pass.\n // A ref (not state) so that setting it does not schedule an extra render,\n // and so it does not need to be listed in the useEffect dependency array.\n const isValidating = useRef(false);\n\n const triggerValidation = useCallback(\n (selectedSchema = null) => {\n isValidating.current = true;\n form.triggerValidation(selectedSchema);\n },\n [form.triggerValidation]\n );\n\n // After errors update from a submit-time validation, focus the first error field.\n // Blur-time validations (isValidating.current === false) do NOT trigger focus management.\n useEffect(() => {\n if (!isValidating.current) return;\n isValidating.current = false;\n focusFirstError(form.errors, form.schema);\n }, [form.errors]);\n\n return {\n ...form,\n triggerValidation\n };\n}\n\nexport default useFormWithA11y;\n"],"names":["useFormWithA11y","props","formHolder","formProps","form","useForm","focusFirstError","useErrorFocus","isValidating","useRef","triggerValidation","useCallback","selectedSchema","current","useEffect","errors","schema","_object_spread_props","_object_spread"],"mappings":"gxCAuBA,SAASA,EAA4BC,GACjC,MAAMC,WAAEA,GAA6BD,EAAdE,EAAAA,EAAcF,EAAAA,gBAC/BG,EAAOC,EAAoBF,IAC3BG,gBAAEA,GAAoBC,EAAcL,GAKpCM,EAAeC,GAAO,GAEtBC,EAAoBC,EACtB,CAACC,EAAiB,QACdJ,EAAaK,SAAU,EACvBT,EAAKM,kBAAkBE,IAE3B,CAACR,EAAKM,oBAWV,OANAI,EAAU,KACDN,EAAaK,UAClBL,EAAaK,SAAU,EACvBP,EAAgBF,EAAKW,OAAQX,EAAKY,UACnC,CAACZ,EAAKW,SAEFE,oUAAAC,CAAA,CAAA,EACAd,GAAAA,CACHM,qBAER"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@adyen/adyen-web",
-    "version": "6.36.0",
+    "version": "6.38.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "type": "module",
@@ -84,7 +84,7 @@
     "devDependencies": {
         "@adyen/bento-design-tokens": "1.10.0",
         "@eslint/js": "10.0.1",
-        "@paypal/paypal-js": "9.6.0",
+        "@paypal/paypal-js": "9.7.0",
         "@preact/preset-vite": "2.10.5",
         "@rollup/plugin-commonjs": "29.0.2",
         "@rollup/plugin-eslint": "9.2.0",
@@ -93,46 +93,46 @@
         "@rollup/plugin-replace": "6.0.3",
         "@rollup/plugin-terser": "1.0.0",
         "@size-limit/preset-big-lib": "12.1.0",
-        "@storybook/addon-a11y": "10.3.5",
-        "@storybook/addon-docs": "10.3.5",
-        "@storybook/preact-vite": "10.3.5",
-        "@swc/core": "1.15.24",
+        "@storybook/addon-a11y": "10.3.6",
+        "@storybook/addon-docs": "10.3.6",
+        "@storybook/preact-vite": "10.3.6",
+        "@swc/core": "1.15.33",
         "@testing-library/jest-dom": "6.9.1",
         "@testing-library/preact": "3.2.4",
         "@testing-library/preact-hooks": "1.1.0",
         "@testing-library/user-event": "14.6.1",
         "@types/jest": "29.5.14",
         "autoprefixer": "10.5.0",
-        "cssnano": "7.1.5",
+        "cssnano": "7.1.7",
         "dotenv": "17.4.2",
-        "eslint": "10.2.0",
+        "eslint": "10.2.1",
         "eslint-plugin-import": "2.32.0",
         "eslint-plugin-jsx-a11y": "6.10.2",
         "eslint-plugin-react": "7.37.5",
-        "eslint-plugin-storybook": "10.3.5",
+        "eslint-plugin-storybook": "10.3.6",
         "eslint-plugin-testing-library": "7.16.2",
         "globals": "17.5.0",
         "jest": "29.7.0",
         "jest-environment-jsdom": "29.7.0",
         "jest-fixed-jsdom": "^0.0.11",
-        "jest-mock-extended": "4.0.0",
+        "jest-mock-extended": "4.0.1",
         "msw": "2.12.14",
         "msw-storybook-addon": "2.0.7",
-        "postcss": "8.5.10",
-        "rollup": "4.60.1",
+        "postcss": "8.5.13",
+        "rollup": "4.60.2",
         "rollup-plugin-dts": "6.4.1",
         "rollup-plugin-postcss": "4.0.2",
         "rollup-plugin-stylelint": "1.0.0",
         "rollup-plugin-swc3": "0.12.1",
         "sass": "1.97.3",
         "size-limit": "12.1.0",
-        "storybook": "10.3.5",
-        "stylelint": "17.8.0",
+        "storybook": "10.3.6",
+        "stylelint": "17.9.1",
         "stylelint-config-standard-scss": "17.0.0",
         "ts-jest": "29.4.9",
         "tslib": "2.8.1",
-        "typescript": "5.9.3",
-        "typescript-eslint": "8.58.2",
+        "typescript": "6.0.3",
+        "typescript-eslint": "8.59.1",
         "vite": "6.4.2",
         "vite-plugin-stylelint": "6.1.0",
         "whatwg-fetch": "3.6.20"