@paykka/card-checkout-ui 0.8.0 → 0.11.2

package/dist/es/hooks/index.js

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

package/dist/es/hooks/useI18n.js

@@ -2,6 +2,7 @@ import { x, h } from "../core.js";
 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 { I18n } from "../i18n/I18n.js";
 function useI18n(locale) {
   const coreContext = x(CoreContext);

package/dist/es/hooks/usePayState.js

@@ -5,9 +5,8 @@ import { customLocale, fraudDetectionEnv } from "../config.js";
 import "../utils/card-brand/brands.js";
 import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
 import { getRealLocale } from "../i18n/util.js";
-function usePayState(session) {
+function usePayState(session, core) {
   const [validated, setValidated] = h(false);
-  const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const [errorMsg, setErrorMsg] = h("");
   const [sessionReady, setSessionReady] = h(false);
   const [fraudDetection, setFraudDetection] = h(null);
@@ -20,7 +19,12 @@ function usePayState(session) {
         customLocale || ((_a = session.checkout) == null ? void 0 : _a.locale) || getBrowserInfo().language
       );
       i18n.load(locale);
-      const fraudDetection2 = getFraudDetectionInstance(fraudDetectionEnv);
+      const fraudDetection2 = getFraudDetectionInstance(fraudDetectionEnv, void 0, {
+        onEvent: (type) => {
+          var _a2, _b;
+          (_b = core == null ? void 0 : (_a2 = core.config).onEvent) == null ? void 0 : _b.call(_a2, type);
+        }
+      });
       setFraudDetection(fraudDetection2);
       fraudDetection2 == null ? void 0 : fraudDetection2.createFraudDetection();
     });
@@ -28,8 +32,6 @@ function usePayState(session) {
   return {
     validated,
     setValidated,
-    submitButtonStatus,
-    setSubmitButtonStatus,
     errorMsg,
     setErrorMsg,
     i18n,

package/dist/es/i18n/I18n.js

@@ -23,9 +23,15 @@ const _I18n = class _I18n {
     }
     return _I18n.instance;
   }
-  get(key) {
+  get(key, params) {
     var _a;
-    return ((_a = this.translation) == null ? void 0 : _a[key]) ?? "";
+    let text = ((_a = this.translation) == null ? void 0 : _a[key]) ?? "";
+    if (params && typeof text === "string") {
+      Object.keys(params).forEach((paramKey) => {
+        text = text.replace(new RegExp(`{${paramKey}}`, "g"), String(params[paramKey]));
+      });
+    }
+    return text;
   }
   get ready() {
     return this.isReady;

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

@@ -1,7 +1,19 @@
 const deDE = {
+  // guide card
+  "guideCard.redirectDescription": "Nach der Übermittlung werden Sie zur Seite des Zahlungsanbieters weitergeleitet, um die folgenden Schritte sicher abzuschließen.",
+  "guideCard.scanQRCode": "Nach der Übermittlung des Auftrags verwenden Sie {method} zum Scannen des QR-Codes.",
   // Drop In
   "dropIn.card.label": "Bankkarte",
   "dropIn.otherPaymentMethod": "Andere Zahlungsmethode",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "Kartennummer",
   "card.cardNumber.incomplete": "Ihre Kartennummer ist unvollständig",
@@ -66,7 +78,10 @@ const deDE = {
   "threeDS.completeFirst": "bitte vervollständigen Sie zunächst die Bearbeitung.",
   "threeDS.authenticationSuccessful": "Authentifizierung erfolgreich,",
   "threeDS.authenticationFailed": "Authentifizierung fehlgeschlagen,",
-  "threeDS.returnToCheckout": "Rückkehr erfolgt in Kürze."
+  "threeDS.returnToCheckout": "Rückkehr erfolgt in Kürze.",
+  // qrCode
+  "qrCode.expired": "Der QR-Code ist abgelaufen.",
+  "qrCode.scanByGcash": "QR-Code mit GCash scannen"
 };
 export {
   deDE as default

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

@@ -1,7 +1,19 @@
 const enGB = {
+  // guide card
+  "guideCard.redirectDescription": "After submission, you will be redirected to the payment method provider's page to safely complete the subsequent steps.",
+  "guideCard.scanQRCode": "After submitting the order, use {method} to scan the QR code.",
   // Drop In
   "dropIn.card.label": "Bank card",
   "dropIn.otherPaymentMethod": "Other payment method",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "Card number",
   "card.cardNumber.incomplete": "Your card number is incomplete",
@@ -66,7 +78,10 @@ const enGB = {
   "threeDS.completeFirst": "please complete the processing first.",
   "threeDS.authenticationSuccessful": "Authentication successful,",
   "threeDS.authenticationFailed": "Authentication failed,",
-  "threeDS.returnToCheckout": "returning shortly."
+  "threeDS.returnToCheckout": "returning shortly.",
+  // qrCode
+  "qrCode.expired": "The QR code has expired.",
+  "qrCode.scanByGcash": "Scan QR code with GCash"
 };
 export {
   enGB as default

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

@@ -1,7 +1,19 @@
 const esES = {
+  // guide card
+  "guideCard.redirectDescription": "Después de la presentación, serás redirigido a la página del proveedor del método de pago para completar de manera segura los pasos posteriores.",
+  "guideCard.scanQRCode": "Después de la presentación del pedido, usa {method} para escanear el código QR.",
   // Drop In
   "dropIn.card.label": "Tarjeta bancaria",
   "dropIn.otherPaymentMethod": "Otro método de pago",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "Número de tarjeta",
   "card.cardNumber.incomplete": "Tu número de tarjeta está incompleto",
@@ -66,7 +78,10 @@ const esES = {
   "threeDS.completeFirst": "por favor completa el proceso primero.",
   "threeDS.authenticationSuccessful": "Autenticación exitosa,",
   "threeDS.authenticationFailed": "Autenticación fallida,",
-  "threeDS.returnToCheckout": "volviendo en breve."
+  "threeDS.returnToCheckout": "volviendo en breve.",
+  // qrCode
+  "qrCode.expired": "El código QR ha expirado.",
+  "qrCode.scanByGcash": "Escanear el código QR con GCash"
 };
 export {
   esES as default

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

@@ -1,7 +1,19 @@
 const frFR = {
+  // guide card
+  "guideCard.redirectDescription": "Après la soumission, vous serez redirigé vers la page du fournisseur de méthode de paiement pour compléter les étapes suivantes en toute sécurité.",
+  "guideCard.scanQRCode": "Après la soumission du commande, utilisez {method} pour scanner le code QR.",
   // Drop In
   "dropIn.card.label": "Carte bancaire",
   "dropIn.otherPaymentMethod": "Autre méthode de paiement",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "Numéro de carte",
   "card.cardNumber.incomplete": "Votre numéro de carte est incomplet",
@@ -66,7 +78,10 @@ const frFR = {
   "threeDS.completeFirst": "veuillez d'abord compléter le traitement.",
   "threeDS.authenticationSuccessful": "Authentification réussie,",
   "threeDS.authenticationFailed": "Authentification échouée,",
-  "threeDS.returnToCheckout": "retour imminent."
+  "threeDS.returnToCheckout": "retour imminent.",
+  // qrCode
+  "qrCode.expired": "Le code QR a expiré.",
+  "qrCode.scanByGcash": "Scanner le code QR avec GCash"
 };
 export {
   frFR as default

package/dist/es/i18n/locales/index.js

@@ -1,5 +1,5 @@
 const getLocales = () => {
-  return Object.entries(/* @__PURE__ */ Object.assign({ "./de-DE.ts": () => import("./de-DE.js"), "./en-GB.ts": () => import("./en-GB.js"), "./es-ES.ts": () => import("./es-ES.js"), "./fr-FR.ts": () => import("./fr-FR.js"), "./ja-JP.ts": () => import("./ja-JP.js"), "./ko-KR.ts": () => import("./ko-KR.js"), "./pt-PT.ts": () => import("./pt-PT.js"), "./ru-RU.ts": () => import("./ru-RU.js"), "./zh-CN.ts": () => import("./zh-CN.js"), "./zh-HK.ts": () => import("./zh-HK.js"), "./zh-TW.ts": () => import("./zh-TW.js") })).reduce((prev, [path, loader]) => {
+  return Object.entries(/* @__PURE__ */ Object.assign({ "./de-DE.ts": () => import("./de-DE.js"), "./en-GB.ts": () => import("./en-GB.js"), "./es-ES.ts": () => import("./es-ES.js"), "./fr-FR.ts": () => import("./fr-FR.js"), "./ja-JP.ts": () => import("./ja-JP.js"), "./ko-KR.ts": () => import("./ko-KR.js"), "./nl-NL.ts": () => import("./nl-NL.js"), "./pt-PT.ts": () => import("./pt-PT.js"), "./ru-RU.ts": () => import("./ru-RU.js"), "./zh-CN.ts": () => import("./zh-CN.js"), "./zh-HK.ts": () => import("./zh-HK.js"), "./zh-TW.ts": () => import("./zh-TW.js") })).reduce((prev, [path, loader]) => {
     const key = path.match(/\.\/(.+)\./)[1];
     prev[key] = loader;
     return prev;
@@ -12,6 +12,7 @@ var LocaleKey = /* @__PURE__ */ ((LocaleKey2) => {
   LocaleKey2["frFR"] = "fr-FR";
   LocaleKey2["jaJP"] = "ja-JP";
   LocaleKey2["koKR"] = "ko-KR";
+  LocaleKey2["nlNL"] = "nl-NL";
   LocaleKey2["ptPT"] = "pt-PT";
   LocaleKey2["ruRU"] = "ru-RU";
   LocaleKey2["zhCN"] = "zh-CN";

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

@@ -1,7 +1,19 @@
 const jaJP = {
+  // guide card
+  "guideCard.redirectDescription": "送信後、安全に次の手順を完了するために、支払い方法提供者のページにリダイレクトされます。",
+  "guideCard.scanQRCode": "注文を送信した後、{method}を使用してQRコードをスキャンしてください。",
   // Drop In
   "dropIn.card.label": "銀行カード",
   "dropIn.otherPaymentMethod": "他の支払い方法",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "カード番号",
   "card.cardNumber.incomplete": "カード番号が不完全です",
@@ -66,7 +78,10 @@ const jaJP = {
   "threeDS.completeFirst": "まず処理を完了してください。",
   "threeDS.authenticationSuccessful": "認証に成功しました。",
   "threeDS.authenticationFailed": "認証に失敗しました。",
-  "threeDS.returnToCheckout": "まもなく戻ります。"
+  "threeDS.returnToCheckout": "まもなく戻ります。",
+  // qrCode
+  "qrCode.expired": "QRコードが期限切れです。",
+  "qrCode.scanByGcash": "Gcashでスキャン"
 };
 export {
   jaJP as default

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

@@ -1,7 +1,19 @@
 const koKR = {
+  // guide card
+  "guideCard.redirectDescription": "제출 후, 결제 방법 제공자의 페이지로 리디렉션되어 이후 단계를 안전하게 완료할 수 있습니다.",
+  "guideCard.scanQRCode": "주문 제출 후, {method}를 사용하여 QR 코드를 스캔하세요.",
   // Drop In
   "dropIn.card.label": "은행 카드",
   "dropIn.otherPaymentMethod": "기타 결제 방법",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "카드 번호",
   "card.cardNumber.incomplete": "카드 번호가 불완전합니다",
@@ -66,7 +78,10 @@ const koKR = {
   "threeDS.completeFirst": "먼저 처리를 완료해 주세요.",
   "threeDS.authenticationSuccessful": "인증이 성공했습니다,",
   "threeDS.authenticationFailed": "인증이 실패했습니다,",
-  "threeDS.returnToCheckout": "곧 돌아갑니다."
+  "threeDS.returnToCheckout": "곧 돌아갑니다.",
+  // qrCode
+  "qrCode.expired": "QR 코드가 만료되었습니다.",
+  "qrCode.scanByGcash": "GCash 스캔"
 };
 export {
   koKR as default

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

@@ -0,0 +1,88 @@
+const nlNL = {
+  // guide card
+  "guideCard.redirectDescription": "Na het indienen wordt u doorgestuurd naar de pagina van de betalingsmethode provider om de volgende stappen veilig te voltooien.",
+  "guideCard.scanQRCode": "Na het indienen van de bestelling, gebruik {method} om de QR-code te scannen.",
+  // Drop In
+  "dropIn.card.label": "Bankkaart",
+  "dropIn.otherPaymentMethod": "Andere betaalmethode",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
+  // card number
+  "card.cardNumber.label": "Kaartnummer",
+  "card.cardNumber.incomplete": "Uw kaartnummer is onvolledig",
+  "card.cardNumber.invalid": "Uw kaartnummer is ongeldig",
+  "card.cardNumber.placeholder": "1234 5678 9012 3456",
+  // card expire date
+  "card.cardExpireDate.label": "Vervaldatum",
+  "card.cardExpireDate.placeholder": "MM/JJ",
+  "card.cardExpireDate.incomplete": "Uw kaart vervaldatum is onvolledig",
+  "card.cardExpireDate.expired": "Uw kaart is verlopen",
+  // card security code
+  "card.cardSecurityCode.label": "CVC/CVV",
+  "card.cardSecurityCode.placeholder": "123",
+  "card.cardSecurityCode.incomplete": "Uw kaart beveiligingscode is onvolledig",
+  // card holder name
+  "card.cardHolderName.label": "Kaarthouder naam",
+  "card.cardHolderName.placeholder": "Volledige naam op kaart",
+  "card.cardHolderName.incomplete": "Uw naam is onvolledig",
+  // card selector
+  "card.cardSelector.change": "Wijzigen",
+  "card.cardSelector.useOtherCard": "Andere kaart gebruiken",
+  "card.storeInfo": "Sla mijn kaartgegevens op voor toekomstig gebruik",
+  // card info
+  "card.info.label": "Kaartinformatie",
+  // common
+  "common.pay": "Nu kopen",
+  "common.payProcessing": "Verwerken...",
+  "common.paySuccess": "Betaling succesvol",
+  "common.payTimeout": "Verbinding verbroken",
+  "common.pay3DSIncomplete": "3DS Authenticatie onvolledig",
+  "common.queryTimeout": "Query time-out. Vernieuw de pagina of betaal opnieuw",
+  "common.generateQrCode": "QR-code genereren",
+  "common.recurringTip": "Door voor deze bestelling te betalen, machtigt u de handelaar om in de toekomst automatisch uw bankkaart te belasten volgens de voorwaarden.",
+  "common.noData": "Geen gegevens",
+  "common.netError": "Netwerkfout",
+  "common.unknownError": "Onbekende fout",
+  "common.cancel": "Annuleren",
+  "common.confirm": "Bevestigen",
+  // common email
+  "common.email.label": "E-mail",
+  "common.email.incomplete": "Voer uw e-mailadres in",
+  "common.email.incorrect": "Incorrect e-mailadres",
+  // common account name
+  "common.accountName.label": "Accountnaam",
+  "common.accountName.placeholder": "Volledige naam op het account",
+  "common.accountName.incomplete": "Uw naam is onvolledig",
+  // address
+  "address.label": "Factuuradres",
+  "address.country": "Land/Regio",
+  "address.address1": "Regel 1",
+  "address.address2": "Regel 2",
+  "address.city": "Stad",
+  "address.postCode": "Postcode",
+  "address.province": "Staat/Provincie",
+  "address.area": "District/Graafschap",
+  // sepa
+  "sepa.iban.label": "IBAN",
+  "sepa.iban.placeholder": "NL00 BANK 0000 0000 00",
+  "sepa.iban.invalid": "Uw ingevoerde IBAN is ongeldig",
+  // threeDS
+  "threeDS.paymentIncomplete": "Uw laatste betaling is onvolledig, ",
+  "threeDS.completeFirst": "voltooi eerst de verwerking.",
+  "threeDS.authenticationSuccessful": "Authenticatie succesvol,",
+  "threeDS.authenticationFailed": "Authenticatie mislukt,",
+  "threeDS.returnToCheckout": "binnenkort terugkeren.",
+  // qrCode
+  "qrCode.expired": "De QR-code is verlopen.",
+  "qrCode.scanByGcash": "Scan QR-code met GCash"
+};
+export {
+  nlNL as default
+};

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

@@ -1,7 +1,19 @@
 const ptPT = {
+  // guide card
+  "guideCard.redirectDescription": "Após a submissão, você será redirecionado para a página do provedor do método de pagamento para concluir com segurança os passos subsequentes.",
+  "guideCard.scanQRCode": "Após a submissão do pedido, use {method} para escanear o código QR.",
   // Drop In
   "dropIn.card.label": "Cartão bancário",
   "dropIn.otherPaymentMethod": "Outro método de pagamento",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "Número do cartão",
   "card.cardNumber.incomplete": "O número do seu cartão está incompleto",
@@ -66,7 +78,10 @@ const ptPT = {
   "threeDS.completeFirst": "por favor, conclua o processamento primeiro.",
   "threeDS.authenticationSuccessful": "Autenticação bem-sucedida,",
   "threeDS.authenticationFailed": "Autenticação falhou,",
-  "threeDS.returnToCheckout": "a regressar em breve."
+  "threeDS.returnToCheckout": "a regressar em breve.",
+  // qrCode
+  "qrCode.expired": "O código QR expirou.",
+  "qrCode.scanByGcash": "Escaneie o código QR com GCash"
 };
 export {
   ptPT as default

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

@@ -1,7 +1,19 @@
 const ruRU = {
+  // guide card
+  "guideCard.redirectDescription": "После отправки вы будете перенаправлены на страницу поставщика платежного метода для безопасного завершения последующих шагов.",
+  "guideCard.scanQRCode": "После отправки заказа, используйте {method} для сканирования QR-кода.",
   // Drop In
   "dropIn.card.label": "Банковская карта",
   "dropIn.otherPaymentMethod": "Другой способ оплаты",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "Номер карты",
   "card.cardNumber.incomplete": "Ваш номер карты неполный",
@@ -66,7 +78,10 @@ const ruRU = {
   "threeDS.completeFirst": "пожалуйста, завершите его в первую очередь.",
   "threeDS.authenticationSuccessful": "Аутентификация успешна,",
   "threeDS.authenticationFailed": "Аутентификация не удалась,",
-  "threeDS.returnToCheckout": "скоро возврат."
+  "threeDS.returnToCheckout": "скоро возврат.",
+  // qrCode
+  "qrCode.expired": "Срок действия QR-кода истек.",
+  "qrCode.scanByGcash": "Сканируйте QR-кодом с GCash"
 };
 export {
   ruRU as default

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

@@ -1,7 +1,19 @@
 const zhCN = {
+  // guide card
+  "guideCard.redirectDescription": "提交后，您将被跳转到支付方式品牌方的页面，安全地完成后续步骤。",
+  "guideCard.scanQRCode": "提交订单后，用{method}扫描二维码。",
   // Drop In
   "dropIn.card.label": "银行卡",
   "dropIn.otherPaymentMethod": "其他支付方式",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "卡号",
   "card.cardNumber.incomplete": "您的卡号不完整",
@@ -66,7 +78,10 @@ const zhCN = {
   "threeDS.completeFirst": "请先完成处理",
   "threeDS.authenticationSuccessful": "认证成功，",
   "threeDS.authenticationFailed": "认证失败，",
-  "threeDS.returnToCheckout": "即将返回"
+  "threeDS.returnToCheckout": "即将返回",
+  // qrCode
+  "qrCode.expired": "二维码过期",
+  "qrCode.scanByGcash": "用Gcash扫码"
 };
 export {
   zhCN as default

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

@@ -1,7 +1,19 @@
 const zhHK = {
+  // guide card
+  "guideCard.redirectDescription": "提交後，您將被跳轉到支付方式品牌方的頁面，安全地完成後續步驟。",
+  "guideCard.scanQRCode": "提交訂單後，用{method}掃描二維碼。",
   // Drop In
   "dropIn.card.label": "銀行卡",
   "dropIn.otherPaymentMethod": "其他支付方式",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "卡號",
   "card.cardNumber.incomplete": "您的卡號不完整",
@@ -66,7 +78,10 @@ const zhHK = {
   "threeDS.completeFirst": "請先完成處理",
   "threeDS.authenticationSuccessful": "認證成功，",
   "threeDS.authenticationFailed": "認證失敗，",
-  "threeDS.returnToCheckout": "即將返回"
+  "threeDS.returnToCheckout": "即將返回",
+  // qrCode
+  "qrCode.expired": "二維碼過期",
+  "qrCode.scanByGcash": "用Gcash掃碼"
 };
 export {
   zhHK as default

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

@@ -1,7 +1,19 @@
 const zhTW = {
+  // guide card
+  "guideCard.redirectDescription": "提交後，您將被跳轉到支付方式品牌方的頁面，安全地完成後續步驟。",
+  "guideCard.scanQRCode": "提交訂單後，用{method}掃描二維碼。",
   // Drop In
   "dropIn.card.label": "銀行卡",
   "dropIn.otherPaymentMethod": "其他支付方式",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
   // card number
   "card.cardNumber.label": "卡號",
   "card.cardNumber.incomplete": "您的卡號不完整",
@@ -66,7 +78,10 @@ const zhTW = {
   "threeDS.completeFirst": "請先完成處理",
   "threeDS.authenticationSuccessful": "認證成功，",
   "threeDS.authenticationFailed": "認證失敗，",
-  "threeDS.returnToCheckout": "即將返回"
+  "threeDS.returnToCheckout": "即將返回",
+  // qrCode
+  "qrCode.expired": "二維碼過期",
+  "qrCode.scanByGcash": "用Gcash掃碼"
 };
 export {
   zhTW as default

package/dist/es/i18n/util.js

@@ -34,14 +34,23 @@ function getTranslation(locale, customLocales) {
   return translation;
 }
 const getRealLocale = (locale) => {
+  let realLocale = getLocalKey(locale);
+  if (!realLocale) {
+    realLocale = getLocalKey(getBrowserInfo().language);
+  }
+  return realLocale || LocaleKey.enGB;
+};
+const getLocalKey = (locale) => {
   const localeList = Object.values(LocaleKey);
   if (localeList.includes(locale)) {
     return locale;
-  } else if (localeList.includes(getBrowserInfo().language)) {
-    return getBrowserInfo().language;
-  } else {
+  }
+  if (locale == null ? void 0 : locale.toLowerCase().startsWith("en")) {
     return LocaleKey.enGB;
+  } else if (locale == null ? void 0 : locale.toLowerCase().startsWith("zh")) {
+    return LocaleKey.zhCN;
   }
+  return void 0;
 };
 async function loadTranslation(locale, customLocales) {
   let translation = getTranslation(locale);

package/dist/es/index.js

@@ -18,6 +18,15 @@ import { IBANField } from "./components/CardIBANField/index.js";
 import { EEncryptedCardType, ENCRYPTED_CARD_ITEM_ATTR, ENCRYPTED_CARD_WRAPPER_ID, EncryptedCard, PayKKaEncryptedCard } from "./components/EncryptedCard/index.js";
 import { CombinedCardInfo } from "./components/CombinedCardInfo/index.js";
 import { DropIn, PaymentComponentMap, dropInSupportedPaymentMethods } from "./components/DropIn/index.js";
+import { Boost } from "./components/Boost/index.js";
+import { LinePay } from "./components/LinePay/index.js";
+import { MayBankQRPay } from "./components/MayBankQRPay/index.js";
+import { NinePay } from "./components/NinePay/index.js";
+import { GrabPay } from "./components/GrabPay/index.js";
+import { TNGWallet } from "./components/TNGWallet/index.js";
+import { ShopeePay } from "./components/ShopeePay/index.js";
+import { GCash } from "./components/wallets/GCash/GCash.js";
+import { Paymaya } from "./components/wallets/Paymaya/Paymaya.js";
 import "./core/context.js";
 import { create } from "./core/create.js";
 import { Session } from "./core/Session.js";
@@ -30,9 +39,12 @@ import { setApiUrl, setCDNUrl, setCheckoutConfig, setCustomLocale, setCustomReqH
 import "./utils/card-brand/brands.js";
 import { getFingerprint } from "./utils/system-info/finger-print.js";
 import "./utils/system-info/get-browser-info.js";
+import { PaymentMethod } from "./constant.js";
+import { redirectToPayment } from "./utils/redirect.js";
 export {
   AliPay,
   ApplePay,
+  Boost,
   Card,
   CardBrands,
   CardExpireDateField,
@@ -47,23 +59,33 @@ export {
   ENCRYPTED_CARD_ITEM_ATTR,
   ENCRYPTED_CARD_WRAPPER_ID,
   EncryptedCard,
+  GCash,
   GooglePay,
+  GrabPay,
   I18n,
   IBANField,
+  LinePay,
   LocaleKey,
+  MayBankQRPay,
+  NinePay,
   PayKKaCheckout,
   PayKKaEncryptedCard,
   PayKKaError,
+  Paymaya,
   PaymentComponentMap,
+  PaymentMethod,
   SecuredIframe,
   Sepa,
   Session,
+  ShopeePay,
   SubmitButton,
+  TNGWallet,
   WechatPay,
   create,
   dropInSupportedPaymentMethods,
   getFingerprint,
   querySession,
+  redirectToPayment,
   setApiUrl,
   setCDNUrl,
   setCheckoutConfig,