@adyen/adyen-web 5.5.0 → 5.7.0

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

@@ -1,9 +1,9 @@
 import { h } from 'preact';
 import './AchInput.scss';
-declare function AchInput(props: any): h.JSX.Element;
+import { ACHInputProps } from './types';
+declare function AchInput(props: ACHInputProps): h.JSX.Element;
 declare namespace AchInput {
     var defaultProps: {
-        details: any[];
         type: string;
         hasHolderName: boolean;
         holderNameRequired: boolean;
@@ -13,9 +13,7 @@ declare namespace AchInput {
         onConfigSuccess: () => void;
         onAllValid: () => void;
         onFieldValid: () => void;
-        onBrand: () => void;
         onError: () => void;
-        onBinValue: () => void;
         onBlur: () => void;
         onFocus: () => void;
         onChange: () => void;

package/dist/types/components/Ach/components/AchInput/defaultProps.d.ts

@@ -1,5 +1,4 @@
 declare const _default: {
-    details: any[];
     type: string;
     hasHolderName: boolean;
     holderNameRequired: boolean;
@@ -9,9 +8,7 @@ declare const _default: {
     onConfigSuccess: () => void;
     onAllValid: () => void;
     onFieldValid: () => void;
-    onBrand: () => void;
     onError: () => void;
-    onBinValue: () => void;
     onBlur: () => void;
     onFocus: () => void;
     onChange: () => void;

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

@@ -1,3 +1,5 @@
+import Language from '../../../../language/Language';
+import { StylesObject } from '../../../internal/SecuredFields/lib/types';
 export interface ACHInputStateValid {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -10,3 +12,41 @@ export interface ACHInputStateError {
     encryptedBankAccountNumber?: boolean;
     encryptedBankLocationId?: boolean;
 }
+export interface ACHInputDataState {
+    holderName?: string;
+    billingAddress?: object;
+}
+declare type Placeholders = {
+    holderName?: string;
+};
+export interface ACHInputProps {
+    allowedDOMAccess?: boolean;
+    autoFocus?: boolean;
+    billingAddressAllowedCountries?: string[];
+    billingAddressRequired?: boolean;
+    billingAddressRequiredFields?: string[];
+    clientKey: string;
+    data?: ACHInputDataState;
+    hasHolderName?: boolean;
+    holderName?: string;
+    holderNameRequired?: boolean;
+    i18n?: Language;
+    keypadFix?: boolean;
+    legacyInputMode?: boolean;
+    loadingContext: string;
+    onAllValid?: () => {};
+    onBlur?: (e: any) => {};
+    onChange?: (obj: any) => {};
+    onConfigSuccess?: () => {};
+    onError?: () => {};
+    onFieldValid?: () => {};
+    onFocus?: (e: any) => {};
+    onLoad?: () => {};
+    payButton?: (obj: any) => {};
+    placeholders?: Placeholders;
+    showPayButton?: boolean;
+    showWarnings?: boolean;
+    styles?: StylesObject;
+    type?: string;
+}
+export {};

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

@@ -5,6 +5,7 @@ declare class BancontactElement extends CardElement {
     protected static defaultProps: {
         brands: string[];
         onBinLookup: () => void;
+        SRConfig: {};
     };
     /**
      * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
@@ -14,7 +15,10 @@ declare class BancontactElement extends CardElement {
      */
     formatProps(props: CardElementProps): {
         type: string;
-        cvcPolicy: import("../internal/SecuredFields/lib/core/AbstractSecuredField").CVCPolicyType;
+        cvcPolicy: import("../internal/SecuredFields/lib/types").CVCPolicyType;
+        holderNameRequired: boolean;
+        hasCVC: boolean;
+        billingAddressRequired: any;
         countryCode: any;
         configuration: {
             socialSecurityNumberMode: import("./types").SocialSecurityMode;
@@ -24,10 +28,11 @@ declare class BancontactElement extends CardElement {
         };
         brandsConfiguration: import("./types").CardBrandsConfiguration;
         icon: string;
-        groupTypes: string[];
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: any;
+        SRConfig: {
+            collateErrors: any;
+            moveFocus: any;
+            showPanel: any;
+        };
         brand?: string;
         brands?: string[];
         enableStoreDetails?: boolean;

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

@@ -6,8 +6,13 @@ export declare class CardElement extends UIElement<CardElementProps> {
     static type: string;
     protected static defaultProps: {
         onBinLookup: () => void;
+        SRConfig: {};
     };
+    setComponentRef: (ref: any) => void;
     formatProps(props: CardElementProps): {
+        holderNameRequired: boolean;
+        hasCVC: boolean;
+        billingAddressRequired: any;
         type: string;
         countryCode: any;
         configuration: {
@@ -18,10 +23,11 @@ export declare class CardElement extends UIElement<CardElementProps> {
         };
         brandsConfiguration: import("./types").CardBrandsConfiguration;
         icon: string;
-        groupTypes: string[];
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: any;
+        SRConfig: {
+            collateErrors: any;
+            moveFocus: any;
+            showPanel: any;
+        };
         brand?: string;
         brands?: string[];
         enableStoreDetails?: boolean;

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

@@ -1,42 +1,5 @@
-import { h } from 'preact';
+import { FunctionalComponent } from 'preact';
 import './CardInput.scss';
 import { CardInputProps } from './types';
-declare function CardInput(props: CardInputProps): h.JSX.Element;
-declare namespace CardInput {
-    var defaultProps: {
-        details: any[];
-        type: string;
-        hasHolderName: boolean;
-        holderNameRequired: boolean;
-        enableStoreDetails: boolean;
-        hideCVC: boolean;
-        hasCVC: boolean;
-        hasStoreDetails: boolean;
-        storedDetails: any;
-        showBrandIcon: boolean;
-        positionHolderNameOnTop: boolean;
-        billingAddressRequired: boolean;
-        billingAddressRequiredFields: string[];
-        installmentOptions: {};
-        configuration: {
-            koreanAuthenticationRequired: boolean;
-            socialSecurityNumberMode: import("../../types").SocialSecurityMode;
-        };
-        onLoad: () => any;
-        onConfigSuccess: () => any;
-        onAllValid: () => any;
-        onFieldValid: () => any;
-        onBrand: () => any;
-        onError: () => any;
-        onBinValue: () => any;
-        onBlur: () => any;
-        onFocus: () => any;
-        onChange: () => any;
-        data: {
-            billingAddress: {};
-        };
-        styles: {};
-        placeholders: {};
-    };
-}
+declare const CardInput: FunctionalComponent<CardInputProps>;
 export default CardInput;

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

@@ -0,0 +1,47 @@
+import { h } from 'preact';
+export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor, sfpState, setFocusOn, collateErrors, errorFieldId, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, mergedSRErrors, moveFocus, showPanel, handleErrorPanelFocus, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, billingAddressRef, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, brandsConfiguration, enableStoreDetails, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon }: {
+    data: any;
+    valid: any;
+    errors: any;
+    handleChangeFor: any;
+    sfpState: any;
+    setFocusOn: any;
+    collateErrors: any;
+    errorFieldId: any;
+    cvcPolicy: any;
+    focusedElement: any;
+    hasInstallments: any;
+    handleInstallments: any;
+    showAmountsInInstallments: any;
+    mergedSRErrors: any;
+    moveFocus: any;
+    showPanel: any;
+    handleErrorPanelFocus: any;
+    formData: any;
+    formErrors: any;
+    formValid: any;
+    expiryDatePolicy: any;
+    dualBrandSelectElements: any;
+    extensions: any;
+    selectedBrandValue: any;
+    showKCP: any;
+    showBrazilianSSN: any;
+    socialSecurityNumber: any;
+    handleOnStoreDetails: any;
+    billingAddress: any;
+    handleAddress: any;
+    billingAddressRef: any;
+    amount: any;
+    billingAddressRequired: any;
+    billingAddressRequiredFields: any;
+    billingAddressAllowedCountries: any;
+    brandsConfiguration: any;
+    enableStoreDetails: any;
+    hasCVC: any;
+    hasHolderName: any;
+    holderNameRequired: any;
+    installmentOptions: any;
+    placeholders: any;
+    positionHolderNameOnTop: any;
+    showBrandIcon: any;
+}) => h.JSX.Element;

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

@@ -1,5 +1,9 @@
 import { h } from 'preact';
 import { InstallmentsProps } from '../types';
+export interface InstallmentsObj {
+    value: number;
+    plan?: 'revolving';
+}
 /**
  * Installments generic dropdown
  */

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { StoredCardFieldsProps } from './types';
-export default function StoredCardFields({ brand, hasCVC, onFocusField, errors, valid, ...props }: StoredCardFieldsProps): h.JSX.Element;
+export default function StoredCardFields({ brand, hasCVC, onFocusField, errors, valid, cvcPolicy, focusedElement, lastFour, expiryMonth, expiryYear }: StoredCardFieldsProps): h.JSX.Element;

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

@@ -0,0 +1,16 @@
+import { h } from 'preact';
+export declare const StoredCardFieldsWrapper: ({ sfpState, setFocusOn, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, amount, hasCVC, installmentOptions, lastFour, expiryMonth, expiryYear }: {
+    sfpState: any;
+    setFocusOn: any;
+    cvcPolicy: any;
+    focusedElement: any;
+    hasInstallments: any;
+    handleInstallments: any;
+    showAmountsInInstallments: any;
+    amount: any;
+    hasCVC: any;
+    installmentOptions: any;
+    lastFour: any;
+    expiryMonth: any;
+    expiryYear: any;
+}) => h.JSX.Element;

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

@@ -1,7 +1,7 @@
 import { PaymentAmount } from '../../../../../types';
 import { CardBrandsConfiguration } from '../../../types';
 import { ComponentChildren } from 'preact';
-import { CVCPolicyType, DatePolicyType } from '../../../../internal/SecuredFields/lib/core/AbstractSecuredField';
+import { CVCPolicyType, DatePolicyType } from '../../../../internal/SecuredFields/lib/types';
 export interface BrandIconProps {
     brand: string;
     brandsConfiguration: CardBrandsConfiguration;

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

@@ -1,14 +1,11 @@
 import { SocialSecurityMode } from '../../types';
 declare const _default: {
-    details: any[];
     type: string;
+    setComponentRef: () => void;
     hasHolderName: boolean;
     holderNameRequired: boolean;
     enableStoreDetails: boolean;
-    hideCVC: boolean;
     hasCVC: boolean;
-    hasStoreDetails: boolean;
-    storedDetails: any;
     showBrandIcon: boolean;
     positionHolderNameOnTop: boolean;
     billingAddressRequired: boolean;
@@ -33,5 +30,6 @@ declare const _default: {
     };
     styles: {};
     placeholders: {};
+    SRConfig: {};
 };
 export default _default;

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

@@ -0,0 +1,8 @@
+import { ErrorPanelObj } from '../../../../core/Errors/ErrorPanel';
+import { CbObjOnFocus } from '../../../internal/SecuredFields/lib/types';
+/**
+ * Return a function that can act as a callback for the ErrorPanel
+ */
+export declare const getErrorPanelHandler: (isValidating: any, sfp: any, handleFocus: (e: CbObjOnFocus) => void) => (errors: ErrorPanelObj) => void;
+export declare const getAddressHandler: (setFormData: any, setFormValid: any, setFormErrors: any) => (address: any) => void;
+export declare const getFocusHandler: (setFocusedElement: any, onFocus: any, onBlur: any) => (e: CbObjOnFocus) => void;

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

@@ -0,0 +1,9 @@
+export declare const CREDIT_CARD: string[];
+export declare const CREDIT_CARD_NAME_TOP: string[];
+export declare const CREDIT_CARD_NAME_BOTTOM: string[];
+export declare const KCP_CARD: string[];
+export declare const KCP_CARD_NAME_TOP: string[];
+export declare const KCP_CARD_NAME_BOTTOM: string[];
+export declare const SSN_CARD: string[];
+export declare const SSN_CARD_NAME_TOP: string[];
+export declare const SSN_CARD_NAME_BOTTOM: string[];

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

@@ -1,9 +1,13 @@
 import Language from '../../../../language/Language';
-import { CardBrandsConfiguration, CardConfiguration, DualBrandSelectElement, SocialSecurityMode } from '../../types';
+import { BinLookupResponse, CardBrandsConfiguration, CardConfiguration, DualBrandSelectElement } from '../../types';
 import { PaymentAmount } from '../../../../types';
 import { InstallmentOptions } from './components/types';
 import { ValidationResult } from '../../../internal/PersonalDetails/types';
-import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/lib/core/AbstractSecuredField';
+import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/lib/types';
+import { ValidationRuleResult } from '../../../../utils/Validator/Validator';
+import Specifications from '../../../internal/Address/Specifications';
+import { AddressSchema, StringObject } from '../../../internal/Address/types';
+import { CbObjOnError, StylesObject } from '../../../internal/SecuredFields/lib/types';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -31,46 +35,71 @@ export interface CardInputDataState {
     socialSecurityNumber?: string;
     taxNumber?: string;
 }
-interface Placeholders {
+declare type Placeholders = {
     holderName?: string;
-}
+};
+/**
+ * Should be the subset of the props sent to CardInput that are *actually* used by CardInput
+ * - either in the comp itself or are passed on to its children
+ */
 export interface CardInputProps {
     amount?: PaymentAmount;
+    allowedDOMAccess?: boolean;
+    autoFocus?: boolean;
     billingAddressAllowedCountries?: string[];
     billingAddressRequired?: boolean;
     billingAddressRequiredFields?: string[];
     brand?: string;
+    brands?: string[];
     brandsConfiguration?: CardBrandsConfiguration;
+    clientKey: string;
     configuration?: CardConfiguration;
     countryCode?: string;
     cvcPolicy?: CVCPolicyType;
     data?: CardInputDataState;
     enableStoreDetails?: boolean;
+    expiryMonth?: string;
+    expiryYear?: string;
     fundingSource?: string;
     hasCVC?: boolean;
     hasHolderName?: boolean;
-    holderName?: string;
     holderNameRequired?: boolean;
     i18n?: Language;
+    implementationType?: string;
+    isCollatingErrors?: boolean;
     installmentOptions?: InstallmentOptions;
-    socialSecurityNumberMode?: SocialSecurityMode;
-    loadingContext?: string;
+    keypadFix?: boolean;
+    lastFour?: string;
+    loadingContext: string;
+    legacyInputMode?: boolean;
+    minimumExpiryDate?: string;
+    onAdditionalSFConfig?: () => {};
+    onAdditionalSFRemoved?: () => {};
+    onAllValid?: () => {};
+    onAutoComplete?: () => {};
+    onBinValue?: () => {};
     onBlur?: (e: any) => {};
+    onBrand?: () => {};
+    onConfigSuccess?: () => {};
+    onChange?: (state: any) => {};
+    onError?: () => {};
+    onFieldValid?: () => {};
     onFocus?: (e: any) => {};
+    onLoad?: () => {};
     payButton?: (obj: any) => {};
     placeholders?: Placeholders;
     positionHolderNameOnTop?: boolean;
+    setComponentRef?: (ref: any) => void;
+    showBrandIcon?: boolean;
     showInstallmentAmounts?: boolean;
     showPayButton?: boolean;
+    showWarnings?: boolean;
+    specifications?: Specifications;
+    SRConfig?: ScreenreaderConfig;
     storedPaymentMethodId?: string;
-    styles?: object;
+    styles?: StylesObject;
+    trimTrailingSeparator?: boolean;
     type?: string;
-    onChange?: (state: any) => {};
-    onSubmit?: () => {};
-    onBrand?: () => {};
-    onBinValue?: () => {};
-    details?: object;
-    storedDetails?: object;
 }
 export interface CardInputState {
     dualBrandSelectElements: DualBrandSelectElement[];
@@ -88,4 +117,47 @@ export interface CardInputState {
     issuingCountryCode: string;
     showSocialSecurityNumber?: boolean;
 }
+export interface CardInputRef {
+    sfp?: any;
+    setFocusOn?: (who: any) => void;
+    showValidation?: (who: any) => void;
+    processBinLookupResponse?: (binLookupResponse: BinLookupResponse, isReset: boolean) => void;
+    setStatus?: any;
+    updateStyles?: (stylesObj: StylesObject) => void;
+    handleUnsupportedCard?: (errObj: CbObjOnError) => boolean;
+}
+interface ScreenreaderConfig {
+    collateErrors?: boolean;
+    moveFocus?: boolean;
+    showPanel?: boolean;
+}
+interface FieldError {
+    errorMessage?: string;
+    errorI18n?: string;
+}
+export interface ErrorObj {
+    holderName?: ValidationRuleResult;
+    socialSecurityNumber?: ValidationRuleResult;
+    taxNumber?: ValidationRuleResult;
+    billingAddress?: ValidationRuleResult;
+    encryptedCardNumber?: FieldError;
+    encryptedExpiryDate?: FieldError;
+    encryptedSecurityCode?: FieldError;
+    encryptedBankAccountNumber?: FieldError;
+    encryptedBankLocationId?: FieldError;
+    encryptedPassword?: FieldError;
+    encryptedPin?: FieldError;
+}
+export interface LayoutObj {
+    props: CardInputProps;
+    showKCP: boolean;
+    showBrazilianSSN: boolean;
+    countrySpecificSchemas: AddressSchema;
+}
+export interface SortErrorsObj {
+    errors: ErrorObj;
+    layout: string[];
+    i18n: Language;
+    countrySpecificLabels: StringObject;
+}
 export {};

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

@@ -1 +1,51 @@
+import { ErrorPanelObj } from '../../../../core/Errors/ErrorPanel';
+import Language from '../../../../language/Language';
+import { CardInputProps, LayoutObj, SortErrorsObj } from './types';
 export declare const getCardImageUrl: (brand: string, loadingContext: string) => string;
+export declare const getLayout: ({ props, showKCP, showBrazilianSSN, countrySpecificSchemas }: LayoutObj) => string[];
+export declare const sortErrorsForPanel: ({ errors, layout, i18n, countrySpecificLabels }: SortErrorsObj) => ErrorPanelObj;
+export declare const extractPropsForCardFields: (props: CardInputProps) => {
+    amount: import("../../../../types").PaymentAmount;
+    billingAddressRequired: boolean;
+    billingAddressRequiredFields: string[];
+    billingAddressAllowedCountries: string[];
+    brandsConfiguration: import("../../types").CardBrandsConfiguration;
+    enableStoreDetails: boolean;
+    hasCVC: boolean;
+    hasHolderName: boolean;
+    holderNameRequired: boolean;
+    installmentOptions: import("./components/types").InstallmentOptions;
+    placeholders: {
+        holderName?: string;
+    };
+    positionHolderNameOnTop: boolean;
+    showBrandIcon: boolean;
+    lastFour: string;
+    expiryMonth: string;
+    expiryYear: string;
+};
+export declare const extractPropsForSFP: (props: CardInputProps) => {
+    allowedDOMAccess: boolean;
+    autoFocus: boolean;
+    brands: string[];
+    brandsConfiguration: import("../../types").CardBrandsConfiguration;
+    clientKey: string;
+    countryCode: string;
+    i18n: Language;
+    implementationType: string;
+    keypadFix: boolean;
+    legacyInputMode: boolean;
+    loadingContext: string;
+    minimumExpiryDate: string;
+    onAdditionalSFConfig: () => {};
+    onAdditionalSFRemoved: () => {};
+    onAllValid: () => {};
+    onAutoComplete: () => {};
+    onBinValue: () => {};
+    onConfigSuccess: () => {};
+    onError: () => {};
+    onFieldValid: () => {};
+    onLoad: () => {};
+    showWarnings: boolean;
+    trimTrailingSeparator: boolean;
+};

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

@@ -1,7 +1,7 @@
 import { UIElementProps } from '../types';
 import { AddressData, BrowserInfo } from '../../types';
 import { CbObjOnBinValue, CbObjOnBrand, CbObjOnConfigSuccess, CbObjOnError, CbObjOnFieldValid, CbObjOnFocus, CbObjOnLoad, CbObjOnBinLookup } from '../internal/SecuredFields/lib/types';
-import { CVCPolicyType, DatePolicyType } from '../internal/SecuredFields/lib/core/AbstractSecuredField';
+import { CVCPolicyType, DatePolicyType } from '../internal/SecuredFields/lib/types';
 export interface CardElementProps extends UIElementProps {
     /**
      * Only set for a stored card,
@@ -17,8 +17,6 @@ export interface CardElementProps extends UIElementProps {
      * except for a single branded card when it will be the same as the brand prop
      */
     type?: string;
-    /** @deprecated use brands instead */
-    groupTypes?: string[];
     /** List of brands accepted by the component */
     brands?: string[];
     /** Show/hide the "store details" checkbox */
@@ -108,7 +106,7 @@ export interface BrandObject {
     brand: string;
     cvcPolicy: CVCPolicyType;
     enableLuhnCheck: boolean;
-    showExpiryDate: boolean;
+    showExpiryDate?: boolean;
     expiryDatePolicy?: DatePolicyType;
     showSocialSecurityNumber?: boolean;
     supported: boolean;

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

@@ -25,6 +25,10 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         showPayButton: boolean;
     };
     dropinRef: any;
+    /**
+     * Reference to the component created from `handleAction` (Ex.: ThreeDS2Challenge)
+     */
+    componentFromAction?: UIElement;
     constructor(props: any);
     formatProps(props: any): {
         instantPaymentTypes: InstantPaymentTypes[];
@@ -87,7 +91,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
      * Creates the Drop-in elements
      */
     private handleCreate;
-    handleAction(action: PaymentAction, props?: {}): any;
+    handleAction(action: PaymentAction, props?: {}): this | null;
     closeActivePaymentMethod(): void;
     render(): h.JSX.Element;
 }

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

@@ -1,11 +1,12 @@
 import { Component } from 'preact';
-import { DropinComponentProps, DropinComponentState } from '../types';
+import { DropinComponentProps, DropinComponentState, DropinStatusProps } from '../types';
 import './DropinComponent.scss';
+import { UIElementStatus } from '../../types';
 export declare class DropinComponent extends Component<DropinComponentProps, DropinComponentState> {
     state: DropinComponentState;
     componentDidMount(): void;
     prepareDropinData: () => void;
-    private setStatus;
+    setStatus: (status: UIElementStatus, props?: DropinStatusProps) => void;
     private setActivePaymentMethod;
     componentDidUpdate(prevProps: any, prevState: any): void;
     private handleOnSelectPaymentMethod;

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

@@ -1,6 +1,6 @@
 import { PaymentMethod, StoredPaymentMethod, Order, OrderStatus } from '../../types';
 import UIElement from '../UIElement';
-import { UIElementProps } from '../types';
+import { UIElementProps, UIElementStatus } from '../types';
 import { PaymentMethodsConfiguration } from '../../core/types';
 export declare type InstantPaymentTypes = 'paywithgoogle' | 'applepay';
 export interface DropinElementProps extends UIElementProps {
@@ -27,7 +27,7 @@ export interface DropinElementProps extends UIElementProps {
      *
      * @defaultValue []
      */
-    instantPaymentTypes: InstantPaymentTypes[];
+    instantPaymentTypes?: InstantPaymentTypes[];
     openFirstStoredPaymentMethod?: boolean;
     openFirstPaymentMethod?: boolean;
     onSubmit?: (data: any, component: any) => void;
@@ -53,7 +53,11 @@ export interface DropinComponentProps extends DropinElementProps {
     onOrderCancel?: (order: Order) => void;
 }
 interface DropinStatus {
-    type: 'loading' | 'ready' | 'success' | 'error';
+    type: UIElementStatus;
+    props?: DropinStatusProps;
+}
+export interface DropinStatusProps {
+    component?: UIElement;
 }
 export interface DropinComponentState {
     elements: any[];

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

@@ -1,8 +1,38 @@
 import { h } from 'preact';
 import Language from '../../../language/Language';
+import { CardBrandsConfiguration } from '../../Card/types';
+import { StylesObject } from '../../internal/SecuredFields/lib/types';
 interface SecuredFieldsProps {
-    onChange: (data: any) => void;
+    allowedDOMAccess?: boolean;
+    autoFocus?: boolean;
+    brands?: string[];
+    brandsConfiguration?: CardBrandsConfiguration;
+    clientKey?: string;
+    countryCode?: string;
     i18n: Language;
+    implementationType?: string;
+    isCollatingErrors?: boolean;
+    keypadFix?: boolean;
+    loadingContext?: string;
+    legacyInputMode?: boolean;
+    minimumExpiryDate?: string;
+    onAdditionalSFConfig?: () => {};
+    onAdditionalSFRemoved?: () => {};
+    onAllValid?: () => {};
+    onAutoComplete?: () => {};
+    onBinValue?: () => {};
+    onBrand?: () => {};
+    onConfigSuccess?: () => {};
+    onChange: (data: any) => void;
+    onError?: () => {};
+    onFieldValid?: () => {};
+    onFocus?: (e: any) => {};
+    onLoad?: () => {};
+    rootNode: HTMLElement;
+    showWarnings?: boolean;
+    styles?: StylesObject;
+    trimTrailingSeparator?: boolean;
+    type: string;
 }
 declare function SecuredFieldsInput(props: SecuredFieldsProps): h.JSX.Element;
 declare namespace SecuredFieldsInput {