@paykka/card-checkout-ui 0.9.2 → 0.11.2

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

@@ -371,6 +371,7 @@ const FieldIframe = (props) => {
       value: value.current,
       fieldType: props.fieldType
     };
+    console.log(hiddenIframe, props.hiddenIframeName);
     postMessageToIframe(validWithValueData, hiddenIframe, cdnOrigin);
   };
   const sendActivatedMessage = () => {
@@ -409,6 +410,7 @@ const HiddenIframe = () => {
   const onReceiveMessage = async (event) => {
     const { data } = event;
     const parsedData = safeParse(data);
+    console.log(parsedData);
     if (!Reflect.has(parsedData, "action")) {
       return;
     }
@@ -417,22 +419,50 @@ const HiddenIframe = () => {
       switch (feedbackData.fieldType) {
         case EFieldType.CVV: {
           formData.cvv = feedbackData.value;
+          setMessageList([
+            ...messageList,
+            {
+              name: "CVV",
+              label: `收到值：${feedbackData.value}`
+            }
+          ]);
           break;
         }
         case EFieldType.CARD_NUMBER: {
           formData.cardNo = trimAll(feedbackData.value);
+          setMessageList([
+            ...messageList,
+            {
+              name: "卡号",
+              label: `收到值：${feedbackData.value}`
+            }
+          ]);
           break;
         }
         case EFieldType.EXPIRE_DATE: {
           const [expMonth, expYear] = feedbackData.value.split("/");
           formData.expMonth = expMonth;
           formData.expYear = `20${expYear}`;
+          setMessageList([
+            ...messageList,
+            {
+              name: "卡有效期",
+              label: `收到值：${feedbackData.value}`
+            }
+          ]);
           break;
         }
       }
     } else if (parsedData.action === MessageAction.PAYMENT) {
       const feedbackData = parsedData;
       pay(feedbackData.formData, feedbackData.locale, feedbackData.extraParams);
+      setMessageList([
+        ...messageList,
+        {
+          name: "表单组件",
+          label: `进行支付，${JSON.stringify(formData || {})}`
+        }
+      ]);
     } else if (parsedData.action === MessageAction.ENCRYPT_CARD) {
       const feedbackData = parsedData;
       try {
@@ -442,9 +472,14 @@ const HiddenIframe = () => {
         console.log("error", error);
         sendCardEncryptionFailedMessage(error);
       }
+    } else if (parsedData.action === MessageAction.DEBUG_MODE) {
+      console.log("hidden iframe 开启测试模式");
     }
   };
-  window.addEventListener("message", onReceiveMessage);
+  y(() => {
+    console.log("hidden iframe 加载完成");
+    window.addEventListener("message", onReceiveMessage);
+  }, []);
   const pay = (params, locale, extraParams) => {
     cardPay(
       {
@@ -510,7 +545,24 @@ const HiddenIframe = () => {
   y(() => {
     sendHiddenIframeReadyMessage();
   }, []);
-  return /* @__PURE__ */ u(b, {});
+  const [messageList, setMessageList] = h([]);
+  const messageListRef = A(null);
+  y(() => {
+    if (messageListRef.current) {
+      messageListRef.current.scrollTop = messageListRef.current.scrollHeight;
+    }
+  }, [messageList]);
+  return /* @__PURE__ */ u(b, { children: /* @__PURE__ */ u("div", { style: "width: 100%; height: 100%; overflow-y: auto", ref: messageListRef, children: messageList.map((message) => /* @__PURE__ */ u("div", { style: { fontSize: "18px", marginBottom: "4px" }, children: [
+    /* @__PURE__ */ u("span", { style: { color: "#4f43df" }, children: [
+      "[",
+      message.name,
+      "]"
+    ] }),
+    /* @__PURE__ */ u("span", { children: [
+      ": ",
+      message.label
+    ] })
+  ] })) }) });
 };
 const SecuredIframe = () => {
   const [fieldIframeConfig, setFieldIframeConfig] = h();

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

@@ -29,7 +29,7 @@ const Sepa = w((props, ref) => {
   const { session } = props;
   let addressState = createAddressCore();
   let emailState = createEmailCore();
-  const { i18n, sessionReady } = usePayState(session);
+  const { i18n, sessionReady } = usePayState(session, props.core);
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const formRef = A(null);

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

@@ -57,7 +57,9 @@ const ShopeePay = w((props, ref) => {
       if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
         return;
       setForm(Object.assign(form, { email: emailState.email }));
+      form.email = emailState.email;
       (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
+      validateForm();
     },
     payment: () => {
       hidePaymentButton && onSubmit();
@@ -68,7 +70,7 @@ const ShopeePay = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({

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

@@ -4,6 +4,7 @@ import "../../core/context.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../utils/format.js";
+import "../../api/http.js";
 import enGB from "../../i18n/locales/en-GB.js";
 import { Button } from "../internal/Button/Button.js";
 import { IconSafe } from "../internal/icons/IconSafe.js";

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

@@ -57,7 +57,9 @@ const TNGWallet = w((props, ref) => {
       if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
         return;
       setForm(Object.assign(form, { email: emailState.email }));
+      form.email = emailState.email;
       (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
+      validateForm();
     },
     payment: () => {
       hidePaymentButton && onSubmit();
@@ -68,7 +70,7 @@ const TNGWallet = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({

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

@@ -2,6 +2,7 @@ import { h, A, T, y, u } from "../../core.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
+import "../../api/http.js";
 import { Modal } from "../internal/Modal/Modal.js";
 import "../internal/Button/button2.js";
 import { useBEM } from "../../hooks/useBEM.js";

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

@@ -49,7 +49,7 @@ const WechatPay = w((props, ref) => {
       (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
     }
   }));
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({

package/dist/es/components/business/QRCodeModal/QRCodeModal.js

@@ -1,6 +1,7 @@
 import { u, b } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../api/http.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { formatAmount } from "../../../utils/format.js";

package/dist/es/components/business/QRCodeModal/index.js

@@ -2,5 +2,6 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";
 import "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";

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

@@ -2,5 +2,6 @@ import "../../core.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
+import "../../api/http.js";
 import "../internal/Modal/Modal.js";
 import "./QRCodeModal/qr-code-modal.js";

package/dist/es/components/index.js

@@ -6,6 +6,7 @@ import "./CardBrands/index.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core/context.js";
+import "../api/http.js";
 import "./CardExpireDateField/index.js";
 import "./internal/Form/type.js";
 import "./internal/Form/context.js";

package/dist/es/components/internal/Accordion/index.js

@@ -4,4 +4,5 @@ import "./accordion2.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";
 import "../../AccordionItem/AccordionItem.js";

package/dist/es/components/internal/Button/Button.js

@@ -6,6 +6,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
+import "../../../api/http.js";
 const { bem } = useBEM("button");
 function Button(props) {
   const { style, className, children, icon, loading, disabled, dashed } = props;

package/dist/es/components/internal/Button/index.js

@@ -3,3 +3,4 @@ import "./button2.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";

package/dist/es/components/internal/CheckBox/CheckBox.js

@@ -5,6 +5,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
+import "../../../api/http.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 import { IconChecked } from "../icons/iconChecked.js";
 const { bem } = useBEM("check-box");

package/dist/es/components/internal/CheckBox/index.js

@@ -3,3 +3,4 @@ import "./check-box.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";

package/dist/es/components/internal/Form/type.js

@@ -3,6 +3,7 @@ import "../../../core.js";
 import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
+import "../../../api/http.js";
 const formItemBEM = useBEM("form-item");
 const formItemLabelClassName = formItemBEM.bem("label");
 const formItemErrorMessageClassName = formItemBEM.bem("error-text");

package/dist/es/components/internal/Info/Info.js

@@ -6,6 +6,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
+import "../../../api/http.js";
 import { IconError } from "../icons/IconError.js";
 const { bem } = useBEM("info");
 const iconMap = {

package/dist/es/components/internal/Info/index.js

@@ -3,3 +3,4 @@ import "./info2.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";

package/dist/es/components/internal/Input/type.js

@@ -3,6 +3,7 @@ import "../../../core.js";
 import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
+import "../../../api/http.js";
 const inputBEM = useBEM("input");
 const inputWrapperClassName = inputBEM.bem("input-wrapper");
 export {

package/dist/es/components/internal/LoadingCheck/LoadingCheck.js

@@ -7,6 +7,7 @@ import { isUndefined } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass, normalizedStyle } from "../../../utils/format.js";
+import "../../../api/http.js";
 const SIZE = 40;
 const SVG_VIEW_BOX = `0 0 ${SIZE} ${SIZE}`;
 const CIRCLE_STROKE_WIDTH = 3.3;

package/dist/es/components/internal/LoadingCheck/index.js

@@ -3,3 +3,4 @@ import "./loading-check.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";

package/dist/es/components/internal/Modal/Modal.js

@@ -1,6 +1,7 @@
 import { w, h, T, u, b, P } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../api/http.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "./modal2.js";

package/dist/es/components/internal/QRCode/QRCode.js

@@ -4,6 +4,7 @@ import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../../utils/format.js";
+import "../../../api/http.js";
 import { COMMON_CLASS_NAME } from "../../../constant.js";
 const { bem } = useBEM("qr-code");
 const QRCode = ({ value, size, className, style }) => {

package/dist/es/components/internal/QRCode/index.js

@@ -2,3 +2,4 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
+import "../../../api/http.js";

package/dist/es/components/internal/Select/Select.js

@@ -4,6 +4,7 @@ import "../../../core/context.js";
 import { isNil } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
+import "../../../api/http.js";
 import "../Form/type.js";
 import { FormItemContext } from "../Form/context.js";
 import "../Form/FormItem.js";
@@ -37,22 +38,23 @@ const Select = w((props, ref) => {
     if (props.renderLabel) {
       return;
     }
-    if (isNil(inputValue) || inputValue === "") {
+    const isEmpty = isNil(inputValue) || inputValue === "";
+    setDoFilter(!isEmpty);
+    if (isEmpty) {
       setSelectOptions(props.options);
-      setDoFilter(false);
-      return;
+    } else {
+      const matchedOptions = props.options.filter((item) => {
+        return item.label.toLowerCase().includes(inputValue.toLowerCase());
+      });
+      setSelectOptions(matchedOptions);
     }
-    setDoFilter(true);
-    const filter = props.options.filter((item) => {
-      return item.label.toLowerCase().includes(inputValue.toLowerCase());
-    });
-    setSelectOptions(filter);
   }, [inputValue]);
   F(ref, () => ({
     blur: () => {
-      setIsFocus(false);
+      var _a, _b;
       setDropMenuVisible(false);
       setIsInputChange(false);
+      (_b = (_a = inputRef.current) == null ? void 0 : _a.input) == null ? void 0 : _b.blur();
     }
   }));
   function findItemByValue(value2, options) {

package/dist/es/components/internal/Select/SelectMenu.js

@@ -4,6 +4,7 @@ import { useBEM } from "../../../hooks/useBEM.js";
 import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
+import "../../../api/http.js";
 const { bem } = useBEM("select");
 function SelectMenu(props) {
   const { style, children } = props;

package/dist/es/components/internal/Select/SelectMenuItem.js

@@ -5,6 +5,7 @@ import "../../../core/context.js";
 import { isFunction } from "../../../utils/is.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
+import "../../../api/http.js";
 import { IconTick } from "../icons/IconTick.js";
 const { bem } = useBEM("select");
 function SelectMenuItem(props) {

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

@@ -62,7 +62,9 @@ const GCash = w((props, ref) => {
       if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
         return;
       setForm(Object.assign(form, { email: emailState.email }));
+      form.email = emailState.email;
       (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
+      validateForm();
     },
     payment: () => {
       hidePaymentButton && onSubmit();
@@ -73,7 +75,7 @@ const GCash = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({
@@ -123,12 +125,14 @@ const GCash = w((props, ref) => {
   }, [sessionReady]);
   const processOnError = (error) => {
     var _a2;
+    setShowQRCodeModal(false);
     (_a2 = props.onError) == null ? void 0 : _a2.call(props, error);
     core.resetEnablePaymentMethod();
   };
   const onTimeout = q(
     (message) => {
       var _a2;
+      setShowQRCodeModal(false);
       setErrorMsg(message || i18n.get("common.payTimeout"));
       setSubmitButtonStatus("unSubmit");
       (_a2 = props.onTimeout) == null ? void 0 : _a2.call(props);
@@ -138,7 +142,10 @@ const GCash = w((props, ref) => {
   );
   const { start: startReFetchPayInfo, stop: stopReFetchPayInfo } = useRetry(
     (timeout) => pay(true, timeout),
-    { onTimeout: () => onTimeout(i18n.get("common.queryTimeout")) }
+    {
+      timeout: 10 * 60 * 1e3,
+      onTimeout: () => onTimeout(i18n.get("common.queryTimeout"))
+    }
   );
   const getPaymentParams = async () => {
     return {
@@ -172,6 +179,7 @@ const GCash = w((props, ref) => {
           setSubmitButtonStatus("unSubmit");
           return { end: true };
         } else if (orderStatus === "SUCCESS") {
+          setShowQRCodeModal(false);
           setSubmitButtonStatus("success");
           (_b2 = props.onSuccess) == null ? void 0 : _b2.call(props);
           return { end: true };
@@ -195,9 +203,9 @@ const GCash = w((props, ref) => {
                   expiredTime: paymentExpiredAt
                 });
               }
+              startReFetchPayInfo();
             }
           }
-          startReFetchPayInfo();
           return { end: false };
         } else if (orderStatus === "CANCELED") {
           setSubmitButtonStatus("unSubmit");
@@ -206,10 +214,12 @@ const GCash = w((props, ref) => {
           return { end: true };
         }
       } else if (status === "SUCCESS") {
+        setShowQRCodeModal(false);
         setSubmitButtonStatus("success");
         (_d2 = props.onSuccess) == null ? void 0 : _d2.call(props);
         return { end: true };
       } else if (status === "EXPIRED") {
+        setShowQRCodeModal(false);
         setSubmitButtonStatus("unSubmit");
         (_e2 = props.onExpired) == null ? void 0 : _e2.call(props);
         return { end: true };
@@ -261,10 +271,12 @@ const GCash = w((props, ref) => {
     });
   };
   const handleCloseQRCodeModal = () => {
+    var _a2;
     setSubmitButtonStatus("unSubmit");
     stopReFetchPayInfo();
     setShowQRCodeModal(false);
     setQrCodeInfo(void 0);
+    (_a2 = props.onCloseModal) == null ? void 0 : _a2.call(props);
   };
   const setFormRef = (dom) => {
     formRef.current = dom;

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

@@ -58,7 +58,9 @@ const Paymaya = w((props, ref) => {
       if (!(fieldStatus == null ? void 0 : fieldStatus.email.show))
         return;
       setForm(Object.assign(form, { email: emailState.email }));
+      form.email = emailState.email;
       (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
+      validateForm();
     },
     payment: () => {
       hidePaymentButton && onSubmit();
@@ -69,7 +71,7 @@ const Paymaya = w((props, ref) => {
   const addressFieldRef = A(null);
   const emailFieldRef = A(null);
   const [isCheckoutEnabled, setIsCheckoutEnabled] = h(false);
-  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session);
+  const { setErrorMsg, i18n, errorMsg, sessionReady } = usePayState(session, props.core);
   const [submitButtonStatus, setSubmitButtonStatus] = h("unSubmit");
   const formRef = A(null);
   const [form, setForm] = h({

package/dist/es/core/PayKKaCheckout.js

@@ -28,6 +28,7 @@ import { Session } from "./Session.js";
 import { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCheckoutConfig, setCustomLocale } from "../config.js";
 import { PayKKaError } from "./error.js";
 import { apiEnv, cdnEnv, fraudDetectionEnv } from "./environment.js";
+import "../api/http.js";
 import { isEmptyObject } from "../utils/is.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
@@ -59,7 +60,7 @@ class PayKKaCheckout {
     this.initOtherData();
   }
   initSession() {
-    const { sessionId, clientKey, onPaymentMethodsReady, onInitError } = __privateGet(this, _config);
+    const { sessionId, clientKey, onPaymentMethodsReady, onInitError, onSuccess } = __privateGet(this, _config);
     if (!sessionId) {
       onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "SessionId is required"));
       return;
@@ -71,7 +72,11 @@ class PayKKaCheckout {
         onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "Checkout is empty"));
         return;
       }
-      const { paymentMethod = [] } = ((_b = __privateGet(this, _session)) == null ? void 0 : _b.checkout) || {};
+      const { paymentMethod = [], status } = ((_b = __privateGet(this, _session)) == null ? void 0 : _b.checkout) || {};
+      if (status === "SUCCESS") {
+        onSuccess == null ? void 0 : onSuccess({});
+        return;
+      }
       onPaymentMethodsReady == null ? void 0 : onPaymentMethodsReady(paymentMethod);
     }).catch((error) => {
       onInitError == null ? void 0 : onInitError(error);

package/dist/es/core/index.js

@@ -2,3 +2,4 @@ import "./context.js";
 import "../core.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../api/http.js";

package/dist/es/core/query.js

@@ -1,7 +1,6 @@
+import "../api/http.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
-import "../core.js";
-import "./context.js";
 import { onceGetCheckoutInfo } from "../api/modules/checkout/index.js";
 const querySession = async ({ sessionId, clientKey }, options) => {
   return onceGetCheckoutInfo({ sessionId, clientKey }, options);

package/dist/es/hooks/index.js

@@ -2,3 +2,4 @@ import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core.js";
 import "../core/context.js";
+import "../api/http.js";

package/dist/es/hooks/useI18n.js

@@ -2,6 +2,7 @@ import { x, h } from "../core.js";
 import { CoreContext } from "../core/context.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
+import "../api/http.js";
 import { I18n } from "../i18n/I18n.js";
 function useI18n(locale) {
   const coreContext = x(CoreContext);

package/dist/es/hooks/usePayState.js

@@ -5,7 +5,7 @@ import { customLocale, fraudDetectionEnv } from "../config.js";
 import "../utils/card-brand/brands.js";
 import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
 import { getRealLocale } from "../i18n/util.js";
-function usePayState(session) {
+function usePayState(session, core) {
   const [validated, setValidated] = h(false);
   const [errorMsg, setErrorMsg] = h("");
   const [sessionReady, setSessionReady] = h(false);
@@ -19,7 +19,12 @@ function usePayState(session) {
         customLocale || ((_a = session.checkout) == null ? void 0 : _a.locale) || getBrowserInfo().language
       );
       i18n.load(locale);
-      const fraudDetection2 = getFraudDetectionInstance(fraudDetectionEnv);
+      const fraudDetection2 = getFraudDetectionInstance(fraudDetectionEnv, void 0, {
+        onEvent: (type) => {
+          var _a2, _b;
+          (_b = core == null ? void 0 : (_a2 = core.config).onEvent) == null ? void 0 : _b.call(_a2, type);
+        }
+      });
       setFraudDetection(fraudDetection2);
       fraudDetection2 == null ? void 0 : fraudDetection2.createFraudDetection();
     });

package/dist/es/i18n/locales/index.js

@@ -1,5 +1,5 @@
 const getLocales = () => {
-  return Object.entries(/* @__PURE__ */ Object.assign({ "./de-DE.ts": () => import("./de-DE.js"), "./en-GB.ts": () => import("./en-GB.js"), "./es-ES.ts": () => import("./es-ES.js"), "./fr-FR.ts": () => import("./fr-FR.js"), "./ja-JP.ts": () => import("./ja-JP.js"), "./ko-KR.ts": () => import("./ko-KR.js"), "./pt-PT.ts": () => import("./pt-PT.js"), "./ru-RU.ts": () => import("./ru-RU.js"), "./zh-CN.ts": () => import("./zh-CN.js"), "./zh-HK.ts": () => import("./zh-HK.js"), "./zh-TW.ts": () => import("./zh-TW.js") })).reduce((prev, [path, loader]) => {
+  return Object.entries(/* @__PURE__ */ Object.assign({ "./de-DE.ts": () => import("./de-DE.js"), "./en-GB.ts": () => import("./en-GB.js"), "./es-ES.ts": () => import("./es-ES.js"), "./fr-FR.ts": () => import("./fr-FR.js"), "./ja-JP.ts": () => import("./ja-JP.js"), "./ko-KR.ts": () => import("./ko-KR.js"), "./nl-NL.ts": () => import("./nl-NL.js"), "./pt-PT.ts": () => import("./pt-PT.js"), "./ru-RU.ts": () => import("./ru-RU.js"), "./zh-CN.ts": () => import("./zh-CN.js"), "./zh-HK.ts": () => import("./zh-HK.js"), "./zh-TW.ts": () => import("./zh-TW.js") })).reduce((prev, [path, loader]) => {
     const key = path.match(/\.\/(.+)\./)[1];
     prev[key] = loader;
     return prev;
@@ -12,6 +12,7 @@ var LocaleKey = /* @__PURE__ */ ((LocaleKey2) => {
   LocaleKey2["frFR"] = "fr-FR";
   LocaleKey2["jaJP"] = "ja-JP";
   LocaleKey2["koKR"] = "ko-KR";
+  LocaleKey2["nlNL"] = "nl-NL";
   LocaleKey2["ptPT"] = "pt-PT";
   LocaleKey2["ruRU"] = "ru-RU";
   LocaleKey2["zhCN"] = "zh-CN";