@devtable/settings-form 6.46.0 → 7.0.0

package/dist/settings-form.es.js

@@ -1,88 +1,88 @@
-import { Modal as ce, Button as k, Box as L, SegmentedControl as Mr, TextInput as j, Divider as tr, Group as I, NumberInput as Nr, PasswordInput as le, useMantineTheme as Ur, Tooltip as $r, Text as se, LoadingOverlay as Ee, Table as Ce, Stack as nr, Select as Wr, Switch as Vr } from "@mantine/core";
-import { showNotification as U, updateNotification as z } from "@mantine/notifications";
-import * as Q from "react";
-import J, { forwardRef as ar, useMemo as ir } from "react";
-import { useForm as re, Controller as E } from "react-hook-form";
-import { PlaylistAdd as Te, Trash as Oe, Edit as Yr } from "tabler-icons-react";
-import Kr from "axios";
-import Br from "crypto-js";
-import Gr from "lodash";
-import { useRequest as G } from "ahooks";
-import { useModals as ue, closeAllModals as Jr } from "@mantine/modals";
-function Hr(t) {
-  t = t || {};
-  const n = Object.keys(t).sort(), o = [];
-  for (let s = 0; s < n.length; s++) {
-    const u = n[s];
-    if (u != "authentication" && t[u])
-      o.push(n[s] + "=" + (typeof t[u] == "object" ? JSON.stringify(t[u]) : t[u]));
+import { Box as me, TextInput as fe, Divider as Or, Group as se, NumberInput as Vt, PasswordInput as rr, Button as oe, Modal as Ve, Stack as Pr, SegmentedControl as Bt, useMantineTheme as Kt, Tooltip as Ht, Text as Qe, LoadingOverlay as Rr, Table as _r, Select as Gt, Switch as Jt } from "@mantine/core";
+import { showNotification as _e, updateNotification as le } from "@mantine/notifications";
+import * as $e from "react";
+import De, { useEffect as we, memo as ft, useRef as ue, useState as Ie, useCallback as Er, forwardRef as xr, useMemo as dt } from "react";
+import { Recycle as Xt, PlaylistAdd as Cr, Trash as jr, Edit as Qt } from "tabler-icons-react";
+import Zt from "axios";
+import en from "crypto-js";
+import rn from "lodash";
+import { useForm as ke, Controller as J } from "react-hook-form";
+import { useBoolean as tn, useRequest as ze } from "ahooks";
+import { useModals as tr, closeAllModals as nn } from "@mantine/modals";
+function on(e) {
+  e = e || {};
+  const r = Object.keys(e).sort(), t = [];
+  for (let o = 0; o < r.length; o++) {
+    const s = r[o];
+    if (s != "authentication" && e[s])
+      t.push(r[o] + "=" + (typeof e[s] == "object" ? JSON.stringify(e[s]) : e[s]));
     else {
-      const i = Object.keys(t[u]).sort();
-      for (let l = 0; l < i.length; l++) {
-        const d = i[l];
-        d != "sign" && t[u][d] && o.push(
-          i[l] + "=" + (typeof t[u][d] == "object" ? JSON.stringify(t[u][d]) : t[u][d])
+      const i = Object.keys(e[s]).sort();
+      for (let c = 0; c < i.length; c++) {
+        const u = i[c];
+        u != "sign" && e[s][u] && t.push(
+          i[c] + "=" + (typeof e[s][u] == "object" ? JSON.stringify(e[s][u]) : e[s][u])
         );
       }
     }
   }
-  return o.sort().join("&");
+  return t.sort().join("&");
 }
-function Xr(t, n) {
-  let o = Hr(t);
-  return o += "&key=" + n, Br.MD5(o).toString().toUpperCase();
+function an(e, r) {
+  let t = on(e);
+  return t += "&key=" + r, en.MD5(t).toString().toUpperCase();
 }
-const C = {
+const ne = {
   baseURL: "http://localhost:31200",
   app_id: "",
   app_secret: "",
-  getAuthentication(t) {
+  getAuthentication(e) {
     if (!this.app_id || !this.app_secret)
       return;
-    const n = new Date().getTime().toString();
+    const r = new Date().getTime().toString();
     return {
       app_id: this.app_id,
-      nonce_str: n,
-      sign: Xr(
+      nonce_str: r,
+      sign: an(
         {
           app_id: this.app_id,
-          nonce_str: n,
-          ...t
+          nonce_str: r,
+          ...e
         },
         this.app_secret
       )
     };
   },
-  getRequest(t) {
-    return (n, o, s = {}) => {
-      const u = window.localStorage.getItem("token"), i = {
+  getRequest(e) {
+    return (r, t, o = {}) => {
+      const s = window.localStorage.getItem("token"), i = {
         "X-Requested-With": "XMLHttpRequest",
-        "Content-Type": s.string ? "application/x-www-form-urlencoded" : "application/json",
-        authorization: u ? `bearer ${u}` : "",
-        ...s.headers
-      }, l = {
+        "Content-Type": o.string ? "application/x-www-form-urlencoded" : "application/json",
+        authorization: s ? `bearer ${s}` : "",
+        ...o.headers
+      }, c = {
         baseURL: this.baseURL,
-        method: t,
-        url: n,
-        params: t === "GET" ? o : s.params,
+        method: e,
+        url: r,
+        params: e === "GET" ? t : o.params,
         headers: i
       };
-      return ["POST", "PUT"].includes(t) && (l.data = s.string ? JSON.stringify(o) : o, l.data.authentication = this.getAuthentication(l.data)), Kr(l).then((d) => d.data).catch((d) => Gr.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
+      return ["POST", "PUT"].includes(e) && (c.data = o.string ? JSON.stringify(t) : t, c.data.authentication = this.getAuthentication(c.data)), Zt(c).then((u) => u.data).catch((u) => rn.has(u, "response.data.detail.message") ? Promise.reject(new Error(u.response.data.detail.message)) : Promise.reject(u));
     };
   }
 };
-function de(t) {
-  C.baseURL !== t.apiBaseURL && (C.baseURL = t.apiBaseURL), t.app_id && (C.app_id = t.app_id), t.app_secret && (C.app_secret = t.app_secret);
-}
-const Qr = {
-  login: async (t, n) => {
-    const o = {
-      name: t,
-      password: n
+function nr(e) {
+  ne.baseURL !== e.apiBaseURL && (ne.baseURL = e.apiBaseURL), e.app_id && (ne.app_id = e.app_id), e.app_secret && (ne.app_secret = e.app_secret);
+}
+const sn = {
+  login: async (e, r) => {
+    const t = {
+      name: e,
+      password: r
     };
-    return await C.getRequest("POST")("/account/login", o);
+    return await ne.getRequest("POST")("/account/login", t);
   },
-  list: async () => await C.getRequest("POST")("/account/list", {
+  list: async () => await ne.getRequest("POST")("/account/list", {
     filter: {
       search: ""
     },
@@ -95,34 +95,34 @@ const Qr = {
       pagesize: 100
     }
   }),
-  get: async () => await C.getRequest("GET")("/account/get", {}),
-  update: async (t, n) => {
-    const o = {
-      name: t,
-      email: n
+  get: async () => await ne.getRequest("GET")("/account/get", {}),
+  update: async (e, r) => {
+    const t = {
+      name: e,
+      email: r
     };
-    return await C.getRequest("PUT")("/account/update", o);
+    return await ne.getRequest("PUT")("/account/update", t);
   },
-  changepassword: async (t, n) => {
-    const o = {
-      old_password: t,
-      new_password: n
+  changepassword: async (e, r) => {
+    const t = {
+      old_password: e,
+      new_password: r
     };
-    return await C.getRequest("POST")("/account/changepassword", o);
+    return await ne.getRequest("POST")("/account/changepassword", t);
   },
-  create: async (t, n, o, s) => await C.getRequest("POST")("/account/create", {
-    name: t,
-    email: n,
-    password: o,
-    role_id: s
+  create: async (e, r, t, o) => await ne.getRequest("POST")("/account/create", {
+    name: e,
+    email: r,
+    password: t,
+    role_id: o
   }),
-  edit: async (t) => (t.reset_password || (t.new_password = void 0), await C.getRequest("PUT")("/account/edit", t)),
-  delete: async (t) => {
-    if (!!t)
-      return C.getRequest("POST")("/account/delete", { id: t });
+  edit: async (e) => (e.reset_password || (e.new_password = void 0), await ne.getRequest("PUT")("/account/edit", e)),
+  delete: async (e) => {
+    if (!!e)
+      return ne.getRequest("POST")("/account/delete", { id: e });
   }
-}, Zr = {
-  list: async () => await C.getRequest("POST")("/api/key/list", {
+}, cn = {
+  list: async () => await ne.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
     },
@@ -135,16 +135,16 @@ const Qr = {
       pagesize: 100
     }
   }),
-  create: async (t, n) => C.getRequest("POST")("/api/key/create", {
-    name: t,
-    role_id: n
+  create: async (e, r) => ne.getRequest("POST")("/api/key/create", {
+    name: e,
+    role_id: r
   }),
-  delete: async (t) => {
-    if (!!t)
-      return C.getRequest("POST")("/api/key/delete", { id: t });
+  delete: async (e) => {
+    if (!!e)
+      return ne.getRequest("POST")("/api/key/delete", { id: e });
   }
-}, et = {
-  list: async () => await C.getRequest("POST")("/datasource/list", {
+}, un = {
+  list: async () => await ne.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: {
       field: "create_time",
@@ -155,29 +155,29 @@ const Qr = {
       pagesize: 100
     }
   }),
-  create: async (t, n, o) => await C.getRequest("POST")("/datasource/create", {
-    type: t,
-    key: n,
-    config: o
+  create: async (e, r, t) => await ne.getRequest("POST")("/datasource/create", {
+    type: e,
+    key: r,
+    config: t
   }),
-  delete: async (t) => {
-    await C.getRequest("POST")("/datasource/delete", { id: t });
+  delete: async (e) => {
+    await ne.getRequest("POST")("/datasource/delete", { id: e });
   }
-}, rt = {
-  list: async () => await C.getRequest("GET")("/role/list", {})
-}, x = {
-  datasource: et,
-  account: Qr,
-  role: rt,
-  api_key: Zr
-}, fe = {
+}, ln = {
+  list: async () => await ne.getRequest("GET")("/role/list", {})
+}, de = {
+  datasource: un,
+  account: sn,
+  role: ln,
+  api_key: cn
+}, qe = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-var pe = { exports: {} }, Z = {};
+var or = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -187,25 +187,25 @@ var pe = { exports: {} }, Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var er;
-function tt() {
-  if (er)
-    return Z;
-  er = 1;
-  var t = J, n = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, u = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(d, g, _) {
-    var w, m = {}, f = null, A = null;
-    _ !== void 0 && (f = "" + _), g.key !== void 0 && (f = "" + g.key), g.ref !== void 0 && (A = g.ref);
-    for (w in g)
-      s.call(g, w) && !i.hasOwnProperty(w) && (m[w] = g[w]);
-    if (d && d.defaultProps)
-      for (w in g = d.defaultProps, g)
-        m[w] === void 0 && (m[w] = g[w]);
-    return { $$typeof: n, type: d, key: f, ref: A, props: m, _owner: u.current };
+var Kr;
+function fn() {
+  if (Kr)
+    return Le;
+  Kr = 1;
+  var e = De, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(u, d, v) {
+    var y, h = {}, m = null, x = null;
+    v !== void 0 && (m = "" + v), d.key !== void 0 && (m = "" + d.key), d.ref !== void 0 && (x = d.ref);
+    for (y in d)
+      o.call(d, y) && !i.hasOwnProperty(y) && (h[y] = d[y]);
+    if (u && u.defaultProps)
+      for (y in d = u.defaultProps, d)
+        h[y] === void 0 && (h[y] = d[y]);
+    return { $$typeof: r, type: u, key: m, ref: x, props: h, _owner: s.current };
   }
-  return Z.Fragment = o, Z.jsx = l, Z.jsxs = l, Z;
+  return Le.Fragment = t, Le.jsx = c, Le.jsxs = c, Le;
 }
-var ee = {};
+var Ue = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -215,87 +215,87 @@ var ee = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
-function nt() {
-  return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = J, n = Symbol.for("react.element"), o = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), u = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), _ = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), M = Symbol.iterator, V = "@@iterator";
-    function me(e) {
-      if (e === null || typeof e != "object")
+var Hr;
+function dn() {
+  return Hr || (Hr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = De, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), Y = Symbol.iterator, D = "@@iterator";
+    function G(n) {
+      if (n === null || typeof n != "object")
         return null;
-      var a = M && e[M] || e[V];
-      return typeof a == "function" ? a : null;
+      var f = Y && n[Y] || n[D];
+      return typeof f == "function" ? f : null;
     }
-    var N = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function T(e) {
+    var K = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(n) {
       {
-        for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
-          c[p - 1] = arguments[p];
-        or("error", e, c);
+        for (var f = arguments.length, b = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
+          b[E - 1] = arguments[E];
+        H("error", n, b);
       }
     }
-    function or(e, a, c) {
+    function H(n, f, b) {
       {
-        var p = N.ReactDebugCurrentFrame, b = p.getStackAddendum();
-        b !== "" && (a += "%s", c = c.concat([b]));
-        var y = c.map(function(v) {
-          return String(v);
+        var E = K.ReactDebugCurrentFrame, L = E.getStackAddendum();
+        L !== "" && (f += "%s", b = b.concat([L]));
+        var V = b.map(function(q) {
+          return String(q);
         });
-        y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
+        V.unshift("Warning: " + f), Function.prototype.apply.call(console[n], console, V);
       }
     }
-    var sr = !1, cr = !1, lr = !1, ur = !1, dr = !1, Ae;
-    Ae = Symbol.for("react.module.reference");
-    function fr(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === i || dr || e === u || e === _ || e === w || ur || e === A || sr || cr || lr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === m || e.$$typeof === l || e.$$typeof === d || e.$$typeof === g || e.$$typeof === Ae || e.getModuleId !== void 0));
+    var N = !1, p = !1, X = !1, ee = !1, Se = !1, Q;
+    Q = Symbol.for("react.module.reference");
+    function $(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === o || n === i || Se || n === s || n === v || n === y || ee || n === x || N || p || X || typeof n == "object" && n !== null && (n.$$typeof === m || n.$$typeof === h || n.$$typeof === c || n.$$typeof === u || n.$$typeof === d || n.$$typeof === Q || n.getModuleId !== void 0));
     }
-    function pr(e, a, c) {
-      var p = e.displayName;
-      if (p)
-        return p;
-      var b = a.displayName || a.name || "";
-      return b !== "" ? c + "(" + b + ")" : c;
+    function ge(n, f, b) {
+      var E = n.displayName;
+      if (E)
+        return E;
+      var L = f.displayName || f.name || "";
+      return L !== "" ? b + "(" + L + ")" : b;
     }
-    function xe(e) {
-      return e.displayName || "Context";
+    function be(n) {
+      return n.displayName || "Context";
     }
-    function F(e) {
-      if (e == null)
+    function ie(n) {
+      if (n == null)
         return null;
-      if (typeof e.tag == "number" && T("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case s:
-          return "Fragment";
+      if (typeof n.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
         case o:
+          return "Fragment";
+        case t:
           return "Portal";
         case i:
           return "Profiler";
-        case u:
+        case s:
           return "StrictMode";
-        case _:
+        case v:
           return "Suspense";
-        case w:
+        case y:
           return "SuspenseList";
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case u:
+            var f = n;
+            return be(f) + ".Consumer";
+          case c:
+            var b = n;
+            return be(b._context) + ".Provider";
           case d:
-            var a = e;
-            return xe(a) + ".Consumer";
-          case l:
-            var c = e;
-            return xe(c._context) + ".Provider";
-          case g:
-            return pr(e, e.render, "ForwardRef");
-          case m:
-            var p = e.displayName || null;
-            return p !== null ? p : F(e.type) || "Memo";
-          case f: {
-            var b = e, y = b._payload, v = b._init;
+            return ge(n, n.render, "ForwardRef");
+          case h:
+            var E = n.displayName || null;
+            return E !== null ? E : ie(n.type) || "Memo";
+          case m: {
+            var L = n, V = L._payload, q = L._init;
             try {
-              return F(v(y));
+              return ie(q(V));
             } catch {
               return null;
             }
@@ -303,510 +303,512 @@ function nt() {
         }
       return null;
     }
-    var Y = Object.assign, H = 0, ke, De, je, Ie, Fe, qe, Le;
-    function Me() {
+    var z = Object.assign, B = 0, te, pe, Ee, Pe, l, g, T;
+    function O() {
     }
-    Me.__reactDisabledLog = !0;
-    function gr() {
+    O.__reactDisabledLog = !0;
+    function P() {
       {
-        if (H === 0) {
-          ke = console.log, De = console.info, je = console.warn, Ie = console.error, Fe = console.group, qe = console.groupCollapsed, Le = console.groupEnd;
-          var e = {
+        if (B === 0) {
+          te = console.log, pe = console.info, Ee = console.warn, Pe = console.error, l = console.group, g = console.groupCollapsed, T = console.groupEnd;
+          var n = {
             configurable: !0,
             enumerable: !0,
-            value: Me,
+            value: O,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
           });
         }
-        H++;
+        B++;
       }
     }
-    function mr() {
+    function C() {
       {
-        if (H--, H === 0) {
-          var e = {
+        if (B--, B === 0) {
+          var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: Y({}, e, {
-              value: ke
+            log: z({}, n, {
+              value: te
             }),
-            info: Y({}, e, {
-              value: De
+            info: z({}, n, {
+              value: pe
             }),
-            warn: Y({}, e, {
-              value: je
+            warn: z({}, n, {
+              value: Ee
             }),
-            error: Y({}, e, {
-              value: Ie
+            error: z({}, n, {
+              value: Pe
             }),
-            group: Y({}, e, {
-              value: Fe
+            group: z({}, n, {
+              value: l
             }),
-            groupCollapsed: Y({}, e, {
-              value: qe
+            groupCollapsed: z({}, n, {
+              value: g
             }),
-            groupEnd: Y({}, e, {
-              value: Le
+            groupEnd: z({}, n, {
+              value: T
             })
           });
         }
-        H < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        B < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = N.ReactCurrentDispatcher, ve;
-    function te(e, a, c) {
+    var R = K.ReactCurrentDispatcher, _;
+    function j(n, f, b) {
       {
-        if (ve === void 0)
+        if (_ === void 0)
           try {
             throw Error();
-          } catch (b) {
-            var p = b.stack.trim().match(/\n( *(at )?)/);
-            ve = p && p[1] || "";
+          } catch (L) {
+            var E = L.stack.trim().match(/\n( *(at )?)/);
+            _ = E && E[1] || "";
           }
         return `
-` + ve + e;
+` + _ + n;
       }
     }
-    var be = !1, ne;
+    var F = !1, A;
     {
-      var hr = typeof WeakMap == "function" ? WeakMap : Map;
-      ne = new hr();
+      var ae = typeof WeakMap == "function" ? WeakMap : Map;
+      A = new ae();
     }
-    function Ne(e, a) {
-      if (!e || be)
+    function w(n, f) {
+      if (!n || F)
         return "";
       {
-        var c = ne.get(e);
-        if (c !== void 0)
-          return c;
+        var b = A.get(n);
+        if (b !== void 0)
+          return b;
       }
-      var p;
-      be = !0;
-      var b = Error.prepareStackTrace;
+      var E;
+      F = !0;
+      var L = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var y;
-      y = he.current, he.current = null, gr();
+      var V;
+      V = R.current, R.current = null, P();
       try {
-        if (a) {
-          var v = function() {
+        if (f) {
+          var q = function() {
             throw Error();
           };
-          if (Object.defineProperty(v.prototype, "props", {
+          if (Object.defineProperty(q.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(v, []);
-            } catch (q) {
-              p = q;
+              Reflect.construct(q, []);
+            } catch (Te) {
+              E = Te;
             }
-            Reflect.construct(e, [], v);
+            Reflect.construct(n, [], q);
           } else {
             try {
-              v.call();
-            } catch (q) {
-              p = q;
+              q.call();
+            } catch (Te) {
+              E = Te;
             }
-            e.call(v.prototype);
+            n.call(q.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (q) {
-            p = q;
+          } catch (Te) {
+            E = Te;
           }
-          e();
+          n();
         }
-      } catch (q) {
-        if (q && p && typeof q.stack == "string") {
-          for (var h = q.stack.split(`
-`), O = p.stack.split(`
-`), R = h.length - 1, P = O.length - 1; R >= 1 && P >= 0 && h[R] !== O[P]; )
-            P--;
-          for (; R >= 1 && P >= 0; R--, P--)
-            if (h[R] !== O[P]) {
-              if (R !== 1 || P !== 1)
+      } catch (Te) {
+        if (Te && E && typeof Te.stack == "string") {
+          for (var M = Te.stack.split(`
+`), ce = E.stack.split(`
+`), Z = M.length - 1, re = ce.length - 1; Z >= 1 && re >= 0 && M[Z] !== ce[re]; )
+            re--;
+          for (; Z >= 1 && re >= 0; Z--, re--)
+            if (M[Z] !== ce[re]) {
+              if (Z !== 1 || re !== 1)
                 do
-                  if (R--, P--, P < 0 || h[R] !== O[P]) {
-                    var D = `
-` + h[R].replace(" at new ", " at ");
-                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, D), D;
+                  if (Z--, re--, re < 0 || M[Z] !== ce[re]) {
+                    var ve = `
+` + M[Z].replace(" at new ", " at ");
+                    return n.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", n.displayName)), typeof n == "function" && A.set(n, ve), ve;
                   }
-                while (R >= 1 && P >= 0);
+                while (Z >= 1 && re >= 0);
               break;
             }
         }
       } finally {
-        be = !1, he.current = y, mr(), Error.prepareStackTrace = b;
+        F = !1, R.current = V, C(), Error.prepareStackTrace = L;
       }
-      var B = e ? e.displayName || e.name : "", Ze = B ? te(B) : "";
-      return typeof e == "function" && ne.set(e, Ze), Ze;
+      var Me = n ? n.displayName || n.name : "", Br = Me ? j(Me) : "";
+      return typeof n == "function" && A.set(n, Br), Br;
     }
-    function vr(e, a, c) {
-      return Ne(e, !1);
+    function he(n, f, b) {
+      return w(n, !1);
     }
-    function br(e) {
-      var a = e.prototype;
-      return !!(a && a.isReactComponent);
+    function je(n) {
+      var f = n.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function ae(e, a, c) {
-      if (e == null)
+    function Ce(n, f, b) {
+      if (n == null)
         return "";
-      if (typeof e == "function")
-        return Ne(e, br(e));
-      if (typeof e == "string")
-        return te(e);
-      switch (e) {
-        case _:
-          return te("Suspense");
-        case w:
-          return te("SuspenseList");
+      if (typeof n == "function")
+        return w(n, je(n));
+      if (typeof n == "string")
+        return j(n);
+      switch (n) {
+        case v:
+          return j("Suspense");
+        case y:
+          return j("SuspenseList");
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case g:
-            return vr(e.render);
-          case m:
-            return ae(e.type, a, c);
-          case f: {
-            var p = e, b = p._payload, y = p._init;
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case d:
+            return he(n.render);
+          case h:
+            return Ce(n.type, f, b);
+          case m: {
+            var E = n, L = E._payload, V = E._init;
             try {
-              return ae(y(b), a, c);
+              return Ce(V(L), f, b);
             } catch {
             }
           }
         }
       return "";
     }
-    var ie = Object.prototype.hasOwnProperty, Ue = {}, $e = N.ReactDebugCurrentFrame;
-    function oe(e) {
-      if (e) {
-        var a = e._owner, c = ae(e.type, e._source, a ? a.type : null);
-        $e.setExtraStackFrame(c);
+    var Ke = Object.prototype.hasOwnProperty, zr = {}, Dr = K.ReactDebugCurrentFrame;
+    function He(n) {
+      if (n) {
+        var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
+        Dr.setExtraStackFrame(b);
       } else
-        $e.setExtraStackFrame(null);
+        Dr.setExtraStackFrame(null);
     }
-    function wr(e, a, c, p, b) {
+    function Pt(n, f, b, E, L) {
       {
-        var y = Function.call.bind(ie);
-        for (var v in e)
-          if (y(e, v)) {
-            var h = void 0;
+        var V = Function.call.bind(Ke);
+        for (var q in n)
+          if (V(n, q)) {
+            var M = void 0;
             try {
-              if (typeof e[v] != "function") {
-                var O = Error((p || "React class") + ": " + c + " type `" + v + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[v] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw O.name = "Invariant Violation", O;
+              if (typeof n[q] != "function") {
+                var ce = Error((E || "React class") + ": " + b + " type `" + q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[q] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ce.name = "Invariant Violation", ce;
               }
-              h = e[v](a, v, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (R) {
-              h = R;
+              M = n[q](f, q, E, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (Z) {
+              M = Z;
             }
-            h && !(h instanceof Error) && (oe(b), T("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", c, v, typeof h), oe(null)), h instanceof Error && !(h.message in Ue) && (Ue[h.message] = !0, oe(b), T("Failed %s type: %s", c, h.message), oe(null));
+            M && !(M instanceof Error) && (He(L), k("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", b, q, typeof M), He(null)), M instanceof Error && !(M.message in zr) && (zr[M.message] = !0, He(L), k("Failed %s type: %s", b, M.message), He(null));
           }
       }
     }
-    var Sr = Array.isArray;
-    function we(e) {
-      return Sr(e);
+    var Rt = Array.isArray;
+    function sr(n) {
+      return Rt(n);
     }
-    function _r(e) {
+    function _t(n) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return c;
+        var f = typeof Symbol == "function" && Symbol.toStringTag, b = f && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return b;
       }
     }
-    function yr(e) {
+    function xt(n) {
       try {
-        return We(e), !1;
+        return kr(n), !1;
       } catch {
         return !0;
       }
     }
-    function We(e) {
-      return "" + e;
+    function kr(n) {
+      return "" + n;
     }
-    function Ve(e) {
-      if (yr(e))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _r(e)), We(e);
+    function qr(n) {
+      if (xt(n))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", _t(n)), kr(n);
     }
-    var X = N.ReactCurrentOwner, Rr = {
+    var Fe = K.ReactCurrentOwner, Ct = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ye, Ke, Se;
-    Se = {};
-    function Pr(e) {
-      if (ie.call(e, "ref")) {
-        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (a && a.isReactWarning)
+    }, Fr, $r, cr;
+    cr = {};
+    function jt(n) {
+      if (Ke.call(n, "ref")) {
+        var f = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
-      return e.ref !== void 0;
+      return n.ref !== void 0;
     }
-    function Er(e) {
-      if (ie.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (a && a.isReactWarning)
+    function At(n) {
+      if (Ke.call(n, "key")) {
+        var f = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
-      return e.key !== void 0;
+      return n.key !== void 0;
     }
-    function Cr(e, a) {
-      if (typeof e.ref == "string" && X.current && a && X.current.stateNode !== a) {
-        var c = F(X.current.type);
-        Se[c] || (T('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', F(X.current.type), e.ref), Se[c] = !0);
+    function Mt(n, f) {
+      if (typeof n.ref == "string" && Fe.current && f && Fe.current.stateNode !== f) {
+        var b = ie(Fe.current.type);
+        cr[b] || (k('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ie(Fe.current.type), n.ref), cr[b] = !0);
       }
     }
-    function Tr(e, a) {
+    function It(n, f) {
       {
-        var c = function() {
-          Ye || (Ye = !0, T("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        var b = function() {
+          Fr || (Fr = !0, k("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: c,
+        b.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: b,
           configurable: !0
         });
       }
     }
-    function Or(e, a) {
+    function zt(n, f) {
       {
-        var c = function() {
-          Ke || (Ke = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", a));
+        var b = function() {
+          $r || ($r = !0, k("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
-        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: c,
+        b.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: b,
           configurable: !0
         });
       }
     }
-    var zr = function(e, a, c, p, b, y, v) {
-      var h = {
-        $$typeof: n,
-        type: e,
-        key: a,
-        ref: c,
-        props: v,
-        _owner: y
+    var Dt = function(n, f, b, E, L, V, q) {
+      var M = {
+        $$typeof: r,
+        type: n,
+        key: f,
+        ref: b,
+        props: q,
+        _owner: V
       };
-      return h._store = {}, Object.defineProperty(h._store, "validated", {
+      return M._store = {}, Object.defineProperty(M._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(h, "_self", {
+      }), Object.defineProperty(M, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: p
-      }), Object.defineProperty(h, "_source", {
+        value: E
+      }), Object.defineProperty(M, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
-      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+        value: L
+      }), Object.freeze && (Object.freeze(M.props), Object.freeze(M)), M;
     };
-    function Ar(e, a, c, p, b) {
+    function kt(n, f, b, E, L) {
       {
-        var y, v = {}, h = null, O = null;
-        c !== void 0 && (Ve(c), h = "" + c), Er(a) && (Ve(a.key), h = "" + a.key), Pr(a) && (O = a.ref, Cr(a, b));
-        for (y in a)
-          ie.call(a, y) && !Rr.hasOwnProperty(y) && (v[y] = a[y]);
-        if (e && e.defaultProps) {
-          var R = e.defaultProps;
-          for (y in R)
-            v[y] === void 0 && (v[y] = R[y]);
+        var V, q = {}, M = null, ce = null;
+        b !== void 0 && (qr(b), M = "" + b), At(f) && (qr(f.key), M = "" + f.key), jt(f) && (ce = f.ref, Mt(f, L));
+        for (V in f)
+          Ke.call(f, V) && !Ct.hasOwnProperty(V) && (q[V] = f[V]);
+        if (n && n.defaultProps) {
+          var Z = n.defaultProps;
+          for (V in Z)
+            q[V] === void 0 && (q[V] = Z[V]);
         }
-        if (h || O) {
-          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && Tr(v, P), O && Or(v, P);
+        if (M || ce) {
+          var re = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          M && It(q, re), ce && zt(q, re);
         }
-        return zr(e, h, O, b, p, X.current, v);
+        return Dt(n, M, ce, L, E, Fe.current, q);
       }
     }
-    var _e = N.ReactCurrentOwner, Be = N.ReactDebugCurrentFrame;
-    function K(e) {
-      if (e) {
-        var a = e._owner, c = ae(e.type, e._source, a ? a.type : null);
-        Be.setExtraStackFrame(c);
+    var ur = K.ReactCurrentOwner, Lr = K.ReactDebugCurrentFrame;
+    function Ae(n) {
+      if (n) {
+        var f = n._owner, b = Ce(n.type, n._source, f ? f.type : null);
+        Lr.setExtraStackFrame(b);
       } else
-        Be.setExtraStackFrame(null);
+        Lr.setExtraStackFrame(null);
     }
-    var ye;
-    ye = !1;
-    function Re(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === n;
+    var lr;
+    lr = !1;
+    function fr(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === r;
     }
-    function Ge() {
+    function Ur() {
       {
-        if (_e.current) {
-          var e = F(_e.current.type);
-          if (e)
+        if (ur.current) {
+          var n = ie(ur.current.type);
+          if (n)
             return `
 
-Check the render method of \`` + e + "`.";
+Check the render method of \`` + n + "`.";
         }
         return "";
       }
     }
-    function xr(e) {
+    function qt(n) {
       {
-        if (e !== void 0) {
-          var a = e.fileName.replace(/^.*[\\\/]/, ""), c = e.lineNumber;
+        if (n !== void 0) {
+          var f = n.fileName.replace(/^.*[\\\/]/, ""), b = n.lineNumber;
           return `
 
-Check your code at ` + a + ":" + c + ".";
+Check your code at ` + f + ":" + b + ".";
         }
         return "";
       }
     }
-    var Je = {};
-    function kr(e) {
+    var Wr = {};
+    function Ft(n) {
       {
-        var a = Ge();
-        if (!a) {
-          var c = typeof e == "string" ? e : e.displayName || e.name;
-          c && (a = `
+        var f = Ur();
+        if (!f) {
+          var b = typeof n == "string" ? n : n.displayName || n.name;
+          b && (f = `
 
-Check the top-level render call using <` + c + ">.");
+Check the top-level render call using <` + b + ">.");
         }
-        return a;
+        return f;
       }
     }
-    function He(e, a) {
+    function Yr(n, f) {
       {
-        if (!e._store || e._store.validated || e.key != null)
+        if (!n._store || n._store.validated || n.key != null)
           return;
-        e._store.validated = !0;
-        var c = kr(a);
-        if (Je[c])
+        n._store.validated = !0;
+        var b = Ft(f);
+        if (Wr[b])
           return;
-        Je[c] = !0;
-        var p = "";
-        e && e._owner && e._owner !== _e.current && (p = " It was passed a child from " + F(e._owner.type) + "."), K(e), T('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', c, p), K(null);
+        Wr[b] = !0;
+        var E = "";
+        n && n._owner && n._owner !== ur.current && (E = " It was passed a child from " + ie(n._owner.type) + "."), Ae(n), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, E), Ae(null);
       }
     }
-    function Xe(e, a) {
+    function Nr(n, f) {
       {
-        if (typeof e != "object")
+        if (typeof n != "object")
           return;
-        if (we(e))
-          for (var c = 0; c < e.length; c++) {
-            var p = e[c];
-            Re(p) && He(p, a);
+        if (sr(n))
+          for (var b = 0; b < n.length; b++) {
+            var E = n[b];
+            fr(E) && Yr(E, f);
           }
-        else if (Re(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var b = me(e);
-          if (typeof b == "function" && b !== e.entries)
-            for (var y = b.call(e), v; !(v = y.next()).done; )
-              Re(v.value) && He(v.value, a);
+        else if (fr(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var L = G(n);
+          if (typeof L == "function" && L !== n.entries)
+            for (var V = L.call(n), q; !(q = V.next()).done; )
+              fr(q.value) && Yr(q.value, f);
         }
       }
     }
-    function Dr(e) {
+    function $t(n) {
       {
-        var a = e.type;
-        if (a == null || typeof a == "string")
+        var f = n.type;
+        if (f == null || typeof f == "string")
           return;
-        var c;
-        if (typeof a == "function")
-          c = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === g || a.$$typeof === m))
-          c = a.propTypes;
+        var b;
+        if (typeof f == "function")
+          b = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === d || f.$$typeof === h))
+          b = f.propTypes;
         else
           return;
-        if (c) {
-          var p = F(a);
-          wr(c, e.props, "prop", p, e);
-        } else if (a.PropTypes !== void 0 && !ye) {
-          ye = !0;
-          var b = F(a);
-          T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
+        if (b) {
+          var E = ie(f);
+          Pt(b, n.props, "prop", E, n);
+        } else if (f.PropTypes !== void 0 && !lr) {
+          lr = !0;
+          var L = ie(f);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", L || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function jr(e) {
+    function Lt(n) {
       {
-        for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
-          var p = a[c];
-          if (p !== "children" && p !== "key") {
-            K(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), K(null);
+        for (var f = Object.keys(n.props), b = 0; b < f.length; b++) {
+          var E = f[b];
+          if (E !== "children" && E !== "key") {
+            Ae(n), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Ae(null);
             break;
           }
         }
-        e.ref !== null && (K(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+        n.ref !== null && (Ae(n), k("Invalid attribute `ref` supplied to `React.Fragment`."), Ae(null));
       }
     }
-    function Qe(e, a, c, p, b, y) {
+    function Vr(n, f, b, E, L, V) {
       {
-        var v = fr(e);
-        if (!v) {
-          var h = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var O = xr(b);
-          O ? h += O : h += Ge();
-          var R;
-          e === null ? R = "null" : we(e) ? R = "array" : e !== void 0 && e.$$typeof === n ? (R = "<" + (F(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : R = typeof e, T("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", R, h);
+        var q = $(n);
+        if (!q) {
+          var M = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (M += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ce = qt(L);
+          ce ? M += ce : M += Ur();
+          var Z;
+          n === null ? Z = "null" : sr(n) ? Z = "array" : n !== void 0 && n.$$typeof === r ? (Z = "<" + (ie(n.type) || "Unknown") + " />", M = " Did you accidentally export a JSX literal instead of a component?") : Z = typeof n, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Z, M);
         }
-        var P = Ar(e, a, c, b, y);
-        if (P == null)
-          return P;
-        if (v) {
-          var D = a.children;
-          if (D !== void 0)
-            if (p)
-              if (we(D)) {
-                for (var B = 0; B < D.length; B++)
-                  Xe(D[B], e);
-                Object.freeze && Object.freeze(D);
+        var re = kt(n, f, b, L, V);
+        if (re == null)
+          return re;
+        if (q) {
+          var ve = f.children;
+          if (ve !== void 0)
+            if (E)
+              if (sr(ve)) {
+                for (var Me = 0; Me < ve.length; Me++)
+                  Nr(ve[Me], n);
+                Object.freeze && Object.freeze(ve);
               } else
-                T("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                k("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Xe(D, e);
+              Nr(ve, n);
         }
-        return e === s ? jr(P) : Dr(P), P;
+        return n === o ? Lt(re) : $t(re), re;
       }
     }
-    function Ir(e, a, c) {
-      return Qe(e, a, c, !0);
+    function Ut(n, f, b) {
+      return Vr(n, f, b, !0);
     }
-    function Fr(e, a, c) {
-      return Qe(e, a, c, !1);
+    function Wt(n, f, b) {
+      return Vr(n, f, b, !1);
     }
-    var qr = Fr, Lr = Ir;
-    ee.Fragment = s, ee.jsx = qr, ee.jsxs = Lr;
-  }()), ee;
+    var Yt = Wt, Nt = Ut;
+    Ue.Fragment = o, Ue.jsx = Yt, Ue.jsxs = Nt;
+  }()), Ue;
 }
-(function(t) {
-  process.env.NODE_ENV === "production" ? t.exports = tt() : t.exports = nt();
-})(pe);
-const $ = pe.exports.Fragment, r = pe.exports.jsx, S = pe.exports.jsxs;
-function at({
-  postSubmit: t,
-  styles: n = fe
+(function(e) {
+  process.env.NODE_ENV === "production" ? e.exports = fn() : e.exports = dn();
+})(or);
+const Oe = or.exports.Fragment, a = or.exports.jsx, I = or.exports.jsxs;
+function pn({
+  submit: e,
+  styles: r = qe,
+  type: t
 }) {
   const {
     control: o,
-    handleSubmit: s
-  } = re({
+    setValue: s,
+    handleSubmit: i
+  } = ke({
     defaultValues: {
-      type: "postgresql",
+      type: t,
       key: "",
       config: {
         host: "",
@@ -817,243 +819,1852 @@ function at({
       }
     }
   });
-  return /* @__PURE__ */ r(L, {
+  return we(() => {
+    s("type", t);
+  }, [s, t]), /* @__PURE__ */ a(me, {
     mx: "auto",
-    children: /* @__PURE__ */ S("form", {
-      onSubmit: s(async ({
-        type: i,
-        key: l,
-        config: d
-      }) => {
-        U({
-          id: "for-creating",
-          title: "Pending",
-          message: "Adding data source...",
-          loading: !0
-        });
-        try {
-          await x.datasource.create(i, l, d), z({
-            id: "for-creating",
-            title: "Successful",
-            message: "Data source is added",
-            color: "green"
-          }), t();
-        } catch (g) {
-          z({
-            id: "for-creating",
-            title: "Failed",
-            message: g.message,
-            color: "red"
-          });
-        }
-      }),
-      children: [/* @__PURE__ */ r(E, {
-        name: "type",
-        control: o,
-        render: ({
-          field: i
-        }) => /* @__PURE__ */ r(Mr, {
-          fullWidth: !0,
-          mb: n.spacing,
-          size: n.size,
-          data: [{
-            label: "PostgreSQL",
-            value: "postgresql"
-          }, {
-            label: "MySQL",
-            value: "mysql"
-          }, {
-            label: "HTTP",
-            value: "http",
-            disabled: !0
-          }],
-          ...i
-        })
-      }), /* @__PURE__ */ r(E, {
+    children: /* @__PURE__ */ I("form", {
+      onSubmit: i(e),
+      children: [/* @__PURE__ */ a(J, {
         name: "key",
         control: o,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Name",
           placeholder: "A unique name",
-          ...i
+          ...c
         })
-      }), /* @__PURE__ */ r(tr, {
+      }), /* @__PURE__ */ a(Or, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ S(I, {
+      }), /* @__PURE__ */ I(se, {
         grow: !0,
-        children: [/* @__PURE__ */ r(E, {
+        children: [/* @__PURE__ */ a(J, {
           name: "config.host",
           control: o,
           render: ({
-            field: i
-          }) => /* @__PURE__ */ r(j, {
-            mb: n.spacing,
-            size: n.size,
+            field: c
+          }) => /* @__PURE__ */ a(fe, {
+            mb: r.spacing,
+            size: r.size,
             required: !0,
             label: "Host",
             sx: {
               flexGrow: 1
             },
-            ...i
+            ...c
           })
-        }), /* @__PURE__ */ r(E, {
+        }), /* @__PURE__ */ a(J, {
           name: "config.port",
           control: o,
           render: ({
-            field: i
-          }) => /* @__PURE__ */ r(Nr, {
-            mb: n.spacing,
-            size: n.size,
+            field: c
+          }) => /* @__PURE__ */ a(Vt, {
+            mb: r.spacing,
+            size: r.size,
             required: !0,
             label: "Port",
             hideControls: !0,
             sx: {
               width: "8em"
             },
-            ...i
+            ...c
           })
         })]
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "config.username",
         control: o,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Username",
-          ...i
+          ...c
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "config.password",
         control: o,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ r(le, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(rr, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Password",
-          ...i
+          ...c
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "config.database",
         control: o,
         render: ({
-          field: i
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Database",
+          ...c
+        })
+      }), /* @__PURE__ */ a(se, {
+        position: "right",
+        mt: r.spacing,
+        children: /* @__PURE__ */ a(oe, {
+          type: "submit",
+          size: r.button.size,
+          children: "Save"
+        })
+      })]
+    })
+  });
+}
+function gn(e, r, t) {
+  return r in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function Gr(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function Jr(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Gr(Object(t), !0).forEach(function(o) {
+      gn(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Gr(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return e;
+}
+function hn(e, r) {
+  if (e == null)
+    return {};
+  var t = {}, o = Object.keys(e), s, i;
+  for (i = 0; i < o.length; i++)
+    s = o[i], !(r.indexOf(s) >= 0) && (t[s] = e[s]);
+  return t;
+}
+function vn(e, r) {
+  if (e == null)
+    return {};
+  var t = hn(e, r), o, s;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < i.length; s++)
+      o = i[s], !(r.indexOf(o) >= 0) && (!Object.prototype.propertyIsEnumerable.call(e, o) || (t[o] = e[o]));
+  }
+  return t;
+}
+function mn(e, r) {
+  return bn(e) || yn(e, r) || wn(e, r) || Sn();
+}
+function bn(e) {
+  if (Array.isArray(e))
+    return e;
+}
+function yn(e, r) {
+  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
+    var t = [], o = !0, s = !1, i = void 0;
+    try {
+      for (var c = e[Symbol.iterator](), u; !(o = (u = c.next()).done) && (t.push(u.value), !(r && t.length === r)); o = !0)
+        ;
+    } catch (d) {
+      s = !0, i = d;
+    } finally {
+      try {
+        !o && c.return != null && c.return();
+      } finally {
+        if (s)
+          throw i;
+      }
+    }
+    return t;
+  }
+}
+function wn(e, r) {
+  if (!!e) {
+    if (typeof e == "string")
+      return Xr(e, r);
+    var t = Object.prototype.toString.call(e).slice(8, -1);
+    if (t === "Object" && e.constructor && (t = e.constructor.name), t === "Map" || t === "Set")
+      return Array.from(e);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))
+      return Xr(e, r);
+  }
+}
+function Xr(e, r) {
+  (r == null || r > e.length) && (r = e.length);
+  for (var t = 0, o = new Array(r); t < r; t++)
+    o[t] = e[t];
+  return o;
+}
+function Sn() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function En(e, r, t) {
+  return r in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function Qr(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function Zr(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? Qr(Object(t), !0).forEach(function(o) {
+      En(e, o, t[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Qr(Object(t)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(t, o));
+    });
+  }
+  return e;
+}
+function Tn() {
+  for (var e = arguments.length, r = new Array(e), t = 0; t < e; t++)
+    r[t] = arguments[t];
+  return function(o) {
+    return r.reduceRight(function(s, i) {
+      return i(s);
+    }, o);
+  };
+}
+function We(e) {
+  return function r() {
+    for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
+      s[i] = arguments[i];
+    return s.length >= e.length ? e.apply(this, s) : function() {
+      for (var c = arguments.length, u = new Array(c), d = 0; d < c; d++)
+        u[d] = arguments[d];
+      return r.apply(t, [].concat(s, u));
+    };
+  };
+}
+function Ze(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function On(e) {
+  return !Object.keys(e).length;
+}
+function Ne(e) {
+  return typeof e == "function";
+}
+function Pn(e, r) {
+  return Object.prototype.hasOwnProperty.call(e, r);
+}
+function Rn(e, r) {
+  return Ze(r) || Re("changeType"), Object.keys(r).some(function(t) {
+    return !Pn(e, t);
+  }) && Re("changeField"), r;
+}
+function _n(e) {
+  Ne(e) || Re("selectorType");
+}
+function xn(e) {
+  Ne(e) || Ze(e) || Re("handlerType"), Ze(e) && Object.values(e).some(function(r) {
+    return !Ne(r);
+  }) && Re("handlersType");
+}
+function Cn(e) {
+  e || Re("initialIsRequired"), Ze(e) || Re("initialType"), On(e) && Re("initialContent");
+}
+function jn(e, r) {
+  throw new Error(e[r] || e.default);
+}
+var An = {
+  initialIsRequired: "initial state is required",
+  initialType: "initial state should be an object",
+  initialContent: "initial state shouldn't be an empty object",
+  handlerType: "handler should be an object or a function",
+  handlersType: "all handlers should be a functions",
+  selectorType: "selector should be a function",
+  changeType: "provided value of changes should be an object",
+  changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
+  default: "an unknown error accured in `state-local` package"
+}, Re = We(jn)(An), Ge = {
+  changes: Rn,
+  selector: _n,
+  handler: xn,
+  initial: Cn
+};
+function Mn(e) {
+  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  Ge.initial(e), Ge.handler(r);
+  var t = {
+    current: e
+  }, o = We(Dn)(t, r), s = We(zn)(t), i = We(Ge.changes)(e), c = We(In)(t);
+  function u() {
+    var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
+      return y;
+    };
+    return Ge.selector(v), v(t.current);
+  }
+  function d(v) {
+    Tn(o, s, i, c)(v);
+  }
+  return [u, d];
+}
+function In(e, r) {
+  return Ne(r) ? r(e.current) : r;
+}
+function zn(e, r) {
+  return e.current = Zr(Zr({}, e.current), r), r;
+}
+function Dn(e, r, t) {
+  return Ne(r) ? r(e.current) : Object.keys(t).forEach(function(o) {
+    var s;
+    return (s = r[o]) === null || s === void 0 ? void 0 : s.call(r, e.current[o]);
+  }), t;
+}
+var kn = {
+  create: Mn
+}, qn = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.33.0/min/vs"
+  }
+};
+function Fn(e) {
+  return function r() {
+    for (var t = this, o = arguments.length, s = new Array(o), i = 0; i < o; i++)
+      s[i] = arguments[i];
+    return s.length >= e.length ? e.apply(this, s) : function() {
+      for (var c = arguments.length, u = new Array(c), d = 0; d < c; d++)
+        u[d] = arguments[d];
+      return r.apply(t, [].concat(s, u));
+    };
+  };
+}
+function $n(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Ln(e) {
+  return e || et("configIsRequired"), $n(e) || et("configType"), e.urls ? (Un(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function Un() {
+  console.warn(pt.deprecation);
+}
+function Wn(e, r) {
+  throw new Error(e[r] || e.default);
+}
+var pt = {
+  configIsRequired: "the configuration object is required",
+  configType: "the configuration object should be an object",
+  default: "an unknown error accured in `@monaco-editor/loader` package",
+  deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `
+}, et = Fn(Wn)(pt), Yn = {
+  config: Ln
+}, Nn = function() {
+  for (var r = arguments.length, t = new Array(r), o = 0; o < r; o++)
+    t[o] = arguments[o];
+  return function(s) {
+    return t.reduceRight(function(i, c) {
+      return c(i);
+    }, s);
+  };
+};
+function gt(e, r) {
+  return Object.keys(r).forEach(function(t) {
+    r[t] instanceof Object && e[t] && Object.assign(r[t], gt(e[t], r[t]));
+  }), Jr(Jr({}, e), r);
+}
+var Vn = {
+  type: "cancelation",
+  msg: "operation is manually canceled"
+};
+function dr(e) {
+  var r = !1, t = new Promise(function(o, s) {
+    e.then(function(i) {
+      return r ? s(Vn) : o(i);
+    }), e.catch(s);
+  });
+  return t.cancel = function() {
+    return r = !0;
+  }, t;
+}
+var Bn = kn.create({
+  config: qn,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), ht = mn(Bn, 2), Be = ht[0], ir = ht[1];
+function Kn(e) {
+  var r = Yn.config(e), t = r.monaco, o = vn(r, ["monaco"]);
+  ir(function(s) {
+    return {
+      config: gt(s.config, o),
+      monaco: t
+    };
+  });
+}
+function Hn() {
+  var e = Be(function(r) {
+    var t = r.monaco, o = r.isInitialized, s = r.resolve;
+    return {
+      monaco: t,
+      isInitialized: o,
+      resolve: s
+    };
+  });
+  if (!e.isInitialized) {
+    if (ir({
+      isInitialized: !0
+    }), e.monaco)
+      return e.resolve(e.monaco), dr(pr);
+    if (window.monaco && window.monaco.editor)
+      return vt(window.monaco), e.resolve(window.monaco), dr(pr);
+    Nn(Gn, Xn)(Qn);
+  }
+  return dr(pr);
+}
+function Gn(e) {
+  return document.body.appendChild(e);
+}
+function Jn(e) {
+  var r = document.createElement("script");
+  return e && (r.src = e), r;
+}
+function Xn(e) {
+  var r = Be(function(o) {
+    var s = o.config, i = o.reject;
+    return {
+      config: s,
+      reject: i
+    };
+  }), t = Jn("".concat(r.config.paths.vs, "/loader.js"));
+  return t.onload = function() {
+    return e();
+  }, t.onerror = r.reject, t;
+}
+function Qn() {
+  var e = Be(function(t) {
+    var o = t.config, s = t.resolve, i = t.reject;
+    return {
+      config: o,
+      resolve: s,
+      reject: i
+    };
+  }), r = window.require;
+  r.config(e.config), r(["vs/editor/editor.main"], function(t) {
+    vt(t), e.resolve(t);
+  }, function(t) {
+    e.reject(t);
+  });
+}
+function vt(e) {
+  Be().monaco || ir({
+    monaco: e
+  });
+}
+function Zn() {
+  return Be(function(e) {
+    var r = e.monaco;
+    return r;
+  });
+}
+var pr = new Promise(function(e, r) {
+  return ir({
+    resolve: e,
+    reject: r
+  });
+}), mt = {
+  config: Kn,
+  init: Hn,
+  __getMonacoInstance: Zn
+}, S = { exports: {} }, gr = { exports: {} }, U = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var rt;
+function eo() {
+  if (rt)
+    return U;
+  rt = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, D = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+  function H(p) {
+    if (typeof p == "object" && p !== null) {
+      var X = p.$$typeof;
+      switch (X) {
+        case r:
+          switch (p = p.type, p) {
+            case d:
+            case v:
+            case o:
+            case i:
+            case s:
+            case h:
+              return p;
+            default:
+              switch (p = p && p.$$typeof, p) {
+                case u:
+                case y:
+                case Y:
+                case x:
+                case c:
+                  return p;
+                default:
+                  return X;
+              }
+          }
+        case t:
+          return X;
+      }
+    }
+  }
+  function N(p) {
+    return H(p) === v;
+  }
+  return U.AsyncMode = d, U.ConcurrentMode = v, U.ContextConsumer = u, U.ContextProvider = c, U.Element = r, U.ForwardRef = y, U.Fragment = o, U.Lazy = Y, U.Memo = x, U.Portal = t, U.Profiler = i, U.StrictMode = s, U.Suspense = h, U.isAsyncMode = function(p) {
+    return N(p) || H(p) === d;
+  }, U.isConcurrentMode = N, U.isContextConsumer = function(p) {
+    return H(p) === u;
+  }, U.isContextProvider = function(p) {
+    return H(p) === c;
+  }, U.isElement = function(p) {
+    return typeof p == "object" && p !== null && p.$$typeof === r;
+  }, U.isForwardRef = function(p) {
+    return H(p) === y;
+  }, U.isFragment = function(p) {
+    return H(p) === o;
+  }, U.isLazy = function(p) {
+    return H(p) === Y;
+  }, U.isMemo = function(p) {
+    return H(p) === x;
+  }, U.isPortal = function(p) {
+    return H(p) === t;
+  }, U.isProfiler = function(p) {
+    return H(p) === i;
+  }, U.isStrictMode = function(p) {
+    return H(p) === s;
+  }, U.isSuspense = function(p) {
+    return H(p) === h;
+  }, U.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === o || p === v || p === i || p === s || p === h || p === m || typeof p == "object" && p !== null && (p.$$typeof === Y || p.$$typeof === x || p.$$typeof === c || p.$$typeof === u || p.$$typeof === y || p.$$typeof === G || p.$$typeof === K || p.$$typeof === k || p.$$typeof === D);
+  }, U.typeOf = H, U;
+}
+var W = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var tt;
+function ro() {
+  return tt || (tt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, o = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, Y = e ? Symbol.for("react.lazy") : 60116, D = e ? Symbol.for("react.block") : 60121, G = e ? Symbol.for("react.fundamental") : 60117, K = e ? Symbol.for("react.responder") : 60118, k = e ? Symbol.for("react.scope") : 60119;
+    function H(w) {
+      return typeof w == "string" || typeof w == "function" || w === o || w === v || w === i || w === s || w === h || w === m || typeof w == "object" && w !== null && (w.$$typeof === Y || w.$$typeof === x || w.$$typeof === c || w.$$typeof === u || w.$$typeof === y || w.$$typeof === G || w.$$typeof === K || w.$$typeof === k || w.$$typeof === D);
+    }
+    function N(w) {
+      if (typeof w == "object" && w !== null) {
+        var he = w.$$typeof;
+        switch (he) {
+          case r:
+            var je = w.type;
+            switch (je) {
+              case d:
+              case v:
+              case o:
+              case i:
+              case s:
+              case h:
+                return je;
+              default:
+                var Ce = je && je.$$typeof;
+                switch (Ce) {
+                  case u:
+                  case y:
+                  case Y:
+                  case x:
+                  case c:
+                    return Ce;
+                  default:
+                    return he;
+                }
+            }
+          case t:
+            return he;
+        }
+      }
+    }
+    var p = d, X = v, ee = u, Se = c, Q = r, $ = y, ge = o, be = Y, ie = x, z = t, B = i, te = s, pe = h, Ee = !1;
+    function Pe(w) {
+      return Ee || (Ee = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(w) || N(w) === d;
+    }
+    function l(w) {
+      return N(w) === v;
+    }
+    function g(w) {
+      return N(w) === u;
+    }
+    function T(w) {
+      return N(w) === c;
+    }
+    function O(w) {
+      return typeof w == "object" && w !== null && w.$$typeof === r;
+    }
+    function P(w) {
+      return N(w) === y;
+    }
+    function C(w) {
+      return N(w) === o;
+    }
+    function R(w) {
+      return N(w) === Y;
+    }
+    function _(w) {
+      return N(w) === x;
+    }
+    function j(w) {
+      return N(w) === t;
+    }
+    function F(w) {
+      return N(w) === i;
+    }
+    function A(w) {
+      return N(w) === s;
+    }
+    function ae(w) {
+      return N(w) === h;
+    }
+    W.AsyncMode = p, W.ConcurrentMode = X, W.ContextConsumer = ee, W.ContextProvider = Se, W.Element = Q, W.ForwardRef = $, W.Fragment = ge, W.Lazy = be, W.Memo = ie, W.Portal = z, W.Profiler = B, W.StrictMode = te, W.Suspense = pe, W.isAsyncMode = Pe, W.isConcurrentMode = l, W.isContextConsumer = g, W.isContextProvider = T, W.isElement = O, W.isForwardRef = P, W.isFragment = C, W.isLazy = R, W.isMemo = _, W.isPortal = j, W.isProfiler = F, W.isStrictMode = A, W.isSuspense = ae, W.isValidElementType = H, W.typeOf = N;
+  }()), W;
+}
+var nt;
+function bt() {
+  return nt || (nt = 1, function(e) {
+    process.env.NODE_ENV === "production" ? e.exports = eo() : e.exports = ro();
+  }(gr)), gr.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var hr, ot;
+function to() {
+  if (ot)
+    return hr;
+  ot = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function o(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function s() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var c = {}, u = 0; u < 10; u++)
+        c["_" + String.fromCharCode(u)] = u;
+      var d = Object.getOwnPropertyNames(c).map(function(y) {
+        return c[y];
+      });
+      if (d.join("") !== "0123456789")
+        return !1;
+      var v = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        v[y] = y;
+      }), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return hr = s() ? Object.assign : function(i, c) {
+    for (var u, d = o(i), v, y = 1; y < arguments.length; y++) {
+      u = Object(arguments[y]);
+      for (var h in u)
+        r.call(u, h) && (d[h] = u[h]);
+      if (e) {
+        v = e(u);
+        for (var m = 0; m < v.length; m++)
+          t.call(u, v[m]) && (d[v[m]] = u[v[m]]);
+      }
+    }
+    return d;
+  }, hr;
+}
+var vr, it;
+function Ar() {
+  if (it)
+    return vr;
+  it = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return vr = e, vr;
+}
+var mr, at;
+function yt() {
+  return at || (at = 1, mr = Function.call.bind(Object.prototype.hasOwnProperty)), mr;
+}
+var br, st;
+function no() {
+  if (st)
+    return br;
+  st = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = Ar(), t = {}, o = yt();
+    e = function(i) {
+      var c = "Warning: " + i;
+      typeof console < "u" && console.error(c);
+      try {
+        throw new Error(c);
+      } catch {
+      }
+    };
+  }
+  function s(i, c, u, d, v) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var y in i)
+        if (o(i, y)) {
+          var h;
+          try {
+            if (typeof i[y] != "function") {
+              var m = Error(
+                (d || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw m.name = "Invariant Violation", m;
+            }
+            h = i[y](c, y, d, u, null, r);
+          } catch (Y) {
+            h = Y;
+          }
+          if (h && !(h instanceof Error) && e(
+            (d || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), h instanceof Error && !(h.message in t)) {
+            t[h.message] = !0;
+            var x = v ? v() : "";
+            e(
+              "Failed " + u + " type: " + h.message + (x != null ? x : "")
+            );
+          }
+        }
+    }
+  }
+  return s.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, br = s, br;
+}
+var yr, ct;
+function oo() {
+  if (ct)
+    return yr;
+  ct = 1;
+  var e = bt(), r = to(), t = Ar(), o = yt(), s = no(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(u) {
+    var d = "Warning: " + u;
+    typeof console < "u" && console.error(d);
+    try {
+      throw new Error(d);
+    } catch {
+    }
+  });
+  function c() {
+    return null;
+  }
+  return yr = function(u, d) {
+    var v = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function h(l) {
+      var g = l && (v && l[v] || l[y]);
+      if (typeof g == "function")
+        return g;
+    }
+    var m = "<<anonymous>>", x = {
+      array: K("array"),
+      bigint: K("bigint"),
+      bool: K("boolean"),
+      func: K("function"),
+      number: K("number"),
+      object: K("object"),
+      string: K("string"),
+      symbol: K("symbol"),
+      any: k(),
+      arrayOf: H,
+      element: N(),
+      elementType: p(),
+      instanceOf: X,
+      node: $(),
+      objectOf: Se,
+      oneOf: ee,
+      oneOfType: Q,
+      shape: be,
+      exact: ie
+    };
+    function Y(l, g) {
+      return l === g ? l !== 0 || 1 / l === 1 / g : l !== l && g !== g;
+    }
+    function D(l, g) {
+      this.message = l, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
+    }
+    D.prototype = Error.prototype;
+    function G(l) {
+      if (process.env.NODE_ENV !== "production")
+        var g = {}, T = 0;
+      function O(C, R, _, j, F, A, ae) {
+        if (j = j || m, A = A || _, ae !== t) {
+          if (d) {
+            var w = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw w.name = "Invariant Violation", w;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var he = j + ":" + _;
+            !g[he] && T < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + A + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), g[he] = !0, T++);
+          }
+        }
+        return R[_] == null ? C ? R[_] === null ? new D("The " + F + " `" + A + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new D("The " + F + " `" + A + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : l(R, _, j, F, A);
+      }
+      var P = O.bind(null, !1);
+      return P.isRequired = O.bind(null, !0), P;
+    }
+    function K(l) {
+      function g(T, O, P, C, R, _) {
+        var j = T[O], F = te(j);
+        if (F !== l) {
+          var A = pe(j);
+          return new D(
+            "Invalid " + C + " `" + R + "` of type " + ("`" + A + "` supplied to `" + P + "`, expected ") + ("`" + l + "`."),
+            { expectedType: l }
+          );
+        }
+        return null;
+      }
+      return G(g);
+    }
+    function k() {
+      return G(c);
+    }
+    function H(l) {
+      function g(T, O, P, C, R) {
+        if (typeof l != "function")
+          return new D("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside arrayOf.");
+        var _ = T[O];
+        if (!Array.isArray(_)) {
+          var j = te(_);
+          return new D("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an array."));
+        }
+        for (var F = 0; F < _.length; F++) {
+          var A = l(_, F, P, C, R + "[" + F + "]", t);
+          if (A instanceof Error)
+            return A;
+        }
+        return null;
+      }
+      return G(g);
+    }
+    function N() {
+      function l(g, T, O, P, C) {
+        var R = g[T];
+        if (!u(R)) {
+          var _ = te(R);
+          return new D("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return G(l);
+    }
+    function p() {
+      function l(g, T, O, P, C) {
+        var R = g[T];
+        if (!e.isValidElementType(R)) {
+          var _ = te(R);
+          return new D("Invalid " + P + " `" + C + "` of type " + ("`" + _ + "` supplied to `" + O + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return G(l);
+    }
+    function X(l) {
+      function g(T, O, P, C, R) {
+        if (!(T[O] instanceof l)) {
+          var _ = l.name || m, j = Pe(T[O]);
+          return new D("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected ") + ("instance of `" + _ + "`."));
+        }
+        return null;
+      }
+      return G(g);
+    }
+    function ee(l) {
+      if (!Array.isArray(l))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), c;
+      function g(T, O, P, C, R) {
+        for (var _ = T[O], j = 0; j < l.length; j++)
+          if (Y(_, l[j]))
+            return null;
+        var F = JSON.stringify(l, function(ae, w) {
+          var he = pe(w);
+          return he === "symbol" ? String(w) : w;
+        });
+        return new D("Invalid " + C + " `" + R + "` of value `" + String(_) + "` " + ("supplied to `" + P + "`, expected one of " + F + "."));
+      }
+      return G(g);
+    }
+    function Se(l) {
+      function g(T, O, P, C, R) {
+        if (typeof l != "function")
+          return new D("Property `" + R + "` of component `" + P + "` has invalid PropType notation inside objectOf.");
+        var _ = T[O], j = te(_);
+        if (j !== "object")
+          return new D("Invalid " + C + " `" + R + "` of type " + ("`" + j + "` supplied to `" + P + "`, expected an object."));
+        for (var F in _)
+          if (o(_, F)) {
+            var A = l(_, F, P, C, R + "." + F, t);
+            if (A instanceof Error)
+              return A;
+          }
+        return null;
+      }
+      return G(g);
+    }
+    function Q(l) {
+      if (!Array.isArray(l))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+      for (var g = 0; g < l.length; g++) {
+        var T = l[g];
+        if (typeof T != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + Ee(T) + " at index " + g + "."
+          ), c;
+      }
+      function O(P, C, R, _, j) {
+        for (var F = [], A = 0; A < l.length; A++) {
+          var ae = l[A], w = ae(P, C, R, _, j, t);
+          if (w == null)
+            return null;
+          w.data && o(w.data, "expectedType") && F.push(w.data.expectedType);
+        }
+        var he = F.length > 0 ? ", expected one of type [" + F.join(", ") + "]" : "";
+        return new D("Invalid " + _ + " `" + j + "` supplied to " + ("`" + R + "`" + he + "."));
+      }
+      return G(O);
+    }
+    function $() {
+      function l(g, T, O, P, C) {
+        return z(g[T]) ? null : new D("Invalid " + P + " `" + C + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
+      }
+      return G(l);
+    }
+    function ge(l, g, T, O, P) {
+      return new D(
+        (l || "React class") + ": " + g + " type `" + T + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + P + "`."
+      );
+    }
+    function be(l) {
+      function g(T, O, P, C, R) {
+        var _ = T[O], j = te(_);
+        if (j !== "object")
+          return new D("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
+        for (var F in l) {
+          var A = l[F];
+          if (typeof A != "function")
+            return ge(P, C, R, F, pe(A));
+          var ae = A(_, F, P, C, R + "." + F, t);
+          if (ae)
+            return ae;
+        }
+        return null;
+      }
+      return G(g);
+    }
+    function ie(l) {
+      function g(T, O, P, C, R) {
+        var _ = T[O], j = te(_);
+        if (j !== "object")
+          return new D("Invalid " + C + " `" + R + "` of type `" + j + "` " + ("supplied to `" + P + "`, expected `object`."));
+        var F = r({}, T[O], l);
+        for (var A in F) {
+          var ae = l[A];
+          if (o(l, A) && typeof ae != "function")
+            return ge(P, C, R, A, pe(ae));
+          if (!ae)
+            return new D(
+              "Invalid " + C + " `" + R + "` key `" + A + "` supplied to `" + P + "`.\nBad object: " + JSON.stringify(T[O], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
+            );
+          var w = ae(_, A, P, C, R + "." + A, t);
+          if (w)
+            return w;
+        }
+        return null;
+      }
+      return G(g);
+    }
+    function z(l) {
+      switch (typeof l) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !l;
+        case "object":
+          if (Array.isArray(l))
+            return l.every(z);
+          if (l === null || u(l))
+            return !0;
+          var g = h(l);
+          if (g) {
+            var T = g.call(l), O;
+            if (g !== l.entries) {
+              for (; !(O = T.next()).done; )
+                if (!z(O.value))
+                  return !1;
+            } else
+              for (; !(O = T.next()).done; ) {
+                var P = O.value;
+                if (P && !z(P[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function B(l, g) {
+      return l === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
+    }
+    function te(l) {
+      var g = typeof l;
+      return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : B(g, l) ? "symbol" : g;
+    }
+    function pe(l) {
+      if (typeof l > "u" || l === null)
+        return "" + l;
+      var g = te(l);
+      if (g === "object") {
+        if (l instanceof Date)
+          return "date";
+        if (l instanceof RegExp)
+          return "regexp";
+      }
+      return g;
+    }
+    function Ee(l) {
+      var g = pe(l);
+      switch (g) {
+        case "array":
+        case "object":
+          return "an " + g;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + g;
+        default:
+          return g;
+      }
+    }
+    function Pe(l) {
+      return !l.constructor || !l.constructor.name ? m : l.constructor.name;
+    }
+    return x.checkPropTypes = s, x.resetWarningCache = s.resetWarningCache, x.PropTypes = x, x;
+  }, yr;
+}
+var wr, ut;
+function io() {
+  if (ut)
+    return wr;
+  ut = 1;
+  var e = Ar();
+  function r() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = r, wr = function() {
+    function o(c, u, d, v, y, h) {
+      if (h !== e) {
+        var m = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw m.name = "Invariant Violation", m;
+      }
+    }
+    o.isRequired = o;
+    function s() {
+      return o;
+    }
+    var i = {
+      array: o,
+      bigint: o,
+      bool: o,
+      func: o,
+      number: o,
+      object: o,
+      string: o,
+      symbol: o,
+      any: o,
+      arrayOf: s,
+      element: o,
+      elementType: o,
+      instanceOf: s,
+      node: o,
+      objectOf: s,
+      oneOf: s,
+      oneOfType: s,
+      shape: s,
+      exact: s,
+      checkPropTypes: t,
+      resetWarningCache: r
+    };
+    return i.PropTypes = i, i;
+  }, wr;
+}
+if (process.env.NODE_ENV !== "production") {
+  var ao = bt(), so = !0;
+  S.exports = oo()(ao.isElement, so);
+} else
+  S.exports = io()();
+const co = {
+  display: "flex",
+  height: "100%",
+  width: "100%",
+  justifyContent: "center",
+  alignItems: "center"
+};
+function uo({
+  content: e
+}) {
+  return /* @__PURE__ */ a("div", {
+    style: co,
+    children: e
+  });
+}
+const Sr = {
+  wrapper: {
+    display: "flex",
+    position: "relative",
+    textAlign: "initial"
+  },
+  fullWidth: {
+    width: "100%"
+  },
+  hide: {
+    display: "none"
+  }
+};
+function wt({
+  width: e,
+  height: r,
+  isEditorReady: t,
+  loading: o,
+  _ref: s,
+  className: i,
+  wrapperProps: c
+}) {
+  return /* @__PURE__ */ I("section", {
+    style: {
+      ...Sr.wrapper,
+      width: e,
+      height: r
+    },
+    ...c,
+    children: [!t && /* @__PURE__ */ a(uo, {
+      content: o
+    }), /* @__PURE__ */ a("div", {
+      ref: s,
+      style: {
+        ...Sr.fullWidth,
+        ...!t && Sr.hide
+      },
+      className: i
+    })]
+  });
+}
+wt.propTypes = {
+  width: S.exports.oneOfType([S.exports.number, S.exports.string]).isRequired,
+  height: S.exports.oneOfType([S.exports.number, S.exports.string]).isRequired,
+  loading: S.exports.oneOfType([S.exports.element, S.exports.string]).isRequired,
+  isEditorReady: S.exports.bool.isRequired,
+  className: S.exports.string,
+  wrapperProps: S.exports.object
+};
+var St = /* @__PURE__ */ ft(wt);
+function Et(e) {
+  we(e, []);
+}
+function ye(e, r, t = !0) {
+  const o = ue(!0);
+  we(o.current || !t ? () => {
+    o.current = !1;
+  } : e, r);
+}
+function Ye() {
+}
+function er(e, r, t, o) {
+  return lo(e, o) || fo(e, r, t, o);
+}
+function lo(e, r) {
+  return e.editor.getModel(Tt(e, r));
+}
+function fo(e, r, t, o) {
+  return e.editor.createModel(r, t, o && Tt(e, o));
+}
+function Tt(e, r) {
+  return e.Uri.parse(r);
+}
+function po(e) {
+  return e === void 0;
+}
+function Ot({
+  original: e,
+  modified: r,
+  language: t,
+  originalLanguage: o,
+  modifiedLanguage: s,
+  originalModelPath: i,
+  modifiedModelPath: c,
+  keepCurrentOriginalModel: u,
+  keepCurrentModifiedModel: d,
+  theme: v,
+  loading: y,
+  options: h,
+  height: m,
+  width: x,
+  className: Y,
+  wrapperProps: D,
+  beforeMount: G,
+  onMount: K
+}) {
+  const [k, H] = Ie(!1), [N, p] = Ie(!0), X = ue(null), ee = ue(null), Se = ue(null), Q = ue(K), $ = ue(G);
+  Et(() => {
+    const z = mt.init();
+    return z.then((B) => (ee.current = B) && p(!1)).catch((B) => (B == null ? void 0 : B.type) !== "cancelation" && console.error("Monaco initialization: error:", B)), () => X.current ? ie() : z.cancel();
+  }), ye(() => {
+    const z = X.current.getModifiedEditor();
+    z.getOption(ee.current.editor.EditorOption.readOnly) ? z.setValue(r) : r !== z.getValue() && (z.executeEdits("", [{
+      range: z.getModel().getFullModelRange(),
+      text: r,
+      forceMoveMarkers: !0
+    }]), z.pushUndoStop());
+  }, [r], k), ye(() => {
+    X.current.getModel().original.setValue(e);
+  }, [e], k), ye(() => {
+    const {
+      original: z,
+      modified: B
+    } = X.current.getModel();
+    ee.current.editor.setModelLanguage(z, o || t), ee.current.editor.setModelLanguage(B, s || t);
+  }, [t, o, s], k), ye(() => {
+    ee.current.editor.setTheme(v);
+  }, [v], k), ye(() => {
+    X.current.updateOptions(h);
+  }, [h], k);
+  const ge = Er(() => {
+    $.current(ee.current);
+    const z = er(ee.current, e, o || t, i), B = er(ee.current, r, s || t, c);
+    X.current.setModel({
+      original: z,
+      modified: B
+    });
+  }, [t, r, s, e, o, i, c]), be = Er(() => {
+    X.current = ee.current.editor.createDiffEditor(Se.current, {
+      automaticLayout: !0,
+      ...h
+    }), ge(), ee.current.editor.setTheme(v), H(!0);
+  }, [h, v, ge]);
+  we(() => {
+    k && Q.current(X.current, ee.current);
+  }, [k]), we(() => {
+    !N && !k && be();
+  }, [N, k, be]);
+  function ie() {
+    const z = X.current.getModel();
+    if (!u) {
+      var B;
+      (B = z.original) === null || B === void 0 || B.dispose();
+    }
+    if (!d) {
+      var te;
+      (te = z.modified) === null || te === void 0 || te.dispose();
+    }
+    X.current.dispose();
+  }
+  return /* @__PURE__ */ a(St, {
+    width: x,
+    height: m,
+    isEditorReady: k,
+    loading: y,
+    _ref: Se,
+    className: Y,
+    wrapperProps: D
+  });
+}
+Ot.propTypes = {
+  original: S.exports.string,
+  modified: S.exports.string,
+  language: S.exports.string,
+  originalLanguage: S.exports.string,
+  modifiedLanguage: S.exports.string,
+  originalModelPath: S.exports.string,
+  modifiedModelPath: S.exports.string,
+  keepCurrentOriginalModel: S.exports.bool,
+  keepCurrentModifiedModel: S.exports.bool,
+  theme: S.exports.string,
+  loading: S.exports.oneOfType([S.exports.element, S.exports.string]),
+  options: S.exports.object,
+  width: S.exports.oneOfType([S.exports.number, S.exports.string]),
+  height: S.exports.oneOfType([S.exports.number, S.exports.string]),
+  className: S.exports.string,
+  wrapperProps: S.exports.object,
+  beforeMount: S.exports.func,
+  onMount: S.exports.func
+};
+Ot.defaultProps = {
+  theme: "light",
+  loading: "Loading...",
+  options: {},
+  keepCurrentOriginalModel: !1,
+  keepCurrentModifiedModel: !1,
+  width: "100%",
+  height: "100%",
+  wrapperProps: {},
+  beforeMount: Ye,
+  onMount: Ye
+};
+function go(e) {
+  const r = ue();
+  return we(() => {
+    r.current = e;
+  }, [e]), r.current;
+}
+const Je = /* @__PURE__ */ new Map();
+function Mr({
+  defaultValue: e,
+  defaultLanguage: r,
+  defaultPath: t,
+  value: o,
+  language: s,
+  path: i,
+  theme: c,
+  line: u,
+  loading: d,
+  options: v,
+  overrideServices: y,
+  saveViewState: h,
+  keepCurrentModel: m,
+  width: x,
+  height: Y,
+  className: D,
+  wrapperProps: G,
+  beforeMount: K,
+  onMount: k,
+  onChange: H,
+  onValidate: N
+}) {
+  const [p, X] = Ie(!1), [ee, Se] = Ie(!0), Q = ue(null), $ = ue(null), ge = ue(null), be = ue(k), ie = ue(K), z = ue(null), B = ue(o), te = go(i), pe = ue(!1);
+  Et(() => {
+    const l = mt.init();
+    return l.then((g) => (Q.current = g) && Se(!1)).catch((g) => (g == null ? void 0 : g.type) !== "cancelation" && console.error("Monaco initialization: error:", g)), () => $.current ? Pe() : l.cancel();
+  }), ye(() => {
+    const l = er(Q.current, e || o, r || s, i);
+    l !== $.current.getModel() && (h && Je.set(te, $.current.saveViewState()), $.current.setModel(l), h && $.current.restoreViewState(Je.get(i)));
+  }, [i], p), ye(() => {
+    $.current.updateOptions(v);
+  }, [v], p), ye(() => {
+    $.current.getOption(Q.current.editor.EditorOption.readOnly) ? $.current.setValue(o) : o !== $.current.getValue() && ($.current.executeEdits("", [{
+      range: $.current.getModel().getFullModelRange(),
+      text: o,
+      forceMoveMarkers: !0
+    }]), $.current.pushUndoStop());
+  }, [o], p), ye(() => {
+    Q.current.editor.setModelLanguage($.current.getModel(), s);
+  }, [s], p), ye(() => {
+    po(u) || $.current.revealLine(u);
+  }, [u], p), ye(() => {
+    Q.current.editor.setTheme(c);
+  }, [c], p);
+  const Ee = Er(() => {
+    if (!pe.current) {
+      ie.current(Q.current);
+      const l = i || t, g = er(Q.current, o || e, r || s, l);
+      $.current = Q.current.editor.create(ge.current, {
+        model: g,
+        automaticLayout: !0,
+        ...v
+      }, y), h && $.current.restoreViewState(Je.get(l)), Q.current.editor.setTheme(c), X(!0), pe.current = !0;
+    }
+  }, [e, r, t, o, s, i, v, y, h, c]);
+  we(() => {
+    p && be.current($.current, Q.current);
+  }, [p]), we(() => {
+    !ee && !p && Ee();
+  }, [ee, p, Ee]), B.current = o, we(() => {
+    if (p && H) {
+      var l, g;
+      (l = z.current) === null || l === void 0 || l.dispose(), z.current = (g = $.current) === null || g === void 0 ? void 0 : g.onDidChangeModelContent((T) => {
+        H($.current.getValue(), T);
+      });
+    }
+  }, [p, H]), we(() => {
+    if (p) {
+      const l = Q.current.editor.onDidChangeMarkers((g) => {
+        var T;
+        const O = (T = $.current.getModel()) === null || T === void 0 ? void 0 : T.uri;
+        if (O && g.find((C) => C.path === O.path)) {
+          const C = Q.current.editor.getModelMarkers({
+            resource: O
+          });
+          N == null || N(C);
+        }
+      });
+      return () => {
+        l == null || l.dispose();
+      };
+    }
+  }, [p, N]);
+  function Pe() {
+    var l;
+    if ((l = z.current) === null || l === void 0 || l.dispose(), m)
+      h && Je.set(i, $.current.saveViewState());
+    else {
+      var g;
+      (g = $.current.getModel()) === null || g === void 0 || g.dispose();
+    }
+    $.current.dispose();
+  }
+  return /* @__PURE__ */ a(St, {
+    width: x,
+    height: Y,
+    isEditorReady: p,
+    loading: d,
+    _ref: ge,
+    className: D,
+    wrapperProps: G
+  });
+}
+Mr.propTypes = {
+  defaultValue: S.exports.string,
+  defaultPath: S.exports.string,
+  defaultLanguage: S.exports.string,
+  value: S.exports.string,
+  language: S.exports.string,
+  path: S.exports.string,
+  theme: S.exports.string,
+  line: S.exports.number,
+  loading: S.exports.oneOfType([S.exports.element, S.exports.string]),
+  options: S.exports.object,
+  overrideServices: S.exports.object,
+  saveViewState: S.exports.bool,
+  keepCurrentModel: S.exports.bool,
+  width: S.exports.oneOfType([S.exports.number, S.exports.string]),
+  height: S.exports.oneOfType([S.exports.number, S.exports.string]),
+  className: S.exports.string,
+  wrapperProps: S.exports.object,
+  beforeMount: S.exports.func,
+  onMount: S.exports.func,
+  onChange: S.exports.func,
+  onValidate: S.exports.func
+};
+Mr.defaultProps = {
+  theme: "light",
+  loading: "Loading...",
+  options: {},
+  overrideServices: {},
+  saveViewState: !0,
+  keepCurrentModel: !1,
+  width: "100%",
+  height: "100%",
+  wrapperProps: {},
+  beforeMount: Ye,
+  onMount: Ye,
+  onValidate: Ye
+};
+var ho = /* @__PURE__ */ ft(Mr);
+const vo = ({
+  value: e,
+  onChange: r
+}) => /* @__PURE__ */ a(me, {
+  sx: {
+    position: "relative"
+  },
+  children: /* @__PURE__ */ a(ho, {
+    height: "500px",
+    defaultLanguage: "javascript",
+    value: e,
+    onChange: (o) => {
+      !o || r(o);
+    },
+    theme: "vs-dark",
+    options: {
+      minimap: {
+        enabled: !1
+      }
+    }
+  })
+}), lt = xr(({
+  value: e,
+  onChange: r,
+  label: t,
+  modalTitle: o,
+  defaultValue: s,
+  styles: i
+}, c) => {
+  const [u, {
+    setTrue: d,
+    setFalse: v
+  }] = tn(), [y, h] = Ie(e), m = () => {
+    v(), r(y);
+  }, x = () => {
+    v(), h(e);
+  }, Y = () => {
+    h(s);
+  };
+  return we(() => {
+    h(e);
+  }, [e]), /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(oe, {
+      variant: "filled",
+      size: i.button.size,
+      onClick: d,
+      sx: {
+        flexGrow: 1
+      },
+      children: t
+    }), /* @__PURE__ */ a(Ve, {
+      size: 800,
+      title: o,
+      opened: u,
+      onClose: v,
+      closeOnClickOutside: !1,
+      withCloseButton: !1,
+      children: u && /* @__PURE__ */ I(Pr, {
+        children: [/* @__PURE__ */ a(vo, {
+          value: y,
+          onChange: h
+        }), /* @__PURE__ */ I(se, {
+          position: "apart",
+          children: [/* @__PURE__ */ a(oe, {
+            onClick: Y,
+            color: "red",
+            leftIcon: /* @__PURE__ */ a(Xt, {
+              size: 20
+            }),
+            children: "Rest"
+          }), /* @__PURE__ */ I(se, {
+            position: "right",
+            children: [/* @__PURE__ */ a(oe, {
+              onClick: x,
+              variant: "subtle",
+              children: "Cancel"
+            }), /* @__PURE__ */ a(oe, {
+              onClick: m,
+              children: "OK"
+            })]
+          })]
+        })]
+      })
+    })]
+  });
+}), Xe = {
+  pre: ["function pre_process({ method, url, params, headers, data }, utils) {", "    // your code goes here", "    return { method, url, params, headers, data }", "}"].join(`
+`),
+  post: ["function post_process(res, utils) {", "    // your code goes here", "    return data", "}"].join(`
+`)
+};
+function mo({
+  submit: e,
+  styles: r = qe
+}) {
+  const {
+    control: t,
+    setValue: o,
+    handleSubmit: s
+  } = ke({
+    defaultValues: {
+      type: "http",
+      key: "",
+      config: {
+        host: "",
+        processing: {
+          pre: Xe.pre,
+          post: Xe.post
+        }
+      }
+    }
+  });
+  return /* @__PURE__ */ a(me, {
+    mx: "auto",
+    children: /* @__PURE__ */ I("form", {
+      onSubmit: s(e),
+      children: [/* @__PURE__ */ a(J, {
+        name: "key",
+        control: t,
+        render: ({
+          field: i
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
+          required: !0,
+          label: "Name",
+          placeholder: "A unique name",
           ...i
         })
-      }), /* @__PURE__ */ r(I, {
+      }), /* @__PURE__ */ a(Or, {
+        label: "Connection Info",
+        labelPosition: "center"
+      }), /* @__PURE__ */ a(J, {
+        name: "config.host",
+        control: t,
+        render: ({
+          field: i
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
+          required: !0,
+          label: "Base URL",
+          sx: {
+            flexGrow: 1
+          },
+          ...i
+        })
+      }), /* @__PURE__ */ I(se, {
+        grow: !0,
+        children: [/* @__PURE__ */ a(J, {
+          name: "config.processing.pre",
+          control: t,
+          render: ({
+            field: i
+          }) => /* @__PURE__ */ a(lt, {
+            label: "Pre Processing",
+            modalTitle: "This function will run before sending the request (for scenarios like encryption)",
+            defaultValue: Xe.pre,
+            ...i,
+            styles: r
+          })
+        }), /* @__PURE__ */ a(J, {
+          name: "config.processing.post",
+          control: t,
+          render: ({
+            field: i
+          }) => /* @__PURE__ */ a(lt, {
+            label: "Post Processing",
+            modalTitle: "This function will run after sending the request (for scenarios like decryption)",
+            defaultValue: Xe.post,
+            ...i,
+            styles: r
+          })
+        })]
+      }), /* @__PURE__ */ a(se, {
         position: "right",
-        mt: n.spacing,
-        children: /* @__PURE__ */ r(k, {
+        mt: r.spacing,
+        children: /* @__PURE__ */ a(oe, {
           type: "submit",
-          size: n.button.size,
+          size: r.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function it({
-  onSuccess: t,
-  styles: n = fe
+function bo({
+  postSubmit: e,
+  styles: r = qe
+}) {
+  const [t, o] = Ie("postgresql"), s = async ({
+    type: u,
+    key: d,
+    config: v
+  }) => {
+    _e({
+      id: "for-creating",
+      title: "Pending",
+      message: "Adding data source...",
+      loading: !0
+    });
+    try {
+      console.log({
+        type: u,
+        key: d,
+        config: v
+      }), await de.datasource.create(u, d, v), le({
+        id: "for-creating",
+        title: "Successful",
+        message: "Data source is added",
+        color: "green"
+      }), e();
+    } catch (y) {
+      le({
+        id: "for-creating",
+        title: "Failed",
+        message: y.message,
+        color: "red"
+      });
+    }
+  }, i = t === "postgresql" || t === "mysql", c = t === "http";
+  return /* @__PURE__ */ I(me, {
+    mx: "auto",
+    children: [/* @__PURE__ */ a(Bt, {
+      fullWidth: !0,
+      mb: r.spacing,
+      size: r.size,
+      data: [{
+        label: "PostgreSQL",
+        value: "postgresql"
+      }, {
+        label: "MySQL",
+        value: "mysql"
+      }, {
+        label: "HTTP",
+        value: "http"
+      }],
+      value: t,
+      onChange: (u) => o(u)
+    }), i && /* @__PURE__ */ a(pn, {
+      submit: s,
+      styles: r,
+      type: t
+    }), c && /* @__PURE__ */ a(mo, {
+      submit: s,
+      styles: r
+    })]
+  });
+}
+function yo({
+  onSuccess: e,
+  styles: r = qe
 }) {
-  const [o, s] = J.useState(!1), u = () => s(!0), i = () => s(!1);
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(ce, {
+  const [t, o] = De.useState(!1), s = () => o(!0), i = () => o(!1);
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(Ve, {
       overflow: "inside",
-      opened: o,
-      onClose: () => s(!1),
+      opened: t,
+      onClose: () => o(!1),
       title: "Add a data source",
       trapFocus: !0,
-      onDragStart: (d) => {
-        d.stopPropagation();
+      onDragStart: (u) => {
+        u.stopPropagation();
       },
-      children: /* @__PURE__ */ r(at, {
+      children: /* @__PURE__ */ a(bo, {
         postSubmit: () => {
-          t(), i();
+          e(), i();
         },
-        styles: n
+        styles: r
       })
-    }), /* @__PURE__ */ r(k, {
-      size: n.button.size,
-      onClick: u,
-      leftIcon: /* @__PURE__ */ r(Te, {
+    }), /* @__PURE__ */ a(oe, {
+      size: r.button.size,
+      onClick: s,
+      leftIcon: /* @__PURE__ */ a(Cr, {
         size: 20
       }),
       children: "Add a Data Source"
     })]
   });
 }
-function Pe() {
-  return Pe = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var o = arguments[n];
-      for (var s in o)
-        Object.prototype.hasOwnProperty.call(o, s) && (t[s] = o[s]);
+function Tr() {
+  return Tr = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = arguments[r];
+      for (var o in t)
+        Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
-    return t;
-  }, Pe.apply(this, arguments);
+    return e;
+  }, Tr.apply(this, arguments);
 }
-function ot(t, n) {
-  if (t == null)
+function wo(e, r) {
+  if (e == null)
     return {};
-  var o, s, u = function(l, d) {
-    if (l == null)
+  var t, o, s = function(c, u) {
+    if (c == null)
       return {};
-    var g, _, w = {}, m = Object.keys(l);
-    for (_ = 0; _ < m.length; _++)
-      g = m[_], d.indexOf(g) >= 0 || (w[g] = l[g]);
-    return w;
-  }(t, n);
+    var d, v, y = {}, h = Object.keys(c);
+    for (v = 0; v < h.length; v++)
+      d = h[v], u.indexOf(d) >= 0 || (y[d] = c[d]);
+    return y;
+  }(e, r);
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(t);
-    for (s = 0; s < i.length; s++)
-      o = i[s], n.indexOf(o) >= 0 || Object.prototype.propertyIsEnumerable.call(t, o) && (u[o] = t[o]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < i.length; o++)
+      t = i[o], r.indexOf(t) >= 0 || Object.prototype.propertyIsEnumerable.call(e, t) && (s[t] = e[t]);
   }
-  return u;
-}
-var st = ["size", "color", "stroke"];
-function ct(t) {
-  var n = t.size, o = n === void 0 ? 24 : n, s = t.color, u = s === void 0 ? "currentColor" : s, i = t.stroke, l = i === void 0 ? 2 : i, d = ot(t, st);
-  return Q.createElement("svg", Pe({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: o, height: o, viewBox: "0 0 24 24", strokeWidth: l, stroke: u, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, d), Q.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), Q.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), Q.createElement("circle", { cx: 12, cy: 16, r: 1 }), Q.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
-}
-function lt({
-  id: t,
-  name: n,
-  isProtected: o,
-  onSuccess: s,
-  styles: u = fe
+  return s;
+}
+var So = ["size", "color", "stroke"];
+function Eo(e) {
+  var r = e.size, t = r === void 0 ? 24 : r, o = e.color, s = o === void 0 ? "currentColor" : o, i = e.stroke, c = i === void 0 ? 2 : i, u = wo(e, So);
+  return $e.createElement("svg", Tr({ xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: t, height: t, viewBox: "0 0 24 24", strokeWidth: c, stroke: s, fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, u), $e.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), $e.createElement("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), $e.createElement("circle", { cx: 12, cy: 16, r: 1 }), $e.createElement("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" }));
+}
+function To({
+  id: e,
+  name: r,
+  isProtected: t,
+  onSuccess: o,
+  styles: s = qe
 }) {
-  const i = ue(), l = async () => {
-    !t || (U({
+  const i = tr(), c = async () => {
+    !e || (_e({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await x.datasource.delete(t), z({
+    }), await de.datasource.delete(e), le({
       id: "for-deleting",
       title: "Successful",
-      message: `Data source [${n}] is deleted`,
+      message: `Data source [${r}] is deleted`,
       color: "green"
-    }), s());
-  }, d = () => i.openConfirmModal({
+    }), o());
+  }, u = () => i.openConfirmModal({
     title: "Delete this data source?",
-    children: /* @__PURE__ */ r(se, {
-      size: u.size,
+    children: /* @__PURE__ */ a(Qe, {
+      size: s.size,
       children: "This action won't affect your database."
     }),
     labels: {
@@ -1061,9 +2672,9 @@ function lt({
       cancel: "Cancel"
     },
     onCancel: () => console.log("Cancel"),
-    onConfirm: l
-  }), g = Ur();
-  return o ? /* @__PURE__ */ r($r, {
+    onConfirm: c
+  }), d = Kt();
+  return t ? /* @__PURE__ */ a(Ht, {
     withArrow: !0,
     events: {
       hover: !0,
@@ -1071,140 +2682,140 @@ function lt({
       focus: !1
     },
     label: "This is a preset datasource, it can not be deleted",
-    children: /* @__PURE__ */ r("span", {
-      children: /* @__PURE__ */ r(ct, {
+    children: /* @__PURE__ */ a("span", {
+      children: /* @__PURE__ */ a(Eo, {
         size: 16,
-        color: g.colors.gray[7]
+        color: d.colors.gray[7]
       })
     })
-  }) : /* @__PURE__ */ r(k, {
-    size: u.button.size,
+  }) : /* @__PURE__ */ a(oe, {
+    size: s.button.size,
     color: "red",
-    onClick: d,
-    leftIcon: /* @__PURE__ */ r(Oe, {
+    onClick: u,
+    leftIcon: /* @__PURE__ */ a(jr, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function At({
-  styles: t = fe,
-  config: n
+function No({
+  styles: e = qe,
+  config: r
 }) {
-  de(n);
+  nr(r);
   const {
-    data: o = [],
-    loading: s,
-    refresh: u
-  } = G(async () => {
+    data: t = [],
+    loading: o,
+    refresh: s
+  } = ze(async () => {
     const {
       data: i
-    } = await x.datasource.list();
+    } = await de.datasource.list();
     return i;
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(I, {
-      pt: t.spacing,
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(se, {
+      pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(it, {
-        onSuccess: u
+      children: /* @__PURE__ */ a(yo, {
+        onSuccess: s
       })
-    }), /* @__PURE__ */ S(L, {
-      mt: t.spacing,
+    }), /* @__PURE__ */ I(me, {
+      mt: e.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(Ee, {
-        visible: s
-      }), /* @__PURE__ */ S(Ce, {
-        horizontalSpacing: t.spacing,
-        verticalSpacing: t.spacing,
-        fontSize: t.size,
+      children: [/* @__PURE__ */ a(Rr, {
+        visible: o
+      }), /* @__PURE__ */ I(_r, {
+        horizontalSpacing: e.spacing,
+        verticalSpacing: e.spacing,
+        fontSize: e.size,
         highlightOnHover: !0,
-        children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ S("tr", {
-            children: [/* @__PURE__ */ r("th", {
+        children: [/* @__PURE__ */ a("thead", {
+          children: /* @__PURE__ */ I("tr", {
+            children: [/* @__PURE__ */ a("th", {
               children: "Type"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Name"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Action"
             })]
           })
-        }), /* @__PURE__ */ r("tbody", {
-          children: o.map(({
+        }), /* @__PURE__ */ a("tbody", {
+          children: t.map(({
             id: i,
-            key: l,
-            type: d,
-            is_preset: g
-          }) => /* @__PURE__ */ S("tr", {
-            children: [/* @__PURE__ */ r("td", {
+            key: c,
+            type: u,
+            is_preset: d
+          }) => /* @__PURE__ */ I("tr", {
+            children: [/* @__PURE__ */ a("td", {
               width: 200,
-              children: d
-            }), /* @__PURE__ */ r("td", {
-              children: l
-            }), /* @__PURE__ */ r("td", {
+              children: u
+            }), /* @__PURE__ */ a("td", {
+              children: c
+            }), /* @__PURE__ */ a("td", {
               width: 200,
-              children: /* @__PURE__ */ r(I, {
+              children: /* @__PURE__ */ a(se, {
                 position: "left",
-                children: /* @__PURE__ */ r(lt, {
-                  isProtected: g,
+                children: /* @__PURE__ */ a(To, {
+                  isProtected: d,
                   id: i,
-                  name: l,
-                  onSuccess: u
+                  name: c,
+                  onSuccess: s
                 })
               })
             })]
-          }, l))
+          }, c))
         })]
       })]
     })]
   });
 }
-const ut = ar(({
-  label: t,
-  value: n,
-  description: o,
-  ...s
-}, u) => /* @__PURE__ */ S(nr, {
+const Oo = xr(({
+  label: e,
+  value: r,
+  description: t,
+  ...o
+}, s) => /* @__PURE__ */ I(Pr, {
   spacing: 2,
-  ref: u,
-  ...s,
-  children: [/* @__PURE__ */ r(se, {
+  ref: s,
+  ...o,
+  children: [/* @__PURE__ */ a(Qe, {
     size: "sm",
-    children: t
-  }), /* @__PURE__ */ r(se, {
+    children: e
+  }), /* @__PURE__ */ a(Qe, {
     size: "xs",
     color: "dimmed",
     className: "role-description",
-    children: o
+    children: t
   })]
-})), ze = ar(({
-  styles: t,
-  value: n,
-  onChange: o
-}, s) => {
+})), Ir = xr(({
+  styles: e,
+  value: r,
+  onChange: t
+}, o) => {
   const {
-    data: u = [],
+    data: s = [],
     loading: i
-  } = G(async () => (await x.role.list()).map((d) => ({
-    label: d.name,
-    value: d.id,
-    description: d.description,
-    disabled: d.id === 50
+  } = ze(async () => (await de.role.list()).map((u) => ({
+    label: u.name,
+    value: u.id,
+    description: u.description,
+    disabled: u.id === 50
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ r(Wr, {
-    ref: s,
-    mb: t.spacing,
-    size: t.size,
+  return /* @__PURE__ */ a(Gt, {
+    ref: o,
+    mb: e.spacing,
+    size: e.size,
     required: !0,
     label: "Role",
-    itemComponent: ut,
-    data: u,
+    itemComponent: Oo,
+    data: s,
     disabled: i,
     styles: () => ({
       item: {
@@ -1217,184 +2828,184 @@ const ut = ar(({
         }
       }
     }),
-    value: n,
-    onChange: o
+    value: r,
+    onChange: t
   });
-}), W = {
+}), xe = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function dt({
-  postSubmit: t,
-  styles: n = W,
-  initialRoleID: o
+function Po({
+  postSubmit: e,
+  styles: r = xe,
+  initialRoleID: t
 }) {
   const {
-    control: s,
-    handleSubmit: u
-  } = re({
+    control: o,
+    handleSubmit: s
+  } = ke({
     defaultValues: {
       name: "",
       email: "",
-      role_id: o,
+      role_id: t,
       password: ""
     }
   });
-  return /* @__PURE__ */ r(L, {
+  return /* @__PURE__ */ a(me, {
     mx: "auto",
-    children: /* @__PURE__ */ S("form", {
-      onSubmit: u(async ({
-        name: l,
-        email: d,
-        password: g,
-        role_id: _
+    children: /* @__PURE__ */ I("form", {
+      onSubmit: s(async ({
+        name: c,
+        email: u,
+        password: d,
+        role_id: v
       }) => {
         try {
-          U({
+          _e({
             id: "for-creating",
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await x.account.create(l, d, g, _), z({
+          }), await de.account.create(c, u, d, v), le({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
-          }), t();
-        } catch (w) {
-          z({
+          }), e();
+        } catch (y) {
+          le({
             id: "for-creating",
             title: "Failed",
-            message: w.message,
+            message: y.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ r(E, {
+      children: [/* @__PURE__ */ a(J, {
         name: "name",
-        control: s,
+        control: o,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Username",
-          ...l
+          ...c
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "email",
-        control: s,
+        control: o,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Email",
-          ...l
+          ...c
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "password",
-        control: s,
+        control: o,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(le, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(rr, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Password",
           description: "Password must be at least 8 characters long",
-          ...l
+          ...c
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "role_id",
-        control: s,
+        control: o,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(ze, {
-          styles: n,
-          ...l
+          field: c
+        }) => /* @__PURE__ */ a(Ir, {
+          styles: r,
+          ...c
         })
-      }), /* @__PURE__ */ r(I, {
+      }), /* @__PURE__ */ a(se, {
         position: "right",
-        mt: n.spacing,
-        children: /* @__PURE__ */ r(k, {
+        mt: r.spacing,
+        children: /* @__PURE__ */ a(oe, {
           type: "submit",
-          size: n.button.size,
+          size: r.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function ft({
-  onSuccess: t,
-  styles: n = W,
-  initialRoleID: o
+function Ro({
+  onSuccess: e,
+  styles: r = xe,
+  initialRoleID: t
 }) {
-  const [s, u] = J.useState(!1), i = () => u(!0), l = () => u(!1);
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(ce, {
+  const [o, s] = De.useState(!1), i = () => s(!0), c = () => s(!1);
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(Ve, {
       overflow: "inside",
-      opened: s,
-      onClose: () => u(!1),
+      opened: o,
+      onClose: () => s(!1),
       title: "Add an Account",
       trapFocus: !0,
-      onDragStart: (g) => {
-        g.stopPropagation();
+      onDragStart: (d) => {
+        d.stopPropagation();
       },
-      children: /* @__PURE__ */ r(dt, {
+      children: /* @__PURE__ */ a(Po, {
         postSubmit: () => {
-          t(), l();
+          e(), c();
         },
-        styles: n,
-        initialRoleID: o
+        styles: r,
+        initialRoleID: t
       })
-    }), /* @__PURE__ */ r(k, {
-      size: n.button.size,
+    }), /* @__PURE__ */ a(oe, {
+      size: r.button.size,
       onClick: i,
-      leftIcon: /* @__PURE__ */ r(Te, {
+      leftIcon: /* @__PURE__ */ a(Cr, {
         size: 20
       }),
       children: "Add an Account"
     })]
   });
 }
-function pt({
-  id: t,
-  name: n,
-  onSuccess: o,
-  styles: s = W
+function _o({
+  id: e,
+  name: r,
+  onSuccess: t,
+  styles: o = xe
 }) {
-  const u = ue(), i = async () => {
-    if (!!t) {
-      U({
+  const s = tr(), i = async () => {
+    if (!!e) {
+      _e({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await x.account.delete(t), z({
+        await de.account.delete(e), le({
           id: "for-deleting",
           title: "Successful",
-          message: `Account [${n}] is deleted`,
+          message: `Account [${r}] is deleted`,
           color: "green"
-        }), o();
-      } catch (d) {
-        z({
+        }), t();
+      } catch (u) {
+        le({
           id: "for-deleting",
           title: "Failed",
-          message: d.message,
+          message: u.message,
           color: "red"
         });
       }
     }
-  }, l = () => u.openConfirmModal({
+  }, c = () => s.openConfirmModal({
     title: "Delete this account?",
     labels: {
       confirm: "Confirm",
@@ -1403,148 +3014,148 @@ function pt({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(k, {
-    size: s.button.size,
+  return /* @__PURE__ */ a(oe, {
+    size: o.button.size,
     color: "red",
-    onClick: l,
-    leftIcon: /* @__PURE__ */ r(Oe, {
+    onClick: c,
+    leftIcon: /* @__PURE__ */ a(jr, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function gt({
-  id: t,
-  name: n,
-  email: o,
-  role_id: s,
-  postSubmit: u,
-  styles: i = W
+function xo({
+  id: e,
+  name: r,
+  email: t,
+  role_id: o,
+  postSubmit: s,
+  styles: i = xe
 }) {
   const {
-    control: l,
-    handleSubmit: d,
-    watch: g
-  } = re({
+    control: c,
+    handleSubmit: u,
+    watch: d
+  } = ke({
     defaultValues: {
-      name: n,
-      email: o,
-      role_id: s,
+      name: r,
+      email: t,
+      role_id: o,
       reset_password: !1,
       new_password: ""
     }
-  }), _ = async ({
-    name: f,
-    email: A,
-    role_id: M,
-    reset_password: V,
-    new_password: me
+  }), v = async ({
+    name: m,
+    email: x,
+    role_id: Y,
+    reset_password: D,
+    new_password: G
   }) => {
     try {
-      U({
+      _e({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await x.account.edit({
-        id: t,
-        name: f,
-        email: A,
-        role_id: M,
-        reset_password: V,
-        new_password: me
-      }), z({
+      }), await de.account.edit({
+        id: e,
+        name: m,
+        email: x,
+        role_id: Y,
+        reset_password: D,
+        new_password: G
+      }), le({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
-      }), u();
-    } catch (N) {
-      z({
+      }), s();
+    } catch (K) {
+      le({
         id: "for-updating",
         title: "Failed",
-        message: N.message,
+        message: K.message,
         color: "red"
       });
     }
-  }, [w, m] = g(["reset_password", "new_password"]);
-  return /* @__PURE__ */ r(L, {
+  }, [y, h] = d(["reset_password", "new_password"]);
+  return /* @__PURE__ */ a(me, {
     mx: "auto",
-    children: /* @__PURE__ */ S("form", {
-      onSubmit: d(_),
-      children: [/* @__PURE__ */ r(E, {
+    children: /* @__PURE__ */ I("form", {
+      onSubmit: u(v),
+      children: [/* @__PURE__ */ a(J, {
         name: "name",
-        control: l,
+        control: c,
         render: ({
-          field: f
-        }) => /* @__PURE__ */ r(j, {
+          field: m
+        }) => /* @__PURE__ */ a(fe, {
           mb: i.spacing,
           size: i.size,
           required: !0,
           label: "Username",
-          ...f
+          ...m
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "email",
-        control: l,
+        control: c,
         render: ({
-          field: f
-        }) => /* @__PURE__ */ r(j, {
+          field: m
+        }) => /* @__PURE__ */ a(fe, {
           mb: i.spacing,
           size: i.size,
           required: !0,
           label: "Email",
-          ...f
+          ...m
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "role_id",
-        control: l,
+        control: c,
         render: ({
-          field: f
-        }) => /* @__PURE__ */ r(ze, {
+          field: m
+        }) => /* @__PURE__ */ a(Ir, {
           styles: i,
-          ...f
+          ...m
         })
-      }), /* @__PURE__ */ r(tr, {
+      }), /* @__PURE__ */ a(Or, {
         my: 20,
         variant: "dashed",
         label: "",
         labelPosition: "center"
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "reset_password",
-        control: l,
+        control: c,
         render: ({
-          field: f
-        }) => /* @__PURE__ */ r(Vr, {
+          field: m
+        }) => /* @__PURE__ */ a(Jt, {
           mb: i.spacing,
           size: i.size,
           label: "Reset password",
-          checked: f.value,
-          onChange: (A) => f.onChange(A.currentTarget.checked),
+          checked: m.value,
+          onChange: (x) => m.onChange(x.currentTarget.checked),
           styles: {
             label: {
               verticalAlign: "middle"
             }
           }
         })
-      }), w && /* @__PURE__ */ r(E, {
+      }), y && /* @__PURE__ */ a(J, {
         name: "new_password",
-        control: l,
+        control: c,
         render: ({
-          field: f
-        }) => /* @__PURE__ */ r(le, {
+          field: m
+        }) => /* @__PURE__ */ a(rr, {
           autoComplete: "off",
           mb: i.spacing,
           size: i.size,
           required: !0,
           description: "Password must be at least 8 characters long",
           label: "New Password",
-          ...f
+          ...m
         })
-      }), /* @__PURE__ */ r(I, {
+      }), /* @__PURE__ */ a(se, {
         position: "right",
         mt: i.spacing,
-        children: /* @__PURE__ */ r(k, {
+        children: /* @__PURE__ */ a(oe, {
           type: "submit",
           size: i.button.size,
           children: "Submit"
@@ -1553,351 +3164,351 @@ function gt({
     })
   });
 }
-function mt({
-  account: t,
-  onSuccess: n,
-  styles: o = W
+function Co({
+  account: e,
+  onSuccess: r,
+  styles: t = xe
 }) {
-  const [s, u] = J.useState(!1), i = () => u(!0), l = () => u(!1), d = () => {
-    n(), l();
+  const [o, s] = De.useState(!1), i = () => s(!0), c = () => s(!1), u = () => {
+    r(), c();
   };
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(ce, {
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(Ve, {
       overflow: "inside",
-      opened: s,
-      onClose: () => u(!1),
-      title: `Editing ${t.name}`,
+      opened: o,
+      onClose: () => s(!1),
+      title: `Editing ${e.name}`,
       trapFocus: !0,
-      onDragStart: (g) => {
-        g.stopPropagation();
+      onDragStart: (d) => {
+        d.stopPropagation();
       },
-      children: /* @__PURE__ */ r(gt, {
-        ...t,
-        postSubmit: d,
-        styles: o
+      children: /* @__PURE__ */ a(xo, {
+        ...e,
+        postSubmit: u,
+        styles: t
       })
-    }), /* @__PURE__ */ r(k, {
-      size: o.button.size,
+    }), /* @__PURE__ */ a(oe, {
+      size: t.button.size,
       onClick: i,
-      leftIcon: /* @__PURE__ */ r(Yr, {
+      leftIcon: /* @__PURE__ */ a(Qt, {
         size: 20
       }),
       children: "Edit"
     })]
   });
 }
-function xt({
-  styles: t = W,
-  config: n
+function Vo({
+  styles: e = xe,
+  config: r
 }) {
-  var _, w;
-  de(n);
+  var v, y;
+  nr(r);
   const {
-    data: o = [],
-    loading: s,
-    refresh: u
-  } = G(async () => {
+    data: t = [],
+    loading: o,
+    refresh: s
+  } = ze(async () => {
     const {
-      data: m
-    } = await x.account.list();
-    return m;
+      data: h
+    } = await de.account.list();
+    return h;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
-    loading: l
-  } = G(async () => (await x.role.list()).map((f) => ({
-    label: f.name,
-    value: f.id,
-    description: f.description,
-    disabled: f.id === 50
+    loading: c
+  } = ze(async () => (await de.role.list()).map((m) => ({
+    label: m.name,
+    value: m.id,
+    description: m.description,
+    disabled: m.id === 50
   })), {
     refreshDeps: []
-  }), d = ir(() => i.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [i]), g = (m) => {
-    var f;
-    return (f = d.get(m)) != null ? f : m;
+  }), u = dt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
+    var m;
+    return (m = u.get(h)) != null ? m : h;
   };
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(I, {
-      pt: t.spacing,
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(se, {
+      pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(ft, {
-        onSuccess: u,
-        initialRoleID: (w = (_ = i == null ? void 0 : i[0]) == null ? void 0 : _.value) != null ? w : 0
+      children: /* @__PURE__ */ a(Ro, {
+        onSuccess: s,
+        initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
       })
-    }), /* @__PURE__ */ S(L, {
-      mt: t.spacing,
+    }), /* @__PURE__ */ I(me, {
+      mt: e.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(Ee, {
-        visible: s || l
-      }), /* @__PURE__ */ S(Ce, {
-        horizontalSpacing: t.spacing,
-        verticalSpacing: t.spacing,
-        fontSize: t.size,
+      children: [/* @__PURE__ */ a(Rr, {
+        visible: o || c
+      }), /* @__PURE__ */ I(_r, {
+        horizontalSpacing: e.spacing,
+        verticalSpacing: e.spacing,
+        fontSize: e.size,
         highlightOnHover: !0,
-        children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ S("tr", {
-            children: [/* @__PURE__ */ r("th", {
+        children: [/* @__PURE__ */ a("thead", {
+          children: /* @__PURE__ */ I("tr", {
+            children: [/* @__PURE__ */ a("th", {
               children: "Username"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Email"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Role"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Action"
             })]
           })
-        }), /* @__PURE__ */ r("tbody", {
-          children: o.map((m) => {
+        }), /* @__PURE__ */ a("tbody", {
+          children: t.map((h) => {
             const {
-              id: f,
-              name: A,
-              email: M,
-              role_id: V
-            } = m;
-            return /* @__PURE__ */ S("tr", {
-              children: [/* @__PURE__ */ r("td", {
+              id: m,
+              name: x,
+              email: Y,
+              role_id: D
+            } = h;
+            return /* @__PURE__ */ I("tr", {
+              children: [/* @__PURE__ */ a("td", {
                 width: 200,
-                children: A
-              }), /* @__PURE__ */ r("td", {
+                children: x
+              }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: M
-              }), /* @__PURE__ */ r("td", {
+                children: Y
+              }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: g(V)
-              }), /* @__PURE__ */ r("td", {
+                children: d(D)
+              }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: /* @__PURE__ */ S(I, {
+                children: /* @__PURE__ */ I(se, {
                   position: "left",
-                  children: [/* @__PURE__ */ r(mt, {
-                    account: m,
-                    onSuccess: u
-                  }), /* @__PURE__ */ r(pt, {
-                    id: f,
-                    name: A,
-                    onSuccess: u
+                  children: [/* @__PURE__ */ a(Co, {
+                    account: h,
+                    onSuccess: s
+                  }), /* @__PURE__ */ a(_o, {
+                    id: m,
+                    name: x,
+                    onSuccess: s
                   })]
                 })
               })]
-            }, f);
+            }, m);
           })
         })]
       })]
     })]
   });
 }
-function ht({
-  postSubmit: t,
-  styles: n = W
+function jo({
+  postSubmit: e,
+  styles: r = xe
 }) {
   const {
-    control: o,
-    handleSubmit: s
-  } = re({
+    control: t,
+    handleSubmit: o
+  } = ke({
     defaultValues: {
       name: "",
       password: ""
     }
   });
-  return /* @__PURE__ */ r(L, {
+  return /* @__PURE__ */ a(me, {
     mx: "auto",
-    children: /* @__PURE__ */ S("form", {
-      onSubmit: s(async ({
+    children: /* @__PURE__ */ I("form", {
+      onSubmit: o(async ({
         name: i,
-        password: l
+        password: c
       }) => {
         try {
-          U({
+          _e({
             id: "for-login",
             title: "Pending",
             message: "Loggin in...",
             loading: !0
           });
-          const d = await x.account.login(i, l);
-          window.localStorage.setItem("token", d.token), z({
+          const u = await de.account.login(i, c);
+          window.localStorage.setItem("token", u.token), le({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
-          }), t(d);
-        } catch (d) {
-          z({
+          }), e(u);
+        } catch (u) {
+          le({
             id: "for-login",
             title: "Login Failed",
-            message: d.message,
+            message: u.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ r(E, {
+      children: [/* @__PURE__ */ a(J, {
         name: "name",
-        control: o,
+        control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Username",
           ...i
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "password",
-        control: o,
+        control: t,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(le, {
-          mb: n.spacing,
-          size: n.size,
+        }) => /* @__PURE__ */ a(rr, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Password",
           ...i
         })
-      }), /* @__PURE__ */ r(I, {
+      }), /* @__PURE__ */ a(se, {
         position: "right",
-        mt: n.spacing,
-        children: /* @__PURE__ */ r(k, {
+        mt: r.spacing,
+        children: /* @__PURE__ */ a(oe, {
           type: "submit",
-          size: n.button.size,
+          size: r.button.size,
           children: "Submit"
         })
       })]
     })
   });
 }
-function kt({
-  styles: t = W,
-  config: n,
-  onSuccess: o
+function Bo({
+  styles: e = xe,
+  config: r,
+  onSuccess: t
 }) {
-  return de(n), /* @__PURE__ */ r($, {
-    children: /* @__PURE__ */ r(L, {
-      mt: t.spacing,
+  return nr(r), /* @__PURE__ */ a(Oe, {
+    children: /* @__PURE__ */ a(me, {
+      mt: e.spacing,
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ r(ht, {
-        styles: t,
-        postSubmit: o
+      children: /* @__PURE__ */ a(jo, {
+        styles: e,
+        postSubmit: t
       })
     })
   });
 }
-const ge = {
+const ar = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function vt({
-  postSubmit: t,
-  styles: n = ge,
-  initialRoleID: o
+function Ao({
+  postSubmit: e,
+  styles: r = ar,
+  initialRoleID: t
 }) {
   const {
-    control: s,
-    handleSubmit: u
-  } = re({
+    control: o,
+    handleSubmit: s
+  } = ke({
     defaultValues: {
       name: "",
-      role_id: o
+      role_id: t
     }
   });
-  return /* @__PURE__ */ r(L, {
+  return /* @__PURE__ */ a(me, {
     mx: "auto",
-    children: /* @__PURE__ */ S("form", {
-      onSubmit: u(async ({
-        name: l,
-        role_id: d
+    children: /* @__PURE__ */ I("form", {
+      onSubmit: s(async ({
+        name: c,
+        role_id: u
       }) => {
         try {
-          U({
+          _e({
             id: "for-creating",
             title: "Pending",
             message: "Adding API Key...",
             loading: !0
           });
           const {
-            app_id: g,
-            app_secret: _
-          } = await x.api_key.create(l, d);
-          z({
+            app_id: d,
+            app_secret: v
+          } = await de.api_key.create(c, u);
+          le({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), t(g, _);
-        } catch (g) {
-          z({
+          }), e(d, v);
+        } catch (d) {
+          le({
             id: "for-creating",
             title: "Failed",
-            message: g.message,
+            message: d.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ r(E, {
+      children: [/* @__PURE__ */ a(J, {
         name: "name",
-        control: s,
+        control: o,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(j, {
-          mb: n.spacing,
-          size: n.size,
+          field: c
+        }) => /* @__PURE__ */ a(fe, {
+          mb: r.spacing,
+          size: r.size,
           required: !0,
           label: "Name",
-          ...l
+          ...c
         })
-      }), /* @__PURE__ */ r(E, {
+      }), /* @__PURE__ */ a(J, {
         name: "role_id",
-        control: s,
+        control: o,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(ze, {
-          styles: n,
-          ...l
+          field: c
+        }) => /* @__PURE__ */ a(Ir, {
+          styles: r,
+          ...c
         })
-      }), /* @__PURE__ */ r(I, {
+      }), /* @__PURE__ */ a(se, {
         position: "right",
-        mt: n.spacing,
-        children: /* @__PURE__ */ r(k, {
+        mt: r.spacing,
+        children: /* @__PURE__ */ a(oe, {
           type: "submit",
-          size: n.button.size,
+          size: r.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function bt({
-  onSuccess: t,
-  styles: n = ge,
-  initialRoleID: o
+function Mo({
+  onSuccess: e,
+  styles: r = ar,
+  initialRoleID: t
 }) {
-  const s = ue(), [u, i] = J.useState(!1), l = () => i(!0), d = () => i(!1);
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(ce, {
+  const o = tr(), [s, i] = De.useState(!1), c = () => i(!0), u = () => i(!1);
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(Ve, {
       overflow: "inside",
-      opened: u,
+      opened: s,
       onClose: () => i(!1),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (_) => {
-        _.stopPropagation();
+      onDragStart: (v) => {
+        v.stopPropagation();
       },
-      children: /* @__PURE__ */ r(vt, {
-        postSubmit: (_, w) => {
-          d(), s.openModal({
+      children: /* @__PURE__ */ a(Ao, {
+        postSubmit: (v, y) => {
+          u(), o.openModal({
             title: "API Key is generated",
-            children: /* @__PURE__ */ S(nr, {
-              children: [/* @__PURE__ */ r(se, {
+            children: /* @__PURE__ */ I(Pr, {
+              children: [/* @__PURE__ */ a(Qe, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
-              }), /* @__PURE__ */ r(j, {
-                defaultValue: _,
+              }), /* @__PURE__ */ a(fe, {
+                defaultValue: v,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -1905,8 +3516,8 @@ function bt({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ r(j, {
-                defaultValue: w,
+              }), /* @__PURE__ */ a(fe, {
+                defaultValue: y,
                 disabled: !0,
                 label: "APP Secret",
                 styles: {
@@ -1914,63 +3525,63 @@ function bt({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ r(k, {
+              }), /* @__PURE__ */ a(oe, {
                 size: "sm",
                 onClick: () => {
-                  Jr();
+                  nn();
                 },
                 children: "I've saved this API Key"
               })]
             }),
             onClose: () => {
-              t();
+              e();
             }
           });
         },
-        styles: n,
-        initialRoleID: o
+        styles: r,
+        initialRoleID: t
       })
-    }), /* @__PURE__ */ r(k, {
-      size: n.button.size,
-      onClick: l,
-      leftIcon: /* @__PURE__ */ r(Te, {
+    }), /* @__PURE__ */ a(oe, {
+      size: r.button.size,
+      onClick: c,
+      leftIcon: /* @__PURE__ */ a(Cr, {
         size: 20
       }),
       children: "Add an API Key"
     })]
   });
 }
-function wt({
-  id: t,
-  name: n,
-  onSuccess: o,
-  styles: s = ge
+function Io({
+  id: e,
+  name: r,
+  onSuccess: t,
+  styles: o = ar
 }) {
-  const u = ue(), i = async () => {
-    if (!!t) {
-      U({
+  const s = tr(), i = async () => {
+    if (!!e) {
+      _e({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await x.api_key.delete(t), z({
+        await de.api_key.delete(e), le({
           id: "for-deleting",
           title: "Successful",
-          message: `API Key [${n}] is deleted`,
+          message: `API Key [${r}] is deleted`,
           color: "green"
-        }), o();
-      } catch (d) {
-        z({
+        }), t();
+      } catch (u) {
+        le({
           id: "for-deleting",
           title: "Failed",
-          message: d.message,
+          message: u.message,
           color: "red"
         });
       }
     }
-  }, l = () => u.openConfirmModal({
+  }, c = () => s.openConfirmModal({
     title: "Delete this api-key?",
     labels: {
       confirm: "Confirm",
@@ -1979,126 +3590,126 @@ function wt({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(k, {
-    size: s.button.size,
+  return /* @__PURE__ */ a(oe, {
+    size: o.button.size,
     color: "red",
-    onClick: l,
-    leftIcon: /* @__PURE__ */ r(Oe, {
+    onClick: c,
+    leftIcon: /* @__PURE__ */ a(jr, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Dt({
-  styles: t = ge,
-  config: n
+function Ko({
+  styles: e = ar,
+  config: r
 }) {
-  var _, w;
-  de(n);
+  var v, y;
+  nr(r);
   const {
-    data: o = [],
-    loading: s,
-    refresh: u
-  } = G(async () => {
+    data: t = [],
+    loading: o,
+    refresh: s
+  } = ze(async () => {
     const {
-      data: m
-    } = await x.api_key.list();
-    return m;
+      data: h
+    } = await de.api_key.list();
+    return h;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
-    loading: l
-  } = G(async () => (await x.role.list()).map((f) => ({
-    label: f.name,
-    value: f.id,
-    description: f.description,
-    disabled: f.id === 50
+    loading: c
+  } = ze(async () => (await de.role.list()).map((m) => ({
+    label: m.name,
+    value: m.id,
+    description: m.description,
+    disabled: m.id === 50
   })), {
     refreshDeps: []
-  }), d = ir(() => i.reduce((m, f) => (m.set(f.value, f.label), m), /* @__PURE__ */ new Map()), [i]), g = (m) => {
-    var f;
-    return (f = d.get(m)) != null ? f : m;
+  }), u = dt(() => i.reduce((h, m) => (h.set(m.value, m.label), h), /* @__PURE__ */ new Map()), [i]), d = (h) => {
+    var m;
+    return (m = u.get(h)) != null ? m : h;
   };
-  return /* @__PURE__ */ S($, {
-    children: [/* @__PURE__ */ r(I, {
-      pt: t.spacing,
+  return /* @__PURE__ */ I(Oe, {
+    children: [/* @__PURE__ */ a(se, {
+      pt: e.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(bt, {
-        onSuccess: u,
-        initialRoleID: (w = (_ = i == null ? void 0 : i[0]) == null ? void 0 : _.value) != null ? w : 0
+      children: /* @__PURE__ */ a(Mo, {
+        onSuccess: s,
+        initialRoleID: (y = (v = i == null ? void 0 : i[0]) == null ? void 0 : v.value) != null ? y : 0
       })
-    }), /* @__PURE__ */ S(L, {
-      mt: t.spacing,
+    }), /* @__PURE__ */ I(me, {
+      mt: e.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(Ee, {
-        visible: s || l
-      }), /* @__PURE__ */ S(Ce, {
-        horizontalSpacing: t.spacing,
-        verticalSpacing: t.spacing,
-        fontSize: t.size,
+      children: [/* @__PURE__ */ a(Rr, {
+        visible: o || c
+      }), /* @__PURE__ */ I(_r, {
+        horizontalSpacing: e.spacing,
+        verticalSpacing: e.spacing,
+        fontSize: e.size,
         highlightOnHover: !0,
-        children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ S("tr", {
-            children: [/* @__PURE__ */ r("th", {
+        children: [/* @__PURE__ */ a("thead", {
+          children: /* @__PURE__ */ I("tr", {
+            children: [/* @__PURE__ */ a("th", {
               children: "Name"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "APP ID"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Role"
-            }), /* @__PURE__ */ r("th", {
+            }), /* @__PURE__ */ a("th", {
               children: "Action"
             })]
           })
-        }), /* @__PURE__ */ r("tbody", {
-          children: o.map((m) => {
+        }), /* @__PURE__ */ a("tbody", {
+          children: t.map((h) => {
             const {
-              id: f,
-              name: A,
-              app_id: M,
-              role_id: V
-            } = m;
-            return /* @__PURE__ */ S("tr", {
-              children: [/* @__PURE__ */ r("td", {
+              id: m,
+              name: x,
+              app_id: Y,
+              role_id: D
+            } = h;
+            return /* @__PURE__ */ I("tr", {
+              children: [/* @__PURE__ */ a("td", {
                 width: 200,
-                children: A
-              }), /* @__PURE__ */ r("td", {
+                children: x
+              }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: M
-              }), /* @__PURE__ */ r("td", {
+                children: Y
+              }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: g(V)
-              }), /* @__PURE__ */ r("td", {
+                children: d(D)
+              }), /* @__PURE__ */ a("td", {
                 width: 200,
-                children: /* @__PURE__ */ r(I, {
+                children: /* @__PURE__ */ a(se, {
                   position: "left",
-                  children: /* @__PURE__ */ r(wt, {
-                    id: f,
-                    name: A,
-                    onSuccess: u
+                  children: /* @__PURE__ */ a(Io, {
+                    id: m,
+                    name: x,
+                    onSuccess: s
                   })
                 })
               })]
-            }, f);
+            }, m);
           })
         })]
       })]
     })]
   });
 }
-const jt = () => import("./package.c0c6ada2.mjs").then(({ version: t }) => (console.log(`[@devtable/dashboard] version: ${t}`), t));
+const Ho = () => import("./package.868e8e5e.mjs").then(({ version: e }) => (console.log(`[@devtable/dashboard] version: ${e}`), e));
 export {
-  Dt as APIKeyList,
-  xt as AccountList,
-  bt as AddAPIKey,
-  ft as AddAccount,
-  it as AddDataSource,
-  At as DataSourceList,
-  wt as DeleteAPIKey,
-  pt as DeleteAccount,
-  lt as DeleteDataSource,
-  kt as Login,
-  jt as getVersion
+  Ko as APIKeyList,
+  Vo as AccountList,
+  Mo as AddAPIKey,
+  Ro as AddAccount,
+  yo as AddDataSource,
+  No as DataSourceList,
+  Io as DeleteAPIKey,
+  _o as DeleteAccount,
+  To as DeleteDataSource,
+  Bo as Login,
+  Ho as getVersion
 };