@adyen/adyen-web 5.13.1 → 5.16.0

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

@@ -1,6 +1,6 @@
-export declare const ALLOWED_COUNTRIES: string[];
+export declare const ATOME_SUPPORTED_COUNTRIES: string[];
 /**
- * Creates Address Specification for each country that Atome supports.
+ * Creates Address Specification according to the Atome UI. This specification overrides all available specifications
  *
  * This custom specification is needed in order to create the desired layout of the Atome billing address part. The usage of the
  * 'default' layout specification from the Address component does not align correctly the available fields, therefore we need to

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

@@ -13,3 +13,6 @@ export interface BankTransferState extends UIElementProps {
     };
     isValid: boolean;
 }
+export interface BankTransferSchema {
+    shopperEmail?: string;
+}

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

@@ -11,10 +11,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
-        session?: {
-            id: string;
-            data: 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>;

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

@@ -57,10 +57,7 @@ declare class BancontactElement extends CardElement {
         onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
         onBinLookup?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinLookup) => void;
-        session?: {
-            id: string;
-            data: 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>;

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

@@ -52,10 +52,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
         onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
         onBinLookup?: (event: CbObjOnBinLookup) => void;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;

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

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

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { CardHolderNameProps } from './types';
-export default function CardHolderName({ onBlur, onInput, placeholder, value, required, error, isValid }: CardHolderNameProps): h.JSX.Element;
+export default function CardHolderName({ onBlur, onInput, placeholder, value, required, error, isValid, disabled }: CardHolderNameProps): h.JSX.Element;

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

@@ -31,6 +31,7 @@ export interface CardHolderNameProps {
     placeholder?: string;
     required?: boolean;
     value?: string;
+    disabled?: boolean;
 }
 export interface CardNumberProps {
     brand: string;
@@ -115,6 +116,7 @@ export interface KCPProps {
     error: boolean;
     isValid: boolean;
     value: string;
+    disabled?: boolean;
 }
 export declare type RtnType_ParamBooleanFn = (tn: any) => boolean;
 export declare type RtnType_ParamVoidFn = (e: any) => void;
@@ -138,3 +140,7 @@ export interface SfSpanProps {
     children?: ComponentChildren;
     ['data-info']?: string;
 }
+export interface TouchStartEventObj {
+    fieldType: string;
+    name?: string;
+}

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

@@ -1,4 +1,5 @@
 import { SocialSecurityMode } from '../../types';
+import { AddressModeOptions } from './types';
 declare const _default: {
     type: string;
     setComponentRef: () => void;
@@ -10,6 +11,7 @@ declare const _default: {
     showBrandsUnderCardNumber: boolean;
     positionHolderNameOnTop: boolean;
     billingAddressRequired: boolean;
+    billingAddressMode: AddressModeOptions;
     billingAddressRequiredFields: string[];
     installmentOptions: {};
     configuration: {

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

@@ -4,7 +4,7 @@ import { PaymentAmount } from '../../../../types';
 import { InstallmentOptions } from './components/types';
 import { ValidationResult } from '../../../internal/PersonalDetails/types';
 import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/lib/types';
-import { ValidationRuleResult } from '../../../../utils/Validator/Validator';
+import { ValidationRuleResult } from '../../../../utils/Validator/ValidationRuleResult';
 import Specifications from '../../../internal/Address/Specifications';
 import { AddressSchema, StringObject } from '../../../internal/Address/types';
 import { CbObjOnError, StylesObject } from '../../../internal/SecuredFields/lib/types';
@@ -49,6 +49,7 @@ export interface CardInputProps {
     billingAddressAllowedCountries?: string[];
     billingAddressRequired?: boolean;
     billingAddressRequiredFields?: string[];
+    billingAddressMode?: AddressModeOptions;
     brand?: string;
     brands?: string[];
     brandsConfiguration?: CardBrandsConfiguration;
@@ -163,4 +164,9 @@ export interface SortErrorsObj {
     i18n: Language;
     countrySpecificLabels: StringObject;
 }
+export declare enum AddressModeOptions {
+    full = "full",
+    partial = "partial",
+    none = "none"
+}
 export {};

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

@@ -1,5 +1,5 @@
 import { ErrorPanelObj } from '../../../../core/Errors/ErrorPanel';
-import { CardInputProps, LayoutObj, SortErrorsObj } from './types';
+import { AddressModeOptions, 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;
@@ -32,3 +32,11 @@ export declare const extractPropsForCardFields: (props: CardInputProps) => {
     expiryYear: string;
 };
 export declare const extractPropsForSFP: (props: CardInputProps) => SFPProps;
+export declare const handlePartialAddressMode: (addressMode: AddressModeOptions) => any[] | {
+    default: {
+        labels: {
+            postalCode: string;
+        };
+        schema: "postalCode"[];
+    };
+};

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

@@ -21,10 +21,7 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         loadingContext?: string;
         reference?: string;
         i18n?: import("../../language").default;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;

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

@@ -46,10 +46,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         onSelect?: (paymentMethod: any) => void;
         showRemovePaymentMethodButton?: boolean;
         onDisableStoredPaymentMethod?: (storedPaymentMethod: any, resolve: any, reject: any) => void;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;

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

@@ -12,6 +12,11 @@ export declare class DropinComponent extends Component<DropinComponentProps, Dro
     private handleOnSelectPaymentMethod;
     private handleDisableStoredPaymentMethod;
     closeActivePaymentMethod(): void;
+    /**
+     * getOnOrderCancel decides which onOrderCancel logic should be used, manual or sessions
+     */
+    private getOnOrderCancel;
+    private onOrderCancel;
     render(props: any, { elements, instantPaymentElements, status, activePaymentMethod, cachedPaymentMethods }: {
         elements: any;
         instantPaymentElements: any;

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

@@ -47,10 +47,13 @@ export interface DropinElementProps extends UIElementProps {
      */
     onDisableStoredPaymentMethod?: (storedPaymentMethod: any, resolve: any, reject: any) => void;
 }
+export interface onOrderCancelData {
+    order: Order;
+}
 export interface DropinComponentProps extends DropinElementProps {
     onCreateElements: any;
     onChange: (newState?: object) => void;
-    onOrderCancel?: (order: Order) => void;
+    onOrderCancel?: (data: onOrderCancelData) => void;
 }
 interface DropinStatus {
     type: UIElementStatus;

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

@@ -5,6 +5,8 @@ declare function MBWayInput(props: MBWayInputProps): h.JSX.Element;
 declare namespace MBWayInput {
     var defaultProps: {
         onChange: () => void;
+        phoneNumberKey: string;
+        phoneNumberErrorKey: string;
     };
 }
 export default MBWayInput;

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

@@ -1,11 +1,16 @@
 import { UIElementProps } from '../../../types';
 export interface MBWayInputData {
     telephoneNumber?: string;
+    phoneNumber?: string;
+    phonePrefix?: string;
 }
 export interface MBWayInputProps extends UIElementProps {
     data?: MBWayInputData;
     placeholders?: MBWayInputData;
     onChange: (state: any) => void;
+    allowedCountries?: string[];
+    requiredFields?: string[];
+    phoneNumberKey?: string;
 }
 export interface MBWayDataState {
     telephoneNumber?: string;

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

@@ -2,5 +2,16 @@ import IssuerListContainer from '../helpers/IssuerListContainer';
 declare class OnlineBankingINElement extends IssuerListContainer {
     static type: string;
     formatProps(props: any): any;
+    /**
+    * Formats the component data output
+    */
+    formatData(): {
+        browserInfo: import("../../types").BrowserInfo;
+        paymentMethod: {
+            type: string;
+            issuer: string;
+        };
+    };
+    get browserInfo(): import("../../types").BrowserInfo;
 }
 export default OnlineBankingINElement;

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

@@ -23,10 +23,7 @@ declare class PixElement extends QRLoaderContainer<PixProps> {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
-        session?: {
-            id: string;
-            data: 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>;

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

@@ -11,10 +11,7 @@ declare class SwishElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions: string;
-        session?: {
-            id: string;
-            data: 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>;

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

@@ -0,0 +1,17 @@
+import IssuerListContainer from '../helpers/IssuerListContainer';
+declare class WalletINElement extends IssuerListContainer {
+    static type: string;
+    formatProps(props: any): any;
+    /**
+    * Formats the component data output
+    */
+    formatData(): {
+        browserInfo: import("../../types").BrowserInfo;
+        paymentMethod: {
+            type: string;
+            issuer: string;
+        };
+    };
+    get browserInfo(): import("../../types").BrowserInfo;
+}
+export default WalletINElement;

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

@@ -11,10 +11,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
-        session?: {
-            id: string;
-            data: 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>;

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

@@ -49,6 +49,7 @@ import Twint from './Twint';
 import MealVoucherFR from './MealVoucherFR';
 import OnlineBankingINElement from './OnlineBankingIN';
 import RatePayDirectDebit from "./RatePay/RatePayDirectDebit";
+import WalletINElement from './WalletIN';
 /**
  * Maps each component with a Component element.
  */
@@ -144,6 +145,7 @@ declare const componentsMap: {
     threeDS2Challenge: typeof ThreeDS2Challenge;
     threeDS2DeviceFingerprint: typeof ThreeDS2DeviceFingerprint;
     visa: typeof Card;
+    wallet_IN: typeof WalletINElement;
     wechatpay: typeof WeChat;
     wechatpayQR: typeof WeChat;
     oxxo: typeof Oxxo;

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

@@ -1,4 +1,5 @@
 import { AddressSchema, StringObject } from './types';
+import { AddressField } from '../../../types';
 declare class Specifications {
     private specifications;
     constructor(specifications?: any);
@@ -45,5 +46,13 @@ declare class Specifications {
      * @param country - The selected country
      */
     getPlaceholderKeyForField(fieldName: string, country: string): string;
+    /**
+     * Returns an array with the address schema of the selected country or the default address schema
+     * Flat version of getAddressSchemaForCountry
+     * @param country - The selected country
+     * @param mode - Address schema mode, can be 'full', 'partial' or 'none'
+     * @returns Array
+     */
+    getAddressSchemaForCountryFlat(country: string): AddressField[];
 }
 export default Specifications;

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

@@ -3,3 +3,12 @@ export declare const FALLBACK_VALUE = "N/A";
 export declare const ADDRESS_SCHEMA: readonly ["street", "houseNumberOrName", "postalCode", "city", "stateOrProvince", "country"];
 export declare const STREET: "street", HOUSE_NUMBER_OR_NAME: "houseNumberOrName", POSTAL_CODE: "postalCode", CITY: "city", STATE_OR_PROVINCE: "stateOrProvince", COUNTRY: "country";
 export declare const ADDRESS_SPECIFICATIONS: AddressSpecifications;
+export declare const PARTIAL_ADDRESS_SCHEMA: {
+    default: {
+        labels: {
+            postalCode: string;
+        };
+        schema: "postalCode"[];
+    };
+};
+export declare const COUNTRIES_WITH_CUSTOM_SPECIFICATION: string[];

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

@@ -1,7 +1,7 @@
 import { AddressField, AddressData } from '../../../types';
 import Specifications from './Specifications';
 import { ValidatorRules } from '../../../utils/Validator/types';
-import { ValidationRuleResult } from '../../../utils/Validator/Validator';
+import { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';
 export declare type StringObject = {
     [key: string]: string;
 };
@@ -16,6 +16,8 @@ export interface AddressProps {
     specifications?: AddressSpecifications;
     validationRules?: ValidatorRules;
     visibility?: string;
+    overrideSchema?: AddressSpecifications;
+    iOSFocusedField?: string;
 }
 export interface AddressStateError {
     street?: ValidationRuleResult;
@@ -40,6 +42,7 @@ export interface FieldContainerProps {
     specifications: Specifications;
     maxlength?: number;
     trimOnBlur?: boolean;
+    disabled?: boolean;
 }
 export interface ReadOnlyAddressProps {
     data: AddressData;

package/dist/types/components/internal/IFrame/Iframe.d.ts

@@ -17,7 +17,6 @@ declare class Iframe extends Component<IframeProps> {
         height: string;
         minWidth: string;
         minHeight: string;
-        border: string;
         src: any;
         allow: any;
         title: string;
@@ -26,14 +25,13 @@ declare class Iframe extends Component<IframeProps> {
     iframeOnLoad(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render({ name, src, width, height, minWidth, minHeight, border, allow, title }: {
+    render({ name, src, width, height, minWidth, minHeight, allow, title }: {
         name: any;
         src: any;
         width: any;
         height: any;
         minWidth: any;
         minHeight: any;
-        border: any;
         allow: any;
         title: any;
     }): h.JSX.Element;

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

@@ -27,3 +27,7 @@ export interface PhoneInputState {
     };
     isValid?: boolean;
 }
+export interface PhoneInputSchema {
+    phoneNumber?: string;
+    phonePrefix?: string;
+}

package/dist/types/components/internal/PhoneInputNew/PhoneInput.d.ts

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+import './PhoneInput.scss';
+import { PhoneInputProps } from './types';
+declare function PhoneInput(props: PhoneInputProps): h.JSX.Element;
+declare namespace PhoneInput {
+    var defaultProps: {
+        phoneLabel: string;
+    };
+}
+export default PhoneInput;

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

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

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

@@ -0,0 +1,25 @@
+import { DataSet, DataSetItem } from '../../../core/Services/data-set';
+export interface PhoneInputSchema {
+    phoneNumber?: string;
+    phonePrefix?: string;
+}
+export interface PhoneInputProps {
+    items: DataSet;
+    requiredFields?: string[];
+    data: {
+        phonePrefix?: string;
+        phoneNumber?: string;
+    };
+    onChange: (obj: any) => void;
+    phoneNumberKey?: string;
+    phonePrefixErrorKey?: string;
+    phoneNumberErrorKey?: string;
+    placeholders?: {
+        phoneNumber?: string;
+    };
+    ref?: any;
+}
+export interface PhonePrefixes {
+    phonePrefixes: DataSetItem[];
+    loadingStatus: string;
+}

package/dist/types/components/internal/PhoneInputNew/usePhonePrefixes.d.ts

@@ -0,0 +1,7 @@
+import { PhonePrefixes } from './types';
+declare function usePhonePrefixes({ allowedCountries, loadingContext, handleError }: {
+    allowedCountries: any;
+    loadingContext: any;
+    handleError: any;
+}): PhonePrefixes;
+export default usePhonePrefixes;

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

@@ -0,0 +1,3 @@
+import { FormatRules, ValidatorRules } from '../../../utils/Validator/types';
+export declare const phoneValidationRules: ValidatorRules;
+export declare const phoneFormatters: FormatRules;

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

@@ -22,6 +22,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
     private handleOnError;
     private handleOnAutoComplete;
     private handleOnNoDataRequired;
+    private handleOnTouchstartIOS;
     state: SFPState;
     props: any;
     private issuingCountryCode;
@@ -46,6 +47,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
         onBinValue: () => void;
         onFocus: () => void;
         onAutoComplete: () => void;
+        onTouchstartIOS: () => any;
         styles: {};
     };
     componentDidMount(): void;

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

@@ -28,6 +28,7 @@ declare function handleOnBrand(cardInfo: CbObjOnBrand): void;
  */
 declare function handleOnError(cbObj: CbObjOnError, hasUnsupportedCard?: boolean): boolean;
 declare function handleFocus(cbObj: CbObjOnFocus): void;
+declare function handleOnTouchstartIOS(cbObj: any): void;
 declare function handleOnAutoComplete(cbObj: CbObjOnAutoComplete): void;
 /**
  * Handles cases where no secured fields are necessary (one click payments without CVC)
@@ -44,5 +45,6 @@ declare const _default: {
     handleOnBrand: typeof handleOnBrand;
     handleOnError: typeof handleOnError;
     handleOnNoDataRequired: typeof handleOnNoDataRequired;
+    handleOnTouchstartIOS: typeof handleOnTouchstartIOS;
 };
 export default _default;

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

@@ -18,6 +18,7 @@ declare const _default: {
     onBinValue: () => void;
     onFocus: () => void;
     onAutoComplete: () => void;
+    onTouchstartIOS: () => any;
     styles: {};
 };
 export default _default;

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

@@ -16,8 +16,9 @@ declare abstract class AbstractCSF {
     protected createNonCardSecuredFields: (securedFields: HTMLElement[]) => number;
     protected createSecuredFields: typeof createSecuredFields;
     protected destroySecuredFields: () => void;
+    protected handleIOSTouchEvents: () => void;
     protected destroyTouchendListener: () => void;
-    protected handleAdditionalFields: () => void;
+    protected destroyTouchstartListener: () => void;
     protected handleBinValue: (pFeedbackObj: SFFeedbackObj) => void;
     protected handleEncryption: (pFeedbackObj: SFFeedbackObj) => void;
     protected handleFocus: (pFeedbackObj: SFFeedbackObj) => void;
@@ -34,6 +35,7 @@ declare abstract class AbstractCSF {
     protected setFocusOnFrame: (pFieldType: string, doLog?: boolean) => void;
     protected setupSecuredField: (pItem: HTMLElement) => void;
     protected touchendListener: (e: Event) => void;
+    protected touchstartListener: () => void;
     protected encryptedAttrName: string;
     protected hasRedundantCVCField: boolean;
     protected isSingleBrandedCard: boolean;

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

@@ -0,0 +1,39 @@
+/**
+ * Detect if touched element is an input or textArea.
+ * - If it is do some quirky shit to set focus and caret position on this element
+ * - Else do some quirky shit to make the iOS keyboard retract
+ *
+ * Always then remove this listener and set var saying we have done so (read in CSF...handleFocus)
+ * Tell all securedFields some other element now has focus so they can blur themselves
+ *
+ * @param e -
+ */
+declare function touchendListener(e: Event): void;
+/**
+ * re. Disabling arrow keys in iOS - need to enable all fields in the form and tell SFs to disable
+ *
+ * NOTE: Only called when iOS detected
+ */
+declare function touchstartListener(e: Event): void;
+/**
+ * This works with the touchend handler to allow us to catch (click) events on non-securedFields elements
+ * (re. http://gravitydept.com/blog/js-click-event-bubbling-on-ios - events don't bubble unless the click takes place on a link or input)
+ *
+ * We can use this event to:
+ * 1. Set focus on these other elements, and
+ * 2. Tell SecuredFields that this has happened so they can blur themselves
+ * (see note in adyen-secured-fields...inputBase.js - "Blur event never fires on input field")
+ *
+ * NOTE: Only called when iOS detected
+ */
+declare function handleTouchend(): void;
+declare function destroyTouchendListener(): void;
+declare function destroyTouchstartListener(): void;
+declare const _default: {
+    touchendListener: typeof touchendListener;
+    touchstartListener: typeof touchstartListener;
+    handleTouchend: typeof handleTouchend;
+    destroyTouchendListener: typeof destroyTouchendListener;
+    destroyTouchstartListener: typeof destroyTouchstartListener;
+};
+export default _default;

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

@@ -65,6 +65,7 @@ export interface CSFCallbacksConfig {
     onAutoComplete?: (callbackObj: object) => void;
     onAdditionalSFConfig?: (callbackObj: object) => void;
     onAdditionalSFRemoved?: (callbackObj: object) => void;
+    onTouchstartIOS?: (callbackObj: object) => void;
 }
 export interface CSFStateObject {
     type: string;

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

@@ -11,7 +11,7 @@ export declare const ENCRYPTED_BANK_LOCATION_FIELD = "encryptedBankLocationId";
 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 SF_VERSION = "3.10.2";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
 export declare const CREDIT_CARD_SF_FIELDS: string[];

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

@@ -86,7 +86,7 @@ declare abstract class AbstractSecuredField {
     protected onValidationCallback: RtnType_callbackFn;
     protected onFocusCallback: RtnType_callbackFn;
     protected onBinValueCallback: RtnType_callbackFn;
-    protected onClickCallback: RtnType_callbackFn;
+    protected onTouchstartCallback: RtnType_callbackFn;
     protected onShiftTabCallback: RtnType_callbackFn;
     protected onAutoCompleteCallback: RtnType_callbackFn;
     protected constructor();

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

@@ -17,7 +17,7 @@ declare class SecuredField extends AbstractSecuredField {
     onConfig(callbackFn: RtnType_callbackFn): SecuredField;
     onFocus(callbackFn: RtnType_callbackFn): SecuredField;
     onBinValue(callbackFn: RtnType_callbackFn): SecuredField;
-    onClick(callbackFn: RtnType_callbackFn): SecuredField;
+    onTouchstart(callbackFn: RtnType_callbackFn): SecuredField;
     onShiftTab(callbackFn: RtnType_callbackFn): SecuredField;
     onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField;
     get errorType(): string;