@paykka/card-checkout-ui 0.6.0 → 0.7.0

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, 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";

package/dist/es/config.js

@@ -1,8 +1,6 @@
 import "./utils/card-brand/brands.js";
 import "./utils/system-info/get-browser-info.js";
-import "./i18n/util.js";
 import "./core.js";
-import "./i18n/locales/index.js";
 let apiUrl = "https://checkout.aq.paykka.com";
 let cdnOrigin = "https://checkout.aq.paykka.com";
 let cdnDir = "/cp";

package/dist/es/constant.js

@@ -43,8 +43,9 @@ var EAddressType = /* @__PURE__ */ ((EAddressType2) => {
   return EAddressType2;
 })(EAddressType || {});
 var SessionMode = /* @__PURE__ */ ((SessionMode2) => {
-  SessionMode2["HOSTED"] = "HOST";
-  SessionMode2["EMBEDDED"] = "EMBEDDED";
+  SessionMode2["HOSTED"] = "HOSTED";
+  SessionMode2["DROP_IN"] = "DROP_IN";
+  SessionMode2["COMPONENT"] = "COMPONENT";
   return SessionMode2;
 })(SessionMode || {});
 export {

package/dist/es/core/PayKKaCheckout.js

@@ -1,62 +1,116 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
   return value;
 };
+var _config, _envConfig, _session, _componentInsts;
 import { create } from "./create.js";
 import { Session } from "./Session.js";
-import { setCheckoutConfig, setCDNUrl, setFraudDetectionEnv, setCustomLocale, setApiUrl } from "../config.js";
-const _PayKKaCheckout = class _PayKKaCheckout {
+import { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCheckoutConfig, setCustomLocale } from "../config.js";
+import { PayKKaError } from "./error.js";
+import { apiEnv, cdnEnv, fraudDetectionEnv } from "./environment.js";
+import { isEmptyObject } from "../utils/is.js";
+import "../utils/card-brand/brands.js";
+import "../utils/system-info/get-browser-info.js";
+class PayKKaCheckout {
   constructor(config) {
-    __publicField(this, "config");
-    if (_PayKKaCheckout.instance) {
-      return _PayKKaCheckout.instance;
-    }
-    this.config = config;
+    __privateAdd(this, _config, void 0);
+    __privateAdd(this, _envConfig, void 0);
+    __privateAdd(this, _session, void 0);
+    __privateAdd(this, _componentInsts, []);
+    __privateSet(this, _config, config);
     this.init();
-    _PayKKaCheckout.instance = this;
   }
   init() {
-    const {
-      sandbox,
-      sessionId,
-      clientKey,
-      locale,
-      fraudDetectionEnv,
-      hidePaymentButton,
-      onPaymentMethodsReady,
-      onInitError
-    } = this.config;
-    fraudDetectionEnv && setFraudDetectionEnv(fraudDetectionEnv);
-    locale && setCustomLocale(locale);
-    setCheckoutConfig({
-      hidePaymentButton
-    });
-    if (sandbox) {
-      setApiUrl("https://checkout-sandbox.aq.paykka.com");
-      setCDNUrl("https://checkout-sandbox.aq.paykka.com/cp");
+    this.initEnv();
+    this.initLocale();
+    this.initExtraParams();
+    this.initSession();
+  }
+  initSession() {
+    const { sessionId, clientKey, onPaymentMethodsReady, onInitError } = __privateGet(this, _config);
+    if (!sessionId) {
+      onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "SessionId is required"));
+      return;
     }
-    _PayKKaCheckout.session = new Session(sessionId, clientKey);
-    _PayKKaCheckout.session.ready().then(() => {
-      var _a;
-      const { paymentMethod = [] } = ((_a = _PayKKaCheckout.session) == null ? void 0 : _a.checkout) || {};
+    __privateSet(this, _session, new Session(sessionId, clientKey));
+    __privateGet(this, _session).ready().then(() => {
+      var _a, _b;
+      if (isEmptyObject((_a = __privateGet(this, _session)) == null ? void 0 : _a.checkout)) {
+        onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "Checkout is empty"));
+        return;
+      }
+      const { paymentMethod = [] } = ((_b = __privateGet(this, _session)) == null ? void 0 : _b.checkout) || {};
       onPaymentMethodsReady == null ? void 0 : onPaymentMethodsReady(paymentMethod);
     }).catch((error) => {
       onInitError == null ? void 0 : onInitError(error);
-      console.log(error);
     });
   }
-  static getSession() {
-    return _PayKKaCheckout.session;
+  /**
+   * 初始化环境配置
+   * _envConfig 优先级高于 env
+   */
+  initEnv() {
+    const { env, _envConfig: _envConfig2, onInitError } = __privateGet(this, _config);
+    if (!env) {
+      onInitError == null ? void 0 : onInitError(new PayKKaError("ERROR", "Env is required"));
+      return;
+    }
+    setApiUrl((_envConfig2 == null ? void 0 : _envConfig2.api) || apiEnv[env]);
+    setCDNUrl((_envConfig2 == null ? void 0 : _envConfig2.cdn) || cdnEnv[env]);
+    setFraudDetectionEnv((_envConfig2 == null ? void 0 : _envConfig2.fraudDetection) || fraudDetectionEnv[env]);
   }
+  initLocale() {
+    const { locale } = __privateGet(this, _config);
+    locale && setCustomLocale(locale);
+  }
+  initExtraParams() {
+    const { hidePaymentButton = false } = __privateGet(this, _config);
+    setCheckoutConfig({
+      hidePaymentButton
+    });
+  }
+  get session() {
+    return __privateGet(this, _session);
+  }
+  get envConfig() {
+    return __privateGet(this, _envConfig);
+  }
+  /** 创建组件，把 session 作为组件的 props 传递 */
   create(component, props) {
-    return create(component, props);
+    var _a;
+    const coreProps = this.getCoreProps();
+    const componentInst = create(component, {
+      ...props,
+      ...coreProps
+    });
+    (_a = __privateGet(this, _componentInsts)) == null ? void 0 : _a.push(componentInst);
+    return componentInst;
   }
-};
-__publicField(_PayKKaCheckout, "session");
-__publicField(_PayKKaCheckout, "instance", null);
-let PayKKaCheckout = _PayKKaCheckout;
+  getCoreProps() {
+    return {
+      session: __privateGet(this, _session),
+      threeDSFrame: __privateGet(this, _config).threeDSFrame
+    };
+  }
+}
+_config = new WeakMap();
+_envConfig = new WeakMap();
+_session = new WeakMap();
+_componentInsts = new WeakMap();
 export {
   PayKKaCheckout
 };

package/dist/es/core/Session.js

@@ -26,24 +26,24 @@ import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
 import { generateColors } from "../utils/colors.js";
 import { createPromise } from "../utils/create-promise.js";
-import "../i18n/util.js";
 import "../core.js";
-import "../i18n/locales/index.js";
+import { PayKKaError } from "./error.js";
 import { querySession } from "./query.js";
 class Session {
   constructor(sessionId, clientKey) {
     __privateAdd(this, _init);
     __privateAdd(this, _genColors);
-    __privateAdd(this, _readyPromise, createPromise());
     __publicField(this, "sessionId");
     __publicField(this, "clientKey");
     __publicField(this, "checkout");
     __publicField(this, "colors", null);
+    __privateAdd(this, _readyPromise, createPromise());
     this.sessionId = sessionId;
     this.clientKey = clientKey;
     __privateMethod(this, _init, init_fn).call(this).then(() => __privateGet(this, _readyPromise).resolve(true)).catch((err) => {
-      console.log(err);
-      return __privateGet(this, _readyPromise).reject(false);
+      return __privateGet(this, _readyPromise).reject(
+        new PayKKaError("API_ERROR", err.message, { code: err.code })
+      );
     });
   }
   ready() {
@@ -61,7 +61,8 @@ init_fn = async function() {
 };
 _genColors = new WeakSet();
 genColors_fn = function() {
-  const { payButtonBackgroundColor } = this.checkout.theme || {};
+  var _a;
+  const { payButtonBackgroundColor } = ((_a = this.checkout) == null ? void 0 : _a.theme) || {};
   if (payButtonBackgroundColor) {
     const colors = generateColors(payButtonBackgroundColor, {
       theme: "default",

package/dist/es/core/environment.js

@@ -0,0 +1,26 @@
+const apiEnv = {
+  eu: "https://checkout.eu.paykka.com",
+  hk: "https://checkout.aq.paykka.com",
+  sandbox: "https://checkout-sandbox.aq.paykka.com"
+};
+const cdnEnv = {
+  eu: "https://checkout.eu.paykka.com/cp",
+  hk: "https://checkout.aq.paykka.com/cp",
+  sandbox: "https://checkout-sandbox.aq.paykka.com/cp"
+};
+const fraudDetectionEnv = {
+  eu: {
+    SR: "pk_live_51QSXl2G2tOepMLcRVNu0S2T6MxyB1AIgCP5g7qMQvAviQS37v0wkPhJRKqfcbTql6ZkCkGktux4ixfXuZtFy6ZpP00awbGlLEq"
+  },
+  hk: {
+    SR: "pk_live_51QSXh9Azq7GQL5iqwZNLz3KJ896MIUnai4H7H0z9DtlklJkgoH1VAlHKy382vWPqDm80nTy8MKUdJIKs0fFbTlKx006WcKWEDu"
+  },
+  sandbox: {
+    SR: "pk_test_51QaC2P5VarcojPHdg13yagk5TqrGkIkeK8I21BgQUZe8BzyRmbtmOg3dKsXjkxt6JlsjyjJMTvBH9dFMCZWRxOkt00tWQ1eHFU"
+  }
+};
+export {
+  apiEnv,
+  cdnEnv,
+  fraudDetectionEnv
+};

package/dist/es/core/error.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class PayKKaError extends Error {
+  constructor(type, message, info) {
+    super(message);
+    /** 错误类型 */
+    __publicField(this, "type");
+    /** 错误代码 */
+    __publicField(this, "code");
+    this.type = type;
+    this.code = info == null ? void 0 : info.code;
+    this.cause = info == null ? void 0 : info.cause;
+  }
+}
+export {
+  PayKKaError
+};

package/dist/es/core/index.js

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

package/dist/es/core/query.js

@@ -1,8 +1,6 @@
 import "../utils/card-brand/brands.js";
 import "../utils/system-info/get-browser-info.js";
-import "../i18n/util.js";
 import "../core.js";
-import "../i18n/locales/index.js";
 import { onceGetCheckoutInfo } from "../api/modules/checkout/index.js";
 async function querySession({ sessionId, clientKey }, options) {
   return onceGetCheckoutInfo({ sessionId, clientKey }, options);

package/dist/es/core.js

@@ -675,36 +675,6 @@ l$3.diffed = function(n2) {
   var t2 = n2.props, e2 = n2.__e;
   null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value);
 };
-function e$1(e2, n2) {
-  return n2 = n2 || {}, new Promise(function(t2, r2) {
-    var s2 = new XMLHttpRequest(), o2 = [], u2 = {}, a2 = function e3() {
-      return { ok: 2 == (s2.status / 100 | 0), statusText: s2.statusText, status: s2.status, url: s2.responseURL, text: function() {
-        return Promise.resolve(s2.responseText);
-      }, json: function() {
-        return Promise.resolve(s2.responseText).then(JSON.parse);
-      }, blob: function() {
-        return Promise.resolve(new Blob([s2.response]));
-      }, clone: e3, headers: { keys: function() {
-        return o2;
-      }, entries: function() {
-        return o2.map(function(e4) {
-          return [e4, s2.getResponseHeader(e4)];
-        });
-      }, get: function(e4) {
-        return s2.getResponseHeader(e4);
-      }, has: function(e4) {
-        return null != s2.getResponseHeader(e4);
-      } } };
-    };
-    for (var i2 in s2.open(n2.method || "get", e2, true), s2.onload = function() {
-      s2.getAllResponseHeaders().toLowerCase().replace(/^(.+?):/gm, function(e3, n3) {
-        u2[n3] || o2.push(u2[n3] = n3);
-      }), t2(a2());
-    }, s2.onerror = r2, s2.withCredentials = "include" == n2.credentials, n2.headers)
-      s2.setRequestHeader(i2, n2.headers[i2]);
-    s2.send(n2.body || null);
-  });
-}
 var __assign = function() {
   __assign = Object.assign || function __assign2(t2) {
     for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
@@ -3917,7 +3887,7 @@ function t() {
 }
 var o = void 0;
 var h = void 0, s$1 = 0, f = 0, v = 0;
-function e(i2) {
+function e$1(i2) {
   if (void 0 !== o) {
     var t2 = i2.n;
     if (void 0 === t2 || t2.t !== o) {
@@ -4008,7 +3978,7 @@ u.prototype.peek = function() {
   }
 };
 Object.defineProperty(u.prototype, "value", { get: function() {
-  var i2 = e(this);
+  var i2 = e$1(this);
   if (void 0 !== i2)
     i2.i = this.i;
   return this.v;
@@ -4139,7 +4109,7 @@ y.prototype.N = function() {
 Object.defineProperty(y.prototype, "value", { get: function() {
   if (1 & this.f)
     throw new Error("Cycle detected");
-  var i2 = e(this);
+  var i2 = e$1(this);
   this.h();
   if (void 0 !== i2)
     i2.i = this.i;
@@ -4422,6 +4392,36 @@ function useSignal(n2) {
     return d$1(n2);
   }, []);
 }
+function e(e2, n2) {
+  return n2 = n2 || {}, new Promise(function(t2, r2) {
+    var s2 = new XMLHttpRequest(), o2 = [], u2 = {}, a2 = function e3() {
+      return { ok: 2 == (s2.status / 100 | 0), statusText: s2.statusText, status: s2.status, url: s2.responseURL, text: function() {
+        return Promise.resolve(s2.responseText);
+      }, json: function() {
+        return Promise.resolve(s2.responseText).then(JSON.parse);
+      }, blob: function() {
+        return Promise.resolve(new Blob([s2.response]));
+      }, clone: e3, headers: { keys: function() {
+        return o2;
+      }, entries: function() {
+        return o2.map(function(e4) {
+          return [e4, s2.getResponseHeader(e4)];
+        });
+      }, get: function(e4) {
+        return s2.getResponseHeader(e4);
+      }, has: function(e4) {
+        return null != s2.getResponseHeader(e4);
+      } } };
+    };
+    for (var i2 in s2.open(n2.method || "get", e2, true), s2.onload = function() {
+      s2.getAllResponseHeaders().toLowerCase().replace(/^(.+?):/gm, function(e3, n3) {
+        u2[n3] || o2.push(u2[n3] = n3);
+      }), t2(a2());
+    }, s2.onerror = r2, s2.withCredentials = "include" == n2.credentials, n2.headers)
+      s2.setRequestHeader(i2, n2.headers[i2]);
+    s2.send(n2.body || null);
+  });
+}
 export {
   A$1 as A,
   B$2 as B,
@@ -4431,7 +4431,7 @@ export {
   _$3 as _,
   b$1 as b,
   d$1 as d,
-  e$1 as e,
+  e,
   h$1 as h,
   index,
   inputToRGB,

package/dist/es/hooks/index.js

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