@paykka/card-checkout-ui 0.14.0 → 0.15.1

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -106,7 +106,9 @@ const Boost = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -137,10 +139,6 @@ const Boost = w((props, ref) => {
     ) }) });
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -148,8 +146,7 @@ const Boost = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -25,7 +25,7 @@ import "../../business/PhoneField/phone-field.js";
 import { IconGcashComplete } from "../../internal/icons/IconGcashComplete.js";
 import "../../business/Tooltip/tooltip2.js";
 import "../../business/BlikCodeField/blik-code-field.js";
-import "../../internal/Button/button2.js";
+import "../../internal/Button/button.js";
 import "../../internal/Modal/Modal.js";
 import "../../business/BlikConfirmModal/blik-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
@@ -123,7 +123,9 @@ const GCash = w((props, ref) => {
     (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
       var _a3;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -137,10 +139,6 @@ const GCash = w((props, ref) => {
     dom && validateFormSilently();
   };
   const Button = () => {
-    var _a2;
-    const transAmount = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -148,8 +146,7 @@ const GCash = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -66,11 +66,7 @@ const GrabPay = w((props, ref) => {
     stopRetry,
     getPaymentMethodContext
   } = useBaseWallet(CURR_PAYMENT_METHOD, props, {
-    getFormData: () => {
-      return {
-        ...form
-      };
-    }
+    getFormData: () => form
   });
   const addressCore = core.getAddressCore();
   const emailState = createEmailCore();
@@ -106,7 +102,9 @@ const GrabPay = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -116,10 +114,6 @@ const GrabPay = w((props, ref) => {
     });
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -127,8 +121,7 @@ const GrabPay = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME, PaymentType } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./ideal2.js";
@@ -27,7 +27,7 @@ import "../../business/PhoneField/config.js";
 import "../../business/PhoneField/phone-field.js";
 import "../../business/Tooltip/tooltip2.js";
 import "../../business/BlikCodeField/blik-code-field.js";
-import "../../internal/Button/button2.js";
+import "../../internal/Button/button.js";
 import "../../business/BlikConfirmModal/blik-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
 import { RecurringTip } from "../../RecurringTip/index.js";
@@ -122,7 +122,9 @@ const IDeal = w((props, ref) => {
     setErrorMessage("");
     (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
       var _a3;
-      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -153,10 +155,6 @@ const IDeal = w((props, ref) => {
     ) }) });
   };
   const Button = () => {
-    var _a2;
-    const transAmount = (_a2 = session == null ? void 0 : session.checkout) == null ? void 0 : _a2.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -164,8 +162,7 @@ const IDeal = w((props, ref) => {
         status: paymentButtonStatus,
         verified: validated,
         disabled,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -106,7 +106,9 @@ const LinePay = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -116,10 +118,6 @@ const LinePay = w((props, ref) => {
     });
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -127,8 +125,7 @@ const LinePay = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -105,7 +105,9 @@ const MayBankQRPay = w(
       (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
         var _a2;
         (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-        (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+        const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+        if (submitResult === false)
+          return;
         if (errors) {
           setPaymentButtonStatus("unSubmit");
           return;
@@ -119,10 +121,6 @@ const MayBankQRPay = w(
       dom && validateFormSilently();
     };
     const Button = () => {
-      var _a;
-      const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-      const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-      const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
       return /* @__PURE__ */ u(
         PaymentButton,
         {
@@ -130,8 +128,7 @@ const MayBankQRPay = w(
           status: paymentButtonStatus,
           disabled,
           verified: validated,
-          onClick: onSubmit,
-          children: text
+          onClick: onSubmit
         }
       );
     };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -104,7 +104,9 @@ const NinePay = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -118,10 +120,6 @@ const NinePay = w((props, ref) => {
     dom && validateFormSilently();
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -129,8 +127,7 @@ const NinePay = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount, limitedToNumber } from "../../../utils/format.js";
+import { normalizedClass, limitedToNumber } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./ovo2.js";
@@ -25,7 +25,7 @@ import "../../business/Tooltip/tooltip2.js";
 import "../../internal/Input/Input.js";
 import "../../internal/Input/type.js";
 import "../../business/BlikCodeField/blik-code-field.js";
-import "../../internal/Button/button2.js";
+import "../../internal/Button/button.js";
 import "../../business/BlikConfirmModal/blik-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
@@ -121,7 +121,9 @@ const OVO = w((props, ref) => {
     setErrorMessage("");
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -152,10 +154,6 @@ const OVO = w((props, ref) => {
     ) }) });
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -163,8 +161,7 @@ const OVO = w((props, ref) => {
         status: paymentButtonStatus,
         verified: validated,
         disabled,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -104,7 +104,9 @@ const OpayWallet = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -118,10 +120,6 @@ const OpayWallet = w((props, ref) => {
     dom && validateFormSilently();
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -129,8 +127,7 @@ const OpayWallet = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import "./p242.js";
@@ -27,7 +27,7 @@ import "../../business/PhoneField/config.js";
 import "../../business/PhoneField/phone-field.js";
 import "../../business/Tooltip/tooltip2.js";
 import "../../business/BlikCodeField/blik-code-field.js";
-import "../../internal/Button/button2.js";
+import "../../internal/Button/button.js";
 import "../../business/BlikConfirmModal/blik-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";
 import { DEFAULT_ADDRESS, AddressField } from "../../AddressField/index.js";
@@ -120,7 +120,9 @@ const P24 = w((props, ref) => {
     setErrorMessage("");
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -151,10 +153,6 @@ const P24 = w((props, ref) => {
     ) }) });
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -162,8 +160,7 @@ const P24 = w((props, ref) => {
         status: paymentButtonStatus,
         verified: validated,
         disabled,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -104,7 +104,9 @@ const PagaWallet = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -118,10 +120,6 @@ const PagaWallet = w((props, ref) => {
     dom && validateFormSilently();
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -129,8 +127,7 @@ const PagaWallet = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,9 +3,9 @@ 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 { normalizedClass, formatAmount } from "../../../utils/format.js";
+import { normalizedClass } from "../../../utils/format.js";
 import { PaymentMethod, PaymentCategory, COMMON_CLASS_NAME } from "../../../constant.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import { usePayState } from "../../../hooks/usePayState.js";
 import { useBaseWallet } from "../../../hooks/useBaseWallet.js";
 import { createEmailCore, EmailField } from "../../EmailField/EmailField.js";
@@ -104,7 +104,9 @@ const Paymaya = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       (fieldStatus == null ? void 0 : fieldStatus.address.show) && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext());
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors, getPaymentMethodContext()));
+      if (submitResult === false)
+        return;
       if (errors) {
         setPaymentButtonStatus("unSubmit");
         return;
@@ -118,10 +120,6 @@ const Paymaya = w((props, ref) => {
     dom && validateFormSilently();
   };
   const Button = () => {
-    var _a;
-    const transAmount = (_a = session == null ? void 0 : session.checkout) == null ? void 0 : _a.transAmount;
-    const amountText = (transAmount == null ? void 0 : transAmount.amount) ? formatAmount(transAmount).jointSymbol() : "";
-    const text = i18n.get("common.pay") + (amountText ? ` ${amountText}` : "");
     return /* @__PURE__ */ u(
       PaymentButton,
       {
@@ -129,8 +127,7 @@ const Paymaya = w((props, ref) => {
         status: paymentButtonStatus,
         disabled,
         verified: validated,
-        onClick: onSubmit,
-        children: text
+        onClick: onSubmit
       }
     );
   };