@adyen/adyen-web 5.20.0 → 5.23.0

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

@@ -0,0 +1,79 @@
+import { CallbackStateSubscriber, IClickToPayService, IdentityLookupParams, ClickToPayCheckoutPayload } from './types';
+import { ISrcSdkLoader } from './sdks/SrcSdkLoader';
+import { SrcInitParams } from './sdks/types';
+import { ClickToPayScheme } from '../../../types';
+import ShopperCard from '../models/ShopperCard';
+export declare enum CtpState {
+    Idle = "Idle",
+    Loading = "Loading",
+    ShopperIdentified = "ShopperIdentified",
+    OneTimePassword = "OneTimePassword",
+    Ready = "Ready",
+    Login = "Login",
+    NotAvailable = "NotAvailable"
+}
+declare class ClickToPayService implements IClickToPayService {
+    private readonly sdkLoader;
+    private readonly schemesConfig;
+    private readonly shopperIdentity?;
+    private readonly environment;
+    /**
+     * Mandatory unique ID passed to all the networks (Click to Pay systems), used to track user journey
+     */
+    private readonly srciTransactionId;
+    private sdks;
+    private validationSchemeSdk;
+    private stateSubscriber;
+    state: CtpState;
+    shopperCards: ShopperCard[];
+    shopperValidationContact: string;
+    constructor(schemesConfig: Record<ClickToPayScheme, SrcInitParams>, sdkLoader: ISrcSdkLoader, environment: string, shopperIdentity?: IdentityLookupParams);
+    get schemes(): string[];
+    initialize(): Promise<void>;
+    /**
+     * Set the callback for notifying when the CtPState changes
+     */
+    subscribeOnStateChange(callback: CallbackStateSubscriber): void;
+    /**
+     * Initiates Consumer Identity validation with one Click to Pay System.
+     * The Click to Pay System sends a one-time-password (OTP) to the registered email address or mobile number.
+     **/
+    startIdentityValidation(): Promise<void>;
+    /**
+     * Completes the  validation of the Shopper by evaluating the supplied OTP.
+     */
+    finishIdentityValidation(otpCode: string): Promise<void>;
+    /**
+     * This method performs checkout using the selected card
+     */
+    checkout(card: ShopperCard): Promise<ClickToPayCheckoutPayload>;
+    /**
+     * Call the 'unbindAppInstance()' method of each SRC SDK in order to remove the shopper cookies.
+     * Besides, it deletes all information stored about the shopper.
+     */
+    logout(): Promise<void>;
+    /**
+     * Call the 'identityLookup()' method of each SRC SDK in order to verify if the shopper has an account.
+     *
+     * Based on the responses from the Click to Pay Systems, we should do the validation process using the SDK that
+     * that responds faster with 'consumerPresent=true'
+     */
+    verifyIfShopperIsEnrolled(value: string, type?: 'email' | 'mobilePhone'): Promise<{
+        isEnrolled: boolean;
+    }>;
+    private setState;
+    private setSdkForPerformingShopperIdentityValidation;
+    /**
+     * Based on the given idToken, this method goes through each SRCi SDK and fetches the shopper
+     * profile with his cards
+     */
+    private getShopperProfile;
+    /**
+     * Calls the 'isRecognized()' method of each SRC SDK in order to verify if the shopper is
+     * recognized on the device. The shopper is recognized if he/she has the Cookies stored
+     * on their browser
+     */
+    private verifyIfShopperIsRecognized;
+    private initiateSdks;
+}
+export default ClickToPayService;

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

@@ -0,0 +1,75 @@
+import { IdentityLookupParams } from '../types';
+import { SrcCheckoutParams, SrciCheckoutResponse, SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrciInitiateIdentityValidationResponse, SrciIsRecognizedResponse, SrcInitParams, SrcProfile } from './types';
+import { ClickToPayScheme } from '../../../../types';
+export interface ISrcInitiator {
+    schemeName: ClickToPayScheme;
+    loadSdkScript(): Promise<void>;
+    removeSdkScript(): void;
+    init(params: SrcInitParams, srciTransactionId: string): Promise<void>;
+    isRecognized(): Promise<SrciIsRecognizedResponse>;
+    identityLookup(params: IdentityLookupParams): Promise<SrciIdentityLookupResponse>;
+    initiateIdentityValidation(): Promise<SrciInitiateIdentityValidationResponse>;
+    completeIdentityValidation(validationData: string): Promise<SrciCompleteIdentityValidationResponse>;
+    getSrcProfile(idTokens: string[]): Promise<SrcProfile>;
+    checkout(params: SrcCheckoutParams): Promise<SrciCheckoutResponse>;
+    unbindAppInstance(): Promise<void>;
+}
+export default abstract class AbstractSrcInitiator implements ISrcInitiator {
+    schemeSdk: any;
+    abstract readonly schemeName: ClickToPayScheme;
+    protected readonly dpaLocale: string;
+    private readonly sdkUrl;
+    private scriptElement;
+    protected constructor(sdkUrl: string, dpaLocale: string);
+    loadSdkScript(): Promise<void>;
+    removeSdkScript(): void;
+    /**
+     * Verifies if SDK is already loaded on the window object.
+     * Example: Merchant can preload the SDK to speed up the loading time
+     */
+    protected abstract isSdkIsAvailableOnWindow(): boolean;
+    /**
+     * Assign SchemeSDK object to 'schemeSdk' property.
+     * Each scheme creates its own object reference on 'window' using different naming,
+     * therefore this method should be implemented by the subclass to assign the property
+     * accordingly
+     */
+    protected abstract assignSdkReference(): void;
+    /**
+     * Initializes the app with common state. The init method must be called before any other methods.
+     */
+    abstract init(params: SrcInitParams, srciTransactionId: string): Promise<void>;
+    /**
+     * This method performs checkout using the specified card. If successful, the
+     * response contains summary checkout information.
+     */
+    checkout(params: SrcCheckoutParams): Promise<SrciCheckoutResponse>;
+    /**
+     * This method disassociates the Consumer application / Consumer Device from the Consumer’s SRC Profile.
+     */
+    unbindAppInstance(): Promise<void>;
+    /**
+     * Determines whether the consumer is recognized, e.g. by detecting the presence of a local cookie in
+     * the browser environment.
+     */
+    isRecognized(): Promise<SrciIsRecognizedResponse>;
+    /**
+     * Sends a validation code to the specified consumer.
+     * This method sends a one-time password (OTP) to the consumer to start validation
+     */
+    initiateIdentityValidation(): Promise<SrciInitiateIdentityValidationResponse>;
+    /**
+     * Obtains the masked card and other account profile data associated with the userId.
+     */
+    getSrcProfile(idTokens: string[]): Promise<any>;
+    /**
+     * Obtains the user account associated with the consumer’s identity (an email address or phone
+     * number).
+     */
+    abstract identityLookup(params: IdentityLookupParams): Promise<SrciIdentityLookupResponse>;
+    /**
+     * This method completes the identity validation by receiving the one-time password (OTP) sent to the
+     * consumer to start validation.
+     */
+    abstract completeIdentityValidation(otp: string): Promise<SrciCompleteIdentityValidationResponse>;
+}

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

@@ -0,0 +1,13 @@
+import { IdentityLookupParams } from '../types';
+import AbstractSrcInitiator from './AbstractSrcInitiator';
+import { SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrcInitParams } from './types';
+declare class MastercardSdk extends AbstractSrcInitiator {
+    readonly schemeName = "mc";
+    constructor(environment: string, locale: string);
+    protected isSdkIsAvailableOnWindow(): boolean;
+    protected assignSdkReference(): void;
+    init(params: SrcInitParams, srciTransactionId: string): Promise<void>;
+    identityLookup(params: IdentityLookupParams): Promise<SrciIdentityLookupResponse>;
+    completeIdentityValidation(otp: string): Promise<SrciCompleteIdentityValidationResponse>;
+}
+export default MastercardSdk;

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

@@ -0,0 +1,12 @@
+import { ISrcInitiator } from './AbstractSrcInitiator';
+export interface ISrcSdkLoader {
+    load(environment: string): Promise<ISrcInitiator[]>;
+    schemes: string[];
+}
+declare class SrcSdkLoader implements ISrcSdkLoader {
+    readonly schemes: string[];
+    private readonly locale;
+    constructor(schemes: string[], locale?: string);
+    load(environment: string): Promise<ISrcInitiator[]>;
+}
+export default SrcSdkLoader;

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

@@ -0,0 +1,16 @@
+declare type MastercardError = {
+    message: string;
+    reason: string;
+};
+declare type VisaError = {
+    error: {
+        message: string;
+        reason: string;
+    };
+};
+declare class SrciError extends Error {
+    reason: string;
+    message: string;
+    constructor(schemeError: VisaError | MastercardError);
+}
+export default SrciError;

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

@@ -0,0 +1,13 @@
+import { IdentityLookupParams } from '../types';
+import AbstractSrcInitiator from './AbstractSrcInitiator';
+import { SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrcInitParams } from './types';
+declare class VisaSdk extends AbstractSrcInitiator {
+    readonly schemeName = "visa";
+    constructor(environment: string, locale: string);
+    protected isSdkIsAvailableOnWindow(): boolean;
+    protected assignSdkReference(): void;
+    init(params: SrcInitParams, srciTransactionId: string): Promise<void>;
+    identityLookup(params: IdentityLookupParams): Promise<SrciIdentityLookupResponse>;
+    completeIdentityValidation(otp: string): Promise<SrciCompleteIdentityValidationResponse>;
+}
+export default VisaSdk;

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

@@ -0,0 +1,28 @@
+declare const VISA_SDK_TEST = "https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visaSdk.js";
+declare const VISA_SDK_PROD = "https://assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visaSdk.js";
+declare const MC_SDK_TEST = "https://sandbox.src.mastercard.com/sdk/srcsdk.mastercard.js";
+declare const MC_SDK_PROD = "https://src.mastercard.com/sdk/srcsdk.mastercard.js";
+declare const getVisaSetttings: ({ dpaLocale }: {
+    dpaLocale?: string;
+}) => {
+    dpaTransactionOptions: {
+        dpaLocale: string;
+        payloadTypeIndicator: string;
+    };
+};
+declare const getMastercardSettings: ({ dpaLocale }: {
+    dpaLocale?: string;
+}) => {
+    dpaTransactionOptions: {
+        dpaLocale: string;
+        paymentOptions: {
+            dynamicDataType: string;
+        };
+        consumerNameRequested: boolean;
+        customInputData: {
+            'com.mastercard.dcfExperience': string;
+        };
+        confirmPayment: boolean;
+    };
+};
+export { VISA_SDK_TEST, VISA_SDK_PROD, MC_SDK_TEST, MC_SDK_PROD, getVisaSetttings, getMastercardSettings };

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/Giftcard/Giftcard.d.ts

@@ -24,6 +24,7 @@ export declare class GiftcardElement extends UIElement {
     private handleBalanceCheck;
     private onOrderRequest;
     protected handleOrder: (order: Order) => any;
+    balanceCheck(): false | void;
     onBalanceCheck: () => false | void;
     payButton: (props: any) => h.JSX.Element;
     render(): h.JSX.Element;

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

@@ -0,0 +1,7 @@
+import IssuerListContainer from '../helpers/IssuerListContainer';
+declare class OnlineBankingCZElement extends IssuerListContainer {
+    static type: string;
+    formatProps(props: any): any;
+    get icon(): string;
+}
+export default OnlineBankingCZElement;

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

@@ -0,0 +1,7 @@
+import IssuerListContainer from '../helpers/IssuerListContainer';
+declare class OnlineBankingSKElement extends IssuerListContainer {
+    static type: string;
+    formatProps(props: any): any;
+    get icon(): string;
+}
+export default OnlineBankingSKElement;

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

@@ -51,6 +51,8 @@ import OnlineBankingINElement from './OnlineBankingIN';
 import RatePayDirectDebit from './RatePay/RatePayDirectDebit';
 import UPI from './UPI';
 import WalletINElement from './WalletIN';
+import OnlineBankingCZElement from './OnlineBankingCZ';
+import OnlineBankingSKElement from './OnlineBankingSK';
 /**
  * Maps each component with a Component element.
  */
@@ -99,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;
@@ -162,6 +165,8 @@ declare const componentsMap: {
     mealVoucher_FR_natixis: typeof MealVoucherFR;
     mealVoucher_FR_sodexo: typeof MealVoucherFR;
     mealVoucher_FR_groupeup: typeof MealVoucherFR;
+    onlineBanking_CZ: typeof OnlineBankingCZElement;
+    onlineBanking_SK: typeof OnlineBankingSKElement;
     default: any;
 };
 /**

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/IssuerList/types.d.ts

@@ -8,6 +8,7 @@ export interface IssuerListProps {
     highlightedIds?: string[];
     placeholder?: string;
     issuer?: string;
+    termsAndConditionsUrl?: string;
 }
 export interface IssuerItem {
     id: string;

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;