@adyen/adyen-web 5.49.3 → 5.49.4

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

@@ -2,8 +2,8 @@ import { PaymentAmount } from '../../types';
 import Language from '../../language/Language';
 import { UIElementProps } from '../types';
 export interface DragonpayInputIssuerItem {
-    id?: string;
-    name?: string;
+    id: string;
+    name: string;
     icon?: string;
 }
 export interface DragonpayElementProps extends UIElementProps {

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

@@ -46,10 +46,15 @@ export interface FieldContainerProps {
     valid?: object;
     onInput?: (e: Event) => void;
     onBlur?: (e: Event) => void;
-    onDropdownChange: (e: Event) => void;
+    onDropdownChange: (e: {
+        target: {
+            value: string | number;
+            name: string;
+        };
+    }) => void;
     readOnly?: boolean;
     specifications: Specifications;
-    maxlength?: number;
+    maxLength?: number;
     trimOnBlur?: boolean;
     disabled?: boolean;
 }
@@ -62,7 +67,12 @@ export interface CountryFieldProps {
     classNameModifiers: string[];
     label: string;
     errorMessage: boolean | string;
-    onDropdownChange: (e: Event) => void;
+    onDropdownChange: (e: {
+        target: {
+            value: string | number;
+            name: string;
+        };
+    }) => void;
     readOnly?: boolean;
     value: string;
 }
@@ -74,7 +84,12 @@ export interface StateFieldProps {
     classNameModifiers: string[];
     label: string;
     errorMessage: boolean | string;
-    onDropdownChange: (e: Event) => void;
+    onDropdownChange: (e: {
+        target: {
+            value: string | number;
+            name: string;
+        };
+    }) => void;
     readOnly?: boolean;
     selectedCountry: string;
     specifications: Specifications;

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

@@ -3,7 +3,7 @@ import './Checkbox.scss';
 interface CheckboxProps {
     checked?: boolean;
     classNameModifiers?: string[];
-    label: string | ComponentChild;
+    label?: string | ComponentChild;
     name?: string;
     isInvalid?: boolean;
     onChange?: any;

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

@@ -1,8 +1,26 @@
 import { h } from 'preact';
-export interface InputBaseProps {
-    /** Callback used to return the input element reference to parent component (Ex: Used to trigger focus programmatically) */
+import { MutableRef } from 'preact/hooks';
+import Language from '../../../language';
+import './FormFields.scss';
+export interface InputBaseProps extends h.JSX.HTMLAttributes {
+    classNameModifiers?: string[];
+    isInvalid?: boolean;
+    isValid?: boolean;
+    readonly?: boolean;
+    uniqueId?: string;
+    disabled?: boolean;
+    className?: string;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    checked?: boolean;
+    setRef?: (ref: MutableRef<EventTarget>) => void;
+    trimOnBlur?: boolean;
+    i18n?: Language;
+    label?: string;
     onCreateRef?(reference: HTMLInputElement): void;
-    [key: string]: any;
+    onBlurHandler?: h.JSX.GenericEventHandler<HTMLInputElement>;
+    onFocusHandler?: h.JSX.GenericEventHandler<HTMLInputElement>;
 }
 declare function InputBase({ onCreateRef, ...props }: InputBaseProps): h.JSX.Element;
 declare namespace InputBase {

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

@@ -1,6 +1,7 @@
 import { h } from 'preact';
-interface InputDateProps {
-    onInput: (e: any) => void;
+import { InputBaseProps } from '../InputBase';
+interface InputDateProps extends InputBaseProps {
+    onInput?: (e: any) => void;
 }
 export default function InputDate(props: InputDateProps): h.JSX.Element;
 export {};

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

@@ -1,13 +1,12 @@
-import Language from '../../../../language/Language';
+import { InputBaseProps } from '../InputBase';
 interface RadioGroupItem {
     name: string;
     id: string;
 }
-export interface RadioGroupProps {
+export interface RadioGroupProps extends InputBaseProps {
     className?: string;
     isInvalid?: boolean;
     items: RadioGroupItem[];
-    i18n: Language;
     name?: string;
     onChange: (e: any) => void;
     value?: 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, onInput, selected, name, isInvalid, isValid, placeholder, uniqueId, disabled, disableTextFilter, clearOnSelect }: SelectProps): h.JSX.Element;
+declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, onInput, selectedValue, name, isInvalid, isValid, placeholder, uniqueId, disabled, disableTextFilter, clearOnSelect }: SelectProps): h.JSX.Element;
 declare namespace Select {
     var defaultProps: {
         className: string;

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

@@ -1,3 +1,4 @@
+import { h } from 'preact';
 export interface SelectItem {
     disabled?: boolean;
     icon?: string;
@@ -10,7 +11,7 @@ export interface SelectProps {
     className: string;
     classNameModifiers: string[];
     filterable: boolean;
-    isInvalid: boolean;
+    isInvalid?: boolean;
     isValid?: boolean;
     items: SelectItem[];
     name?: string;
@@ -19,15 +20,15 @@ export interface SelectProps {
             value: string | number;
             name: string;
         };
-    }) => void;
+    } | Partial<h.JSX.TargetedKeyboardEvent<HTMLInputElement>>) => void;
     onInput?: (value: string) => void;
-    placeholder: string;
+    placeholder?: string;
     readonly: boolean;
-    selected: string;
+    selectedValue?: string | number;
     uniqueId?: string;
-    disabled: boolean;
-    disableTextFilter: boolean;
-    clearOnSelect: boolean;
+    disabled?: boolean;
+    disableTextFilter?: boolean;
+    clearOnSelect?: boolean;
 }
 export interface SelectButtonProps {
     inputText: string;

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

@@ -1,5 +1,5 @@
 import { CSFSetupObject, CSFConfigObject, CSFCallbacksConfig, CSFStateObject } from './types';
-import { SFFeedbackObj, SendBrandObject, SendExpiryDateObject } from '../types';
+import { SFFeedbackObj, SendBrandObject, SendExpiryDateObject, CVCPolicyType, DatePolicyType } from '../types';
 import { createSecuredFields } from './extensions/createSecuredFields';
 import processBrand from './partials/processBrand';
 import handleBrandFromBinLookup from './extensions/handleBrandFromBinLookup';
@@ -12,7 +12,7 @@ declare abstract class AbstractCSF {
     protected handleBrandFromBinLookup: typeof handleBrandFromBinLookup;
     protected callbacksHandler: (callbacksObj: object) => void;
     protected configHandler: (props: CSFSetupObject) => void;
-    protected createCardSecuredFields: (securedFields: HTMLElement[]) => Promise<any>;
+    protected createCardSecuredFields: (securedFields: HTMLElement[], cvcPolicy: CVCPolicyType, expiryDatePolicy: DatePolicyType) => Promise<any>;
     protected createNonCardSecuredFields: (securedFields: HTMLElement[]) => Promise<any>;
     protected createSecuredFields: typeof createSecuredFields;
     protected destroySecuredFields: () => void;
@@ -36,6 +36,7 @@ declare abstract class AbstractCSF {
     protected setupSecuredField: (pItem: HTMLElement) => void;
     protected touchendListener: (e: Event) => void;
     protected touchstartListener: () => void;
+    protected hasGenuineTouchEvents: boolean;
     protected encryptedAttrName: string;
     protected hasRedundantCVCField: boolean;
     protected isSingleBrandedCard: boolean;

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

@@ -1,3 +1,4 @@
+import { CVCPolicyType, DatePolicyType } from '../../types';
 /**
  * Bound to the instance of CSF
  * Handles specific functionality related to configuring & creating SecuredFields
@@ -9,5 +10,5 @@ export declare function createSecuredFields(): number;
  * Create a new SecuredField for each detected holding element
  */
 export declare function createNonCardSecuredFields(securedFields: HTMLElement[]): Promise<any>;
-export declare function createCardSecuredFields(securedFields: HTMLElement[]): Promise<any>;
-export declare function setupSecuredField(pItem: HTMLElement): Promise<any>;
+export declare function createCardSecuredFields(securedFields: HTMLElement[], cvcPolicy: CVCPolicyType, expiryDatePolicy: DatePolicyType): Promise<any>;
+export declare function setupSecuredField(pItem: HTMLElement, cvcPolicy?: CVCPolicyType, expiryDatePolicy?: DatePolicyType): Promise<any>;

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

@@ -12,7 +12,7 @@ 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 & this.config.disableIOSArrowKeys = true
+ * NOTE: Only called when iOS detected & this.config.shouldDisableIOSArrowKeys = true
  */
 declare function touchstartListener(e: Event): void;
 /**

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

@@ -11,4 +11,4 @@ export declare function processAutoComplete({ csfState, csfConfig, csfCallbacks
     csfState: any;
     csfConfig: any;
     csfCallbacks: any;
-}, pFeedbackObj: SFFeedbackObj): void;
+}, pFeedbackObj: SFFeedbackObj): boolean;

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

@@ -35,7 +35,7 @@ interface CSFCommonProps {
     minimumExpiryDate?: string;
     implementationType?: 'components' | 'custom';
     maskSecurityCode: boolean;
-    disableIOSArrowKeys: boolean;
+    shouldDisableIOSArrowKeys: boolean;
 }
 /**
  * The object sent when SecuredFieldsProvider initialises CSF

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 = "4.5.0";
+export declare const SF_VERSION = "4.5.1";
 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/types.d.ts

@@ -165,6 +165,7 @@ export interface SFFeedbackObj {
     encryptedBin?: string;
     uuid?: string;
     encryptionSuccess?: boolean;
+    hasGenuineTouchEvents?: boolean;
 }
 export interface EncryptionObj {
     type: string;

package/package.json

@@ -24,7 +24,7 @@
         "./dist/es/adyen.css": "./dist/es/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.49.3",
+    "version": "5.49.4",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",

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

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