@paykka/card-checkout-ui 0.6.0 → 0.7.0

package/dist/types/i18n/locales/index.d.ts

@@ -1,4 +1,4 @@
-declare const locales: Recordable<() => Promise<typeof import('./zh-CN')>>;
+declare const getLocales: () => Recordable<() => Promise<typeof import('./zh-CN')>>;
 export type Translation = typeof import('./zh-CN')['default'];
 export type CustomLocales = DeepPartial<Recordable<Translation>>;
 export declare enum LocaleKey {
@@ -26,4 +26,4 @@ export declare enum LocaleKey {
     zhTW = "zh-TW"
 }
 export type LocaleKeyType = LocaleKey | `${LocaleKey}`;
-export default locales;
+export default getLocales;

package/dist/types/i18n/locales/ja-JP.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/ko-KR.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/pt-PT.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/ru-RU.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/zh-CN.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/zh-HK.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/zh-TW.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/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export { type ComponentInst, create, querySession, Session, PayKKaCheckout } from './core';
+export { type ComponentInst, create, querySession, Session, PayKKaCheckout, PayKKaError } from './core';
 export { I18n, LocaleKey } from './i18n';
 export { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCustomReqHeaders, setCustomLocale, setCheckoutConfig } from './config';
 export { getFingerprint } from './utils';

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

@@ -1,30 +1,58 @@
 import type { HTMLAttributes } from 'preact/compat';
 import type { LocaleKeyType } from '../i18n';
+import type { PayKKaError, Session } from '../core';
 import type { FraudDetectionEnv } from './fraud-detection';
 export * from './fraud-detection';
+export * from './message';
 export type CustomAttributes<T extends EventTarget, K extends keyof HTMLAttributes<T> = 'style' | 'className'> = Pick<HTMLAttributes<T>, K>;
 /** 收银台初始化参数 */
 export interface PayKKaInitConfiguration {
     sessionId: string;
+    /** 环境配置，必传！ */
+    env: PayKKaEnvType;
     /** 嵌入式收银台必传，需要商户进行配置 */
     clientKey?: string;
     /** 国际化语言 */
     locale?: LocaleKeyType;
     /** 是否隐藏支付按钮 */
     hidePaymentButton?: boolean;
-    /** 欺诈检测环境配置 */
-    fraudDetectionEnv?: FraudDetectionEnv;
+    /** 定义 3DS 所需配置 */
+    threeDSFrame?: ThreeDSFrameConfig;
     /** 收银台已经获取到可用支付方式时调用 */
     onPaymentMethodsReady?: (methods: string[]) => void;
-    /** 收银台过期时触发，可被组件参数中的 onExpired 回调覆盖 */
     /** 收银台创建时报错触发 */
-    onInitError?: (error: any) => void;
+    onInitError?: (error: PayKKaError) => void;
     /**
-     * sandbox 模式下所需参数
+     * 内部参数
      */
-    /** 是否采用 sandbox 环境，用于进行测试 */
-    sandbox?: boolean;
+    /** 环境配置，优先级大于 env 参数 */
+    _envConfig?: PayKKaEnvConfig;
 }
+export interface CoreProps {
+    session?: Session;
+    /** 定义 3DS 所需配置 */
+    threeDSFrame?: ThreeDSFrameConfig;
+}
+export interface ThreeDSFrameConfig {
+    /** 3DS 页面宽度 */
+    modalWidth?: number | string;
+    /** 3DS 页面高度 */
+    modalHeight?: number | string;
+}
+export declare enum EPayKKaEnv {
+    /** 沙箱环境 */
+    SANDBOX = "sandbox",
+    /** 欧洲生产环境 */
+    EU = "eu",
+    /** 香港生产环境 */
+    HK = "hk"
+}
+export interface PayKKaEnvConfig {
+    api?: string;
+    cdn?: string;
+    fraudDetection?: FraudDetectionEnv;
+}
+export type PayKKaEnvType = `${EPayKKaEnv}`;
 export type PaymentSuccessData = {
     returnUrl?: string;
 };
@@ -36,7 +64,7 @@ export declare enum CardBrandCode {
     DISCOVER = "DISCOVER",
     DINERS_CLUB = "DINERS_CLUB"
 }
-export type CardBrand = keyof typeof CardBrandCode;
+export type CardBrand = `${CardBrandCode}`;
 export interface ElementStylesConfig {
     /** input 元素的样式 */
     input?: InputStylesConfig;
@@ -45,6 +73,9 @@ export interface ElementStylesConfig {
     /** 错误提示文案的样式 */
     errorMessage?: Partial<CSSStyleDeclaration>;
 }
+export interface FullElementStylesConfig extends ElementStylesConfig {
+    inputWrapper?: StylesConfig;
+}
 export interface StylesConfig {
     /** 默认样式 */
     base?: Partial<CSSStyleDeclaration>;

package/dist/types/types/message.d.ts

@@ -0,0 +1,170 @@
+import type { CardBrand, InputStylesConfig } from '.';
+import type { PayRes } from '../api';
+import type { EncryptCardRes } from '../api/modules/encrypted-card/type';
+import type { EFieldType, FieldIframeConfig } from '../components/SecuredFieldsProvider';
+import type { FormValidationStatus } from '../components/internal/Form';
+import type { LocaleKeyType } from '../i18n';
+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",
+    /**
+     * encrypted card
+     */
+    /** 通知 clientKey 已校验 */
+    AUTHORIZED = "authorized",
+    /** 通知隐藏 iframe 加密卡信息 */
+    ENCRYPT_CARD = "encryptCard",
+    /** 通知加密后的卡信息 */
+    CARD_ENCRYPTED = "cardEncrypted",
+    /** 通知卡信息加密错误 */
+    CARD_ENCRYPTION_FAILED = "cardEncryptionFailed",
+    /**
+     * 3DS
+     */
+    /** 通知组件查询 3DS 结果 */
+    CHECK_THREE_DS = "checkThreeDS",
+    /** 通知组件 3DS 结果页加载 */
+    THREE_DS_STATUS_INIT = "threeDSStatusInit",
+    /** 向 3DS 状态页传递配置 */
+    THREE_DS_STATUS_CONFIG = "threeDSStatusConfig"
+}
+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;
+    [MessageAction.CHECK_THREE_DS]: CheckThreeDSMessage;
+    [MessageAction.THREE_DS_STATUS_INIT]: {};
+    [MessageAction.THREE_DS_STATUS_CONFIG]: ThreeDSStatusConfigMessage;
+};
+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 interface CheckThreeDSMessage {
+    status: string;
+}
+export interface ThreeDSStatusConfigMessage {
+    locale?: LocaleKeyType;
+}
+export {};

package/dist/types/utils/card-brand/brands.d.ts

@@ -9,13 +9,6 @@ export interface CardBrandConfig {
     order: number;
 }
 export declare const cardBrands: CardBrandConfig[];
-export declare const cardBrandIconMap: {
-    VISA: typeof IconVisa;
-    MASTER_CARD: typeof IconMasterCard;
-    JCB: typeof IconJcb;
-    AMEX: typeof IconAmex;
-    DISCOVER: typeof IconDiscover;
-    DINERS_CLUB: typeof IconDinnersClub;
-};
+export declare const getCardBrandIconMap: (code: CardBrandCode) => typeof IconVisa | typeof IconMasterCard | typeof IconJcb | typeof IconAmex | typeof IconDiscover | typeof IconDinnersClub;
 export type CardBrands = (typeof cardBrands)[number]['code'];
 export declare const cardBrandsLengthList: number[];

package/dist/types/utils/card-brand/index.d.ts

@@ -1,5 +1,5 @@
-import { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap, type CardBrandConfig } from './brands';
-export { cardBrands, cardBrandsLengthList, cardBrandCodes, cardBrandIconMap };
+import { cardBrands, cardBrandsLengthList, cardBrandCodes, type CardBrandConfig } from './brands';
+export { cardBrands, cardBrandsLengthList, cardBrandCodes };
 export declare function getSupportedCardBrands(supportedCardBrands?: string[]): CardBrandConfig[];
 export declare function findCardBrand(number: string, brands?: CardBrandConfig[]): CardBrandConfig | undefined;
 export declare function findCardBrandInfo(number: string, brands?: CardBrandConfig[]): {

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

@@ -8,6 +8,7 @@ export * from './format';
 export * from './is';
 export * from './obj';
 export * from './style';
+export * from './iframe';
 export declare function getIf<T>(value: T, condition: boolean): T | undefined;
 /**
  * 将一个数值限制在指定的范围内

package/dist/types/utils/style.d.ts

@@ -1,3 +1,4 @@
+import { type ElementStylesConfig, type FullElementStylesConfig } from '../types';
 /**
  * 将对象转换为 CSS 样式字符串
  * @param style 样式对象
@@ -15,3 +16,14 @@ export declare const generateClassNameMap: (selector?: string) => {
 export declare const loadStyle: (styleStr: string, extraOptions?: Partial<HTMLScriptElement>) => void;
 /** 创建 placeholder 样式 */
 export declare const createPlaceholderStyle: (selector: string, style?: Recordable) => string;
+/** 将可以直接应用到 iframe 中的 input 样式剥离出来 */
+export declare const separateInputStyle: (styles: ElementStylesConfig) => FullElementStylesConfig;
+/**
+ * 生成组件样式字符串
+ * @param style 样式对象
+ * @param selector 选择器，可以是父元素也可以是当前元素
+ */
+export declare const genComponentStyle: (list?: Array<{
+    selector: string;
+    style?: Recordable;
+}>) => string;

package/package.json

@@ -1,63 +1,63 @@
-{
-  "name": "@paykka/card-checkout-ui",
-  "version": "0.6.0",
-  "type": "module",
-  "main": "dist/paykka-card-checkout-ui.umd.js",
-  "module": "dist/es/index.js",
-  "typings": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/es/index.js",
-      "require": "./dist/paykka-card-checkout-ui.umd.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./*": "./dist/*"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite --host",
-    "build": "pnpm type-check && pnpm build:npm && pnpm build:inner && pnpm copy-dist-to-cdn && pnpm build:outer",
-    "build:npm": "tsx ./build/run.ts",
-    "build:inner": "tsx ./build/runInner.ts",
-    "build:outer": "tsx ./build/runOuter.ts",
-    "build:type": "tsc -p ./tsconfig.build.json",
-    "copy-dist-to-cdn": "tsx ./copyDist2CDN.ts",
-    "changeset": "changeset",
-    "changeset:pre": "changeset pre enter beta",
-    "changeset:pre-exit": "changeset pre exit",
-    "changeset:version": "changeset version",
-    "changeset:release": "changeset publish",
-    "changeset:prelease": "changeset publish --tag beta",
-    "release:prod": "pnpm build && pnpm changeset:release",
-    "release:noprod": "pnpm build && pnpm changeset:pre-exit && pnpm changeset:prelease",
-    "type-check": "vue-tsc --noEmit -p tsconfig.json --composite false"
-  },
-  "publishConfig": {
-    "registry": "https://packages.aliyun.com/640edee5a84870ae9d591e48/npm/npm-registry/"
-  },
-  "dependencies": {
-    "@ctrl/tinycolor": "^4.0.3",
-    "@fingerprintjs/fingerprintjs": "^4.2.2",
-    "@preact/signals": "^1.3.0",
-    "@types/applepayjs": "^14.0.9",
-    "@types/googlepay": "^0.7.6",
-    "preact": "^10.24.3",
-    "ts-toolbelt": "^9.6.0",
-    "unfetch": "^5.0.0",
-    "vue-tsc": "^2.1.10"
-  },
-  "devDependencies": {
-    "@changesets/cli": "^2.27.1",
-    "@preact/preset-vite": "^2.9.1",
-    "@types/node": "^20.12.7",
-    "autoprefixer": "^10.4.18",
-    "execa": "^8.0.1",
-    "fast-glob": "^3.3.2",
-    "sass": "^1.71.1",
-    "tsx": "^4.7.3",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10"
-  }
-}
+{
+  "name": "@paykka/card-checkout-ui",
+  "version": "0.7.0",
+  "type": "module",
+  "main": "dist/paykka-card-checkout-ui.umd.js",
+  "module": "dist/es/index.js",
+  "typings": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/es/index.js",
+      "require": "./dist/paykka-card-checkout-ui.umd.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./*": "./dist/*"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "registry": "https://packages.aliyun.com/640edee5a84870ae9d591e48/npm/npm-registry/"
+  },
+  "dependencies": {
+    "@ctrl/tinycolor": "^4.0.3",
+    "@fingerprintjs/fingerprintjs": "^4.2.2",
+    "@preact/signals": "^1.3.0",
+    "@types/applepayjs": "^14.0.9",
+    "@types/googlepay": "^0.7.6",
+    "preact": "^10.24.3",
+    "ts-toolbelt": "^9.6.0",
+    "unfetch": "^5.0.0",
+    "vue-tsc": "^2.1.10"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.1",
+    "@preact/preset-vite": "^2.9.1",
+    "@types/node": "^20.12.7",
+    "autoprefixer": "^10.4.18",
+    "execa": "^8.0.1",
+    "fast-glob": "^3.3.2",
+    "sass": "^1.71.1",
+    "tsx": "^4.7.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.10"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "build": "pnpm type-check && pnpm build:npm && pnpm build:inner && pnpm copy-dist-to-cdn && pnpm build:outer",
+    "build:npm": "tsx ./build/run.ts",
+    "build:inner": "tsx ./build/runInner.ts",
+    "build:outer": "tsx ./build/runOuter.ts",
+    "build:type": "tsc -p ./tsconfig.build.json",
+    "copy-dist-to-cdn": "tsx ./build/copyDist2CDN.ts",
+    "changeset": "changeset",
+    "changeset:pre": "changeset pre enter beta",
+    "changeset:pre-exit": "changeset pre exit",
+    "changeset:version": "changeset version",
+    "changeset:release": "changeset publish",
+    "changeset:prelease": "changeset publish --tag beta",
+    "release:prod": "pnpm build && pnpm changeset:release",
+    "release:noprod": "pnpm build && pnpm changeset:pre-exit && pnpm changeset:prelease",
+    "type-check": "vue-tsc --noEmit -p tsconfig.json --composite false"
+  }
+}