@adyen/adyen-web 5.28.2 → 5.29.0

package/dist/types/components/Card/components/ClickToPay/context/ClickToPayContext.d.ts

@@ -4,7 +4,7 @@ import { PaymentAmount } from '../../../../../types';
 import ShopperCard from '../models/ShopperCard';
 import { UIElementStatus } from '../../../../types';
 import AdyenCheckoutError from '../../../../../core/Errors/AdyenCheckoutError';
-export interface ClickToPayContextInterface extends Pick<IClickToPayService, 'checkout' | 'startIdentityValidation' | 'finishIdentityValidation' | 'verifyIfShopperIsEnrolled'> {
+export interface IClickToPayContext extends Pick<IClickToPayService, 'checkout' | 'startIdentityValidation' | 'finishIdentityValidation' | 'verifyIfShopperIsEnrolled'> {
     isCtpPrimaryPaymentMethod: boolean;
     setIsCtpPrimaryPaymentMethod(isPrimary: boolean): void;
     logoutShopper(): void;
@@ -18,5 +18,5 @@ export interface ClickToPayContextInterface extends Pick<IClickToPayService, 'ch
     onSetStatus(status: UIElementStatus): void;
     onError(error: AdyenCheckoutError): void;
 }
-declare const ClickToPayContext: import("preact").Context<ClickToPayContextInterface>;
+declare const ClickToPayContext: import("preact").Context<IClickToPayContext>;
 export { ClickToPayContext };

package/dist/types/components/Card/components/ClickToPay/context/useClickToPayContext.d.ts

@@ -1,3 +1,3 @@
-import { ClickToPayContextInterface } from './ClickToPayContext';
-declare function useClickToPayContext(): ClickToPayContextInterface;
+import { IClickToPayContext } from './ClickToPayContext';
+declare function useClickToPayContext(): IClickToPayContext;
 export default useClickToPayContext;

package/dist/types/components/Card/components/ClickToPay/models/ShopperCard.d.ts

@@ -8,8 +8,12 @@ declare class ShopperCard {
     artUri: string;
     srcCorrelationId: string;
     tokenId?: string;
+    isExpired: boolean;
+    private panExpirationMonth;
+    private panExpirationYear;
     private descriptorName?;
     constructor(maskedCard: SrcCard, scheme: ClickToPayScheme, srcCorrelationId: string);
     get title(): string;
+    private verifyIfCardIsExpired;
 }
 export default ShopperCard;

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

@@ -11,6 +11,7 @@ declare type VisaError = {
 declare class SrciError extends Error {
     reason: string;
     message: string;
-    constructor(schemeError: VisaError | MastercardError);
+    source: string;
+    constructor(schemeError: VisaError | MastercardError, source: string);
 }
 export default SrciError;

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

@@ -1,12 +1,15 @@
 import { CustomSdkConfiguration } from './types';
-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 VISA_SDK_TEST = "https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visa-sdk.js?v2";
+declare const VISA_SDK_PROD = "https://assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visa-sdk.js?v2";
 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, dpaPresentationName }: CustomSdkConfiguration) => {
     dpaTransactionOptions: {
         dpaLocale: string;
         payloadTypeIndicator: string;
+        customInputData: {
+            checkoutOrchestator: string;
+        };
     };
     dpaData: {
         dpaPresentationName: string;

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

@@ -37,6 +37,8 @@ export declare type SrcCard = {
     panLastFour: string;
     dateOfCardLastUsed: string;
     paymentCardDescriptor: string;
+    panExpirationMonth: string;
+    panExpirationYear: string;
     digitalCardData: {
         descriptorName: string;
         artUri: string;

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

@@ -22,12 +22,12 @@ export interface IdentityLookupParams {
     value: string;
     type?: 'email' | 'mobilePhone';
 }
-declare type MastercardCheckout = {
+export declare type MastercardCheckout = {
     srcDigitalCardId: string;
     srcCorrelationId: string;
     srcScheme: string;
 };
-declare type VisaCheckout = {
+export declare type VisaCheckout = {
     srcCheckoutPayload?: string;
     srcTokenReference?: string;
     srcCorrelationId: string;
@@ -36,5 +36,8 @@ declare type VisaCheckout = {
 export interface SrcProfileWithScheme extends SrcProfile {
     scheme: ClickToPayScheme;
 }
+export declare type CardTypes = {
+    availableCards: ShopperCard[];
+    expiredCards: ShopperCard[];
+};
 export declare type ClickToPayCheckoutPayload = VisaCheckout | MastercardCheckout;
-export {};

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

@@ -5,5 +5,8 @@ import ShopperCard from '../models/ShopperCard';
  * Creates the payload for the /payments call
  */
 declare function createCheckoutPayloadBasedOnScheme(card: ShopperCard, checkoutResponse: SrciCheckoutResponse, environment: string): ClickToPayCheckoutPayload;
+/**
+ * Creates the Shopper card list. The available cards are placed before the expired cards
+ */
 declare function createShopperCardsList(srcProfiles: SrcProfileWithScheme[]): ShopperCard[];
 export { createShopperCardsList, createCheckoutPayloadBasedOnScheme };

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

@@ -2,6 +2,7 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import { PaymentAction } from '../../types';
 import { DropinElementProps, InstantPaymentTypes } from './types';
+import { PaymentResponse } from '../types';
 declare class DropinElement extends UIElement<DropinElementProps> {
     static type: string;
     protected static defaultProps: {
@@ -90,6 +91,11 @@ declare class DropinElement extends UIElement<DropinElementProps> {
      */
     private handleCreate;
     handleAction(action: PaymentAction, props?: {}): UIElement | null;
+    /**
+     * handleOrder is implemented so we don't trigger a callback like in the components
+     * @param response - PaymentResponse
+     */
+    protected handleOrder: ({ order }: PaymentResponse) => void;
     closeActivePaymentMethod(): void;
     render(): h.JSX.Element;
 }

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

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-import { Order } from '../../types';
+import { PaymentResponse } from '../types';
 export declare class GiftcardElement extends UIElement {
     static type: string;
     protected static defaultProps: {
@@ -23,7 +23,7 @@ export declare class GiftcardElement extends UIElement {
     get displayName(): any;
     private handleBalanceCheck;
     private onOrderRequest;
-    protected handleOrder: (order: Order) => any;
+    protected handleOrder: ({ order }: PaymentResponse) => any;
     balanceCheck(): false | void;
     onBalanceCheck: () => false | void;
     payButton: (props: any) => h.JSX.Element;

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

@@ -0,0 +1,46 @@
+import QRLoaderContainer from '../helpers/QRLoaderContainer';
+declare class PayNowElement extends QRLoaderContainer {
+    static type: string;
+    formatProps(props: any): {
+        delay: number;
+        countdownTime: number;
+        type?: string;
+        brandLogo?: string;
+        buttonLabel?: string;
+        shouldRedirectOnMobile?: boolean;
+        qrCodeImage?: string;
+        paymentData?: string;
+        instructions?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
+        onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        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;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            analytics: import("../../core/Analytics/Analytics").default;
+            risk: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
+}
+export default PayNowElement;

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

@@ -0,0 +1,7 @@
+export declare const countdownTime = 15;
+export declare const delay = 2000;
+declare const _default: {
+    delay: number;
+    countdownTime: number;
+};
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from './PayNow';

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

@@ -0,0 +1,46 @@
+import QRLoaderContainer from '../helpers/QRLoaderContainer';
+declare class PromptPayElement extends QRLoaderContainer {
+    static type: string;
+    formatProps(props: any): {
+        delay: number;
+        countdownTime: number;
+        type?: string;
+        brandLogo?: string;
+        buttonLabel?: string;
+        shouldRedirectOnMobile?: boolean;
+        qrCodeImage?: string;
+        paymentData?: string;
+        instructions?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
+        onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        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;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            analytics: import("../../core/Analytics/Analytics").default;
+            risk: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
+}
+export default PromptPayElement;

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

@@ -0,0 +1,7 @@
+export declare const countdownTime = 1.5;
+export declare const delay = 2000;
+declare const _default: {
+    delay: number;
+    countdownTime: number;
+};
+export default _default;

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

@@ -0,0 +1 @@
+export { default } from './PromptPay';

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

@@ -14,6 +14,7 @@ export interface ThreeDS2ChallengeProps {
     loadingContext?: string;
     useOriginalFlow?: boolean;
     i18n?: Language;
+    threeDS2MDFlowUnloadListener?: any;
 }
 declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeProps> {
     static type: string;

package/dist/types/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.d.ts

@@ -8,6 +8,7 @@ declare class PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props,
         onError: () => void;
     };
     constructor(props: any);
+    remove3DS2MDFlowUnloadListener(): void;
     setStatusComplete(resultObj: any): void;
     setStatusError(errorObj: any): void;
     render(props: any, { challengeData }: {

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

@@ -4,6 +4,7 @@ import { ThreeDS2ChallengeProps } from '../../ThreeDS2Challenge';
 export interface DoChallenge3DS2Props extends ChallengeData {
     onCompleteChallenge: (resolveObject: ThreeDS2FlowObject) => void;
     onErrorChallenge: (rejectObject: ThreeDS2FlowObject) => void;
+    threeDS2MDFlowUnloadListener?: (event: any) => any;
 }
 export interface DoChallenge3DS2State {
     base64URLencodedData?: string;

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

@@ -1,12 +1,15 @@
 import { h } from 'preact';
 import BaseElement from './BaseElement';
-import { Order, PaymentAction } from '../types';
-import { IUIElement, PayButtonFunctionProps, UIElementProps } from './types';
+import { PaymentAction } from '../types';
+import { PaymentResponse } from './types';
+import { IUIElement, PayButtonFunctionProps, RawPaymentResponse, UIElementProps } from './types';
 import AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';
 import { UIElementStatus } from './types';
+import { CoreOptions } from '../core/types';
+import Core from '../core';
 export declare class UIElement<P extends UIElementProps = any> extends BaseElement<P> implements IUIElement {
     protected componentRef: any;
-    elementRef: any;
+    elementRef: UIElement;
     constructor(props: P);
     setState(newState: object): void;
     protected onChange(): object;
@@ -25,14 +28,20 @@ export declare class UIElement<P extends UIElementProps = any> extends BaseEleme
     protected handleError: (error: AdyenCheckoutError) => void;
     protected handleAdditionalDetails: (state: any) => any;
     handleAction(action: PaymentAction, props?: {}): UIElement | null;
-    protected handleOrder: (order: Order) => void;
-    protected handleFinalResult: (result: any) => any;
+    protected handleOrder: (response: PaymentResponse) => void;
+    protected handleFinalResult: (result: PaymentResponse) => PaymentResponse;
     /**
      * Handles a session /payments or /payments/details response.
      * The component will handle automatically actions, orders, and final results.
      * @param rawResponse -
      */
-    protected handleResponse(rawResponse: any): void;
+    protected handleResponse(rawResponse: RawPaymentResponse): void;
+    /**
+     * Call update on parent instance
+     * This function exist to make safe access to the protect _parentInstance
+     * @param options - CoreOptions
+     */
+    updateParent(options?: CoreOptions): Promise<Core>;
     /**
      * Get the current validation status of the element
      */

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

@@ -19,6 +19,7 @@ import SecuredFields from './SecuredFields';
 import Sepa from './Sepa';
 import { ThreeDS2DeviceFingerprint, ThreeDS2Challenge } from './ThreeDS2';
 import WeChat from './WeChat';
+import PayNow from './PayNow';
 import BcmcMobile from './BcmcMobile';
 import { MolPayEBankingMY, MolPayEBankingTH, MolPayEBankingVN } from './MolPayEBanking';
 import Dragonpay from './Dragonpay';
@@ -54,6 +55,7 @@ import WalletINElement from './WalletIN';
 import OnlineBankingCZElement from './OnlineBankingCZ';
 import OnlineBankingSKElement from './OnlineBankingSK';
 import PayByBank from './PayByBank';
+import PromptPay from "./PromptPay";
 /**
  * Maps each component with a Component element.
  */
@@ -183,6 +185,8 @@ declare const componentsMap: {
     swish: typeof Swish;
     wechatpay: typeof WeChat;
     wechatpayQR: typeof WeChat;
+    promptpay: typeof PromptPay;
+    paynow: typeof PayNow;
     /** QRLoader */
     /** Await */
     blik: typeof Blik;

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, isIconOnLeftSide }: SelectProps): h.JSX.Element;
+declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, uniqueId, isCollatingErrors }: 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, isIconOnLeftSide, ...props }: SelectItemProps) => h.JSX.Element;
+declare const SelectListItem: ({ item, selected, ...props }: SelectItemProps) => h.JSX.Element;
 export default SelectListItem;

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

@@ -3,6 +3,7 @@ export interface SelectItem {
     icon?: string;
     id: string;
     name: string;
+    secondaryText?: string;
     selectedOptionName?: string;
 }
 export interface SelectProps {
@@ -19,7 +20,6 @@ export interface SelectProps {
     selected: string;
     uniqueId?: string;
     isCollatingErrors: boolean;
-    isIconOnLeftSide?: boolean;
 }
 export interface SelectButtonProps {
     active: SelectItem;
@@ -37,7 +37,6 @@ export interface SelectButtonProps {
     toggleList: (e: Event) => void;
     id?: string;
     ariaDescribedBy: string;
-    isIconOnLeftSide: boolean;
 }
 export interface SelectListProps {
     active: SelectItem;
@@ -48,12 +47,10 @@ 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/core/types.d.ts

@@ -1,5 +1,5 @@
 import { CustomTranslations, Locales } from '../language/types';
-import { PaymentMethods, PaymentMethodOptions, PaymentActionsType, PaymentAmountExtended } from '../types';
+import { PaymentMethods, PaymentMethodOptions, PaymentActionsType, PaymentAmountExtended, Order } from '../types';
 import { AnalyticsOptions } from './Analytics/types';
 import { PaymentMethodsResponseObject } from './ProcessResponse/PaymentMethodsResponse/types';
 import { RiskModuleOptions } from './RiskModule/RiskModule';
@@ -55,6 +55,7 @@ export interface CoreOptions {
     removePaymentMethods?: string[];
     analytics?: AnalyticsOptions;
     risk?: RiskModuleOptions;
+    order?: Order;
     [key: string]: any;
 }
 export declare type PaymentMethodsConfiguration = {

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

@@ -257,6 +257,7 @@ export declare const defaultTranslation: {
     "ctp.cards.title": string;
     "ctp.cards.subtitle": string;
     "ctp.cards.cardSelector": string;
+    "ctp.cards.expiredCard": string;
     "ctp.manualCardEntry": string;
     "ctp.errors.AUTH_INVALID": string;
     "ctp.errors.NOT_FOUND": string;