@paykka/card-checkout-ui 0.14.0 → 0.15.1

package/dist/es/api/http.js

@@ -4,7 +4,7 @@ import "../core.js";
 import { safeStringify } from "../utils/index.js";
 import { getFetch } from "./fetch.js";
 import { PayKKaError, EPayKKaError } from "../core/error.js";
-import "../out/worldpay-jsc-origin.js";
+import "../out/fraud-detection.js";
 import { getBrowserInfo } from "../utils/system-info/get-browser-info.js";
 const request = async (method, url, params, { timeout = 2e4, headers, locale } = {}) => {
   const abortController = new AbortController();

package/dist/es/api/index.js

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

package/dist/es/api/modules/checkout/index.js

@@ -1,7 +1,6 @@
 import { RequestCacheManager } from "../../../utils/request-cache-manager.js";
 import { apiPrefix } from "../../../config.js";
 import { http } from "../../http.js";
-import { getBrowserParams } from "../get-browser-params.js";
 import { checkoutMap } from "./map.js";
 const queryCheckout = async (params, extraParams = {}, options) => {
   return http.post(
@@ -9,8 +8,7 @@ const queryCheckout = async (params, extraParams = {}, options) => {
     {
       session_id: params.sessionId,
       client_key: params.clientKey,
-      ...extraParams,
-      browser: await getBrowserParams()
+      ...extraParams
     },
     options
   );

package/dist/es/api/modules/checkout/map.js

@@ -63,18 +63,25 @@ const checkoutMap = (res = {}) => {
   const { payment_methods, bill, tokens } = support_methods;
   const paymentMethodsInfo = formatPaymentMethodInfo(payment_methods);
   const sessionMode = res.session_mode === "HOST" ? "HOSTED" : res.session_mode;
+  const transAmount = {
+    currency: res.currency,
+    symbol: res.symbol,
+    default_fraction_digits: res.default_fraction_digits,
+    ...res.trans_amount
+  };
   return {
     country: res.country,
     merchantId: res.merchant_id,
     sessionId: res.session_id,
     clientKey: res.client_key,
     status: res.status,
-    transAmount: amountMap(res.trans_amount),
+    transAmount: amountMap(transAmount),
     expireTime: res.expire_time,
     paymentMethod: res.payment_method,
     // 兼容其他收银台，没有 session_mode 字段就默认 HOSTED
     sessionMode: sessionMode || "HOSTED",
-    merchantName: (_a = res.theme) == null ? void 0 : _a.merchant_name,
+    // 兼容其他收银台，没有 merchant_name 字段就默认主题中的 merchant_name
+    merchantName: res.merchant_name || ((_a = res.theme) == null ? void 0 : _a.merchant_name),
     returnUrl: res.return_url,
     cancelUrl: res.cancel_url,
     locale: res.locale,
@@ -104,6 +111,7 @@ const checkoutMap = (res = {}) => {
       billingAddressFilled: card.billing_address_filled
     })),
     storePaymentMethod: (_b = res.payment) == null ? void 0 : _b.store_payment_method,
+    // 对于 field 需要兜底，如果后端没有传字段，则默认需要展示
     field: {
       holderName: {
         show: !!(field == null ? void 0 : field.holder_name_display),
@@ -121,8 +129,8 @@ const checkoutMap = (res = {}) => {
     },
     amountBreakdown: formatAmountBreakdown(res.amount_breakdown),
     finishTime: res.utc_finish_time,
-    ...paymentMethodsInfo,
-    rawResponse: res
+    rawResponse: res,
+    ...paymentMethodsInfo
   };
 };
 export {

package/dist/es/api/modules/encrypted-card/index.js

@@ -1,8 +1,9 @@
-import { intersection } from "../../../utils/index.js";
+import { cardBrandCodes } from "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { intersection } from "../../../utils/array.js";
 import { http } from "../../http.js";
 import "../../../core.js";
 import { formatPaymentMethodInfo } from "../checkout/map.js";
-import { cardBrandCodes } from "../../../utils/card-brand/brands.js";
 const verifyClientKey = async (clientKey, merchantId, options) => {
   return http.post(
     "/frames/info",

package/dist/es/api/modules/get-browser-params.js

@@ -1,6 +1,6 @@
-import "../../utils/card-brand/brands.js";
-import { getBrowser } from "../../utils/system-info/index.js";
+import { getReferrer } from "../../utils/index.js";
 import { getFingerprint } from "../../utils/system-info/finger-print.js";
+import { getBrowser } from "../../utils/system-info/index.js";
 const getTerminalType = (deviceType) => {
   let terminalType = "WEB";
   const userAgent = window.navigator.userAgent.toLowerCase();
@@ -16,13 +16,12 @@ const getTerminalType = (deviceType) => {
   return terminalType;
 };
 const getBaseBrowserParams = async (params = {}) => {
-  var _a, _b;
   const { fraudDetectionId, origin } = params;
   const browser = await getBrowser();
   const terminalType = getTerminalType(browser.deviceType);
   return {
     origin: btoa(origin || window.location.origin),
-    referer: btoa(document.referrer || ((_b = (_a = window.frames) == null ? void 0 : _a.top) == null ? void 0 : _b.document.referrer) || ""),
+    referer: btoa(getReferrer()),
     user_agent: browser.userAgent,
     color_depth: browser.colorDepth,
     language: browser.language,
@@ -36,7 +35,7 @@ const getBaseBrowserParams = async (params = {}) => {
     terminal_type: terminalType,
     fraud_detection_id: fraudDetectionId,
     // 当前组件库版本（构建时由 define 注入）
-    app_version: "0.14.0"
+    app_version: "0.15.1"
   };
 };
 const getBrowserParams = async (params = {}) => {

package/dist/es/api/modules/index.js

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

package/dist/es/api/modules/map.js

@@ -22,9 +22,12 @@ const payResMap = (res) => {
     finishTime: res.utc_finish_time,
     payInfo: {
       threeDSUrl: (_a = res.authentication_result) == null ? void 0 : _a.authentication_url,
-      targetUrl: payInfo.payment_url || payInfo.request_url,
+      targetUrl: payInfo.request_url || payInfo.payment_url,
       requestMethod: payInfo.request_method,
       paymentExpiredAt: res == null ? void 0 : res.payment_expire_time,
+      action: payInfo.next_action,
+      qrCode: payInfo.qr_code || payInfo.payment_url,
+      requestData: payInfo.request_data,
       ...payInfo
     },
     rawResponse: res

package/dist/es/components/AccordionItem/AccordionItem.js

@@ -5,7 +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 "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import { AccordionContext } from "../internal/Accordion/type.js";
 import { accordionTransition } from "../internal/Accordion/accordionTransition.js";
 const { bem } = useBEM("accordion-item");

package/dist/es/components/AccountNameField/index.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/AddressField/index.js

@@ -6,8 +6,8 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
+import "../../out/fraud-detection.js";
 import { CoreContext } from "../../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/ApplePay/index.js

@@ -4,15 +4,16 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { parseE164, underscoreToUpperCamelCase } from "../../utils/format.js";
 import { ApplePayEventType } from "../../types/event.js";
+import { PaymentMethod, SessionMode } from "../../constant.js";
 import { deepMerge } from "../../utils/object.js";
 import { processPaymentStatus, formatPaymentResult } from "../../utils/payment.js";
-import { getBrowserParams } from "../../api/modules/get-browser-params.js";
-import { PaymentMethod, SessionMode } from "../../constant.js";
+import { buildPaymentParams } from "../../api/utils/index.js";
 import { getApplePayInfo, applePay, getMerchantSession } from "../../api/modules/apple-pay/index.js";
+import { getBrowserParams } from "../../api/modules/get-browser-params.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import "../../core/context.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 { Info } from "../internal/Info/Info.js";
@@ -154,9 +155,16 @@ const ApplePay = w((props) => {
       async () => {
         var _a, _b, _c, _d, _e;
         (_a = props.onLoad) == null ? void 0 : _a.call(props, true);
-        const envSupported = await getApplePayEnvSupported(
-          (_d = (_c = (_b = session == null ? void 0 : session.checkout) == null ? void 0 : _b.channelParams) == null ? void 0 : _c.applePay) == null ? void 0 : _d.merchantIdentifier
-        );
+        let envSupported = false;
+        try {
+          envSupported = await getApplePayEnvSupported(
+            (_d = (_c = (_b = session == null ? void 0 : session.checkout) == null ? void 0 : _b.channelParams) == null ? void 0 : _c.applePay) == null ? void 0 : _d.merchantIdentifier
+          );
+        } catch (error) {
+          onEvent == null ? void 0 : onEvent(ApplePayEventType.APPLE_PAY_ENV_CHECK_ERROR, {
+            message: error instanceof Error ? error.message : String(error)
+          });
+        }
         if (!envSupported) {
           onEvent == null ? void 0 : onEvent(ApplePayEventType.APPLE_PAY_CAN_NOT_USE);
         }
@@ -214,7 +222,7 @@ const ApplePay = w((props) => {
     };
   };
   async function pay(search = false, timeout, token, billingContact, shippingContact) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     setErrorMsg("");
     try {
       core.payment.currPaymentMethod.value = CURR_PAYMENT_METHOD;
@@ -232,16 +240,17 @@ const ApplePay = w((props) => {
           requestOptions
         );
       } else {
+        const paymentParams = await getPaymentParams(token, billingContact, shippingContact);
         const extraParams = (_d = (_c = core.config)._getExtraParams) == null ? void 0 : _d.call(_c, "payment", CURR_PAYMENT_METHOD);
-        res = await applePay(
-          await getPaymentParams(token, billingContact, shippingContact),
-          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 applePay(paymentParams, extraParams, requestOptions);
       }
       const { errorMessage, errorCode, sessionId } = res;
       sessionId && (session.sessionId = sessionId);
-      !search && ((_e = props.onSubmitResponse) == null ? void 0 : _e.call(props, res, getPaymentMethodContext()));
+      !search && ((_f = props.onSubmitResponse) == null ? void 0 : _f.call(props, res, getPaymentMethodContext()));
       let end = true;
       await processPaymentStatus(res, {
         onProcessing: async () => {
@@ -290,7 +299,7 @@ const ApplePay = w((props) => {
       } else {
         const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
         message && setErrorMsg(message);
-        (_f = props.onError) == null ? void 0 : _f.call(
+        (_g = props.onError) == null ? void 0 : _g.call(
           props,
           new PayKKaError("API_ERROR", message, { code: error.code, cause: error }),
           getPaymentMethodContext()
@@ -302,7 +311,7 @@ const ApplePay = w((props) => {
     }
   }
   const genApplePayRequest = () => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const checkout = session == null ? void 0 : session.checkout;
     const { applePay: applePay2 } = (checkout == null ? void 0 : checkout.channelParams) ?? {};
     const requiredBillingContactFields = [
@@ -311,25 +320,29 @@ const ApplePay = w((props) => {
     if (((_b = checkout == null ? void 0 : checkout.bill) == null ? void 0 : _b.billingAddressCollection) === "REQUIRED") {
       requiredBillingContactFields.push("postalAddress");
     }
+    const amount = (_c = core.payment) == null ? void 0 : _c.amount.value;
     return {
       merchantCapabilities: ["supports3DS"],
       countryCode: (applePay2 == null ? void 0 : applePay2.countryCode) ?? "",
       requiredBillingContactFields,
-      requiredShippingContactFields: (_c = applePayConfig.request) == null ? void 0 : _c.requiredShippingContactFields,
-      currencyCode: (checkout == null ? void 0 : checkout.transAmount.currency) ?? "",
-      supportedNetworks: ((_e = (_d = applePay2 == null ? void 0 : applePay2.supportedNetworks) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (item) => underscoreToUpperCamelCase(item))) ?? [],
+      requiredShippingContactFields: (_d = applePayConfig.request) == null ? void 0 : _d.requiredShippingContactFields,
+      currencyCode: (amount == null ? void 0 : amount.currency) ?? "",
+      supportedNetworks: ((_f = (_e = applePay2 == null ? void 0 : applePay2.supportedNetworks) == null ? void 0 : _e.map) == null ? void 0 : _f.call(_e, (item) => underscoreToUpperCamelCase(item))) ?? [],
       total: {
         label: (checkout == null ? void 0 : checkout.theme.merchantName) ?? "",
         type: "final",
-        amount: String(checkout == null ? void 0 : checkout.transAmount.amount)
+        amount: String((amount == null ? void 0 : amount.amount) || 0)
       }
     };
   };
-  const onApplePayButtonClicked = () => {
+  const onApplePayButtonClicked = async () => {
     var _a, _b;
     const { onEvent } = props.core.config;
     onEvent == null ? void 0 : onEvent(ApplePayEventType.APPLE_PAY_BUTTON_CLICKED);
-    (_a = props.onBtnClick) == null ? void 0 : _a.call(props);
+    const btnResult = await ((_a = props.onBtnClick) == null ? void 0 : _a.call(props));
+    if (btnResult === false) {
+      return;
+    }
     if (!ApplePaySession) {
       return;
     }

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

@@ -4,8 +4,8 @@ import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
 import { EInternalFieldType } from "../SecuredFieldsProvider/index.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/Card/index.js

@@ -1,13 +1,14 @@
 import { w, A, h, F, y, q, T, u, b } from "../../core.js";
 import { isTimeoutError } from "../../api/http.js";
-import { intersection } from "../../utils/index.js";
-import { defaultInputStyleConfig } from "../../types/index.js";
 import { getCardPayInfo, cardPay } from "../../api/modules/card/index.js";
+import { safeParse, safeStringify } from "../../utils/index.js";
+import { defaultInputStyleConfig } from "../../types/index.js";
+import { PaymentMethod, PaymentType, SessionMode, COMMON_CLASS_NAME, CardPaymentMethods } from "../../constant.js";
+import { buildPaymentParams } from "../../api/utils/index.js";
 import { getBrowserParams } from "../../api/modules/get-browser-params.js";
-import { PaymentMethod, PaymentType, SessionMode, CardPaymentMethods, COMMON_CLASS_NAME } from "../../constant.js";
 import { CoreContext } from "../../core/context.js";
 import { PayKKaError } from "../../core/error.js";
-import "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import { createPromise } from "../../utils/create-promise.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { usePayState } from "../../hooks/usePayState.js";
@@ -29,14 +30,19 @@ import { IconSwitch } from "../internal/icons/IconSwitch.js";
 import { Info } from "../internal/Info/Info.js";
 import { RecurringTip } from "../RecurringTip/index.js";
 import { EFieldType, SecuredFieldsProvider } from "../SecuredFieldsProvider/index.js";
-import { SubmitButton } from "../SubmitButton/index.js";
+import "../SubmitButton/index.js";
+import "../internal/Button/button.js";
+import "../internal/LoadingCheck/loading-check.js";
 import { ThreeDSAuth } from "../ThreeDS/index.js";
 import { CombinedCardInfo } from "../CombinedCardInfo/index.js";
+import { PaymentButton } from "../PaymentButton/index.js";
+import { intersection } from "../../utils/array.js";
+import { separateInputStyle } from "../../utils/style.js";
 import { cardBrandCodes } from "../../utils/card-brand/brands.js";
 import { findCardBrand } from "../../utils/card-brand/index.js";
-import { separateInputStyle } from "../../utils/style.js";
-import { normalizedClass, trimAll, limitedToNumber, formatAmount } from "../../utils/format.js";
+import { createUrlWithParams } from "../../utils/location.js";
 import { formatPaymentResult, processPaymentStatus } from "../../utils/payment.js";
+import { normalizedClass, trimAll, limitedToNumber } from "../../utils/format.js";
 const { bem } = useBEM("card");
 const fieldClassNames = bem("field");
 const CURR_PAYMENT_METHOD = PaymentMethod.BANKCARD;
@@ -115,8 +121,14 @@ const Card = w((props, ref) => {
   }));
   const initFieldStatus = () => {
     const { field, sessionMode } = session.checkout;
-    const { email, address, holderName } = field;
-    if (sessionMode === SessionMode.COMPONENT) {
+    const cpyField = safeParse(safeStringify(field));
+    const { email, address, holderName } = cpyField;
+    const { forceCustomFields = false } = core.config._checkoutConfig || {};
+    if (forceCustomFields) {
+      email.show = showEmail;
+      address.show = showAddress;
+      holderName.show = showHolderName;
+    } else if (sessionMode === SessionMode.COMPONENT) {
       if (email.disabled) {
         email.show = showEmail;
       }
@@ -128,7 +140,7 @@ const Card = w((props, ref) => {
         holderName.disabled = true;
       }
     }
-    setFieldStatus({ ...field });
+    setFieldStatus({ ...cpyField });
   };
   const initElementStyles = () => {
     if (!styles)
@@ -236,7 +248,9 @@ const Card = 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) {
         setSubmitButtonStatus("unSubmit");
         return;
@@ -301,7 +315,7 @@ const Card = w((props, ref) => {
     };
   };
   async function pay(search = false, timeout) {
-    var _a2, _b2, _c, _d, _e;
+    var _a2, _b2, _c, _d, _e, _f;
     try {
       core.payment.currPaymentMethod.value = CURR_PAYMENT_METHOD;
       const requestOptions = { locale: i18n.locale, timeout };
@@ -319,8 +333,12 @@ const Card = w((props, ref) => {
       } else {
         const paymentParams = await getPaymentParams();
         const extraParams = (_d = (_c = core.config)._getExtraParams) == null ? void 0 : _d.call(_c, "payment", CURR_PAYMENT_METHOD);
+        if ((_e = core.config._checkoutConfig) == null ? void 0 : _e.dynamicSessionId) {
+          await core.updateSessionId(buildPaymentParams(paymentParams, extraParams));
+          session.sessionId && (paymentParams.sessionId = session.sessionId);
+        }
         if (security) {
-          (_e = SFPRef.current) == null ? void 0 : _e.payment(paymentParams, extraParams);
+          (_f = SFPRef.current) == null ? void 0 : _f.payment(paymentParams, extraParams);
           return { end: true };
         } else {
           res = await cardPay(paymentParams, extraParams, requestOptions);
@@ -344,17 +362,18 @@ const Card = w((props, ref) => {
   }
   const processThreeDS = (threeDSUrl, incomplete) => {
     var _a2;
+    const finalUrl = createUrlWithParams(threeDSUrl, { locale: i18n.locale });
     if (enable3DSModal) {
       console.log("3ds open");
       setShowThreeDSModal(true);
       setThreeDSInfo({
-        url: threeDSUrl,
+        url: finalUrl,
         incomplete,
         width: threeDSFrame == null ? void 0 : threeDSFrame.modalWidth,
         height: threeDSFrame == null ? void 0 : threeDSFrame.modalHeight
       });
     } else {
-      (_a2 = props.onThreeDS) == null ? void 0 : _a2.call(props, threeDSUrl, incomplete);
+      (_a2 = props.onThreeDS) == null ? void 0 : _a2.call(props, finalUrl, incomplete);
     }
   };
   const handleCloseThreeDSModal = () => {
@@ -369,11 +388,7 @@ const Card = w((props, ref) => {
     const { threeDSUrl } = payInfo;
     sessionId && (session.sessionId = sessionId);
     if (!search) {
-      (_a2 = props.onSubmitResponse) == null ? void 0 : _a2.call(props, res, {
-        ...getPaymentMethodContext(),
-        orderId: res.orderId,
-        sessionId: session.sessionId
-      });
+      (_a2 = props.onSubmitResponse) == null ? void 0 : _a2.call(props, res, getPaymentMethodContext());
     }
     let end = true;
     await processPaymentStatus(res, {
@@ -434,21 +449,14 @@ const Card = w((props, ref) => {
     validateFormSilently();
   }, [form]);
   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(
-      SubmitButton,
+      PaymentButton,
       {
         className: bem("button"),
         status: submitButtonStatus,
         disabled,
-        text,
-        loadingText: i18n.get("common.payProcessing"),
-        successText: i18n.get("common.paySuccess"),
-        onClick: onSubmit,
-        verified: validated
+        verified: validated,
+        onClick: onSubmit
       }
     );
   };

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

@@ -3,7 +3,7 @@ import { COMMON_CLASS_NAME } from "../../constant.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import "../../core/context.js";
 import { clamp } from "../../utils/index.js";
-import "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 import { getSupportedCardBrands, getCardBrandInfo } from "../../utils/card-brand/index.js";
 import { normalizedClass } from "../../utils/format.js";
 const { bem } = useBEM("card-brands");

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

@@ -1,8 +1,8 @@
 import { w, A, F, h, u } from "../../core.js";
 import { isExpired } from "../../utils/index.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/CardHolderNameField/index.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/CardIBANField/index.js

@@ -1,8 +1,8 @@
 import { A, h, u } from "../../core.js";
 import { clamp } from "../../utils/index.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/CardNo/index.js

@@ -5,7 +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 "../../out/worldpay-jsc-origin.js";
+import "../../out/fraud-detection.js";
 const { bem } = useBEM("card-no");
 const CardNo = (props) => {
   const { value, className, style, disabled } = props;

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

@@ -1,8 +1,8 @@
 import { w, A, F, h, y, u } from "../../core.js";
 import { clamp } from "../../utils/index.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/CardSecurityCodeField/index.js

@@ -5,8 +5,8 @@ import "../../utils/system-info/get-browser-info.js";
 import { limitedToNumber } from "../../utils/format.js";
 import { EFieldType } from "../SecuredFieldsProvider/index.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/CardSelector/index.js

@@ -1,16 +1,16 @@
 import { A, h, y, u } from "../../core.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
+import "../../out/fraud-detection.js";
 import { finCardBrandInfoByCode } from "../../utils/card-brand/index.js";
 import "../../utils/system-info/get-browser-info.js";
 import "../../core/context.js";
-import "../../out/worldpay-jsc-origin.js";
 import "../internal/Form/type.js";
 import "../internal/Form/context.js";
 import { FormItem } from "../internal/Form/FormItem.js";
 import "../internal/Form/Form.js";
 import { Select } from "../internal/Select/Select.js";
-import { Button } from "../internal/Button/Button.js";
+import { Button } from "../internal/Button/Button2.js";
 import { CardNo } from "../CardNo/index.js";
 import { IconCardNo } from "../internal/icons/IconCardNo.js";
 import { IconSwitch } from "../internal/icons/IconSwitch.js";

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

@@ -12,8 +12,8 @@ import { trimAll } from "../../utils/format.js";
 import { IconCardNo } from "../internal/icons/IconCardNo.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { useI18n } from "../../hooks/useI18n.js";
+import "../../out/fraud-detection.js";
 import "../../core/context.js";
-import "../../out/worldpay-jsc-origin.js";
 const { bem } = useBEM("combined-card-info");
 const CombinedCardInfo = w(
   (props, ref) => {