@paykka/card-checkout-ui 0.8.0 → 0.11.2

package/dist/types/i18n/locales/zh-HK.d.ts

@@ -1,6 +1,17 @@
 declare const _default: {
+    'guideCard.redirectDescription': string;
+    'guideCard.scanQRCode': string;
     'dropIn.card.label': string;
     'dropIn.otherPaymentMethod': string;
+    'dropIn.boost.label': string;
+    'dropIn.TNGWallet.label': string;
+    'dropIn.shopeePay.label': string;
+    'dropIn.mayBankQRPay.label': string;
+    'dropIn.grabPay.label': string;
+    'dropIn.linePay.label': string;
+    'dropIn.ninePay.label': string;
+    'dropIn.gcash.label': string;
+    'dropIn.paymaya.label': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -54,5 +65,7 @@ declare const _default: {
     'threeDS.authenticationSuccessful': string;
     'threeDS.authenticationFailed': string;
     'threeDS.returnToCheckout': string;
+    'qrCode.expired': string;
+    'qrCode.scanByGcash': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-TW.d.ts

@@ -1,6 +1,17 @@
 declare const _default: {
+    'guideCard.redirectDescription': string;
+    'guideCard.scanQRCode': string;
     'dropIn.card.label': string;
     'dropIn.otherPaymentMethod': string;
+    'dropIn.boost.label': string;
+    'dropIn.TNGWallet.label': string;
+    'dropIn.shopeePay.label': string;
+    'dropIn.mayBankQRPay.label': string;
+    'dropIn.grabPay.label': string;
+    'dropIn.linePay.label': string;
+    'dropIn.ninePay.label': string;
+    'dropIn.gcash.label': string;
+    'dropIn.paymaya.label': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -54,5 +65,7 @@ declare const _default: {
     'threeDS.authenticationSuccessful': string;
     'threeDS.authenticationFailed': string;
     'threeDS.returnToCheckout': string;
+    'qrCode.expired': string;
+    'qrCode.scanByGcash': string;
 };
 export default _default;

package/dist/types/i18n/util.d.ts

@@ -4,6 +4,11 @@ import type { CustomLocales, Translation } from './locales';
  * 如果 locale 不符合，则取浏览器语言，若仍然不符合则用 en-GB
  */
 export declare const getRealLocale: (locale: string) => string;
+/**
+ * 如果 local 不在语言列表中，则要看看是否是 en 或 zh 开头
+ * 如果都不是，则返回 undefined，这里不做英文兜底，由上层判断
+ */
+export declare const getLocalKey: (locale: string) => string | undefined;
 export declare function loadTranslation(locale: string, customLocales?: CustomLocales): Promise<{
     locale: string;
     translation: Translation;

package/dist/types/index.d.ts

@@ -2,4 +2,5 @@ export * from './components';
 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';
+export { getFingerprint, redirectToPayment } from './utils';
+export { PaymentMethod } from './constant';

package/dist/types/out/fraud-detection.d.ts

@@ -1,9 +1,13 @@
 import { type CollModeType, type envType } from '../types';
+import type { FraudDetectionOptions } from './types';
 type FraudDetectionType = {
     fraudDetectionID: string;
+    getFraudDetectionId: (options?: {
+        bin?: string;
+    }) => Promise<string>;
     createFraudDetection: () => Promise<void>;
 };
 export default function getFraudDetectionInstance(env?: envType | {
     [k in CollModeType]?: string;
-}, mode?: CollModeType[]): FraudDetectionType;
+}, mode?: CollModeType[], options?: FraudDetectionOptions): FraudDetectionType;
 export {};

package/dist/types/out/types.d.ts

@@ -0,0 +1,4 @@
+import type { FraudDetectionEventType } from '../types/event';
+export type FraudDetectionOptions = {
+    onEvent?: (event: FraudDetectionEventType) => void;
+};

package/dist/types/out/worldpay-ddc-iframe.d.ts

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

package/dist/types/out/worldpay-ddc.d.ts

@@ -0,0 +1,37 @@
+import type { FraudDetectionOptions } from './types';
+/**
+ * reference: https://docs.worldpay.com/apis/wpg/directintegration/cardinalsecuretest
+ * worldpay ddc，单例模式，此处 SessionId 指的是 fraudDetectionId
+ * 1. 前端调用后端接口返回 JWT
+ * 2. 前端将 JWT 和 bin 传给 iframe
+ * 3. iframe 提交数据到 Worldpay
+ * 4. Worldpay 返回 SessionId
+ * 5. 前端支付时将 SessionId 传给后端
+ */
+export declare class WorldpayDDC {
+    private static instance;
+    private iframe;
+    private jwt;
+    private listener;
+    private timer;
+    private fraudDetectionId;
+    private p;
+    private options?;
+    constructor(options?: FraudDetectionOptions);
+    /**
+     * 获取 fraudDetectionId，每次支付的时候都要调用
+     * @param bin 最好是完整卡号，至少得是 6 位卡 bin
+     */
+    getFraudDetectionId(bin: string): Promise<string>;
+    private requestFraudDetectionId;
+    private sendJWTAndBin;
+    /**
+     * 监听 worldpay 返回的 fraudDetectionId
+     * 由于可能会多次调用，所以需要先移除之前的监听
+     * 如果 worldpay 一直没有返回信息，则 10s 后清除监听，并返回空字符串
+     */
+    private listenFraudDetectionId;
+    private clearListener;
+    private getJWT;
+    private initIframe;
+}

package/dist/types/types/event.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 事件类型
+ * 适用于埋点上报
+ */
+export type EventType = FraudDetectionEventType;
+/** fraud detection 事件类型 */
+export declare enum FraudDetectionEventType {
+    /** fraud detection 数据转换报错 */
+    FRAUD_DETECTION_TRANSFORM_ERROR = "fraudDetection:transFormError",
+    /** stripe radar 获取 sessionId 报错 */
+    STRIPE_RADAR_ERROR = "stripeRadar:error",
+    /** stripe radar 加载失败 */
+    STRIPE_RADAR_LOAD_ERROR = "stripeRadar:loadError",
+    /** stripe radar 开始获取 */
+    STRIPE_RADAR_START = "stripeRadar:start",
+    /** stripe radar 成功 */
+    STRIPE_RADAR_SUCCESS = "stripeRadar:success",
+    /** worldpay ddc 开始获取 */
+    WORLDPAY_DDC_START = "worldpayDDC:start",
+    /** worldpay ddc 获取 sessionId 报错 */
+    WORLDPAY_DDC_ERROR = "worldpayDDC:error",
+    /** worldpay ddc 超时 */
+    WORLDPAY_DDC_TIMEOUT = "worldpayDDC:timeout",
+    /** worldpay ddc 成功 */
+    WORLDPAY_DDC_SUCCESS = "worldpayDDC:success"
+}

package/dist/types/types/fraud-detection.d.ts

@@ -1,7 +1,9 @@
 export type envType = 'eu' | 'hk' | 'us';
 export declare const enum ECollMode {
     /** Stripe Radar */
-    SR = "SR"
+    SR = "SR",
+    /** Worldpay DDC */
+    WP = "WP"
 }
 export type CollModeType = keyof typeof ECollMode;
 export type FraudDetectionEnv = envType | {

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

@@ -3,8 +3,11 @@ import type { LocaleKeyType } from '../i18n';
 import type { PayKKaCheckout, PayKKaError, Session } from '../core';
 import type { FraudDetectionEnv } from './fraud-detection';
 import type { FormValidateError } from '../components/internal/Form';
+import type { PaymentMethod } from '../constant';
+import type { EventType } from './event';
 export * from './fraud-detection';
 export * from './message';
+export * from './event';
 export type CustomAttributes<T extends EventTarget, K extends keyof HTMLAttributes<T> = 'style' | 'className'> = Pick<HTMLAttributes<T>, K>;
 /** 收银台初始化参数 */
 export interface PayKKaInitConfiguration {
@@ -20,7 +23,7 @@ export interface PayKKaInitConfiguration {
     /** 定义 3DS 所需配置 */
     threeDSFrame?: ThreeDSFrameConfig;
     /** 收银台已经获取到可用支付方式时调用 */
-    onPaymentMethodsReady?: (methods: string[]) => void;
+    onPaymentMethodsReady?: (methods: PaymentMethod[]) => void;
     /** 收银台创建时报错触发 */
     onInitError?: (error: PayKKaError) => void;
     /**
@@ -38,10 +41,25 @@ export interface PayKKaInitConfiguration {
     /** 收银台已过期时触发 */
     onExpired?: () => void;
     /**
-     * 内部参数
+     * @internal
+     * 各种发生在收银台生命周期中的事件
+     */
+    onEvent?: (type: EventType, data?: any) => void;
+    /**
+     * @internal
+     * 欺诈检测错误回调
+     */
+    onFraudDetectionError?: (error: PayKKaError) => void;
+    /**
+     * @internal
+     * 环境配置，优先级大于 env 参数
      */
-    /** 环境配置，优先级大于 env 参数 */
     _envConfig?: PayKKaEnvConfig;
+    /**
+     * @internal
+     * 根据请求类型和请求方式额外传递的参数回调
+     */
+    _getExtraParams?: (type: 'info' | 'query' | 'payment', paymentMethod: PaymentMethod) => Recordable;
 }
 /** 收银台创建组件时自动传入的内部属性 */
 export type CoreProps = {
@@ -82,7 +100,8 @@ export declare enum CardBrandCode {
     JCB = "JCB",
     AMEX = "AMEX",
     DISCOVER = "DISCOVER",
-    DINERS_CLUB = "DINERS_CLUB"
+    DINERS_CLUB = "DINERS_CLUB",
+    CHINA_UNION_PAY = "CHINA_UNION_PAY"
 }
 export type CardBrand = `${CardBrandCode}`;
 export interface ElementStylesConfig {

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

@@ -4,7 +4,7 @@ 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 {
+export declare const enum MessageAction {
     /** 通知 iframe 初始化 input */
     INIT = "init",
     /** 表单 iframe DOM 已加载 */
@@ -54,7 +54,16 @@ export declare enum MessageAction {
     /** 通知组件 3DS 结果页加载 */
     THREE_DS_STATUS_INIT = "threeDSStatusInit",
     /** 向 3DS 状态页传递配置 */
-    THREE_DS_STATUS_CONFIG = "threeDSStatusConfig"
+    THREE_DS_STATUS_CONFIG = "threeDSStatusConfig",
+    /** 开启测试模式 */
+    DEBUG_MODE = "debugMode",
+    /**
+     * worldpay DDC
+     */
+    /** 通知组件 DDC 结果 */
+    DDC_RESULT = "ddcResult",
+    /** 通知 DDC iframe jwt 和 bin 信息 */
+    DDC_JWT_BIN = "ddcJwtBin"
 }
 export type Message<T extends MessageAction> = {
     action: T;
@@ -82,6 +91,9 @@ type MessageMapping = {
     [MessageAction.CHECK_THREE_DS]: CheckThreeDSMessage;
     [MessageAction.THREE_DS_STATUS_INIT]: {};
     [MessageAction.THREE_DS_STATUS_CONFIG]: ThreeDSStatusConfigMessage;
+    [MessageAction.DEBUG_MODE]: {};
+    [MessageAction.DDC_RESULT]: DDCResultMessage;
+    [MessageAction.DDC_JWT_BIN]: DDCJwtBinMessage;
 };
 export interface InitMessage {
     config?: FieldIframeConfig;
@@ -113,6 +125,7 @@ export interface ValidWithValueMessage {
 export interface PaymentMessage {
     formData: any;
     locale: string;
+    extraParams?: Recordable;
 }
 export interface AfterPaymentMessage {
     response: PayRes;
@@ -167,4 +180,11 @@ export interface CheckThreeDSMessage {
 export interface ThreeDSStatusConfigMessage {
     locale?: LocaleKeyType;
 }
+export interface DDCResultMessage {
+    sessionId: string;
+}
+export interface DDCJwtBinMessage {
+    jwt: string;
+    bin: string;
+}
 export {};

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

@@ -0,0 +1 @@
+export declare const removeElementFromArray: (array: any[], element: any) => void;

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

@@ -1,14 +1,15 @@
-import { IconAmex, IconDinnersClub, IconDiscover, IconJcb, IconMasterCard, IconVisa } from '../../components/internal/icons';
+import { IconAmex, IconDinnersClub, IconDiscover, IconJcb, IconMasterCard, IconUnionPay, IconVisa } from '../../components/internal/icons';
 import { CardBrandCode } from '../../types';
 export declare const cardBrandCodes: CardBrandCode[];
 export interface CardBrandConfig {
     name: string;
     code: CardBrandCode;
-    pattern: RegExp;
+    pattern?: RegExp;
+    validator?: (cardNumber: string) => boolean;
     lengths: number[];
     order: number;
 }
 export declare const cardBrands: CardBrandConfig[];
-export declare const getCardBrandIconMap: (code: CardBrandCode) => typeof IconVisa | typeof IconMasterCard | typeof IconJcb | typeof IconAmex | typeof IconDiscover | typeof IconDinnersClub;
+export declare const getCardBrandIconMap: (code: CardBrandCode) => typeof IconVisa | typeof IconMasterCard | typeof IconJcb | typeof IconAmex | typeof IconDiscover | typeof IconDinnersClub | typeof IconUnionPay;
 export type CardBrands = (typeof cardBrands)[number]['code'];
 export declare const cardBrandsLengthList: number[];

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

@@ -3,27 +3,30 @@ 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[]): {
-    icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
+    icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub | typeof import("../../components/internal/icons").IconUnionPay;
     name: string;
     code: import("../../types").CardBrandCode;
-    pattern: RegExp;
+    pattern?: RegExp | undefined;
+    validator?: ((cardNumber: string) => boolean) | undefined;
     lengths: number[];
     order: number;
 } | undefined;
 export declare function getCardBrandInfo(brand: CardBrandConfig): {
-    icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
+    icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub | typeof import("../../components/internal/icons").IconUnionPay;
     name: string;
     code: import("../../types").CardBrandCode;
-    pattern: RegExp;
+    pattern?: RegExp | undefined;
+    validator?: ((cardNumber: string) => boolean) | undefined;
     lengths: number[];
     order: number;
 };
 export type CardBrandInfo = ReturnType<typeof getCardBrandInfo>;
 export declare function finCardBrandInfoByCode(code: string): {
-    icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub;
+    icon: typeof import("../../components/internal/icons").IconVisa | typeof import("../../components/internal/icons").IconMasterCard | typeof import("../../components/internal/icons").IconJcb | typeof import("../../components/internal/icons").IconAmex | typeof import("../../components/internal/icons").IconDiscover | typeof import("../../components/internal/icons").IconDinnersClub | typeof import("../../components/internal/icons").IconUnionPay;
     name: string;
     code: import("../../types").CardBrandCode;
-    pattern: RegExp;
+    pattern?: RegExp | undefined;
+    validator?: ((cardNumber: string) => boolean) | undefined;
     lengths: number[];
     order: number;
 } | undefined;

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

@@ -0,0 +1,9 @@
+/**
+ * 银行卡号码的校验采用Luhn算法，校验过程大致如下：
+ * 1. 从右到左给卡号字符串编号，最右边第一位是1，最右边第二位是2，最右边第三位是3….
+ * 2. 从右向左遍历，对每一位字符t执行第三个步骤，并将每一位的计算结果相加得到一个数s。
+ * 3. 对每一位的计算规则：如果这一位是奇数位，则返回t本身，如果是偶数位，则先将t乘以2得到一个数n，如果n是一位数（小于10），直接返回n，否则将n的个位数和十位数相加返回。
+ * 4. 如果s能够整除10，则此号码有效，否则号码无效。
+ * 因为最终的结果会对10取余来判断是否能够整除10，所以又叫做模10算法。
+ */
+export declare const luhnCheck: (cardNumber: string) => boolean;

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

@@ -0,0 +1,9 @@
+export declare const DATE_FORMAT = "MM/DD/YYYY";
+export declare const DATE_TIME_FORMAT = "MM/DD/YYYY HH:mm:ss";
+declare const timeTemplateMap: {
+    date: string;
+    datetime: string;
+};
+type TimeTemplate = keyof typeof timeTemplateMap;
+export declare const formatTime: (value?: Numeric | Date, template?: StringUnion<TimeTemplate>) => string;
+export {};

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

@@ -0,0 +1 @@
+export declare const isEventSupported: (eventName: string, element?: HTMLDivElement) => boolean;

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

@@ -1,9 +1,15 @@
+import type { Amount } from '../api/modules/type';
 export declare const normalizedStyle: <T extends string | Nil | Recordable<any>>(...args: MaybeArray<T>[]) => string;
 export declare const normalizedClass: <T extends string | Nil | Recordable<any>>(...args: MaybeArray<T>[]) => string;
 export declare function limitedToNumber(val: string, whitelist?: string[]): string;
 export declare function trimAll(str: string): string;
+export declare const formatAmount: ({ amount, digits, currency, symbol }: Amount) => {
+    fixedAmount: () => string;
+    jointSymbol: () => string;
+    jointSymbolAndCurrency: () => string;
+    jointCurrency: () => string;
+};
 export declare function toFixed(num: number, digits?: number): string;
-export declare const formatAmount: (value?: number | undefined, digits?: number) => string;
 export declare function cssVarPrefix(value: string): string;
 export declare function underscoreToUpperCamelCase(str: string): string;
 export declare function extractAreaCodeAndPhoneNumber(phoneNumber?: string): {

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

@@ -1,2 +1,2 @@
 export declare const createIframe: (src: string) => HTMLIFrameElement;
-export declare const postMessageToIframe: (data: Recordable, iframe: Window, targetOrigin?: string) => void;
+export declare const postMessageToIframe: (data: Recordable | string, iframe: Window, targetOrigin?: string) => void;

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

@@ -9,6 +9,13 @@ export * from './is';
 export * from './obj';
 export * from './style';
 export * from './iframe';
+export * from './location';
+export * from './redirect';
+export * from './array';
+export * from './detect';
+export * from './date';
+export * from './object';
+export * from './reg-exp';
 export declare function getIf<T>(value: T, condition: boolean): T | undefined;
 /**
  * 将一个数值限制在指定的范围内
@@ -18,6 +25,7 @@ export declare function getIf<T>(value: T, condition: boolean): T | undefined;
  */
 export declare function clamp(value: number, min?: number, max?: number): number;
 export declare const safeParse: <T>(dataStr: string, defaultValue?: {}) => T;
+export declare const safeStringify: (data: any, defaultValue?: string) => string;
 /**
  * @description: 日期是否过期
  * @param {string} expireDate MM/YY

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

@@ -0,0 +1,7 @@
+export declare const getUrlParams: () => Record<string, string>;
+export declare const getUrlParam: (paramName: string) => string | null;
+export declare const createUrlWithParams: (baseUrl: string, params: Record<string, string | number | boolean>) => string;
+export declare const parseUrl: (url: string) => {
+    baseUrl: string;
+    params: Record<string, string>;
+};

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

@@ -0,0 +1 @@
+export declare const deepMerge: <T extends Recordable<any>, U extends Recordable<any>>(target: T, source: U) => T & U;

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

@@ -0,0 +1,5 @@
+/**
+ * 跳转至支付页面
+ * 根据支付方式选择使用 GET 或 POST 方式跳转
+ */
+export declare const redirectToPayment: (payInfo: Recordable) => void;

package/dist/types/utils/reg-exp.d.ts

@@ -0,0 +1 @@
+export declare const EMAIL_REG = "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$";

package/dist/types/utils/system-info/get-browser-info.d.ts

@@ -1,7 +1,7 @@
 /**
  * 获取系统信息-同步
  */
-export declare function getBrowserInfo(): {
+export declare const getBrowserInfo: () => {
     deviceBrand: undefined;
     brand: undefined;
     deviceModel: string | undefined;

package/dist/types/utils/system-info/get-system-info.d.ts

@@ -1,4 +1,4 @@
-export declare function getDeviceInfo(): {
+export declare const getDeviceInfo: () => {
     brand: undefined;
     deviceBrand: undefined;
     deviceModel: string | undefined;
@@ -10,7 +10,7 @@ export declare function getDeviceInfo(): {
     platform: string;
     system: string;
 };
-export declare function getSystemInfo(): {
+export declare const getSystemInfo: () => {
     brand: undefined;
     deviceBrand: undefined;
     deviceModel: string | undefined;
@@ -30,3 +30,4 @@ export declare function getSystemInfo(): {
     osTheme: undefined;
     ua: string;
 };
+export declare const isMobile: () => boolean;

package/dist/types/utils/system-info/index.d.ts

@@ -1,7 +1,7 @@
 import { getFingerprint } from './finger-print';
 import { getBrowserInfo } from './get-browser-info';
-import { getSystemInfo } from './get-system-info';
-export { getBrowserInfo, getSystemInfo, getFingerprint };
+import { getSystemInfo, isMobile } from './get-system-info';
+export { getBrowserInfo, getSystemInfo, getFingerprint, isMobile };
 export * from './is-ua-webview';
 export interface Browser {
     userAgent: string;
@@ -16,4 +16,4 @@ export interface Browser {
     osName: string;
     deviceFingerprintId: string;
 }
-export declare function getBrowser(): Promise<Browser>;
+export declare const getBrowser: () => Promise<Browser>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paykka/card-checkout-ui",
-  "version": "0.8.0",
+  "version": "0.11.2",
   "type": "module",
   "main": "dist/paykka-card-checkout-ui.umd.js",
   "module": "dist/es/index.js",
@@ -32,7 +32,8 @@
     "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"
+    "type-check": "tsc --noEmit -p tsconfig.json --composite false",
+    "release:npm": "npm publish --registry=https://registry.npmjs.org --access public"
   },
   "publishConfig": {
     "registry": "https://packages.aliyun.com/640edee5a84870ae9d591e48/npm/npm-registry/"
@@ -43,7 +44,9 @@
     "@preact/signals": "^1.3.0",
     "@types/applepayjs": "^14.0.9",
     "@types/googlepay": "^0.7.6",
+    "@types/qrcode": "^1.5.5",
     "preact": "^10.24.3",
+    "qrcode": "^1.5.4",
     "ts-toolbelt": "^9.6.0",
     "unfetch": "^5.0.0",
     "vue-tsc": "^2.1.10"
@@ -56,6 +59,7 @@
     "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
     "sass": "^1.71.1",
+    "terser": "^5.42.0",
     "tsx": "^4.7.3",
     "typescript": "^5.4.5",
     "vite": "^5.2.10"