@paykka/card-checkout-ui 0.6.0 → 0.8.0

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

@@ -0,0 +1,94 @@
+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 { Modal } from "../internal/Modal/Modal.js";
+import "../internal/Button/button2.js";
+import { useBEM } from "../../hooks/useBEM.js";
+import { useI18n } from "../../hooks/useI18n.js";
+import { MessageAction } from "../../types/message.js";
+import { cdnOrigin } from "../../config.js";
+import { safeParse } from "../../utils/index.js";
+import { useBreakpoints } from "../../hooks/useBreakpoints.js";
+import { Icon3DSInfo } from "../internal/icons/Icon3DSInfo.js";
+import { Button } from "../internal/Button/Button.js";
+const { bem } = useBEM("three-ds-auth");
+const ThreeDSAuth = (props) => {
+  const { show = false, onClose, url, incomplete = true, width, height = "72vh", theme } = props;
+  const breakpoints = useBreakpoints();
+  const [continueThreeDs, setContinueThreeDs] = h(false);
+  const messageHandler = A();
+  const iframeRef = A(null);
+  const { i18n } = useI18n();
+  const handleLastThreeDs = () => {
+    setContinueThreeDs(true);
+  };
+  const onChange = (status) => {
+    !status && (onClose == null ? void 0 : onClose());
+  };
+  const modalWidth = T(() => {
+    if (!show) {
+      return "0";
+    }
+    return width || (breakpoints.smaller("sm") ? "90vw" : "600px");
+  }, [show, width, breakpoints.matches]);
+  y(() => {
+    if (show) {
+      if (messageHandler.current) {
+        window.removeEventListener("message", messageHandler.current);
+      }
+      messageHandler.current = (event) => {
+        const { data, origin } = event;
+        if (origin !== cdnOrigin) {
+          return;
+        }
+        const feedbackData = safeParse(data);
+        switch (feedbackData.action) {
+          case MessageAction.CHECK_THREE_DS: {
+            onChange(false);
+            break;
+          }
+        }
+      };
+      window.addEventListener("message", messageHandler.current);
+    } else {
+      messageHandler.current && window.removeEventListener("message", messageHandler.current);
+    }
+  }, [show]);
+  return /* @__PURE__ */ u(
+    Modal,
+    {
+      show,
+      onChange,
+      width: modalWidth,
+      height,
+      style: {
+        maxWidth: "100vw",
+        maxHeight: "100vh",
+        minHeight: "500px",
+        minWidth: "350px"
+      },
+      children: /* @__PURE__ */ u("div", { className: bem("content"), children: !incomplete || continueThreeDs ? /* @__PURE__ */ u("iframe", { ref: iframeRef, width: "100%", height: "100%", frameBorder: 0, src: url }) : /* @__PURE__ */ u("div", { className: bem("last-three-ds"), children: [
+        /* @__PURE__ */ u(Icon3DSInfo, { size: 60 }),
+        /* @__PURE__ */ u("div", { className: bem("last-three-ds-title"), children: [
+          /* @__PURE__ */ u("div", { children: i18n.get("threeDS.paymentIncomplete") }),
+          /* @__PURE__ */ u("div", { children: i18n.get("threeDS.completeFirst") })
+        ] }),
+        /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(
+          Button,
+          {
+            style: {
+              backgroundColor: theme == null ? void 0 : theme.payButtonBackgroundColor,
+              color: theme == null ? void 0 : theme.payButtonTextColor
+            },
+            onClick: handleLastThreeDs,
+            children: i18n.get("common.confirm")
+          }
+        ) })
+      ] }) })
+    }
+  );
+};
+export {
+  ThreeDSAuth
+};

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

@@ -1,14 +1,13 @@
 import { w, A, F, h, y, q, u, b } from "../../core.js";
 import { isTimeoutError } from "../../api/http.js";
-import { PaymentType } from "../../constant.js";
+import { COMMON_CLASS_NAME, PaymentType } from "../../constant.js";
 import { isUndefined } from "../../utils/is.js";
 import "../../utils/card-brand/brands.js";
 import "../../utils/system-info/get-browser-info.js";
-import { formatAmount } from "../../utils/format.js";
+import { cssVarPrefix, normalizedClass, formatAmount } from "../../utils/format.js";
 import { getWechatPayInfo, wechatPay } from "../../api/modules/wechat-pay/index.js";
 import { CoreContext } from "../../core/context.js";
-import "../../i18n/util.js";
-import "../../i18n/locales/index.js";
+import { PayKKaError } from "../../core/error.js";
 import { createAddressCore } from "../../core/Address.js";
 import { useBEM } from "../../hooks/useBEM.js";
 import { usePayState } from "../../hooks/usePayState.js";
@@ -24,6 +23,8 @@ import { RecurringTip } from "../RecurringTip/index.js";
 import { SubmitButton } from "../SubmitButton/index.js";
 const { bem } = useBEM("wechat-pay");
 const WechatPay = w((props, ref) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const { session } = props;
   let addressState = createAddressCore();
   let emailState = createEmailCore();
   const emailFieldRef = A(null);
@@ -39,25 +40,24 @@ const WechatPay = w((props, ref) => {
       });
     },
     updateAddress: () => {
-      var _a;
+      var _a2;
       setForm(Object.assign(form, { address: addressState.getAddressState() }));
-      (_a = addressFieldRef.current) == null ? void 0 : _a.update(addressState.getAddressState());
+      (_a2 = addressFieldRef.current) == null ? void 0 : _a2.update(addressState.getAddressState());
     },
     updateEmail: () => {
-      var _a;
+      var _a2;
       setForm(Object.assign(form, { email: emailState.email }));
-      (_a = emailFieldRef.current) == null ? void 0 : _a.update(emailState.email);
+      (_a2 = emailFieldRef.current) == null ? void 0 : _a2.update(emailState.email);
     }
   }));
   const {
     setErrorMsg,
     setSubmitButtonStatus,
     i18n,
-    session,
     submitButtonStatus,
     errorMsg,
     sessionReady
-  } = usePayState();
+  } = usePayState(session);
   const formRef = A(null);
   const [form, setForm] = h({
     email: "",
@@ -76,8 +76,8 @@ const WechatPay = w((props, ref) => {
   const [requiredBill, setRequiredBill] = h(false);
   const addressFieldRef = A(null);
   function validateForm() {
-    var _a;
-    (_a = formRef.current) == null ? void 0 : _a.validate(void 0, false).then(() => {
+    var _a2;
+    (_a2 = formRef.current) == null ? void 0 : _a2.validate(void 0, false).then(() => {
       setValidated(true);
     }).catch(() => {
       setValidated(false);
@@ -87,11 +87,11 @@ const WechatPay = w((props, ref) => {
     validateForm();
   }, [form]);
   y(() => {
-    var _a;
+    var _a2;
     if (sessionReady) {
       if ((session == null ? void 0 : session.checkout.status) === "SUCCESS") {
         setSubmitButtonStatus("success");
-        (_a = props.onSuccess) == null ? void 0 : _a.call(props);
+        (_a2 = props.onSuccess) == null ? void 0 : _a2.call(props);
       }
       form.email = (session == null ? void 0 : session.checkout.bill.email) ?? "";
       disabledEmail.current = !!(session == null ? void 0 : session.checkout.bill.email);
@@ -102,10 +102,10 @@ const WechatPay = w((props, ref) => {
     }
   }, [sessionReady]);
   const onTimeout = q((message) => {
-    var _a;
+    var _a2;
     setErrorMsg(message || i18n.get("common.payTimeout"));
     setSubmitButtonStatus("unSubmit");
-    (_a = props.onTimeout) == null ? void 0 : _a.call(props, "retry");
+    (_a2 = props.onTimeout) == null ? void 0 : _a2.call(props, "retry");
   }, [i18n, props.onTimeout]);
   const { start: startReFetchPayInfo, stop: stopReFetchPayInfo } = useRetry(
     (timeout) => pay(true, timeout),
@@ -115,7 +115,7 @@ const WechatPay = w((props, ref) => {
     }
   );
   async function pay(search = false, timeout) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j;
     try {
       const res = search ? await getWechatPayInfo(
         {
@@ -138,31 +138,31 @@ const WechatPay = w((props, ref) => {
           } : {
             email: form.email
           },
-          channelUserId: await ((_a = props.onGetOpenId) == null ? void 0 : _a.call(props))
+          channelUserId: await ((_a2 = props.onGetOpenId) == null ? void 0 : _a2.call(props))
         },
         { locale: i18n.locale, timeout }
       );
-      const { status, orderStatus, errorMessage, payInfo } = res;
-      !search && ((_b = props.onSubmitResponse) == null ? void 0 : _b.call(props, res));
+      const { status, orderStatus, errorMessage, payInfo, errorCode } = res;
+      !search && ((_b2 = props.onSubmitResponse) == null ? void 0 : _b2.call(props, res));
       if (status === "PROCESSING") {
         if (!orderStatus) {
           setSubmitButtonStatus("unSubmit");
         } else if (orderStatus === "SUCCESS") {
           setSubmitButtonStatus("success");
-          (_c = props.onSuccess) == null ? void 0 : _c.call(props);
+          (_c2 = props.onSuccess) == null ? void 0 : _c2.call(props);
           return {
             end: true
           };
         } else if (orderStatus === "FAILURE") {
           setErrorMsg(errorMessage);
           setSubmitButtonStatus("unSubmit");
-          (_d = props.onError) == null ? void 0 : _d.call(props, "FAILURE");
+          (_d2 = props.onError) == null ? void 0 : _d2.call(props, new PayKKaError("API_ERROR", errorMessage, { code: errorCode }));
           return {
             end: true
           };
         } else if (orderStatus === "PROCESSING") {
           if (!search) {
-            await ((_e = props.onCallWxPayBox) == null ? void 0 : _e.call(props, payInfo));
+            await ((_e2 = props.onCallWxPayBox) == null ? void 0 : _e2.call(props, payInfo));
             startReFetchPayInfo();
           }
           return {
@@ -170,26 +170,26 @@ const WechatPay = w((props, ref) => {
           };
         } else if (orderStatus === "CANCELED") {
           setSubmitButtonStatus("unSubmit");
-          (_f = props.onTimeout) == null ? void 0 : _f.call(props, "channel");
+          (_f2 = props.onTimeout) == null ? void 0 : _f2.call(props, "channel");
           return {
             end: true
           };
         }
       } else if (status === "SUCCESS") {
         setSubmitButtonStatus("success");
-        (_g = props.onSuccess) == null ? void 0 : _g.call(props);
+        (_g2 = props.onSuccess) == null ? void 0 : _g2.call(props);
         return {
           end: true
         };
       } else if (status === "EXPIRED") {
         setSubmitButtonStatus("unSubmit");
-        (_h = props.onExpired) == null ? void 0 : _h.call(props);
+        (_h2 = props.onExpired) == null ? void 0 : _h2.call(props);
         return {
           end: true
         };
       }
       setSubmitButtonStatus("unSubmit");
-      (_i = props.onSuccess) == null ? void 0 : _i.call(props);
+      (_i2 = props.onSuccess) == null ? void 0 : _i2.call(props);
       return {
         end: true
       };
@@ -202,20 +202,21 @@ const WechatPay = w((props, ref) => {
           return { end: true };
         }
       } else {
-        setErrorMsg(error.i18nKey ? i18n.get(error.i18nKey) : error.message);
-        (_j = props.onError) == null ? void 0 : _j.call(props, error);
+        const message = error.i18nKey ? i18n.get(error.i18nKey) : error.message;
+        setErrorMsg(message);
+        (_j = props.onError) == null ? void 0 : _j.call(props, new PayKKaError("API_ERROR", message, { code: error.code, cause: error }));
         setSubmitButtonStatus("unSubmit");
         return { end: true };
       }
     }
   }
   async function onSubmit() {
-    var _a;
+    var _a2;
     setErrorMsg("");
-    (_a = formRef.current) == null ? void 0 : _a.validate(async (errors) => {
-      var _a2;
+    (_a2 = formRef.current) == null ? void 0 : _a2.validate(async (errors) => {
+      var _a3;
       requiredBill && addressState.setValidateAllFields(true);
-      (_a2 = props.onSubmit) == null ? void 0 : _a2.call(props, errors);
+      (_a3 = props.onSubmit) == null ? void 0 : _a3.call(props, errors);
       if (errors) {
         setSubmitButtonStatus("unSubmit");
         return;
@@ -228,9 +229,10 @@ const WechatPay = w((props, ref) => {
   const Button = () => {
     const { transAmount } = (session == null ? void 0 : session.checkout) ?? {};
     let { symbol = "", amount = "", digits } = transAmount ?? {};
+    let amountStr = "";
     if (amount && !isUndefined(digits))
-      amount = formatAmount(+amount, digits);
-    const text = i18n.get("common.pay") + (Number(amount) ? ` ${symbol}${amount}` : "");
+      amountStr = formatAmount(+amount, digits);
+    const text = i18n.get("common.pay") + (Number(amount) ? ` ${symbol}${amountStr}` : "");
     return /* @__PURE__ */ u(
       SubmitButton,
       {
@@ -249,6 +251,13 @@ const WechatPay = w((props, ref) => {
     formRef.current = dom;
     dom && validateForm();
   };
+  const formStyle = {
+    [cssVarPrefix("button-bg-color")]: (_a = session == null ? void 0 : session.colors) == null ? void 0 : _a.primary,
+    [cssVarPrefix("button-bg-color-hover")]: (_b = session == null ? void 0 : session.colors) == null ? void 0 : _b.primaryHover,
+    [cssVarPrefix("button-bg-color-active")]: (_c = session == null ? void 0 : session.colors) == null ? void 0 : _c.primaryActive,
+    [cssVarPrefix("button-text-color")]: (_e = (_d = session == null ? void 0 : session.checkout) == null ? void 0 : _d.theme) == null ? void 0 : _e.payButtonTextColor,
+    [cssVarPrefix("input-color")]: (_f = session == null ? void 0 : session.colors) == null ? void 0 : _f.primary
+  };
   return /* @__PURE__ */ u(
     CoreContext.Provider,
     {
@@ -256,7 +265,7 @@ const WechatPay = w((props, ref) => {
         i18n,
         session
       },
-      children: sessionReady && i18n.ready.value && /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: [
+      children: sessionReady && i18n.ready.value && /* @__PURE__ */ u(Form, { form, ref: setFormRef, onFormChange: (form2) => setForm(form2), children: /* @__PURE__ */ u("div", { className: normalizedClass(COMMON_CLASS_NAME, bem()), style: formStyle, children: [
         /* @__PURE__ */ u(
           EmailField,
           {
@@ -271,13 +280,14 @@ const WechatPay = w((props, ref) => {
           {
             ref: addressFieldRef,
             value: form.address,
+            country: ((_g = session == null ? void 0 : session.checkout) == null ? void 0 : _g.country) || ((_h = session == null ? void 0 : session.checkout) == null ? void 0 : _h.bill.country),
             onAddressChange: (value) => setForm(Object.assign(form, { address: value }))
           }
         ),
-        (session == null ? void 0 : session.checkout.paymentType) === PaymentType.RECURRING && RecurringTip(),
+        ((_i = session == null ? void 0 : session.checkout) == null ? void 0 : _i.paymentType) === PaymentType.RECURRING && RecurringTip(),
         !!errorMsg && /* @__PURE__ */ u(Info, { className: bem("error"), content: errorMsg }),
         Button()
-      ] })
+      ] }) })
     }
   );
 });

package/dist/es/components/index.js

@@ -6,8 +6,6 @@ import "./CardBrands/index.js";
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import "../core/context.js";
-import "../i18n/util.js";
-import "../i18n/locales/index.js";
 import "./CardExpireDateField/index.js";
 import "./internal/Form/type.js";
 import "./internal/Form/context.js";
@@ -28,4 +26,5 @@ import "./ApplePay/index.js";
 import "./GooglePay/index.js";
 import "./Sepa/index.js";
 import "./EncryptedCard/index.js";
-import "./CombinedEncryptedField/index.js";
+import "./CombinedCardInfo/index.js";
+import "./DropIn/index.js";

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

@@ -6,8 +6,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.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,5 +3,3 @@ import "./button2.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";

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

@@ -5,8 +5,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.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,5 +3,3 @@ import "./check-box.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";

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

@@ -3,8 +3,6 @@ import "../../../core.js";
 import "../../../core/context.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
-import "../../../i18n/util.js";
-import "../../../i18n/locales/index.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,8 +6,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";
 import { IconError } from "../icons/IconError.js";
 const { bem } = useBEM("info");
 const iconMap = {

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

@@ -3,5 +3,3 @@ import "./info2.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";

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

@@ -16,7 +16,7 @@ const statusIconMap = {
   success: IconSuccess
 };
 const Input = w((props, ref) => {
-  const { inputClassName, style, disabled, children } = props;
+  const { inputClassName, style, disabled, children, showStatus = true } = props;
   F(ref, () => ({
     input: inputRef.current,
     focus: () => {
@@ -40,7 +40,7 @@ const Input = w((props, ref) => {
   if (status === "unValidate")
     status = void 0;
   let { rightIcon } = props;
-  if (!rightIcon && status) {
+  if (showStatus && status) {
     const StatusIcon = statusIconMap[status];
     rightIcon = /* @__PURE__ */ u(StatusIcon, { size: 16 });
   }

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

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

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

@@ -7,8 +7,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.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,5 +3,3 @@ import "./loading-check.js";
 import "../../../utils/card-brand/brands.js";
 import "../../../utils/system-info/get-browser-info.js";
 import "../../../core/context.js";
-import "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";

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

@@ -0,0 +1,40 @@
+import { w, h, T, u, b } from "../../../core.js";
+import { useBEM } from "../../../hooks/useBEM.js";
+import { useI18n } from "../../../hooks/useI18n.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import "./modal2.js";
+const { bem } = useBEM("modal");
+const Modal = w((props) => {
+  const { show = false, width, height, maskClosable, header, children, onChange, style } = props;
+  const [modalWidth, setModalWidth] = h();
+  const [modalHeight, setModalHeight] = h();
+  const { i18n } = useI18n();
+  T(() => {
+    setModalWidth(typeof width === "number" ? `${width}px` : width);
+    setModalHeight(typeof height === "number" ? `${height}px` : height);
+  }, [width, height]);
+  const handleClickMask = () => {
+    maskClosable && (onChange == null ? void 0 : onChange(false));
+  };
+  const handleClickClose = () => {
+    onChange == null ? void 0 : onChange(false);
+  };
+  return /* @__PURE__ */ u(b, { children: show && /* @__PURE__ */ u("div", { className: bem(), children: [
+    /* @__PURE__ */ u("div", { className: bem("mask"), onClick: handleClickMask }),
+    /* @__PURE__ */ u(
+      "div",
+      {
+        className: bem("content"),
+        style: { width: modalWidth, height: modalHeight, ...style },
+        children: [
+          header || /* @__PURE__ */ u("div", { className: bem("header"), children: /* @__PURE__ */ u("div", { className: bem("close"), onClick: handleClickClose, children: i18n.get("common.cancel") }) }),
+          /* @__PURE__ */ u("div", { className: bem("body"), children })
+        ]
+      }
+    )
+  ] }) });
+});
+export {
+  Modal
+};

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

@@ -0,0 +1 @@
+

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

@@ -4,8 +4,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";
 import "../Form/type.js";
 import { FormItemContext } from "../Form/context.js";
 import "../Form/FormItem.js";

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

@@ -4,8 +4,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";
 const { bem } = useBEM("select");
 function SelectMenu(props) {
   const { style, children } = props;

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

@@ -5,8 +5,6 @@ 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 "../../../i18n/util.js";
-import "../../../i18n/locales/index.js";
 import { IconTick } from "../icons/IconTick.js";
 const { bem } = useBEM("select");
 function SelectMenuItem(props) {

package/dist/es/components/internal/icons/Icon3DSFail.js

@@ -0,0 +1,3 @@
+import "../../../core.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";

package/dist/es/components/internal/icons/Icon3DSInfo.js

@@ -0,0 +1,62 @@
+import { u } from "../../../core.js";
+import { COMMON_CLASS_NAME } from "../../../constant.js";
+import { isUndefined } from "../../../utils/is.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";
+import { normalizedClass } from "../../../utils/format.js";
+function Icon3DSInfo({ size, style, className }) {
+  const computedSize = !isUndefined(size) ? `${size}px` : "1em";
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      width: computedSize,
+      height: computedSize,
+      viewBox: "0 0 64 64",
+      style,
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: normalizedClass(COMMON_CLASS_NAME, className),
+      children: [
+        /* @__PURE__ */ u("g", { id: "icon-warning", "clip-path": "url(#clip0_25_1509)", children: [
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector",
+              d: "M32 0.5C14.3437 0.5 0 14.8437 0 32.5C0 50.1563 14.3437 64.5 32 64.5C49.6563 64.5 64 50.1563 64 32.5C64 14.8437 49.6563 0.5 32 0.5ZM32 3.28261C48.1524 3.28261 61.2174 16.3476 61.2174 32.5C61.2174 48.6524 48.1524 61.7174 32 61.7174C15.8476 61.7174 2.78261 48.6524 2.78261 32.5C2.78261 16.3476 15.8476 3.28261 32 3.28261Z",
+              fill: "#FCA605"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "path",
+            {
+              id: "Vector_2",
+              d: "M32 15.5V39.5",
+              stroke: "#FCA605",
+              "stroke-width": "2.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          ),
+          /* @__PURE__ */ u(
+            "circle",
+            {
+              id: "Ellipse 642",
+              cx: "32",
+              cy: "47.5",
+              r: "1",
+              fill: "#FCA605",
+              stroke: "#FCA605",
+              "stroke-width": "2.8",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u("defs", { children: /* @__PURE__ */ u("clipPath", { id: "clip0_25_1509", children: /* @__PURE__ */ u("rect", { width: "64", height: "64", fill: "white", transform: "translate(0 0.5)" }) }) })
+      ]
+    }
+  );
+}
+export {
+  Icon3DSInfo
+};

package/dist/es/components/internal/icons/Icon3DSSuccess.js

@@ -0,0 +1,3 @@
+import "../../../core.js";
+import "../../../utils/card-brand/brands.js";
+import "../../../utils/system-info/get-browser-info.js";