@adyen/adyen-web 5.30.0 → 5.31.0

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

@@ -0,0 +1,26 @@
+import { h, RefObject } from 'preact';
+import { PayButtonFunctionProps } from '../../types';
+import PixInput from './PixInput';
+export interface PixInputDataState {
+    firstName?: string;
+    lastName?: string;
+    socialSecurityNumber?: string;
+}
+export interface PixInputProps {
+    name: string;
+    data?: {
+        firstName: string;
+        lastName: string;
+        socialSecurityNumber: string;
+    };
+    personalDetailsRequired: boolean;
+    showPayButton: boolean;
+    onChange({ data, valid, errors, isValid: boolean }: {
+        data: any;
+        valid: any;
+        errors: any;
+        isValid: any;
+    }): void;
+    payButton(props: PayButtonFunctionProps): h.JSX.Element;
+    ref(ref: RefObject<typeof PixInput>): void;
+}

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

@@ -2,18 +2,13 @@ import { QRLoaderContainerProps } from '../helpers/QRLoaderContainer';
 export interface PixProps extends QRLoaderContainerProps {
     personalDetailsRequired?: boolean;
 }
-export interface PixInputDataState {
-    firstName?: string;
-    lastName?: string;
+export interface PixElementData {
+    paymentMethod: {
+        type: 'pix';
+    };
+    shopperName?: {
+        firstName: string;
+        lastName: string;
+    };
     socialSecurityNumber?: string;
 }
-export interface PixInputValidState {
-    firstName?: boolean;
-    lastName?: boolean;
-    socialSecurityNumber?: boolean;
-}
-export interface PixInputErrorState {
-    firstName?: boolean;
-    lastName?: boolean;
-    socialSecurityNumber?: boolean;
-}

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

@@ -10,7 +10,9 @@ declare class PromptPayElement extends QRLoaderContainer {
         shouldRedirectOnMobile?: boolean;
         qrCodeImage?: string;
         paymentData?: string;
+        introduction: string;
         instructions?: string;
+        copyBtn?: boolean;
         session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -10,7 +10,9 @@ declare class SwishElement extends QRLoaderContainer {
         shouldRedirectOnMobile: boolean;
         qrCodeImage?: string;
         paymentData?: string;
+        introduction: string;
         instructions: string;
+        copyBtn?: boolean;
         session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -2,12 +2,11 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ErrorCodeObject } from './components/utils';
 import Language from '../../language';
-import { ThreeDS2ChallengeRejectObject } from './types';
 export interface ThreeDS2ChallengeProps {
     token?: string;
     dataKey?: string;
     notificationURL?: string;
-    onError?: (error: string | ErrorCodeObject | ThreeDS2ChallengeRejectObject) => void;
+    onError?: (error: string | ErrorCodeObject) => void;
     paymentData?: string;
     size?: string;
     challengeWindowSize?: '01' | '02' | '03' | '04' | '05';

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

@@ -1,8 +1,7 @@
-import { ThreeDS2FlowObject, ThreeDS2ChallengeRejectObject } from './types';
+import { ThreeDS2FlowObject } from './types';
 export declare const DEFAULT_CHALLENGE_WINDOW_SIZE = "02";
 export declare const THREEDS_METHOD_TIMEOUT = 10000;
 export declare const CHALLENGE_TIMEOUT = 600000;
-export declare const CHALLENGE_UNKNOWN_ERROR_REJECT_OBJECT: ThreeDS2ChallengeRejectObject;
 export declare const CHALLENGE_TIMEOUT_REJECT_OBJECT: ThreeDS2FlowObject;
 export declare const FAILED_METHOD_STATUS_RESOLVE_OBJECT: ThreeDS2FlowObject;
 export declare const FAILED_METHOD_STATUS_RESOLVE_OBJECT_TIMEOUT: ThreeDS2FlowObject;

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

@@ -29,8 +29,8 @@ export interface ThreeDS2FlowObject {
     errorCode?: string;
     threeDSServerTransID?: string;
 }
-export interface ThreeDS2ChallengeRejectObject {
-    type: 'challengeError';
+export interface PostMsgParseErrorObject {
+    type?: string;
     comment?: string;
     extraInfo?: string;
     eventDataRaw?: string;

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

@@ -10,7 +10,9 @@ declare class WeChatPayElement extends QRLoaderContainer {
         shouldRedirectOnMobile?: boolean;
         qrCodeImage?: string;
         paymentData?: string;
+        introduction: string;
         instructions?: string;
+        copyBtn?: boolean;
         session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onValid?: (state: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -16,7 +16,9 @@ export interface QRLoaderContainerProps extends UIElementProps {
     shouldRedirectOnMobile?: boolean;
     qrCodeImage?: string;
     paymentData?: string;
+    introduction: string;
     instructions?: string;
+    copyBtn?: boolean;
 }
 declare class QRLoaderContainer<T extends QRLoaderContainerProps = QRLoaderContainerProps> extends UIElement<T> {
     protected static defaultProps: {

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

@@ -4,6 +4,7 @@ declare function Address(props: AddressProps): h.JSX.Element;
 declare namespace Address {
     var defaultProps: {
         countryCode: any;
+        validationRules: any;
         data: {};
         onChange: () => void;
         visibility: string;

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

@@ -3,12 +3,5 @@ export declare const FALLBACK_VALUE = "N/A";
 export declare const ADDRESS_SCHEMA: readonly ["street", "houseNumberOrName", "postalCode", "city", "stateOrProvince", "country"];
 export declare const STREET: "street", HOUSE_NUMBER_OR_NAME: "houseNumberOrName", POSTAL_CODE: "postalCode", CITY: "city", STATE_OR_PROVINCE: "stateOrProvince", COUNTRY: "country";
 export declare const ADDRESS_SPECIFICATIONS: AddressSpecifications;
-export declare const PARTIAL_ADDRESS_SCHEMA: {
-    default: {
-        labels: {
-            postalCode: string;
-        };
-        schema: "postalCode"[];
-    };
-};
+export declare const PARTIAL_ADDRESS_SCHEMA: AddressSpecifications;
 export declare const COUNTRIES_WITH_CUSTOM_SPECIFICATION: string[];

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

@@ -1,2 +1,9 @@
 import { ValidatorRules } from '../../../utils/Validator/types';
+/**
+ * Validates only postalCode property. As the partial address form does not have the country selector, the country value
+ * must be informed beforehand and can't be picked up from the form context
+ *
+ * @param country - Country that will be used to validate postal code
+ */
+export declare const getPartialAddressValidationRules: (country: string) => ValidatorRules;
 export declare const getAddressValidationRules: (specifications: any) => ValidatorRules;

package/dist/types/components/internal/IFrame/Iframe.d.ts

@@ -9,6 +9,7 @@ interface IframeProps {
     allow?: string;
     name?: string;
     title?: string;
+    classNameModifiers?: string[];
     callback?: (contentWindow: any) => void;
 }
 declare class Iframe extends Component<IframeProps> {
@@ -20,20 +21,12 @@ declare class Iframe extends Component<IframeProps> {
         src: any;
         allow: any;
         title: string;
+        classNameModifiers: any[];
     };
     private iframeEl;
     iframeOnLoad(): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render({ name, src, width, height, minWidth, minHeight, allow, title }: {
-        name: any;
-        src: any;
-        width: any;
-        height: any;
-        minWidth: any;
-        minHeight: any;
-        allow: any;
-        title: any;
-    }): h.JSX.Element;
+    render({ name, src, width, height, minWidth, minHeight, allow, title, classNameModifiers }: IframeProps): h.JSX.Element;
 }
 export default Iframe;

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

@@ -0,0 +1,28 @@
+import { ComponentChildren, h } from 'preact';
+import './Modal.scss';
+declare type ModalRenderFnProps = {
+    /**
+     * Function used to properly trigger the Modal close mechanism. It takes into account the element that the Modal needs
+     * to set focus when it is dismissed.
+     */
+    onCloseModal(): void;
+};
+declare type ModalProps = {
+    children: ({ onCloseModal }: ModalRenderFnProps) => ComponentChildren;
+    classNameModifiers?: string[];
+    onClose(): void;
+    isOpen: boolean;
+    isDismissible?: boolean;
+    labelledBy: string;
+    describedBy: string;
+    /**
+     * Reference to the element that should be focused when the modal is opened
+     */
+    focusFirst: HTMLElement;
+    /**
+     * Reference to the element that should be focused when the modal is closed
+     */
+    focusAfterClose: HTMLElement;
+};
+declare const Modal: ({ children, classNameModifiers, isOpen, onClose, isDismissible, labelledBy, describedBy, focusFirst, focusAfterClose, ...props }: ModalProps) => h.JSX.Element;
+export { Modal };

package/dist/types/components/internal/Modal/index.d.ts

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

package/dist/types/components/internal/Modal/useModal.d.ts

@@ -0,0 +1,17 @@
+declare type UseModalProps = {
+    modalElement?: HTMLElement;
+    isOpen: boolean;
+    isDismissible: boolean;
+    focusFirst: HTMLElement;
+    focusAfterClose: HTMLElement;
+    onClose(): void;
+};
+declare type UseModalHook = {
+    /**
+     * Function that focus on the 'focusAfterClose' element, and then closes the modal
+     */
+    closeModal(): void;
+    handleClickOutside(event: MouseEvent): void;
+};
+declare const useModal: ({ modalElement, isOpen, isDismissible, focusFirst, focusAfterClose, onClose }: UseModalProps) => UseModalHook;
+export { useModal };

package/dist/types/components/internal/Modal/useTrapFocus.d.ts

@@ -0,0 +1,17 @@
+declare type UseTrapFocusProps = {
+    rootElement?: HTMLElement;
+    /**
+     * Element that must be focused when the hook is executed. If no element is passed, the first focusable child
+     * element of the root element will be focused
+     */
+    focusFirst?: HTMLElement;
+    /**
+     * Can be used to conditionally disable the trap mechanism
+     */
+    shouldTrap?: boolean;
+};
+/**
+ * Hook used to trap the focus within the specific element and its child nodes.
+ */
+declare const useTrapFocus: ({ rootElement, focusFirst, shouldTrap }: UseTrapFocusProps) => void;
+export { useTrapFocus };

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

@@ -102,6 +102,7 @@ export interface CbObjOnBinLookup {
     detectedBrands?: string[];
     supportedBrands?: string[];
     brands?: string[];
+    issuingCountryCode?: string;
     supportedBrandsRaw?: BrandObject[];
     rootNode?: HTMLElement;
     isReset?: boolean;

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

@@ -41,6 +41,7 @@ export interface PaymentResponse {
     resultCode: string;
     sessionData?: string;
     order?: Order;
+    sessionResult?: string;
 }
 export interface RawPaymentResponse extends PaymentResponse {
     [key: string]: any;

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

@@ -9,12 +9,6 @@ export declare const FAILED_DFP_RESOLVE_OBJECT_TIMEOUT: {
     };
     errorCode: string;
 };
-export declare const FAILED_DFP_RESOLVE_OBJECT: {
-    result: {
-        type: string;
-        value: string;
-    };
-};
 export declare const ERRORS: {
     TIME_OUT: string;
     WRONG_ORIGIN: string;

package/dist/types/language/config.d.ts

@@ -6,6 +6,7 @@ export declare const defaultTranslation: {
     payButton: string;
     "payButton.redirecting": string;
     "payButton.with": string;
+    close: string;
     storeDetails: string;
     "creditCard.holderName": string;
     "creditCard.holderName.placeholder": string;
@@ -54,12 +55,15 @@ export declare const defaultTranslation: {
     "companyDetails.registrationNumber": string;
     socialSecurityNumber: string;
     firstName: string;
+    "firstName.invalid": string;
     infix: string;
     lastName: string;
+    "lastName.invalid": string;
     mobileNumber: string;
     "mobileNumber.invalid": string;
     city: string;
     postalCode: string;
+    "postalCode.optional": string;
     countryCode: string;
     telephoneNumber: string;
     dateOfBirth: string;
@@ -258,6 +262,7 @@ export declare const defaultTranslation: {
     "ctp.cards.subtitle": string;
     "ctp.cards.expiredCard": string;
     "ctp.manualCardEntry": string;
+    "ctp.aria.infoModalButton": string;
     "ctp.infoPopup.title": string;
     "ctp.infoPopup.subtitle": string;
     "ctp.infoPopup.benefit1": string;
@@ -279,5 +284,5 @@ export declare const defaultTranslation: {
     "ctp.errors.SERVER_ERROR": string;
     "ctp.errors.INVALID_PARAMETER": string;
     "ctp.errors.AUTH_ERROR": string;
-    "a11y.paymentMethodsList": string;
+    "paymentMethodsList.aria.label": string;
 };