@adyen/adyen-web 4.9.0 → 5.2.1

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

@@ -23,17 +23,24 @@ declare class PixElement extends QRLoaderContainer<PixProps> {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
+        session?: {
+            id: string;
+            data: string;
+        };
         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;
-        setStatusAutomatically?: boolean;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
         payButton?: (options: any) => any;
         loadingContext?: string;
         createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;

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

@@ -1,17 +1,16 @@
 import { Component, h } from 'preact';
 interface RedirectShopperProps {
-    beforeRedirect: (resolve: any, reject: any, url: any) => Promise<any>;
+    beforeRedirect: (resolve: any, reject: any, url: any) => Promise<void>;
     url: string;
     method: 'GET' | 'POST';
     data?: any;
 }
 declare class RedirectShopper extends Component<RedirectShopperProps> {
+    private postForm;
     static defaultProps: {
         beforeRedirect: (resolve: any) => any;
         method: string;
-        data: {};
     };
-    private postForm;
     componentDidMount(): void;
     render({ url, method, data }: {
         url: any;

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

@@ -11,17 +11,24 @@ declare class SwishElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions: string;
+        session?: {
+            id: string;
+            data: string;
+        };
         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;
-        setStatusAutomatically?: boolean;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
         payButton?: (options: any) => any;
         loadingContext?: string;
         createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;

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

@@ -1,47 +1,48 @@
 import { h } from 'preact';
-import BaseElement, { BaseElementProps } from './BaseElement';
-import { PaymentAction, PaymentAmount } from '../types';
-export interface UIElementProps extends BaseElementProps {
-    onChange?: (state: any, element: UIElement) => void;
-    onValid?: (state: any, element: UIElement) => void;
-    onSubmit?: (state: any, element: UIElement) => void;
-    onComplete?: (state: any, element: UIElement) => void;
-    onAdditionalDetails?: (state: any, element: UIElement) => void;
-    onError?: (error: any, element?: UIElement) => void;
-    /** Automatically set status through the payment flow */
-    setStatusAutomatically?: boolean;
-    type?: string;
-    name?: string;
-    icon?: string;
-    amount?: PaymentAmount;
-    /**
-     * Show/Hide pay button
-     * @defaultValue true
-     */
-    showPayButton?: boolean;
-}
+import BaseElement from './BaseElement';
+import { Order, PaymentAction } from '../types';
+import { UIElementProps } from './types';
+import AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';
 export declare class UIElement<P extends UIElementProps = any> extends BaseElement<P> {
     protected componentRef: any;
     elementRef: any;
     constructor(props: P);
     setState(newState: object): void;
     onChange(): object;
+    onSubmit(): void;
     onValid(): {
         data: any;
     };
-    startPayment(): Promise<any>;
-    submit(): void;
     onComplete(state: any): void;
+    /**
+     * Submit payment method data. If the form is not valid, it will trigger validation.
+     */
+    submit(): void;
     showValidation(): this;
-    setStatus(status: any): this;
-    handleAction(action: PaymentAction, props?: {}): UIElement<any>;
+    setStatus(status: any, props?: any): this;
+    submitPayment(data: any): Promise<void>;
+    submitAdditionalDetails(data: any): Promise<void>;
+    protected handleError: (error: AdyenCheckoutError) => void;
+    protected handleAdditionalDetails: (state: any) => any;
+    handleAction(action: PaymentAction, props?: {}): UIElement;
+    protected handleOrder: (order: Order) => void;
+    protected handleFinalResult: (result: any) => any;
+    /**
+     * 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;
+    /**
+     * Get the current validation status of the element
+     */
     get isValid(): boolean;
     /**
      * Get the element icon URL for the current environment
      */
     get icon(): string;
     /**
-     * Get the element displayable name
+     * Get the element's displayable name
      */
     get displayName(): string;
     /**
@@ -52,6 +53,9 @@ export declare class UIElement<P extends UIElementProps = any> extends BaseEleme
      * Return the type of an element
      */
     get type(): string;
+    /**
+     * Get the payButton component for the current element
+     */
     payButton: (props: any) => h.JSX.Element;
 }
 export default UIElement;

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

@@ -11,17 +11,24 @@ declare class WeChatPayElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
+        session?: {
+            id: string;
+            data: string;
+        };
         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;
-        setStatusAutomatically?: boolean;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
         name?: string;
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
         payButton?: (options: any) => any;
         loadingContext?: string;
         createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;

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

@@ -1,29 +1,29 @@
 import { h } from 'preact';
-import UIElement, { UIElementProps } from '../UIElement';
+import UIElement from '../UIElement';
+import { UIElementProps } from '../types';
 import Language from '../../language/Language';
-interface IssuerListProps extends UIElementProps {
+import { IssuerItem } from '../internal/IssuerList/types';
+interface IssuerListContainerProps extends UIElementProps {
     showImage?: boolean;
     placeholder?: string;
     issuers?: IssuerItem[];
+    highlightedIssuers: string[];
     i18n: Language;
     loadingContext: string;
 }
-interface IssuerItem {
-    id: string;
-    name: string;
-}
 interface IssuerListData {
     paymentMethod: {
         type: string;
         issuer: string;
     };
 }
-declare class IssuerListContainer extends UIElement<IssuerListProps> {
-    constructor(props: IssuerListProps);
+declare class IssuerListContainer extends UIElement<IssuerListContainerProps> {
+    constructor(props: IssuerListContainerProps);
     protected static defaultProps: {
         showImage: boolean;
         onValid: () => void;
         issuers: any[];
+        highlightedIssuers: any[];
         loadingContext: string;
     };
     formatProps(props: any): any;

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

@@ -1,5 +1,6 @@
 import { h } from 'preact';
-import UIElement, { UIElementProps } from '../UIElement';
+import UIElement from '../UIElement';
+import { UIElementProps } from '../types';
 export interface QRLoaderContainerProps extends UIElementProps {
     /**
      * Number of miliseconds that the component will wait in between status calls

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

@@ -44,7 +44,7 @@ import BacsDD from './BacsDD';
 import Address from './Address';
 import PersonalDetails from './PersonalDetails';
 import Klarna from './Klarna';
-import Twint from "./Twint";
+import Twint from './Twint';
 /**
  * Maps each component with a Component element.
  */

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

@@ -19,7 +19,7 @@ export interface AwaitComponentProps {
     shouldRedirectOnMobile?: boolean;
     classNameModifiers?: string[];
     clientKey: string;
-    onError: (error: any, component: any) => void;
+    onError: (error: any) => void;
     onComplete: (status: any, component: any) => void;
     brandLogo: string;
     messageText: string;

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

@@ -0,0 +1,4 @@
+import { h } from 'preact';
+import './ContentSeparator.scss';
+declare function ContentSeparator(): h.JSX.Element;
+export default ContentSeparator;

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

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

package/dist/types/components/internal/IssuerList/IssuerButtonGroup/IssuerButton.d.ts

@@ -0,0 +1,11 @@
+import { h } from 'preact';
+import './IssuerButton.scss';
+interface IssuerButtonProps {
+    name: string;
+    id: string;
+    selected: boolean;
+    onClick: (event: UIEvent) => void;
+    icon?: string;
+}
+declare function IssuerButton({ name, id, icon, onClick, selected }: IssuerButtonProps): h.JSX.Element;
+export default IssuerButton;

package/dist/types/components/internal/IssuerList/IssuerButtonGroup/IssuerButtonGroup.d.ts

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+import './IssuerButtonGroup.scss';
+import { IssuerItem } from '../types';
+interface IssuerButtonGroupProps {
+    items: IssuerItem[];
+    selectedIssuerId: string;
+    onChange: (event: UIEvent) => void;
+}
+declare const IssuerButtonGroup: ({ items, selectedIssuerId, onChange }: IssuerButtonGroupProps) => h.JSX.Element;
+export default IssuerButtonGroup;

package/dist/types/components/internal/IssuerList/IssuerButtonGroup/index.d.ts

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

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

@@ -1,15 +1,10 @@
 import { h } from 'preact';
+import { IssuerListProps } from './types';
 import './IssuerList.scss';
-declare function IssuerList({ items, placeholder, issuer, ...props }: {
-    [x: string]: any;
-    items: any;
-    placeholder: any;
-    issuer: any;
-}): h.JSX.Element;
+declare function IssuerList({ items, placeholder, issuer, highlightedIds, ...props }: IssuerListProps): h.JSX.Element;
 declare namespace IssuerList {
     var defaultProps: {
         onChange: () => void;
-        placeholder: string;
     };
 }
 export default IssuerList;

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

@@ -0,0 +1,16 @@
+import { PayButtonProps } from '../PayButton/PayButton';
+import { ComponentChildren } from 'preact';
+export interface IssuerListProps {
+    items: IssuerItem[];
+    showPayButton: boolean;
+    payButton(props: Partial<PayButtonProps>): ComponentChildren;
+    onChange(payload: any): void;
+    highlightedIds?: string[];
+    placeholder?: string;
+    issuer?: string;
+}
+export interface IssuerItem {
+    id: string;
+    name: string;
+    icon?: string;
+}

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

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { PaymentAmount } from '../../../types';
-import Language from "../../../language/Language";
-interface PayButtonProps {
+import Language from '../../../language/Language';
+export interface PayButtonProps {
     /**
      * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */

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

@@ -19,12 +19,12 @@ declare class QRLoader extends Component<QRLoaderProps, QRLoaderState> {
     redirectToApp: (url: any, fallback?: () => void) => void;
     componentDidUpdate(prevProps: any, prevState: any): void;
     componentWillUnmount(): void;
-    onTick(time: any): void;
-    onTimeUp(): void;
-    onComplete(status: any): any;
-    onError(status: any): any;
-    checkStatus(): Promise<any>;
-    render({ amount, url, brandLogo, countdownTime, i18n, loadingContext, type }: QRLoaderProps, { expired, completed, loading }: {
+    private onTick;
+    private onTimeUp;
+    private onComplete;
+    private onError;
+    private checkStatus;
+    render({ amount, url, brandLogo, countdownTime, type }: QRLoaderProps, { expired, completed, loading }: {
         expired: any;
         completed: any;
         loading: any;

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

@@ -29,7 +29,6 @@ export interface QRLoaderState {
     delay: any;
     expired: boolean;
     loading: boolean;
-    onError: (error: any) => void;
     percentage: number;
     timePassed: number;
 }

package/dist/types/components/internal/SecuredFields/SecuredFieldsProvider.d.ts

@@ -3,7 +3,7 @@ import { SFPProps } from './defaultProps';
 import { StylesObject, CbObjOnError } from './lib/types';
 import { AddressData } from '../../../types';
 import { BinLookupResponse } from '../../Card/types';
-import { CVCPolicyType } from './lib/core/AbstractSecuredField';
+import { CVCPolicyType, DatePolicyType } from './lib/core/AbstractSecuredField';
 export interface SFPState {
     status?: string;
     brand?: string;
@@ -17,7 +17,7 @@ export interface SFPState {
     hasUnsupportedCard?: boolean;
     hasKoreanFields?: boolean;
     showSocialSecurityNumber?: boolean;
-    hideDateForBrand?: boolean;
+    expiryDatePolicy?: DatePolicyType;
     socialSecurityNumber?: string;
 }
 export interface SingleBrandResetObject {
@@ -31,7 +31,7 @@ export interface SingleBrandResetObject {
 declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
     private originKeyErrorTimeout;
     private originKeyTimeoutMS;
-    private numCharsInCVC;
+    private numCharsInField;
     private rootNode;
     private numDateFields;
     private csf;

package/dist/types/components/internal/SecuredFields/defaultProps.d.ts

@@ -1,4 +1,5 @@
 import { Language } from '../../../language/Language';
+import { CVCPolicyType } from './lib/core/AbstractSecuredField';
 export interface SFPProps {
     /**
      * CSF RELATED (±22)
@@ -44,7 +45,7 @@ export interface SFPProps {
     billingAddressRequiredFields: string[];
     brand: string;
     createFromAction: () => {};
-    cvcPolicy: string;
+    cvcPolicy: CVCPolicyType;
     data: object;
     details: object[];
     enableStoreDetails: boolean;

package/dist/types/components/internal/SecuredFields/lib/configuration/constants.d.ts

@@ -1,3 +1,4 @@
+import { CVCPolicyType, DatePolicyType } from '../core/AbstractSecuredField';
 export declare const ENCRYPTED_CARD_NUMBER = "encryptedCardNumber";
 export declare const ENCRYPTED_EXPIRY_DATE = "encryptedExpiryDate";
 export declare const ENCRYPTED_EXPIRY_MONTH = "encryptedExpiryMonth";
@@ -10,15 +11,19 @@ export declare const ENCRYPTED_PIN_FIELD = "encryptedPin";
 export declare const GIFT_CARD = "giftcard";
 export declare const ENCRYPTED_BANK_ACCNT_NUMBER_FIELD = "encryptedBankAccountNumber";
 export declare const ENCRYPTED_BANK_LOCATION_FIELD = "encryptedBankLocationId";
-export declare const SF_VERSION = "3.5.4";
+export declare const SF_VERSION = "3.7.2";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
 export declare const CSF_FIELDS_ARRAY: string[];
-export declare const CVC_POLICY_REQUIRED = "required";
-export declare const CVC_POLICY_OPTIONAL = "optional";
-export declare const CVC_POLICY_HIDDEN = "hidden";
-export declare const DATE_POLICY_REQUIRED = "required";
-export declare const DATE_POLICY_HIDDEN = "hidden";
+export declare const REQUIRED = "required";
+export declare const OPTIONAL = "optional";
+export declare const HIDDEN = "hidden";
+export declare const CVC_POLICY_REQUIRED: CVCPolicyType;
+export declare const CVC_POLICY_OPTIONAL: CVCPolicyType;
+export declare const CVC_POLICY_HIDDEN: CVCPolicyType;
+export declare const DATE_POLICY_REQUIRED: DatePolicyType;
+export declare const DATE_POLICY_OPTIONAL: DatePolicyType;
+export declare const DATE_POLICY_HIDDEN: DatePolicyType;
 export declare const DATA_ENCRYPTED_FIELD_ATTR = "data-cse";
 export declare const DATA_INFO = "data-info";
 export declare const DATA_UID = "data-uid";

package/dist/types/components/internal/SecuredFields/lib/core/AbstractCSF.d.ts

@@ -1,4 +1,4 @@
-import { CSFSetupObject, CSFConfigObject, CSFCallbacksConfig, CSFStateObject, SFFeedbackObj, SendBrandObject } from '../types';
+import { CSFSetupObject, CSFConfigObject, CSFCallbacksConfig, CSFStateObject, SFFeedbackObj, SendBrandObject, SendExpiryDateObject } from '../types';
 import { createSecuredFields } from './createSecuredFields';
 import { handleProcessBrand } from './utils/processBrand';
 import { handleBrandFromBinLookup } from './utils/handleBrandFromBinLookup';
@@ -29,6 +29,7 @@ declare abstract class AbstractCSF {
     protected processAutoComplete: (pFeedbackObj: SFFeedbackObj) => void;
     protected processBrand: typeof handleProcessBrand;
     protected sendBrandToCardSF: (brandObj: SendBrandObject) => void;
+    protected sendExpiryDatePolicyToSF: (dateObj: SendExpiryDateObject) => void;
     protected setFocusOnFrame: (pFieldType: string, doLog?: boolean) => void;
     protected setupSecuredField: (pItem: HTMLElement) => void;
     protected touchendListener: (e: Event) => void;

package/dist/types/components/internal/SecuredFields/lib/core/AbstractSecuredField.d.ts

@@ -4,7 +4,7 @@ export declare type RtnType_noParamVoidFn = () => void;
 export declare type RtnType_postMessageListener = (event: Event) => void;
 export declare type RtnType_callbackFn = (feedbackObj: SFFeedbackObj) => void;
 export declare type CVCPolicyType = 'required' | 'optional' | 'hidden';
-export declare type DatePolicyType = 'required' | 'hidden';
+export declare type DatePolicyType = 'required' | 'optional' | 'hidden';
 /**
  * Base interface, props common to both SFSetupObject & IframeConfigObject
  */
@@ -19,6 +19,7 @@ export interface SFInternalConfig {
     isCreditCardType: boolean;
     showWarnings: boolean;
     cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     legacyInputMode: boolean;
     minimumExpiryDate: string;
     uid: string;
@@ -28,7 +29,7 @@ export interface SFInternalConfig {
  * The object passed from createSecuredFields to a new instance of SecuredField.ts
  */
 export interface SFSetupObject extends SFInternalConfig {
-    datePolicy: DatePolicyType;
+    expiryDatePolicy: DatePolicyType;
     iframeSrc: string;
     loadingContext: string;
     holderEl: HTMLElement;
@@ -76,7 +77,7 @@ declare abstract class AbstractSecuredField {
     protected _hasError: boolean;
     protected _isValid: boolean;
     protected _cvcPolicy: CVCPolicyType;
-    protected _datePolicy: DatePolicyType;
+    protected _expiryDatePolicy: DatePolicyType;
     protected _iframeContentWindow: Window;
     protected _isEncrypted: boolean;
     protected _numKey: number;

package/dist/types/components/internal/SecuredFields/lib/core/SecuredField.d.ts

@@ -23,8 +23,8 @@ declare class SecuredField extends AbstractSecuredField {
     set isValid(value: boolean);
     get cvcPolicy(): CVCPolicyType;
     set cvcPolicy(value: CVCPolicyType);
-    get datePolicy(): DatePolicyType;
-    set datePolicy(value: DatePolicyType);
+    get expiryDatePolicy(): DatePolicyType;
+    set expiryDatePolicy(value: DatePolicyType);
     get iframeContentWindow(): Window;
     set iframeContentWindow(value: Window);
     get isEncrypted(): boolean;

package/dist/types/components/internal/SecuredFields/lib/core/utils/handleBrandFromBinLookup.d.ts

@@ -1,4 +1,5 @@
-import { SendBrandObject } from '../../types';
+import { SendBrandObject, SendExpiryDateObject } from '../../types';
 import { BinLookupResponse } from '../../../../../Card/types';
 export declare function sendBrandToCardSF(brandObj: SendBrandObject): void;
+export declare function sendExpiryDatePolicyToSF(expiryDateObj: SendExpiryDateObject): void;
 export declare function handleBrandFromBinLookup(binLookupResponse: BinLookupResponse): void;

package/dist/types/components/internal/SecuredFields/lib/core/utils/processBrand.d.ts

@@ -1,2 +1,8 @@
 import { SFFeedbackObj } from '../../types';
+/**
+ * - If generic card type AND passed brand doesn't equal stored brand - send the new brand to the cvc input
+ *    (so it can reassess what length it should be and if any value it contains is now valid)
+ *
+ * - Create object for onBrand callback aka SFPHandlers.handleOnBrand
+ */
 export declare function handleProcessBrand(pFeedbackObj: SFFeedbackObj): boolean;

package/dist/types/components/internal/SecuredFields/lib/types.d.ts

@@ -4,11 +4,13 @@ import { BrandObject } from '../../../Card/types';
 declare global {
     interface Window {
         _b$dl: boolean;
+        mockBinCount: number;
     }
 }
 export interface BrandStorageObject {
     brand: string;
-    cvcPolicy: string;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     showSocialSecurityNumber?: boolean;
 }
 /**
@@ -136,14 +138,14 @@ export interface CardObject {
     pattern: RegExp;
     securityCode?: string;
     displayName?: string;
-    cvcPolicy?: string;
+    cvcPolicy?: CVCPolicyType;
 }
 export interface CbObjOnBrand {
     type: string;
     rootNode: HTMLElement;
     brand: string;
     cvcPolicy: CVCPolicyType;
-    datePolicy?: DatePolicyType;
+    expiryDatePolicy?: DatePolicyType;
     cvcText: string;
     showSocialSecurityNumber?: boolean;
     brandImageUrl?: string;
@@ -224,7 +226,7 @@ export interface SFFeedbackObj {
     code?: string;
     cvcText?: string;
     cvcPolicy?: CVCPolicyType;
-    datePolicy?: DatePolicyType;
+    expiryDatePolicy?: DatePolicyType;
     showSocialSecurityNumber?: boolean;
     maxLength?: number;
     error?: string;
@@ -254,4 +256,7 @@ export interface SendBrandObject {
     brand: string;
     enableLuhnCheck: boolean;
 }
+export interface SendExpiryDateObject {
+    expiryDatePolicy: DatePolicyType;
+}
 export {};

package/dist/types/components/internal/SecuredFields/lib/utilities/commonUtils.d.ts

@@ -4,7 +4,10 @@
  * @returns Number
  */
 declare function generateRandomNumber(): number;
-declare function objectsDeepEqual(obj1?: {}, obj2?: {}): boolean;
+/**
+ * Recursively compare 2 objects
+ */
+declare function objectsDeepEqual(x: any, y: any): any;
 /**
  * Returns true if x is:
  * null, undefined, false, 0, NaN, empty object or array, empty string

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

@@ -0,0 +1,48 @@
+import { Order, PaymentAction, PaymentAmount } from '../types';
+import UIElement from './UIElement';
+import Core from '../core';
+import Analytics from '../core/Analytics';
+import RiskElement from '../core/RiskModule';
+export interface PaymentResponse {
+    action?: PaymentAction;
+    resultCode: string;
+    sessionData?: string;
+    order?: Order;
+}
+export interface RawPaymentResponse extends PaymentResponse {
+    [key: string]: any;
+}
+export interface BaseElementProps {
+    _parentInstance?: Core;
+    order?: Order;
+    modules?: {
+        analytics: Analytics;
+        risk: RiskElement;
+    };
+    isDropin?: boolean;
+}
+export interface UIElementProps extends BaseElementProps {
+    session?: {
+        id: string;
+        data: string;
+    };
+    onChange?: (state: any, element: UIElement) => void;
+    onValid?: (state: any, element: UIElement) => void;
+    beforeSubmit?: (state: any, element: UIElement, actions: any) => Promise<void>;
+    onSubmit?: (state: any, element: UIElement) => void;
+    onComplete?: (state: any, element: UIElement) => void;
+    onAdditionalDetails?: (state: any, element: UIElement) => void;
+    onError?: (error: any, element?: UIElement) => void;
+    onPaymentCompleted?: (result: any, element: UIElement) => void;
+    beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement) => void;
+    type?: string;
+    name?: string;
+    icon?: string;
+    amount?: PaymentAmount;
+    /**
+     * Show/Hide pay button
+     * @defaultValue true
+     */
+    showPayButton?: boolean;
+    setStatusAutomatically?: boolean;
+}

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

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