@paykka/card-checkout-ui 0.13.17 → 0.15.1

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

@@ -13,8 +13,7 @@ import { postMessageToIframe } from "../../utils/iframe.js";
 import { isTimeoutError } from "../../api/http.js";
 import { cardPay } from "../../api/modules/card/index.js";
 import { PaymentMethod } from "../../constant.js";
-import { pixPay } from "../../api/modules/pix/index.js";
-import { picPay } from "../../api/modules/pic-pay/index.js";
+import { walletPay } from "../../api/modules/wallet/index.js";
 import { encryptCard } from "../../api/modules/encrypted-card/index.js";
 const useSecuredInput = () => {
   let fieldType;
@@ -199,6 +198,7 @@ const FieldIframe = (props) => {
   const inputRef = A(null);
   const { initSecuredInput, getConfigByFieldType, getCurrCardBrand, cardBin, value, brand } = useSecuredInput();
   const [hasInit, setHasInit] = h(false);
+  const [disabled, setDisabled] = h(false);
   const inputId = "securedInput";
   const initInput = () => {
     initSecuredInput({
@@ -294,6 +294,11 @@ const FieldIframe = (props) => {
         processValidStatusChanged("error", error);
         sendValidateMessage("error");
       }
+    } else if (feedbackData.action === MessageAction.SET_CONFIG) {
+      const data2 = feedbackData;
+      if (data2.disabled !== void 0) {
+        setDisabled(data2.disabled);
+      }
     }
   };
   y(() => {
@@ -367,9 +372,8 @@ const FieldIframe = (props) => {
       checkoutId
     };
     postMessageToIframe(validData, window.parent);
-    if (status !== "success") {
+    if (status !== "success")
       return;
-    }
     sendValidWithValueMessage();
   };
   const sendValidWithValueMessage = () => {
@@ -405,7 +409,7 @@ const FieldIframe = (props) => {
       ref: inputRef,
       placeholder: props.placeholder,
       autocomplete: "off",
-      disabled: !hasInit
+      disabled: !hasInit || disabled
     }
   );
 };
@@ -419,49 +423,52 @@ const HiddenIframe = ({ checkoutId }) => {
     cpf: void 0
   };
   const onReceiveMessage = async (event) => {
-    const { data } = event;
-    const parsedData = safeParse(data);
-    if (!Reflect.has(parsedData, "action")) {
+    const { data, origin } = event;
+    const feedbackData = safeParse(data);
+    if (!Reflect.has(feedbackData, "action"))
       return;
-    }
-    if (parsedData.checkoutId !== checkoutId) {
+    if (feedbackData.checkoutId !== checkoutId)
       return;
-    }
-    if (parsedData.action === MessageAction.VALID_WITH_VALUE) {
-      const feedbackData = parsedData;
-      switch (feedbackData.fieldType) {
+    if (feedbackData.action === MessageAction.VALID_WITH_VALUE) {
+      const data2 = feedbackData;
+      switch (data2.fieldType) {
         case EFieldType.CVV: {
-          formData.cvv = feedbackData.value;
+          formData.cvv = data2.value;
           break;
         }
         case EFieldType.CARD_NUMBER: {
-          formData.cardNo = trimAll(feedbackData.value);
+          formData.cardNo = trimAll(data2.value);
           break;
         }
         case EFieldType.EXPIRE_DATE: {
-          const [expMonth, expYear] = feedbackData.value.split("/");
+          const [expMonth, expYear] = data2.value.split("/");
           formData.expMonth = expMonth;
           formData.expYear = `20${expYear}`;
           break;
         }
         case EInternalFieldType.CPF: {
-          formData.cpf = limitedToNumber(trimAll(feedbackData.value));
+          formData.cpf = limitedToNumber(trimAll(data2.value));
           break;
         }
       }
-    } else if (parsedData.action === MessageAction.PAYMENT) {
-      const feedbackData = parsedData;
-      pay(feedbackData.formData, feedbackData.locale, feedbackData.extraParams);
-    } else if (parsedData.action === MessageAction.ENCRYPT_CARD) {
-      const feedbackData = parsedData;
+    } else if (feedbackData.action === MessageAction.PAYMENT) {
+      const data2 = feedbackData;
+      pay(data2.formData, data2.locale, data2.extraParams);
+    } else if (feedbackData.action === MessageAction.ENCRYPT_CARD) {
+      const data2 = feedbackData;
       try {
-        const res = await encryptCard({ ...feedbackData, ...formData });
+        const res = await encryptCard({ ...data2, ...formData });
         sendCardEncryptedMessage(res);
       } catch (error) {
         console.log("error", error);
         sendCardEncryptionFailedMessage(error);
       }
-    }
+    } else if (feedbackData.action === MessageAction.DDC_CARD_BIN) {
+      if (origin !== cdnOrigin)
+        return;
+      sendDDCCardBinMessage(event.source);
+    } else
+      ;
   };
   y(() => {
     window.addEventListener("message", onReceiveMessage);
@@ -473,8 +480,8 @@ const HiddenIframe = ({ checkoutId }) => {
     };
     const paymentMethod = params.payment.paymentMethod;
     const payMap = {
-      [PaymentMethod.PIX]: pixPay,
-      [PaymentMethod.PIC_PAY]: picPay
+      [PaymentMethod.PIX]: walletPay,
+      [PaymentMethod.PIC_PAY]: walletPay
     };
     const payFn = payMap[paymentMethod] || cardPay;
     const data = {
@@ -500,6 +507,14 @@ const HiddenIframe = ({ checkoutId }) => {
       }
     });
   };
+  const sendDDCCardBinMessage = (target) => {
+    const data = {
+      action: MessageAction.DDC_CARD_BIN,
+      checkoutId,
+      bin: limitedToNumber(formData.cardNo).slice(0, 9)
+    };
+    postMessageToIframe(data, target);
+  };
   const sendAfterPaymentMessage = (response, requestInfo) => {
     const data = {
       action: MessageAction.AFTER_PAYMENT,
@@ -541,6 +556,7 @@ const HiddenIframe = ({ checkoutId }) => {
   const sendHiddenIframeReadyMessage = () => {
     const data = {
       action: MessageAction.HIDDEN_IFRAME_READY,
+      name: window.name,
       checkoutId
     };
     postMessageToIframe(data, window.parent);

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

@@ -4,13 +4,14 @@ import { CoreContext } from "../../core/context.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { normalizedClass, formatAmount, trimAll } from "../../utils/format.js";
+import { COMMON_CLASS_NAME, PaymentMethod } from "../../constant.js";
 import { formatPaymentResult } from "../../utils/payment.js";
 import { isTimeoutError } from "../../api/http.js";
-import { getBrowserParams } from "../../api/modules/get-browser-params.js";
-import { COMMON_CLASS_NAME, PaymentMethod } from "../../constant.js";
+import { buildPaymentParams } from "../../api/utils/index.js";
 import { getSepaPayInfo, sepaPay } from "../../api/modules/sepa/index.js";
+import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { PayKKaError } from "../../core/error.js";
-import "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import { usePayState } from "../../hooks/usePayState.js";
 import { useRetry } from "../../hooks/useRetry.js";
 import { AddressField } from "../AddressField/index.js";
@@ -133,7 +134,9 @@ const Sepa = w((props, ref) => {
     (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
       var _a2;
       requiredBill && addressCore.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors);
+      const submitResult = await ((_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors));
+      if (submitResult === false)
+        return;
       if (errors) {
         setSubmitButtonStatus("unSubmit");
         return;
@@ -183,7 +186,7 @@ const Sepa = w((props, ref) => {
     };
   };
   async function pay(search = false, timeout) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     try {
       const requestOptions = { locale: i18n.locale, timeout };
       let res = null;
@@ -199,8 +202,13 @@ const Sepa = w((props, ref) => {
           requestOptions
         );
       } else {
+        const paymentParams = await getPaymentParams();
         const extraParams = (_d = (_c = core.config)._getExtraParams) == null ? void 0 : _d.call(_c, "payment", PaymentMethod.SEPA_DEBIT);
-        res = await sepaPay(await getPaymentParams(), extraParams, requestOptions);
+        if ((_e = core.config._checkoutConfig) == null ? void 0 : _e.dynamicSessionId) {
+          await core.updateSessionId(buildPaymentParams(paymentParams, extraParams));
+          session.sessionId && (paymentParams.sessionId = session.sessionId);
+        }
+        res = await sepaPay(paymentParams, extraParams, requestOptions);
       }
       return processAfterPayment(res, search);
     } catch (error) {
@@ -214,7 +222,7 @@ const Sepa = w((props, ref) => {
       } else {
         const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
         setErrorMsg(message);
-        (_e = props.onError) == null ? void 0 : _e.call(props, new PayKKaError("API_ERROR", message, { code: error.code, cause: error }));
+        (_f = props.onError) == null ? void 0 : _f.call(props, new PayKKaError("API_ERROR", message, { code: error.code, cause: error }));
         setSubmitButtonStatus("unSubmit");
         return { end: true };
       }

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

@@ -1,12 +1,12 @@
 import { h, y, u } from "../../core.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
+import "../../out/fraud-detection.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { normalizedClass } from "../../utils/format.js";
 import "../../core/context.js";
-import "../../out/worldpay-jsc-origin.js";
-import { Button } from "../internal/Button/Button.js";
+import { Button } from "../internal/Button/Button2.js";
 import { IconSafe } from "../internal/icons/IconSafe.js";
 import { LoadingCheck } from "../internal/LoadingCheck/LoadingCheck.js";
 const { bem } = useBEM("submit-button");
@@ -51,7 +51,7 @@ const SubmitButton = (props) => {
       className: normalizedClass(bem({ success: status === "success" }), className),
       style,
       loading: status === "loading",
-      disabled: props.disabled || status === "success",
+      disabled: (props.disabled || status === "success") && status !== "loading",
       children: /* @__PURE__ */ u("span", { class: bem("text", { "not-verified": !props.verified }), children: content })
     }
   );

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

@@ -1,20 +1,23 @@
-import { h, A, x, T, y, u } from "../../core.js";
+import { h, A, x, T, y, u, b } from "../../core.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { CoreContext } from "../../core/context.js";
-import "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import { Modal } from "../internal/Modal/Modal.js";
-import "../internal/Button/button2.js";
+import "../internal/Button/button.js";
+import "../internal/Loading/loading.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
-import { safeParse } from "../../utils/index.js";
 import { cdnOrigin } from "../../config.js";
+import { safeParse } from "../../utils/index.js";
+import { useBreakpoints } from "../../hooks/useBreakpoints.js";
 import { MessageAction } from "../../types/message.js";
 import { ThreeDSEventType } from "../../types/event.js";
-import { useBreakpoints } from "../../hooks/useBreakpoints.js";
+import { noticeThreeDSOperate, ThreeDSAuthOperate } from "../../api/modules/threeDS/index.js";
 import { Icon3DSInfo } from "../internal/icons/Icon3DSInfo.js";
-import { Button } from "../internal/Button/Button.js";
+import { Button } from "../internal/Button/Button2.js";
 import { THREE_DS_IFRAME_NAME } from "../SecuredFieldsProvider/index.js";
+import { Loading } from "../internal/Loading/Loading2.js";
 const { bem } = useBEM("three-ds-auth");
 const ThreeDSAuth = (props) => {
   const {
@@ -28,26 +31,32 @@ const ThreeDSAuth = (props) => {
     checkoutId
   } = props;
   const breakpoints = useBreakpoints();
-  const [continueThreeDs, setContinueThreeDs] = h(false);
+  const [continueThreeDS, setContinueThreeDS] = h(false);
   const messageHandler = A();
   const iframeRef = A(null);
   const [iframeName] = h(`${THREE_DS_IFRAME_NAME}-${checkoutId}-${Date.now()}`);
+  const [iframeLoaded, setIframeLoaded] = h(false);
+  const innerChannelLoaded = A(false);
+  const authId = A(void 0);
   const { i18n } = useI18n();
   const { core } = x(CoreContext) ?? {};
-  const handleLastThreeDs = () => {
-    setContinueThreeDs(true);
+  const handleLastThreeDS = () => {
+    setContinueThreeDS(true);
   };
   const onChange = (status) => {
     var _a, _b;
     if (!status) {
       (_b = (_a = core == null ? void 0 : core.config) == null ? void 0 : _a.onEvent) == null ? void 0 : _b.call(_a, ThreeDSEventType.THREE_DS_CANCELLED);
       onClose == null ? void 0 : onClose();
+      console.log("onChange", innerChannelLoaded.current, authId.current);
+      if (innerChannelLoaded.current && authId.current) {
+        noticeThreeDSOperate(authId.current, ThreeDSAuthOperate.CANCEL);
+      }
     }
   };
   const modalWidth = T(() => {
-    if (!show) {
+    if (!show)
       return "0";
-    }
     return width || (breakpoints.smaller("sm") ? "90vw" : "600px");
   }, [show, width, breakpoints.matches]);
   y(() => {
@@ -62,16 +71,14 @@ const ThreeDSAuth = (props) => {
         window.removeEventListener("message", messageHandler.current);
       }
       messageHandler.current = (event) => {
-        var _a2, _b2, _c2, _d2;
+        var _a2, _b2, _c2, _d2, _e, _f;
         const { data, origin } = event;
-        if (origin !== cdnOrigin) {
+        if (origin !== cdnOrigin)
           return;
-        }
         const feedbackData = safeParse(data);
         console.log(feedbackData, checkoutId);
-        if (feedbackData.checkoutId !== checkoutId) {
+        if (feedbackData.checkoutId !== checkoutId)
           return;
-        }
         switch (feedbackData.action) {
           case MessageAction.CHECK_THREE_DS: {
             onClose == null ? void 0 : onClose();
@@ -79,13 +86,30 @@ const ThreeDSAuth = (props) => {
             break;
           }
           case MessageAction.THREE_DS_AUTH_LOADED: {
-            (_d2 = (_c2 = core == null ? void 0 : core.config) == null ? void 0 : _c2.onEvent) == null ? void 0 : _d2.call(_c2, ThreeDSEventType.THREE_DS_AUTH);
+            const data2 = feedbackData;
+            setIframeLoaded(true);
+            (_d2 = (_c2 = core == null ? void 0 : core.config) == null ? void 0 : _c2.onEvent) == null ? void 0 : _d2.call(_c2, ThreeDSEventType.THREE_DS_AUTH, {
+              status: data2.status
+            });
+            authId.current = data2.authId;
+            console.log("认证id", authId.current);
+            break;
+          }
+          case MessageAction.THREE_DS_INNER_CHANNEL_LOADED: {
+            (_f = (_e = core == null ? void 0 : core.config) == null ? void 0 : _e.onEvent) == null ? void 0 : _f.call(_e, ThreeDSEventType.THREE_DS_INNER_CHANNEL);
+            innerChannelLoaded.current = true;
+            console.log("innerChannelLoaded", innerChannelLoaded.current, authId.current);
+            if (authId.current) {
+              noticeThreeDSOperate(authId.current, ThreeDSAuthOperate.OPEN);
+            }
             break;
           }
         }
       };
       window.addEventListener("message", messageHandler.current);
     } else {
+      innerChannelLoaded.current = false;
+      setIframeLoaded(false);
       messageHandler.current && window.removeEventListener("message", messageHandler.current);
     }
   }, [show]);
@@ -101,18 +125,23 @@ const ThreeDSAuth = (props) => {
         maxHeight: "calc(100vh - 100px)",
         minWidth: "300px"
       },
-      children: /* @__PURE__ */ u("div", { className: bem("content"), children: !incomplete || continueThreeDs ? /* @__PURE__ */ u(
-        "iframe",
-        {
-          ref: iframeRef,
-          name: iframeName,
-          class: bem("three-ds-iframe"),
-          width: "100%",
-          height: "100%",
-          frameBorder: 0,
-          src: url
-        }
-      ) : /* @__PURE__ */ u("div", { className: bem("last-three-ds"), children: [
+      children: /* @__PURE__ */ u("div", { className: bem("content"), children: !incomplete || continueThreeDS ? /* @__PURE__ */ u(b, { children: [
+        !iframeLoaded && /* @__PURE__ */ u(Loading, { fixed: false, style: { position: "absolute" } }),
+        url && /* @__PURE__ */ u(
+          "iframe",
+          {
+            ref: iframeRef,
+            name: iframeName,
+            class: bem("three-ds-iframe"),
+            width: "100%",
+            height: "100%",
+            frameBorder: 0,
+            src: url,
+            style: { display: iframeLoaded ? "block" : "none" },
+            onLoad: () => setIframeLoaded(true)
+          }
+        )
+      ] }) : /* @__PURE__ */ u("div", { className: bem("last-three-ds"), children: [
         /* @__PURE__ */ u(Icon3DSInfo, { className: bem("last-three-ds-icon"), size: 60 }),
         /* @__PURE__ */ u("div", { className: bem("last-three-ds-title"), children: [
           /* @__PURE__ */ u("div", { children: i18n.get("threeDS.paymentIncomplete") }),
@@ -125,7 +154,7 @@ const ThreeDSAuth = (props) => {
               backgroundColor: theme == null ? void 0 : theme.payButtonBackgroundColor,
               color: theme == null ? void 0 : theme.payButtonTextColor
             },
-            onClick: handleLastThreeDs,
+            onClick: handleLastThreeDS,
             children: i18n.get("common.confirm")
           }
         ) })

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

@@ -3,7 +3,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 "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import { IconInfo } from "../internal/icons/IconInfo.js";
 const { bem } = useBEM("tip");
 function Tip(props) {

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

@@ -1,11 +1,11 @@
 import { x, h, y, u, b } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { normalizedClass, trimAll } from "../../../utils/format.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
 import "../../internal/Form/type.js";
 import { FormContext } from "../../internal/Form/context.js";
 import { FormItem } from "../../internal/Form/FormItem.js";

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

@@ -2,7 +2,7 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";

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

@@ -1,12 +1,12 @@
 import { u, b } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
 import { useBreakpoints } from "../../../hooks/useBreakpoints.js";
-import { Button } from "../../internal/Button/Button.js";
+import "../../../core/context.js";
+import { Button } from "../../internal/Button/Button2.js";
 import { Modal } from "../../internal/Modal/Modal.js";
 import "./blik-confirm-modal.js";
 import { IconPhone } from "../../internal/icons/IconPhone.js";

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

@@ -2,8 +2,8 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
-import "../../internal/Button/button2.js";
+import "../../../out/fraud-detection.js";
+import "../../internal/Button/button.js";
 import "../../internal/Modal/Modal.js";
 import "./blik-confirm-modal.js";
 import "../../internal/LoadingCheck/loading-check.js";

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

@@ -2,8 +2,8 @@ import { u } from "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../out/fraud-detection.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import { FormItem } from "../../internal/Form/FormItem.js";

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

@@ -2,7 +2,7 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";

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

@@ -1,11 +1,11 @@
 import { x, h, T, y, u } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { trimAll, normalizedClass } from "../../../utils/format.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
 import "../../internal/Form/type.js";
 import { FormContext, FormItemContext } from "../../internal/Form/context.js";
 import { FormItem } from "../../internal/Form/FormItem.js";
@@ -98,6 +98,7 @@ const PhoneField = (props) => {
             options: phoneList,
             filterable: false,
             inputClassName: bem("areaCode-input"),
+            disabled,
             onSelect: (v) => {
               formContext == null ? void 0 : formContext.setForm((prev) => ({ ...prev, areaCode: String(v) }));
             }

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

@@ -2,7 +2,7 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "../../internal/Form/type.js";
 import "../../internal/Form/context.js";
 import "../../internal/Form/FormItem.js";

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

@@ -1,13 +1,13 @@
 import { u, b } from "../../../core.js";
 import { useBEM } from "../../../hooks/useBEM.js";
 import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../out/fraud-detection.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import { formatAmount } from "../../../utils/format.js";
 import { formatTime } from "../../../utils/date.js";
-import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
 import { useBreakpoints } from "../../../hooks/useBreakpoints.js";
+import "../../../core/context.js";
 import { Modal } from "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";
 import { QRCode } from "../../internal/QRCode/QRCode.js";

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

@@ -2,6 +2,6 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "../../internal/Modal/Modal.js";
 import "./qr-code-modal.js";

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

@@ -3,7 +3,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 "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "./tooltip2.js";
 const Tooltip = (props) => {
   const { content, children } = props;

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

@@ -2,5 +2,5 @@ import "../../../core.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../out/worldpay-jsc-origin.js";
+import "../../../out/fraud-detection.js";
 import "./tooltip2.js";

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

@@ -2,7 +2,7 @@ import "../../core.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
-import "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import "../internal/Modal/Modal.js";
 import "./QRCodeModal/qr-code-modal.js";
 import "../internal/Form/type.js";
@@ -16,6 +16,6 @@ import "./PhoneField/config.js";
 import "./PhoneField/phone-field.js";
 import "./Tooltip/tooltip2.js";
 import "./BlikCodeField/blik-code-field.js";
-import "../internal/Button/button2.js";
+import "../internal/Button/button.js";
 import "./BlikConfirmModal/blik-confirm-modal.js";
 import "../internal/LoadingCheck/loading-check.js";

package/dist/es/components/index.js

@@ -1,12 +1,11 @@
 import "../style/index.js";
-import "./AliPay/index.js";
 import "./Card/index.js";
 import "../core.js";
 import "./CardBrands/index.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core/context.js";
-import "../out/worldpay-jsc-origin.js";
+import "../out/fraud-detection.js";
 import "./CardExpireDateField/index.js";
 import "./internal/Form/type.js";
 import "./internal/Form/context.js";
@@ -18,24 +17,23 @@ import "./CardNumberField/index.js";
 import "./CardSecurityCodeField/index.js";
 import "./CardSelector/index.js";
 import "./internal/Select/Select.js";
-import "./internal/Button/button2.js";
+import "./internal/Button/button.js";
 import "./CardNo/index.js";
 import "./SubmitButton/index.js";
 import "./internal/LoadingCheck/loading-check.js";
-import "./WechatPay/index.js";
 import "./ApplePay/index.js";
 import "./GooglePay/index.js";
 import "./Sepa/index.js";
 import "./EncryptedCard/index.js";
 import "./CombinedCardInfo/index.js";
 import "./DropIn/index.js";
-import "./Boost/index.js";
-import "./LinePay/index.js";
-import "./MayBankQRPay/index.js";
-import "./NinePay/index.js";
-import "./GrabPay/index.js";
-import "./TNGWallet/index.js";
-import "./ShopeePay/index.js";
+import "./wallets/Boost/Boost.js";
+import "./wallets/GrabPay/GrabPay.js";
+import "./wallets/LinePay/LinePay.js";
+import "./wallets/NinePay/NinePay.js";
+import "./wallets/MayBankQRPay/MayBankQRPay.js";
+import "./wallets/ShopeePay/ShopeePay.js";
+import "./wallets/TNGWallet/TNGWallet.js";
 import "./wallets/GCash/GCash.js";
 import "./wallets/Paymaya/Paymaya.js";
 import "./wallets/Zalopay/Zalopay.js";
@@ -51,3 +49,5 @@ import "./wallets/IDeal/IDeal.js";
 import "./wallets/Skrill/Skrill.js";
 import "./wallets/P24/P24.js";
 import "./wallets/Trustly/Trustly.js";
+import "./wallets/AliPay/AliPay.js";
+import "./wallets/WechatPay/WechatPay.js";