@adyen/adyen-web 5.8.0 → 5.9.0

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

@@ -10,9 +10,21 @@ declare global {
 declare type ButtonColor = 'Gold' | 'LightGray' | 'DarkGray';
 declare type Placement = 'Home' | 'Product' | 'Cart' | 'Checkout' | 'Other';
 declare type ProductType = 'PayOnly' | 'PayAndShip';
+declare type ChargePermissionType = 'OneTime' | 'Recurring';
+declare type FrequencyUnit = 'Year' | 'Month' | 'Week' | 'Day' | 'Variable';
 export declare type Currency = 'EUR' | 'GBP' | 'USD';
 export declare type Region = 'EU' | 'UK' | 'US';
 export declare type SupportedLocale = typeof SUPPORTED_LOCALES_EU[number] | typeof SUPPORTED_LOCALES_US[number];
+export interface RecurringMetadata {
+    frequency: {
+        unit: string;
+        value: FrequencyUnit;
+    };
+    amount: {
+        amount: string;
+        currencyCode: Currency;
+    };
+}
 export interface AmazonPayConfiguration {
     merchantId?: string;
     publicKeyId?: string;
@@ -26,6 +38,7 @@ export interface AmazonPayElementProps {
     amount?: PaymentAmount;
     buttonColor?: ButtonColor;
     cancelUrl?: string;
+    chargePermissionType?: ChargePermissionType;
     clientKey?: string;
     configuration?: AmazonPayConfiguration;
     currency?: Currency;
@@ -40,6 +53,7 @@ export interface AmazonPayElementProps {
     payButton?: any;
     placement?: Placement;
     productType?: ProductType;
+    recurringMetadata?: RecurringMetadata;
     region?: Region;
     returnUrl?: string;
     showChangePaymentDetailsButton: boolean;
@@ -59,6 +73,7 @@ export interface AmazonPayButtonProps {
     amazonRef: any;
     buttonColor?: ButtonColor;
     cancelUrl?: string;
+    chargePermissionType?: ChargePermissionType;
     clientKey?: string;
     configuration?: AmazonPayConfiguration;
     currency?: Currency;
@@ -69,6 +84,7 @@ export interface AmazonPayButtonProps {
     onError: (error: any, component: any) => void;
     placement?: Placement;
     productType?: ProductType;
+    recurringMetadata?: RecurringMetadata;
     ref: any;
     region?: Region;
     returnUrl?: string;
@@ -90,7 +106,9 @@ export interface OrderButtonProps {
     amazonCheckoutSessionId: string;
     amount: PaymentAmount;
     clientKey: string;
+    chargePermissionType?: ChargePermissionType;
     onError: (error: any, component: any) => void;
+    recurringMetadata: RecurringMetadata;
     ref: any;
     region: Region;
     returnUrl: string;
@@ -158,6 +176,7 @@ export declare type LedgerCurrencies = {
 };
 export interface PayloadJSON {
     addressDetails?: AddressDetails;
+    chargePermissionType?: ChargePermissionType;
     deliverySpecifications?: DeliverySpecifications;
     merchantMetadata?: MerchantMetadata;
     paymentDetails?: {
@@ -166,6 +185,7 @@ export interface PayloadJSON {
         presentmentCurrency: Currency;
         totalOrderAmount: ChargeAmount;
     };
+    recurringMetadata?: RecurringMetadata;
     storeId: string;
     webCheckoutDetails: {
         checkoutCancelUrl?: string;
@@ -183,10 +203,12 @@ export interface CheckoutDetailsRequest {
 }
 export interface UpdateAmazonCheckoutSessionRequest {
     amount: PaymentAmount;
+    chargePermissionType?: ChargePermissionType;
     checkoutCancelUrl?: string;
     checkoutResultReturnUrl: string;
     checkoutSessionId: string;
     publicKeyId: string;
+    recurringMetadata?: RecurringMetadata;
     region: Region;
 }
 export interface CheckoutSessionConfig {

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

@@ -83,7 +83,7 @@ export interface ApplePayElementProps extends UIElementProps {
     applicationData?: string;
     onClick?: (resolve: any, reject: any) => void;
     onAuthorized?: (resolve: any, reject: any, event: ApplePayJS.ApplePayPaymentAuthorizedEvent) => void;
-    onValidateMerchant?: (resolve: any, reject: any, event: ApplePayJS.ApplePayValidateMerchantEvent) => void;
+    onValidateMerchant?: (resolve: any, reject: any, validationURL: string) => void;
     /**
      * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778013-onpaymentmethodselected}
      * @param resolve(ApplePayPaymentMethodUpdate update) Completes the selection of a payment method with an update.

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { CardHolderNameProps } from './types';
-export default function CardHolderName({ onChange, onInput, placeholder, value, required, error, isValid }: CardHolderNameProps): h.JSX.Element;
+export default function CardHolderName({ onBlur, onInput, placeholder, value, required, error, isValid }: CardHolderNameProps): h.JSX.Element;

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

@@ -24,7 +24,7 @@ export interface CardFieldsProps {
 export interface CardHolderNameProps {
     error: boolean;
     isValid: boolean;
-    onChange: (event: Event) => void;
+    onBlur: (event: Event) => void;
     onInput: (event: Event) => void;
     placeholder?: string;
     required?: boolean;
@@ -107,7 +107,7 @@ export interface KCPProps {
     filled?: boolean;
     focusedElement: any;
     onFocusField: (str: string) => {};
-    onChange: (event: Event) => void;
+    onBlur: (event: Event) => void;
     onInput: (event: Event) => void;
     taxNumber?: string;
     error: boolean;

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

@@ -1,4 +1,10 @@
 import { h } from 'preact';
 import { FieldContainerProps } from '../types';
+/**
+ * USAGE: Specifically defined as a util to provide a wrapper for fields created within the Address component
+ *
+ * NOT TO BE USED: if you just want to add a Country or State dropdown outside of an Address component
+ * - then you should implement <CountryField> or <StateField> directly
+ */
 declare function FieldContainer(props: FieldContainerProps): h.JSX.Element;
 export default FieldContainer;

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

@@ -34,11 +34,12 @@ export interface FieldContainerProps {
     key: string;
     valid?: object;
     onInput?: (e: Event) => void;
-    onChange?: (e: Event) => void;
+    onBlur?: (e: Event) => void;
     onDropdownChange: (e: Event) => void;
     readOnly?: boolean;
     specifications: Specifications;
     maxlength?: number;
+    trimOnBlur?: boolean;
 }
 export interface ReadOnlyAddressProps {
     data: AddressData;

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

@@ -1,6 +1,6 @@
 import { h } from 'preact';
-export default function ({ onChange, onInput, valid, error, data, required }: {
-    onChange: any;
+export default function ({ onBlur, onInput, valid, error, data, required }: {
+    onBlur: any;
     onInput: any;
     valid?: boolean;
     error?: any;

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

@@ -1,11 +1,12 @@
 import UIElement from '../components/UIElement';
+import PaymentMethodsResponse from './ProcessResponse/PaymentMethodsResponse';
 import { PaymentAction } from '../types';
 import { CoreOptions } from './types';
 import { PaymentMethods, PaymentMethodOptions } from '../types';
 import Session from './CheckoutSession';
 declare class Core {
     session: Session;
-    private paymentMethodsResponse;
+    paymentMethodsResponse: PaymentMethodsResponse;
     modules: any;
     options: CoreOptions;
     components: any[];

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.8.0",
+    "version": "5.9.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -51,7 +51,7 @@
     "devDependencies": {
         "@babel/cli": "^7.16.0",
         "@babel/core": "^7.16.0",
-        "@babel/plugin-transform-runtime": "^7.15.8",
+        "@babel/plugin-transform-runtime": "^7.17.0",
         "@babel/preset-env": "^7.16.0",
         "@babel/preset-react": "^7.14.5",
         "@babel/preset-typescript": "^7.15.0",
@@ -67,7 +67,7 @@
         "@types/jest": "^26.0.23",
         "@typescript-eslint/eslint-plugin": "^4.28.3",
         "@typescript-eslint/parser": "^4.33.0",
-        "autoprefixer": "^10.3.6",
+        "autoprefixer": "^10.4.2",
         "babel-jest": "^27.3.1",
         "cross-env": "^7.0.3",
         "cssnano": "^5.0.6",