@paykka/card-checkout-ui 0.13.2 → 0.13.7

package/dist/es/_commonjsHelpers.js

@@ -1,5 +1,5 @@
 const name = "@paykka/card-checkout-ui";
-const version = "0.13.2";
+const version = "0.13.7";
 const type = "module";
 const main = "dist/paykka-card-checkout-ui.umd.js";
 const module = "dist/es/index.js";

package/dist/es/api/http.js

@@ -4,6 +4,7 @@ import "../core.js";
 import { safeStringify } from "../utils/index.js";
 import { getFetch } from "./fetch.js";
 import { PayKKaError, EPayKKaError } from "../core/error.js";
+import "../out/worldpay-jsc-origin.js";
 import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
 const request = async (method, url, params, { timeout = 2e4, headers, locale } = {}) => {
   const abortController = new AbortController();

package/dist/es/api/modules/opay-wallet/index.js

@@ -0,0 +1,16 @@
+import { apiPrefix } from "../../../config.js";
+import { buildPaymentParams, buildQueryParams } from "../../utils/index.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const opayWalletPay = async (params, extraParams, options) => {
+  const paymentParams = buildPaymentParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments`, paymentParams, options).then(payResMap);
+};
+const getOpayWalletPayInfo = async (params, extraParams, options) => {
+  const queryParams = buildQueryParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments/query`, queryParams, options).then(payResMap);
+};
+export {
+  getOpayWalletPayInfo,
+  opayWalletPay
+};

package/dist/es/api/modules/paga-wallet/index.js

@@ -0,0 +1,16 @@
+import { apiPrefix } from "../../../config.js";
+import { buildPaymentParams, buildQueryParams } from "../../utils/index.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const pagaWalletPay = async (params, extraParams, options) => {
+  const paymentParams = buildPaymentParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments`, paymentParams, options).then(payResMap);
+};
+const getPagaWalletPayInfo = async (params, extraParams, options) => {
+  const queryParams = buildQueryParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments/query`, queryParams, options).then(payResMap);
+};
+export {
+  getPagaWalletPayInfo,
+  pagaWalletPay
+};

package/dist/es/api/modules/pic-pay/index.js

@@ -0,0 +1,16 @@
+import { apiPrefix } from "../../../config.js";
+import { buildPaymentParams, buildQueryParams } from "../../utils/index.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const picPay = async (params, extraParams, options) => {
+  const paymentParams = buildPaymentParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments`, paymentParams, options).then(payResMap);
+};
+const getPicPayInfo = async (params, extraParams, options) => {
+  const queryParams = buildQueryParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments/query`, queryParams, options).then(payResMap);
+};
+export {
+  getPicPayInfo,
+  picPay
+};

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

@@ -0,0 +1,16 @@
+import { apiPrefix } from "../../../config.js";
+import { buildPaymentParams, buildQueryParams } from "../../utils/index.js";
+import { http } from "../../http.js";
+import { payResMap } from "../map.js";
+const pixPay = async (params, extraParams, options) => {
+  const paymentParams = buildPaymentParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments`, paymentParams, options).then(payResMap);
+};
+const getPixPayInfo = async (params, extraParams, options) => {
+  const queryParams = buildQueryParams(params, extraParams);
+  return http.post(`${apiPrefix}/payments/query`, queryParams, options).then(payResMap);
+};
+export {
+  getPixPayInfo,
+  pixPay
+};

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

@@ -9,6 +9,27 @@ const getRiskAuthorization = async (params, options) => {
     };
   });
 };
+const getChannelConfig = async (channel, options) => {
+  return http.post(
+    "/pub/channel/sdk/config",
+    {
+      channel_code_list: [
+        {
+          channel_code: channel
+        }
+      ]
+    },
+    options
+  ).then((res) => {
+    var _a;
+    return {
+      stripe: {
+        key: ((_a = res == null ? void 0 : res.stripe) == null ? void 0 : _a.public_key) || ""
+      }
+    };
+  });
+};
 export {
+  getChannelConfig,
   getRiskAuthorization
 };

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

@@ -0,0 +1,4 @@
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import "../../../core.js";
+import "../../http.js";

package/dist/es/components/AccordionItem/AccordionItem.js

@@ -6,6 +6,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../utils/format.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { AccordionContext } from "../internal/Accordion/type.js";
 import { accordionTransition } from "../internal/Accordion/accordionTransition.js";
 const { bem } = useBEM("accordion-item");

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

@@ -3,6 +3,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -7,6 +7,7 @@ import "../../utils/system-info/get-browser-info.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -9,6 +9,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { COMMON_CLASS_NAME, PaymentType, PaymentMethod, SessionMode } from "../../constant.js";
 import { CoreContext } from "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";

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

@@ -11,6 +11,7 @@ import { getApplePayInfo, applePay, getMerchantSession } from "../../api/modules
 import { useBEM } from "../../hooks/useBEM.js";
 import "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { Info } from "../internal/Info/Info.js";

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getBoostPayInfo, boostPay } from "../../api/modules/boost/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -8,6 +8,7 @@ import { PaymentType, SessionMode, CardPaymentMethods, PaymentMethod, COMMON_CLA
 import { CoreContext } from "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
 import { WorldpayDDC } from "../../out/worldpay-ddc.js";
+import "../../out/worldpay-jsc-origin.js";
 import { createPromise } from "../../utils/create-promise.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { usePayState } from "../../hooks/usePayState.js";

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

@@ -4,6 +4,7 @@ import { useBEM } from "../../hooks/useBEM.js";
 import "../../core/context.js";
 import { clamp } from "../../utils/index.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { getSupportedCardBrands, getCardBrandInfo } from "../../utils/card-brand/index.js";
 import { normalizedClass } from "../../utils/format.js";
 const { bem } = useBEM("card-brands");

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

@@ -2,6 +2,7 @@ import { w, A, F, h, u } from "../../core.js";
 import { isExpired } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -3,6 +3,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -2,6 +2,7 @@ import { A, h, u } from "../../core.js";
 import { clamp } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -6,6 +6,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../utils/format.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("card-no");
 const CardNo = (props) => {
   const { value, className, style } = props;

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

@@ -2,6 +2,7 @@ import { w, A, F, h, y, u } from "../../core.js";
 import { clamp } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -6,6 +6,7 @@ import { limitedToNumber } from "../../utils/format.js";
 import { EFieldType } from "../SecuredFieldsProvider/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -4,6 +4,7 @@ import { useI18n } from "../../hooks/useI18n.js";
 import { finCardBrandInfoByCode } from "../../utils/card-brand/index.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -13,6 +13,7 @@ import { IconCardNo } from "../internal/icons/IconCardNo.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("combined-card-info");
 const CombinedCardInfo = w(
   (props, ref) => {

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

@@ -3,6 +3,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { CoreContext } from "../../core/context.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { CardPaymentMethods, PaymentMethod, PaymentCategory, SessionMode, PaymentMethod2CategoryMap } from "../../constant.js";
 import { Card } from "../Card/index.js";
 import { ApplePay } from "../ApplePay/index.js";
@@ -17,6 +18,11 @@ import { GrabPay } from "../GrabPay/index.js";
 import { GCash } from "../wallets/GCash/GCash.js";
 import { Paymaya } from "../wallets/Paymaya/Paymaya.js";
 import { Zalopay } from "../wallets/Zalopay/Zalopay.js";
+import { Vietqr } from "../wallets/Vietqr/Vietqr.js";
+import { Pix } from "../wallets/Pix/Pix.js";
+import { PicPay } from "../wallets/PicPay/PicPay.js";
+import { OpayWallet } from "../wallets/OpayWallet/OpayWallet.js";
+import { PagaWallet } from "../wallets/PagaWallet/PagaWallet.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { intersection } from "../../utils/index.js";
 import { PayKKaError } from "../../core/error.js";
@@ -34,6 +40,11 @@ import { IconCard2 } from "../internal/icons/IconCard2.js";
 import { IconGCash } from "../internal/icons/IconGCash.js";
 import { IconPaymaya } from "../internal/icons/IconPaymaya.js";
 import { IconZalopay } from "../internal/icons/IconZalopay.js";
+import { IconVietqr } from "../internal/icons/IconVietqr.js";
+import { IconPix } from "../internal/icons/IconPix.js";
+import { IconPicPay } from "../internal/icons/IconPicPay.js";
+import { IconOpayWallet } from "../internal/icons/IconOpayWallet.js";
+import { IconPagaWallet } from "../internal/icons/IconPagaWallet.js";
 import { removeElementFromArray } from "../../utils/array.js";
 const dropInSupportedPaymentMethods = [
   ...CardPaymentMethods,
@@ -48,7 +59,12 @@ const dropInSupportedPaymentMethods = [
   PaymentMethod.MAY_BANK_QR_PAY,
   PaymentMethod.GCASH,
   PaymentMethod.PAYMAYA,
-  PaymentMethod.ZALOPAY
+  PaymentMethod.VIETQR,
+  PaymentMethod.ZALOPAY,
+  PaymentMethod.PIX,
+  PaymentMethod.PIC_PAY,
+  PaymentMethod.OPAY_WALLET,
+  PaymentMethod.PAGA_WALLET
 ];
 const PaymentComponentMap = {
   [PaymentCategory.CARD]: Card,
@@ -63,7 +79,12 @@ const PaymentComponentMap = {
   [PaymentCategory.GRAB_PAY]: GrabPay,
   [PaymentCategory.GCASH]: GCash,
   [PaymentCategory.PAYMAYA]: Paymaya,
-  [PaymentCategory.ZALOPAY]: Zalopay
+  [PaymentCategory.ZALOPAY]: Zalopay,
+  [PaymentCategory.VIETQR]: Vietqr,
+  [PaymentCategory.PIX]: Pix,
+  [PaymentCategory.PIC_PAY]: PicPay,
+  [PaymentCategory.OPAY_WALLET]: OpayWallet,
+  [PaymentCategory.PAGA_WALLET]: PagaWallet
   // [PaymentCategory.WECHAT_PAY]: WechatPay,
   // [PaymentCategory.ALI_PAY]: AliPay,
   // [PaymentCategory.SEPA_DEBIT]: Sepa
@@ -142,6 +163,26 @@ const paymentCategoryOptionMap = {
   [PaymentCategory.ZALOPAY]: {
     icon: IconZalopay,
     nameKey: "dropIn.zalopay.label"
+  },
+  [PaymentCategory.VIETQR]: {
+    icon: IconVietqr,
+    nameKey: "dropIn.vietqr.label"
+  },
+  [PaymentCategory.PIX]: {
+    icon: IconPix,
+    nameKey: "dropIn.pix.label"
+  },
+  [PaymentCategory.PIC_PAY]: {
+    icon: IconPicPay,
+    nameKey: "dropIn.picPay.label"
+  },
+  [PaymentCategory.OPAY_WALLET]: {
+    icon: IconOpayWallet,
+    nameKey: "dropIn.opayWallet.label"
+  },
+  [PaymentCategory.PAGA_WALLET]: {
+    icon: IconPagaWallet,
+    nameKey: "dropIn.pagaWallet.label"
   }
 };
 const { bem } = useBEM("drop-in");

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

@@ -11,6 +11,7 @@ import "../../utils/system-info/get-browser-info.js";
 import { EMAIL_REG } from "../../utils/reg-exp.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

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

@@ -5,6 +5,7 @@ import { w, F, h, A, y, u } from "../../core.js";
 import "../../api/http.js";
 import "../../utils/card-brand/brands.js";
 import { getBrowserInfo } from "../../utils/system-info/get-browser-info.js";
+import "../../out/worldpay-jsc-origin.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import { defaultInputStyleConfig } from "../../types/index.js";

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

@@ -11,6 +11,7 @@ import { getGooglePayInfo, googlePay } from "../../api/modules/google-pay/index.
 import { useBEM } from "../../hooks/useBEM.js";
 import "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { Info } from "../internal/Info/Info.js";

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getGrabPayInfo, grabPay } from "../../api/modules/grab-pay/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -6,6 +6,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { isMobile } from "../../utils/system-info/get-system-info.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { IconRedirect } from "../internal/icons/IconRedirect.js";
 import { IconScan } from "../internal/icons/IconScan.js";
 const { bem } = useBEM("guide-card");
@@ -35,7 +36,12 @@ const GuideCard = (props) => {
     [PaymentCategory.MAY_BANK_QR_PAY]: redirectGuideCard,
     [PaymentCategory.GCASH]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.gcash.label")),
     [PaymentCategory.PAYMAYA]: redirectGuideCard,
-    [PaymentCategory.ZALOPAY]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.zalopay.label"))
+    [PaymentCategory.ZALOPAY]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.zalopay.label")),
+    [PaymentCategory.VIETQR]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.vietqr.label")),
+    [PaymentCategory.PIX]: redirectGuideCard,
+    [PaymentCategory.PIC_PAY]: redirectGuideCard,
+    [PaymentCategory.OPAY_WALLET]: redirectGuideCard,
+    [PaymentCategory.PAGA_WALLET]: redirectGuideCard
   };
   return /* @__PURE__ */ u(b, { children: guideCardInfoMap[type] && /* @__PURE__ */ u("div", { className: bem(), children: /* @__PURE__ */ u("div", { className: bem("content"), children: [
     /* @__PURE__ */ u("div", { className: bem("icon"), children: (_a = guideCardInfoMap[type]) == null ? void 0 : _a.icon }),

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getLinePayInfo, linePay } from "../../api/modules/line-pay/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getMayBankQRPayInfo, mayBankQRPay } from "../../api/modules/may-bank-qr-pay/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getNinePayInfo, ninePay } from "../../api/modules/nine-pay/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -3,6 +3,7 @@ import { CoreContext } from "../../core/context.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { IconInfo } from "../internal/icons/IconInfo.js";
 const { bem } = useBEM("recurring-tip");

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

@@ -10,6 +10,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { COMMON_CLASS_NAME, PaymentMethod } from "../../constant.js";
 import { getSepaPayInfo, sepaPay } from "../../api/modules/sepa/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { AddressField } from "../AddressField/index.js";

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getShopeePayInfo, shopeePay } from "../../api/modules/shopee-pay/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -5,6 +5,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../utils/format.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { Button } from "../internal/Button/Button.js";
 import { IconSafe } from "../internal/icons/IconSafe.js";
 import { LoadingCheck } from "../internal/LoadingCheck/LoadingCheck.js";

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

@@ -11,6 +11,7 @@ import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PaymentCategory, COMMON_CLASS_NAME, PaymentMethod, SessionMode } from "../../constant.js";
 import { getTNGWalletPayInfo, tngWalletPay } from "../../api/modules/tng-wallet/index.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { createEmailCore, EmailField } from "../EmailField/EmailField.js";

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

@@ -3,12 +3,13 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import { Modal } from "../internal/Modal/Modal.js";
 import "../internal/Button/button2.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
-import { MessageAction } from "../../types/message.js";
 import { cdnOrigin } from "../../config.js";
+import { MessageAction } from "../../types/message.js";
 import { safeParse } from "../../utils/index.js";
 import { useBreakpoints } from "../../hooks/useBreakpoints.js";
 import { Icon3DSInfo } from "../internal/icons/Icon3DSInfo.js";

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

@@ -9,6 +9,7 @@ import { COMMON_CLASS_NAME, PaymentType, PaymentMethod, SessionMode } from "../.
 import { getWechatPayInfo, wechatPay } from "../../api/modules/wechat-pay/index.js";
 import { CoreContext } from "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
+import "../../out/worldpay-jsc-origin.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";

package/dist/es/components/business/QRCodeModal/QRCodeModal.js

@@ -6,6 +6,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { formatAmount } from "../../../utils/format.js";
 import { formatTime } from "../../../utils/date.js";
 import "../../../api/http.js";
+import "../../../out/worldpay-jsc-origin.js";
 import { useBreakpoints } from "../../../hooks/useBreakpoints.js";
 import { Modal } from "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";
@@ -16,6 +17,7 @@ const QRCodeModal = (props) => {
     title,
     bgColor = "#FFFFFF",
     textColor = "#1F1F1F",
+    borderColor = "#000000",
     expiredTime,
     amount,
     icon,
@@ -26,12 +28,11 @@ const QRCodeModal = (props) => {
   const breakpoints = useBreakpoints();
   const useRoundBorder = !bgColor || ["transparent", "white", "#FFFFFF"].includes(bgColor);
   const RoundBorder = () => {
-    return /* @__PURE__ */ u("div", { className: bem("round-border"), children: [
-      /* @__PURE__ */ u("div", { className: bem("round-border-item") }),
-      /* @__PURE__ */ u("div", { className: bem("round-border-item") }),
-      /* @__PURE__ */ u("div", { className: bem("round-border-item") }),
-      /* @__PURE__ */ u("div", { className: bem("round-border-item") })
-    ] });
+    return /* @__PURE__ */ u("div", {
+      className: bem("round-border"),
+      // 表示4个边角
+      children: Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ u("div", { className: bem("round-border-item"), style: { borderColor } }, index))
+    });
   };
   return /* @__PURE__ */ u(
     Modal,

package/dist/es/components/business/QRCodeModal/index.js

@@ -3,5 +3,6 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../api/http.js";
+import "../../../out/worldpay-jsc-origin.js";
 import "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";

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

@@ -3,5 +3,6 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
 import "../../api/http.js";
+import "../../out/worldpay-jsc-origin.js";
 import "../internal/Modal/Modal.js";
 import "./QRCodeModal/qr-code-modal.js";

package/dist/es/components/index.js

@@ -7,6 +7,7 @@ import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core/context.js";
 import "../api/http.js";
+import "../out/worldpay-jsc-origin.js";
 import "./CardExpireDateField/index.js";
 import "./internal/Form/type.js";
 import "./internal/Form/context.js";
@@ -39,3 +40,8 @@ import "./ShopeePay/index.js";
 import "./wallets/GCash/GCash.js";
 import "./wallets/Paymaya/Paymaya.js";
 import "./wallets/Zalopay/Zalopay.js";
+import "./wallets/Vietqr/Vietqr.js";
+import "./wallets/Pix/Pix.js";
+import "./wallets/PicPay/PicPay.js";
+import "./wallets/PagaWallet/PagaWallet.js";
+import "./wallets/OpayWallet/OpayWallet.js";

package/dist/es/components/internal/Accordion/index.js

@@ -5,4 +5,5 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../api/http.js";
+import "../../../out/worldpay-jsc-origin.js";
 import "../../AccordionItem/AccordionItem.js";

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

@@ -7,6 +7,7 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../api/http.js";
+import "../../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("button");
 function Button(props) {
   const { style, className, children, icon, loading, disabled, dashed } = props;

package/dist/es/components/internal/Button/index.js

@@ -4,3 +4,4 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
 import "../../../api/http.js";
+import "../../../out/worldpay-jsc-origin.js";

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

@@ -7,6 +7,7 @@ import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
 import "../../../api/http.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
+import "../../../out/worldpay-jsc-origin.js";
 import { IconChecked } from "../icons/iconChecked.js";
 const { bem } = useBEM("check-box");
 const CheckBox = (props) => {