@paykka/card-checkout-ui 0.5.15 → 0.5.17

package/dist/es/api/index.js

@@ -1,2 +1,5 @@
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../i18n/util.js";
+import "../core.js";
+import "../i18n/locales/index.js";

package/dist/es/api/modules/index.js

@@ -1,2 +1,5 @@
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
+import "../../i18n/util.js";
+import "../../core.js";
+import "../../i18n/locales/index.js";

package/dist/es/components/AccountNameField/index.js

@@ -3,6 +3,8 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/AddressField/index.js

@@ -8,6 +8,8 @@ import "../../core/context.js";
 import { isArray, isNil } from "../../utils/is.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/CardExpireDateField/index.js

@@ -2,6 +2,8 @@ import { w, A, F, h, u } from "../../core.js";
 import { isExpired } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/CardHolderNameField/index.js

@@ -3,6 +3,8 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/CardIBANField/index.js

@@ -2,6 +2,8 @@ import { A, h, u } from "../../core.js";
 import { clamp } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/CardNumberField/index.js

@@ -2,6 +2,8 @@ import { w, A, F, h, u } from "../../core.js";
 import { clamp } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/CardSecurityCodeField/index.js

@@ -5,6 +5,8 @@ import "../../utils/system-info/get-browser-info.js";
 import { limitedToNumber } from "../../utils/format.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/CardSelector/index.js

@@ -4,6 +4,8 @@ import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
 import { finCardBrandInfoByCode } from "../../utils/card-brand/index.js";
 import "../../utils/system-info/get-browser-info.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/EmailField/EmailField.js

@@ -10,6 +10,8 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../core/context.js";
+import "../../i18n/util.js";
+import "../../i18n/locales/index.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";

package/dist/es/components/RecurringTip/index.js

@@ -2,9 +2,9 @@ import { u } from "../../core.js";
 import { CoreContext } from "../../core/context.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
-import { useBEM } from "../../hooks/useBEM.js";
 import "../../i18n/util.js";
 import "../../i18n/locales/index.js";
+import { useBEM } from "../../hooks/useBEM.js";
 import { IconInfo } from "../internal/icons/IconInfo.js";
 const { bem } = useBEM("recurring-tip");
 function RecurringTip() {

package/dist/es/components/SecuredFieldsProvider/SecuredFieldsProvider.js

@@ -112,7 +112,6 @@ const SecuredFieldsProvider = w((props, ref) => {
         return;
       }
       window.removeEventListener("message", onReceiveMessage);
-      console.log(hiddenIframe.current);
       if (hiddenIframe.current) {
         document.body.removeChild(hiddenIframe.current);
       }

package/dist/es/components/internal/CheckBox/CheckBox.js

@@ -5,9 +5,9 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
-import { COMMON_CLASS_NAME } from "../../../constant.js";
 import "../../../i18n/util.js";
 import "../../../i18n/locales/index.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
 import { IconChecked } from "../icons/iconChecked.js";
 const { bem } = useBEM("check-box");
 const CheckBox = (props) => {

package/dist/es/config.js

@@ -1,9 +1,15 @@
+import "./utils/card-brand/brands.js";
+import "./utils/system-info/get-browser-info.js";
+import "./i18n/util.js";
+import "./core.js";
+import "./i18n/locales/index.js";
 let apiUrl = "https://checkout.aq.paykka.com";
 let cdnOrigin = "https://checkout.aq.paykka.com";
 let cdnDir = "/cp";
 let cdnUrl = `${cdnOrigin}${cdnDir}`;
 let radarEnv = void 0;
 let customReqHeaders = {};
+let customLocale = void 0;
 function setApiUrl(url) {
   apiUrl = url;
 }
@@ -19,14 +25,19 @@ function setRadarEnv(env) {
 function setCustomReqHeaders(headers) {
   customReqHeaders = headers;
 }
+function setCustomLocale(locale) {
+  customLocale = locale;
+}
 export {
   apiUrl,
   cdnOrigin,
   cdnUrl,
+  customLocale,
   customReqHeaders,
   radarEnv,
   setApiUrl,
   setCDNUrl,
+  setCustomLocale,
   setCustomReqHeaders,
   setRadarEnv
 };

package/dist/es/core/Session.js

@@ -26,6 +26,9 @@ import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import { generateColors } from "../utils/colors.js";
 import { createPromise } from "../utils/create-promise.js";
+import "../i18n/util.js";
+import "../core.js";
+import "../i18n/locales/index.js";
 import { querySession } from "./query.js";
 class Session {
   constructor(sessionId, clientKey) {

package/dist/es/core/index.js

@@ -2,3 +2,5 @@ import "./context.js";
 import "../core.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../i18n/util.js";
+import "../i18n/locales/index.js";

package/dist/es/core/query.js

@@ -1,5 +1,8 @@
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../i18n/util.js";
+import "../core.js";
+import "../i18n/locales/index.js";
 import { onceGetCheckoutInfo } from "../api/modules/checkout/index.js";
 async function querySession({ sessionId, clientKey }, options) {
   try {

package/dist/es/core.js

@@ -3854,36 +3854,6 @@ function isValidCSSUnit(color) {
   }
   return matchers.CSS_UNIT.test(color);
 }
-function e$1(e2, n2) {
-  return n2 = n2 || {}, new Promise(function(t2, r2) {
-    var s2 = new XMLHttpRequest(), o2 = [], u2 = {}, a2 = function e3() {
-      return { ok: 2 == (s2.status / 100 | 0), statusText: s2.statusText, status: s2.status, url: s2.responseURL, text: function() {
-        return Promise.resolve(s2.responseText);
-      }, json: function() {
-        return Promise.resolve(s2.responseText).then(JSON.parse);
-      }, blob: function() {
-        return Promise.resolve(new Blob([s2.response]));
-      }, clone: e3, headers: { keys: function() {
-        return o2;
-      }, entries: function() {
-        return o2.map(function(e4) {
-          return [e4, s2.getResponseHeader(e4)];
-        });
-      }, get: function(e4) {
-        return s2.getResponseHeader(e4);
-      }, has: function(e4) {
-        return null != s2.getResponseHeader(e4);
-      } } };
-    };
-    for (var i2 in s2.open(n2.method || "get", e2, true), s2.onload = function() {
-      s2.getAllResponseHeaders().toLowerCase().replace(/^(.+?):/gm, function(e3, n3) {
-        u2[n3] || o2.push(u2[n3] = n3);
-      }), t2(a2());
-    }, s2.onerror = r2, s2.withCredentials = "include" == n2.credentials, n2.headers)
-      s2.setRequestHeader(i2, n2.headers[i2]);
-    s2.send(n2.body || null);
-  });
-}
 var i = Symbol.for("preact-signals");
 function t() {
   if (!(s$1 > 1)) {
@@ -3917,7 +3887,7 @@ function t() {
 }
 var o = void 0;
 var h = void 0, s$1 = 0, f = 0, v = 0;
-function e(i2) {
+function e$1(i2) {
   if (void 0 !== o) {
     var t2 = i2.n;
     if (void 0 === t2 || t2.t !== o) {
@@ -4008,7 +3978,7 @@ u.prototype.peek = function() {
   }
 };
 Object.defineProperty(u.prototype, "value", { get: function() {
-  var i2 = e(this);
+  var i2 = e$1(this);
   if (void 0 !== i2)
     i2.i = this.i;
   return this.v;
@@ -4139,7 +4109,7 @@ y.prototype.N = function() {
 Object.defineProperty(y.prototype, "value", { get: function() {
   if (1 & this.f)
     throw new Error("Cycle detected");
-  var i2 = e(this);
+  var i2 = e$1(this);
   this.h();
   if (void 0 !== i2)
     i2.i = this.i;
@@ -4422,6 +4392,36 @@ function useSignal(n2) {
     return d$1(n2);
   }, []);
 }
+function e(e2, n2) {
+  return n2 = n2 || {}, new Promise(function(t2, r2) {
+    var s2 = new XMLHttpRequest(), o2 = [], u2 = {}, a2 = function e3() {
+      return { ok: 2 == (s2.status / 100 | 0), statusText: s2.statusText, status: s2.status, url: s2.responseURL, text: function() {
+        return Promise.resolve(s2.responseText);
+      }, json: function() {
+        return Promise.resolve(s2.responseText).then(JSON.parse);
+      }, blob: function() {
+        return Promise.resolve(new Blob([s2.response]));
+      }, clone: e3, headers: { keys: function() {
+        return o2;
+      }, entries: function() {
+        return o2.map(function(e4) {
+          return [e4, s2.getResponseHeader(e4)];
+        });
+      }, get: function(e4) {
+        return s2.getResponseHeader(e4);
+      }, has: function(e4) {
+        return null != s2.getResponseHeader(e4);
+      } } };
+    };
+    for (var i2 in s2.open(n2.method || "get", e2, true), s2.onload = function() {
+      s2.getAllResponseHeaders().toLowerCase().replace(/^(.+?):/gm, function(e3, n3) {
+        u2[n3] || o2.push(u2[n3] = n3);
+      }), t2(a2());
+    }, s2.onerror = r2, s2.withCredentials = "include" == n2.credentials, n2.headers)
+      s2.setRequestHeader(i2, n2.headers[i2]);
+    s2.send(n2.body || null);
+  });
+}
 export {
   A$1 as A,
   B$2 as B,
@@ -4431,7 +4431,7 @@ export {
   _$3 as _,
   b$1 as b,
   d$1 as d,
-  e$1 as e,
+  e,
   h$1 as h,
   index,
   inputToRGB,

package/dist/es/hooks/useI18n.js

@@ -6,7 +6,7 @@ import { I18n } from "../i18n/I18n.js";
 import "../i18n/locales/index.js";
 function useI18n(locale) {
   const coreContext = x(CoreContext);
-  const [_i18n] = h((coreContext == null ? void 0 : coreContext.i18n) ?? new I18n(locale));
+  const [_i18n] = h((coreContext == null ? void 0 : coreContext.i18n) ?? new I18n());
   locale && _i18n.load(locale);
   return { i18n: _i18n };
 }

package/dist/es/hooks/usePayState.js

@@ -3,7 +3,7 @@ import "../core/context.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import { Session } from "../core/Session.js";
-import { radarEnv } from "../config.js";
+import { customLocale, radarEnv } from "../config.js";
 import { getPayKKaRadarInstance } from "../out/radar.js";
 import { useI18n } from "./useI18n.js";
 let _session;
@@ -22,21 +22,17 @@ function usePayState(props) {
     setSession(_session);
     _session.ready().then(() => setSessionReady(true)).catch(() => setSessionReady(false));
   }, [props.sessionId]);
-  const { i18n } = useI18n(props.i18n);
+  const { i18n } = useI18n(customLocale);
   y(() => {
-    if (props.i18n) {
-      i18n.load(props.i18n);
-      return;
-    }
     if (session) {
       session.ready().then(() => {
-        i18n.load(session.checkout.locale);
+        i18n.load(session.checkout.locale || customLocale);
         const payKKaRadar2 = getPayKKaRadarInstance(radarEnv);
         setPayKKaRadar(payKKaRadar2);
         payKKaRadar2 == null ? void 0 : payKKaRadar2.createPayKKaRadar();
       });
     }
-  }, [props.i18n, session]);
+  }, [session]);
   return {
     validated,
     setValidated,

package/dist/es/i18n/I18n.js

@@ -9,17 +9,16 @@ import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
 import { loadTranslation } from "./util.js";
 import { d } from "../core.js";
 const _I18n = class _I18n {
-  constructor(locale = getBrowserInfo().language) {
+  constructor() {
     /** 语言 */
     __publicField(this, "locale");
     /** 翻译文案 */
     __publicField(this, "translation");
     /** 加载文案完成标识 */
-    __publicField(this, "ready", d(false));
+    __publicField(this, "isReady", d(false));
     /** 当前正在加载的id标识 */
     __publicField(this, "currentLoadId", 0);
     if (!_I18n.instance) {
-      this.load(locale);
       _I18n.instance = this;
     }
     return _I18n.instance;
@@ -28,6 +27,9 @@ const _I18n = class _I18n {
     var _a;
     return ((_a = this.translation) == null ? void 0 : _a[key]) ?? "";
   }
+  get ready() {
+    return this.isReady;
+  }
   /** 加载国际化翻译文案 */
   load(locale = getBrowserInfo().language) {
     if (locale === this.locale) {
@@ -35,15 +37,16 @@ const _I18n = class _I18n {
     }
     this.locale = locale;
     const loadId = ++this.currentLoadId;
-    this.ready.value = false;
+    this.isReady.value = false;
     loadTranslation(this.locale).then((res) => {
+      if (loadId !== this.currentLoadId) {
+        return;
+      }
+      this.isReady.value = true;
       this.locale = res.locale;
       this.translation = res.translation;
-      if (loadId === this.currentLoadId) {
-        this.ready.value = true;
-      }
     }).catch(() => {
-      this.ready.value = false;
+      this.isReady.value = false;
     });
   }
 };

package/dist/es/index.js

@@ -20,8 +20,8 @@ import { create } from "./core/create.js";
 import { Session } from "./core/Session.js";
 import { querySession } from "./core/query.js";
 import { I18n } from "./i18n/I18n.js";
-import "./i18n/locales/index.js";
-import { setApiUrl, setCDNUrl, setCustomReqHeaders, setRadarEnv } from "./config.js";
+import { LocaleKey } from "./i18n/locales/index.js";
+import { setApiUrl, setCDNUrl, setCustomLocale, setCustomReqHeaders, setRadarEnv } from "./config.js";
 import "./utils/card-brand/brands.js";
 import { getFingerprint } from "./utils/system-info/finger-print.js";
 import "./utils/system-info/get-browser-info.js";
@@ -39,6 +39,7 @@ export {
   GooglePay,
   I18n,
   IBANField,
+  LocaleKey,
   SecuredIframe,
   Sepa,
   Session,
@@ -49,6 +50,7 @@ export {
   querySession,
   setApiUrl,
   setCDNUrl,
+  setCustomLocale,
   setCustomReqHeaders,
   setRadarEnv
 };

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

@@ -1,10 +1,8 @@
 import type { PayRes } from '../../api';
-import type { LocaleKey } from '../../i18n';
 import type { FormValidateError } from '../internal/Form';
 export interface AliPayProps {
     sessionId: string;
     clientKey?: string;
-    i18n?: LocaleKey;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: any) => void;

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

@@ -1,9 +1,7 @@
 import type { PayRes } from '../../api';
-import type { LocaleKey } from '../../i18n';
 export interface ApplePayProps {
     sessionId: string;
     clientKey?: string;
-    i18n?: LocaleKey;
     onSubmit?: () => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: any) => void;

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

@@ -1,9 +1,7 @@
-import type { LocaleKey } from '../../i18n';
 import type { FormValidateError } from '../internal/Form';
 export interface CardProps {
     sessionId: string;
     clientKey?: string;
-    i18n?: LocaleKey;
     showCardBrands?: boolean;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (returnUrl?: string) => void;

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

@@ -1,9 +1,7 @@
 import type { PayRes } from '../../api';
-import type { LocaleKey } from '../../i18n';
 export interface GooglePayProps {
     sessionId: string;
     clientKey?: string;
-    i18n?: LocaleKey;
     onSubmit?: () => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: any) => void;

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

@@ -1,9 +1,7 @@
-import type { LocaleKey } from '../../i18n';
 import type { FormValidateError } from '../internal/Form';
 export interface SepaProps {
     sessionId: string;
     clientKey?: string;
-    i18n?: LocaleKey;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (returnUrl?: string) => void;
     onError?: (error: any) => void;

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

@@ -1,10 +1,8 @@
 import type { PayRes } from '../../api';
-import type { LocaleKey } from '../../i18n';
 import type { FormValidateError } from '../internal/Form';
 export interface WechatPayProps {
     sessionId: string;
     clientKey?: string;
-    i18n?: LocaleKey;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: any) => void;

package/dist/types/config.d.ts

@@ -1,3 +1,4 @@
+import { type LocaleKeyType } from "./i18n";
 import { type RadarEnv } from "./types";
 export declare let apiUrl: string;
 export declare let cdnOrigin: any;
@@ -5,7 +6,9 @@ export declare let cdnDir: any;
 export declare let cdnUrl: string;
 export declare let radarEnv: RadarEnv | undefined;
 export declare let customReqHeaders: Recordable;
+export declare let customLocale: LocaleKeyType | undefined;
 export declare function setApiUrl(url: string): void;
 export declare function setCDNUrl(url: string): void;
 export declare function setRadarEnv(env: RadarEnv): void;
 export declare function setCustomReqHeaders(headers: Recordable): void;
+export declare function setCustomLocale(locale: LocaleKeyType): void;

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

@@ -1,4 +1,4 @@
-import { I18n, LocaleKey } from '../i18n';
-export declare function useI18n(locale?: LocaleKey): {
+import { I18n, type LocaleKeyType } from '../i18n';
+export declare function useI18n(locale?: LocaleKeyType): {
     i18n: I18n;
 };

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

@@ -1,8 +1,6 @@
 import type { SubmitButtonStatus } from '../components';
 import { Session } from '../core';
-import type { LocaleKey } from '../i18n';
 export declare function usePayState(props: {
-    i18n?: LocaleKey;
     sessionId: string;
     clientKey?: string;
 }): {

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

@@ -1,17 +1,18 @@
-import type { LocaleKey, Translation } from './locales';
+import type { LocaleKeyType, Translation } from './locales';
 import { Signal } from '@preact/signals';
 export declare class I18n {
     /** 语言 */
-    locale: LocaleKey;
+    locale: LocaleKeyType;
     /** 翻译文案 */
     translation?: Translation;
     /** 加载文案完成标识 */
-    ready: Signal<boolean>;
+    private isReady;
     /** 当前正在加载的id标识 */
     private currentLoadId;
     private static instance;
-    constructor(locale?: LocaleKey);
+    constructor();
     get(key: keyof Translation): string;
+    get ready(): Signal<boolean>;
     /** 加载国际化翻译文案 */
-    load(locale?: LocaleKey): void;
+    load(locale?: LocaleKeyType): void;
 }

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

@@ -25,4 +25,5 @@ export declare enum LocaleKey {
     /** 中文（台湾） */
     zhTW = "zh-TW"
 }
+export type LocaleKeyType = LocaleKey | `${LocaleKey}`;
 export default locales;

package/dist/types/index.d.ts

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

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

@@ -1,5 +1,5 @@
-export declare const normalizedStyle: <T extends string | Recordable<any> | Nil>(...args: MaybeArray<T>[]) => string;
-export declare const normalizedClass: <T extends string | Recordable<any> | Nil>(...args: MaybeArray<T>[]) => string;
+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 function toFixed(num: number, digits?: number): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paykka/card-checkout-ui",
-  "version": "0.5.15",
+  "version": "0.5.17",
   "type": "module",
   "main": "dist/paykka-card-checkout-ui.umd.js",
   "module": "dist/es/index.js",