@paykka/card-checkout-ui 0.17.0 → 0.21.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
-      };
-    } 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.wechatPay = formatFeeInfo(configuration);
+    } else if (value === PaymentMethod.ALIPAY_PLUS) {
+      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.21.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";
@@ -28,7 +29,7 @@ import "../internal/Form/FormItem.js";
 import { Form } from "../internal/Form/Form.js";
 import { IconSwitch } from "../internal/icons/IconSwitch.js";
 import { Info } from "../internal/Info/Info.js";
-import { RecurringTip } from "../RecurringTip/index.js";
+import { Tip } from "../Tip/index.js";
 import { EFieldType, SecuredFieldsProvider } from "../SecuredFieldsProvider/index.js";
 import "../SubmitButton/index.js";
 import "../internal/Button/button.js";
@@ -44,10 +45,9 @@ 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;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     showCardBrands = true,
     session,
@@ -154,10 +154,10 @@ const Card = w((props, ref) => {
     };
   };
   y(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c2;
     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 = (_c2 = tokens[0]) == null ? void 0 : _c2.token;
     setSupportedCardBrands(intersection(cardBrandCodes, supportMethods || []));
     setIsCheckoutEnabled(true);
     if (status === "SUCCESS") {
@@ -277,6 +278,7 @@ const Card = w((props, ref) => {
         paymentMethod = cardBrand.code;
       }
     }
+    const storePaymentMethodPayload = isShowStoreCheckBox ? { storePaymentMethod } : isForceStorePaymentMethod ? { storePaymentMethod: true } : null;
     return {
       sessionId: session.sessionId,
       clientKey: session.clientKey,
@@ -290,7 +292,7 @@ const Card = w((props, ref) => {
           expYear: `20${expYear}`,
           expMonth,
           cardNo,
-          ...isShowStoreCheckBox ? { storePaymentMethod } : null
+          ...storePaymentMethodPayload
         }
       },
       bill: (fieldStatus == null ? void 0 : fieldStatus.address.show) ? {
@@ -315,7 +317,7 @@ const Card = w((props, ref) => {
     };
   };
   async function pay(search = false, timeout) {
-    var _a2, _b2, _c, _d, _e, _f, _g, _h;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h;
     try {
       core.payment.currPaymentMethod.value = CURR_PAYMENT_METHOD;
       const requestOptions = { locale: i18n.locale, timeout };
@@ -332,13 +334,13 @@ const Card = w((props, ref) => {
         );
       } else {
         const paymentParams = await getPaymentParams();
-        const extraParams = (_d = (_c = core.config)._getExtraParams) == null ? void 0 : _d.call(_c, "payment", CURR_PAYMENT_METHOD);
-        if ((_e = core.config._checkoutConfig) == null ? void 0 : _e.dynamicSessionId) {
+        const extraParams = (_d2 = (_c2 = core.config)._getExtraParams) == null ? void 0 : _d2.call(_c2, "payment", CURR_PAYMENT_METHOD);
+        if ((_e2 = core.config._checkoutConfig) == null ? void 0 : _e2.dynamicSessionId) {
           await core.updateSessionId(buildPaymentParams(paymentParams, extraParams));
           session.sessionId && (paymentParams.sessionId = session.sessionId);
         }
         if (security) {
-          (_f = SFPRef.current) == null ? void 0 : _f.payment(paymentParams, extraParams);
+          (_f2 = SFPRef.current) == null ? void 0 : _f2.payment(paymentParams, extraParams);
           return { end: true };
         } else {
           res = await commonPayment({
@@ -352,7 +354,7 @@ const Card = w((props, ref) => {
                   sessionId: session.sessionId,
                   clientKey: session.clientKey
                 },
-                extraParams: (_h = (_g = core.config)._getExtraParams) == null ? void 0 : _h.call(_g, "query", CURR_PAYMENT_METHOD)
+                extraParams: (_h = (_g2 = core.config)._getExtraParams) == null ? void 0 : _h.call(_g2, "query", CURR_PAYMENT_METHOD)
               }
             }
           });
@@ -470,7 +472,8 @@ const Card = w((props, ref) => {
         status: submitButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit
+        onClick: onSubmit,
+        children: isSaveButton ? i18n.get("common.save") : null
       }
     );
   };
@@ -555,19 +558,25 @@ const Card = w((props, ref) => {
       }
     }
   }
+  const isPurchase = ((_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.paymentType) === PaymentType.PURCHASE;
+  const isRecurring = ((_b = session == null ? void 0 : session.checkout) == null ? void 0 : _b.paymentType) === PaymentType.RECURRING;
   const isFastPayment = T(() => {
     var _a2;
     if (!(session == null ? void 0 : session.checkout))
       return;
-    const isPurchase = (session == null ? void 0 : session.checkout.paymentType) === PaymentType.PURCHASE;
-    const hasCardTokens = !!((_a2 = session == null ? void 0 : session.checkout.tokens) == null ? void 0 : _a2.length);
+    const hasCardTokens = !!((_a2 = session.checkout.tokens) == null ? void 0 : _a2.length);
     return isPurchase && hasCardTokens;
-  }, [session == null ? void 0 : session.checkout]);
+  }, [session == null ? void 0 : session.checkout, isPurchase]);
+  const isNoAmount = Number((_d = (_c = session == null ? void 0 : session.checkout) == null ? void 0 : _c.transAmount) == null ? void 0 : _d.amount) === 0;
+  const canStorePaymentMethod = !!((_e = session == null ? void 0 : session.checkout) == null ? void 0 : _e.storePaymentMethod);
+  const isNoAmountPurchaseStore = isPurchase && isNoAmount && canStorePaymentMethod;
+  const isForceStorePaymentMethod = isRecurring || isNoAmountPurchaseStore;
+  const isSaveButton = isNoAmountPurchaseStore || isRecurring && isNoAmount;
   const isShowStoreCheckBox = T(() => {
     if (!(session == null ? void 0 : session.checkout))
       return;
-    return (session == null ? void 0 : session.checkout.paymentType) === PaymentType.PURCHASE && (session == null ? void 0 : session.checkout.storePaymentMethod);
-  }, [session == null ? void 0 : session.checkout]);
+    return isPurchase && canStorePaymentMethod && !isNoAmount;
+  }, [session == null ? void 0 : session.checkout, isPurchase, canStorePaymentMethod, isNoAmount]);
   const StoreCheckBox = () => {
     const onCheck = (checked) => {
       setStorePaymentMethod(checked);
@@ -582,10 +591,20 @@ const Card = w((props, ref) => {
       }
     ) });
   };
+  const StorePaymentTip = () => {
+    let tipText = null;
+    if (isNoAmountPurchaseStore) {
+      tipText = i18n.get("common.storePaymentTip");
+    } else if (isRecurring && isNoAmount) {
+      tipText = i18n.get("common.recurringStoreTip");
+    } else if (isRecurring) {
+      tipText = i18n.get("common.recurringTip");
+    }
+    return tipText ? /* @__PURE__ */ u(Tip, { text: tipText }) : null;
+  };
   const changeBox = () => {
-    var _a2, _b2, _c;
-    const isPurchase = ((_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.paymentType) === PaymentType.PURCHASE;
-    const hasCardTokens = !!((_c = (_b2 = session == null ? void 0 : session.checkout) == null ? void 0 : _b2.tokens) == null ? void 0 : _c.length);
+    var _a2, _b2;
+    const hasCardTokens = !!((_b2 = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.tokens) == null ? void 0 : _b2.length);
     const onClick = () => {
       var _a3;
       (_a3 = formRef.current) == null ? void 0 : _a3.resetValidation();
@@ -648,7 +667,7 @@ const Card = w((props, ref) => {
     [EFieldType.CVV]: null
   });
   const onFieldValidStatusChanged = (data) => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d2;
     const fieldRef = splitCardInfo ? fieldRefMap[data.fieldType] : combinedCardInfoRef;
     const error = data.errorTip && i18n.get(data.errorTip);
     if (!splitCardInfo) {
@@ -669,10 +688,10 @@ const Card = w((props, ref) => {
       if (isSuccess) {
         (_b2 = fieldRef.current) == null ? void 0 : _b2.resetValidation("success");
       } else {
-        (_c = fieldRef.current) == null ? void 0 : _c.resetValidation("unValidate");
+        (_c2 = fieldRef.current) == null ? void 0 : _c2.resetValidation("unValidate");
       }
     } else {
-      (_d = fieldRef.current) == null ? void 0 : _d.resetValidation(data.status, error);
+      (_d2 = fieldRef.current) == null ? void 0 : _d2.resetValidation(data.status, error);
     }
     setTimeout(() => {
       validateFormSilently();
@@ -702,20 +721,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 +742,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 }) });
@@ -740,9 +759,9 @@ const Card = w((props, ref) => {
     ) });
   };
   const CardSplitInfo = () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d2;
     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,
@@ -760,7 +779,7 @@ const Card = w((props, ref) => {
           CardBrands,
           {
             className: bem("card-brands"),
-            supportedCardBrands: (_d = (_c = session == null ? void 0 : session.checkout) == null ? void 0 : _c.supportMethods) == null ? void 0 : _d.filter(Boolean)
+            supportedCardBrands: (_d2 = (_c2 = session == null ? void 0 : session.checkout) == null ? void 0 : _c2.supportMethods) == null ? void 0 : _d2.filter(Boolean)
           }
         )
       ] }),
@@ -769,7 +788,6 @@ const Card = w((props, ref) => {
           CardExpireDateField,
           {
             security,
-            className: fieldClassNames,
             disabled,
             ref: cardExpireDateFieldRef
           }
@@ -778,7 +796,6 @@ const Card = w((props, ref) => {
           CardSecurityCodeField,
           {
             security,
-            className: fieldClassNames,
             disabled,
             ref: cardSecurityCodeFieldRef
           }
@@ -787,14 +804,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: [
+      StorePaymentTip(),
+      /* @__PURE__ */ u("div", { className: PAY_FORM_FOOTER_CLASS_NAME, children: [
         isShowStoreCheckBox && StoreCheckBox(),
         ErrorMessage(),
         !hidePaymentButton && Button()
@@ -802,27 +818,27 @@ 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: [
+    var _a2, _b2, _c2, _d2;
+    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(
           CardSelector,
           {
-            value: (_c = (_b2 = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.tokens) == null ? void 0 : _b2[0]) == null ? void 0 : _c.token,
-            cardList: (_d = session == null ? void 0 : session.checkout) == null ? void 0 : _d.tokens,
+            value: (_c2 = (_b2 = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.tokens) == null ? void 0 : _b2[0]) == null ? void 0 : _c2.token,
+            cardList: (_d2 = session == null ? void 0 : session.checkout) == null ? void 0 : _d2.tokens,
             disabled,
             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 +847,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()
       ] })
@@ -845,7 +861,7 @@ const Card = w((props, ref) => {
         i18n,
         disabled,
         checkoutId: core.id,
-        sessionMode: (_a = session.checkout) == null ? void 0 : _a.sessionMode,
+        sessionMode: (_f = session.checkout) == null ? void 0 : _f.sessionMode,
         supportedCardBrands,
         style: inputStyle || defaultInputStyleConfig,
         core,
@@ -869,7 +885,7 @@ const Card = w((props, ref) => {
       ThreeDSAuth,
       {
         show: showThreeDSModal,
-        theme: (_b = session == null ? void 0 : session.checkout) == null ? void 0 : _b.theme,
+        theme: (_g = session == null ? void 0 : session.checkout) == null ? void 0 : _g.theme,
         onClose: handleCloseThreeDSModal,
         checkoutId: core.id,
         ...threeDSInfo

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(