@paykka/card-checkout-ui 0.6.0 → 0.7.0

package/dist/types/components/{CombinedEncryptedField → CombinedCardInfo}/type.d.ts

@@ -1,11 +1,12 @@
 import type { CardBrand } from '../../types';
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CombinedEncryptedFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CombinedCardInfoProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
     supportedCardBrands?: string[];
     security: boolean;
+    showLabel?: boolean;
 }
-export interface CombinedEncryptedFieldRef {
+export interface CombinedCardInfoRef {
     focus: () => void;
     blur: () => void;
     resetValidation: (status: FormValidationStatus, errorTip?: string) => void;

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

@@ -1,5 +1,6 @@
-import type { PaymentSuccessData } from '../../types';
-export interface GooglePayProps {
+import type { PayKKaError } from '../../core';
+import type { CoreProps, PaymentSuccessData } from '../../types';
+export interface GooglePayProps extends CoreProps {
     /** 支付授权成功后触发 */
     onSubmit?: () => void;
     /** 支付成功后触发 */
@@ -7,7 +8,7 @@ export interface GooglePayProps {
     /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
     onLoad?: (status: boolean) => void;
     /** 支付失败时触发 */
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: (source: 'retry' | 'channel') => void;
     /** 收银台已过期时触发 */

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

@@ -1 +1,2 @@
 export * from './SecuredFieldsProvider';
+export * from './type';

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

@@ -1,10 +1,7 @@
 import type { ReactNode } from 'preact/compat';
 import type { SessionMode } from '../../constant';
 import type { I18n } from '../../i18n';
-import type { PayRes } from '../../api';
-import type { FormValidationStatus } from '../internal/Form';
-import type { CardBrand, InputStylesConfig } from '../../types';
-import type { EncryptCardRes } from '../../api/modules/encrypted-card/type';
+import type { EncryptCardMessage, InputStylesConfig, Message, MessageAction } from '../../types';
 export interface SecuredFieldsProviderProps extends SecuredFieldsCallback {
     i18n: I18n;
     supportedCardBrands: string[];
@@ -43,49 +40,6 @@ export declare enum EFieldType {
     EXPIRE_DATE = "EXPIRE_DATE"
 }
 export type FieldType = keyof typeof EFieldType;
-export declare enum MessageAction {
-    /** 通知 iframe 初始化 input */
-    INIT = "init",
-    /** 表单 iframe DOM 已加载 */
-    ACTIVATED = "Activated",
-    /** 隐藏的 iframe 已经加载 */
-    HIDDEN_IFRAME_READY = "hiddenIframeReady",
-    /** 是否聚焦 */
-    FOCUS = "focus",
-    /** 卡 bin 信息改变 */
-    BIN_VALUE = "binValue",
-    /** 检测到卡品牌 */
-    BRAND = "brand",
-    /** 传递验证通过信息(附带值) */
-    VALID_WITH_VALUE = "validWithValue",
-    /** 通知隐藏 iframe 进行支付 */
-    PAYMENT = "payment",
-    /** 通知表单组件支付响应信息 */
-    AFTER_PAYMENT = "afterPayment",
-    /** 通知表单组件支付错误信息 */
-    PAYMENT_ERROR = "paymentError",
-    /** 通知表单组件支付超时 */
-    PAYMENT_TIMEOUT = "paymentTimeout",
-    /** 通知表单项验证信息 */
-    VALID_STATUS_CHANGED = "validStatusChanged",
-    /** 通知表单项校验 */
-    VALIDATE = "validate",
-    /** 通知表单项校验结果 */
-    VALIDATED = "validated",
-    /** 通知表单项配置 */
-    SET_CONFIG = "setConfig",
-    /**
-     * frames
-     */
-    /** 通知 clientKey 已校验 */
-    AUTHORIZED = "authorized",
-    /** 通知隐藏 iframe 加密卡信息 */
-    ENCRYPT_CARD = "encryptCard",
-    /** 通知加密后的卡信息 */
-    CARD_ENCRYPTED = "cardEncrypted",
-    /** 通知卡信息加密错误 */
-    CARD_ENCRYPTION_FAILED = "cardEncryptionFailed"
-}
 export interface SecuredFieldConfig extends FieldIframeConfig, SecuredFieldsCallback {
     rootNode: HTMLElement;
     fieldNode: HTMLElement;
@@ -100,112 +54,6 @@ export interface FieldIframeConfig {
     supportedCardBrands: string[];
     style?: InputStylesConfig;
 }
-/**
- * message data
- */
-export type Message<T extends MessageAction> = {
-    action: T;
-} & MessageMapping[T];
-type MessageMapping = {
-    [MessageAction.INIT]: InitMessage;
-    [MessageAction.FOCUS]: FocusMessage;
-    [MessageAction.BIN_VALUE]: BinValueMessage;
-    [MessageAction.VALID_WITH_VALUE]: ValidWithValueMessage;
-    [MessageAction.PAYMENT]: PaymentMessage;
-    [MessageAction.AFTER_PAYMENT]: AfterPaymentMessage;
-    [MessageAction.PAYMENT_ERROR]: PaymentErrorMessage;
-    [MessageAction.PAYMENT_TIMEOUT]: PaymentTimeoutMessage;
-    [MessageAction.VALID_STATUS_CHANGED]: ValidStatusChangedMessage;
-    [MessageAction.ENCRYPT_CARD]: EncryptCardMessage;
-    [MessageAction.CARD_ENCRYPTED]: CardEncryptedMessage;
-    [MessageAction.CARD_ENCRYPTION_FAILED]: CardEncryptionFailedMessage;
-    [MessageAction.AUTHORIZED]: AuthorizedMessage;
-    [MessageAction.BRAND]: BrandMessage;
-    [MessageAction.ACTIVATED]: ActivatedMessage;
-    [MessageAction.HIDDEN_IFRAME_READY]: {};
-    [MessageAction.VALIDATE]: {};
-    [MessageAction.VALIDATED]: ValidatedMessage;
-    [MessageAction.SET_CONFIG]: SetConfigMessage;
-};
-export interface InitMessage {
-    config?: FieldIframeConfig;
-    /** 是否隐藏，如不隐藏则为表单iframe */
-    hidden: boolean;
-    apiUrl?: string;
-    cdnUrl?: string;
-}
-export interface FocusMessage {
-    focus: boolean;
-    fieldType: EFieldType;
-}
-export interface InvalidMessage {
-    errorTip: string;
-    fieldType: EFieldType;
-}
-export interface ValidMessage {
-    fieldType: EFieldType;
-}
-export interface BinValueMessage {
-    binValue: string;
-    fieldType: EFieldType;
-    brand?: CardBrand;
-}
-export interface ValidWithValueMessage {
-    value: string;
-    fieldType: EFieldType;
-}
-export interface PaymentMessage {
-    formData: any;
-    locale: string;
-}
-export interface AfterPaymentMessage {
-    response: PayRes;
-}
-export interface PaymentErrorMessage {
-    error: {
-        message: string;
-        code: string;
-    };
-}
-export interface ValidStatusChangedMessage {
-    status: FormValidationStatus;
-    errorTip?: string;
-    fieldType: EFieldType;
-}
-export interface PaymentTimeoutMessage {
-    message?: string;
-}
-export interface CardEncryptedMessage {
-    encryptedInfo: EncryptCardRes;
-}
-export interface CardEncryptionFailedMessage {
-    error: {
-        message: string;
-        code: string;
-    };
-}
-export interface AuthorizedMessage {
-    success: boolean;
-}
-export interface BrandMessage {
-    brand?: CardBrand;
-    fieldType: EFieldType;
-}
-export interface EncryptCardMessage {
-    merchantId: string;
-    clientKey: string;
-}
-export interface ActivatedMessage {
-    fieldType: EFieldType;
-}
-export interface ValidatedMessage {
-    status: FormValidationStatus;
-    fieldType: EFieldType;
-}
-export interface SetConfigMessage {
-    style?: InputStylesConfig;
-}
 export declare const SECURED_FILED_ATTR = "data-sf";
 export declare const SECURED_IFRAME_CLASS_NAME = "secured-iframe";
 export declare const HIDDEN_IFRAME_NAME = "hidden-pay-iframe";
-export {};

package/dist/types/components/SecuredFieldsProvider/utils/index.d.ts

@@ -1,2 +1,2 @@
 export * from './fields';
-export * from './iframe';
+export * from './securedFields';

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

@@ -1,4 +1,5 @@
-import { EFieldType, MessageAction, type Message } from '../SecuredFieldsProvider/type';
+import { EFieldType } from '../SecuredFieldsProvider/type';
+import type { Message, MessageAction } from '../../types';
 export declare const useSecuredInput: () => {
     value: import("preact/hooks").MutableRef<string>;
     cardBin: string;

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

@@ -1,8 +1,10 @@
+import type { PayKKaError } from '../../core';
+import type { CoreProps } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface SepaProps {
+export interface SepaProps extends CoreProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (returnUrl?: string) => void;
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     onTimeout?: () => void;
     onAuthorized?: () => void;
     onExpired?: () => void;

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

@@ -0,0 +1,3 @@
+import type { ThreeDSAuthProps } from './type';
+import './three-ds-auth.scss';
+export declare const ThreeDSAuth: (props: ThreeDSAuthProps) => import("preact").JSX.Element;

package/dist/types/components/ThreeDS/components/ThreeDSAuth/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThreeDSAuth';
+export * from './type';

package/dist/types/components/ThreeDS/components/ThreeDSAuth/type.d.ts

@@ -0,0 +1,17 @@
+import type { CheckoutTheme } from '../../../../api';
+export interface ThreeDSAuthProps {
+    /** 是否展示弹框 */
+    show: boolean;
+    /** 是否已完成 3DS 认证 */
+    incomplete?: boolean;
+    /** 3DS 认证页面地址 */
+    url?: string;
+    /** 弹窗宽度，不传就自适应 */
+    width?: number | string;
+    /** 弹窗高度，不传就自适应 */
+    height?: number | string;
+    /** 主题 */
+    theme?: CheckoutTheme;
+    /** 关闭弹框 */
+    onClose?: () => void;
+}

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

@@ -0,0 +1,2 @@
+import type { ThreeDSIframeProps } from './type';
+export declare const ThreeDSIframe: (props: ThreeDSIframeProps) => import("preact").JSX.Element;

package/dist/types/components/ThreeDS/components/ThreeDSIframe/index.d.ts

@@ -0,0 +1 @@
+export * from './ThreeDSIframe';

package/dist/types/components/ThreeDS/components/ThreeDSIframe/output.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ThreeDS/components/ThreeDSIframe/type.d.ts

@@ -0,0 +1,5 @@
+export interface ThreeDSIframeProps {
+    uniqueId: string;
+    signature: string;
+    action: string;
+}

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

@@ -0,0 +1,3 @@
+import type { ThreeDSStatusProps } from './type';
+import './three-ds-status.scss';
+export declare const ThreeDSStatus: (props: ThreeDSStatusProps) => import("preact").JSX.Element;

package/dist/types/components/ThreeDS/components/ThreeDSStatus/output.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/ThreeDS/components/ThreeDSStatus/type.d.ts

@@ -0,0 +1,6 @@
+import type { LocaleKeyType } from "../../../../i18n";
+export type ThreeDSStatusType = 'success' | 'fail';
+export type ThreeDSStatusProps = {
+    status: ThreeDSStatusType;
+    locale: LocaleKeyType;
+};

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

@@ -0,0 +1 @@
+export * from './components/ThreeDSAuth';

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

@@ -1,9 +1,11 @@
 import type { PayRes } from '../../api';
+import type { PayKKaError } from '../../core';
+import type { CoreProps } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface WechatPayProps {
+export interface WechatPayProps extends CoreProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     onTimeout?: (source: 'retry' | 'channel') => void;
     onExpired?: () => void;
     onSubmitResponse?: (payRes: PayRes) => void;

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

@@ -16,4 +16,4 @@ export * from './SecuredIframe';
 export * from './Sepa';
 export * from './CardIBANField';
 export * from './EncryptedCard';
-export * from './CombinedEncryptedField';
+export * from './CombinedCardInfo';

package/dist/types/components/internal/Input/type.d.ts

@@ -7,6 +7,7 @@ export interface InputProps extends HTMLAttributes<HTMLInputElement>, CustomAttr
     rightIcon?: ReactNode;
     leftIcon?: ReactNode;
     inputClassName?: string;
+    showStatus?: boolean;
     onCompositionStart?: (e: CompositionEvent) => void;
 }
 export interface InputRef {

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

@@ -0,0 +1 @@
+export declare const Loading: () => import("preact").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Loading';

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

@@ -0,0 +1,5 @@
+import './modal.scss';
+import type { ModalProps, ModalRef } from './type';
+export declare const Modal: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ModalProps> & {
+    ref?: import("preact").Ref<ModalRef> | undefined;
+}>;

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from "preact/compat";
+import type { CustomAttributes } from "../../../types";
+export interface ModalProps extends CustomAttributes<HTMLDivElement> {
+    /** 是否展示弹框 */
+    show: boolean;
+    /** 弹窗宽度，不传就自适应 */
+    width?: number | string;
+    /** 弹窗高度，不传就自适应 */
+    height?: number | string;
+    /** 点击蒙层是否关闭弹窗，不传默认可关闭 */
+    maskClosable?: boolean;
+    /** 弹窗头部内容 */
+    header?: ReactNode;
+    /** 弹窗内容 */
+    children?: ReactNode;
+    /** 弹窗状态改变时调用 */
+    onChange?: (status: boolean) => void;
+}
+export interface ModalRef {
+}

package/dist/types/components/internal/icons/Icon3DSFail.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare function Icon3DSFail({ size, style, className }: IconProps): import("preact").JSX.Element;

package/dist/types/components/internal/icons/Icon3DSInfo.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare function Icon3DSInfo({ size, style, className }: IconProps): import("preact").JSX.Element;

package/dist/types/components/internal/icons/Icon3DSSuccess.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare function Icon3DSSuccess({ size, style, className }: IconProps): import("preact").JSX.Element;

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

@@ -14,3 +14,6 @@ export * from './IconArrowDown';
 export * from './IconTick';
 export * from './IconSwitch';
 export * from './IconAdd';
+export * from './Icon3DSFail';
+export * from './Icon3DSSuccess';
+export * from './Icon3DSInfo';

package/dist/types/constant.d.ts

@@ -32,6 +32,10 @@ export declare enum EAddressType {
     ADDRESS_2 = "ADDRESS_2"
 }
 export declare enum SessionMode {
-    HOSTED = "HOST",
-    EMBEDDED = "EMBEDDED"
+    /** 单页面收银台 */
+    HOSTED = "HOSTED",
+    /** 嵌入式收银台 */
+    DROP_IN = "DROP_IN",
+    /** 组件式收银台 */
+    COMPONENT = "COMPONENT"
 }

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

@@ -1,12 +1,28 @@
 import type { ComponentType, JSX } from 'preact';
-import type { PayKKaInitConfiguration } from '../types';
+import type { CoreProps, PayKKaEnvConfig, PayKKaInitConfiguration } from '../types';
+import { type ComponentInst } from './create';
 import { Session } from './Session';
+import getFraudDetectionInstance from '../out/fraud-detection';
+export type FraudDetectionType = ReturnType<typeof getFraudDetectionInstance>;
+/**
+ * 收银台实例
+ * 不能用单例，如果使用单页面应用，在路由切换时不会重新初始化，会导致收银台配置和状态相互影响
+ */
 export declare class PayKKaCheckout {
-    private readonly config;
-    private static session?;
-    private static instance;
+    #private;
     constructor(config: PayKKaInitConfiguration);
     private init;
-    static getSession(): Session | undefined;
-    create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): import("./create").ComponentInst<P>;
+    private initSession;
+    /**
+     * 初始化环境配置
+     * _envConfig 优先级高于 env
+     */
+    private initEnv;
+    private initLocale;
+    private initExtraParams;
+    get session(): Session;
+    get envConfig(): PayKKaEnvConfig;
+    /** 创建组件，把 session 作为组件的 props 传递 */
+    create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): ComponentInst<P>;
+    getCoreProps(): CoreProps;
 }

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

@@ -3,7 +3,7 @@ export declare class Session {
     #private;
     readonly sessionId: string;
     readonly clientKey?: string;
-    checkout: CheckoutRes;
+    checkout?: CheckoutRes;
     colors: {
         primary: string;
         primaryHover: string;

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

@@ -3,4 +3,5 @@ import type { Session } from './Session';
 export declare const CoreContext: import("preact").Context<{
     i18n?: I18n | null | undefined;
     session?: Session | null | undefined;
+    threeDSMessageListenerInit?: boolean | undefined;
 } | null>;

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

@@ -0,0 +1,4 @@
+import type { FraudDetectionEnv, PayKKaEnvType } from '../types';
+export declare const apiEnv: Record<PayKKaEnvType, string>;
+export declare const cdnEnv: Record<PayKKaEnvType, string>;
+export declare const fraudDetectionEnv: Record<PayKKaEnvType, FraudDetectionEnv>;

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

@@ -0,0 +1,16 @@
+export declare enum EPayKKaError {
+    /** 普通错误，基本是前端错误 */
+    ERROR = "ERROR",
+    /** 请求错误 */
+    API_ERROR = "API_ERROR"
+}
+export declare class PayKKaError extends Error {
+    /** 错误类型 */
+    type: keyof typeof EPayKKaError;
+    /** 错误代码 */
+    code?: string;
+    constructor(type: keyof typeof EPayKKaError, message?: string, info?: {
+        code?: string;
+        cause?: any;
+    });
+}

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

@@ -3,3 +3,4 @@ export * from './create';
 export * from './Session';
 export * from './query';
 export * from './PayKKaCheckout';
+export * from './error';

package/dist/types/hooks/index.d.ts

@@ -2,3 +2,4 @@ export * from './useBEM';
 export * from './useI18n';
 export * from './usePayState';
 export * from './useRetry';
+export * from './useBreakpoints';

package/dist/types/hooks/useBreakpoints.d.ts

@@ -0,0 +1,15 @@
+declare enum EBreakpoint {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl",
+    xxl = "xxl"
+}
+export type BreakpointType = keyof typeof EBreakpoint;
+export declare const useBreakpoints: () => {
+    matches: Record<"xs" | "sm" | "md" | "lg" | "xl" | "xxl", boolean>;
+    current: string | null;
+    smaller: (breakpointName: BreakpointType) => boolean;
+};
+export {};

package/dist/types/hooks/usePayState.d.ts

@@ -1,19 +1,16 @@
 import type { SubmitButtonStatus } from '../components';
-import { Session } from '../core';
-export declare function usePayState(): {
+import type { Session } from '../core';
+export declare function usePayState(session: Session): {
     validated: boolean;
     setValidated: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     submitButtonStatus: SubmitButtonStatus;
     setSubmitButtonStatus: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<SubmitButtonStatus>>;
     errorMsg: string;
     setErrorMsg: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<string>>;
-    session: Session | null;
-    setSession: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<Session | null>>;
-    sessionReady: boolean;
-    setSessionReady: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     i18n: import("../i18n").I18n;
     fraudDetection: {
         fraudDetectionID: string;
         createFraudDetection: () => Promise<void>;
     } | null;
+    sessionReady: boolean;
 };

package/dist/types/i18n/locales/de-DE.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/en-GB.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/es-ES.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/fr-FR.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +28,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +47,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;