@adyen/adyen-web 5.22.0 → 5.23.0

package/dist/types/components/Card/components/ClickToPay/services/sdks/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Types used to define the interface with the SRCi SDK
+ */
+export declare type SrciInitiateIdentityValidationResponse = {
+    maskedValidationChannel: string;
+};
+export declare type SrciCompleteIdentityValidationResponse = {
+    idToken: string;
+};
+export declare type SrciIsRecognizedResponse = {
+    recognized: boolean;
+    idTokens?: string[];
+};
+export declare type SrciCheckoutResponse = {
+    dcfActionCode: string;
+    encryptedPayload?: string;
+    idToken?: string;
+};
+export declare type SrciIdentityLookupResponse = {
+    consumerPresent: boolean;
+};
+export declare type SrcProfile = {
+    profiles: Array<{
+        maskedCards: SrcCard[];
+    }>;
+    srcCorrelationId: string;
+};
+export declare type SrcCard = {
+    srcDigitalCardId: string;
+    panLastFour: string;
+    dateOfCardLastUsed: string;
+    paymentCardDescriptor: string;
+    digitalCardData: {
+        descriptorName: string;
+        artUri: string;
+    };
+    tokenId?: string;
+};
+export declare type SrcCheckoutParams = {
+    srcCorrelationId: string;
+    srcDigitalCardId: string;
+};
+export interface SrcInitParams {
+    srcInitiatorId: string;
+    srciDpaId: string;
+}

package/dist/types/components/Card/components/ClickToPay/services/sdks/utils.d.ts

@@ -0,0 +1,5 @@
+declare const SchemeNames: {
+    mc: string;
+    visa: string;
+};
+export { SchemeNames };

package/dist/types/components/Card/components/ClickToPay/services/types.d.ts

@@ -0,0 +1,39 @@
+import { CtpState } from './ClickToPayService';
+import { SrcProfile } from './sdks/types';
+import { ClickToPayScheme } from '../../../types';
+import ShopperCard from '../models/ShopperCard';
+export interface IClickToPayService {
+    state: CtpState;
+    shopperCards: ShopperCard[];
+    shopperValidationContact: string;
+    schemes: string[];
+    initialize(): Promise<void>;
+    checkout(card: ShopperCard): Promise<ClickToPayCheckoutPayload>;
+    logout(): Promise<void>;
+    verifyIfShopperIsEnrolled(value: string, type?: string): Promise<{
+        isEnrolled: boolean;
+    }>;
+    subscribeOnStateChange(callback: CallbackStateSubscriber): void;
+    startIdentityValidation(): Promise<void>;
+    finishIdentityValidation(otpCode: string): Promise<void>;
+}
+export declare type CallbackStateSubscriber = (state: CtpState) => void;
+export interface IdentityLookupParams {
+    value: string;
+    type?: 'email' | 'mobilePhone';
+}
+declare type MastercardCheckout = {
+    srcDigitalCardId: string;
+    srcCorrelationId: string;
+    srcScheme: string;
+};
+declare type VisaCheckout = {
+    srcCheckoutPayload?: string;
+    srcTokenReference?: string;
+    srcScheme: string;
+};
+export interface SrcProfileWithScheme extends SrcProfile {
+    scheme: ClickToPayScheme;
+}
+export declare type ClickToPayCheckoutPayload = VisaCheckout | MastercardCheckout;
+export {};

package/dist/types/components/Card/components/ClickToPay/services/utils.d.ts

@@ -0,0 +1,6 @@
+import { ClickToPayCheckoutPayload, SrcProfileWithScheme } from './types';
+import { SrciCheckoutResponse } from './sdks/types';
+import ShopperCard from '../models/ShopperCard';
+declare function createCheckoutPayloadBasedOnScheme(card: ShopperCard, checkoutResponse: SrciCheckoutResponse, environment: string): ClickToPayCheckoutPayload;
+declare function createShopperCardsList(srcProfiles: SrcProfileWithScheme[]): ShopperCard[];
+export { createShopperCardsList, createCheckoutPayloadBasedOnScheme };

package/dist/types/components/Card/components/ClickToPay/utils.d.ts

@@ -0,0 +1,7 @@
+import { IClickToPayService } from './services/types';
+import { CardConfiguration, ClickToPayConfiguration } from '../../types';
+/**
+ * Creates the Click to Pay service in case the required configuration is provided
+ */
+declare function createClickToPayService(configuration: CardConfiguration, clickToPayConfiguration: ClickToPayConfiguration | undefined, environment: string): IClickToPayService | null;
+export { createClickToPayService };

package/dist/types/components/Card/types.d.ts

@@ -12,6 +12,15 @@ export interface CardElementProps extends UIElementProps {
      * Configuration specific to brands
      */
     brandsConfiguration?: CardBrandsConfiguration;
+    /**
+     * Flag indicating if merchant really intent to use Click to Pay
+     * Will be removed when we Click to Pay goes live
+     */
+    useClickToPay: boolean;
+    /**
+     * Configuration for Click to Pay
+     */
+    clickToPayConfiguration?: ClickToPayConfiguration;
     /**
      * type will always be "card" (generic card, stored card)
      * except for a single branded card when it will be the same as the brand prop
@@ -80,9 +89,26 @@ export interface CardElementProps extends UIElementProps {
     onBinLookup?: (event: CbObjOnBinLookup) => void;
     [key: string]: any;
 }
+export declare type ClickToPayScheme = 'mc' | 'visa';
+export declare type ClickToPayConfiguration = {
+    shopperIdentityValue: string;
+    shopperIdentityType?: 'email' | 'mobilePhone';
+    /**
+     * Used to ensure the correct language and user experience if DCF screen is displayed. As a fallback, it uses the main locale
+     * defined during the creation of the Checkout.
+     * Format: ISO language_country pair (e.g., en_US )
+     *
+     * @default en_US
+     */
+    locale?: string;
+};
 export declare type SocialSecurityMode = 'show' | 'hide' | 'auto';
 /** If the merchant wishes to set any of these properties in their local config they should do so via a "configuration" object */
 export interface CardConfiguration {
+    visaSrciDpaId?: string;
+    visaSrcInitiatorId?: string;
+    mcSrcClientId?: string;
+    mcDpaId?: string;
     merchantIdentifier?: string;
     merchantOrigin?: string;
     gatewayMerchantId?: string;

package/dist/types/components/Dragonpay/Dragonpay.d.ts

@@ -35,6 +35,7 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;

package/dist/types/components/Dropin/Dropin.d.ts

@@ -60,6 +60,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;

package/dist/types/components/Pix/Pix.d.ts

@@ -37,6 +37,7 @@ declare class PixElement extends QRLoaderContainer<PixProps> {
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;

package/dist/types/components/Swish/Swish.d.ts

@@ -25,6 +25,7 @@ declare class SwishElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;

package/dist/types/components/UIElement.d.ts

@@ -18,6 +18,7 @@ export declare class UIElement<P extends UIElementProps = any> extends BaseEleme
      */
     submit(): void;
     showValidation(): this;
+    setElementStatus(status: UIElementStatus, props?: any): this;
     setStatus(status: UIElementStatus, props?: any): this;
     private submitPayment;
     private submitAdditionalDetails;

package/dist/types/components/WeChat/WeChat.d.ts

@@ -25,6 +25,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;

package/dist/types/components/index.d.ts

@@ -101,6 +101,7 @@ declare const componentsMap: {
     doku_wallet: typeof Doku;
     donation: typeof Donation;
     dotpay: typeof Dotpay;
+    onlineBanking: typeof Dotpay;
     dragonpay_ebanking: typeof Dragonpay;
     dragonpay_otc_banking: typeof Dragonpay;
     dragonpay_otc_non_banking: typeof Dragonpay;

package/dist/types/components/internal/Button/types.d.ts

@@ -1,12 +1,14 @@
+export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
 export interface ButtonProps {
     status?: string;
     /**
      * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */
     classNameModifiers?: string[];
-    variant: 'primary' | 'secondary' | 'ghost' | 'action';
+    variant?: ButtonVariant;
     disabled?: boolean;
     label?: string;
+    secondaryLabel?: string;
     icon?: string;
     inline?: boolean;
     href?: string;

package/dist/types/components/internal/ContentSeparator/ContentSeparator.d.ts

@@ -2,6 +2,7 @@ import { h } from 'preact';
 import './ContentSeparator.scss';
 interface ContentSeparatorProps {
     label?: string;
+    classNames?: string[];
 }
-declare function ContentSeparator({ label }: ContentSeparatorProps): h.JSX.Element;
+declare function ContentSeparator({ label, classNames }: ContentSeparatorProps): h.JSX.Element;
 export default ContentSeparator;

package/dist/types/components/internal/FormFields/Field/types.d.ts

@@ -1,4 +1,4 @@
-import { Component, ComponentChildren } from 'preact';
+import { h, Component, ComponentChildren } from 'preact';
 export interface FieldProps {
     className?: string;
     classNameModifiers?: string[];
@@ -12,6 +12,7 @@ export interface FieldProps {
     isLoading?: boolean;
     isValid?: boolean;
     label?: string | Component;
+    labelEndAdornment?: string | h.JSX.Element;
     onBlur?: any;
     onFocus?: any;
     onFocusField?: any;

package/dist/types/components/internal/FormFields/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { SelectProps } from './types';
 import './Select.scss';
-declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, uniqueId, isCollatingErrors }: SelectProps): h.JSX.Element;
+declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, uniqueId, isCollatingErrors, isIconOnLeftSide }: SelectProps): h.JSX.Element;
 declare namespace Select {
     var defaultProps: {
         className: string;

package/dist/types/components/internal/FormFields/Select/components/SelectListItem.d.ts

@@ -1,4 +1,4 @@
 import { h } from 'preact';
 import { SelectItemProps } from '../types';
-declare const SelectListItem: ({ item, selected, ...props }: SelectItemProps) => h.JSX.Element;
+declare const SelectListItem: ({ item, selected, isIconOnLeftSide, ...props }: SelectItemProps) => h.JSX.Element;
 export default SelectListItem;

package/dist/types/components/internal/FormFields/Select/types.d.ts

@@ -19,6 +19,7 @@ export interface SelectProps {
     selected: string;
     uniqueId?: string;
     isCollatingErrors: boolean;
+    isIconOnLeftSide?: boolean;
 }
 export interface SelectButtonProps {
     active: SelectItem;
@@ -36,6 +37,7 @@ export interface SelectButtonProps {
     toggleList: (e: Event) => void;
     id?: string;
     ariaDescribedBy: string;
+    isIconOnLeftSide: boolean;
 }
 export interface SelectListProps {
     active: SelectItem;
@@ -46,10 +48,12 @@ export interface SelectListProps {
     selectListRef: any;
     showList: boolean;
     textFilter: string;
+    isIconOnLeftSide: boolean;
 }
 export interface SelectItemProps {
     item: SelectItem;
     selected: boolean;
+    isIconOnLeftSide: boolean;
     onKeyDown: (e: KeyboardEvent) => void;
     onSelect: (e: Event) => void;
 }

package/dist/types/components/internal/Icon/Icon.d.ts

@@ -3,6 +3,8 @@ interface IconProps {
     type: string;
     className?: string;
     alt?: string;
+    height?: number;
+    width?: number;
 }
-declare const Icon: ({ type, className, alt }: IconProps) => h.JSX.Element;
+declare const Icon: ({ type, className, alt, height, width }: IconProps) => h.JSX.Element;
 export default Icon;

package/dist/types/components/internal/PayButton/PayButton.d.ts

@@ -1,19 +1,20 @@
 import { h } from 'preact';
-import { PaymentAmount } from '../../../types';
-import Language from '../../../language/Language';
-export interface PayButtonProps {
+import { ButtonProps } from '../Button/types';
+import { payAmountLabel } from './utils';
+import { PaymentAmountExtended } from '../../../types';
+export interface PayButtonProps extends ButtonProps {
     /**
      * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */
     classNameModifiers?: string[];
     label?: string;
-    amount: PaymentAmount;
+    amount: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmountExtended;
     status?: string;
     disabled?: boolean;
     icon?: string;
     onClick?(): void;
 }
-declare const payAmountLabel: (i18n: Language, amount: any) => string;
-declare const PayButton: ({ amount, classNameModifiers, label, ...props }: PayButtonProps) => h.JSX.Element;
+declare const PayButton: ({ amount, secondaryAmount, classNameModifiers, label, ...props }: PayButtonProps) => h.JSX.Element;
 export default PayButton;
 export { payAmountLabel };

package/dist/types/components/internal/PayButton/components/SecondaryButtonLabel.d.ts

@@ -0,0 +1,6 @@
+import { h } from 'preact';
+import './SecondaryButtonLabel.scss';
+declare const SecondaryButtonLabel: ({ label }: {
+    label: any;
+}) => h.JSX.Element;
+export default SecondaryButtonLabel;

package/dist/types/components/internal/PayButton/utils.d.ts

@@ -0,0 +1,7 @@
+import Language from '../../../language';
+import { PaymentAmountExtended } from '../../../types';
+export declare const PAY_BTN_DIVIDER = "/ ";
+declare const amountLabel: (i18n: any, amount: PaymentAmountExtended) => any;
+declare const payAmountLabel: (i18n: Language, amount: PaymentAmountExtended) => string;
+declare const secondaryAmountLabel: (i18n: Language, secondaryAmount: PaymentAmountExtended) => string;
+export { payAmountLabel, amountLabel, secondaryAmountLabel };

package/dist/types/components/types.d.ts

@@ -1,4 +1,4 @@
-import { Order, PaymentAction, PaymentAmount } from '../types';
+import { Order, PaymentAction, PaymentAmount, PaymentAmountExtended } from '../types';
 import UIElement from './UIElement';
 import Core from '../core';
 import Analytics from '../core/Analytics';
@@ -30,6 +30,7 @@ export interface IUIElement {
     type: string;
     elementRef: any;
     submit(): void;
+    setElementStatus(status: UIElementStatus, props: any): UIElement;
     setStatus(status: UIElementStatus, props?: {
         message?: string;
         [key: string]: any;
@@ -56,6 +57,7 @@ export interface UIElementProps extends BaseElementProps {
     name?: string;
     icon?: string;
     amount?: PaymentAmount;
+    secondaryAmount?: PaymentAmountExtended;
     /**
      * Show/Hide pay button
      * @defaultValue true

package/dist/types/components/utils.d.ts

@@ -1,3 +1,3 @@
-import { PaymentResponse, RawPaymentResponse } from './types';
+import { PaymentResponse, RawPaymentResponse, UIElementStatus } from './types';
 export declare function getSanitizedResponse(response: RawPaymentResponse): PaymentResponse;
-export declare function resolveFinalResult(result: PaymentResponse): string[];
+export declare function resolveFinalResult(result: PaymentResponse): [status: UIElementStatus, statusProps?: any];

package/dist/types/core/types.d.ts

@@ -1,5 +1,5 @@
 import { CustomTranslations, Locales } from '../language/types';
-import { PaymentAmount, PaymentMethods, PaymentMethodOptions, PaymentActionsType } from '../types';
+import { PaymentMethods, PaymentMethodOptions, PaymentActionsType, PaymentAmountExtended } from '../types';
 import { AnalyticsOptions } from './Analytics/types';
 import { PaymentMethodsResponseObject } from './ProcessResponse/PaymentMethodsResponse/types';
 import { RiskModuleOptions } from './RiskModule/RiskModule';
@@ -32,7 +32,11 @@ export interface CoreOptions {
     /**
      * Amount of the payment
      */
-    amount?: PaymentAmount;
+    amount?: PaymentAmountExtended;
+    /**
+     * Secondary amount of the payment - alternative currency & value converted according to rate
+     */
+    secondaryAmount?: PaymentAmountExtended;
     /**
      * The shopper's country code. A valid value is an ISO two-character country code (e.g. 'NL').
      */

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import { CoreOptions } from 'src/core/types';
+import { CoreOptions } from './core/types';
 import Checkout from './core';
 declare function AdyenCheckout(props: CoreOptions): Promise<Checkout>;
 export default AdyenCheckout;

package/dist/types/language/config.d.ts

@@ -5,6 +5,7 @@ export declare const FALLBACK_LOCALE = "en-US";
 export declare const defaultTranslation: {
     payButton: string;
     "payButton.redirecting": string;
+    "payButton.with": string;
     storeDetails: string;
     "creditCard.holderName": string;
     "creditCard.holderName.placeholder": string;
@@ -222,4 +223,36 @@ export declare const defaultTranslation: {
     "upi.qrCodeWaitingMessage": string;
     "upi.vpaWaitingMessage": string;
     "onlineBanking.termsAndConditions": string;
+    "ctp.loading.poweredByCtp": string;
+    "ctp.loading.intro": string;
+    "ctp.login.title": string;
+    "ctp.login.subtitle": string;
+    "ctp.login.inputLabel": string;
+    "ctp.logout.notYou": string;
+    "ctp.logout.notYouCards": string;
+    "ctp.otp.fieldLabel": string;
+    "ctp.otp.resendCode": string;
+    "ctp.otp.codeResent": string;
+    "ctp.otp.title": string;
+    "ctp.otp.subtitle": string;
+    "ctp.emptyCardsView.title": string;
+    "ctp.emptyCardsView.subtitle": string;
+    "ctp.emptyCardsView.button": string;
+    "ctp.separatorText": string;
+    "ctp.cards.title": string;
+    "ctp.cards.subtitle": string;
+    "ctp.cards.cardSelector": string;
+    "ctp.manualCardEntry": string;
+    "ctp.errors.AUTH_INVALID": string;
+    "ctp.errors.NOT_FOUND": string;
+    "ctp.errors.ID_FORMAT_UNSUPPORTED": string;
+    "ctp.errors.FRAUD": string;
+    "ctp.errors.CONSUMER_ID_MISSING": string;
+    "ctp.errors.ACCT_INACCESSIBLE": string;
+    "ctp.errors.UNKNOWN_ERROR": string;
+    "ctp.errors.CODE_INVALID": string;
+    "ctp.errors.CODE_EXPIRED": string;
+    "ctp.errors.INVALID_PARAMETER": string;
+    "ctp.errors.RETRIES_EXCEEDED": string;
+    "ctp.errors.OTP_SEND_FAILED": string;
 };

package/dist/types/language/locales/index.d.ts

@@ -2197,6 +2197,7 @@ declare const _default: {
         default: {
             payButton: string;
             "payButton.redirecting": string;
+            "payButton.with": string;
             storeDetails: string;
             "creditCard.holderName": string;
             "creditCard.holderName.placeholder": string;
@@ -2414,9 +2415,42 @@ declare const _default: {
             "upi.qrCodeWaitingMessage": string;
             "upi.vpaWaitingMessage": string;
             "onlineBanking.termsAndConditions": string;
+            "ctp.loading.poweredByCtp": string;
+            "ctp.loading.intro": string;
+            "ctp.login.title": string;
+            "ctp.login.subtitle": string;
+            "ctp.login.inputLabel": string;
+            "ctp.logout.notYou": string;
+            "ctp.logout.notYouCards": string;
+            "ctp.otp.fieldLabel": string;
+            "ctp.otp.resendCode": string;
+            "ctp.otp.codeResent": string;
+            "ctp.otp.title": string;
+            "ctp.otp.subtitle": string;
+            "ctp.emptyCardsView.title": string;
+            "ctp.emptyCardsView.subtitle": string;
+            "ctp.emptyCardsView.button": string;
+            "ctp.separatorText": string;
+            "ctp.cards.title": string;
+            "ctp.cards.subtitle": string;
+            "ctp.cards.cardSelector": string;
+            "ctp.manualCardEntry": string;
+            "ctp.errors.AUTH_INVALID": string;
+            "ctp.errors.NOT_FOUND": string;
+            "ctp.errors.ID_FORMAT_UNSUPPORTED": string;
+            "ctp.errors.FRAUD": string;
+            "ctp.errors.CONSUMER_ID_MISSING": string;
+            "ctp.errors.ACCT_INACCESSIBLE": string;
+            "ctp.errors.UNKNOWN_ERROR": string;
+            "ctp.errors.CODE_INVALID": string;
+            "ctp.errors.CODE_EXPIRED": string;
+            "ctp.errors.INVALID_PARAMETER": string;
+            "ctp.errors.RETRIES_EXCEEDED": string;
+            "ctp.errors.OTP_SEND_FAILED": string;
         };
         payButton: string;
         "payButton.redirecting": string;
+        "payButton.with": string;
         storeDetails: string;
         "creditCard.holderName": string;
         "creditCard.holderName.placeholder": string;
@@ -2634,6 +2668,38 @@ declare const _default: {
         "upi.qrCodeWaitingMessage": string;
         "upi.vpaWaitingMessage": string;
         "onlineBanking.termsAndConditions": string;
+        "ctp.loading.poweredByCtp": string;
+        "ctp.loading.intro": string;
+        "ctp.login.title": string;
+        "ctp.login.subtitle": string;
+        "ctp.login.inputLabel": string;
+        "ctp.logout.notYou": string;
+        "ctp.logout.notYouCards": string;
+        "ctp.otp.fieldLabel": string;
+        "ctp.otp.resendCode": string;
+        "ctp.otp.codeResent": string;
+        "ctp.otp.title": string;
+        "ctp.otp.subtitle": string;
+        "ctp.emptyCardsView.title": string;
+        "ctp.emptyCardsView.subtitle": string;
+        "ctp.emptyCardsView.button": string;
+        "ctp.separatorText": string;
+        "ctp.cards.title": string;
+        "ctp.cards.subtitle": string;
+        "ctp.cards.cardSelector": string;
+        "ctp.manualCardEntry": string;
+        "ctp.errors.AUTH_INVALID": string;
+        "ctp.errors.NOT_FOUND": string;
+        "ctp.errors.ID_FORMAT_UNSUPPORTED": string;
+        "ctp.errors.FRAUD": string;
+        "ctp.errors.CONSUMER_ID_MISSING": string;
+        "ctp.errors.ACCT_INACCESSIBLE": string;
+        "ctp.errors.UNKNOWN_ERROR": string;
+        "ctp.errors.CODE_INVALID": string;
+        "ctp.errors.CODE_EXPIRED": string;
+        "ctp.errors.INVALID_PARAMETER": string;
+        "ctp.errors.RETRIES_EXCEEDED": string;
+        "ctp.errors.OTP_SEND_FAILED": string;
     }>;
     'es-ES': () => Promise<{
         default: {

package/dist/types/types/index.d.ts

@@ -147,6 +147,14 @@ export interface PaymentAmount {
     value: number;
     currency: string;
 }
+export interface PaymentAmountExtended extends PaymentAmount {
+    /**
+     * Adds currencyDisplay prop - as a way for the merchant to influence the final display of the amount on the pay button.
+     * Defaults to 'symbol'.
+     * see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay
+     */
+    currencyDisplay?: string;
+}
 export declare type AddressField = typeof ADDRESS_SCHEMA[number];
 export declare type AddressData = {
     [key in AddressField]?: string;

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.22.0",
+    "version": "5.23.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",