@adyen/adyen-web 5.14.0 → 5.15.0

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

@@ -11,10 +11,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;

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

@@ -57,10 +57,7 @@ declare class BancontactElement extends CardElement {
         onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
         onBinLookup?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinLookup) => void;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;

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

@@ -52,10 +52,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
         onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
         onBinLookup?: (event: CbObjOnBinLookup) => void;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;

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, partialAddressSchema, 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, iOSFocusedField }: {
     data: any;
     valid: any;
     errors: any;
@@ -47,4 +47,5 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     positionHolderNameOnTop: any;
     showBrandIcon: any;
     showBrandsUnderCardNumber: any;
+    iOSFocusedField: any;
 }) => h.JSX.Element;

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({ onBlur, onInput, placeholder, value, required, error, isValid }: CardHolderNameProps): h.JSX.Element;
+export default function CardHolderName({ onBlur, onInput, placeholder, value, required, error, isValid, disabled }: CardHolderNameProps): h.JSX.Element;

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

@@ -31,6 +31,7 @@ export interface CardHolderNameProps {
     placeholder?: string;
     required?: boolean;
     value?: string;
+    disabled?: boolean;
 }
 export interface CardNumberProps {
     brand: string;
@@ -115,6 +116,7 @@ export interface KCPProps {
     error: boolean;
     isValid: boolean;
     value: string;
+    disabled?: boolean;
 }
 export declare type RtnType_ParamBooleanFn = (tn: any) => boolean;
 export declare type RtnType_ParamVoidFn = (e: any) => void;
@@ -138,3 +140,7 @@ export interface SfSpanProps {
     children?: ComponentChildren;
     ['data-info']?: string;
 }
+export interface TouchStartEventObj {
+    fieldType: string;
+    name?: string;
+}

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

@@ -21,10 +21,7 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         loadingContext?: string;
         reference?: string;
         i18n?: import("../../language").default;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;

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

@@ -46,10 +46,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         onSelect?: (paymentMethod: any) => void;
         showRemovePaymentMethodButton?: boolean;
         onDisableStoredPaymentMethod?: (storedPaymentMethod: any, resolve: any, reject: any) => void;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;

package/dist/types/components/Dropin/components/DropinComponent.d.ts

@@ -12,6 +12,11 @@ export declare class DropinComponent extends Component<DropinComponentProps, Dro
     private handleOnSelectPaymentMethod;
     private handleDisableStoredPaymentMethod;
     closeActivePaymentMethod(): void;
+    /**
+     * getOnOrderCancel decides which onOrderCancel logic should be used, manual or sessions
+     */
+    private getOnOrderCancel;
+    private onOrderCancel;
     render(props: any, { elements, instantPaymentElements, status, activePaymentMethod, cachedPaymentMethods }: {
         elements: any;
         instantPaymentElements: any;

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

@@ -47,10 +47,13 @@ export interface DropinElementProps extends UIElementProps {
      */
     onDisableStoredPaymentMethod?: (storedPaymentMethod: any, resolve: any, reject: any) => void;
 }
+export interface onOrderCancelData {
+    order: Order;
+}
 export interface DropinComponentProps extends DropinElementProps {
     onCreateElements: any;
     onChange: (newState?: object) => void;
-    onOrderCancel?: (order: Order) => void;
+    onOrderCancel?: (data: onOrderCancelData) => void;
 }
 interface DropinStatus {
     type: UIElementStatus;

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

@@ -23,10 +23,7 @@ declare class PixElement extends QRLoaderContainer<PixProps> {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;

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

@@ -11,10 +11,7 @@ declare class SwishElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions: string;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;

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

@@ -11,10 +11,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         qrCodeImage?: string;
         paymentData?: string;
         instructions?: string;
-        session?: {
-            id: string;
-            data: string;
-        };
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;

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

@@ -1,5 +1,5 @@
 import { AddressSchema, StringObject } from './types';
-import { AddressField } from 'src/types';
+import { AddressField } from '../../../types';
 declare class Specifications {
     private specifications;
     constructor(specifications?: any);

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

@@ -17,6 +17,7 @@ export interface AddressProps {
     validationRules?: ValidatorRules;
     visibility?: string;
     overrideSchema?: AddressSpecifications;
+    iOSFocusedField?: string;
 }
 export interface AddressStateError {
     street?: ValidationRuleResult;
@@ -41,6 +42,7 @@ export interface FieldContainerProps {
     specifications: Specifications;
     maxlength?: number;
     trimOnBlur?: boolean;
+    disabled?: boolean;
 }
 export interface ReadOnlyAddressProps {
     data: AddressData;

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

@@ -22,6 +22,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
     private handleOnError;
     private handleOnAutoComplete;
     private handleOnNoDataRequired;
+    private handleOnTouchstartIOS;
     state: SFPState;
     props: any;
     private issuingCountryCode;
@@ -46,6 +47,7 @@ declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
         onBinValue: () => void;
         onFocus: () => void;
         onAutoComplete: () => void;
+        onTouchstartIOS: () => any;
         styles: {};
     };
     componentDidMount(): void;

package/dist/types/components/internal/SecuredFields/SFP/SecuredFieldsProviderHandlers.d.ts

@@ -28,6 +28,7 @@ declare function handleOnBrand(cardInfo: CbObjOnBrand): void;
  */
 declare function handleOnError(cbObj: CbObjOnError, hasUnsupportedCard?: boolean): boolean;
 declare function handleFocus(cbObj: CbObjOnFocus): void;
+declare function handleOnTouchstartIOS(cbObj: any): void;
 declare function handleOnAutoComplete(cbObj: CbObjOnAutoComplete): void;
 /**
  * Handles cases where no secured fields are necessary (one click payments without CVC)
@@ -44,5 +45,6 @@ declare const _default: {
     handleOnBrand: typeof handleOnBrand;
     handleOnError: typeof handleOnError;
     handleOnNoDataRequired: typeof handleOnNoDataRequired;
+    handleOnTouchstartIOS: typeof handleOnTouchstartIOS;
 };
 export default _default;

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

@@ -18,6 +18,7 @@ declare const _default: {
     onBinValue: () => void;
     onFocus: () => void;
     onAutoComplete: () => void;
+    onTouchstartIOS: () => any;
     styles: {};
 };
 export default _default;

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

@@ -16,8 +16,9 @@ declare abstract class AbstractCSF {
     protected createNonCardSecuredFields: (securedFields: HTMLElement[]) => number;
     protected createSecuredFields: typeof createSecuredFields;
     protected destroySecuredFields: () => void;
+    protected handleIOSTouchEvents: () => void;
     protected destroyTouchendListener: () => void;
-    protected handleAdditionalFields: () => void;
+    protected destroyTouchstartListener: () => void;
     protected handleBinValue: (pFeedbackObj: SFFeedbackObj) => void;
     protected handleEncryption: (pFeedbackObj: SFFeedbackObj) => void;
     protected handleFocus: (pFeedbackObj: SFFeedbackObj) => void;
@@ -34,6 +35,7 @@ declare abstract class AbstractCSF {
     protected setFocusOnFrame: (pFieldType: string, doLog?: boolean) => void;
     protected setupSecuredField: (pItem: HTMLElement) => void;
     protected touchendListener: (e: Event) => void;
+    protected touchstartListener: () => void;
     protected encryptedAttrName: string;
     protected hasRedundantCVCField: boolean;
     protected isSingleBrandedCard: boolean;

package/dist/types/components/internal/SecuredFields/lib/CSF/extensions/handleIOSTouchEvents.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Detect if touched element is an input or textArea.
+ * - If it is do some quirky shit to set focus and caret position on this element
+ * - Else do some quirky shit to make the iOS keyboard retract
+ *
+ * Always then remove this listener and set var saying we have done so (read in CSF...handleFocus)
+ * Tell all securedFields some other element now has focus so they can blur themselves
+ *
+ * @param e -
+ */
+declare function touchendListener(e: Event): void;
+/**
+ * re. Disabling arrow keys in iOS - need to enable all fields in the form and tell SFs to disable
+ *
+ * NOTE: Only called when iOS detected
+ */
+declare function touchstartListener(e: Event): void;
+/**
+ * This works with the touchend handler to allow us to catch (click) events on non-securedFields elements
+ * (re. http://gravitydept.com/blog/js-click-event-bubbling-on-ios - events don't bubble unless the click takes place on a link or input)
+ *
+ * We can use this event to:
+ * 1. Set focus on these other elements, and
+ * 2. Tell SecuredFields that this has happened so they can blur themselves
+ * (see note in adyen-secured-fields...inputBase.js - "Blur event never fires on input field")
+ *
+ * NOTE: Only called when iOS detected
+ */
+declare function handleTouchend(): void;
+declare function destroyTouchendListener(): void;
+declare function destroyTouchstartListener(): void;
+declare const _default: {
+    touchendListener: typeof touchendListener;
+    touchstartListener: typeof touchstartListener;
+    handleTouchend: typeof handleTouchend;
+    destroyTouchendListener: typeof destroyTouchendListener;
+    destroyTouchstartListener: typeof destroyTouchstartListener;
+};
+export default _default;

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

@@ -65,6 +65,7 @@ export interface CSFCallbacksConfig {
     onAutoComplete?: (callbackObj: object) => void;
     onAdditionalSFConfig?: (callbackObj: object) => void;
     onAdditionalSFRemoved?: (callbackObj: object) => void;
+    onTouchstartIOS?: (callbackObj: object) => void;
 }
 export interface CSFStateObject {
     type: string;

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

@@ -11,7 +11,7 @@ export declare const ENCRYPTED_BANK_LOCATION_FIELD = "encryptedBankLocationId";
 export declare const ENCRYPTED_SECURITY_CODE_3_DIGITS = "encryptedSecurityCode3digits";
 export declare const ENCRYPTED_SECURITY_CODE_4_DIGITS = "encryptedSecurityCode4digits";
 export declare const GIFT_CARD = "giftcard";
-export declare const SF_VERSION = "3.9.0";
+export declare const SF_VERSION = "3.10.1";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
 export declare const CREDIT_CARD_SF_FIELDS: string[];

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

@@ -86,7 +86,7 @@ declare abstract class AbstractSecuredField {
     protected onValidationCallback: RtnType_callbackFn;
     protected onFocusCallback: RtnType_callbackFn;
     protected onBinValueCallback: RtnType_callbackFn;
-    protected onClickCallback: RtnType_callbackFn;
+    protected onTouchstartCallback: RtnType_callbackFn;
     protected onShiftTabCallback: RtnType_callbackFn;
     protected onAutoCompleteCallback: RtnType_callbackFn;
     protected constructor();

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

@@ -17,7 +17,7 @@ declare class SecuredField extends AbstractSecuredField {
     onConfig(callbackFn: RtnType_callbackFn): SecuredField;
     onFocus(callbackFn: RtnType_callbackFn): SecuredField;
     onBinValue(callbackFn: RtnType_callbackFn): SecuredField;
-    onClick(callbackFn: RtnType_callbackFn): SecuredField;
+    onTouchstart(callbackFn: RtnType_callbackFn): SecuredField;
     onShiftTab(callbackFn: RtnType_callbackFn): SecuredField;
     onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField;
     get errorType(): string;

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

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

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

@@ -3,6 +3,7 @@ import UIElement from './UIElement';
 import Core from '../core';
 import Analytics from '../core/Analytics';
 import RiskElement from '../core/RiskModule';
+import Session from "../core/CheckoutSession";
 export interface PaymentResponse {
     action?: PaymentAction;
     resultCode: string;
@@ -38,10 +39,7 @@ export interface IUIElement {
 }
 export declare type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
 export interface UIElementProps extends BaseElementProps {
-    session?: {
-        id: string;
-        data: string;
-    };
+    session?: Session;
     onChange?: (state: any, element: UIElement) => void;
     onValid?: (state: any, element: UIElement) => void;
     beforeSubmit?: (state: any, element: UIElement, actions: any) => Promise<void>;

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

@@ -1,4 +1,5 @@
 import { CheckoutSession, CheckoutSessionBalanceResponse, CheckoutSessionDetailsResponse, CheckoutSessionOrdersResponse, CheckoutSessionPaymentResponse, CheckoutSessionSetupResponse } from '../../types';
+import { onOrderCancelData } from "../../components/Dropin/types";
 declare class Session {
     private readonly session;
     private readonly storage;
@@ -31,6 +32,10 @@ declare class Session {
      * Creates an order for the current session
      */
     createOrder(): Promise<CheckoutSessionOrdersResponse>;
+    /**
+     * Cancels an order for the current session
+     */
+    cancelOrder(data: onOrderCancelData): Promise<CheckoutSessionOrdersResponse>;
     /**
      * Gets the stored session but only if the current id and the stored id match
      */

package/dist/types/core/Services/sessions/cancel-order.d.ts

@@ -0,0 +1,6 @@
+import Session from '../../CheckoutSession';
+import { CheckoutSessionOrdersResponse, Order } from '../../../types';
+/**
+ */
+declare function cancelOrder(order: Order, session: Session): Promise<CheckoutSessionOrdersResponse>;
+export default cancelOrder;

package/package.json

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

package/dist/types/components/internal/SecuredFields/lib/CSF/extensions/additionalFields.d.ts

@@ -1,9 +0,0 @@
-declare function touchendListener(e: Event): void;
-declare function handleAdditionalFields(): void;
-declare function destroyTouchendListener(): void;
-declare const _default: {
-    touchendListener: typeof touchendListener;
-    handleAdditionalFields: typeof handleAdditionalFields;
-    destroyTouchendListener: typeof destroyTouchendListener;
-};
-export default _default;