@paykka/card-checkout-ui 0.17.0 → 0.21.0

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

@@ -33,7 +33,9 @@ import { MbWay } from "../wallets/MbWay/MbWay.js";
 import { Multibanco } from "../wallets/Multibanco/Multibanco.js";
 import { PayU } from "../wallets/PayU/PayU.js";
 import { Satispay } from "../wallets/Satispay/Satispay.js";
-import { AliPay } from "../wallets/AliPay/AliPay.js";
+import { AlipayPlus } from "../wallets/AlipayPlus/AlipayPlus.js";
+import { Alipay } from "../wallets/Alipay/Alipay.js";
+import { AlipayHK } from "../wallets/AlipayHK/AlipayHK.js";
 import { WechatPay } from "../wallets/WechatPay/WechatPay.js";
 import { PayByBank } from "../wallets/PayByBank/PayByBank.js";
 import { Fpx } from "../wallets/Fpx/Fpx.js";
@@ -45,12 +47,21 @@ import { OnlineBankingLatvia } from "../wallets/OnlineBankingLatvia/OnlineBankin
 import { OnlineBankingLithuania } from "../wallets/OnlineBankingLithuania/OnlineBankingLithuania.js";
 import { OnlineBankingIndonesia } from "../wallets/OnlineBankingIndonesia/OnlineBankingIndonesia.js";
 import { OnlineBankingThailand } from "../wallets/OnlineBankingThailand/OnlineBankingThailand.js";
+import { Swish } from "../wallets/Swish/Swish.js";
+import { Twint } from "../wallets/Twint/Twint.js";
+import { Doku } from "../wallets/Doku/Doku.js";
+import { GoPay } from "../wallets/GoPay/GoPay.js";
+import { Jenius } from "../wallets/Jenius/Jenius.js";
+import { LinkAja } from "../wallets/LinkAja/LinkAja.js";
+import { NuPay } from "../wallets/NuPay/NuPay.js";
+import { Sepa } from "../Sepa/index.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { CoreContext } from "../../core/context.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { PayKKaError } from "../../core/error.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import { createCheckoutChild } from "../../core/create-child.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { Accordion } from "../internal/Accordion/Accordion.js";
@@ -88,6 +99,8 @@ import { IconPayU } from "../internal/icons/IconPayU.js";
 import { IconSatispay } from "../internal/icons/IconSatispay.js";
 import { IconWechatPayGlobal } from "../internal/icons/IconWechatPayGlobal.js";
 import { IconAlipayPlus } from "../internal/icons/IconAlipayPlus.js";
+import { IconAlipay } from "../internal/icons/IconAlipay.js";
+import { IconAlipayHK } from "../internal/icons/IconAlipayHK.js";
 import { IconPayByBank } from "../internal/icons/IconPayByBank.js";
 import { IconFpx } from "../internal/icons/IconFpx.js";
 import { IconDragonPay } from "../internal/icons/IconDragonPay.js";
@@ -98,13 +111,24 @@ import { IconOnlineBankingLatvia } from "../internal/icons/IconOnlineBankingLatv
 import { IconOnlineBankingLithuania } from "../internal/icons/IconOnlineBankingLithuania.js";
 import { IconOnlineBankingIndonesia } from "../internal/icons/IconOnlineBankingIndonesia.js";
 import { IconOnlineBankingThailand } from "../internal/icons/IconOnlineBankingThailand.js";
+import { IconSwish } from "../internal/icons/IconSwish.js";
+import { IconTwint } from "../internal/icons/IconTwint.js";
+import { IconDoku } from "../internal/icons/IconDoku.js";
+import { IconGoPay } from "../internal/icons/IconGoPay.js";
+import { IconJenius } from "../internal/icons/IconJenius.js";
+import { IconLinkAja } from "../internal/icons/IconLinkAja.js";
+import { IconNuPay } from "../internal/icons/IconNuPay.js";
+import { IconSepa } from "../internal/icons/IconSepa.js";
 import { intersection } from "../../utils/array.js";
 const dropInSupportedPaymentMethods = [
   ...CardPaymentMethods,
   PaymentMethod.GOOGLE_PAY,
   PaymentMethod.APPLE_PAY,
-  PaymentMethod.ALI_PAY,
+  PaymentMethod.ALIPAY_PLUS,
+  PaymentMethod.ALIPAY_HK,
+  PaymentMethod.ALIPAY,
   PaymentMethod.WECHAT_PAY,
+  PaymentMethod.SEPA_DEBIT,
   PaymentMethod.BOOST,
   PaymentMethod.GRAB_PAY,
   PaymentMethod.LINE_PAY,
@@ -144,7 +168,14 @@ const dropInSupportedPaymentMethods = [
   PaymentMethod.ONLINE_BANKING_LATVIA,
   PaymentMethod.ONLINE_BANKING_LITHUANIA,
   PaymentMethod.ONLINE_BANKING_INDONESIA,
-  PaymentMethod.ONLINE_BANKING_THAILAND
+  PaymentMethod.ONLINE_BANKING_THAILAND,
+  PaymentMethod.SWISH,
+  PaymentMethod.TWINT,
+  PaymentMethod.DOKU,
+  PaymentMethod.GO_PAY,
+  PaymentMethod.JENIUS,
+  PaymentMethod.LINK_AJA,
+  PaymentMethod.NU_PAY
 ];
 const PaymentComponentMap = {
   [PaymentCategory.CARD]: Card,
@@ -190,9 +221,18 @@ const PaymentComponentMap = {
   [PaymentCategory.ONLINE_BANKING_LITHUANIA]: OnlineBankingLithuania,
   [PaymentCategory.ONLINE_BANKING_INDONESIA]: OnlineBankingIndonesia,
   [PaymentCategory.ONLINE_BANKING_THAILAND]: OnlineBankingThailand,
+  [PaymentCategory.SWISH]: Swish,
+  [PaymentCategory.TWINT]: Twint,
+  [PaymentCategory.DOKU]: Doku,
+  [PaymentCategory.GO_PAY]: GoPay,
+  [PaymentCategory.JENIUS]: Jenius,
+  [PaymentCategory.LINK_AJA]: LinkAja,
+  [PaymentCategory.NU_PAY]: NuPay,
   [PaymentCategory.WECHAT_PAY]: WechatPay,
-  [PaymentCategory.ALI_PAY]: AliPay
-  // [PaymentCategory.SEPA_DEBIT]: Sepa
+  [PaymentCategory.ALIPAY_PLUS]: AlipayPlus,
+  [PaymentCategory.ALIPAY]: Alipay,
+  [PaymentCategory.ALIPAY_HK]: AlipayHK,
+  [PaymentCategory.SEPA_DEBIT]: Sepa
 };
 const paymentCategoryOptionMap = {
   [PaymentCategory.CARD]: {
@@ -359,10 +399,50 @@ const paymentCategoryOptionMap = {
     icon: IconOnlineBankingThailand,
     nameKey: "dropIn.onlineBankingThailand.label"
   },
-  [PaymentCategory.ALI_PAY]: {
+  [PaymentCategory.SEPA_DEBIT]: {
+    icon: IconSepa,
+    nameKey: "dropIn.sepaDebit.label"
+  },
+  [PaymentCategory.SWISH]: {
+    icon: IconSwish,
+    nameKey: "dropIn.swish.label"
+  },
+  [PaymentCategory.TWINT]: {
+    icon: IconTwint,
+    nameKey: "dropIn.twint.label"
+  },
+  [PaymentCategory.DOKU]: {
+    icon: IconDoku,
+    nameKey: "dropIn.doku.label"
+  },
+  [PaymentCategory.GO_PAY]: {
+    icon: IconGoPay,
+    nameKey: "dropIn.goPay.label"
+  },
+  [PaymentCategory.JENIUS]: {
+    icon: IconJenius,
+    nameKey: "dropIn.jenius.label"
+  },
+  [PaymentCategory.LINK_AJA]: {
+    icon: IconLinkAja,
+    nameKey: "dropIn.linkAja.label"
+  },
+  [PaymentCategory.NU_PAY]: {
+    icon: IconNuPay,
+    nameKey: "dropIn.nuPay.label"
+  },
+  [PaymentCategory.ALIPAY_PLUS]: {
     icon: IconAlipayPlus,
+    nameKey: "dropIn.aliPayPlus.label"
+  },
+  [PaymentCategory.ALIPAY]: {
+    icon: IconAlipay,
     nameKey: "dropIn.aliPay.label"
   },
+  [PaymentCategory.ALIPAY_HK]: {
+    icon: IconAlipayHK,
+    nameKey: "dropIn.aliPayHK.label"
+  },
   [PaymentCategory.WECHAT_PAY]: {
     icon: IconWechatPayGlobal,
     nameKey: "dropIn.wechatPay.label"
@@ -516,7 +596,7 @@ const DropIn = w((props, ref) => {
       icon: () => {
         const Icon = paymentCategoryOptionMap[category].icon;
         const iconHeight = 24;
-        return Icon ? /* @__PURE__ */ u(Icon, { size: category === PaymentCategory.ALI_PAY ? 20 : iconHeight }) : null;
+        return Icon ? /* @__PURE__ */ u(Icon, { size: category === PaymentCategory.ALIPAY_PLUS ? 20 : iconHeight }) : null;
       },
       name: i18n.get(paymentCategoryOptionMap[category].nameKey)
     }));

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 "../../core/context.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
@@ -95,7 +96,16 @@ const EmailField = w((props, ref) => {
       rule,
       className,
       style,
-      children: /* @__PURE__ */ u(Input, { value, disabled, maxLength: 100, onInput })
+      children: /* @__PURE__ */ u(
+        Input,
+        {
+          value,
+          disabled,
+          maxLength: 100,
+          placeholder: props.placeholder ?? "email@example.com",
+          onInput
+        }
+      )
     }
   );
 });

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

@@ -5,6 +5,7 @@ import { w, F, h, A, y, u } from "../../core.js";
 import "../../utils/card-brand/brands.js";
 import { getBrowserInfo } from "../../utils/system-info/get-browser-info.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import { createPromise } from "../../utils/create-promise.js";

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

@@ -15,6 +15,7 @@ import { useBEM } from "../../hooks/useBEM.js";
 import "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { Info } from "../internal/Info/Info.js";

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

@@ -7,11 +7,11 @@ 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 "../../core/context.js";
+import "../../core/logger.js";
 import { IconRedirect } from "../internal/icons/IconRedirect.js";
 import { IconScan } from "../internal/icons/IconScan.js";
 const { bem } = useBEM("guide-card");
 const GuideCard = (props) => {
-  var _a, _b;
   const { type } = props;
   const { i18n } = useI18n();
   const redirectGuideCard = {
@@ -25,52 +25,17 @@ const GuideCard = (props) => {
     };
   };
   const guideCardInfoMap = {
-    [PaymentCategory.ALI_PAY]: redirectGuideCard,
     [PaymentCategory.WECHAT_PAY]: getQRCodeGuideCard(i18n.get("common.wechatPayGlobal")),
-    [PaymentCategory.BOOST]: redirectGuideCard,
-    [PaymentCategory.GRAB_PAY]: redirectGuideCard,
-    [PaymentCategory.LINE_PAY]: redirectGuideCard,
-    [PaymentCategory.NINE_PAY]: redirectGuideCard,
-    [PaymentCategory.SHOPEE_PAY]: redirectGuideCard,
-    [PaymentCategory.TNG_WALLET]: redirectGuideCard,
-    [PaymentCategory.MAY_BANK_QR_PAY]: redirectGuideCard,
+    [PaymentCategory.ALIPAY]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.aliPay.label")),
+    [PaymentCategory.ALIPAY_HK]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.aliPayHK.label")),
     [PaymentCategory.GCASH]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.gcash.label")),
-    [PaymentCategory.PAYMAYA]: redirectGuideCard,
     [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,
-    [PaymentCategory.BANCONTACT]: redirectGuideCard,
-    [PaymentCategory.IDEAL]: redirectGuideCard,
-    [PaymentCategory.BLIK]: redirectGuideCard,
-    [PaymentCategory.OVO]: redirectGuideCard,
-    [PaymentCategory.SKRILL]: redirectGuideCard,
-    [PaymentCategory.TRUSTLY]: redirectGuideCard,
-    [PaymentCategory.P24]: redirectGuideCard,
-    [PaymentCategory.BANCOMAT_PAY]: redirectGuideCard,
-    [PaymentCategory.MY_BANK]: redirectGuideCard,
-    [PaymentCategory.BIZUM]: redirectGuideCard,
-    [PaymentCategory.EPS]: redirectGuideCard,
-    [PaymentCategory.MB_WAY]: redirectGuideCard,
-    [PaymentCategory.MULTIBANCO]: redirectGuideCard,
-    [PaymentCategory.PAY_U]: redirectGuideCard,
-    [PaymentCategory.SATISPAY]: redirectGuideCard,
-    [PaymentCategory.PAY_BY_BANK]: redirectGuideCard,
-    [PaymentCategory.FPX]: redirectGuideCard,
-    [PaymentCategory.DRAGONPAY]: redirectGuideCard,
-    [PaymentCategory.UPI]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_FINLAND]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_ESTONIA]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_LATVIA]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_LITHUANIA]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_INDONESIA]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_THAILAND]: redirectGuideCard
+    [PaymentCategory.VIETQR]: isMobile() ? redirectGuideCard : getQRCodeGuideCard(i18n.get("dropIn.vietqr.label"))
   };
-  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 }),
-    /* @__PURE__ */ u("div", { className: bem("description"), children: (_b = guideCardInfoMap[type]) == null ? void 0 : _b.description })
+  const guideCardInfo = guideCardInfoMap[type] || redirectGuideCard;
+  return /* @__PURE__ */ u(b, { children: guideCardInfo && /* @__PURE__ */ u("div", { className: bem(), children: /* @__PURE__ */ u("div", { className: bem("content"), children: [
+    /* @__PURE__ */ u("div", { className: bem("icon"), children: guideCardInfo.icon }),
+    /* @__PURE__ */ u("div", { className: bem("description"), children: guideCardInfo.description })
   ] }) }) });
 };
 export {

package/dist/es/components/{CardIBANField → IBANField}/index.js

@@ -3,6 +3,7 @@ import { clamp } from "../../utils/index.js";
 import { useI18n } from "../../hooks/useI18n.js";
 import "../../out/fraud-detection.js";
 import "../../core/context.js";
+import "../../core/logger.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
@@ -11,8 +12,8 @@ import { Input } from "../internal/Input/Input.js";
 import "../internal/Input/type.js";
 import { validateIBAN } from "../../utils/iban.js";
 import { trimAll, limitedToNumber } from "../../utils/format.js";
-function IBANField(props) {
-  const { className, style } = props;
+const IBANField = (props) => {
+  const { className, style, disabled } = props;
   const inputRef = A(null);
   const formItemRef = A(null);
   const { i18n } = useI18n();
@@ -27,7 +28,7 @@ function IBANField(props) {
       return true;
     }
   };
-  function onInput(event) {
+  const onInput = (event) => {
     var _a;
     const { currentTarget, inputType } = event;
     const selectionStart = currentTarget.selectionStart;
@@ -40,7 +41,7 @@ function IBANField(props) {
     setValue(currentTarget.value = val);
     currentTarget.setSelectionRange(pos, pos);
     (_a = props.onInput) == null ? void 0 : _a.call(props, event);
-  }
+  };
   return /* @__PURE__ */ u(
     FormItem,
     {
@@ -59,12 +60,13 @@ function IBANField(props) {
           maxLength: 42,
           value,
           onInput,
+          disabled,
           placeholder: i18n.get("sepa.iban.placeholder")
         }
       )
     }
   );
-}
+};
 export {
   IBANField
 };

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

@@ -6,6 +6,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { formatAmount, normalizedClass } from "../../utils/format.js";
 import { CoreContext } from "../../core/context.js";
+import "../../core/logger.js";
 import { Button } from "../internal/Button/Button2.js";
 import { IconSafe } from "../internal/icons/IconSafe.js";
 import { LoadingCheck } from "../internal/LoadingCheck/LoadingCheck.js";

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

@@ -9,6 +9,7 @@ import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
 import { w, A, y, F, q, u } from "../../core.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import { SessionMode } from "../../constant.js";
 import { cdnUrl, cdnOrigin, apiUrl, apiPrefix } from "../../config.js";
 import { MessageAction } from "../../types/message.js";