@adyen/adyen-web 5.64.0 → 5.66.0

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

@@ -1,14 +1,71 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-import { UPIElementProps, UpiMode, UpiPaymentData } from './types';
+import { TX_VARIANT, UPIElementProps, UpiMode, UpiPaymentData } from './types';
+/**
+ * For mobile:
+ * We should show upi_collect or upi_intent depending on if `apps` are returned in /paymentMethods response
+ * The upi_qr should always be on the second tab
+ *
+ * For non-mobile:
+ * We should never show the upi_intent (ignore `apps` in /paymentMethods response)
+ * The upi_qr should be on the first tab and the upi_collect should be on second tab
+ */
 declare class UPI extends UIElement<UPIElementProps> {
     static type: string;
-    private useQrCodeVariant;
-    protected static defaultProps: {
+    private selectedMode;
+    constructor(props: UPIElementProps);
+    formatProps(props: UPIElementProps): {
         defaultMode: UpiMode;
+        apps: {
+            type: TX_VARIANT;
+            id: string;
+            name: string;
+        }[];
+        url?: string;
+        paymentData?: string;
+        qrCodeData?: string;
+        brandLogo?: string;
+        environment?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        onChange?: (state: any, element: UIElement<any>) => void;
+        onValid?: (state: any, element: UIElement<any>) => void;
+        beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
+        onSubmit?: (state: any, element: UIElement<any>) => void;
+        onComplete?: (state: any, element: UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
+        onError?: (error: any, element?: UIElement<any>) => void;
+        onPaymentCompleted?: (result: any, element: UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
+        showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
+        payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => UIElement<any>;
+        clientKey?: string;
+        paymentMethodType?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../types").AnalyticsModule;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
     };
     get isValid(): boolean;
     formatData(): UpiPaymentData;
+    get paymentType(): TX_VARIANT;
     private onUpdateMode;
     private renderContent;
     render(): h.JSX.Element;

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

@@ -1,10 +1,13 @@
 import { h, RefObject } from 'preact';
 import { PayButtonFunctionProps } from '../../../types';
-import { VpaInputDataState } from '../VpaInput/VpaInput';
-import { UpiMode } from '../../types';
+import { App, UpiMode } from '../../types';
 import './UPIComponent.scss';
+type UpiData = {
+    app?: App;
+    virtualPaymentAddress?: string;
+};
 type OnChangeProps = {
-    data: VpaInputDataState;
+    data: UpiData;
     valid: any;
     errors: any;
     isValid: boolean;
@@ -12,10 +15,11 @@ type OnChangeProps = {
 interface UPIComponentProps {
     defaultMode: UpiMode;
     showPayButton: boolean;
-    ref(ref: RefObject<typeof UPIComponent>): void;
-    payButton(props: PayButtonFunctionProps): h.JSX.Element;
+    apps?: Array<App>;
+    ref?(ref: RefObject<typeof UPIComponent>): void;
+    payButton?(props: PayButtonFunctionProps): h.JSX.Element;
     onChange({ data, valid, errors, isValid }: OnChangeProps): void;
-    onUpdateMode(mode: UpiMode): void;
+    onUpdateMode?(mode: UpiMode): void;
 }
-export default function UPIComponent({ defaultMode, onChange, onUpdateMode, payButton, showPayButton }: UPIComponentProps): h.JSX.Element;
+export default function UPIComponent({ defaultMode, onChange, onUpdateMode, payButton, showPayButton, apps }: UPIComponentProps): h.JSX.Element;
 export {};

package/dist/types/components/UPI/components/UPIComponent/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const A11Y: {
+    ButtonId: {
+        VPA: string;
+        QR: string;
+        INTENT: string;
+    };
+    AreaId: {
+        VPA: string;
+        QR: string;
+        INTENT: string;
+    };
+};

package/dist/types/components/UPI/components/UPIComponent/useUpiSegmentedControlOptions.d.ts

@@ -0,0 +1,12 @@
+import { App, UpiMode } from '../../types';
+interface SegmentedControlOption {
+    label: string;
+    value: UpiMode;
+    htmlProps: {
+        id: string;
+        'aria-expanded': boolean;
+        'aria-controls': string;
+    };
+}
+declare function useUpiSegmentedControlOptions(apps: Array<App>, mode: UpiMode): Array<SegmentedControlOption>;
+export default useUpiSegmentedControlOptions;

package/dist/types/components/UPI/components/UPIIntentAppList/UPIIntentAppItem/UPIIntentAppItem.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ComponentChildren, h } from 'preact';
+import { App } from '../../../types';
+import './UPIIntentAppItem.scss';
+interface UPIIntentAppItemProps {
+    app: App;
+    imgSrc: string;
+    isSelected: boolean;
+    onSelect?: Function;
+    children?: ComponentChildren;
+}
+declare const UPIIntentAppItem: ({ app, imgSrc, isSelected, onSelect, children }: UPIIntentAppItemProps) => h.JSX.Element;
+export default UPIIntentAppItem;

package/dist/types/components/UPI/components/UPIIntentAppList/UPIIntentAppItem/index.d.ts

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

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { h } from 'preact';
+import { App } from '../../types';
+import { OnChangeProps, VpaInputHandlers } from '../VpaInput/VpaInput';
+import './UPIIntentAppList.scss';
+interface UPIIntentAppListProps {
+    apps: Array<App>;
+    selectedAppId?: string;
+    disabled?: boolean;
+    onAppSelect?: Function;
+    onVpaInputChange?({ data, valid, errors, isValid }: OnChangeProps): void;
+    onSetInputHandlers?(handlers: VpaInputHandlers): void;
+}
+declare const UPIIntentAppList: ({ apps, selectedAppId, disabled, onAppSelect, onVpaInputChange, onSetInputHandlers }: UPIIntentAppListProps) => h.JSX.Element;
+export default UPIIntentAppList;

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { h } from 'preact';
 import './VpaInput.scss';
-type OnChangeProps = {
+export type OnChangeProps = {
     data: VpaInputDataState;
     valid: any;
     errors: any;

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

@@ -1,16 +1,34 @@
 import { UIElementProps } from '../types';
 export type UpiPaymentData = {
     paymentMethod: {
-        type: 'upi_qr' | 'upi_collect';
+        type: TX_VARIANT;
         virtualPaymentAddress?: string;
+        appId?: string;
     };
 };
 export declare enum UpiMode {
     Vpa = "vpa",
-    QrCode = "qrCode"
+    QrCode = "qrCode",
+    Intent = "intent"
 }
+export declare enum TX_VARIANT {
+    UpiCollect = "upi_collect",
+    UpiQr = "upi_qr",
+    UpiIntent = "upi_intent"
+}
+export type App = {
+    id: string;
+    name: string;
+    type?: TX_VARIANT;
+};
 export interface UPIElementProps extends UIElementProps {
-    defaultMode: UpiMode;
+    defaultMode?: UpiMode;
+    apps?: Array<App>;
+    /**
+     * Redirect url for upi intent apps
+     * @internal
+     */
+    url?: string;
     paymentData?: string;
     qrCodeData?: string;
     brandLogo?: string;

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

@@ -13,7 +13,6 @@ import GooglePay from './GooglePay';
 import Entercash from './Entercash';
 import Econtext from './Econtext';
 import { FacilyPay3x, FacilyPay4x, FacilyPay6x, FacilyPay10x, FacilyPay12x } from './FacilyPay';
-import Ideal from './Ideal';
 import PayPal from './PayPal';
 import QiwiWallet from './QiwiWallet';
 import Redirect from './Redirect';
@@ -151,7 +150,6 @@ declare const componentsMap: {
     dotpay: typeof Dotpay;
     entercash: typeof Entercash;
     eps: typeof Eps;
-    ideal: typeof Ideal;
     molpay_ebanking_fpx_MY: typeof MolPayEBankingMY;
     molpay_ebanking_TH: typeof MolPayEBankingTH;
     molpay_ebanking_VN: typeof MolPayEBankingVN;
@@ -210,6 +208,7 @@ declare const componentsMap: {
     upi: typeof UPI;
     upi_qr: typeof UPI;
     upi_collect: typeof UPI;
+    upi_intent: typeof UPI;
     ancv: typeof ANCV;
     /** Await */
     /** Giftcard */

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

@@ -14,6 +14,7 @@ export interface AwaitComponentProps {
     countdownTime: number;
     throttleTime: number;
     showCountdownTimer: boolean;
+    shouldRedirectAutomatically?: boolean;
     throttleInterval: number;
     paymentData: string;
     url?: string;

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

@@ -1,7 +1,8 @@
 import { SrcCard } from '../services/sdks/types';
 import { ClickToPayScheme } from '../types';
 declare class ShopperCard {
-    dateOfCardLastUsed: string;
+    dateOfCardLastUsed?: string;
+    dateOfCardCreated: string;
     panLastFour: string;
     srcDigitalCardId: string;
     scheme: ClickToPayScheme;

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

@@ -14,6 +14,7 @@ declare class SrciError extends Error {
     message: string;
     source: string;
     scheme: ClickToPayScheme;
+    errorFromCardSchemeSdk: unknown;
     constructor(schemeError: VisaError | MastercardError, source: string, scheme: ClickToPayScheme);
     toString(): string;
 }

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

@@ -46,7 +46,8 @@ export type DigitalCardStatus = 'ACTIVE' | 'SUSPENDED' | 'EXPIRED' | 'PENDING';
 export type SrcCard = {
     srcDigitalCardId: string;
     panLastFour: string;
-    dateOfCardLastUsed: string;
+    dateOfCardCreated: string;
+    dateOfCardLastUsed?: string;
     paymentCardDescriptor: string;
     panExpirationMonth: string;
     panExpirationYear: string;

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

@@ -0,0 +1,10 @@
+import { ComponentChildren, h } from 'preact';
+import './RadioButton.scss';
+interface RadioButtonProps {
+    buttonId: string;
+    isSelected: boolean;
+    children: ComponentChildren;
+    classNames?: string[];
+}
+declare function RadioButton({ buttonId, isSelected, children, classNames }: Readonly<RadioButtonProps>): h.JSX.Element;
+export default RadioButton;

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

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

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

@@ -1,11 +1,14 @@
 import { h } from 'preact';
-declare function RedirectButton({ label, icon, payButton, onSubmit, amount, name, ...props }: {
-    [x: string]: any;
-    label?: any;
-    icon?: any;
-    payButton: any;
-    onSubmit: any;
-    amount?: any;
-    name: any;
-}): h.JSX.Element;
+import { PaymentAmount } from '../../../types';
+export interface RedirectButtonProps {
+    label?: string;
+    icon?: string;
+    payButton: Function;
+    onSubmit: Function;
+    amount?: PaymentAmount;
+    name: string;
+    showPayButton: boolean;
+    ref?: any;
+}
+declare function RedirectButton({ label, icon, payButton, onSubmit, amount, name, showPayButton, ...props }: RedirectButtonProps): h.JSX.Element;
 export default RedirectButton;

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

@@ -72,3 +72,11 @@ export declare const errorCodeMapping: {
 };
 export declare const ANALYTICS_EXPRESS_PAGES_ARRAY: string[];
 export declare const ALLOWED_ANALYTICS_DATA: string[];
+export declare enum Analytics3DS2Events {
+    FINGERPRINT_DATA_SENT = "fingerprintDataSentWeb",
+    FINGERPRINT_IFRAME_LOADED = "fingerprintIframeLoaded",
+    FINGERPRINT_COMPLETED = "fingerprintCompleted",
+    CHALLENGE_DATA_SENT = "challengeDataSentWeb",
+    CHALLENGE_IFRAME_LOADED = "challengeIframeLoaded",
+    CHALLENGE_COMPLETED = "challengeCompleted"
+}

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

@@ -74,6 +74,7 @@ export interface AnalyticsObject {
     issuer?: string;
     isExpress?: boolean;
     expressPage?: string;
+    result?: string;
 }
 export type ANALYTICS_EVENT = 'log' | 'error' | 'info';
 export type CreateAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'id'> & {

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

@@ -252,6 +252,12 @@ export declare const defaultTranslation: {
     "upi.qrCodeWaitingMessage": string;
     "upi.vpaWaitingMessage": string;
     "upi.modeSelection": string;
+    "upi.completePayment": string;
+    "upi.mode.enterUpiId": string;
+    "upi.mode.qrCode": string;
+    "upi.mode.payByAnyUpi": string;
+    "upi.collect.dropdown.label": string;
+    "upi.collect.field.label": string;
     "onlineBanking.termsAndConditions": string;
     "onlineBankingPL.termsAndConditions": string;
     "ctp.loading.poweredByCtp": string;