@adyen/adyen-web 5.6.2 → 5.9.0

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

@@ -1,5 +1,33 @@
 import { ErrorPanelObj } from '../../../../core/Errors/ErrorPanel';
-import { LayoutObj, SortErrorsObj } from './types';
+import { CardInputProps, LayoutObj, SortErrorsObj } from './types';
+import { InstallmentsObj } from './components/Installments/Installments';
+import { SFPProps } from '../../../internal/SecuredFields/SFP/types';
 export declare const getCardImageUrl: (brand: string, loadingContext: string) => string;
-export declare const getLayout: ({ props, showKCP, showBrazilianSSN, countrySpecificSchemas }: LayoutObj) => string[];
+/**
+ * Verifies that installment object is valid to send to the Backend.
+ * Valid means that it has 'revolving' plan set, or the number of installments is bigger than one
+ */
+export declare const hasValidInstallmentsObject: (installments?: InstallmentsObj) => boolean;
+export declare const getLayout: ({ props, showKCP, showBrazilianSSN, countrySpecificSchemas, billingAddressRequiredFields }: 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) => SFPProps;

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

@@ -1,4 +1,4 @@
-import { ValidatorRules } from '../../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../../utils/Validator/types';
 import { formatCPFCNPJ } from '../../../internal/SocialSecurityNumberBrazil/utils';
 export declare const cardInputFormatters: {
     socialSecurityNumber: typeof formatCPFCNPJ;

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 */
@@ -113,6 +111,7 @@ export interface BrandObject {
     showSocialSecurityNumber?: boolean;
     supported: boolean;
     brandImageUrl?: string;
+    panLength?: number;
 }
 export interface BinLookupResponseRaw {
     requestId: string;

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

@@ -91,7 +91,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
      * Creates the Drop-in elements
      */
     private handleCreate;
-    handleAction(action: PaymentAction, props?: {}): this | null;
+    handleAction(action: PaymentAction, props?: {}): UIElement | null;
     closeActivePaymentMethod(): void;
     render(): h.JSX.Element;
 }

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

@@ -1,2 +1,2 @@
-import { ValidatorRules } from '../../utils/Validator/Validator';
+import { ValidatorRules } from '../../utils/Validator/types';
 export declare const econtextValidationRules: ValidatorRules;

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

@@ -1,5 +1,6 @@
-import { Component, h } from 'preact';
+import { Component, FunctionComponent, h } from 'preact';
 import { PaymentAmount } from '../../../types';
+import { GiftcardFieldsProps } from "./types";
 interface GiftcardComponentProps {
     onChange: (state: any) => void;
     onFocus: (event: any) => void;
@@ -9,6 +10,9 @@ interface GiftcardComponentProps {
     amount: PaymentAmount;
     showPayButton?: boolean;
     payButton: (config: any) => any;
+    pinRequired: boolean;
+    expiryDateRequired?: boolean;
+    fieldsLayoutComponent: FunctionComponent<GiftcardFieldsProps>;
 }
 declare class Giftcard extends Component<GiftcardComponentProps> {
     state: {
@@ -21,9 +25,11 @@ declare class Giftcard extends Component<GiftcardComponentProps> {
     };
     static defaultProps: {
         pinRequired: boolean;
+        expiryDateRequired: boolean;
         onChange: () => void;
         onFocus: () => void;
         onBlur: () => void;
+        fieldsLayoutComponent: (props: GiftcardFieldsProps) => h.JSX.Element;
     };
     sfp: any;
     onChange: (sfpState: any) => void;

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

@@ -0,0 +1,3 @@
+import { h } from 'preact';
+import { GiftcardFieldsProps } from "./types";
+export declare const GiftCardFields: (props: GiftcardFieldsProps) => h.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { h } from 'preact';
+import { GiftcardFieldProps } from './types';
+export declare const GiftcardNumberField: ({ i18n, classNameModifiers, sfpState, getCardErrorMessage, focusedElement, setFocusOn }: GiftcardFieldProps) => h.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { h } from 'preact';
+import { GiftcardFieldProps } from './types';
+export declare const GiftcardPinField: ({ i18n, classNameModifiers, sfpState, focusedElement, setFocusOn }: GiftcardFieldProps) => h.JSX.Element;

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

@@ -0,0 +1,19 @@
+import Language from '../../../language/Language';
+import { SFPState } from '../../internal/SecuredFields/SFP/types';
+export declare type GiftcardFieldsProps = {
+    setRootNode: (input: HTMLElement) => void;
+    i18n: Language;
+    pinRequired: boolean;
+    sfpState: SFPState;
+    getCardErrorMessage: any;
+    focusedElement: any;
+    setFocusOn: any;
+};
+export declare type GiftcardFieldProps = {
+    i18n: Language;
+    classNameModifiers?: Array<string>;
+    sfpState: any;
+    getCardErrorMessage: any;
+    focusedElement: any;
+    setFocusOn: any;
+};

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

@@ -0,0 +1,20 @@
+import GiftcardElement from '../Giftcard/Giftcard';
+export declare class MealVoucherFRElement extends GiftcardElement {
+    static type: string;
+    constructor(props: any);
+    formatProps(props: any): any;
+    /**
+     * Formats the component data output
+     */
+    formatData(): {
+        paymentMethod: {
+            type: any;
+            brand: any;
+            encryptedCardNumber: any;
+            encryptedSecurityCode: any;
+            encryptedExpiryMonth: any;
+            encryptedExpiryYear: any;
+        };
+    };
+}
+export default MealVoucherFRElement;

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

@@ -0,0 +1,3 @@
+import { h } from 'preact';
+import { GiftcardFieldProps } from '../../Giftcard/components/types';
+export declare const MealVoucherExpiryField: ({ i18n, sfpState, focusedElement, setFocusOn }: GiftcardFieldProps) => h.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { h } from 'preact';
+import { GiftcardFieldsProps } from "../../Giftcard/components/types";
+export declare const MealVoucherFields: (props: GiftcardFieldsProps) => h.JSX.Element;

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

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

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

@@ -1,2 +1,2 @@
-import { ValidatorRules } from '../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../utils/Validator/types';
 export declare const pixValidationRules: ValidatorRules;

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

@@ -23,7 +23,7 @@ export declare class UIElement<P extends UIElementProps = any> extends BaseEleme
     private submitAdditionalDetails;
     protected handleError: (error: AdyenCheckoutError) => void;
     protected handleAdditionalDetails: (state: any) => any;
-    handleAction(action: PaymentAction, props?: {}): UIElement;
+    handleAction(action: PaymentAction, props?: {}): UIElement | null;
     protected handleOrder: (order: Order) => void;
     protected handleFinalResult: (result: any) => any;
     /**

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

@@ -45,6 +45,7 @@ import Address from './Address';
 import PersonalDetails from './PersonalDetails';
 import Klarna from './Klarna';
 import Twint from './Twint';
+import MealVoucherFR from './MealVoucherFR';
 /**
  * Maps each component with a Component element.
  */
@@ -146,6 +147,9 @@ declare const componentsMap: {
     swish: typeof Swish;
     affirm: typeof Affirm;
     twint: typeof Twint;
+    mealVoucher_FR_natixis: typeof MealVoucherFR;
+    mealVoucher_FR_sodexo: typeof MealVoucherFR;
+    mealVoucher_FR_groupeup: typeof MealVoucherFR;
     default: any;
 };
 /**

package/dist/types/components/internal/Address/components/FieldContainer.d.ts

@@ -1,4 +1,10 @@
 import { h } from 'preact';
 import { FieldContainerProps } from '../types';
+/**
+ * USAGE: Specifically defined as a util to provide a wrapper for fields created within the Address component
+ *
+ * NOT TO BE USED: if you just want to add a Country or State dropdown outside of an Address component
+ * - then you should implement <CountryField> or <StateField> directly
+ */
 declare function FieldContainer(props: FieldContainerProps): h.JSX.Element;
 export default FieldContainer;

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

@@ -1,6 +1,7 @@
 import { AddressField, AddressData } from '../../../types';
 import Specifications from './Specifications';
-import { ValidatorRules } from '../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../utils/Validator/types';
+import { ValidationRuleResult } from '../../../utils/Validator/Validator';
 export declare type StringObject = {
     [key: string]: string;
 };
@@ -17,12 +18,12 @@ export interface AddressProps {
     visibility?: string;
 }
 export interface AddressStateError {
-    street?: boolean;
-    houseNumberOrName?: boolean;
-    postalCode?: boolean;
-    city?: boolean;
-    country?: boolean;
-    stateOrProvince?: boolean;
+    street?: ValidationRuleResult;
+    houseNumberOrName?: ValidationRuleResult;
+    postalCode?: ValidationRuleResult;
+    city?: ValidationRuleResult;
+    country?: ValidationRuleResult;
+    stateOrProvince?: ValidationRuleResult;
 }
 export interface FieldContainerProps {
     allowedCountries: string[];
@@ -33,10 +34,12 @@ export interface FieldContainerProps {
     key: string;
     valid?: object;
     onInput?: (e: Event) => void;
-    onChange?: (e: Event) => void;
+    onBlur?: (e: Event) => void;
     onDropdownChange: (e: Event) => void;
     readOnly?: boolean;
     specifications: Specifications;
+    maxlength?: number;
+    trimOnBlur?: boolean;
 }
 export interface ReadOnlyAddressProps {
     data: AddressData;

package/dist/types/components/internal/Address/validate.d.ts

@@ -1,2 +1,2 @@
-import { ValidatorRules } from '../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../utils/Validator/types';
 export declare const getAddressValidationRules: (specifications: any) => ValidatorRules;

package/dist/types/components/internal/Address/validate.formats.d.ts

@@ -0,0 +1,3 @@
+import { CountryFormatRules, FormatRules } from '../../../utils/Validator/types';
+export declare const addressFormatters: FormatRules;
+export declare const countrySpecificFormatters: CountryFormatRules;

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

@@ -1,5 +1,5 @@
 import { FieldsetVisibility } from '../../../types';
-import { ValidatorRules } from '../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../utils/Validator/types';
 export interface CompanyDetailsSchema {
     name?: string;
     registrationNumber?: string;

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

@@ -8,7 +8,7 @@ declare namespace PersonalDetails {
         onChange: () => void;
         placeholders: {};
         requiredFields: string[];
-        validationRules: import("../../../utils/Validator/Validator").ValidatorRules;
+        validationRules: import("../../../utils/Validator/types").ValidatorRules;
         visibility: string;
     };
 }

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

@@ -1,5 +1,5 @@
 import { FieldsetVisibility, PersonalDetailsSchema } from '../../../types';
-import { ValidatorRules } from '../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../utils/Validator/types';
 declare type PersonalDetailsPlaceholders = Omit<PersonalDetailsSchema, 'gender'>;
 export interface PersonalDetailsProps {
     label?: string;

package/dist/types/components/internal/PersonalDetails/validate.d.ts

@@ -1,2 +1,2 @@
-import { ValidatorRules } from '../../../utils/Validator/Validator';
+import { ValidatorRules } from '../../../utils/Validator/types';
 export declare const personalDetailsValidationRules: ValidatorRules;

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

@@ -1,29 +1,7 @@
 import { Component } from 'preact';
-import { SFPProps } from './defaultProps';
+import { SFPProps, SFPState, SingleBrandResetObject } from './types';
 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;
-}
 /**
  * SecuredFieldsProvider:
  * Initialises & handles the client-side part of SecuredFields
@@ -53,7 +31,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 +46,6 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
         onBinValue: () => void;
         onFocus: () => void;
         onAutoComplete: () => void;
-        placeholders: {};
         styles: {};
     };
     componentDidMount(): void;
@@ -80,6 +57,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
     handleUnsupportedCard(errObj: CbObjOnError): boolean;
     setFocusOn(frame: string): void;
     updateStyles(stylesObj: StylesObject): void;
+    sfIsOptionalOrHidden(fieldType: string): boolean;
     destroy(): void;
     showValidation(): void;
     /**

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

@@ -17,7 +17,7 @@ declare function handleOnAllValid(status: CbObjOnAllValid): boolean;
  * Saves a field value from CSF in the CardInput state
  * Emits the onFieldValid event
  */
-declare function handleOnFieldValid(field: CbObjOnFieldValid): boolean;
+declare function handleOnFieldValid(fieldObj: CbObjOnFieldValid): boolean;
 /**
  * Saves the card brand in state
  * Emits the onBrand event

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

@@ -1,89 +1,9 @@
-import { Language } from '../../../../language/Language';
-import { CVCPolicyType } from '../lib/types';
-export interface SFPProps {
-    /**
-     * CSF RELATED (±22)
-     */
-    allowedDOMAccess?: boolean;
-    autoFocus?: boolean;
-    brands?: string[];
-    groupTypes?: string[];
-    keypadFix?: boolean;
-    loadingContext: string;
-    onAllValid?: any;
-    onAutoComplete?: any;
-    onBinValue?: any;
-    onBrand?: any;
-    onConfigSuccess?: any;
-    onError?: any;
-    onFieldValid?: any;
-    onFocus?: any;
-    onLoad?: any;
-    clientKey?: string;
-    placeholders?: object;
-    rootNode?: HTMLElement;
-    showWarnings?: boolean;
-    styles?: object;
-    trimTrailingSeparator?: boolean;
-    type: string;
-    /**
-     * SFP RELATED (6)
-     */
-    i18n: Language;
-    koreanAuthenticationRequired: boolean;
-    hasKoreanFields: boolean;
-    onChange: any;
-    render: any;
-    legacyInputMode: boolean;
-    minimumExpiryDate: string;
-    /**
-     * RELATED TO COMPS HIGHER UP THE RENDER CHAIN - Card, CardInput etc (±39)
-     */
-    amount: object;
-    billingAddressAllowedCountries: string[];
-    billingAddressRequired: boolean;
-    billingAddressRequiredFields: string[];
-    brand: string;
-    createFromAction: () => {};
-    cvcPolicy: CVCPolicyType;
-    data: object;
-    details: object[];
-    enableStoreDetails: boolean;
-    environment: string;
-    expiryMonth: string;
-    expiryYear: string;
-    hasCVC: boolean;
-    hasHolderName: boolean;
-    hideCVC: boolean;
-    holderName: string;
-    holderNameRequired: boolean;
-    hasStoreDetails: boolean;
-    id: string;
-    installmentOptions: object;
-    lastFour: string;
-    locale: string;
-    modules: object;
-    name: string;
-    onAdditionalDetails: () => {};
-    onBlur: () => {};
-    onSubmit: () => {};
-    payButton: () => {};
-    paymentMethods: object[];
-    paymentMethodsResponse: object;
-    risk: object;
-    showBrandIcon: boolean;
-    showPayButton: boolean;
-    storedDetails: boolean;
-    storedPaymentMethodId: string;
-    storedPaymentMethods: object[];
-    supportedShopperInteractions: string[];
-}
 declare const _default: {
     type: string;
     keypadFix: boolean;
     rootNode: any;
     loadingContext: any;
-    groupTypes: any[];
+    brands: any[];
     allowedDOMAccess: boolean;
     showWarnings: boolean;
     autoFocus: boolean;
@@ -98,7 +18,6 @@ declare const _default: {
     onBinValue: () => void;
     onFocus: () => void;
     onAutoComplete: () => void;
-    placeholders: {};
     styles: {};
 };
 export default _default;

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

@@ -0,0 +1,76 @@
+import { CVCPolicyType, DatePolicyType, StylesObject } from '../lib/types';
+import { AddressData } from '../../../../types';
+import { CardBrandsConfiguration } from '../../../Card/types';
+import { Language } from '../../../../language/Language';
+/**
+ * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, AchInput, GiftcardComponent)
+ */
+export interface SFPProps {
+    allowedDOMAccess?: boolean;
+    autoFocus?: boolean;
+    brands?: string[];
+    brandsConfiguration?: CardBrandsConfiguration;
+    clientKey: string;
+    countryCode?: string;
+    hasKoreanFields?: boolean;
+    i18n: Language;
+    implementationType?: string;
+    isCollatingErrors?: boolean;
+    keypadFix?: boolean;
+    koreanAuthenticationRequired?: boolean;
+    legacyInputMode?: boolean;
+    loadingContext: string;
+    minimumExpiryDate?: string;
+    onAdditionalSFConfig?: () => {};
+    onAdditionalSFRemoved?: () => {};
+    onAllValid?: () => {};
+    onAutoComplete?: () => {};
+    onBinValue?: () => {};
+    onBrand?: () => {};
+    onChange: () => {};
+    onConfigSuccess?: () => {};
+    onError?: () => {};
+    onFieldValid?: () => {};
+    onFocus?: () => {};
+    onLoad?: () => {};
+    rootNode: HTMLElement;
+    showWarnings?: boolean;
+    styles?: StylesObject;
+    trimTrailingSeparator?: boolean;
+    type: string;
+    render: () => {};
+}
+export interface SFPState {
+    status?: string;
+    brand?: string;
+    errors?: object;
+    valid: SFPValid;
+    data: object;
+    cvcPolicy?: CVCPolicyType;
+    isSfpValid?: boolean;
+    autoCompleteName?: string;
+    billingAddress?: AddressData;
+    detectedUnsupportedBrands?: string[];
+    hasKoreanFields?: boolean;
+    showSocialSecurityNumber?: boolean;
+    expiryDatePolicy?: DatePolicyType;
+    socialSecurityNumber?: string;
+}
+export interface SingleBrandResetObject {
+    brand: string;
+    cvcPolicy: CVCPolicyType;
+}
+export interface SFPValid {
+    encryptedCardNumber?: boolean;
+    encryptedExpiryMonth?: boolean;
+    encryptedExpiryYear?: boolean;
+    encryptedSecurityCode?: boolean;
+    encryptedPassword?: boolean;
+    encryptedPin?: boolean;
+    encryptedBankAccountNumber?: boolean;
+    encryptedBankLocationId?: boolean;
+}
+export interface OnChangeEventDetails {
+    event: string;
+    fieldType?: string;
+}

package/dist/types/components/internal/SecuredFields/binLookup/extensions.d.ts

@@ -1,4 +1,6 @@
-export default function extensions(props: any, refs: any, states: any): {
+export default function extensions(props: any, refs: any, states: any, hasPanLengthRef?: Partial<{
+    current: any;
+}>): {
     /**
      * Handle the binLookup response object generated in triggerBinLookup and process it in relation to the CardInput and it's sub-components.
      * e.g. we might need to add/remove additional markup (a selector for brands), and inform SFP of the issuingCountryCode & detected brand(s).

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

@@ -14,6 +14,7 @@ export interface CSFReturnObject {
     removeSecuredField: any;
     setKCPStatus: any;
     sendValueToFrame?: any;
+    sfIsOptionalOrHidden: (f: string) => boolean;
 }
 /**
  * Base interface for SetupObject & ConfigObject
@@ -30,7 +31,7 @@ interface CSFCommonProps {
     iframeUIConfig?: object;
     legacyInputMode?: boolean;
     minimumExpiryDate?: string;
-    implementationType?: string;
+    implementationType?: 'components' | 'custom';
     isCollatingErrors?: boolean;
 }
 /**

package/dist/types/components/internal/SecuredFields/lib/CSF/utils/tabbing/utils.d.ts

@@ -1 +1 @@
-export declare const getPreviousTabbableNonSFElement: (passedFieldType: any, rootNode: any) => any;
+export declare const getPreviousTabbableNonSFElement: (passedFieldType: any, rootNode: any, getPrevious?: any) => any;

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

@@ -4,17 +4,18 @@ export declare const ENCRYPTED_EXPIRY_DATE = "encryptedExpiryDate";
 export declare const ENCRYPTED_EXPIRY_MONTH = "encryptedExpiryMonth";
 export declare const ENCRYPTED_EXPIRY_YEAR = "encryptedExpiryYear";
 export declare const ENCRYPTED_SECURITY_CODE = "encryptedSecurityCode";
-export declare const ENCRYPTED_SECURITY_CODE_3_DIGITS = "encryptedSecurityCode3digits";
-export declare const ENCRYPTED_SECURITY_CODE_4_DIGITS = "encryptedSecurityCode4digits";
 export declare const ENCRYPTED_PWD_FIELD = "encryptedPassword";
 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.8.0";
+export declare const ENCRYPTED_SECURITY_CODE_3_DIGITS = "encryptedSecurityCode3digits";
+export declare const ENCRYPTED_SECURITY_CODE_4_DIGITS = "encryptedSecurityCode4digits";
+export declare const GIFT_CARD = "giftcard";
+export declare const SF_VERSION = "3.9.0";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
-export declare const SF_FIELDS_ARRAY: string[];
+export declare const CREDIT_CARD_SF_FIELDS: string[];
+export declare const OTHER_SF_FIELDS: string[];
 export declare const ALL_SECURED_FIELDS: string[];
 export declare const REQUIRED = "required";
 export declare const OPTIONAL = "optional";

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

@@ -19,6 +19,7 @@ export interface SFInternalConfig {
     minimumExpiryDate: string;
     uid: string;
     implementationType: string;
+    bundleType: string;
     isCollatingErrors: boolean;
 }
 /**