@adyen/adyen-web 5.13.1 → 5.14.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/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 }: {
     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;

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/internal/Address/Specifications.d.ts

@@ -1,4 +1,5 @@
 import { AddressSchema, StringObject } from './types';
+import { AddressField } from 'src/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,7 @@ export interface AddressProps {
     specifications?: AddressSpecifications;
     validationRules?: ValidatorRules;
     visibility?: string;
+    overrideSchema?: AddressSpecifications;
 }
 export interface AddressStateError {
     street?: ValidationRuleResult;

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/SecuredFields/lib/utilities/commonUtils.d.ts

@@ -3,11 +3,11 @@
  *
  * @returns Number
  */
-declare function generateRandomNumber(): number;
+export declare function generateRandomNumber(): number;
 /**
  * Recursively compare 2 objects
  */
-declare function objectsDeepEqual(x: any, y: any): any;
+export declare function objectsDeepEqual(x: any, y: any): any;
 /**
  * Returns true if x is:
  * null, undefined, false, 0, NaN, empty object or array, empty string
@@ -30,15 +30,15 @@ declare function objectsDeepEqual(x: any, y: any): any;
  * falsy(true) // => false
  * ```
  */
-declare function falsy(x: any): boolean;
+export declare function falsy(x: any): boolean;
 /**
  * Inverse of falsy - returns true if x is NOT null, undefined, false, 0, NaN, empty object or array, empty string
  * @param x -
  */
-declare function notFalsy(x: any): boolean;
+export declare function notFalsy(x: any): boolean;
 /**
  * This function allows us to partially apply any number of variables to functions that take any number of parameters.
  * @returns \{function(): *\}
  */
-declare function partial(...args: any[]): (...args2: any[]) => any;
-export { generateRandomNumber, existy, falsy, isArray, objectsDeepEqual, notFalsy, partial, truthy };
+export declare function partial(...args: any[]): (...args2: any[]) => any;
+export declare const isEmpty: (input: any) => boolean;

package/dist/types/utils/Validator/ValidationRuleResult.d.ts

@@ -0,0 +1,17 @@
+import { ErrorMessageObject } from './types';
+/**
+ * Holds the result of a validation
+ */
+export declare class ValidationRuleResult {
+    private readonly shouldValidate;
+    isValid: boolean;
+    errorMessage: string | ErrorMessageObject;
+    constructor(rule: any, value: any, mode: any, context: any);
+    /**
+     * Whether the validation is considered an error.
+     * A field is only considered to be an error if the validation rule applies to the current mode i.e. 'blur' or 'input'.
+     * Also, if a validation function returns a null value e.g. when the field is empty, then the field will not be considered to be in error
+     * unless the whole form is being validated
+     */
+    hasError(isValidatingForm?: boolean): boolean;
+}

package/dist/types/utils/Validator/Validator.d.ts

@@ -1,33 +1,20 @@
-import { ErrorMessageObject, FieldContext, FieldData, ValidatorRules } from './types';
-/**
- * Holds the result of a validation
- */
-export declare class ValidationRuleResult {
-    private readonly shouldValidate;
-    isValid: boolean;
-    errorMessage: string | ErrorMessageObject;
-    constructor(rule: any, value: any, mode: any, context: any);
-    /**
-     * Whether the validation is considered an error.
-     * A field is only considered to be an error if the validation rule applies to the current mode.
-     */
-    hasError(): boolean;
-}
+import { ValidatorRules, FieldContext, FieldData } from './types';
+import { ValidationRuleResult } from './ValidationRuleResult';
 declare class ValidationResult {
     private validationResults;
     constructor(results: ValidationRuleResult[]);
     /** Checks if all validation rules have passed */
     get isValid(): boolean;
     /** Checks if any validation rule returned an error */
-    hasError(): boolean;
+    hasError(isValidatingForm?: boolean): boolean;
     /** Returns the first validation result that returned an error */
-    getError(): ValidationRuleResult;
+    getError(isValidatingForm?: boolean): ValidationRuleResult;
     /** Returns all validation results that returned an error */
     getAllErrors(): ValidationRuleResult[];
 }
 declare class Validator {
     rules: ValidatorRules;
-    constructor(rules?: {});
+    constructor(rules: any);
     setRules(newRules: any): void;
     /**
      * Get all validation rules for a field

package/dist/types/utils/Validator/types.d.ts

@@ -1,3 +1,4 @@
+import { ValidationRuleResult } from './ValidationRuleResult';
 declare type ValidatorMode = 'blur' | 'input';
 export declare type ErrorMessageObject = {
     translationKey: string;
@@ -42,4 +43,7 @@ export interface FieldContext {
         [key: string]: any;
     };
 }
+export declare type ValidationRuleResults = {
+    [key: string]: ValidationRuleResult;
+};
 export {};

package/dist/types/utils/useForm/reducer.d.ts

@@ -1,14 +1,16 @@
 /**
  * Processes default data and sets as default in state
  */
-export declare function init({ schema, defaultData, processField }: {
+export declare function init({ schema, defaultData, processField, fieldProblems }: {
     schema: any;
     defaultData: any;
     processField: any;
+    fieldProblems: any;
 }): {
     schema: any;
     data: any;
     valid: any;
     errors: any;
+    fieldProblems: any;
 };
-export declare function getReducer(processField: any): (state: any, { type, key, value, mode, defaultData, schema }: any) => any;
+export declare function getReducer(processField: any): (state: any, { type, key, value, mode, schema, defaultData, formValue, selectedSchema, fieldProblems }: any) => any;

package/dist/types/utils/useForm/types.d.ts

@@ -1,19 +1,29 @@
-import { ValidationResult } from '../../components/internal/PersonalDetails/types';
 import { ValidatorRules } from '../Validator/types';
-export declare type FormState<DataState> = {
-    schema: string[];
-    data: DataState;
+export declare type FormState<FormSchema> = {
+    schema?: string[];
+    data: FormSchema;
     errors: {
-        [key: string]: ValidationResult;
+        [key: string]: any;
     };
     valid: {
         [key: string]: boolean;
     };
+    fieldProblems?: {
+        [key: string]: any;
+    };
+    isValid?: boolean;
 };
 export declare type FormProps = {
     rules?: ValidatorRules;
     [key: string]: any;
 };
-export declare type DefaultDataState = {
-    [key: string]: any;
-};
+export interface Form<FormSchema> extends FormState<FormSchema> {
+    handleChangeFor: (key: string, mode?: string) => (e: any) => void;
+    triggerValidation: (schema?: any) => void;
+    setSchema: (schema: any) => void;
+    setData: (key: string, value: any) => void;
+    setValid: (key: string, value: any) => void;
+    setErrors: (key: string, value: any) => void;
+    mergeForm: (formValue: any) => void;
+    setFieldProblems: (fieldProblems: any) => void;
+}

package/dist/types/utils/useForm/useForm.d.ts

@@ -1,19 +1,3 @@
-import { FormProps, DefaultDataState } from './types';
-declare function useForm<DataState = DefaultDataState>(props: FormProps): {
-    handleChangeFor: (key: any, mode?: string) => (e: any) => void;
-    triggerValidation: () => void;
-    setSchema: (schema: any) => void;
-    setData: (key: any, value: any) => void;
-    setValid: (key: any, value: any) => void;
-    setErrors: (key: any, value: any) => void;
-    isValid: boolean;
-    schema: string[];
-    valid: {
-        [key: string]: boolean;
-    };
-    errors: {
-        [key: string]: import("../../components/internal/PersonalDetails/types").ValidationResult;
-    };
-    data: DataState;
-};
+import { Form, FormProps } from './types';
+declare function useForm<FormSchema>(props: FormProps): Form<FormSchema>;
 export default useForm;

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.13.1",
+    "version": "5.14.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -51,12 +51,12 @@
         "@babel/cli": "^7.17.6",
         "@babel/core": "^7.16.0",
         "@babel/plugin-transform-runtime": "^7.17.0",
-        "@babel/preset-env": "^7.16.0",
+        "@babel/preset-env": "^7.16.11",
         "@babel/preset-react": "^7.14.5",
         "@babel/preset-typescript": "^7.15.0",
         "@babel/runtime-corejs3": "^7.16.3",
         "@rollup/plugin-babel": "^5.3.0",
-        "@rollup/plugin-commonjs": "^21.0.1",
+        "@rollup/plugin-commonjs": "^21.0.3",
         "@rollup/plugin-eslint": "^8.0.1",
         "@rollup/plugin-json": "^4.1.0",
         "@rollup/plugin-node-resolve": "^13.1.3",