@devtable/settings-form 6.21.0 → 6.22.0

package/dist/settings-form.es.js

@@ -1,35 +1,36 @@
-import { Modal as se, Button as x, Box as L, SegmentedControl as qr, TextInput as j, Divider as er, Group as I, NumberInput as Lr, PasswordInput as ce, useMantineTheme as Mr, Tooltip as Nr, Text as oe, LoadingOverlay as Re, Table as Pe, Stack as rr, Select as $r, Switch as Ur } from "@mantine/core";
-import { showNotification as $, updateNotification as O } from "@mantine/notifications";
-import J, { forwardRef as tr, useMemo as nr } from "react";
-import { useForm as ee, Controller as E } from "react-hook-form";
-import { PlaylistAdd as Ee, Trash as Ce, Edit as Wr } from "tabler-icons-react";
-import Vr from "axios";
-import Yr from "crypto-js";
-import Kr from "lodash";
+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 le, closeAllModals as Br } from "@mantine/modals";
-function Gr(t) {
+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 l = n[s];
-    if (l != "authentication" && t[l])
-      o.push(n[s] + "=" + (typeof t[l] == "object" ? JSON.stringify(t[l]) : t[l]));
+    const u = n[s];
+    if (u != "authentication" && t[u])
+      o.push(n[s] + "=" + (typeof t[u] == "object" ? JSON.stringify(t[u]) : t[u]));
     else {
-      const i = Object.keys(t[l]).sort();
-      for (let u = 0; u < i.length; u++) {
-        const d = i[u];
-        d != "sign" && t[l][d] && o.push(
-          i[u] + "=" + (typeof t[l][d] == "object" ? JSON.stringify(t[l][d]) : t[l][d])
+      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])
         );
       }
     }
   }
   return o.sort().join("&");
 }
-function Jr(t, n) {
-  let o = Gr(t);
-  return o += "&key=" + n, Yr.MD5(o).toString().toUpperCase();
+function Xr(t, n) {
+  let o = Hr(t);
+  return o += "&key=" + n, Br.MD5(o).toString().toUpperCase();
 }
 const C = {
   baseURL: "http://localhost:31200",
@@ -42,7 +43,7 @@ const C = {
     return {
       app_id: this.app_id,
       nonce_str: n,
-      sign: Jr(
+      sign: Xr(
         {
           app_id: this.app_id,
           nonce_str: n,
@@ -54,26 +55,26 @@ const C = {
   },
   getRequest(t) {
     return (n, o, s = {}) => {
-      const l = window.localStorage.getItem("token"), i = {
+      const u = window.localStorage.getItem("token"), i = {
         "X-Requested-With": "XMLHttpRequest",
         "Content-Type": s.string ? "application/x-www-form-urlencoded" : "application/json",
-        authorization: l ? `bearer ${l}` : "",
+        authorization: u ? `bearer ${u}` : "",
         ...s.headers
-      }, u = {
+      }, l = {
         baseURL: this.baseURL,
         method: t,
         url: n,
         params: t === "GET" ? o : s.params,
         headers: i
       };
-      return ["POST", "PUT"].includes(t) && (u.data = s.string ? JSON.stringify(o) : o, u.data.authentication = this.getAuthentication(u.data)), Vr(u).then((d) => d.data).catch((d) => Kr.has(d, "response.data.detail.message") ? Promise.reject(new Error(d.response.data.detail.message)) : Promise.reject(d));
+      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));
     };
   }
 };
-function ue(t) {
+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 Hr = {
+const Qr = {
   login: async (t, n) => {
     const o = {
       name: t,
@@ -120,7 +121,7 @@ const Hr = {
     if (!!t)
       return C.getRequest("POST")("/account/delete", { id: t });
   }
-}, Xr = {
+}, Zr = {
   list: async () => await C.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
@@ -142,7 +143,7 @@ const Hr = {
     if (!!t)
       return C.getRequest("POST")("/api/key/delete", { id: t });
   }
-}, Qr = {
+}, et = {
   list: async () => await C.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: {
@@ -162,21 +163,21 @@ const Hr = {
   delete: async (t) => {
     await C.getRequest("POST")("/datasource/delete", { id: t });
   }
-}, Zr = {
+}, rt = {
   list: async () => await C.getRequest("GET")("/role/list", {})
-}, k = {
-  datasource: Qr,
-  account: Hr,
-  role: Zr,
-  api_key: Xr
-}, de = {
+}, x = {
+  datasource: et,
+  account: Qr,
+  role: rt,
+  api_key: Zr
+}, fe = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-var fe = { exports: {} }, Q = {};
+var pe = { exports: {} }, Z = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -186,25 +187,25 @@ var fe = { exports: {} }, Q = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Qe;
-function et() {
-  if (Qe)
-    return Q;
-  Qe = 1;
-  var t = J, n = Symbol.for("react.element"), o = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, l = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(d, g, y) {
-    var _, v = {}, f = null, A = null;
-    y !== void 0 && (f = "" + y), g.key !== void 0 && (f = "" + g.key), g.ref !== void 0 && (A = g.ref);
-    for (_ in g)
-      s.call(g, _) && !i.hasOwnProperty(_) && (v[_] = g[_]);
+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 (_ in g = d.defaultProps, g)
-        v[_] === void 0 && (v[_] = g[_]);
-    return { $$typeof: n, type: d, key: f, ref: A, props: v, _owner: l.current };
+      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 };
   }
-  return Q.Fragment = o, Q.jsx = u, Q.jsxs = u, Q;
+  return Z.Fragment = o, Z.jsx = l, Z.jsxs = l, Z;
 }
-var Z = {};
+var ee = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -214,11 +215,11 @@ var Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ze;
-function rt() {
-  return Ze || (Ze = 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"), l = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), d = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), M = Symbol.iterator, V = "@@iterator";
-    function ge(e) {
+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")
         return null;
       var a = M && e[M] || e[V];
@@ -229,32 +230,32 @@ function rt() {
       {
         for (var a = arguments.length, c = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
           c[p - 1] = arguments[p];
-        ar("error", e, c);
+        or("error", e, c);
       }
     }
-    function ar(e, a, c) {
+    function or(e, a, c) {
       {
         var p = N.ReactDebugCurrentFrame, b = p.getStackAddendum();
         b !== "" && (a += "%s", c = c.concat([b]));
-        var S = c.map(function(m) {
-          return String(m);
+        var y = c.map(function(v) {
+          return String(v);
         });
-        S.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, S);
+        y.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, y);
       }
     }
-    var ir = !1, or = !1, sr = !1, cr = !1, lr = !1, ze;
-    ze = Symbol.for("react.module.reference");
-    function ur(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === s || e === i || lr || e === l || e === y || e === _ || cr || e === A || ir || or || sr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === v || e.$$typeof === u || e.$$typeof === d || e.$$typeof === g || e.$$typeof === ze || e.getModuleId !== void 0));
+    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));
     }
-    function dr(e, a, c) {
+    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 Oe(e) {
+    function xe(e) {
       return e.displayName || "Context";
     }
     function F(e) {
@@ -271,30 +272,30 @@ function rt() {
           return "Portal";
         case i:
           return "Profiler";
-        case l:
+        case u:
           return "StrictMode";
-        case y:
-          return "Suspense";
         case _:
+          return "Suspense";
+        case w:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case d:
             var a = e;
-            return Oe(a) + ".Consumer";
-          case u:
+            return xe(a) + ".Consumer";
+          case l:
             var c = e;
-            return Oe(c._context) + ".Provider";
+            return xe(c._context) + ".Provider";
           case g:
-            return dr(e, e.render, "ForwardRef");
-          case v:
+            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, S = b._payload, m = b._init;
+            var b = e, y = b._payload, v = b._init;
             try {
-              return F(m(S));
+              return F(v(y));
             } catch {
               return null;
             }
@@ -302,18 +303,18 @@ function rt() {
         }
       return null;
     }
-    var Y = Object.assign, H = 0, Ae, ke, xe, De, je, Ie, Fe;
-    function qe() {
+    var Y = Object.assign, H = 0, ke, De, je, Ie, Fe, qe, Le;
+    function Me() {
     }
-    qe.__reactDisabledLog = !0;
-    function fr() {
+    Me.__reactDisabledLog = !0;
+    function gr() {
       {
         if (H === 0) {
-          Ae = console.log, ke = console.info, xe = console.warn, De = console.error, je = console.group, Ie = console.groupCollapsed, Fe = console.groupEnd;
+          ke = console.log, De = console.info, je = console.warn, Ie = console.error, Fe = console.group, qe = console.groupCollapsed, Le = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: qe,
+            value: Me,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -329,7 +330,7 @@ function rt() {
         H++;
       }
     }
-    function pr() {
+    function mr() {
       {
         if (H--, H === 0) {
           var e = {
@@ -339,87 +340,87 @@ function rt() {
           };
           Object.defineProperties(console, {
             log: Y({}, e, {
-              value: Ae
+              value: ke
             }),
             info: Y({}, e, {
-              value: ke
+              value: De
             }),
             warn: Y({}, e, {
-              value: xe
+              value: je
             }),
             error: Y({}, e, {
-              value: De
+              value: Ie
             }),
             group: Y({}, e, {
-              value: je
+              value: Fe
             }),
             groupCollapsed: Y({}, e, {
-              value: Ie
+              value: qe
             }),
             groupEnd: Y({}, e, {
-              value: Fe
+              value: Le
             })
           });
         }
         H < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = N.ReactCurrentDispatcher, me;
-    function re(e, a, c) {
+    var he = N.ReactCurrentDispatcher, ve;
+    function te(e, a, c) {
       {
-        if (me === void 0)
+        if (ve === void 0)
           try {
             throw Error();
           } catch (b) {
             var p = b.stack.trim().match(/\n( *(at )?)/);
-            me = p && p[1] || "";
+            ve = p && p[1] || "";
           }
         return `
-` + me + e;
+` + ve + e;
       }
     }
-    var ve = !1, te;
+    var be = !1, ne;
     {
-      var gr = typeof WeakMap == "function" ? WeakMap : Map;
-      te = new gr();
+      var hr = typeof WeakMap == "function" ? WeakMap : Map;
+      ne = new hr();
     }
-    function Le(e, a) {
-      if (!e || ve)
+    function Ne(e, a) {
+      if (!e || be)
         return "";
       {
-        var c = te.get(e);
+        var c = ne.get(e);
         if (c !== void 0)
           return c;
       }
       var p;
-      ve = !0;
+      be = !0;
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var S;
-      S = he.current, he.current = null, fr();
+      var y;
+      y = he.current, he.current = null, gr();
       try {
         if (a) {
-          var m = function() {
+          var v = function() {
             throw Error();
           };
-          if (Object.defineProperty(m.prototype, "props", {
+          if (Object.defineProperty(v.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(m, []);
+              Reflect.construct(v, []);
             } catch (q) {
               p = q;
             }
-            Reflect.construct(e, [], m);
+            Reflect.construct(e, [], v);
           } else {
             try {
-              m.call();
+              v.call();
             } catch (q) {
               p = q;
             }
-            e.call(m.prototype);
+            e.call(v.prototype);
           }
         } else {
           try {
@@ -432,148 +433,148 @@ function rt() {
       } catch (q) {
         if (q && p && typeof q.stack == "string") {
           for (var h = q.stack.split(`
-`), z = p.stack.split(`
-`), R = h.length - 1, P = z.length - 1; R >= 1 && P >= 0 && h[R] !== z[P]; )
+`), 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] !== z[P]) {
+            if (h[R] !== O[P]) {
               if (R !== 1 || P !== 1)
                 do
-                  if (R--, P--, P < 0 || h[R] !== z[P]) {
+                  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" && te.set(e, D), D;
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && ne.set(e, D), D;
                   }
                 while (R >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        ve = !1, he.current = S, pr(), Error.prepareStackTrace = b;
+        be = !1, he.current = y, mr(), Error.prepareStackTrace = b;
       }
-      var B = e ? e.displayName || e.name : "", Xe = B ? re(B) : "";
-      return typeof e == "function" && te.set(e, Xe), Xe;
+      var B = e ? e.displayName || e.name : "", Ze = B ? te(B) : "";
+      return typeof e == "function" && ne.set(e, Ze), Ze;
     }
-    function hr(e, a, c) {
-      return Le(e, !1);
+    function vr(e, a, c) {
+      return Ne(e, !1);
     }
-    function mr(e) {
+    function br(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function ne(e, a, c) {
+    function ae(e, a, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Le(e, mr(e));
+        return Ne(e, br(e));
       if (typeof e == "string")
-        return re(e);
+        return te(e);
       switch (e) {
-        case y:
-          return re("Suspense");
         case _:
-          return re("SuspenseList");
+          return te("Suspense");
+        case w:
+          return te("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case g:
-            return hr(e.render);
-          case v:
-            return ne(e.type, a, c);
+            return vr(e.render);
+          case m:
+            return ae(e.type, a, c);
           case f: {
-            var p = e, b = p._payload, S = p._init;
+            var p = e, b = p._payload, y = p._init;
             try {
-              return ne(S(b), a, c);
+              return ae(y(b), a, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var ae = Object.prototype.hasOwnProperty, Me = {}, Ne = N.ReactDebugCurrentFrame;
-    function ie(e) {
+    var ie = Object.prototype.hasOwnProperty, Ue = {}, $e = N.ReactDebugCurrentFrame;
+    function oe(e) {
       if (e) {
-        var a = e._owner, c = ne(e.type, e._source, a ? a.type : null);
-        Ne.setExtraStackFrame(c);
+        var a = e._owner, c = ae(e.type, e._source, a ? a.type : null);
+        $e.setExtraStackFrame(c);
       } else
-        Ne.setExtraStackFrame(null);
+        $e.setExtraStackFrame(null);
     }
-    function vr(e, a, c, p, b) {
+    function wr(e, a, c, p, b) {
       {
-        var S = Function.call.bind(ae);
-        for (var m in e)
-          if (S(e, m)) {
+        var y = Function.call.bind(ie);
+        for (var v in e)
+          if (y(e, v)) {
             var h = void 0;
             try {
-              if (typeof e[m] != "function") {
-                var z = Error((p || "React class") + ": " + c + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw z.name = "Invariant Violation", z;
+              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;
               }
-              h = e[m](a, m, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              h = e[v](a, v, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (R) {
               h = R;
             }
-            h && !(h instanceof Error) && (ie(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, m, typeof h), ie(null)), h instanceof Error && !(h.message in Me) && (Me[h.message] = !0, ie(b), T("Failed %s type: %s", c, h.message), ie(null));
+            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));
           }
       }
     }
-    var br = Array.isArray;
-    function be(e) {
-      return br(e);
+    var Sr = Array.isArray;
+    function we(e) {
+      return Sr(e);
     }
-    function wr(e) {
+    function _r(e) {
       {
         var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return c;
       }
     }
-    function Sr(e) {
+    function yr(e) {
       try {
-        return $e(e), !1;
+        return We(e), !1;
       } catch {
         return !0;
       }
     }
-    function $e(e) {
+    function We(e) {
       return "" + e;
     }
-    function Ue(e) {
-      if (Sr(e))
-        return T("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wr(e)), $e(e);
+    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);
     }
-    var X = N.ReactCurrentOwner, _r = {
+    var X = N.ReactCurrentOwner, Rr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, Ve, we;
-    we = {};
-    function yr(e) {
-      if (ae.call(e, "ref")) {
+    }, Ye, Ke, Se;
+    Se = {};
+    function Pr(e) {
+      if (ie.call(e, "ref")) {
         var a = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function Rr(e) {
-      if (ae.call(e, "key")) {
+    function Er(e) {
+      if (ie.call(e, "key")) {
         var a = Object.getOwnPropertyDescriptor(e, "key").get;
         if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Pr(e, a) {
+    function Cr(e, a) {
       if (typeof e.ref == "string" && X.current && a && X.current.stateNode !== a) {
         var c = F(X.current.type);
-        we[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), we[c] = !0);
+        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 Er(e, a) {
+    function Tr(e, a) {
       {
         var c = function() {
-          We || (We = !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));
+          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));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: c,
@@ -581,10 +582,10 @@ function rt() {
         });
       }
     }
-    function Cr(e, a) {
+    function Or(e, a) {
       {
         var c = function() {
-          Ve || (Ve = !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));
+          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));
         };
         c.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: c,
@@ -592,14 +593,14 @@ function rt() {
         });
       }
     }
-    var Tr = function(e, a, c, p, b, S, m) {
+    var zr = function(e, a, c, p, b, y, v) {
       var h = {
         $$typeof: n,
         type: e,
         key: a,
         ref: c,
-        props: m,
-        _owner: S
+        props: v,
+        _owner: y
       };
       return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
@@ -618,41 +619,41 @@ function rt() {
         value: b
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function zr(e, a, c, p, b) {
+    function Ar(e, a, c, p, b) {
       {
-        var S, m = {}, h = null, z = null;
-        c !== void 0 && (Ue(c), h = "" + c), Rr(a) && (Ue(a.key), h = "" + a.key), yr(a) && (z = a.ref, Pr(a, b));
-        for (S in a)
-          ae.call(a, S) && !_r.hasOwnProperty(S) && (m[S] = a[S]);
+        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 (S in R)
-            m[S] === void 0 && (m[S] = R[S]);
+          for (y in R)
+            v[y] === void 0 && (v[y] = R[y]);
         }
-        if (h || z) {
+        if (h || O) {
           var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          h && Er(m, P), z && Cr(m, P);
+          h && Tr(v, P), O && Or(v, P);
         }
-        return Tr(e, h, z, b, p, X.current, m);
+        return zr(e, h, O, b, p, X.current, v);
       }
     }
-    var Se = N.ReactCurrentOwner, Ye = N.ReactDebugCurrentFrame;
+    var _e = N.ReactCurrentOwner, Be = N.ReactDebugCurrentFrame;
     function K(e) {
       if (e) {
-        var a = e._owner, c = ne(e.type, e._source, a ? a.type : null);
-        Ye.setExtraStackFrame(c);
+        var a = e._owner, c = ae(e.type, e._source, a ? a.type : null);
+        Be.setExtraStackFrame(c);
       } else
-        Ye.setExtraStackFrame(null);
+        Be.setExtraStackFrame(null);
     }
-    var _e;
-    _e = !1;
-    function ye(e) {
+    var ye;
+    ye = !1;
+    function Re(e) {
       return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ke() {
+    function Ge() {
       {
-        if (Se.current) {
-          var e = F(Se.current.type);
+        if (_e.current) {
+          var e = F(_e.current.type);
           if (e)
             return `
 
@@ -661,7 +662,7 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Or(e) {
+    function xr(e) {
       {
         if (e !== void 0) {
           var a = e.fileName.replace(/^.*[\\\/]/, ""), c = e.lineNumber;
@@ -672,10 +673,10 @@ Check your code at ` + a + ":" + c + ".";
         return "";
       }
     }
-    var Be = {};
-    function Ar(e) {
+    var Je = {};
+    function kr(e) {
       {
-        var a = Ke();
+        var a = Ge();
         if (!a) {
           var c = typeof e == "string" ? e : e.displayName || e.name;
           c && (a = `
@@ -685,39 +686,39 @@ Check the top-level render call using <` + c + ">.");
         return a;
       }
     }
-    function Ge(e, a) {
+    function He(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var c = Ar(a);
-        if (Be[c])
+        var c = kr(a);
+        if (Je[c])
           return;
-        Be[c] = !0;
+        Je[c] = !0;
         var p = "";
-        e && e._owner && e._owner !== Se.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);
+        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);
       }
     }
-    function Je(e, a) {
+    function Xe(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (be(e))
+        if (we(e))
           for (var c = 0; c < e.length; c++) {
             var p = e[c];
-            ye(p) && Ge(p, a);
+            Re(p) && He(p, a);
           }
-        else if (ye(e))
+        else if (Re(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = ge(e);
+          var b = me(e);
           if (typeof b == "function" && b !== e.entries)
-            for (var S = b.call(e), m; !(m = S.next()).done; )
-              ye(m.value) && Ge(m.value, a);
+            for (var y = b.call(e), v; !(v = y.next()).done; )
+              Re(v.value) && He(v.value, a);
         }
       }
     }
-    function kr(e) {
+    function Dr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
@@ -725,22 +726,22 @@ Check the top-level render call using <` + c + ">.");
         var c;
         if (typeof a == "function")
           c = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === g || a.$$typeof === v))
+        else if (typeof a == "object" && (a.$$typeof === g || a.$$typeof === m))
           c = a.propTypes;
         else
           return;
         if (c) {
           var p = F(a);
-          vr(c, e.props, "prop", p, e);
-        } else if (a.PropTypes !== void 0 && !_e) {
-          _e = !0;
+          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");
         }
         typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function xr(e) {
+    function jr(e) {
       {
         for (var a = Object.keys(e.props), c = 0; c < a.length; c++) {
           var p = a[c];
@@ -752,58 +753,58 @@ Check the top-level render call using <` + c + ">.");
         e.ref !== null && (K(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function He(e, a, c, p, b, S) {
+    function Qe(e, a, c, p, b, y) {
       {
-        var m = ur(e);
-        if (!m) {
+        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 z = Or(b);
-          z ? h += z : h += Ke();
+          var O = xr(b);
+          O ? h += O : h += Ge();
           var R;
-          e === null ? R = "null" : be(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);
+          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 P = zr(e, a, c, b, S);
+        var P = Ar(e, a, c, b, y);
         if (P == null)
           return P;
-        if (m) {
+        if (v) {
           var D = a.children;
           if (D !== void 0)
             if (p)
-              if (be(D)) {
+              if (we(D)) {
                 for (var B = 0; B < D.length; B++)
-                  Je(D[B], e);
+                  Xe(D[B], e);
                 Object.freeze && Object.freeze(D);
               } 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.");
             else
-              Je(D, e);
+              Xe(D, e);
         }
-        return e === s ? xr(P) : kr(P), P;
+        return e === s ? jr(P) : Dr(P), P;
       }
     }
-    function Dr(e, a, c) {
-      return He(e, a, c, !0);
+    function Ir(e, a, c) {
+      return Qe(e, a, c, !0);
     }
-    function jr(e, a, c) {
-      return He(e, a, c, !1);
+    function Fr(e, a, c) {
+      return Qe(e, a, c, !1);
     }
-    var Ir = jr, Fr = Dr;
-    Z.Fragment = s, Z.jsx = Ir, Z.jsxs = Fr;
-  }()), Z;
+    var qr = Fr, Lr = Ir;
+    ee.Fragment = s, ee.jsx = qr, ee.jsxs = Lr;
+  }()), ee;
 }
 (function(t) {
-  process.env.NODE_ENV === "production" ? t.exports = et() : t.exports = rt();
-})(fe);
-const U = fe.exports.Fragment, r = fe.exports.jsx, w = fe.exports.jsxs;
-function tt({
+  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 = de
+  styles: n = fe
 }) {
   const {
     control: o,
     handleSubmit: s
-  } = ee({
+  } = re({
     defaultValues: {
       type: "postgresql",
       key: "",
@@ -818,27 +819,27 @@ function tt({
   });
   return /* @__PURE__ */ r(L, {
     mx: "auto",
-    children: /* @__PURE__ */ w("form", {
+    children: /* @__PURE__ */ S("form", {
       onSubmit: s(async ({
         type: i,
-        key: u,
+        key: l,
         config: d
       }) => {
-        $({
+        U({
           id: "for-creating",
           title: "Pending",
           message: "Adding data source...",
           loading: !0
         });
         try {
-          await k.datasource.create(i, u, d), O({
+          await x.datasource.create(i, l, d), z({
             id: "for-creating",
             title: "Successful",
             message: "Data source is added",
             color: "green"
           }), t();
         } catch (g) {
-          O({
+          z({
             id: "for-creating",
             title: "Failed",
             message: g.message,
@@ -851,7 +852,7 @@ function tt({
         control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(qr, {
+        }) => /* @__PURE__ */ r(Mr, {
           fullWidth: !0,
           mb: n.spacing,
           size: n.size,
@@ -881,10 +882,10 @@ function tt({
           placeholder: "A unique name",
           ...i
         })
-      }), /* @__PURE__ */ r(er, {
+      }), /* @__PURE__ */ r(tr, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ w(I, {
+      }), /* @__PURE__ */ S(I, {
         grow: !0,
         children: [/* @__PURE__ */ r(E, {
           name: "config.host",
@@ -906,7 +907,7 @@ function tt({
           control: o,
           render: ({
             field: i
-          }) => /* @__PURE__ */ r(Lr, {
+          }) => /* @__PURE__ */ r(Nr, {
             mb: n.spacing,
             size: n.size,
             required: !0,
@@ -935,7 +936,7 @@ function tt({
         control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(ce, {
+        }) => /* @__PURE__ */ r(le, {
           mb: n.spacing,
           size: n.size,
           required: !0,
@@ -957,7 +958,7 @@ function tt({
       }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
-        children: /* @__PURE__ */ r(x, {
+        children: /* @__PURE__ */ r(k, {
           type: "submit",
           size: n.button.size,
           children: "Save"
@@ -966,13 +967,13 @@ function tt({
     })
   });
 }
-function nt({
+function it({
   onSuccess: t,
-  styles: n = de
+  styles: n = fe
 }) {
-  const [o, s] = J.useState(!1), l = () => s(!0), i = () => s(!1);
-  return /* @__PURE__ */ w(U, {
-    children: [/* @__PURE__ */ r(se, {
+  const [o, s] = J.useState(!1), u = () => s(!0), i = () => s(!1);
+  return /* @__PURE__ */ S($, {
+    children: [/* @__PURE__ */ r(ce, {
       overflow: "inside",
       opened: o,
       onClose: () => s(!1),
@@ -981,60 +982,69 @@ function nt({
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ r(tt, {
+      children: /* @__PURE__ */ r(at, {
         postSubmit: () => {
           t(), i();
         },
         styles: n
       })
-    }), /* @__PURE__ */ r(x, {
+    }), /* @__PURE__ */ r(k, {
       size: n.button.size,
-      onClick: l,
-      leftIcon: /* @__PURE__ */ r(Ee, {
+      onClick: u,
+      leftIcon: /* @__PURE__ */ r(Te, {
         size: 20
       }),
       children: "Add a Data Source"
     })]
   });
 }
-function at(t, n) {
-  if (t == null)
-    return {};
-  var o = {}, s = Object.keys(t), l, i;
-  for (i = 0; i < s.length; i++)
-    l = s[i], !(n.indexOf(l) >= 0) && (o[l] = t[l]);
-  return o;
+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]);
+    }
+    return t;
+  }, Pe.apply(this, arguments);
 }
-function it(t, n) {
+function ot(t, n) {
   if (t == null)
     return {};
-  var o = at(t, n), s, l;
+  var o, s, u = function(l, d) {
+    if (l == 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);
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
-    for (l = 0; l < i.length; l++)
-      s = i[l], !(n.indexOf(s) >= 0) && (!Object.prototype.propertyIsEnumerable.call(t, s) || (o[s] = t[s]));
+    for (s = 0; s < i.length; s++)
+      o = i[s], n.indexOf(o) >= 0 || Object.prototype.propertyIsEnumerable.call(t, o) && (u[o] = t[o]);
   }
-  return o;
+  return u;
 }
-var ot = ["size", "color", "stroke"];
-function st(t) {
-  var n = t.size, o = n === void 0 ? 24 : n, s = t.color, l = s === void 0 ? "currentColor" : s, i = t.stroke, u = i === void 0 ? 2 : i, d = it(t, ot);
-  return /* @__PURE__ */ w("svg", { xmlns: "http://www.w3.org/2000/svg", className: "icon icon-tabler icon-tabler-lock", width: o, height: o, viewBox: "0 0 24 24", strokeWidth: u, stroke: l, fill: "none", strokeLinecap: "round", strokeLinejoin: "round", ...d, children: [/* @__PURE__ */ r("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }), /* @__PURE__ */ r("rect", { x: 5, y: 11, width: 14, height: 10, rx: 2 }), /* @__PURE__ */ r("circle", { cx: 12, cy: 16, r: 1 }), /* @__PURE__ */ r("path", { d: "M8 11v-4a4 4 0 0 1 8 0v4" })] });
+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 ct({
+function lt({
   id: t,
   name: n,
   isProtected: o,
   onSuccess: s,
-  styles: l = de
+  styles: u = fe
 }) {
-  const i = le(), u = async () => {
-    !t || ($({
+  const i = ue(), l = async () => {
+    !t || (U({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await k.datasource.delete(t), O({
+    }), await x.datasource.delete(t), z({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${n}] is deleted`,
@@ -1042,8 +1052,8 @@ function ct({
     }), s());
   }, d = () => i.openConfirmModal({
     title: "Delete this data source?",
-    children: /* @__PURE__ */ r(oe, {
-      size: l.size,
+    children: /* @__PURE__ */ r(se, {
+      size: u.size,
       children: "This action won't affect your database."
     }),
     labels: {
@@ -1051,9 +1061,9 @@ function ct({
       cancel: "Cancel"
     },
     onCancel: () => console.log("Cancel"),
-    onConfirm: u
-  }), g = Mr();
-  return o ? /* @__PURE__ */ r(Nr, {
+    onConfirm: l
+  }), g = Ur();
+  return o ? /* @__PURE__ */ r($r, {
     withArrow: !0,
     events: {
       hover: !0,
@@ -1062,59 +1072,59 @@ function ct({
     },
     label: "This is a preset datasource, it can not be deleted",
     children: /* @__PURE__ */ r("span", {
-      children: /* @__PURE__ */ r(st, {
+      children: /* @__PURE__ */ r(ct, {
         size: 16,
         color: g.colors.gray[7]
       })
     })
-  }) : /* @__PURE__ */ r(x, {
-    size: l.button.size,
+  }) : /* @__PURE__ */ r(k, {
+    size: u.button.size,
     color: "red",
     onClick: d,
-    leftIcon: /* @__PURE__ */ r(Ce, {
+    leftIcon: /* @__PURE__ */ r(Oe, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Ot({
-  styles: t = de,
+function At({
+  styles: t = fe,
   config: n
 }) {
-  ue(n);
+  de(n);
   const {
     data: o = [],
     loading: s,
-    refresh: l
+    refresh: u
   } = G(async () => {
     const {
       data: i
-    } = await k.datasource.list();
+    } = await x.datasource.list();
     return i;
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ w(U, {
+  return /* @__PURE__ */ S($, {
     children: [/* @__PURE__ */ r(I, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(nt, {
-        onSuccess: l
+      children: /* @__PURE__ */ r(it, {
+        onSuccess: u
       })
-    }), /* @__PURE__ */ w(L, {
+    }), /* @__PURE__ */ S(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(Re, {
+      children: [/* @__PURE__ */ r(Ee, {
         visible: s
-      }), /* @__PURE__ */ w(Pe, {
+      }), /* @__PURE__ */ S(Ce, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ w("tr", {
+          children: /* @__PURE__ */ S("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Type"
             }), /* @__PURE__ */ r("th", {
@@ -1126,60 +1136,60 @@ function Ot({
         }), /* @__PURE__ */ r("tbody", {
           children: o.map(({
             id: i,
-            key: u,
+            key: l,
             type: d,
             is_preset: g
-          }) => /* @__PURE__ */ w("tr", {
+          }) => /* @__PURE__ */ S("tr", {
             children: [/* @__PURE__ */ r("td", {
               width: 200,
               children: d
             }), /* @__PURE__ */ r("td", {
-              children: u
+              children: l
             }), /* @__PURE__ */ r("td", {
               width: 200,
               children: /* @__PURE__ */ r(I, {
                 position: "left",
-                children: /* @__PURE__ */ r(ct, {
+                children: /* @__PURE__ */ r(lt, {
                   isProtected: g,
                   id: i,
-                  name: u,
-                  onSuccess: l
+                  name: l,
+                  onSuccess: u
                 })
               })
             })]
-          }, u))
+          }, l))
         })]
       })]
     })]
   });
 }
-const lt = tr(({
+const ut = ar(({
   label: t,
   value: n,
   description: o,
   ...s
-}, l) => /* @__PURE__ */ w(rr, {
+}, u) => /* @__PURE__ */ S(nr, {
   spacing: 2,
-  ref: l,
+  ref: u,
   ...s,
-  children: [/* @__PURE__ */ r(oe, {
+  children: [/* @__PURE__ */ r(se, {
     size: "sm",
     children: t
-  }), /* @__PURE__ */ r(oe, {
+  }), /* @__PURE__ */ r(se, {
     size: "xs",
     color: "dimmed",
     className: "role-description",
     children: o
   })]
-})), Te = tr(({
+})), ze = ar(({
   styles: t,
   value: n,
   onChange: o
 }, s) => {
   const {
-    data: l = [],
+    data: u = [],
     loading: i
-  } = G(async () => (await k.role.list()).map((d) => ({
+  } = G(async () => (await x.role.list()).map((d) => ({
     label: d.name,
     value: d.id,
     description: d.description,
@@ -1187,14 +1197,14 @@ const lt = tr(({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ r($r, {
+  return /* @__PURE__ */ r(Wr, {
     ref: s,
     mb: t.spacing,
     size: t.size,
     required: !0,
     label: "Role",
-    itemComponent: lt,
-    data: l,
+    itemComponent: ut,
+    data: u,
     disabled: i,
     styles: () => ({
       item: {
@@ -1217,15 +1227,15 @@ const lt = tr(({
     size: "xs"
   }
 };
-function ut({
+function dt({
   postSubmit: t,
   styles: n = W,
   initialRoleID: o
 }) {
   const {
     control: s,
-    handleSubmit: l
-  } = ee({
+    handleSubmit: u
+  } = re({
     defaultValues: {
       name: "",
       email: "",
@@ -1235,30 +1245,30 @@ function ut({
   });
   return /* @__PURE__ */ r(L, {
     mx: "auto",
-    children: /* @__PURE__ */ w("form", {
-      onSubmit: l(async ({
-        name: u,
+    children: /* @__PURE__ */ S("form", {
+      onSubmit: u(async ({
+        name: l,
         email: d,
         password: g,
-        role_id: y
+        role_id: _
       }) => {
         try {
-          $({
+          U({
             id: "for-creating",
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await k.account.create(u, d, g, y), O({
+          }), await x.account.create(l, d, g, _), z({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
           }), t();
-        } catch (_) {
-          O({
+        } catch (w) {
+          z({
             id: "for-creating",
             title: "Failed",
-            message: _.message,
+            message: w.message,
             color: "red"
           });
         }
@@ -1267,52 +1277,52 @@ function ut({
         name: "name",
         control: s,
         render: ({
-          field: u
+          field: l
         }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Username",
-          ...u
+          ...l
         })
       }), /* @__PURE__ */ r(E, {
         name: "email",
         control: s,
         render: ({
-          field: u
+          field: l
         }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Email",
-          ...u
+          ...l
         })
       }), /* @__PURE__ */ r(E, {
         name: "password",
         control: s,
         render: ({
-          field: u
-        }) => /* @__PURE__ */ r(ce, {
+          field: l
+        }) => /* @__PURE__ */ r(le, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Password",
           description: "Password must be at least 8 characters long",
-          ...u
+          ...l
         })
       }), /* @__PURE__ */ r(E, {
         name: "role_id",
         control: s,
         render: ({
-          field: u
-        }) => /* @__PURE__ */ r(Te, {
+          field: l
+        }) => /* @__PURE__ */ r(ze, {
           styles: n,
-          ...u
+          ...l
         })
       }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
-        children: /* @__PURE__ */ r(x, {
+        children: /* @__PURE__ */ r(k, {
           type: "submit",
           size: n.button.size,
           children: "Save"
@@ -1321,62 +1331,62 @@ function ut({
     })
   });
 }
-function dt({
+function ft({
   onSuccess: t,
   styles: n = W,
   initialRoleID: o
 }) {
-  const [s, l] = J.useState(!1), i = () => l(!0), u = () => l(!1);
-  return /* @__PURE__ */ w(U, {
-    children: [/* @__PURE__ */ r(se, {
+  const [s, u] = J.useState(!1), i = () => u(!0), l = () => u(!1);
+  return /* @__PURE__ */ S($, {
+    children: [/* @__PURE__ */ r(ce, {
       overflow: "inside",
       opened: s,
-      onClose: () => l(!1),
+      onClose: () => u(!1),
       title: "Add an Account",
       trapFocus: !0,
       onDragStart: (g) => {
         g.stopPropagation();
       },
-      children: /* @__PURE__ */ r(ut, {
+      children: /* @__PURE__ */ r(dt, {
         postSubmit: () => {
-          t(), u();
+          t(), l();
         },
         styles: n,
         initialRoleID: o
       })
-    }), /* @__PURE__ */ r(x, {
+    }), /* @__PURE__ */ r(k, {
       size: n.button.size,
       onClick: i,
-      leftIcon: /* @__PURE__ */ r(Ee, {
+      leftIcon: /* @__PURE__ */ r(Te, {
         size: 20
       }),
       children: "Add an Account"
     })]
   });
 }
-function ft({
+function pt({
   id: t,
   name: n,
   onSuccess: o,
   styles: s = W
 }) {
-  const l = le(), i = async () => {
+  const u = ue(), i = async () => {
     if (!!t) {
-      $({
+      U({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await k.account.delete(t), O({
+        await x.account.delete(t), z({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${n}] is deleted`,
           color: "green"
         }), o();
       } catch (d) {
-        O({
+        z({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -1384,7 +1394,7 @@ function ft({
         });
       }
     }
-  }, u = () => l.openConfirmModal({
+  }, l = () => u.openConfirmModal({
     title: "Delete this account?",
     labels: {
       confirm: "Confirm",
@@ -1393,29 +1403,29 @@ function ft({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(x, {
+  return /* @__PURE__ */ r(k, {
     size: s.button.size,
     color: "red",
-    onClick: u,
-    leftIcon: /* @__PURE__ */ r(Ce, {
+    onClick: l,
+    leftIcon: /* @__PURE__ */ r(Oe, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function pt({
+function gt({
   id: t,
   name: n,
   email: o,
   role_id: s,
-  postSubmit: l,
+  postSubmit: u,
   styles: i = W
 }) {
   const {
-    control: u,
+    control: l,
     handleSubmit: d,
     watch: g
-  } = ee({
+  } = re({
     defaultValues: {
       name: n,
       email: o,
@@ -1423,48 +1433,48 @@ function pt({
       reset_password: !1,
       new_password: ""
     }
-  }), y = async ({
+  }), _ = async ({
     name: f,
     email: A,
     role_id: M,
     reset_password: V,
-    new_password: ge
+    new_password: me
   }) => {
     try {
-      $({
+      U({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await k.account.edit({
+      }), await x.account.edit({
         id: t,
         name: f,
         email: A,
         role_id: M,
         reset_password: V,
-        new_password: ge
-      }), O({
+        new_password: me
+      }), z({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
-      }), l();
+      }), u();
     } catch (N) {
-      O({
+      z({
         id: "for-updating",
         title: "Failed",
         message: N.message,
         color: "red"
       });
     }
-  }, [_, v] = g(["reset_password", "new_password"]);
+  }, [w, m] = g(["reset_password", "new_password"]);
   return /* @__PURE__ */ r(L, {
     mx: "auto",
-    children: /* @__PURE__ */ w("form", {
-      onSubmit: d(y),
+    children: /* @__PURE__ */ S("form", {
+      onSubmit: d(_),
       children: [/* @__PURE__ */ r(E, {
         name: "name",
-        control: u,
+        control: l,
         render: ({
           field: f
         }) => /* @__PURE__ */ r(j, {
@@ -1476,7 +1486,7 @@ function pt({
         })
       }), /* @__PURE__ */ r(E, {
         name: "email",
-        control: u,
+        control: l,
         render: ({
           field: f
         }) => /* @__PURE__ */ r(j, {
@@ -1488,24 +1498,24 @@ function pt({
         })
       }), /* @__PURE__ */ r(E, {
         name: "role_id",
-        control: u,
+        control: l,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(Te, {
+        }) => /* @__PURE__ */ r(ze, {
           styles: i,
           ...f
         })
-      }), /* @__PURE__ */ r(er, {
+      }), /* @__PURE__ */ r(tr, {
         my: 20,
         variant: "dashed",
         label: "",
         labelPosition: "center"
       }), /* @__PURE__ */ r(E, {
         name: "reset_password",
-        control: u,
+        control: l,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(Ur, {
+        }) => /* @__PURE__ */ r(Vr, {
           mb: i.spacing,
           size: i.size,
           label: "Reset password",
@@ -1517,12 +1527,12 @@ function pt({
             }
           }
         })
-      }), _ && /* @__PURE__ */ r(E, {
+      }), w && /* @__PURE__ */ r(E, {
         name: "new_password",
-        control: u,
+        control: l,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(ce, {
+        }) => /* @__PURE__ */ r(le, {
           autoComplete: "off",
           mb: i.spacing,
           size: i.size,
@@ -1534,7 +1544,7 @@ function pt({
       }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: i.spacing,
-        children: /* @__PURE__ */ r(x, {
+        children: /* @__PURE__ */ r(k, {
           type: "submit",
           size: i.button.size,
           children: "Submit"
@@ -1543,92 +1553,92 @@ function pt({
     })
   });
 }
-function gt({
+function mt({
   account: t,
   onSuccess: n,
   styles: o = W
 }) {
-  const [s, l] = J.useState(!1), i = () => l(!0), u = () => l(!1), d = () => {
-    n(), u();
+  const [s, u] = J.useState(!1), i = () => u(!0), l = () => u(!1), d = () => {
+    n(), l();
   };
-  return /* @__PURE__ */ w(U, {
-    children: [/* @__PURE__ */ r(se, {
+  return /* @__PURE__ */ S($, {
+    children: [/* @__PURE__ */ r(ce, {
       overflow: "inside",
       opened: s,
-      onClose: () => l(!1),
+      onClose: () => u(!1),
       title: `Editing ${t.name}`,
       trapFocus: !0,
       onDragStart: (g) => {
         g.stopPropagation();
       },
-      children: /* @__PURE__ */ r(pt, {
+      children: /* @__PURE__ */ r(gt, {
         ...t,
         postSubmit: d,
         styles: o
       })
-    }), /* @__PURE__ */ r(x, {
+    }), /* @__PURE__ */ r(k, {
       size: o.button.size,
       onClick: i,
-      leftIcon: /* @__PURE__ */ r(Wr, {
+      leftIcon: /* @__PURE__ */ r(Yr, {
         size: 20
       }),
       children: "Edit"
     })]
   });
 }
-function At({
+function xt({
   styles: t = W,
   config: n
 }) {
-  var y, _;
-  ue(n);
+  var _, w;
+  de(n);
   const {
     data: o = [],
     loading: s,
-    refresh: l
+    refresh: u
   } = G(async () => {
     const {
-      data: v
-    } = await k.account.list();
-    return v;
+      data: m
+    } = await x.account.list();
+    return m;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
-    loading: u
-  } = G(async () => (await k.role.list()).map((f) => ({
+    loading: l
+  } = G(async () => (await x.role.list()).map((f) => ({
     label: f.name,
     value: f.id,
     description: f.description,
     disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), d = nr(() => i.reduce((v, f) => (v.set(f.value, f.label), v), /* @__PURE__ */ new Map()), [i]), g = (v) => {
+  }), 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(v)) != null ? f : v;
+    return (f = d.get(m)) != null ? f : m;
   };
-  return /* @__PURE__ */ w(U, {
+  return /* @__PURE__ */ S($, {
     children: [/* @__PURE__ */ r(I, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(dt, {
-        onSuccess: l,
-        initialRoleID: (_ = (y = i == null ? void 0 : i[0]) == null ? void 0 : y.value) != null ? _ : 0
+      children: /* @__PURE__ */ r(ft, {
+        onSuccess: u,
+        initialRoleID: (w = (_ = i == null ? void 0 : i[0]) == null ? void 0 : _.value) != null ? w : 0
       })
-    }), /* @__PURE__ */ w(L, {
+    }), /* @__PURE__ */ S(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(Re, {
-        visible: s || u
-      }), /* @__PURE__ */ w(Pe, {
+      children: [/* @__PURE__ */ r(Ee, {
+        visible: s || l
+      }), /* @__PURE__ */ S(Ce, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ w("tr", {
+          children: /* @__PURE__ */ S("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Username"
             }), /* @__PURE__ */ r("th", {
@@ -1640,14 +1650,14 @@ function At({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: o.map((v) => {
+          children: o.map((m) => {
             const {
               id: f,
               name: A,
               email: M,
               role_id: V
-            } = v;
-            return /* @__PURE__ */ w("tr", {
+            } = m;
+            return /* @__PURE__ */ S("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
                 children: A
@@ -1659,15 +1669,15 @@ function At({
                 children: g(V)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ w(I, {
+                children: /* @__PURE__ */ S(I, {
                   position: "left",
-                  children: [/* @__PURE__ */ r(gt, {
-                    account: v,
-                    onSuccess: l
-                  }), /* @__PURE__ */ r(ft, {
+                  children: [/* @__PURE__ */ r(mt, {
+                    account: m,
+                    onSuccess: u
+                  }), /* @__PURE__ */ r(pt, {
                     id: f,
                     name: A,
-                    onSuccess: l
+                    onSuccess: u
                   })]
                 })
               })]
@@ -1685,7 +1695,7 @@ function ht({
   const {
     control: o,
     handleSubmit: s
-  } = ee({
+  } = re({
     defaultValues: {
       name: "",
       password: ""
@@ -1693,27 +1703,27 @@ function ht({
   });
   return /* @__PURE__ */ r(L, {
     mx: "auto",
-    children: /* @__PURE__ */ w("form", {
+    children: /* @__PURE__ */ S("form", {
       onSubmit: s(async ({
         name: i,
-        password: u
+        password: l
       }) => {
         try {
-          $({
+          U({
             id: "for-login",
             title: "Pending",
             message: "Loggin in...",
             loading: !0
           });
-          const d = await k.account.login(i, u);
-          window.localStorage.setItem("token", d.token), O({
+          const d = await x.account.login(i, l);
+          window.localStorage.setItem("token", d.token), z({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
           }), t(d);
         } catch (d) {
-          O({
+          z({
             id: "for-login",
             title: "Login Failed",
             message: d.message,
@@ -1738,7 +1748,7 @@ function ht({
         control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(ce, {
+        }) => /* @__PURE__ */ r(le, {
           mb: n.spacing,
           size: n.size,
           required: !0,
@@ -1748,7 +1758,7 @@ function ht({
       }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
-        children: /* @__PURE__ */ r(x, {
+        children: /* @__PURE__ */ r(k, {
           type: "submit",
           size: n.button.size,
           children: "Submit"
@@ -1762,7 +1772,7 @@ function kt({
   config: n,
   onSuccess: o
 }) {
-  return ue(n), /* @__PURE__ */ r(U, {
+  return de(n), /* @__PURE__ */ r($, {
     children: /* @__PURE__ */ r(L, {
       mt: t.spacing,
       sx: {
@@ -1775,22 +1785,22 @@ function kt({
     })
   });
 }
-const pe = {
+const ge = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function mt({
+function vt({
   postSubmit: t,
-  styles: n = pe,
+  styles: n = ge,
   initialRoleID: o
 }) {
   const {
     control: s,
-    handleSubmit: l
-  } = ee({
+    handleSubmit: u
+  } = re({
     defaultValues: {
       name: "",
       role_id: o
@@ -1798,13 +1808,13 @@ function mt({
   });
   return /* @__PURE__ */ r(L, {
     mx: "auto",
-    children: /* @__PURE__ */ w("form", {
-      onSubmit: l(async ({
-        name: u,
+    children: /* @__PURE__ */ S("form", {
+      onSubmit: u(async ({
+        name: l,
         role_id: d
       }) => {
         try {
-          $({
+          U({
             id: "for-creating",
             title: "Pending",
             message: "Adding API Key...",
@@ -1812,16 +1822,16 @@ function mt({
           });
           const {
             app_id: g,
-            app_secret: y
-          } = await k.api_key.create(u, d);
-          O({
+            app_secret: _
+          } = await x.api_key.create(l, d);
+          z({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), t(g, y);
+          }), t(g, _);
         } catch (g) {
-          O({
+          z({
             id: "for-creating",
             title: "Failed",
             message: g.message,
@@ -1833,27 +1843,27 @@ function mt({
         name: "name",
         control: s,
         render: ({
-          field: u
+          field: l
         }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Name",
-          ...u
+          ...l
         })
       }), /* @__PURE__ */ r(E, {
         name: "role_id",
         control: s,
         render: ({
-          field: u
-        }) => /* @__PURE__ */ r(Te, {
+          field: l
+        }) => /* @__PURE__ */ r(ze, {
           styles: n,
-          ...u
+          ...l
         })
       }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
-        children: /* @__PURE__ */ r(x, {
+        children: /* @__PURE__ */ r(k, {
           type: "submit",
           size: n.button.size,
           children: "Save"
@@ -1862,32 +1872,32 @@ function mt({
     })
   });
 }
-function vt({
+function bt({
   onSuccess: t,
-  styles: n = pe,
+  styles: n = ge,
   initialRoleID: o
 }) {
-  const s = le(), [l, i] = J.useState(!1), u = () => i(!0), d = () => i(!1);
-  return /* @__PURE__ */ w(U, {
-    children: [/* @__PURE__ */ r(se, {
+  const s = ue(), [u, i] = J.useState(!1), l = () => i(!0), d = () => i(!1);
+  return /* @__PURE__ */ S($, {
+    children: [/* @__PURE__ */ r(ce, {
       overflow: "inside",
-      opened: l,
+      opened: u,
       onClose: () => i(!1),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (y) => {
-        y.stopPropagation();
+      onDragStart: (_) => {
+        _.stopPropagation();
       },
-      children: /* @__PURE__ */ r(mt, {
-        postSubmit: (y, _) => {
+      children: /* @__PURE__ */ r(vt, {
+        postSubmit: (_, w) => {
           d(), s.openModal({
             title: "API Key is generated",
-            children: /* @__PURE__ */ w(rr, {
-              children: [/* @__PURE__ */ r(oe, {
+            children: /* @__PURE__ */ S(nr, {
+              children: [/* @__PURE__ */ r(se, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
               }), /* @__PURE__ */ r(j, {
-                defaultValue: y,
+                defaultValue: _,
                 disabled: !0,
                 label: "APP ID",
                 styles: {
@@ -1896,7 +1906,7 @@ function vt({
                   }
                 }
               }), /* @__PURE__ */ r(j, {
-                defaultValue: _,
+                defaultValue: w,
                 disabled: !0,
                 label: "APP Secret",
                 styles: {
@@ -1904,10 +1914,10 @@ function vt({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ r(x, {
+              }), /* @__PURE__ */ r(k, {
                 size: "sm",
                 onClick: () => {
-                  Br();
+                  Jr();
                 },
                 children: "I've saved this API Key"
               })]
@@ -1920,39 +1930,39 @@ function vt({
         styles: n,
         initialRoleID: o
       })
-    }), /* @__PURE__ */ r(x, {
+    }), /* @__PURE__ */ r(k, {
       size: n.button.size,
-      onClick: u,
-      leftIcon: /* @__PURE__ */ r(Ee, {
+      onClick: l,
+      leftIcon: /* @__PURE__ */ r(Te, {
         size: 20
       }),
       children: "Add an API Key"
     })]
   });
 }
-function bt({
+function wt({
   id: t,
   name: n,
   onSuccess: o,
-  styles: s = pe
+  styles: s = ge
 }) {
-  const l = le(), i = async () => {
+  const u = ue(), i = async () => {
     if (!!t) {
-      $({
+      U({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await k.api_key.delete(t), O({
+        await x.api_key.delete(t), z({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${n}] is deleted`,
           color: "green"
         }), o();
       } catch (d) {
-        O({
+        z({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -1960,7 +1970,7 @@ function bt({
         });
       }
     }
-  }, u = () => l.openConfirmModal({
+  }, l = () => u.openConfirmModal({
     title: "Delete this api-key?",
     labels: {
       confirm: "Confirm",
@@ -1969,69 +1979,69 @@ function bt({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(x, {
+  return /* @__PURE__ */ r(k, {
     size: s.button.size,
     color: "red",
-    onClick: u,
-    leftIcon: /* @__PURE__ */ r(Ce, {
+    onClick: l,
+    leftIcon: /* @__PURE__ */ r(Oe, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function xt({
-  styles: t = pe,
+function Dt({
+  styles: t = ge,
   config: n
 }) {
-  var y, _;
-  ue(n);
+  var _, w;
+  de(n);
   const {
     data: o = [],
     loading: s,
-    refresh: l
+    refresh: u
   } = G(async () => {
     const {
-      data: v
-    } = await k.api_key.list();
-    return v;
+      data: m
+    } = await x.api_key.list();
+    return m;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
-    loading: u
-  } = G(async () => (await k.role.list()).map((f) => ({
+    loading: l
+  } = G(async () => (await x.role.list()).map((f) => ({
     label: f.name,
     value: f.id,
     description: f.description,
     disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), d = nr(() => i.reduce((v, f) => (v.set(f.value, f.label), v), /* @__PURE__ */ new Map()), [i]), g = (v) => {
+  }), 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(v)) != null ? f : v;
+    return (f = d.get(m)) != null ? f : m;
   };
-  return /* @__PURE__ */ w(U, {
+  return /* @__PURE__ */ S($, {
     children: [/* @__PURE__ */ r(I, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(vt, {
-        onSuccess: l,
-        initialRoleID: (_ = (y = i == null ? void 0 : i[0]) == null ? void 0 : y.value) != null ? _ : 0
+      children: /* @__PURE__ */ r(bt, {
+        onSuccess: u,
+        initialRoleID: (w = (_ = i == null ? void 0 : i[0]) == null ? void 0 : _.value) != null ? w : 0
       })
-    }), /* @__PURE__ */ w(L, {
+    }), /* @__PURE__ */ S(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(Re, {
-        visible: s || u
-      }), /* @__PURE__ */ w(Pe, {
+      children: [/* @__PURE__ */ r(Ee, {
+        visible: s || l
+      }), /* @__PURE__ */ S(Ce, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
         fontSize: t.size,
         highlightOnHover: !0,
         children: [/* @__PURE__ */ r("thead", {
-          children: /* @__PURE__ */ w("tr", {
+          children: /* @__PURE__ */ S("tr", {
             children: [/* @__PURE__ */ r("th", {
               children: "Name"
             }), /* @__PURE__ */ r("th", {
@@ -2043,14 +2053,14 @@ function xt({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: o.map((v) => {
+          children: o.map((m) => {
             const {
               id: f,
               name: A,
               app_id: M,
               role_id: V
-            } = v;
-            return /* @__PURE__ */ w("tr", {
+            } = m;
+            return /* @__PURE__ */ S("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
                 children: A
@@ -2064,10 +2074,10 @@ function xt({
                 width: 200,
                 children: /* @__PURE__ */ r(I, {
                   position: "left",
-                  children: /* @__PURE__ */ r(bt, {
+                  children: /* @__PURE__ */ r(wt, {
                     id: f,
                     name: A,
-                    onSuccess: l
+                    onSuccess: u
                   })
                 })
               })]
@@ -2079,14 +2089,14 @@ function xt({
   });
 }
 export {
-  xt as APIKeyList,
-  At as AccountList,
-  vt as AddAPIKey,
-  dt as AddAccount,
-  nt as AddDataSource,
-  Ot as DataSourceList,
-  bt as DeleteAPIKey,
-  ft as DeleteAccount,
-  ct as DeleteDataSource,
+  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
 };