@adyen/adyen-web 5.1.0 → 5.2.0

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

@@ -2,6 +2,10 @@ import { CardElement } from './Card';
 import { CardElementProps } from './types';
 declare class BancontactElement extends CardElement {
     constructor(props: CardElementProps);
+    protected static defaultProps: {
+        brands: string[];
+        onBinLookup: () => void;
+    };
     /**
      * 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
      * at creation time (no automatic removing of the CVC securedField).
@@ -9,9 +13,8 @@ declare class BancontactElement extends CardElement {
      * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.
      */
     formatProps(props: CardElementProps): {
-        brands: string[];
         type: string;
-        cvcPolicy: string;
+        cvcPolicy: import("../internal/SecuredFields/lib/core/AbstractSecuredField").CVCPolicyType;
         countryCode: any;
         configuration: {
             socialSecurityNumberMode: import("./types").SocialSecurityMode;
@@ -26,6 +29,7 @@ declare class BancontactElement extends CardElement {
         hasCVC: boolean;
         billingAddressRequired: any;
         brand?: string;
+        brands?: string[];
         enableStoreDetails?: boolean;
         hideCVC?: boolean;
         hasHolderName?: boolean;

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { CardFieldsProps } from './types';
-export default function CardFields({ brand, brandsConfiguration, dualBrandingElements, dualBrandingChangeHandler, dualBrandingSelected, errors, focusedElement, hasCVC, cvcPolicy, hideDateForBrand, onFocusField, showBrandIcon, valid }: CardFieldsProps): h.JSX.Element;
+export default function CardFields({ brand, brandsConfiguration, dualBrandingElements, dualBrandingChangeHandler, dualBrandingSelected, errors, focusedElement, hasCVC, cvcPolicy, expiryDatePolicy, onFocusField, showBrandIcon, valid }: CardFieldsProps): h.JSX.Element;

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

@@ -1,6 +1,7 @@
 import { PaymentAmount } from '../../../../../types';
 import { CardBrandsConfiguration } from '../../../types';
 import { ComponentChildren } from 'preact';
+import { CVCPolicyType, DatePolicyType } from '../../../../internal/SecuredFields/lib/core/AbstractSecuredField';
 export interface BrandIconProps {
     brand: string;
     brandsConfiguration: CardBrandsConfiguration;
@@ -14,8 +15,8 @@ export interface CardFieldsProps {
     errors?: any;
     focusedElement?: any;
     hasCVC?: any;
-    cvcPolicy?: string;
-    hideDateForBrand?: any;
+    cvcPolicy?: CVCPolicyType;
+    expiryDatePolicy?: DatePolicyType;
     onFocusField?: any;
     showBrandIcon?: boolean;
     valid?: any;
@@ -50,7 +51,7 @@ export interface CVCProps {
     filled?: any;
     focused?: any;
     frontCVC?: boolean;
-    cvcPolicy?: string;
+    cvcPolicy?: CVCPolicyType;
     isValid?: any;
     label?: any;
     onFocusField: (field: string) => void;
@@ -74,7 +75,7 @@ export interface ExpirationDateProps {
     isValid?: boolean;
     label?: string;
     onFocusField: (fieldName: string) => {};
-    hideDateForBrand?: boolean;
+    expiryDatePolicy?: DatePolicyType;
 }
 export interface InstallmentsProps {
     amount?: PaymentAmount;
@@ -122,7 +123,7 @@ export interface StoredCardFieldsProps {
     expiryYear?: string;
     focusedElement: string;
     hasCVC: boolean;
-    cvcPolicy: string;
+    cvcPolicy: CVCPolicyType;
     lastFour?: string;
     onFocusField: any;
     valid: any;

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

@@ -3,6 +3,7 @@ import { CardBrandsConfiguration, CardConfiguration, DualBrandSelectElement, Soc
 import { PaymentAmount } from '../../../../types';
 import { InstallmentOptions } from './components/types';
 import { ValidationResult } from '../../../internal/PersonalDetails/types';
+import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/lib/core/AbstractSecuredField';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -42,7 +43,7 @@ export interface CardInputProps {
     brandsConfiguration?: CardBrandsConfiguration;
     configuration?: CardConfiguration;
     countryCode?: string;
-    cvcPolicy?: string;
+    cvcPolicy?: CVCPolicyType;
     data?: CardInputDataState;
     enableStoreDetails?: boolean;
     fundingSource?: string;
@@ -79,8 +80,8 @@ export interface CardInputState {
     data?: object;
     errors?: object;
     focusedElement: string;
-    cvcPolicy: string;
-    hideDateForBrand: boolean;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     isValid: boolean;
     status: string;
     valid?: object;

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

@@ -1,7 +1,7 @@
 import { UIElementProps } from '../types';
 import { AddressData, BrowserInfo } from '../../types';
 import { CbObjOnBinValue, CbObjOnBrand, CbObjOnConfigSuccess, CbObjOnError, CbObjOnFieldValid, CbObjOnFocus, CbObjOnLoad, CbObjOnBinLookup } from '../internal/SecuredFields/lib/types';
-import { CVCPolicyType } from '../internal/SecuredFields/lib/core/AbstractSecuredField';
+import { CVCPolicyType, DatePolicyType } from '../internal/SecuredFields/lib/core/AbstractSecuredField';
 export interface CardElementProps extends UIElementProps {
     /**
      * Only set for a stored card,
@@ -109,6 +109,7 @@ export interface BrandObject {
     cvcPolicy: CVCPolicyType;
     enableLuhnCheck: boolean;
     showExpiryDate: boolean;
+    expiryDatePolicy?: DatePolicyType;
     showSocialSecurityNumber?: boolean;
     supported: boolean;
     brandImageUrl?: string;

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

@@ -1,7 +1,17 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-export declare class EcontextElement extends UIElement {
+import { UIElementProps } from '../types';
+import { PersonalDetailsSchema } from '../../types';
+interface EcontextElementProps extends UIElementProps {
+    reference?: string;
+    personalDetailsRequired?: boolean;
+    data?: PersonalDetailsSchema;
+}
+export declare class EcontextElement extends UIElement<EcontextElementProps> {
     static type: string;
+    protected static defaultProps: {
+        personalDetailsRequired: boolean;
+    };
     get isValid(): boolean;
     /**
      * Formats the component data output

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

@@ -1,2 +1,14 @@
-import { h } from 'preact';
-export default function EcontextInput(props: any): h.JSX.Element;
+import { h, VNode } from 'preact';
+import { PersonalDetailsSchema } from '../../../../types';
+import './EcontextInput.scss';
+interface EcontextInputProps {
+    personalDetailsRequired?: boolean;
+    data?: PersonalDetailsSchema;
+    showPayButton?: boolean;
+    payButton(config: any): VNode;
+    onChange?(data: any): void;
+    onSubmit?(state: any, component: any): void;
+    [key: string]: any;
+}
+export default function EcontextInput({ personalDetailsRequired, data, onChange, showPayButton, payButton }: EcontextInputProps): h.JSX.Element;
+export {};

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

@@ -57,6 +57,10 @@ interface PayPalCommonProps {
     debug?: boolean;
     environment?: string;
     blockPayPalCreditButton?: boolean;
+    /**
+     * @see {@link https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-configuration/#csp-nonce}
+     */
+    cspNonce?: string;
     /**
      * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#intent}
      */

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

@@ -3,7 +3,7 @@ import { SFPProps } from './defaultProps';
 import { StylesObject, CbObjOnError } from './lib/types';
 import { AddressData } from '../../../types';
 import { BinLookupResponse } from '../../Card/types';
-import { CVCPolicyType } from './lib/core/AbstractSecuredField';
+import { CVCPolicyType, DatePolicyType } from './lib/core/AbstractSecuredField';
 export interface SFPState {
     status?: string;
     brand?: string;
@@ -17,7 +17,7 @@ export interface SFPState {
     hasUnsupportedCard?: boolean;
     hasKoreanFields?: boolean;
     showSocialSecurityNumber?: boolean;
-    hideDateForBrand?: boolean;
+    expiryDatePolicy?: DatePolicyType;
     socialSecurityNumber?: string;
 }
 export interface SingleBrandResetObject {
@@ -31,7 +31,7 @@ export interface SingleBrandResetObject {
 declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
     private originKeyErrorTimeout;
     private originKeyTimeoutMS;
-    private numCharsInCVC;
+    private numCharsInField;
     private rootNode;
     private numDateFields;
     private csf;

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

@@ -1,4 +1,5 @@
 import { Language } from '../../../language/Language';
+import { CVCPolicyType } from './lib/core/AbstractSecuredField';
 export interface SFPProps {
     /**
      * CSF RELATED (±22)
@@ -44,7 +45,7 @@ export interface SFPProps {
     billingAddressRequiredFields: string[];
     brand: string;
     createFromAction: () => {};
-    cvcPolicy: string;
+    cvcPolicy: CVCPolicyType;
     data: object;
     details: object[];
     enableStoreDetails: boolean;

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

@@ -1,3 +1,4 @@
+import { CVCPolicyType, DatePolicyType } from '../core/AbstractSecuredField';
 export declare const ENCRYPTED_CARD_NUMBER = "encryptedCardNumber";
 export declare const ENCRYPTED_EXPIRY_DATE = "encryptedExpiryDate";
 export declare const ENCRYPTED_EXPIRY_MONTH = "encryptedExpiryMonth";
@@ -10,15 +11,19 @@ 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.5.4";
+export declare const SF_VERSION = "3.7.1";
 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 CVC_POLICY_REQUIRED = "required";
-export declare const CVC_POLICY_OPTIONAL = "optional";
-export declare const CVC_POLICY_HIDDEN = "hidden";
-export declare const DATE_POLICY_REQUIRED = "required";
-export declare const DATE_POLICY_HIDDEN = "hidden";
+export declare const REQUIRED = "required";
+export declare const OPTIONAL = "optional";
+export declare const HIDDEN = "hidden";
+export declare const CVC_POLICY_REQUIRED: CVCPolicyType;
+export declare const CVC_POLICY_OPTIONAL: CVCPolicyType;
+export declare const CVC_POLICY_HIDDEN: CVCPolicyType;
+export declare const DATE_POLICY_REQUIRED: DatePolicyType;
+export declare const DATE_POLICY_OPTIONAL: DatePolicyType;
+export declare const DATE_POLICY_HIDDEN: DatePolicyType;
 export declare const DATA_ENCRYPTED_FIELD_ATTR = "data-cse";
 export declare const DATA_INFO = "data-info";
 export declare const DATA_UID = "data-uid";

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

@@ -1,4 +1,4 @@
-import { CSFSetupObject, CSFConfigObject, CSFCallbacksConfig, CSFStateObject, SFFeedbackObj, SendBrandObject } from '../types';
+import { CSFSetupObject, CSFConfigObject, CSFCallbacksConfig, CSFStateObject, SFFeedbackObj, SendBrandObject, SendExpiryDateObject } from '../types';
 import { createSecuredFields } from './createSecuredFields';
 import { handleProcessBrand } from './utils/processBrand';
 import { handleBrandFromBinLookup } from './utils/handleBrandFromBinLookup';
@@ -29,6 +29,7 @@ declare abstract class AbstractCSF {
     protected processAutoComplete: (pFeedbackObj: SFFeedbackObj) => void;
     protected processBrand: typeof handleProcessBrand;
     protected sendBrandToCardSF: (brandObj: SendBrandObject) => void;
+    protected sendExpiryDatePolicyToSF: (dateObj: SendExpiryDateObject) => void;
     protected setFocusOnFrame: (pFieldType: string, doLog?: boolean) => void;
     protected setupSecuredField: (pItem: HTMLElement) => void;
     protected touchendListener: (e: Event) => void;

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

@@ -4,7 +4,7 @@ export declare type RtnType_noParamVoidFn = () => void;
 export declare type RtnType_postMessageListener = (event: Event) => void;
 export declare type RtnType_callbackFn = (feedbackObj: SFFeedbackObj) => void;
 export declare type CVCPolicyType = 'required' | 'optional' | 'hidden';
-export declare type DatePolicyType = 'required' | 'hidden';
+export declare type DatePolicyType = 'required' | 'optional' | 'hidden';
 /**
  * Base interface, props common to both SFSetupObject & IframeConfigObject
  */
@@ -19,6 +19,7 @@ export interface SFInternalConfig {
     isCreditCardType: boolean;
     showWarnings: boolean;
     cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     legacyInputMode: boolean;
     minimumExpiryDate: string;
     uid: string;
@@ -28,7 +29,7 @@ export interface SFInternalConfig {
  * The object passed from createSecuredFields to a new instance of SecuredField.ts
  */
 export interface SFSetupObject extends SFInternalConfig {
-    datePolicy: DatePolicyType;
+    expiryDatePolicy: DatePolicyType;
     iframeSrc: string;
     loadingContext: string;
     holderEl: HTMLElement;
@@ -76,7 +77,7 @@ declare abstract class AbstractSecuredField {
     protected _hasError: boolean;
     protected _isValid: boolean;
     protected _cvcPolicy: CVCPolicyType;
-    protected _datePolicy: DatePolicyType;
+    protected _expiryDatePolicy: DatePolicyType;
     protected _iframeContentWindow: Window;
     protected _isEncrypted: boolean;
     protected _numKey: number;

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

@@ -23,8 +23,8 @@ declare class SecuredField extends AbstractSecuredField {
     set isValid(value: boolean);
     get cvcPolicy(): CVCPolicyType;
     set cvcPolicy(value: CVCPolicyType);
-    get datePolicy(): DatePolicyType;
-    set datePolicy(value: DatePolicyType);
+    get expiryDatePolicy(): DatePolicyType;
+    set expiryDatePolicy(value: DatePolicyType);
     get iframeContentWindow(): Window;
     set iframeContentWindow(value: Window);
     get isEncrypted(): boolean;

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

@@ -1,4 +1,5 @@
-import { SendBrandObject } from '../../types';
+import { SendBrandObject, SendExpiryDateObject } from '../../types';
 import { BinLookupResponse } from '../../../../../Card/types';
 export declare function sendBrandToCardSF(brandObj: SendBrandObject): void;
+export declare function sendExpiryDatePolicyToSF(expiryDateObj: SendExpiryDateObject): void;
 export declare function handleBrandFromBinLookup(binLookupResponse: BinLookupResponse): void;

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

@@ -1,2 +1,8 @@
 import { SFFeedbackObj } from '../../types';
+/**
+ * - If generic card type AND passed brand doesn't equal stored brand - send the new brand to the cvc input
+ *    (so it can reassess what length it should be and if any value it contains is now valid)
+ *
+ * - Create object for onBrand callback aka SFPHandlers.handleOnBrand
+ */
 export declare function handleProcessBrand(pFeedbackObj: SFFeedbackObj): boolean;

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

@@ -4,11 +4,13 @@ import { BrandObject } from '../../../Card/types';
 declare global {
     interface Window {
         _b$dl: boolean;
+        mockBinCount: number;
     }
 }
 export interface BrandStorageObject {
     brand: string;
-    cvcPolicy: string;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     showSocialSecurityNumber?: boolean;
 }
 /**
@@ -136,14 +138,14 @@ export interface CardObject {
     pattern: RegExp;
     securityCode?: string;
     displayName?: string;
-    cvcPolicy?: string;
+    cvcPolicy?: CVCPolicyType;
 }
 export interface CbObjOnBrand {
     type: string;
     rootNode: HTMLElement;
     brand: string;
     cvcPolicy: CVCPolicyType;
-    datePolicy?: DatePolicyType;
+    expiryDatePolicy?: DatePolicyType;
     cvcText: string;
     showSocialSecurityNumber?: boolean;
     brandImageUrl?: string;
@@ -224,7 +226,7 @@ export interface SFFeedbackObj {
     code?: string;
     cvcText?: string;
     cvcPolicy?: CVCPolicyType;
-    datePolicy?: DatePolicyType;
+    expiryDatePolicy?: DatePolicyType;
     showSocialSecurityNumber?: boolean;
     maxLength?: number;
     error?: string;
@@ -254,4 +256,7 @@ export interface SendBrandObject {
     brand: string;
     enableLuhnCheck: boolean;
 }
+export interface SendExpiryDateObject {
+    expiryDatePolicy: DatePolicyType;
+}
 export {};

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

@@ -4,7 +4,10 @@
  * @returns Number
  */
 declare function generateRandomNumber(): number;
-declare function objectsDeepEqual(obj1?: {}, obj2?: {}): boolean;
+/**
+ * Recursively compare 2 objects
+ */
+declare function objectsDeepEqual(x: any, y: any): any;
 /**
  * Returns true if x is:
  * null, undefined, false, 0, NaN, empty object or array, empty string

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

@@ -15,7 +15,9 @@ declare class Script {
     private readonly script;
     private readonly src;
     private readonly node;
-    constructor(src: any, node?: string);
+    private readonly attributes;
+    private readonly dataAttributes;
+    constructor(src: any, node?: string, attributes?: Partial<HTMLScriptElement>, dataAttributes?: Record<string, string | undefined>);
     load: () => Promise<any>;
     remove: () => void;
 }

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

@@ -0,0 +1 @@
+export declare function hasOwnProperty(obj: any, prop: any): any;

package/package.json

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