@paykka/card-checkout-ui 0.17.0 → 0.18.0

package/dist/es/components/wallets/PayByBank/PayByBank.js

@@ -4,11 +4,11 @@ import { CoreContext } from "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";
@@ -26,13 +26,13 @@ import "../../internal/Input/Input.js";
 import "../../internal/Input/type.js";
 import "../../business/PhoneField/config.js";
 import "../../business/PhoneField/phone-field.js";
-import "../../business/Tooltip/tooltip2.js";
+import "../../business/Tooltip/tooltip.js";
 import "../../business/BlikCodeField/blik-code-field.js";
 import "../../internal/Button/button.js";
-import "../../business/BlikConfirmModal/blik-confirm-modal.js";
+import "../../business/PaymentConfirmModal/payment-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("pay-by-bank");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.PAY_BY_BANK;
 const ALLOWED_COUNTRIES = ["AT", "BE", "DE", "FI", "FR", "IE", "IT", "LT", "NL", "PT"];
 const PayByBank = w((props, ref) => {
@@ -94,15 +94,10 @@ const PayByBank = w((props, ref) => {
   } = useBaseWallet(CURR_PAYMENT_METHOD, props, {
     getFormData: () => {
       return {
-        ...form
+        ...form,
+        firstName: form.name
       };
-    },
-    getExtraPaymentParams: () => ({
-      // 姓名走 payment.holderName，不映射 bill.firstName
-      payment: {
-        holderName: form.name
-      }
-    })
+    }
   });
   const addressCore = core.getAddressCore();
   const emailState = createEmailCore();
@@ -142,21 +137,21 @@ const PayByBank = w((props, ref) => {
     });
   };
   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 Address = () => {
     var _a;
     const mode = (fieldStatus == null ? void 0 : fieldStatus.address.show) ? (_a = core.config._checkoutConfig) == null ? void 0 : _a.addressMode : "country";
     return /* @__PURE__ */ u(b, {
       // 这里没有判断 fieldStatus?.address.show，因为 Pay by Bank 对国家有要求，直接用账单地址可能会失败
-      children: /* @__PURE__ */ u("div", { className: bem("address"), children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ u(
         AddressField,
         {
           ref: addressFieldRef,
@@ -166,7 +161,7 @@ const PayByBank = w((props, ref) => {
           disabled,
           onChange: (value) => setForm(Object.assign(form, { address: value }))
         }
-      ) })
+      )
     });
   };
   const Button = () => {
@@ -194,11 +189,11 @@ const PayByBank = w((props, ref) => {
       },
       children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
         showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.PAY_BY_BANK }),
-        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+        /* @__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: fieldClassNames, children: /* @__PURE__ */ u(NameField, { disabled }) }),
+          /* @__PURE__ */ u(NameField, { disabled }),
           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/wallets/PayU/PayU.js

@@ -4,8 +4,9 @@ import { CoreContext } from "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./payu2.js";
@@ -14,7 +15,6 @@ import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";
 import { Form } from "../../internal/Form/Form.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import { PaymentButton } from "../../PaymentButton/index.js";
 import { Info } from "../../internal/Info/Info.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
@@ -26,13 +26,13 @@ import "../../internal/Input/Input.js";
 import "../../internal/Input/type.js";
 import "../../business/PhoneField/config.js";
 import "../../business/PhoneField/phone-field.js";
-import "../../business/Tooltip/tooltip2.js";
+import "../../business/Tooltip/tooltip.js";
 import "../../business/BlikCodeField/blik-code-field.js";
 import "../../internal/Button/button.js";
-import "../../business/BlikConfirmModal/blik-confirm-modal.js";
+import "../../business/PaymentConfirmModal/payment-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("payu");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.PAY_U;
 const ALLOWED_COUNTRIES = ["PL", "CZ"];
 const PayU = w((props, ref) => {
@@ -70,9 +70,9 @@ const PayU = w((props, ref) => {
       return;
     const { country, bill = {} } = (session == null ? void 0 : session.checkout) || {};
     country && addressCore.setCountry(country);
-    form.email = bill.email ?? "";
     if (!ALLOWED_COUNTRIES.includes(country ?? ""))
       return;
+    form.email = bill.email ?? "";
     form.address.country = country;
   }, [sessionReady]);
   const {
@@ -87,17 +87,14 @@ const PayU = w((props, ref) => {
     stopRetry,
     getPaymentMethodContext
   } = useBaseWallet(CURR_PAYMENT_METHOD, props, {
-    getFormData: () => ({ ...form }),
-    getExtraPaymentParams: () => ({
-      // 姓名走 payment.holderName，不映射 bill.firstName
-      payment: {
-        holderName: form.name
-      }
+    getFormData: () => ({
+      ...form,
+      firstName: form.name
     })
   });
-  const emailState = createEmailCore();
   const emailFieldRef = A(null);
   const addressCore = core.getAddressCore();
+  const emailState = createEmailCore();
   const addressFieldRef = A(null);
   const formRef = A(null);
   const [form, setForm] = h({
@@ -131,20 +128,20 @@ const PayU = w((props, ref) => {
       await payment();
     });
   };
-  const Email = () => /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.email.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+  const Email = () => /* @__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 Address = () => {
     var _a;
     const mode = (fieldStatus == null ? void 0 : fieldStatus.address.show) ? (_a = core.config._checkoutConfig) == null ? void 0 : _a.addressMode : "country";
     return (
       // 这里没有判断 fieldStatus?.address.show，因为 PayU 对国家有要求，直接用账单地址可能会失败
-      /* @__PURE__ */ u("div", { className: bem("address"), children: /* @__PURE__ */ u(
+      /* @__PURE__ */ u(
         AddressField,
         {
           ref: addressFieldRef,
@@ -154,7 +151,7 @@ const PayU = w((props, ref) => {
           disabled,
           onChange: (value) => setForm(Object.assign(form, { address: value }))
         }
-      ) })
+      )
     );
   };
   const Button = () => /* @__PURE__ */ u(
@@ -170,11 +167,11 @@ const PayU = w((props, ref) => {
   const ErrorMessage = () => /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { content: errorMessage }) });
   return /* @__PURE__ */ u(CoreContext.Provider, { value: { i18n, session, core }, children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
     showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.PAY_U }),
-    /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+    /* @__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: fieldClassNames, children: /* @__PURE__ */ u(NameField, { disabled }) }),
+      /* @__PURE__ */ u(NameField, { disabled }),
       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/wallets/Paymaya/Paymaya.js

@@ -4,11 +4,11 @@ import { CoreContext } from "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import { GuideCard } from "../../GuideCard/index.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
 import { Info } from "../../internal/Info/Info.js";
@@ -18,8 +18,8 @@ import "../../internal/Form/FormItem.js";
 import { Form } from "../../internal/Form/Form.js";
 import "./paymaya2.js";
 import { PaymentButton } from "../../PaymentButton/index.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("paymaya");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.PAYMAYA;
 const Paymaya = w((props, ref) => {
   const {
@@ -86,7 +86,7 @@ const Paymaya = w((props, ref) => {
   y(() => {
     if (!sessionReady)
       return;
-    const { bill = {}, country } = (session == null ? void 0 : session.checkout) || {};
+    const { country, bill = {} } = (session == null ? void 0 : session.checkout) || {};
     country && addressCore.setCountry(country);
     form.email = bill.email ?? "";
     form.address.country = country;
@@ -132,20 +132,20 @@ const Paymaya = w((props, ref) => {
     );
   };
   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 ErrorMessage = () => {
     return /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { content: errorMessage }) });
   };
   const Address = () => {
-    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u(
       AddressField,
       {
         ref: addressFieldRef,
@@ -153,7 +153,7 @@ const Paymaya = w((props, ref) => {
         onChange: (value) => setForm(Object.assign(form, { address: value })),
         disabled
       }
-    ) }) });
+    ) });
   };
   return /* @__PURE__ */ u(
     CoreContext.Provider,
@@ -165,10 +165,10 @@ const Paymaya = w((props, ref) => {
       },
       children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
         showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.PAYMAYA }),
-        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+        /* @__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(),
           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/wallets/PicPay/PicPay.js

@@ -5,11 +5,11 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass, limitedToNumber } from "../../../utils/format.js";
 import { defaultInputStyleConfig } from "../../../types/index.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, SessionMode } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME, SessionMode } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import { GuideCard } from "../../GuideCard/index.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
 import { Info } from "../../internal/Info/Info.js";
@@ -22,8 +22,8 @@ import { SecuredFieldsProvider } from "../../SecuredFieldsProvider/index.js";
 import { PaymentButton } from "../../PaymentButton/index.js";
 import { CPFField } from "../../CPFField/index.js";
 import { Tip } from "../../Tip/index.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("pic-pay");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.PIC_PAY;
 const PicPay = w((props, ref) => {
   var _a;
@@ -106,7 +106,7 @@ const PicPay = w((props, ref) => {
     var _a2;
     if (!sessionReady)
       return;
-    const { bill = {}, country, sessionMode } = (session == null ? void 0 : session.checkout) || {};
+    const { country, sessionMode, bill = {} } = (session == null ? void 0 : session.checkout) || {};
     setSecurity(sessionMode !== SessionMode.HOSTED);
     (_a2 = SFPRef.current) == null ? void 0 : _a2.reload();
     country && addressCore.setCountry(country);
@@ -177,20 +177,20 @@ const PicPay = w((props, ref) => {
     );
   };
   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 ErrorMessage = () => {
     return /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { content: errorMessage }) });
   };
   const Address = () => {
-    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u(
       AddressField,
       {
         ref: addressFieldRef,
@@ -198,7 +198,7 @@ const PicPay = w((props, ref) => {
         onChange: (value) => setForm(Object.assign(form, { address: value })),
         disabled
       }
-    ) }) });
+    ) });
   };
   return /* @__PURE__ */ u(
     CoreContext.Provider,
@@ -210,7 +210,7 @@ const PicPay = w((props, ref) => {
       },
       children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
         showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.PIC_PAY }),
-        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+        /* @__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(
             SecuredFieldsProvider,
@@ -231,7 +231,7 @@ const PicPay = w((props, ref) => {
                 var _a2, _b;
                 return (_b = (_a2 = core.config).onEvent) == null ? void 0 : _b.call(_a2, type, data);
               },
-              children: /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+              children: /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(
                 CPFField,
                 {
                   ref: cpfFieldRef,
@@ -243,7 +243,7 @@ const PicPay = w((props, ref) => {
           ),
           Address(),
           /* @__PURE__ */ u(Tip, { text: i18n.get("iofTip") }),
-          /* @__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/wallets/Pix/Pix.js

@@ -5,11 +5,11 @@ import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass, limitedToNumber } from "../../../utils/format.js";
 import { defaultInputStyleConfig } from "../../../types/index.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, SessionMode } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME, SessionMode } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import { GuideCard } from "../../GuideCard/index.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
 import { Info } from "../../internal/Info/Info.js";
@@ -22,8 +22,8 @@ import { SecuredFieldsProvider } from "../../SecuredFieldsProvider/index.js";
 import { PaymentButton } from "../../PaymentButton/index.js";
 import { CPFField } from "../../CPFField/index.js";
 import { Tip } from "../../Tip/index.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("pix");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.PIX;
 const Pix = w((props, ref) => {
   var _a;
@@ -106,7 +106,7 @@ const Pix = w((props, ref) => {
     var _a2;
     if (!sessionReady)
       return;
-    const { bill = {}, country, sessionMode } = (session == null ? void 0 : session.checkout) || {};
+    const { country, sessionMode, bill = {} } = (session == null ? void 0 : session.checkout) || {};
     setSecurity(sessionMode !== SessionMode.HOSTED);
     (_a2 = SFPRef.current) == null ? void 0 : _a2.reload();
     country && addressCore.setCountry(country);
@@ -177,20 +177,20 @@ const Pix = w((props, ref) => {
     );
   };
   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 ErrorMessage = () => {
     return /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { content: errorMessage }) });
   };
   const Address = () => {
-    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u(
       AddressField,
       {
         ref: addressFieldRef,
@@ -198,7 +198,7 @@ const Pix = w((props, ref) => {
         onChange: (value) => setForm(Object.assign(form, { address: value })),
         disabled
       }
-    ) }) });
+    ) });
   };
   return /* @__PURE__ */ u(
     CoreContext.Provider,
@@ -210,7 +210,7 @@ const Pix = w((props, ref) => {
       },
       children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
         showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.PIX }),
-        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+        /* @__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(
             SecuredFieldsProvider,
@@ -231,12 +231,12 @@ const Pix = w((props, ref) => {
                 var _a2, _b;
                 return (_b = (_a2 = core.config).onEvent) == null ? void 0 : _b.call(_a2, type, data);
               },
-              children: /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(CPFField, { disabled, ref: cpfFieldRef, security }) })
+              children: /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(CPFField, { disabled, ref: cpfFieldRef, security }) })
             }
           ),
           Address(),
           /* @__PURE__ */ u(Tip, { text: i18n.get("iofTip") }),
-          /* @__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/wallets/Satispay/Satispay.js

@@ -4,8 +4,9 @@ import { CoreContext } from "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./satispay2.js";
@@ -14,12 +15,11 @@ import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";
 import { Form } from "../../internal/Form/Form.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import { PaymentButton } from "../../PaymentButton/index.js";
 import { Info } from "../../internal/Info/Info.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("satispay");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.SATISPAY;
 const ALLOWED_COUNTRIES = [
   "AT",
@@ -109,9 +109,9 @@ const Satispay = w((props, ref) => {
   } = useBaseWallet(CURR_PAYMENT_METHOD, props, {
     getFormData: () => ({ ...form })
   });
-  const emailState = createEmailCore();
   const emailFieldRef = A(null);
   const addressCore = core.getAddressCore();
+  const emailState = createEmailCore();
   const addressFieldRef = A(null);
   const formRef = A(null);
   const [form, setForm] = h({
@@ -144,20 +144,20 @@ const Satispay = w((props, ref) => {
       await payment();
     });
   };
-  const Email = () => /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.email.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+  const Email = () => /* @__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 Address = () => {
     var _a;
     const mode = (fieldStatus == null ? void 0 : fieldStatus.address.show) ? (_a = core.config._checkoutConfig) == null ? void 0 : _a.addressMode : "country";
     return (
       // 这里没有判断 fieldStatus?.address.show，因为 Satispay 对国家有要求，直接用账单地址可能会失败
-      /* @__PURE__ */ u("div", { className: bem("address"), children: /* @__PURE__ */ u(
+      /* @__PURE__ */ u(
         AddressField,
         {
           ref: addressFieldRef,
@@ -167,7 +167,7 @@ const Satispay = w((props, ref) => {
           disabled,
           onChange: (value) => setForm(Object.assign(form, { address: value }))
         }
-      ) })
+      )
     );
   };
   const Button = () => /* @__PURE__ */ u(
@@ -183,10 +183,10 @@ const Satispay = w((props, ref) => {
   const ErrorMessage = () => /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { content: errorMessage }) });
   return /* @__PURE__ */ u(CoreContext.Provider, { value: { i18n, session, core }, children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
     showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.SATISPAY }),
-    /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+    /* @__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(),
       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/wallets/ShopeePay/ShopeePay.js

@@ -4,11 +4,11 @@ import { CoreContext } from "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
-import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
+import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PAY_FORM_CLASS_NAME, PAY_FORM_FOOTER_CLASS_NAME } from "../../../constant.js";
 import "../../../out/fraud-detection.js";
+import "../../../core/logger.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
-import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";
@@ -18,8 +18,8 @@ import { Info } from "../../internal/Info/Info.js";
 import "./shopee-pay.js";
 import { GuideCard } from "../../GuideCard/index.js";
 import { PaymentButton } from "../../PaymentButton/index.js";
+import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
 const { bem } = useBEM("shopee-pay");
-const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.SHOPEE_PAY;
 const ShopeePay = w((props, ref) => {
   const {
@@ -132,20 +132,20 @@ const ShopeePay = w((props, ref) => {
     );
   };
   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 ErrorMessage = () => {
     return /* @__PURE__ */ u(b, { children: !!errorMessage && /* @__PURE__ */ u(Info, { content: errorMessage }) });
   };
   const Address = () => {
-    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u("div", { className: fieldClassNames, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(b, { children: (fieldStatus == null ? void 0 : fieldStatus.address.show) && /* @__PURE__ */ u(
       AddressField,
       {
         ref: addressFieldRef,
@@ -153,7 +153,7 @@ const ShopeePay = w((props, ref) => {
         onChange: (value) => setForm(Object.assign(form, { address: value })),
         disabled
       }
-    ) }) });
+    ) });
   };
   return /* @__PURE__ */ u(
     CoreContext.Provider,
@@ -165,10 +165,10 @@ const ShopeePay = w((props, ref) => {
       },
       children: isEnabled && i18n.ready.value && /* @__PURE__ */ u("div", { className: core.theme.className, children: [
         showGuideCard && /* @__PURE__ */ u(GuideCard, { type: PaymentCategory.SHOPEE_PAY }),
-        /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), children: [
+        /* @__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(),
           Address(),
-          /* @__PURE__ */ u("div", { className: bem("footer-wrapper"), children: [
+          /* @__PURE__ */ u("div", { className: PAY_FORM_FOOTER_CLASS_NAME, children: [
             ErrorMessage(),
             !hidePaymentButton && Button()
           ] })