@adyen/adyen-web 5.10.0 → 5.11.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;
+        showBrandsUnderCardNumber: boolean;
         SRConfig: {};
     };
     /**
@@ -43,6 +44,8 @@ declare class BancontactElement extends CardElement {
         };
         brand?: string;
         brands?: string[];
+        showBrandsUnderCardNumber?: boolean;
+        showBrandIcon?: boolean;
         enableStoreDetails?: boolean;
         hideCVC?: boolean;
         hasHolderName?: 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;
+        showBrandsUnderCardNumber: boolean;
         SRConfig: {};
     };
     setComponentRef: (ref: any) => void;
@@ -38,6 +39,8 @@ export declare class CardElement extends UIElement<CardElementProps> {
         };
         brand?: string;
         brands?: string[];
+        showBrandsUnderCardNumber?: boolean;
+        showBrandIcon?: boolean;
         enableStoreDetails?: boolean;
         hideCVC?: boolean;
         hasHolderName?: boolean;
@@ -46,11 +49,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
         onFieldValid?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFieldValid) => void;
         onBrand?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBrand) => void;
         onError?: (event: import("../internal/SecuredFields/lib/types").CbObjOnError) => void;
-        onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void; /**
-         * this.props.brand is never set for the generic card only for a 'dedicated' single-branded card e.g. bcmc
-         * this.state.selectedBrandValue will be set when /binLookup detects a single brand &/or when /binLookup detects a dual-branded card and
-         *  the shopper makes a brand selection
-         */
+        onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
         onBinLookup?: (event: CbObjOnBinLookup) => void;
         session?: {

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

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+import './AvailableBrands.scss';
+import { BrandConfiguration } from '../../../../types';
+declare type AvailableBrands = Array<BrandConfiguration>;
+interface PaymentMethodBrandsProps {
+    brands: AvailableBrands;
+    activeBrand: string;
+}
+declare const AvailableBrands: ({ brands, activeBrand }: PaymentMethodBrandsProps) => h.JSX.Element;
+export default AvailableBrands;

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

@@ -0,0 +1 @@
+export { default } from './AvailableBrands';

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, expiryDatePolicy, onFocusField, showBrandIcon, valid }: CardFieldsProps): h.JSX.Element;
+export default function CardFields({ brand, brandsIcons, brandsConfiguration, dualBrandingElements, dualBrandingChangeHandler, dualBrandingSelected, errors, focusedElement, hasCVC, cvcPolicy, expiryDatePolicy, onFocusField, showBrandIcon, showBrandsUnderCardNumber, valid }: CardFieldsProps): h.JSX.Element;

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, 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 }: {
+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 }: {
     data: any;
     valid: any;
     errors: any;
@@ -13,6 +13,7 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     hasInstallments: any;
     handleInstallments: any;
     showAmountsInInstallments: any;
+    brandsIcons: any;
     mergedSRErrors: any;
     moveFocus: any;
     showPanel: any;
@@ -44,4 +45,5 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     placeholders: any;
     positionHolderNameOnTop: any;
     showBrandIcon: any;
+    showBrandsUnderCardNumber: any;
 }) => h.JSX.Element;

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

@@ -1,5 +1,5 @@
 import { PaymentAmount } from '../../../../../types';
-import { CardBrandsConfiguration } from '../../../types';
+import { BrandConfiguration, CardBrandsConfiguration } from '../../../types';
 import { ComponentChildren } from 'preact';
 import { CVCPolicyType, DatePolicyType } from '../../../../internal/SecuredFields/lib/types';
 export interface BrandIconProps {
@@ -8,6 +8,7 @@ export interface BrandIconProps {
 }
 export interface CardFieldsProps {
     brand?: string;
+    brandsIcons?: Array<BrandConfiguration>;
     brandsConfiguration?: CardBrandsConfiguration;
     dualBrandingChangeHandler?: any;
     dualBrandingElements?: any;
@@ -19,6 +20,7 @@ export interface CardFieldsProps {
     expiryDatePolicy?: DatePolicyType;
     onFocusField?: any;
     showBrandIcon?: boolean;
+    showBrandsUnderCardNumber: boolean;
     valid?: any;
 }
 export interface CardHolderNameProps {

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

@@ -1,5 +1,5 @@
 import Language from '../../../../language/Language';
-import { BinLookupResponse, CardBrandsConfiguration, CardConfiguration, DualBrandSelectElement } from '../../types';
+import { BinLookupResponse, BrandConfiguration, CardBrandsConfiguration, CardConfiguration, DualBrandSelectElement } from '../../types';
 import { PaymentAmount } from '../../../../types';
 import { InstallmentOptions } from './components/types';
 import { ValidationResult } from '../../../internal/PersonalDetails/types';
@@ -52,6 +52,7 @@ export interface CardInputProps {
     brand?: string;
     brands?: string[];
     brandsConfiguration?: CardBrandsConfiguration;
+    brandsIcons: Array<BrandConfiguration>;
     clientKey: string;
     configuration?: CardConfiguration;
     countryCode?: string;
@@ -90,6 +91,7 @@ export interface CardInputProps {
     placeholders?: Placeholders;
     positionHolderNameOnTop?: boolean;
     setComponentRef?: (ref: any) => void;
+    showBrandsUnderCardNumber: boolean;
     showBrandIcon?: boolean;
     showInstallmentAmounts?: boolean;
     showPayButton?: boolean;

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

@@ -26,6 +26,7 @@ export declare const extractPropsForCardFields: (props: CardInputProps) => {
     };
     positionHolderNameOnTop: boolean;
     showBrandIcon: boolean;
+    showBrandsUnderCardNumber: boolean;
     lastFour: string;
     expiryMonth: string;
     expiryYear: string;

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

@@ -19,6 +19,16 @@ export interface CardElementProps extends UIElementProps {
     type?: string;
     /** List of brands accepted by the component */
     brands?: string[];
+    /**
+     * Show/hide available card brands under the Card number field
+     * @defaultValue `false`
+     */
+    showBrandsUnderCardNumber?: boolean;
+    /**
+     * Show/hide the brand logo when the card brand has been recognized
+     * @defaultValue `true`
+     */
+    showBrandIcon?: boolean;
     /** Show/hide the "store details" checkbox */
     enableStoreDetails?: boolean;
     /** Show/hide the CVC field - merchant set config option */
@@ -86,10 +96,12 @@ export interface CardConfiguration {
     icon?: string;
     brandsConfiguration?: CardBrandsConfiguration;
 }
+export interface BrandConfiguration {
+    name: string;
+    icon?: string;
+}
 export interface CardBrandsConfiguration {
-    [key: string]: {
-        icon?: string;
-    };
+    [key: string]: BrandConfiguration;
 }
 interface CardPaymentMethodData {
     type: string;

package/dist/types/components/Dropin/components/PaymentMethod/PaymentMethodBrands/CompactView.d.ts

@@ -0,0 +1,8 @@
+import { h } from 'preact';
+import { BrandConfiguration } from '../../../../Card/types';
+interface CompactViewProps {
+    brands: Array<BrandConfiguration>;
+    isPaymentMethodSelected: boolean;
+}
+declare const CompactView: ({ brands, isPaymentMethodSelected }: CompactViewProps) => h.JSX.Element;
+export default CompactView;

package/dist/types/components/Dropin/components/PaymentMethod/PaymentMethodBrands/PaymentMethodBrands.d.ts

@@ -0,0 +1,10 @@
+import { h } from 'preact';
+import { BrandConfiguration } from '../../../../Card/types';
+interface PaymentMethodBrandsProps {
+    brands: Array<BrandConfiguration>;
+    isPaymentMethodSelected: boolean;
+    activeBrand?: string;
+    isCompactView?: boolean;
+}
+declare const PaymentMethodBrands: ({ activeBrand, brands, isPaymentMethodSelected, isCompactView }: PaymentMethodBrandsProps) => h.JSX.Element;
+export default PaymentMethodBrands;

package/dist/types/components/Dropin/components/PaymentMethod/PaymentMethodBrands/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PaymentMethodBrands';

package/dist/types/components/Dropin/components/PaymentMethod/PaymentMethodItem.d.ts

@@ -24,6 +24,7 @@ declare class PaymentMethodItem extends Component<PaymentMethodItemProps> {
     };
     state: {
         showDisableStoredPaymentMethodConfirmation: boolean;
+        activeBrand: any;
     };
     isMouseDown: boolean;
     onFocus: () => void;
@@ -43,7 +44,7 @@ declare class PaymentMethodItem extends Component<PaymentMethodItemProps> {
         onSelect: any;
         standalone: any;
     }, { activeBrand }: {
-        activeBrand?: any;
+        activeBrand: any;
     }): h.JSX.Element;
 }
 export default PaymentMethodItem;

package/package.json

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