@adyen/adyen-web 5.49.2 → 5.49.4

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

@@ -91,6 +91,10 @@ export declare class CardElement extends UIElement<CardElementProps> {
         onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: UIElement<any>) => void;
         beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement<any>) => void;
+        /**
+         * Click to Pay configuration
+         * - If email is set explicitly in the configuration, then it can override the one used in the session creation
+         */
         isInstantPayment?: boolean;
         name?: string;
         amount?: import("../../types").PaymentAmount;
@@ -126,7 +130,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
     onBinLookup(obj: CbObjOnBinLookup): void;
     onBinValue: (callbackObj: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
     get isValid(): boolean;
-    get icon(): any;
+    get icon(): string;
     get brands(): {
         icon: any;
         name: string;

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

@@ -3,7 +3,8 @@ import { AddressModeOptions, CardInputProps, LayoutObj } from './types';
 import { AddressSpecifications, StringObject } from '../../../internal/Address/types';
 import { InstallmentsObj } from './components/Installments/Installments';
 import { SFPProps } from '../../../internal/SecuredFields/SFP/types';
-export declare const getCardImageUrl: (brand: string, loadingContext: string) => string;
+import { UseImageHookType } from '../../../../core/Context/useImage';
+export declare const getCardImageUrl: (brand: string, getImage: UseImageHookType) => 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

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

@@ -10,7 +10,7 @@ export declare class DokuElement extends UIElement {
      * Formats the component data output
      */
     formatData(): any;
-    get icon(): any;
+    get icon(): string;
     render(): h.JSX.Element;
 }
 export default DokuElement;

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

@@ -19,7 +19,7 @@ export declare class EcontextElement extends UIElement<EcontextElementProps> {
      * Formats the component data output
      */
     formatData(): any;
-    get icon(): any;
+    get icon(): string;
     render(): h.JSX.Element;
 }
 export default EcontextElement;

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

@@ -88,11 +88,15 @@ export interface GooglePayProps extends UIElementProps {
      */
     shippingAddressRequired?: boolean;
     /**
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
+     * If shippingAddressRequired is set to true, specify shipping address restrictions. This object is used to set shipping restrictions.
+     *
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingAddressParameters
      */
     shippingAddressParameters?: google.payments.api.ShippingAddressParameters;
     /**
-     * Set to true when the SHIPPING_OPTION callback intent is used.
+     * Set to true when the SHIPPING_OPTION callback intent is used. This field is required if you implement support
+     * for Authorize Payments or Dynamic Price Updates.
+     *
      * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
      */
     shippingOptionRequired?: boolean;
@@ -100,6 +104,10 @@ export interface GooglePayProps extends UIElementProps {
      * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
      */
     shippingOptionParameters?: google.payments.api.ShippingOptionParameters;
+    /**
+     * Specifies the following callback intents for PaymentDataCallbacks
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataCallbacks
+     */
     callbackIntents?: google.payments.api.CallbackIntent[];
     /**
      * @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataCallbacks

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

@@ -22,7 +22,7 @@ declare class RedirectElement extends UIElement {
      * Returns whether the component state is valid or not
      */
     get isValid(): boolean;
-    get icon(): any;
+    get icon(): string;
     render(): h.JSX.Element;
 }
 export default RedirectElement;

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

@@ -24,7 +24,7 @@ export declare class SecuredFieldsElement extends UIElement {
     onBinLookup(obj: CbObjOnBinLookup): void;
     onBinValue: (callbackObj: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
     get isValid(): boolean;
-    get icon(): any;
+    get icon(): string;
     get browserInfo(): import("../../types").BrowserInfo;
     render(): h.JSX.Element;
 }

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/dist/types/components/internal/SecuredFields/utils.d.ts

@@ -9,7 +9,7 @@ export declare const resolvePlaceholders: (i18n?: Language) => SFPlaceholdersObj
 /**
  * Used by SecuredFieldsProviderHandlers
  */
-export declare const getCardImageUrl: (brand: any, resources: Resources) => any;
+export declare const getCardImageUrl: (brand: any, resources: Resources) => string;
 /**
  * Checks if `prop` is classified as an `Array` primitive or object.
  * @internal

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

@@ -40,7 +40,7 @@ export interface PaymentData extends PaymentMethodData {
     sessionData?: string;
     storePaymentMethod?: boolean;
 }
-export type ResultCode = 'Authorised' | 'Cancelled' | 'ChallengeShopper' | 'Error' | 'IdentifyShopper' | 'Pending';
+export type ResultCode = 'AuthenticationFinished' | 'AuthenticationNotRequired' | 'Authorised' | 'Cancelled' | 'ChallengeShopper' | 'Error' | 'IdentifyShopper' | 'PartiallyAuthorised' | 'Pending' | 'PresentToShopper' | 'Received' | 'RedirectShopper' | 'Refused';
 export interface OnPaymentCompletedData {
     sessionData: string;
     sessionResult: string;

package/dist/types/core/Context/Resources.d.ts

@@ -1,6 +1,19 @@
-import { ImageOptions } from '../../utils/get-image';
+export interface ImageOptions {
+    extension?: string;
+    imageFolder?: string;
+    resourceContext?: string;
+    name?: string;
+    parentFolder?: string;
+    size?: string;
+    subFolder?: string;
+    svgOptions?: string;
+    type?: string;
+}
+export type GetImageFnType = (name: any) => string;
 export declare class Resources {
     private readonly resourceContext;
     constructor(cdnContext?: string);
-    getImage(props: ImageOptions): Function;
+    private returnImage;
+    private getImageUrl;
+    getImage(props?: ImageOptions): GetImageFnType;
 }

package/dist/types/core/Context/useImage.d.ts

@@ -1,3 +1,4 @@
-import { ImageOptions } from '../../utils/get-image';
-declare function useImage(): (props: ImageOptions) => Function;
+import { GetImageFnType, ImageOptions } from './Resources';
+export type UseImageHookType = (props: ImageOptions) => GetImageFnType;
+declare function useImage(): (props?: ImageOptions) => GetImageFnType;
 export default useImage;

package/dist/types/utils/get-image.d.ts

@@ -1,13 +0,0 @@
-export interface ImageOptions {
-    extension?: string;
-    imageFolder?: string;
-    loadingContext?: string;
-    name?: string;
-    parentFolder?: string;
-    size?: string;
-    subFolder?: string;
-    svgOptions?: string;
-    type?: string;
-}
-export declare const getImageUrl: ({ loadingContext, extension, ...options }: ImageOptions) => Function;
-export default getImageUrl;

package/dist/types/utils/get-issuer-image.d.ts

@@ -1,2 +1,3 @@
-declare const getIssuerImageUrl: (options: object, type: string) => (issuer: string) => string;
+import { UseImageHookType } from '../core/Context/useImage';
+declare const getIssuerImageUrl: (options: object, type: string, getImage: UseImageHookType) => (issuer: string) => string;
 export default getIssuerImageUrl;

package/package.json

@@ -24,7 +24,7 @@
         "./dist/es/adyen.css": "./dist/es/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.49.2",
+    "version": "5.49.4",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -69,11 +69,11 @@
         "@rollup/plugin-json": "^6.0.0",
         "@rollup/plugin-node-resolve": "^15.0.0",
         "@rollup/plugin-replace": "^5.0.1",
-        "@storybook/addon-a11y": "^7.0.20",
-        "@storybook/addon-essentials": "^7.0.20",
-        "@storybook/manager-api": "^7.0.20",
-        "@storybook/preact": "^7.0.20",
-        "@storybook/preact-vite": "^7.0.20",
+        "@storybook/addon-a11y": "^7.2.0",
+        "@storybook/addon-essentials": "^7.2.0",
+        "@storybook/manager-api": "^7.2.0",
+        "@storybook/preact": "^7.2.0",
+        "@storybook/preact-vite": "^7.2.0",
         "@testing-library/jest-dom": "5.16.5",
         "@testing-library/preact": "3.2.3",
         "@testing-library/preact-hooks": "1.1.0",
@@ -92,7 +92,7 @@
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.8",
-        "eslint-plugin-storybook": "^0.6.12",
+        "eslint-plugin-storybook": "^0.6.13",
         "eslint-plugin-testing-library": "^5.9.1",
         "eslint-plugin-tsdoc": "^0.2.17",
         "filesize": "^10.0.0",
@@ -111,12 +111,12 @@
         "rollup-plugin-terser": "^7.0.2",
         "rollup-plugin-visualizer": "^5.8.3",
         "sass": "1.62.1",
-        "storybook": "^7.0.20",
+        "storybook": "^7.2.0",
         "stylelint": "15.10.1",
         "stylelint-config-standard-scss": "7.0.1",
         "tslib": "^2.4.1",
         "typescript": "4.9.5",
-        "vite": "4.3.9",
+        "vite": "4.4.8",
         "vite-plugin-stylelint": "^4.3.0",
         "whatwg-fetch": "^3.6.2"
     },

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;