@adyen/adyen-web 5.5.0 → 5.6.0

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

@@ -5,6 +5,7 @@ declare class BancontactElement extends CardElement {
     protected static defaultProps: {
         brands: string[];
         onBinLookup: () => void;
+        SRConfig: {};
     };
     /**
      * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
@@ -24,6 +25,11 @@ declare class BancontactElement extends CardElement {
         };
         brandsConfiguration: import("./types").CardBrandsConfiguration;
         icon: string;
+        SRConfig: {
+            collateErrors: any;
+            moveFocus: any;
+            showPanel: any;
+        };
         groupTypes: string[];
         holderNameRequired: boolean;
         hasCVC: boolean;

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

@@ -6,6 +6,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
     static type: string;
     protected static defaultProps: {
         onBinLookup: () => void;
+        SRConfig: {};
     };
     formatProps(props: CardElementProps): {
         type: string;
@@ -18,6 +19,11 @@ export declare class CardElement extends UIElement<CardElementProps> {
         };
         brandsConfiguration: import("./types").CardBrandsConfiguration;
         icon: string;
+        SRConfig: {
+            collateErrors: any;
+            moveFocus: any;
+            showPanel: any;
+        };
         groupTypes: string[];
         holderNameRequired: boolean;
         hasCVC: boolean;

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

@@ -37,6 +37,7 @@ declare namespace CardInput {
         };
         styles: {};
         placeholders: {};
+        SRConfig: {};
     };
 }
 export default CardInput;

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

@@ -33,5 +33,6 @@ declare const _default: {
     };
     styles: {};
     placeholders: {};
+    SRConfig: {};
 };
 export default _default;

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

@@ -0,0 +1,9 @@
+export declare const CREDIT_CARD: string[];
+export declare const CREDIT_CARD_NAME_TOP: string[];
+export declare const CREDIT_CARD_NAME_BOTTOM: string[];
+export declare const KCP_CARD: string[];
+export declare const KCP_CARD_NAME_TOP: string[];
+export declare const KCP_CARD_NAME_BOTTOM: string[];
+export declare const SSN_CARD: string[];
+export declare const SSN_CARD_NAME_TOP: string[];
+export declare const SSN_CARD_NAME_BOTTOM: string[];

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

@@ -4,6 +4,9 @@ import { PaymentAmount } from '../../../../types';
 import { InstallmentOptions } from './components/types';
 import { ValidationResult } from '../../../internal/PersonalDetails/types';
 import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/lib/core/AbstractSecuredField';
+import { ValidationRuleResult } from '../../../../utils/Validator/Validator';
+import Specifications from '../../../internal/Address/Specifications';
+import { AddressSchema, StringObject } from '../../../internal/Address/types';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -71,6 +74,8 @@ export interface CardInputProps {
     onBinValue?: () => {};
     details?: object;
     storedDetails?: object;
+    SRConfig?: ScreenreaderConfig;
+    specifications?: Specifications;
 }
 export interface CardInputState {
     dualBrandSelectElements: DualBrandSelectElement[];
@@ -88,4 +93,38 @@ export interface CardInputState {
     issuingCountryCode: string;
     showSocialSecurityNumber?: boolean;
 }
+interface ScreenreaderConfig {
+    collateErrors?: boolean;
+    moveFocus?: boolean;
+    showPanel?: boolean;
+}
+interface FieldError {
+    errorMessage?: string;
+    errorI18n?: string;
+}
+export interface ErrorObj {
+    holderName?: ValidationRuleResult;
+    socialSecurityNumber?: ValidationRuleResult;
+    taxNumber?: ValidationRuleResult;
+    billingAddress?: ValidationRuleResult;
+    encryptedCardNumber?: FieldError;
+    encryptedExpiryDate?: FieldError;
+    encryptedSecurityCode?: FieldError;
+    encryptedBankAccountNumber?: FieldError;
+    encryptedBankLocationId?: FieldError;
+    encryptedPassword?: FieldError;
+    encryptedPin?: FieldError;
+}
+export interface LayoutObj {
+    props: CardInputProps;
+    showKCP: boolean;
+    showBrazilianSSN: boolean;
+    countrySpecificSchemas: AddressSchema;
+}
+export interface SortErrorsObj {
+    errors: ErrorObj;
+    layout: string[];
+    i18n: Language;
+    countrySpecificLabels: StringObject;
+}
 export {};

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

@@ -1 +1,5 @@
+import { ErrorPanelObj } from '../../../../core/Errors/ErrorPanel';
+import { LayoutObj, SortErrorsObj } from './types';
 export declare const getCardImageUrl: (brand: string, loadingContext: string) => string;
+export declare const getLayout: ({ props, showKCP, showBrazilianSSN, countrySpecificSchemas }: LayoutObj) => string[];
+export declare const sortErrorsForPanel: ({ errors, layout, i18n, countrySpecificLabels }: SortErrorsObj) => ErrorPanelObj;

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

@@ -108,7 +108,7 @@ export interface BrandObject {
     brand: string;
     cvcPolicy: CVCPolicyType;
     enableLuhnCheck: boolean;
-    showExpiryDate: boolean;
+    showExpiryDate?: boolean;
     expiryDatePolicy?: DatePolicyType;
     showSocialSecurityNumber?: boolean;
     supported: boolean;

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

@@ -1,4 +1,4 @@
-import { AddressSchema } from './types';
+import { AddressSchema, StringObject } from './types';
 declare class Specifications {
     private specifications;
     constructor(specifications?: any);
@@ -21,6 +21,12 @@ declare class Specifications {
      * @returns AddressSchema
      */
     getAddressSchemaForCountry(country: string): AddressSchema;
+    /**
+     * Returns the address labels of the selected country or the default address labels.
+     * @param country - The selected country
+     * @returns StringObject
+     */
+    getAddressLabelsForCountry(country: string): StringObject;
     /**
      * Returns the optional fields of the selected country or the default optional fields.
      * @param country - The selected country

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

@@ -1,6 +1,9 @@
 import { AddressField, AddressData } from '../../../types';
 import Specifications from './Specifications';
 import { ValidatorRules } from '../../../utils/Validator/Validator';
+export declare type StringObject = {
+    [key: string]: string;
+};
 export interface AddressProps {
     allowedCountries?: string[];
     countryCode?: string;
@@ -71,13 +74,9 @@ export declare type AddressSchema = (AddressField | AddressFieldsGroup)[];
 export interface AddressSpecifications {
     [key: string]: {
         hasDataset?: boolean;
-        labels?: {
-            [key: string]: string;
-        };
+        labels?: StringObject;
         optionalFields?: AddressField[];
-        placeholders?: {
-            [key: string]: string;
-        };
+        placeholders?: StringObject;
         schema?: AddressSchema;
     };
 }

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

@@ -13,7 +13,7 @@ declare class Field extends Component<FieldProps, FieldState> {
         filled: any;
         focused?: undefined;
     };
-    render({ className, classNameModifiers, children, errorMessage, helper, inputWrapperModifiers, isLoading, isValid, label, dualBrandingElements, dir, name, showValidIcon }: {
+    render({ className, classNameModifiers, children, errorMessage, helper, inputWrapperModifiers, isLoading, isValid, label, dualBrandingElements, dir, name, showValidIcon, isCollatingErrors }: {
         className?: string;
         classNameModifiers?: any[];
         children: any;
@@ -27,6 +27,7 @@ declare class Field extends Component<FieldProps, FieldState> {
         dir: any;
         name: any;
         showValidIcon: any;
+        isCollatingErrors: any;
     }): h.JSX.Element;
 }
 export default Field;

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

@@ -20,6 +20,7 @@ export interface FieldProps {
     dir?: any;
     name?: string;
     showValidIcon?: boolean;
+    isCollatingErrors?: boolean;
 }
 export interface FieldState {
     disabled?: boolean;

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 }: 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/types.d.ts

@@ -18,6 +18,7 @@ export interface SelectProps {
     readonly: boolean;
     selected: string;
     uniqueId?: string;
+    isCollatingErrors: boolean;
 }
 export interface SelectButtonProps {
     active: SelectItem;

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

@@ -11,10 +11,11 @@ export declare const ENCRYPTED_PIN_FIELD = "encryptedPin";
 export declare const GIFT_CARD = "giftcard";
 export declare const ENCRYPTED_BANK_ACCNT_NUMBER_FIELD = "encryptedBankAccountNumber";
 export declare const ENCRYPTED_BANK_LOCATION_FIELD = "encryptedBankLocationId";
-export declare const SF_VERSION = "3.7.3";
+export declare const SF_VERSION = "3.7.4";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
-export declare const CSF_FIELDS_ARRAY: string[];
+export declare const SF_FIELDS_ARRAY: string[];
+export declare const ALL_SECURED_FIELDS: string[];
 export declare const REQUIRED = "required";
 export declare const OPTIONAL = "optional";
 export declare const HIDDEN = "hidden";

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

@@ -24,6 +24,7 @@ export interface SFInternalConfig {
     minimumExpiryDate: string;
     uid: string;
     implementationType: string;
+    isCollatingErrors: boolean;
 }
 /**
  * The object passed from createSecuredFields to a new instance of SecuredField.ts

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

@@ -44,6 +44,7 @@ interface CSFCommonProps {
     legacyInputMode?: boolean;
     minimumExpiryDate?: string;
     implementationType?: string;
+    isCollatingErrors?: boolean;
 }
 /**
  * Object sent when SecuredFieldsProvider initialises CSF

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

@@ -1,8 +1,9 @@
 import { h } from 'preact';
-export default function ({ onChange, onInput, valid, error, data }: {
+export default function ({ onChange, onInput, valid, error, data, required }: {
     onChange: any;
     onInput: any;
     valid?: boolean;
     error?: any;
     data?: string;
+    required?: boolean;
 }): h.JSX.Element;

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

@@ -1,5 +1,7 @@
+import { CommonPropsTypes } from './CoreProvider';
 import Language from '../../language/Language';
 export declare const CoreContext: import("preact").Context<{
     i18n: Language;
     loadingContext: string;
+    commonProps: CommonPropsTypes;
 }>;

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

@@ -3,6 +3,10 @@ interface CoreProviderProps {
     loadingContext: string;
     i18n: any;
     children?: any;
+    commonProps?: CommonPropsTypes;
+}
+export interface CommonPropsTypes {
+    isCollatingErrors?: boolean;
 }
 /**
  * CoreProvider Component

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

@@ -1,5 +1,6 @@
 declare function useCoreContext(): {
     i18n: import("../../language").default;
     loadingContext: string;
+    commonProps: import("./CoreProvider").CommonPropsTypes;
 };
 export default useCoreContext;

package/dist/types/core/Errors/ErrorPanel.d.ts

@@ -0,0 +1,14 @@
+import { h } from 'preact';
+import './ErrorPanel.scss';
+export interface ErrorPanelObj {
+    errorMessages: string[];
+    fieldList: string[];
+}
+export interface ErrorPanelProps {
+    id?: string;
+    heading?: string;
+    errors: ErrorPanelObj;
+    callbackFn?: (who: any) => void;
+    showPanel?: boolean;
+}
+export declare function ErrorPanel({ id, heading, errors, callbackFn, showPanel }: ErrorPanelProps): h.JSX.Element;

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

@@ -20,7 +20,7 @@ export declare type ValidatorRules = {
 /**
  * Holds the result of a validation
  */
-declare class ValidationRuleResult {
+export declare class ValidationRuleResult {
     private readonly shouldValidate;
     isValid: boolean;
     errorMessage: string;

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.5.0",
+    "version": "5.6.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",