@adyen/adyen-web 5.6.2 → 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

@@ -16,6 +16,9 @@ declare class BancontactElement extends CardElement {
     formatProps(props: CardElementProps): {
         type: string;
         cvcPolicy: import("../internal/SecuredFields/lib/types").CVCPolicyType;
+        holderNameRequired: boolean;
+        hasCVC: boolean;
+        billingAddressRequired: any;
         countryCode: any;
         configuration: {
             socialSecurityNumberMode: import("./types").SocialSecurityMode;
@@ -30,10 +33,6 @@ declare class BancontactElement extends CardElement {
             moveFocus: any;
             showPanel: any;
         };
-        groupTypes: string[];
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: any;
         brand?: string;
         brands?: string[];
         enableStoreDetails?: boolean;

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

@@ -8,7 +8,11 @@ export declare class CardElement extends UIElement<CardElementProps> {
         onBinLookup: () => void;
         SRConfig: {};
     };
+    setComponentRef: (ref: any) => void;
     formatProps(props: CardElementProps): {
+        holderNameRequired: boolean;
+        hasCVC: boolean;
+        billingAddressRequired: any;
         type: string;
         countryCode: any;
         configuration: {
@@ -24,10 +28,6 @@ export declare class CardElement extends UIElement<CardElementProps> {
             moveFocus: any;
             showPanel: any;
         };
-        groupTypes: string[];
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: any;
         brand?: string;
         brands?: string[];
         enableStoreDetails?: boolean;

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

@@ -1,43 +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: {};
-        SRConfig: {};
-    };
-}
+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/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;

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

@@ -1,5 +1,5 @@
 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';
@@ -7,6 +7,7 @@ import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/l
 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;
@@ -34,48 +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;
-    SRConfig?: ScreenreaderConfig;
-    specifications?: Specifications;
 }
 export interface CardInputState {
     dualBrandSelectElements: DualBrandSelectElement[];
@@ -93,6 +117,15 @@ 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;

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

@@ -1,5 +1,51 @@
 import { ErrorPanelObj } from '../../../../core/Errors/ErrorPanel';
-import { LayoutObj, SortErrorsObj } from './types';
+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

@@ -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 */

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 {

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

@@ -1,29 +1,8 @@
 import { Component } from 'preact';
 import { SFPProps } from './defaultProps';
 import { StylesObject, CbObjOnError } from '../lib/types';
-import { AddressData } from '../../../../types';
 import { BinLookupResponse } from '../../../Card/types';
-import { CVCPolicyType, DatePolicyType } from '../lib/types';
-export interface SFPState {
-    status?: string;
-    brand?: string;
-    errors?: object;
-    valid: object;
-    data: object;
-    cvcPolicy?: CVCPolicyType;
-    isSfpValid?: boolean;
-    autoCompleteName?: string;
-    billingAddress?: AddressData;
-    hasUnsupportedCard?: boolean;
-    hasKoreanFields?: boolean;
-    showSocialSecurityNumber?: boolean;
-    expiryDatePolicy?: DatePolicyType;
-    socialSecurityNumber?: string;
-}
-export interface SingleBrandResetObject {
-    brand: string;
-    cvcPolicy: CVCPolicyType;
-}
+import { SFPState, SingleBrandResetObject } from './types';
 /**
  * SecuredFieldsProvider:
  * Initialises & handles the client-side part of SecuredFields
@@ -53,7 +32,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
         keypadFix: boolean;
         rootNode: any;
         loadingContext: any;
-        groupTypes: any[];
+        brands: any[];
         allowedDOMAccess: boolean;
         showWarnings: boolean;
         autoFocus: boolean;
@@ -68,7 +47,6 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
         onBinValue: () => void;
         onFocus: () => void;
         onAutoComplete: () => void;
-        placeholders: {};
         styles: {};
     };
     componentDidMount(): void;