@paykka/card-checkout-ui 0.11.6 → 0.13.2

package/dist/es/core/{PayKKaCheckout.js → checkout.js}

@@ -22,10 +22,14 @@ var __privateSet = (obj, member, value, setter) => {
   setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
-var _config, _envConfig, _session, _componentInsts;
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _id, _config, _envConfig, _session, _theme, _componentInsts, _addressCore, _initPromise, _doInit, doInit_fn;
 import { create } from "./create.js";
-import { Session } from "./Session.js";
-import { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCheckoutConfig, setCustomLocale } from "../config.js";
+import { Session } from "./session.js";
+import { setApiPrefix, setApiUrl, setCDNUrl, setFraudDetectionEnv, setCustomLocale } from "../config.js";
 import { PayKKaError } from "./error.js";
 import { apiEnv, cdnEnv, fraudDetectionEnv } from "./environment.js";
 import "../api/http.js";
@@ -33,14 +37,37 @@ import { isEmptyObject } from "../utils/is.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import { getUrlParam } from "../utils/location.js";
+import { deepMerge } from "../utils/object.js";
+import { genShortId } from "../utils/string.js";
 import { d } from "../core.js";
+import { AddressCore } from "./address.js";
+import { PayKKaTheme } from "./theme.js";
 const PROCESSING_PARAM_NAME = "m";
+const DEFAULT_CHECKOUT_CONFIG = {
+  enableInitValidation: true,
+  apiPrefix: "/session",
+  addressMode: "address"
+};
 class PayKKaCheckout {
   constructor(config) {
+    __privateAdd(this, _doInit);
+    /**
+     * 收银台实例 ID
+     * 用于标识收银台实例，防止主题样式、iframe 通信数据等在不同收银台之间相互影响
+     */
+    __privateAdd(this, _id, void 0);
     __privateAdd(this, _config, void 0);
     __privateAdd(this, _envConfig, void 0);
     __privateAdd(this, _session, void 0);
+    __privateAdd(this, _theme, void 0);
     __privateAdd(this, _componentInsts, []);
+    /**
+     * 地址处理
+     * 与 session 一样，我们要保证 addressCore 在 PayKKaCheckout 实例中保持唯一
+     */
+    __privateAdd(this, _addressCore, void 0);
+    /** 初始化状态标志，防止重复初始化 */
+    __privateAdd(this, _initPromise, void 0);
     // TODO: 这俩属性不应该放在这里，但他们是在 PayKKaCheckout 实例中保持唯一的数据，还没想好放哪里
     /** 当前正在处理的支付方式，在第三方支付页面跳回收银台时，会通过 url 参数传递过来 */
     __publicField(this, "processingPaymentMethod", null);
@@ -49,35 +76,55 @@ class PayKKaCheckout {
      * 在 DropIn 且有正在处理的支付方式时，会设置为当前支付方式，并把其他支付方式设为禁用
      */
     __publicField(this, "enablePaymentMethod", d(null));
+    __privateSet(this, _id, genShortId(6));
     __privateSet(this, _config, config);
     this.init();
   }
-  init() {
-    this.initEnv();
-    this.initLocale();
-    this.initExtraParams();
-    this.initSession();
-    this.initOtherData();
-  }
-  initSession() {
-    const { sessionId, clientKey, onPaymentMethodsReady, onInitError, onSuccess } = __privateGet(this, _config);
-    if (!sessionId) {
-      onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "SessionId is required"));
-      return;
+  async init() {
+    if (__privateGet(this, _initPromise)) {
+      return __privateGet(this, _initPromise);
     }
-    __privateSet(this, _session, new Session(sessionId, clientKey));
-    __privateGet(this, _session).ready().then(() => {
-      var _a, _b;
-      if (isEmptyObject((_a = __privateGet(this, _session)) == null ? void 0 : _a.checkout)) {
+    __privateSet(this, _initPromise, __privateMethod(this, _doInit, doInit_fn).call(this));
+    return __privateGet(this, _initPromise);
+  }
+  initCheckoutConfig() {
+    __privateGet(this, _config)._checkoutConfig = deepMerge(
+      DEFAULT_CHECKOUT_CONFIG,
+      __privateGet(this, _config)._checkoutConfig || {}
+    );
+    setApiPrefix(__privateGet(this, _config)._checkoutConfig.apiPrefix);
+  }
+  async initSession() {
+    var _a, _b;
+    const {
+      sessionId,
+      clientKey,
+      onPaymentMethodsReady,
+      onInitError,
+      onSuccess,
+      _checkoutConfig = {}
+    } = __privateGet(this, _config);
+    const { enableInitValidation } = _checkoutConfig;
+    if (enableInitValidation) {
+      if (!sessionId) {
+        onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "SessionId is required"));
+        return;
+      }
+    }
+    const extraParams = (_b = (_a = __privateGet(this, _config))._getExtraParams) == null ? void 0 : _b.call(_a, "info");
+    __privateSet(this, _session, new Session({ sessionId, clientKey }, extraParams));
+    return __privateGet(this, _session).ready().then(() => {
+      var _a2, _b2;
+      if (isEmptyObject((_a2 = __privateGet(this, _session)) == null ? void 0 : _a2.checkout)) {
         onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "Checkout is empty"));
         return;
       }
-      const { paymentMethod = [], status } = ((_b = __privateGet(this, _session)) == null ? void 0 : _b.checkout) || {};
+      const { supportMethods = [], status } = ((_b2 = __privateGet(this, _session)) == null ? void 0 : _b2.checkout) || {};
       if (status === "SUCCESS") {
         onSuccess == null ? void 0 : onSuccess({});
         return;
       }
-      onPaymentMethodsReady == null ? void 0 : onPaymentMethodsReady(paymentMethod);
+      onPaymentMethodsReady == null ? void 0 : onPaymentMethodsReady(supportMethods);
     }).catch((error) => {
       onInitError == null ? void 0 : onInitError(error);
     });
@@ -100,9 +147,10 @@ class PayKKaCheckout {
     const { locale } = __privateGet(this, _config);
     locale && setCustomLocale(locale);
   }
-  initExtraParams() {
-    const { hidePaymentButton = false } = __privateGet(this, _config);
-    setCheckoutConfig({ hidePaymentButton });
+  initTheme() {
+    var _a;
+    __privateSet(this, _theme, new PayKKaTheme(__privateGet(this, _id)));
+    __privateGet(this, _theme).init((_a = __privateGet(this, _session).checkout) == null ? void 0 : _a.theme);
   }
   initOtherData() {
     const res = getUrlParam(PROCESSING_PARAM_NAME);
@@ -113,12 +161,18 @@ class PayKKaCheckout {
   get session() {
     return __privateGet(this, _session);
   }
+  get theme() {
+    return __privateGet(this, _theme);
+  }
   get envConfig() {
     return __privateGet(this, _envConfig);
   }
   get config() {
     return __privateGet(this, _config);
   }
+  get id() {
+    return __privateGet(this, _id);
+  }
   /** 创建组件，把 session 作为组件的 props 传递 */
   create(component, props) {
     var _a;
@@ -130,8 +184,8 @@ class PayKKaCheckout {
       onError,
       onTimeout,
       onExpired,
-      ...props,
-      ...coreProps
+      ...coreProps,
+      ...props
     });
     (_a = __privateGet(this, _componentInsts)) == null ? void 0 : _a.push(componentInst);
     return componentInst;
@@ -140,17 +194,37 @@ class PayKKaCheckout {
     return {
       session: __privateGet(this, _session),
       core: this,
-      threeDSFrame: __privateGet(this, _config).threeDSFrame
+      threeDSFrame: __privateGet(this, _config).threeDSFrame,
+      hidePaymentButton: __privateGet(this, _config).hidePaymentButton
     };
   }
   resetEnablePaymentMethod() {
     this.enablePaymentMethod.value = null;
   }
+  getAddressCore() {
+    if (!__privateGet(this, _addressCore)) {
+      __privateSet(this, _addressCore, new AddressCore());
+    }
+    return __privateGet(this, _addressCore);
+  }
 }
+_id = new WeakMap();
 _config = new WeakMap();
 _envConfig = new WeakMap();
 _session = new WeakMap();
+_theme = new WeakMap();
 _componentInsts = new WeakMap();
+_addressCore = new WeakMap();
+_initPromise = new WeakMap();
+_doInit = new WeakSet();
+doInit_fn = async function() {
+  this.initCheckoutConfig();
+  this.initEnv();
+  this.initLocale();
+  await this.initSession();
+  this.initTheme();
+  this.initOtherData();
+};
 export {
   PayKKaCheckout
 };

package/dist/es/core/create.js

@@ -2,7 +2,7 @@ import { _, B } from "../core.js";
 import { isString } from "../utils/is.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
-import { deepFreeze } from "../utils/deep-freeze.js";
+import { deepFreeze } from "../utils/object.js";
 const internalInstMap = /* @__PURE__ */ new WeakMap();
 const setInternalInst = (inst, internalInst) => {
   const _internalInst = Object.assign(

package/dist/es/core/query.js

@@ -1,9 +1,10 @@
 import "../api/http.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../core.js";
 import { onceGetCheckoutInfo } from "../api/modules/checkout/index.js";
-const querySession = async ({ sessionId, clientKey }, options) => {
-  return onceGetCheckoutInfo({ sessionId, clientKey }, options);
+const querySession = async (params, extraParams = {}, options) => {
+  return onceGetCheckoutInfo(params, extraParams, options);
 };
 export {
   querySession

package/dist/es/core/{Session.js → session.js}

@@ -21,47 +21,29 @@ var __privateMethod = (obj, member, method) => {
   __accessCheck(obj, member, "access private method");
   return method;
 };
-var _readyPromise, _init, init_fn;
+var _readyPromise, _init, init_fn, _initCheckout, initCheckout_fn;
+import { d } from "../core.js";
 import { isTimeoutError } from "../api/http.js";
 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 { PayKKaError } from "./error.js";
 import { querySession } from "./query.js";
 class Session {
-  constructor(sessionId, clientKey) {
+  constructor(params, extraParams = {}) {
     __privateAdd(this, _init);
+    __privateAdd(this, _initCheckout);
     __publicField(this, "sessionId");
     __publicField(this, "clientKey");
     __publicField(this, "checkout");
-    __publicField(this, "colors", null);
+    __publicField(this, "theme", d({}));
+    __publicField(this, "extraParams", {});
     __privateAdd(this, _readyPromise, createPromise());
+    const { sessionId, clientKey } = params;
     this.sessionId = sessionId;
     this.clientKey = clientKey;
-    __privateMethod(this, _init, init_fn).call(this).then(() => __privateGet(this, _readyPromise).resolve(true)).catch((err) => {
-      if (isTimeoutError(err)) {
-        __privateGet(this, _readyPromise).reject(err);
-      } else {
-        __privateGet(this, _readyPromise).reject(new PayKKaError("API_ERROR", err.message, { code: err.code }));
-      }
-    });
-  }
-  /** 生成主题色 */
-  genColors() {
-    var _a;
-    const { payButtonBackgroundColor } = ((_a = this.checkout) == null ? void 0 : _a.theme) || {};
-    if (payButtonBackgroundColor) {
-      const colors = generateColors(payButtonBackgroundColor, {
-        theme: "default",
-        backgroundColor: "#fff"
-      });
-      this.colors = {
-        primary: colors[5],
-        primaryHover: colors[4],
-        primaryActive: colors[6]
-      };
-    }
+    this.extraParams = extraParams;
+    __privateMethod(this, _init, init_fn).call(this);
   }
   ready() {
     return __privateGet(this, _readyPromise);
@@ -70,11 +52,25 @@ class Session {
 _readyPromise = new WeakMap();
 _init = new WeakSet();
 init_fn = async function() {
-  this.checkout = await querySession({
-    sessionId: this.sessionId,
-    clientKey: this.clientKey
-  });
-  this.genColors();
+  try {
+    await __privateMethod(this, _initCheckout, initCheckout_fn).call(this);
+    __privateGet(this, _readyPromise).resolve(true);
+  } catch (err) {
+    const error = isTimeoutError(err) ? err : new PayKKaError("API_ERROR", err.message, { code: err.code });
+    __privateGet(this, _readyPromise).reject(error);
+  }
+};
+_initCheckout = new WeakSet();
+initCheckout_fn = async function() {
+  var _a;
+  this.checkout = await querySession(
+    {
+      sessionId: this.sessionId,
+      clientKey: this.clientKey
+    },
+    this.extraParams
+  );
+  this.sessionId = (_a = this.checkout) == null ? void 0 : _a.sessionId;
 };
 export {
   Session

package/dist/es/core/theme.js

@@ -0,0 +1,65 @@
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _className, _theme;
+import { useBEM } from "../hooks/useBEM.js";
+import "../core.js";
+import "./context.js";
+import "../utils/card-brand/brands.js";
+import "../utils/system-info/get-browser-info.js";
+import { generateColors } from "../utils/colors.js";
+import { loadStyle } from "../utils/style.js";
+import { getThemeText } from "../utils/theme.js";
+import "../api/http.js";
+class PayKKaTheme {
+  constructor(checkoutId) {
+    /** 主题类名 */
+    __privateAdd(this, _className, void 0);
+    __privateAdd(this, _theme, {});
+    __privateSet(this, _className, useBEM(`theme-${checkoutId}`).bem());
+  }
+  init(theme) {
+    const { payButtonBackgroundColor, payButtonTextColor } = theme || {};
+    __privateSet(this, _theme, {
+      ...__privateGet(this, _theme),
+      "--paykka-button-font-color": payButtonTextColor
+    });
+    if (payButtonBackgroundColor) {
+      const colors = generateColors(payButtonBackgroundColor);
+      __privateSet(this, _theme, {
+        ...__privateGet(this, _theme),
+        "--paykka-button-bg-color": colors[5],
+        // 主色
+        "--paykka-button-bg-color-hover": colors[4],
+        // 浅一点的色，用于 hover
+        "--paykka-button-bg-color-active": colors[6]
+        // 深一点的色，用于 active
+      });
+    }
+    const themeStyle = getThemeText(__privateGet(this, _theme));
+    loadStyle(`.${__privateGet(this, _className)}{${themeStyle}}`);
+  }
+  get className() {
+    return __privateGet(this, _className);
+  }
+}
+_className = new WeakMap();
+_theme = new WeakMap();
+export {
+  PayKKaTheme
+};

package/dist/es/core.js

@@ -20,9 +20,6 @@ function g$2(n2, t2, i2, o2, r2) {
   var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r2 ? ++u$3 : r2, __i: -1, __u: 0 };
   return null == r2 && null != l$3.vnode && l$3.vnode(f2), f2;
 }
-function m$1() {
-  return { current: null };
-}
 function b$1(n2) {
   return n2.children;
 }
@@ -6447,7 +6444,6 @@ export {
   h$1 as h,
   index,
   inputToRGB,
-  m$1 as m,
   q,
   rgbToHex,
   rgbToHsv,

package/dist/es/hooks/usePayment.js

@@ -0,0 +1,14 @@
+import { h } from "../core.js";
+const usePaymentStatus = () => {
+  const [paymentButtonStatus, setPaymentButtonStatus] = h("unSubmit");
+  const [errorMsg, setErrorMsg] = h("");
+  return {
+    paymentButtonStatus,
+    setPaymentButtonStatus,
+    errorMsg,
+    setErrorMsg
+  };
+};
+export {
+  usePaymentStatus
+};

package/dist/es/i18n/locales/de-DE.js

@@ -14,6 +14,7 @@ const deDE = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Kartennummer",
   "card.cardNumber.incomplete": "Ihre Kartennummer ist unvollständig",
@@ -81,7 +82,8 @@ const deDE = {
   "threeDS.returnToCheckout": "Rückkehr erfolgt in Kürze.",
   // qrCode
   "qrCode.expired": "Der QR-Code ist abgelaufen.",
-  "qrCode.scanByGcash": "QR-Code mit GCash scannen"
+  "qrCode.scanByGcash": "QR-Code mit GCash scannen",
+  "qrCode.scanByZalopay": "QR-Code mit Zalopay scannen"
 };
 export {
   deDE as default

package/dist/es/i18n/locales/en-GB.js

@@ -14,6 +14,7 @@ const enGB = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Card number",
   "card.cardNumber.incomplete": "Your card number is incomplete",
@@ -81,7 +82,8 @@ const enGB = {
   "threeDS.returnToCheckout": "returning shortly.",
   // qrCode
   "qrCode.expired": "The QR code has expired.",
-  "qrCode.scanByGcash": "Scan QR code with GCash"
+  "qrCode.scanByGcash": "Scan QR code with GCash",
+  "qrCode.scanByZalopay": "Scan QR code with Zalopay"
 };
 export {
   enGB as default

package/dist/es/i18n/locales/es-ES.js

@@ -14,6 +14,7 @@ const esES = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Número de tarjeta",
   "card.cardNumber.incomplete": "Tu número de tarjeta está incompleto",
@@ -81,7 +82,8 @@ const esES = {
   "threeDS.returnToCheckout": "volviendo en breve.",
   // qrCode
   "qrCode.expired": "El código QR ha expirado.",
-  "qrCode.scanByGcash": "Escanear el código QR con GCash"
+  "qrCode.scanByGcash": "Escanear el código QR con GCash",
+  "qrCode.scanByZalopay": "Escanear el código QR con Zalopay"
 };
 export {
   esES as default

package/dist/es/i18n/locales/fr-FR.js

@@ -14,6 +14,7 @@ const frFR = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Numéro de carte",
   "card.cardNumber.incomplete": "Votre numéro de carte est incomplet",
@@ -81,7 +82,8 @@ const frFR = {
   "threeDS.returnToCheckout": "retour imminent.",
   // qrCode
   "qrCode.expired": "Le code QR a expiré.",
-  "qrCode.scanByGcash": "Scanner le code QR avec GCash"
+  "qrCode.scanByGcash": "Scanner le code QR avec GCash",
+  "qrCode.scanByZalopay": "Scanner le code QR avec Zalopay"
 };
 export {
   frFR as default

package/dist/es/i18n/locales/ja-JP.js

@@ -14,6 +14,7 @@ const jaJP = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "カード番号",
   "card.cardNumber.incomplete": "カード番号が不完全です",
@@ -81,7 +82,8 @@ const jaJP = {
   "threeDS.returnToCheckout": "まもなく戻ります。",
   // qrCode
   "qrCode.expired": "QRコードが期限切れです。",
-  "qrCode.scanByGcash": "Gcashでスキャン"
+  "qrCode.scanByGcash": "Gcashでスキャン",
+  "qrCode.scanByZalopay": "Zalopayでスキャン"
 };
 export {
   jaJP as default

package/dist/es/i18n/locales/ko-KR.js

@@ -14,6 +14,7 @@ const koKR = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "카드 번호",
   "card.cardNumber.incomplete": "카드 번호가 불완전합니다",
@@ -81,7 +82,8 @@ const koKR = {
   "threeDS.returnToCheckout": "곧 돌아갑니다.",
   // qrCode
   "qrCode.expired": "QR 코드가 만료되었습니다.",
-  "qrCode.scanByGcash": "GCash 스캔"
+  "qrCode.scanByGcash": "GCash 스캔",
+  "qrCode.scanByZalopay": "Zalopay 스캔"
 };
 export {
   koKR as default

package/dist/es/i18n/locales/nl-NL.js

@@ -14,6 +14,7 @@ const nlNL = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Kaartnummer",
   "card.cardNumber.incomplete": "Uw kaartnummer is onvolledig",
@@ -81,7 +82,8 @@ const nlNL = {
   "threeDS.returnToCheckout": "binnenkort terugkeren.",
   // qrCode
   "qrCode.expired": "De QR-code is verlopen.",
-  "qrCode.scanByGcash": "Scan QR-code met GCash"
+  "qrCode.scanByGcash": "Scan QR-code met GCash",
+  "qrCode.scanByZalopay": "Scan QR-code met Zalopay"
 };
 export {
   nlNL as default

package/dist/es/i18n/locales/pt-PT.js

@@ -14,6 +14,7 @@ const ptPT = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Número do cartão",
   "card.cardNumber.incomplete": "O número do seu cartão está incompleto",
@@ -81,7 +82,8 @@ const ptPT = {
   "threeDS.returnToCheckout": "a regressar em breve.",
   // qrCode
   "qrCode.expired": "O código QR expirou.",
-  "qrCode.scanByGcash": "Escaneie o código QR com GCash"
+  "qrCode.scanByGcash": "Escaneie o código QR com GCash",
+  "qrCode.scanByZalopay": "Escaneie o código QR com Zalopay"
 };
 export {
   ptPT as default

package/dist/es/i18n/locales/ru-RU.js

@@ -14,6 +14,7 @@ const ruRU = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "Номер карты",
   "card.cardNumber.incomplete": "Ваш номер карты неполный",
@@ -81,7 +82,8 @@ const ruRU = {
   "threeDS.returnToCheckout": "скоро возврат.",
   // qrCode
   "qrCode.expired": "Срок действия QR-кода истек.",
-  "qrCode.scanByGcash": "Сканируйте QR-кодом с GCash"
+  "qrCode.scanByGcash": "Сканируйте QR-кодом с GCash",
+  "qrCode.scanByZalopay": "Сканируйте QR-кодом с Zalopay"
 };
 export {
   ruRU as default

package/dist/es/i18n/locales/zh-CN.js

@@ -14,6 +14,7 @@ const zhCN = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "卡号",
   "card.cardNumber.incomplete": "您的卡号不完整",
@@ -81,7 +82,8 @@ const zhCN = {
   "threeDS.returnToCheckout": "即将返回",
   // qrCode
   "qrCode.expired": "二维码过期",
-  "qrCode.scanByGcash": "用Gcash扫码"
+  "qrCode.scanByGcash": "用Gcash扫码",
+  "qrCode.scanByZalopay": "用Zalopay扫码"
 };
 export {
   zhCN as default

package/dist/es/i18n/locales/zh-HK.js

@@ -14,6 +14,7 @@ const zhHK = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "卡號",
   "card.cardNumber.incomplete": "您的卡號不完整",
@@ -81,7 +82,8 @@ const zhHK = {
   "threeDS.returnToCheckout": "即將返回",
   // qrCode
   "qrCode.expired": "二維碼過期",
-  "qrCode.scanByGcash": "用Gcash掃碼"
+  "qrCode.scanByGcash": "用Gcash掃碼",
+  "qrCode.scanByZalopay": "用Zalopay掃碼"
 };
 export {
   zhHK as default

package/dist/es/i18n/locales/zh-TW.js

@@ -14,6 +14,7 @@ const zhTW = {
   "dropIn.ninePay.label": "9Pay",
   "dropIn.gcash.label": "GCash",
   "dropIn.paymaya.label": "Paymaya",
+  "dropIn.zalopay.label": "Zalopay",
   // card number
   "card.cardNumber.label": "卡號",
   "card.cardNumber.incomplete": "您的卡號不完整",
@@ -81,7 +82,8 @@ const zhTW = {
   "threeDS.returnToCheckout": "即將返回",
   // qrCode
   "qrCode.expired": "二維碼過期",
-  "qrCode.scanByGcash": "用Gcash掃碼"
+  "qrCode.scanByGcash": "用Gcash掃碼",
+  "qrCode.scanByZalopay": "用Zalopay掃碼"
 };
 export {
   zhTW as default