@paykka/card-checkout-ui 0.17.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.17.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

@@ -45,12 +45,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";
@@ -98,6 +107,14 @@ 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,
@@ -105,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,
@@ -144,7 +162,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 +215,16 @@ 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.ALI_PAY]: AliPay,
+  [PaymentCategory.SEPA_DEBIT]: Sepa
 };
 const paymentCategoryOptionMap = {
   [PaymentCategory.CARD]: {
@@ -359,6 +391,38 @@ const paymentCategoryOptionMap = {
     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";

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

@@ -7,6 +7,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 "../../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");
@@ -66,7 +67,14 @@ const GuideCard = (props) => {
     [PaymentCategory.ONLINE_BANKING_LATVIA]: redirectGuideCard,
     [PaymentCategory.ONLINE_BANKING_LITHUANIA]: redirectGuideCard,
     [PaymentCategory.ONLINE_BANKING_INDONESIA]: redirectGuideCard,
-    [PaymentCategory.ONLINE_BANKING_THAILAND]: redirectGuideCard
+    [PaymentCategory.ONLINE_BANKING_THAILAND]: redirectGuideCard,
+    [PaymentCategory.SWISH]: redirectGuideCard,
+    [PaymentCategory.TWINT]: redirectGuideCard,
+    [PaymentCategory.DOKU]: redirectGuideCard,
+    [PaymentCategory.GO_PAY]: redirectGuideCard,
+    [PaymentCategory.JENIUS]: redirectGuideCard,
+    [PaymentCategory.LINK_AJA]: redirectGuideCard,
+    [PaymentCategory.NU_PAY]: 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/{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/RecurringTip/index.js

@@ -4,6 +4,7 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../out/fraud-detection.js";
 import { useBEM } from "../../hooks/useBEM.js";
+import "../../core/logger.js";
 import { IconInfo } from "../internal/icons/IconInfo.js";
 const { bem } = useBEM("recurring-tip");
 function RecurringTip(isCard = true) {

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