@adyen/adyen-web 5.28.3 → 5.30.0

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

@@ -0,0 +1,46 @@
+import QRLoaderContainer from '../helpers/QRLoaderContainer';
+declare class DuitNowElement extends QRLoaderContainer {
+    static type: string;
+    formatProps(props: any): {
+        delay: number;
+        countdownTime: number;
+        type?: string;
+        brandLogo?: string;
+        buttonLabel?: string;
+        shouldRedirectOnMobile?: boolean;
+        qrCodeImage?: string;
+        paymentData?: string;
+        instructions?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        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;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        name?: string;
+        icon?: string;
+        amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
+        showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
+        payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            analytics: import("../../core/Analytics/Analytics").default;
+            risk: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
+}
+export default DuitNowElement;

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

@@ -0,0 +1,7 @@
+export declare const countdownTime = 1.5;
+export declare const delay = 2000;
+declare const _default: {
+    delay: number;
+    countdownTime: number;
+};
+export default _default;

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

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

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

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-import { Order } from '../../types';
+import { PaymentResponse } from '../types';
 export declare class GiftcardElement extends UIElement {
     static type: string;
     protected static defaultProps: {
@@ -23,7 +23,7 @@ export declare class GiftcardElement extends UIElement {
     get displayName(): any;
     private handleBalanceCheck;
     private onOrderRequest;
-    protected handleOrder: (order: Order) => any;
+    protected handleOrder: ({ order }: PaymentResponse) => any;
     balanceCheck(): false | void;
     onBalanceCheck: () => false | void;
     payButton: (props: any) => h.JSX.Element;

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

@@ -0,0 +1,46 @@
+import QRLoaderContainer from '../helpers/QRLoaderContainer';
+declare class PayNowElement extends QRLoaderContainer {
+    static type: string;
+    formatProps(props: any): {
+        delay: number;
+        countdownTime: number;
+        type?: string;
+        brandLogo?: string;
+        buttonLabel?: string;
+        shouldRedirectOnMobile?: boolean;
+        qrCodeImage?: string;
+        paymentData?: string;
+        instructions?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        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;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        name?: string;
+        icon?: string;
+        amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
+        showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
+        payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            analytics: import("../../core/Analytics/Analytics").default;
+            risk: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
+}
+export default PayNowElement;

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

@@ -0,0 +1,7 @@
+export declare const countdownTime = 15;
+export declare const delay = 2000;
+declare const _default: {
+    delay: number;
+    countdownTime: number;
+};
+export default _default;

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

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

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

@@ -0,0 +1,46 @@
+import QRLoaderContainer from '../helpers/QRLoaderContainer';
+declare class PromptPayElement extends QRLoaderContainer {
+    static type: string;
+    formatProps(props: any): {
+        delay: number;
+        countdownTime: number;
+        type?: string;
+        brandLogo?: string;
+        buttonLabel?: string;
+        shouldRedirectOnMobile?: boolean;
+        qrCodeImage?: string;
+        paymentData?: string;
+        instructions?: string;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        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;
+        onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        name?: string;
+        icon?: string;
+        amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
+        showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
+        payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            analytics: import("../../core/Analytics/Analytics").default;
+            risk: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
+}
+export default PromptPayElement;

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

@@ -0,0 +1,7 @@
+export declare const countdownTime = 1.5;
+export declare const delay = 2000;
+declare const _default: {
+    delay: number;
+    countdownTime: number;
+};
+export default _default;

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

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

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

@@ -1,12 +1,13 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-import { ErrorObject } from './components/utils';
+import { ErrorCodeObject } from './components/utils';
 import Language from '../../language';
+import { ThreeDS2ChallengeRejectObject } from './types';
 export interface ThreeDS2ChallengeProps {
     token?: string;
     dataKey?: string;
     notificationURL?: string;
-    onError?: (error: string | ErrorObject) => void;
+    onError?: (error: string | ErrorCodeObject | ThreeDS2ChallengeRejectObject) => void;
     paymentData?: string;
     size?: string;
     challengeWindowSize?: '01' | '02' | '03' | '04' | '05';
@@ -14,7 +15,6 @@ export interface ThreeDS2ChallengeProps {
     loadingContext?: string;
     useOriginalFlow?: boolean;
     i18n?: Language;
-    threeDS2MDFlowUnloadListener?: any;
 }
 declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeProps> {
     static type: string;
@@ -23,6 +23,7 @@ declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeProps> {
         size: string;
         type: string;
     };
+    onComplete(state: any): void;
     render(): h.JSX.Element;
 }
 export default ThreeDS2Challenge;

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

@@ -1,11 +1,11 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-import { ErrorObject } from './components/utils';
+import { ErrorCodeObject } from './components/utils';
 export interface ThreeDS2DeviceFingerprintProps {
     dataKey: string;
     token: string;
     notificationURL: string;
-    onError: (error?: string | ErrorObject) => void;
+    onError: (error?: string | ErrorCodeObject) => void;
     paymentData: string;
     showSpinner: boolean;
     type: string;
@@ -21,6 +21,7 @@ declare class ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerpr
         type: string;
     };
     private callSubmit3DS2Fingerprint;
+    onComplete(state: any): void;
     render(): h.JSX.Element;
 }
 export default ThreeDS2DeviceFingerprint;

package/dist/types/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.d.ts

@@ -8,9 +8,8 @@ declare class PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props,
         onError: () => void;
     };
     constructor(props: any);
-    remove3DS2MDFlowUnloadListener(): void;
     setStatusComplete(resultObj: any): void;
-    setStatusError(errorObj: any): void;
+    setStatusError(errorInfoObj: any): void;
     render(props: any, { challengeData }: {
         challengeData: any;
     }): h.JSX.Element;

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

@@ -4,7 +4,6 @@ import { ThreeDS2ChallengeProps } from '../../ThreeDS2Challenge';
 export interface DoChallenge3DS2Props extends ChallengeData {
     onCompleteChallenge: (resolveObject: ThreeDS2FlowObject) => void;
     onErrorChallenge: (rejectObject: ThreeDS2FlowObject) => void;
-    threeDS2MDFlowUnloadListener?: (event: any) => any;
 }
 export interface DoChallenge3DS2State {
     base64URLencodedData?: string;
@@ -16,4 +15,5 @@ export interface PrepareChallenge3DS2Props extends ThreeDS2ChallengeProps {
 export interface PrepareChallenge3DS2State {
     challengeData?: ChallengeData;
     status?: string;
+    errorInfo?: string;
 }

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

@@ -12,7 +12,7 @@ export interface ChallengeResolveData {
         };
     };
 }
-export interface ErrorObject {
+export interface ErrorCodeObject {
     errorCode: string;
     message: string;
 }
@@ -67,7 +67,7 @@ export declare const createFingerprintResolveData: (dataKey: string, resultObj:
 export declare const createOldFingerprintResolveData: (dataKey: string, resultObj: ResultObject, paymentData: string) => any;
 export declare const createChallengeResolveData: (dataKey: string, transStatus: string, authorisationToken: string) => ChallengeResolveData;
 export declare const createOldChallengeResolveData: (dataKey: string, transStatus: string, authorisationToken: string) => any;
-export declare const handleErrorCode: (errorCode: string, errorDescription?: string) => ErrorObject;
+export declare const handleErrorCode: (errorCode: string, errorDescription?: string) => ErrorCodeObject;
 /**
  *
  * Takes a string and encodes it as a base64url string

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

@@ -1,9 +1,9 @@
-import { ThreeDS2FlowObject } from './types';
+import { ThreeDS2FlowObject, ThreeDS2ChallengeRejectObject } from './types';
 export declare const DEFAULT_CHALLENGE_WINDOW_SIZE = "02";
 export declare const THREEDS_METHOD_TIMEOUT = 10000;
 export declare const CHALLENGE_TIMEOUT = 600000;
-export declare const UNKNOWN_CHALLENGE_RESOLVE_OBJECT: ThreeDS2FlowObject;
-export declare const UNKNOWN_CHALLENGE_RESOLVE_OBJECT_TIMEOUT: ThreeDS2FlowObject;
+export declare const CHALLENGE_UNKNOWN_ERROR_REJECT_OBJECT: ThreeDS2ChallengeRejectObject;
+export declare const CHALLENGE_TIMEOUT_REJECT_OBJECT: ThreeDS2FlowObject;
 export declare const FAILED_METHOD_STATUS_RESOLVE_OBJECT: ThreeDS2FlowObject;
 export declare const FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT: ThreeDS2FlowObject;
 export declare const ERRORS: {

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

@@ -29,6 +29,12 @@ export interface ThreeDS2FlowObject {
     errorCode?: string;
     threeDSServerTransID?: string;
 }
+export interface ThreeDS2ChallengeRejectObject {
+    type: 'challengeError';
+    comment?: string;
+    extraInfo?: string;
+    eventDataRaw?: string;
+}
 export interface ThreeDS2Token {
     acsTransID?: string;
     acsURL?: string;

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

@@ -1,12 +1,15 @@
 import { h } from 'preact';
 import BaseElement from './BaseElement';
-import { Order, PaymentAction } from '../types';
-import { IUIElement, PayButtonFunctionProps, UIElementProps } from './types';
+import { PaymentAction } from '../types';
+import { PaymentResponse } from './types';
+import { IUIElement, PayButtonFunctionProps, RawPaymentResponse, UIElementProps } from './types';
 import AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';
 import { UIElementStatus } from './types';
+import { CoreOptions } from '../core/types';
+import Core from '../core';
 export declare class UIElement<P extends UIElementProps = any> extends BaseElement<P> implements IUIElement {
     protected componentRef: any;
-    elementRef: any;
+    elementRef: UIElement;
     constructor(props: P);
     setState(newState: object): void;
     protected onChange(): object;
@@ -25,14 +28,20 @@ export declare class UIElement<P extends UIElementProps = any> extends BaseEleme
     protected handleError: (error: AdyenCheckoutError) => void;
     protected handleAdditionalDetails: (state: any) => any;
     handleAction(action: PaymentAction, props?: {}): UIElement | null;
-    protected handleOrder: (order: Order) => void;
-    protected handleFinalResult: (result: any) => any;
+    protected handleOrder: (response: PaymentResponse) => void;
+    protected handleFinalResult: (result: PaymentResponse) => PaymentResponse;
     /**
      * 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;
+    protected handleResponse(rawResponse: RawPaymentResponse): void;
+    /**
+     * Call update on parent instance
+     * This function exist to make safe access to the protect _parentInstance
+     * @param options - CoreOptions
+     */
+    updateParent(options?: CoreOptions): Promise<Core>;
     /**
      * Get the current validation status of the element
      */

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

@@ -19,6 +19,7 @@ import SecuredFields from './SecuredFields';
 import Sepa from './Sepa';
 import { ThreeDS2DeviceFingerprint, ThreeDS2Challenge } from './ThreeDS2';
 import WeChat from './WeChat';
+import PayNow from './PayNow';
 import BcmcMobile from './BcmcMobile';
 import { MolPayEBankingMY, MolPayEBankingTH, MolPayEBankingVN } from './MolPayEBanking';
 import Dragonpay from './Dragonpay';
@@ -54,6 +55,8 @@ import WalletINElement from './WalletIN';
 import OnlineBankingCZElement from './OnlineBankingCZ';
 import OnlineBankingSKElement from './OnlineBankingSK';
 import PayByBank from './PayByBank';
+import PromptPay from "./PromptPay";
+import Duitnow from "./DuitNow";
 /**
  * Maps each component with a Component element.
  */
@@ -183,6 +186,9 @@ declare const componentsMap: {
     swish: typeof Swish;
     wechatpay: typeof WeChat;
     wechatpayQR: typeof WeChat;
+    promptpay: typeof PromptPay;
+    paynow: typeof PayNow;
+    duitnow: typeof Duitnow;
     /** QRLoader */
     /** Await */
     blik: typeof Blik;

package/dist/types/components/internal/FormFields/InputBase.d.ts

@@ -1,5 +1,10 @@
 import { h } from 'preact';
-declare function InputBase(props: any): h.JSX.Element;
+export interface InputBaseProps {
+    /** Callback used to return the input element reference to parent component (Ex: Used to trigger focus programmatically) */
+    onCreateRef?(reference: HTMLInputElement): void;
+    [key: string]: any;
+}
+declare function InputBase({ onCreateRef, ...props }: InputBaseProps): h.JSX.Element;
 declare namespace InputBase {
     var defaultProps: {
         type: string;

package/dist/types/components/internal/FormFields/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { SelectProps } from './types';
 import './Select.scss';
-declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, uniqueId, isCollatingErrors, isIconOnLeftSide }: SelectProps): h.JSX.Element;
+declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, selected, name, isInvalid, isValid, placeholder, uniqueId, isCollatingErrors }: SelectProps): h.JSX.Element;
 declare namespace Select {
     var defaultProps: {
         className: string;

package/dist/types/components/internal/FormFields/Select/components/SelectListItem.d.ts

@@ -1,4 +1,4 @@
 import { h } from 'preact';
 import { SelectItemProps } from '../types';
-declare const SelectListItem: ({ item, selected, isIconOnLeftSide, ...props }: SelectItemProps) => h.JSX.Element;
+declare const SelectListItem: ({ item, selected, ...props }: SelectItemProps) => h.JSX.Element;
 export default SelectListItem;

package/dist/types/components/internal/FormFields/Select/types.d.ts

@@ -3,6 +3,7 @@ export interface SelectItem {
     icon?: string;
     id: string;
     name: string;
+    secondaryText?: string;
     selectedOptionName?: string;
 }
 export interface SelectProps {
@@ -19,7 +20,6 @@ export interface SelectProps {
     selected: string;
     uniqueId?: string;
     isCollatingErrors: boolean;
-    isIconOnLeftSide?: boolean;
 }
 export interface SelectButtonProps {
     active: SelectItem;
@@ -37,7 +37,6 @@ export interface SelectButtonProps {
     toggleList: (e: Event) => void;
     id?: string;
     ariaDescribedBy: string;
-    isIconOnLeftSide: boolean;
 }
 export interface SelectListProps {
     active: SelectItem;
@@ -48,12 +47,10 @@ export interface SelectListProps {
     selectListRef: any;
     showList: boolean;
     textFilter: string;
-    isIconOnLeftSide: boolean;
 }
 export interface SelectItemProps {
     item: SelectItem;
     selected: boolean;
-    isIconOnLeftSide: boolean;
     onKeyDown: (e: KeyboardEvent) => void;
     onSelect: (e: Event) => void;
 }

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

@@ -1,4 +1,5 @@
 import { h } from 'preact';
 import './FormFields.scss';
-export declare const renderFormField: (type: any, props: any) => h.JSX.Element;
+import { InputBaseProps } from './InputBase';
+export declare const renderFormField: (type: any, props: InputBaseProps) => h.JSX.Element;
 export default renderFormField;

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

@@ -40,6 +40,7 @@ export interface SFPProps {
     trimTrailingSeparator?: boolean;
     type: string;
     render: () => {};
+    maskSecurityCode: boolean;
 }
 export interface SFPState {
     status?: string;

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

@@ -11,7 +11,7 @@ declare abstract class AbstractCSF {
     protected validateForm: () => void;
     protected handleBrandFromBinLookup: typeof handleBrandFromBinLookup;
     protected callbacksHandler: (callbacksObj: object) => void;
-    protected configHandler: () => void;
+    protected configHandler: (props: CSFSetupObject) => void;
     protected createCardSecuredFields: (securedFields: HTMLElement[]) => Promise<any>;
     protected createNonCardSecuredFields: (securedFields: HTMLElement[]) => Promise<any>;
     protected createSecuredFields: typeof createSecuredFields;

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

@@ -1,7 +1,8 @@
+import { CSFSetupObject } from '../types';
 /**
  * Parses this.props to set 'config' type vars on this (CSFComp)
  * - properties that just need to be set once, at startup, and then don't change
  *
  * See interface ConfigObject in types.ts
  */
-export declare function handleConfig(): void;
+export declare function handleConfig(props: CSFSetupObject): void;

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

@@ -17,37 +17,48 @@ export interface CSFReturnObject {
     sfIsOptionalOrHidden: (f: string) => boolean;
 }
 /**
- * Base interface for SetupObject & ConfigObject
+ * Base interface for CSFSetupObject & CSFConfigObject
+ *
+ * These are the props that are passed from SFP when CSF is initialised but which also end up
+ * as props in CSF->this.config: CSFConfigObject
  */
 interface CSFCommonProps {
+    allowedDOMAccess?: boolean | string;
+    autoFocus?: boolean | string;
+    keypadFix?: boolean | string;
     loadingContext: string;
     cardGroupTypes?: string[];
-    allowedDOMAccess?: boolean;
-    autoFocus?: boolean;
-    trimTrailingSeparator?: boolean;
-    showWarnings?: boolean;
-    keypadFix?: boolean;
-    isKCP?: boolean;
+    trimTrailingSeparator?: boolean | string;
+    showWarnings?: boolean | string;
     iframeUIConfig?: object;
     legacyInputMode?: boolean;
     minimumExpiryDate?: string;
     implementationType?: 'components' | 'custom';
     isCollatingErrors?: boolean;
+    maskSecurityCode: boolean;
 }
 /**
- * Object sent when SecuredFieldsProvider initialises CSF
+ * The object sent when SecuredFieldsProvider initialises CSF
+ *
+ * The properties defined here are ones that will not end up on CSF->this.config
  */
 export interface CSFSetupObject extends CSFCommonProps {
     type: string;
     clientKey: string;
     rootNode: string | HTMLElement;
     callbacks?: object;
+    isKCP?: boolean;
     i18n?: Language;
     forceCompat: boolean;
 }
 /**
- * The type for the config object created by CSF: properties that just need to be set once, at startup, and then don't change
- * This object provides the source for many of the properties that are written into the SFSetupObject used to initialise a new SecuredField.ts
+ * The type for the this.config object created by CSF - properties that just need to be set once, at startup, and then don't change.
+ *
+ * The CSFConfigObject provides the source for many of the properties that are written into the
+ * SecuredFieldInitObj used by createSecuredFields.ts to initialise a new SecuredField.ts
+ *
+ * Properties defined directly in *this* interface c.f. CSFCommonProps are ones that are not part of the CSFSetupObject
+ * and which are generated/calculated in handleConfig.ts
  */
 export interface CSFConfigObject extends CSFCommonProps {
     iframeSrc: string;

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

@@ -1,11 +1,17 @@
 import { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, StylesObject } from '../types';
 import { ENCRYPTED_BANK_ACCNT_NUMBER_FIELD, ENCRYPTED_BANK_LOCATION_FIELD, ENCRYPTED_CARD_NUMBER, ENCRYPTED_EXPIRY_DATE, ENCRYPTED_EXPIRY_MONTH, ENCRYPTED_EXPIRY_YEAR, ENCRYPTED_PWD_FIELD, ENCRYPTED_SECURITY_CODE, ENCRYPTED_SECURITY_CODE_3_DIGITS, ENCRYPTED_SECURITY_CODE_4_DIGITS } from '../configuration/constants';
 /**
- * Base interface, props common to both SFSetupObject & IframeConfigObject
+ * Base interface, props common to both SecuredFieldInitObj & IframeConfigObject
+ *
+ * These are the props that are passed from CSF.createSecuredFields when SecuredField.ts is initialised
+ * but which also end up as props in the IframeConfigObject
  */
 export interface SFInternalConfig {
     fieldType: string;
     extraFieldData: string;
+    uid: string;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     txVariant: string;
     cardGroupTypes: string[];
     iframeUIConfig: IframeUIConfigObject;
@@ -13,26 +19,28 @@ export interface SFInternalConfig {
     trimTrailingSeparator: boolean;
     isCreditCardType: boolean;
     showWarnings: boolean;
-    cvcPolicy: CVCPolicyType;
-    expiryDatePolicy: DatePolicyType;
     legacyInputMode: boolean;
     minimumExpiryDate: string;
-    uid: string;
     implementationType: string;
-    bundleType: string;
     isCollatingErrors: boolean;
+    maskSecurityCode: boolean;
 }
 /**
- * The object passed from createSecuredFields to a new instance of SecuredField.ts
+ * The object sent when createSecuredFields initialises a new instance of SecuredField.ts
+ *
+ * Properties defined directly in *this* interface c.f. SFInternalConfig are ones
+ * that are needed by SecuredField.ts but are *not* required in the IframeConfigObject
  */
-export interface SFSetupObject extends SFInternalConfig {
-    expiryDatePolicy: DatePolicyType;
+export interface SecuredFieldInitObj extends SFInternalConfig {
     iframeSrc: string;
     loadingContext: string;
     holderEl: HTMLElement;
 }
 /**
- * Object sent via postMessage to a SecuredField iframe
+ * Object sent via postMessage to a SecuredField iframe in order to configure that iframe
+ *
+ * Properties defined directly in *this* interface are ones that are calculated by SecuredField.ts
+ * instead of just being read directly from the SecuredFieldInitObj
  */
 export interface IframeConfigObject extends SFInternalConfig {
     numKey: number;
@@ -65,7 +73,7 @@ export interface AriaConfigObject {
     error?: object;
 }
 declare abstract class AbstractSecuredField {
-    config: SFInternalConfig;
+    sfConfig: SFInternalConfig;
     fieldType: string;
     protected iframeSrc: string;
     protected loadingContext: string;

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

@@ -1,8 +1,8 @@
-import AbstractSecuredField, { SFSetupObject } from './AbstractSecuredField';
+import AbstractSecuredField, { SecuredFieldInitObj } from './AbstractSecuredField';
 import { CVCPolicyType, DatePolicyType, RtnType_noParamVoidFn, RtnType_postMessageListener, RtnType_callbackFn } from '../types';
 import Language from '../../../../../language/Language';
 declare class SecuredField extends AbstractSecuredField {
-    constructor(pSetupObj: SFSetupObject, i18n: Language);
+    constructor(pSetupObj: SecuredFieldInitObj, i18n: Language);
     init(i18n: Language): SecuredField;
     iframeOnLoadListenerFn(): void;
     postMessageListenerFn(event: MessageEvent): void;