@paykka/card-checkout-ui 0.16.0 → 0.18.0

package/dist/es/api/http.js

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

package/dist/es/api/index.js

@@ -3,3 +3,4 @@ import "../utils/system-info/get-browser-info.js";
 import "../core.js";
 import "../core/context.js";
 import "../out/fraud-detection.js";
+import "../core/logger.js";

package/dist/es/api/modules/checkout/map.js

@@ -1,5 +1,14 @@
 import { PaymentMethod } from "../../../constant.js";
 import { amountMap } from "../map.js";
+const formatFeeInfo = (configuration) => {
+  return {
+    neededToCompute: configuration == null ? void 0 : configuration.needed_to_compute,
+    fee: amountMap(configuration == null ? void 0 : configuration.fee),
+    totalAmount: amountMap(configuration == null ? void 0 : configuration.total_amount),
+    percentageFee: configuration == null ? void 0 : configuration.percentage_fee,
+    transactionFee: configuration == null ? void 0 : configuration.transaction_fee
+  };
+};
 const formatPaymentMethodInfo = (paymentMethods = []) => {
   const supportMethods = [];
   const channelParams = {};
@@ -21,21 +30,9 @@ const formatPaymentMethodInfo = (paymentMethods = []) => {
         googlePayMerchantId: configuration == null ? void 0 : configuration.merchant_id
       };
     } else if (value === PaymentMethod.WECHAT_PAY) {
-      channelParams.wechatPay = {
-        neededToCompute: configuration == null ? void 0 : configuration.needed_to_compute,
-        fee: amountMap(configuration == null ? void 0 : configuration.fee),
-        totalAmount: amountMap(configuration == null ? void 0 : configuration.total_amount),
-        percentageFee: configuration == null ? void 0 : configuration.percentage_fee,
-        transactionFee: configuration == null ? void 0 : configuration.transaction_fee
-      };
+      channelParams.wechatPay = formatFeeInfo(configuration);
     } else if (value === PaymentMethod.ALI_PAY) {
-      channelParams.aliPay = {
-        neededToCompute: configuration == null ? void 0 : configuration.needed_to_compute,
-        fee: amountMap(configuration == null ? void 0 : configuration.fee),
-        totalAmount: amountMap(configuration == null ? void 0 : configuration.total_amount),
-        percentageFee: configuration == null ? void 0 : configuration.percentage_fee,
-        transactionFee: configuration == null ? void 0 : configuration.transaction_fee
-      };
+      channelParams.aliPay = formatFeeInfo(configuration);
     }
     if (value === PaymentMethod.BANKCARD) {
       supportMethods.push(...configuration.allowed_card_networks || []);

package/dist/es/api/modules/get-browser-params.js

@@ -35,7 +35,7 @@ const getBaseBrowserParams = async (params = {}) => {
     terminal_type: terminalType,
     fraud_detection_id: fraudDetectionId,
     // 当前组件库版本（构建时由 define 注入）
-    app_version: "0.16.0"
+    app_version: "0.18.0"
   };
 };
 const getBrowserParams = async (params = {}) => {

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

@@ -3,3 +3,4 @@ import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
 import "../../core.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";

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

@@ -4,6 +4,7 @@ import { deepMerge } from "../../utils/object.js";
 import "../../core.js";
 import "../../core/context.js";
 import "../../out/fraud-detection.js";
+import "../../core/logger.js";
 const buildPaymentParams = (params, extraParams = {}) => {
   const { bill, payment, customer } = params;
   const mergedParams = deepMerge(

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 "../../out/fraud-detection.js";
+import "../../core/logger.js";
 import { AccordionContext } from "../internal/Accordion/type.js";
 import { accordionTransition } from "../internal/Accordion/accordionTransition.js";
 const { bem } = useBEM("accordion-item");

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

@@ -8,6 +8,7 @@ import { CoreContext } from "../../core/context.js";
 import "../../out/fraud-detection.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
+import "../../core/logger.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";

package/dist/es/components/ApplePay/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/CPFField/index.js

@@ -5,6 +5,7 @@ import "../../utils/system-info/get-browser-info.js";
 import { EInternalFieldType } from "../SecuredFieldsProvider/index.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";

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

@@ -2,7 +2,7 @@ import { w, A, h, F, y, q, T, u, b } from "../../core.js";
 import { isTimeoutError } from "../../api/http.js";
 import { safeParse, safeStringify } from "../../utils/index.js";
 import { defaultInputStyleConfig } from "../../types/index.js";
-import { PaymentMethod, PaymentType, SessionMode, COMMON_CLASS_NAME, CardPaymentMethods } from "../../constant.js";
+import { PaymentMethod, PaymentType, SessionMode, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME, CardPaymentMethods } from "../../constant.js";
 import { commonPaymentQuery, commonPayment } from "../../api/modules/common/index.js";
 import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { CoreContext } from "../../core/context.js";
@@ -13,6 +13,7 @@ import { useBEM } from "../../hooks/useBEM.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { buildPaymentParams } from "../../api/utils/index.js";
+import "../../core/logger.js";
 import { DEFAULT_ADDRESS, AddressField } from "../AddressField/index.js";
 import { CardBrands } from "../CardBrands/index.js";
 import { CardExpireDateField } from "../CardExpireDateField/index.js";
@@ -44,7 +45,6 @@ import { createUrlWithParams } from "../../utils/location.js";
 import { formatPaymentResult, processPaymentStatus } from "../../utils/payment.js";
 import { normalizedClass, trimAll, limitedToNumber } from "../../utils/format.js";
 const { bem } = useBEM("card");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.BANKCARD;
 const Card = w((props, ref) => {
   var _a, _b;
@@ -154,10 +154,10 @@ const Card = w((props, ref) => {
     };
   };
   y(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c;
     if (!sessionReady)
       return;
-    const { status, supportMethods = [], bill = {}, sessionMode, country } = (session == null ? void 0 : session.checkout) || {};
+    const { status, supportMethods = [], tokens = [], sessionMode, country, bill = {} } = (session == null ? void 0 : session.checkout) || {};
     if (sessionMode === SessionMode.DROP_IN && !isDropIn) {
       (_b2 = (_a2 = props.core.config).onInitError) == null ? void 0 : _b2.call(
         _a2,
@@ -173,6 +173,7 @@ const Card = w((props, ref) => {
     country && addressCore.setCountry(country);
     form.email = bill.email ?? "";
     form.address.country = country;
+    form.token = (_c = tokens[0]) == null ? void 0 : _c.token;
     setSupportedCardBrands(intersection(cardBrandCodes, supportMethods || []));
     setIsCheckoutEnabled(true);
     if (status === "SUCCESS") {
@@ -702,20 +703,20 @@ const Card = w((props, ref) => {
     processPaymentError(data.error);
   };
   const Email = () => {
-    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.email.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.email.show) && /* @__PURE__ */ u(
       EmailField,
       {
         ref: emailFieldRef,
         value: form.email,
         disabled: (fieldStatus == null ? void 0 : fieldStatus.email.disabled) || disabled
       }
-    ) }) });
+    ) });
   };
   const CardHolderName = () => {
     return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.holderName.show) && /* @__PURE__ */ u("div", { className: bem("holder-name"), children: /* @__PURE__ */ u(CardHolderNameField, { disabled: (fieldStatus == null ? void 0 : fieldStatus.holderName.disabled) || disabled }) }) });
   };
   const Address = () => {
-    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: bem("address"), children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u(
       AddressField,
       {
         ref: addressFieldRef,
@@ -723,7 +724,7 @@ const Card = w((props, ref) => {
         disabled,
         onChange: (value) => setForm(Object.assign(form, { address: value }))
       }
-    ) }) });
+    ) });
   };
   const ErrorMessage = () => {
     return /* @__PURE__ */ u(b, { children: !!errorMsg && /* @__PURE__ */ u(Info, { content: errorMsg }) });
@@ -742,7 +743,7 @@ const Card = w((props, ref) => {
   const CardSplitInfo = () => {
     var _a2, _b2, _c, _d;
     return /* @__PURE__ */ u(b, { children: [
-      /* @__PURE__ */ u("div", { className: fieldClassNames, children: [
+      /* @__PURE__ */ u("div", { children: [
         /* @__PURE__ */ u("div", { className: bem("card-number-wrapper"), children: [
           /* @__PURE__ */ u(
             CardNumberField,
@@ -769,7 +770,6 @@ const Card = w((props, ref) => {
           CardExpireDateField,
           {
             security,
-            className: fieldClassNames,
             disabled,
             ref: cardExpireDateFieldRef
           }
@@ -778,7 +778,6 @@ const Card = w((props, ref) => {
           CardSecurityCodeField,
           {
             security,
-            className: fieldClassNames,
             disabled,
             ref: cardSecurityCodeFieldRef
           }
@@ -788,13 +787,13 @@ const Card = w((props, ref) => {
   };
   const PaymentForm = () => {
     var _a2;
-    return /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+    return /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, bem()), children: [
       Email(),
       splitCardInfo ? CardSplitInfo() : CardCombineInfo(),
       CardHolderName(),
       Address(),
       ((_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.paymentType) === PaymentType.RECURRING && RecurringTip(),
-      /* @__PURE__ */ u("div", { className: bem("footer-wrapper"), children: [
+      /* @__PURE__ */ u("div", { className: PAY_FORM_FOOTER_CLASS_NAME, children: [
         isShowStoreCheckBox && StoreCheckBox(),
         ErrorMessage(),
         !hidePaymentButton && Button()
@@ -803,7 +802,7 @@ const Card = w((props, ref) => {
   };
   const FastPaymentForm = () => {
     var _a2, _b2, _c, _d;
-    return /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+    return /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, bem()), children: [
       Email(),
       /* @__PURE__ */ u("div", { className: bem("card-selector-wrapper"), children: [
         /* @__PURE__ */ u(
@@ -815,14 +814,14 @@ const Card = w((props, ref) => {
             onClickEdit: onEditOtherCard,
             onClickChange: onClickChangeCard,
             onCardChange,
-            className: bem("card-selector", fieldClassNames),
+            className: bem("card-selector"),
             style: { flex: 2 }
           }
         ),
         /* @__PURE__ */ u(
           CardSecurityCodeField,
           {
-            className: bem("card-security-code", fieldClassNames),
+            className: bem("card-security-code"),
             style: { flex: 1 },
             disabled,
             security,
@@ -831,7 +830,7 @@ const Card = w((props, ref) => {
         )
       ] }),
       tokenAddressFilled && Address(),
-      /* @__PURE__ */ u("div", { className: bem("footer-wrapper"), children: [
+      /* @__PURE__ */ u("div", { className: PAY_FORM_FOOTER_CLASS_NAME, children: [
         ErrorMessage(),
         !hidePaymentButton && Button()
       ] })

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 "../../out/fraud-detection.js";
+import "../../core/logger.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

@@ -3,6 +3,7 @@ import { isExpired } 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";

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 "../../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";

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 "../../out/fraud-detection.js";
+import "../../core/logger.js";
 const { bem } = useBEM("card-no");
 const CardNo = (props) => {
   const { value, className, style, disabled } = props;

package/dist/es/components/CardNumberField/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";

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

@@ -6,6 +6,7 @@ import { limitedToNumber } from "../../utils/format.js";
 import { EFieldType } from "../SecuredFieldsProvider/index.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";

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

@@ -5,6 +5,7 @@ import "../../out/fraud-detection.js";
 import { finCardBrandInfoByCode } from "../../utils/card-brand/index.js";
 import "../../utils/system-info/get-browser-info.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";

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

@@ -13,6 +13,7 @@ import "../../core/context.js";
 import "../../out/fraud-detection.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
+import "../../core/logger.js";
 import { IconCardNo } from "../internal/icons/IconCardNo.js";
 const { bem } = useBEM("combined-card-info");
 const CombinedCardInfo = w(

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

@@ -25,14 +25,41 @@ import { IDeal } from "../wallets/IDeal/IDeal.js";
 import { Skrill } from "../wallets/Skrill/Skrill.js";
 import { P24 } from "../wallets/P24/P24.js";
 import { Trustly } from "../wallets/Trustly/Trustly.js";
+import { BancomatPay } from "../wallets/BancomatPay/BancomatPay.js";
+import { MyBank } from "../wallets/MyBank/MyBank.js";
+import { Bizum } from "../wallets/Bizum/Bizum.js";
+import { EPS } from "../wallets/EPS/EPS.js";
+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 { WechatPay } from "../wallets/WechatPay/WechatPay.js";
+import { PayByBank } from "../wallets/PayByBank/PayByBank.js";
+import { Fpx } from "../wallets/Fpx/Fpx.js";
+import { DragonPay } from "../wallets/DragonPay/DragonPay.js";
+import { Upi } from "../wallets/Upi/Upi.js";
+import { OnlineBankingFinland } from "../wallets/OnlineBankingFinland/OnlineBankingFinland.js";
+import { OnlineBankingEstonia } from "../wallets/OnlineBankingEstonia/OnlineBankingEstonia.js";
+import { OnlineBankingLatvia } from "../wallets/OnlineBankingLatvia/OnlineBankingLatvia.js";
+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";
@@ -60,8 +87,34 @@ import { IconOvo } from "../internal/icons/IconOvo.js";
 import { IconSkrill } from "../internal/icons/IconSkrill.js";
 import { IconBancontact } from "../internal/icons/IconBancontact.js";
 import { IconIdeal } from "../internal/icons/IconIdeal.js";
+import { IconBancomatPay } from "../internal/icons/IconBancomatPay.js";
+import { IconMyBank } from "../internal/icons/IconMyBank.js";
+import { IconBizum } from "../internal/icons/IconBizum.js";
+import { IconEPS } from "../internal/icons/IconEPS.js";
+import { IconMbWay } from "../internal/icons/IconMbWay.js";
+import { IconMultibanco } from "../internal/icons/IconMultibanco.js";
+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 { IconPayByBank } from "../internal/icons/IconPayByBank.js";
+import { IconFpx } from "../internal/icons/IconFpx.js";
+import { IconDragonPay } from "../internal/icons/IconDragonPay.js";
+import { IconUpi } from "../internal/icons/IconUpi.js";
+import { IconOnlineBankingFinland } from "../internal/icons/IconOnlineBankingFinland.js";
+import { IconOnlineBankingEstonia } from "../internal/icons/IconOnlineBankingEstonia.js";
+import { IconOnlineBankingLatvia } from "../internal/icons/IconOnlineBankingLatvia.js";
+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,
@@ -69,6 +122,7 @@ const dropInSupportedPaymentMethods = [
   PaymentMethod.APPLE_PAY,
   PaymentMethod.ALI_PAY,
   PaymentMethod.WECHAT_PAY,
+  PaymentMethod.SEPA_DEBIT,
   PaymentMethod.BOOST,
   PaymentMethod.GRAB_PAY,
   PaymentMethod.LINE_PAY,
@@ -90,7 +144,32 @@ const dropInSupportedPaymentMethods = [
   PaymentMethod.OVO,
   PaymentMethod.SKRILL,
   PaymentMethod.TRUSTLY,
-  PaymentMethod.P24
+  PaymentMethod.P24,
+  PaymentMethod.BANCOMAT_PAY,
+  PaymentMethod.MY_BANK,
+  PaymentMethod.BIZUM,
+  PaymentMethod.EPS,
+  PaymentMethod.MB_WAY,
+  PaymentMethod.MULTIBANCO,
+  PaymentMethod.PAY_U,
+  PaymentMethod.SATISPAY,
+  PaymentMethod.PAY_BY_BANK,
+  PaymentMethod.FPX,
+  PaymentMethod.DRAGONPAY,
+  PaymentMethod.UPI,
+  PaymentMethod.ONLINE_BANKING_FINLAND,
+  PaymentMethod.ONLINE_BANKING_ESTONIA,
+  PaymentMethod.ONLINE_BANKING_LATVIA,
+  PaymentMethod.ONLINE_BANKING_LITHUANIA,
+  PaymentMethod.ONLINE_BANKING_INDONESIA,
+  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,
@@ -118,9 +197,34 @@ const PaymentComponentMap = {
   [PaymentCategory.SKRILL]: Skrill,
   [PaymentCategory.TRUSTLY]: Trustly,
   [PaymentCategory.P24]: P24,
+  [PaymentCategory.BANCOMAT_PAY]: BancomatPay,
+  [PaymentCategory.MY_BANK]: MyBank,
+  [PaymentCategory.BIZUM]: Bizum,
+  [PaymentCategory.EPS]: EPS,
+  [PaymentCategory.MB_WAY]: MbWay,
+  [PaymentCategory.MULTIBANCO]: Multibanco,
+  [PaymentCategory.PAY_U]: PayU,
+  [PaymentCategory.SATISPAY]: Satispay,
+  [PaymentCategory.PAY_BY_BANK]: PayByBank,
+  [PaymentCategory.FPX]: Fpx,
+  [PaymentCategory.DRAGONPAY]: DragonPay,
+  [PaymentCategory.UPI]: Upi,
+  [PaymentCategory.ONLINE_BANKING_FINLAND]: OnlineBankingFinland,
+  [PaymentCategory.ONLINE_BANKING_ESTONIA]: OnlineBankingEstonia,
+  [PaymentCategory.ONLINE_BANKING_LATVIA]: OnlineBankingLatvia,
+  [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.ALI_PAY]: AliPay,
+  [PaymentCategory.SEPA_DEBIT]: Sepa
 };
 const paymentCategoryOptionMap = {
   [PaymentCategory.CARD]: {
@@ -215,6 +319,110 @@ const paymentCategoryOptionMap = {
     icon: IconP24,
     nameKey: "dropIn.p24.label"
   },
+  [PaymentCategory.BANCOMAT_PAY]: {
+    icon: IconBancomatPay,
+    nameKey: "dropIn.bancomatPay.label"
+  },
+  [PaymentCategory.MY_BANK]: {
+    icon: IconMyBank,
+    nameKey: "dropIn.myBank.label"
+  },
+  [PaymentCategory.BIZUM]: {
+    icon: IconBizum,
+    nameKey: "dropIn.bizum.label"
+  },
+  [PaymentCategory.EPS]: {
+    icon: IconEPS,
+    nameKey: "dropIn.eps.label"
+  },
+  [PaymentCategory.MB_WAY]: {
+    icon: IconMbWay,
+    nameKey: "dropIn.mbWay.label"
+  },
+  [PaymentCategory.MULTIBANCO]: {
+    icon: IconMultibanco,
+    nameKey: "dropIn.multibanco.label"
+  },
+  [PaymentCategory.PAY_U]: {
+    icon: IconPayU,
+    nameKey: "dropIn.payU.label"
+  },
+  [PaymentCategory.SATISPAY]: {
+    icon: IconSatispay,
+    nameKey: "dropIn.satispay.label"
+  },
+  [PaymentCategory.PAY_BY_BANK]: {
+    icon: IconPayByBank,
+    nameKey: "dropIn.payByBank.label"
+  },
+  [PaymentCategory.FPX]: {
+    icon: IconFpx,
+    nameKey: "dropIn.fpx.label"
+  },
+  [PaymentCategory.DRAGONPAY]: {
+    icon: IconDragonPay,
+    nameKey: "dropIn.dragonPay.label"
+  },
+  [PaymentCategory.UPI]: {
+    icon: IconUpi,
+    nameKey: "dropIn.upi.label"
+  },
+  [PaymentCategory.ONLINE_BANKING_FINLAND]: {
+    icon: IconOnlineBankingFinland,
+    nameKey: "dropIn.onlineBankingFinland.label"
+  },
+  [PaymentCategory.ONLINE_BANKING_ESTONIA]: {
+    icon: IconOnlineBankingEstonia,
+    nameKey: "dropIn.onlineBankingEstonia.label"
+  },
+  [PaymentCategory.ONLINE_BANKING_LATVIA]: {
+    icon: IconOnlineBankingLatvia,
+    nameKey: "dropIn.onlineBankingLatvia.label"
+  },
+  [PaymentCategory.ONLINE_BANKING_LITHUANIA]: {
+    icon: IconOnlineBankingLithuania,
+    nameKey: "dropIn.onlineBankingLithuania.label"
+  },
+  [PaymentCategory.ONLINE_BANKING_INDONESIA]: {
+    icon: IconOnlineBankingIndonesia,
+    nameKey: "dropIn.onlineBankingIndonesia.label"
+  },
+  [PaymentCategory.ONLINE_BANKING_THAILAND]: {
+    icon: IconOnlineBankingThailand,
+    nameKey: "dropIn.onlineBankingThailand.label"
+  },
+  [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.ALI_PAY]: {
     icon: IconAlipayPlus,
     nameKey: "dropIn.aliPay.label"

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";