@devtable/settings-form 5.7.2 → 5.8.0

package/dist/settings-form.es.js

@@ -1,34 +1,34 @@
-import { Modal as se, Button as x, Box as L, SegmentedControl as qr, TextInput as I, Divider as er, Group as j, NumberInput as Lr, PasswordInput as ce, Text as oe, LoadingOverlay as Re, Table as Pe, Stack as rr, Select as Nr, Switch as Ur } from "@mantine/core";
-import { showNotification as M, updateNotification as z } from "@mantine/notifications";
+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 A } 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 Mr } from "tabler-icons-react";
-import $r from "axios";
-import Wr from "crypto-js";
+import { PlaylistAdd as Ee, Trash as Ce, Edit as Wr } from "tabler-icons-react";
+import Vr from "axios";
+import Yr from "crypto-js";
 import { useRequest as G } from "ahooks";
-import { useModals as le, closeAllModals as Vr } from "@mantine/modals";
-function Yr(t) {
+import { useModals as le, closeAllModals as Kr } from "@mantine/modals";
+function Br(t) {
   t = t || {};
-  const n = Object.keys(t).sort(), s = [];
-  for (let c = 0; c < n.length; c++) {
-    const u = n[c];
-    if (u != "authentication" && t[u])
-      s.push(n[c] + "=" + (typeof t[u] == "object" ? JSON.stringify(t[u]) : t[u]));
+  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]));
     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] && s.push(
-          i[l] + "=" + (typeof t[u][d] == "object" ? JSON.stringify(t[u][d]) : t[u][d])
+      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])
         );
       }
     }
   }
-  return s.sort().join("&");
+  return o.sort().join("&");
 }
-function Kr(t, n) {
-  let s = Yr(t);
-  return s += "&key=" + n, Wr.MD5(s).toString().toUpperCase();
+function Gr(t, n) {
+  let o = Br(t);
+  return o += "&key=" + n, Yr.MD5(o).toString().toUpperCase();
 }
 const C = {
   baseURL: "http://localhost:31200",
@@ -41,7 +41,7 @@ const C = {
     return {
       app_id: this.app_id,
       nonce_str: n,
-      sign: Kr(
+      sign: Gr(
         {
           app_id: this.app_id,
           nonce_str: n,
@@ -52,33 +52,33 @@ const C = {
     };
   },
   getRequest(t) {
-    return (n, s, c = {}) => {
-      const u = window.localStorage.getItem("token"), i = {
+    return (n, o, s = {}) => {
+      const l = window.localStorage.getItem("token"), i = {
         "X-Requested-With": "XMLHttpRequest",
-        "Content-Type": c.string ? "application/x-www-form-urlencoded" : "application/json",
-        authorization: u ? `bearer ${u}` : "",
-        ...c.headers
-      }, l = {
+        "Content-Type": s.string ? "application/x-www-form-urlencoded" : "application/json",
+        authorization: l ? `bearer ${l}` : "",
+        ...s.headers
+      }, u = {
         baseURL: this.baseURL,
         method: t,
         url: n,
-        params: t === "GET" ? s : c.params,
+        params: t === "GET" ? o : s.params,
         headers: i
       };
-      return ["POST", "PUT"].includes(t) && (l.data = c.string ? JSON.stringify(s) : s, l.data.authentication = this.getAuthentication(l.data)), $r(l).then((d) => d.data).catch((d) => Promise.reject(d));
+      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) => Promise.reject(d));
     };
   }
 };
 function ue(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 Br = {
+const Jr = {
   login: async (t, n) => {
-    const s = {
+    const o = {
       name: t,
       password: n
     };
-    return await C.getRequest("POST")("/account/login", s);
+    return await C.getRequest("POST")("/account/login", o);
   },
   list: async () => await C.getRequest("POST")("/account/list", {
     filter: {
@@ -95,31 +95,31 @@ const Br = {
   }),
   get: async () => await C.getRequest("GET")("/account/get", {}),
   update: async (t, n) => {
-    const s = {
+    const o = {
       name: t,
       email: n
     };
-    return await C.getRequest("PUT")("/account/update", s);
+    return await C.getRequest("PUT")("/account/update", o);
   },
   changepassword: async (t, n) => {
-    const s = {
+    const o = {
       old_password: t,
       new_password: n
     };
-    return await C.getRequest("POST")("/account/changepassword", s);
+    return await C.getRequest("POST")("/account/changepassword", o);
   },
-  create: async (t, n, s, c) => await C.getRequest("POST")("/account/create", {
+  create: async (t, n, o, s) => await C.getRequest("POST")("/account/create", {
     name: t,
     email: n,
-    password: s,
-    role_id: c
+    password: o,
+    role_id: s
   }),
   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 });
   }
-}, Gr = {
+}, Hr = {
   list: async () => await C.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
@@ -141,7 +141,7 @@ const Br = {
     if (!!t)
       return C.getRequest("POST")("/api/key/delete", { id: t });
   }
-}, Jr = {
+}, Xr = {
   list: async () => await C.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: {
@@ -153,23 +153,23 @@ const Br = {
       pagesize: 100
     }
   }),
-  create: async (t, n, s) => {
+  create: async (t, n, o) => {
     try {
-      return await C.getRequest("POST")("/datasource/create", { type: t, key: n, config: s });
-    } catch (c) {
-      return console.error(c), !1;
+      return await C.getRequest("POST")("/datasource/create", { type: t, key: n, config: o });
+    } catch (s) {
+      return console.error(s), !1;
     }
   },
   delete: async (t) => {
     await C.getRequest("POST")("/datasource/delete", { id: t });
   }
-}, Hr = {
+}, Qr = {
   list: async () => await C.getRequest("GET")("/role/list", {})
-}, D = {
-  datasource: Jr,
-  account: Br,
-  role: Hr,
-  api_key: Gr
+}, k = {
+  datasource: Xr,
+  account: Jr,
+  role: Qr,
+  api_key: Hr
 }, de = {
   size: "sm",
   spacing: "md",
@@ -188,22 +188,22 @@ var fe = { exports: {} }, Q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe;
-function Xr() {
+function Zr() {
   if (Qe)
     return Q;
   Qe = 1;
-  var t = J, n = Symbol.for("react.element"), s = Symbol.for("react.fragment"), c = 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, h, y) {
+  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, O = null;
-    y !== void 0 && (f = "" + y), h.key !== void 0 && (f = "" + h.key), h.ref !== void 0 && (O = h.ref);
-    for (_ in h)
-      c.call(h, _) && !i.hasOwnProperty(_) && (v[_] = h[_]);
+    y !== void 0 && (f = "" + y), g.key !== void 0 && (f = "" + g.key), g.ref !== void 0 && (O = g.ref);
+    for (_ in g)
+      s.call(g, _) && !i.hasOwnProperty(_) && (v[_] = g[_]);
     if (d && d.defaultProps)
-      for (_ in h = d.defaultProps, h)
-        v[_] === void 0 && (v[_] = h[_]);
-    return { $$typeof: n, type: d, key: f, ref: O, props: v, _owner: u.current };
+      for (_ in g = d.defaultProps, g)
+        v[_] === void 0 && (v[_] = g[_]);
+    return { $$typeof: n, type: d, key: f, ref: O, props: v, _owner: l.current };
   }
-  return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
+  return Q.Fragment = o, Q.jsx = u, Q.jsxs = u, Q;
 }
 var Z = {};
 /**
@@ -216,46 +216,46 @@ var Z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ze;
-function Qr() {
+function et() {
   return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = J, n = Symbol.for("react.element"), s = Symbol.for("react.portal"), c = 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"), h = 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"), O = Symbol.for("react.offscreen"), N = Symbol.iterator, V = "@@iterator";
+    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"), O = Symbol.for("react.offscreen"), M = Symbol.iterator, V = "@@iterator";
     function ge(e) {
       if (e === null || typeof e != "object")
         return null;
-      var a = N && e[N] || e[V];
+      var a = M && e[M] || e[V];
       return typeof a == "function" ? a : null;
     }
-    var U = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var N = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function T(e) {
       {
-        for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), p = 1; p < a; p++)
-          o[p - 1] = arguments[p];
-        ar("error", e, o);
+        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);
       }
     }
-    function ar(e, a, o) {
+    function ar(e, a, c) {
       {
-        var p = U.ReactDebugCurrentFrame, b = p.getStackAddendum();
-        b !== "" && (a += "%s", o = o.concat([b]));
-        var S = o.map(function(m) {
+        var p = N.ReactDebugCurrentFrame, b = p.getStackAddendum();
+        b !== "" && (a += "%s", c = c.concat([b]));
+        var S = c.map(function(m) {
           return String(m);
         });
         S.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, S);
       }
     }
-    var ir = !1, or = !1, sr = !1, cr = !1, lr = !1, Ae;
-    Ae = Symbol.for("react.module.reference");
+    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 === c || e === i || lr || e === u || e === y || e === _ || cr || e === O || ir || or || sr || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === v || e.$$typeof === l || e.$$typeof === d || e.$$typeof === h || e.$$typeof === Ae || e.getModuleId !== void 0));
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === i || lr || e === l || e === y || e === _ || cr || e === O || 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));
     }
-    function dr(e, a, o) {
+    function dr(e, a, c) {
       var p = e.displayName;
       if (p)
         return p;
       var b = a.displayName || a.name || "";
-      return b !== "" ? o + "(" + b + ")" : o;
+      return b !== "" ? c + "(" + b + ")" : c;
     }
-    function ze(e) {
+    function Ae(e) {
       return e.displayName || "Context";
     }
     function F(e) {
@@ -266,13 +266,13 @@ function Qr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case c:
-          return "Fragment";
         case s:
+          return "Fragment";
+        case o:
           return "Portal";
         case i:
           return "Profiler";
-        case u:
+        case l:
           return "StrictMode";
         case y:
           return "Suspense";
@@ -283,11 +283,11 @@ function Qr() {
         switch (e.$$typeof) {
           case d:
             var a = e;
-            return ze(a) + ".Consumer";
-          case l:
-            var o = e;
-            return ze(o._context) + ".Provider";
-          case h:
+            return Ae(a) + ".Consumer";
+          case u:
+            var c = e;
+            return Ae(c._context) + ".Provider";
+          case g:
             return dr(e, e.render, "ForwardRef");
           case v:
             var p = e.displayName || null;
@@ -303,14 +303,14 @@ function Qr() {
         }
       return null;
     }
-    var Y = Object.assign, H = 0, Oe, De, xe, ke, Ie, je, Fe;
+    var Y = Object.assign, H = 0, Oe, ke, xe, De, je, Ie, Fe;
     function qe() {
     }
     qe.__reactDisabledLog = !0;
     function fr() {
       {
         if (H === 0) {
-          Oe = console.log, De = console.info, xe = console.warn, ke = console.error, Ie = console.group, je = console.groupCollapsed, Fe = console.groupEnd;
+          Oe = console.log, ke = console.info, xe = console.warn, De = console.error, je = console.group, Ie = console.groupCollapsed, Fe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -343,19 +343,19 @@ function Qr() {
               value: Oe
             }),
             info: Y({}, e, {
-              value: De
+              value: ke
             }),
             warn: Y({}, e, {
               value: xe
             }),
             error: Y({}, e, {
-              value: ke
+              value: De
             }),
             group: Y({}, e, {
-              value: Ie
+              value: je
             }),
             groupCollapsed: Y({}, e, {
-              value: je
+              value: Ie
             }),
             groupEnd: Y({}, e, {
               value: Fe
@@ -365,18 +365,18 @@ function Qr() {
         H < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var me = U.ReactCurrentDispatcher, he;
-    function re(e, a, o) {
+    var he = N.ReactCurrentDispatcher, me;
+    function re(e, a, c) {
       {
-        if (he === void 0)
+        if (me === void 0)
           try {
             throw Error();
           } catch (b) {
             var p = b.stack.trim().match(/\n( *(at )?)/);
-            he = p && p[1] || "";
+            me = p && p[1] || "";
           }
         return `
-` + he + e;
+` + me + e;
       }
     }
     var ve = !1, te;
@@ -388,16 +388,16 @@ function Qr() {
       if (!e || ve)
         return "";
       {
-        var o = te.get(e);
-        if (o !== void 0)
-          return o;
+        var c = te.get(e);
+        if (c !== void 0)
+          return c;
       }
       var p;
       ve = !0;
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = me.current, me.current = null, fr();
+      S = he.current, he.current = null, fr();
       try {
         if (a) {
           var m = function() {
@@ -432,41 +432,41 @@ function Qr() {
         }
       } catch (q) {
         if (q && p && typeof q.stack == "string") {
-          for (var g = q.stack.split(`
-`), A = p.stack.split(`
-`), R = g.length - 1, P = A.length - 1; R >= 1 && P >= 0 && g[R] !== A[P]; )
+          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]; )
             P--;
           for (; R >= 1 && P >= 0; R--, P--)
-            if (g[R] !== A[P]) {
+            if (h[R] !== z[P]) {
               if (R !== 1 || P !== 1)
                 do
-                  if (R--, P--, P < 0 || g[R] !== A[P]) {
-                    var k = `
-` + g[R].replace(" at new ", " at ");
-                    return e.displayName && k.includes("<anonymous>") && (k = k.replace("<anonymous>", e.displayName)), typeof e == "function" && te.set(e, k), k;
+                  if (R--, P--, P < 0 || h[R] !== z[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;
                   }
                 while (R >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        ve = !1, me.current = S, pr(), Error.prepareStackTrace = b;
+        ve = !1, he.current = S, pr(), Error.prepareStackTrace = b;
       }
       var B = e ? e.displayName || e.name : "", Xe = B ? re(B) : "";
       return typeof e == "function" && te.set(e, Xe), Xe;
     }
-    function mr(e, a, o) {
+    function hr(e, a, c) {
       return Le(e, !1);
     }
-    function hr(e) {
+    function mr(e) {
       var a = e.prototype;
       return !!(a && a.isReactComponent);
     }
-    function ne(e, a, o) {
+    function ne(e, a, c) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return Le(e, hr(e));
+        return Le(e, mr(e));
       if (typeof e == "string")
         return re(e);
       switch (e) {
@@ -477,44 +477,44 @@ function Qr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case h:
-            return mr(e.render);
+          case g:
+            return hr(e.render);
           case v:
-            return ne(e.type, a, o);
+            return ne(e.type, a, c);
           case f: {
             var p = e, b = p._payload, S = p._init;
             try {
-              return ne(S(b), a, o);
+              return ne(S(b), a, c);
             } catch {
             }
           }
         }
       return "";
     }
-    var ae = Object.prototype.hasOwnProperty, Ne = {}, Ue = U.ReactDebugCurrentFrame;
+    var ae = Object.prototype.hasOwnProperty, Me = {}, Ne = N.ReactDebugCurrentFrame;
     function ie(e) {
       if (e) {
-        var a = e._owner, o = ne(e.type, e._source, a ? a.type : null);
-        Ue.setExtraStackFrame(o);
+        var a = e._owner, c = ne(e.type, e._source, a ? a.type : null);
+        Ne.setExtraStackFrame(c);
       } else
-        Ue.setExtraStackFrame(null);
+        Ne.setExtraStackFrame(null);
     }
-    function vr(e, a, o, p, b) {
+    function vr(e, a, c, p, b) {
       {
         var S = Function.call.bind(ae);
         for (var m in e)
           if (S(e, m)) {
-            var g = void 0;
+            var h = void 0;
             try {
               if (typeof e[m] != "function") {
-                var A = Error((p || "React class") + ": " + o + " 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 A.name = "Invariant Violation", A;
+                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;
               }
-              g = e[m](a, m, p, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              h = e[m](a, m, p, c, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (R) {
-              g = R;
+              h = R;
             }
-            g && !(g 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", o, m, typeof g), ie(null)), g instanceof Error && !(g.message in Ne) && (Ne[g.message] = !0, ie(b), T("Failed %s type: %s", o, g.message), ie(null));
+            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));
           }
       }
     }
@@ -524,25 +524,25 @@ function Qr() {
     }
     function wr(e) {
       {
-        var a = typeof Symbol == "function" && Symbol.toStringTag, o = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o;
+        var a = typeof Symbol == "function" && Symbol.toStringTag, c = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c;
       }
     }
     function Sr(e) {
       try {
-        return Me(e), !1;
+        return $e(e), !1;
       } catch {
         return !0;
       }
     }
-    function Me(e) {
+    function $e(e) {
       return "" + e;
     }
-    function $e(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)), Me(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);
     }
-    var X = U.ReactCurrentOwner, _r = {
+    var X = N.ReactCurrentOwner, _r = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -567,62 +567,62 @@ function Qr() {
     }
     function Pr(e, a) {
       if (typeof e.ref == "string" && X.current && a && X.current.stateNode !== a) {
-        var o = F(X.current.type);
-        we[o] || (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[o] = !0);
+        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);
       }
     }
     function Er(e, a) {
       {
-        var o = function() {
+        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));
         };
-        o.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: o,
+        c.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: c,
           configurable: !0
         });
       }
     }
     function Cr(e, a) {
       {
-        var o = function() {
+        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));
         };
-        o.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: o,
+        c.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: c,
           configurable: !0
         });
       }
     }
-    var Tr = function(e, a, o, p, b, S, m) {
-      var g = {
+    var Tr = function(e, a, c, p, b, S, m) {
+      var h = {
         $$typeof: n,
         type: e,
         key: a,
-        ref: o,
+        ref: c,
         props: m,
         _owner: S
       };
-      return g._store = {}, Object.defineProperty(g._store, "validated", {
+      return h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(g, "_self", {
+      }), Object.defineProperty(h, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(g, "_source", {
+      }), Object.defineProperty(h, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: b
-      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     };
-    function Ar(e, a, o, p, b) {
+    function zr(e, a, c, p, b) {
       {
-        var S, m = {}, g = null, A = null;
-        o !== void 0 && ($e(o), g = "" + o), Rr(a) && ($e(a.key), g = "" + a.key), yr(a) && (A = a.ref, Pr(a, 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]);
         if (e && e.defaultProps) {
@@ -630,18 +630,18 @@ function Qr() {
           for (S in R)
             m[S] === void 0 && (m[S] = R[S]);
         }
-        if (g || A) {
+        if (h || z) {
           var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          g && Er(m, P), A && Cr(m, P);
+          h && Er(m, P), z && Cr(m, P);
         }
-        return Tr(e, g, A, b, p, X.current, m);
+        return Tr(e, h, z, b, p, X.current, m);
       }
     }
-    var Se = U.ReactCurrentOwner, Ye = U.ReactDebugCurrentFrame;
+    var Se = N.ReactCurrentOwner, Ye = N.ReactDebugCurrentFrame;
     function K(e) {
       if (e) {
-        var a = e._owner, o = ne(e.type, e._source, a ? a.type : null);
-        Ye.setExtraStackFrame(o);
+        var a = e._owner, c = ne(e.type, e._source, a ? a.type : null);
+        Ye.setExtraStackFrame(c);
       } else
         Ye.setExtraStackFrame(null);
     }
@@ -662,13 +662,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function zr(e) {
+    function Ar(e) {
       {
         if (e !== void 0) {
-          var a = e.fileName.replace(/^.*[\\\/]/, ""), o = e.lineNumber;
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), c = e.lineNumber;
           return `
 
-Check your code at ` + a + ":" + o + ".";
+Check your code at ` + a + ":" + c + ".";
         }
         return "";
       }
@@ -678,10 +678,10 @@ Check your code at ` + a + ":" + o + ".";
       {
         var a = Ke();
         if (!a) {
-          var o = typeof e == "string" ? e : e.displayName || e.name;
-          o && (a = `
+          var c = typeof e == "string" ? e : e.displayName || e.name;
+          c && (a = `
 
-Check the top-level render call using <` + o + ">.");
+Check the top-level render call using <` + c + ">.");
         }
         return a;
       }
@@ -691,12 +691,12 @@ Check the top-level render call using <` + o + ">.");
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var o = Or(a);
-        if (Be[o])
+        var c = Or(a);
+        if (Be[c])
           return;
-        Be[o] = !0;
+        Be[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.', o, p), K(null);
+        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);
       }
     }
     function Je(e, a) {
@@ -704,8 +704,8 @@ Check the top-level render call using <` + o + ">.");
         if (typeof e != "object")
           return;
         if (be(e))
-          for (var o = 0; o < e.length; o++) {
-            var p = e[o];
+          for (var c = 0; c < e.length; c++) {
+            var p = e[c];
             ye(p) && Ge(p, a);
           }
         else if (ye(e))
@@ -718,21 +718,21 @@ Check the top-level render call using <` + o + ">.");
         }
       }
     }
-    function Dr(e) {
+    function kr(e) {
       {
         var a = e.type;
         if (a == null || typeof a == "string")
           return;
-        var o;
+        var c;
         if (typeof a == "function")
-          o = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === h || a.$$typeof === v))
-          o = a.propTypes;
+          c = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === g || a.$$typeof === v))
+          c = a.propTypes;
         else
           return;
-        if (o) {
+        if (c) {
           var p = F(a);
-          vr(o, e.props, "prop", p, e);
+          vr(c, e.props, "prop", p, e);
         } else if (a.PropTypes !== void 0 && !_e) {
           _e = !0;
           var b = F(a);
@@ -743,8 +743,8 @@ Check the top-level render call using <` + o + ">.");
     }
     function xr(e) {
       {
-        for (var a = Object.keys(e.props), o = 0; o < a.length; o++) {
-          var p = a[o];
+        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);
             break;
@@ -753,57 +753,57 @@ Check the top-level render call using <` + o + ">.");
         e.ref !== null && (K(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function He(e, a, o, p, b, S) {
+    function He(e, a, c, p, b, S) {
       {
         var m = ur(e);
         if (!m) {
-          var g = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " 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 A = zr(b);
-          A ? g += A : g += Ke();
+          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 = Ar(b);
+          z ? h += z : h += Ke();
           var R;
-          e === null ? R = "null" : be(e) ? R = "array" : e !== void 0 && e.$$typeof === n ? (R = "<" + (F(e.type) || "Unknown") + " />", g = " 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, g);
+          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);
         }
-        var P = Ar(e, a, o, b, S);
+        var P = zr(e, a, c, b, S);
         if (P == null)
           return P;
         if (m) {
-          var k = a.children;
-          if (k !== void 0)
+          var D = a.children;
+          if (D !== void 0)
             if (p)
-              if (be(k)) {
-                for (var B = 0; B < k.length; B++)
-                  Je(k[B], e);
-                Object.freeze && Object.freeze(k);
+              if (be(D)) {
+                for (var B = 0; B < D.length; B++)
+                  Je(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(k, e);
+              Je(D, e);
         }
-        return e === c ? xr(P) : Dr(P), P;
+        return e === s ? xr(P) : kr(P), P;
       }
     }
-    function kr(e, a, o) {
-      return He(e, a, o, !0);
+    function Dr(e, a, c) {
+      return He(e, a, c, !0);
     }
-    function Ir(e, a, o) {
-      return He(e, a, o, !1);
+    function jr(e, a, c) {
+      return He(e, a, c, !1);
     }
-    var jr = Ir, Fr = kr;
-    Z.Fragment = c, Z.jsx = jr, Z.jsxs = Fr;
+    var Ir = jr, Fr = Dr;
+    Z.Fragment = s, Z.jsx = Ir, Z.jsxs = Fr;
   }()), Z;
 }
 (function(t) {
-  process.env.NODE_ENV === "production" ? t.exports = Xr() : t.exports = Qr();
+  process.env.NODE_ENV === "production" ? t.exports = Zr() : t.exports = et();
 })(fe);
-const $ = fe.exports.Fragment, r = fe.exports.jsx, w = fe.exports.jsxs;
-function Zr({
+const U = fe.exports.Fragment, r = fe.exports.jsx, w = fe.exports.jsxs;
+function rt({
   postSubmit: t,
   styles: n = de
 }) {
   const {
-    control: s,
-    handleSubmit: c
+    control: o,
+    handleSubmit: s
   } = ee({
     defaultValues: {
       type: "postgresql",
@@ -820,18 +820,18 @@ function Zr({
   return /* @__PURE__ */ r(L, {
     mx: "auto",
     children: /* @__PURE__ */ w("form", {
-      onSubmit: c(async ({
+      onSubmit: s(async ({
         type: i,
-        key: l,
+        key: u,
         config: d
       }) => {
-        if (M({
+        if ($({
           id: "for-creating",
           title: "Pending",
           message: "Adding data source...",
           loading: !0
-        }), !await D.datasource.create(i, l, d)) {
-          z({
+        }), !await k.datasource.create(i, u, d)) {
+          A({
             id: "for-creating",
             title: "Failed",
             message: "Test connection failed with given info",
@@ -839,7 +839,7 @@ function Zr({
           });
           return;
         }
-        z({
+        A({
           id: "for-creating",
           title: "Successful",
           message: "Data source is added",
@@ -848,7 +848,7 @@ function Zr({
       }),
       children: [/* @__PURE__ */ r(E, {
         name: "type",
-        control: s,
+        control: o,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(qr, {
@@ -870,10 +870,10 @@ function Zr({
         })
       }), /* @__PURE__ */ r(E, {
         name: "key",
-        control: s,
+        control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
@@ -884,14 +884,14 @@ function Zr({
       }), /* @__PURE__ */ r(er, {
         label: "Connection Info",
         labelPosition: "center"
-      }), /* @__PURE__ */ w(j, {
+      }), /* @__PURE__ */ w(I, {
         grow: !0,
         children: [/* @__PURE__ */ r(E, {
           name: "config.host",
-          control: s,
+          control: o,
           render: ({
             field: i
-          }) => /* @__PURE__ */ r(I, {
+          }) => /* @__PURE__ */ r(j, {
             mb: n.spacing,
             size: n.size,
             required: !0,
@@ -903,7 +903,7 @@ function Zr({
           })
         }), /* @__PURE__ */ r(E, {
           name: "config.port",
-          control: s,
+          control: o,
           render: ({
             field: i
           }) => /* @__PURE__ */ r(Lr, {
@@ -920,10 +920,10 @@ function Zr({
         })]
       }), /* @__PURE__ */ r(E, {
         name: "config.username",
-        control: s,
+        control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
@@ -932,7 +932,7 @@ function Zr({
         })
       }), /* @__PURE__ */ r(E, {
         name: "config.password",
-        control: s,
+        control: o,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(ce, {
@@ -944,17 +944,17 @@ function Zr({
         })
       }), /* @__PURE__ */ r(E, {
         name: "config.database",
-        control: s,
+        control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Database",
           ...i
         })
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
         children: /* @__PURE__ */ r(x, {
@@ -966,22 +966,22 @@ function Zr({
     })
   });
 }
-function et({
+function tt({
   onSuccess: t,
   styles: n = de
 }) {
-  const [s, c] = J.useState(!1), u = () => c(!0), i = () => c(!1);
-  return /* @__PURE__ */ w($, {
+  const [o, s] = J.useState(!1), l = () => s(!0), i = () => s(!1);
+  return /* @__PURE__ */ w(U, {
     children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
-      opened: s,
-      onClose: () => c(!1),
+      opened: o,
+      onClose: () => s(!1),
       title: "Add a data source",
       trapFocus: !0,
       onDragStart: (d) => {
         d.stopPropagation();
       },
-      children: /* @__PURE__ */ r(Zr, {
+      children: /* @__PURE__ */ r(rt, {
         postSubmit: () => {
           t(), i();
         },
@@ -989,7 +989,7 @@ function et({
       })
     }), /* @__PURE__ */ r(x, {
       size: n.button.size,
-      onClick: u,
+      onClick: l,
       leftIcon: /* @__PURE__ */ r(Ee, {
         size: 20
       }),
@@ -997,28 +997,53 @@ function et({
     })]
   });
 }
-function rt({
+function nt(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 at(t, n) {
+  if (t == null)
+    return {};
+  var o = nt(t, n), s, l;
+  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]));
+  }
+  return o;
+}
+var it = ["size", "color", "stroke"];
+function ot(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 = at(t, it);
+  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" })] });
+}
+function st({
   id: t,
   name: n,
+  isProtected: o,
   onSuccess: s,
-  styles: c = de
+  styles: l = de
 }) {
-  const u = le(), i = async () => {
-    !t || (M({
+  const i = le(), u = async () => {
+    !t || ($({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await D.datasource.delete(t), z({
+    }), await k.datasource.delete(t), A({
       id: "for-deleting",
       title: "Successful",
       message: `Data source [${n}] is deleted`,
       color: "green"
     }), s());
-  }, l = () => u.openConfirmModal({
+  }, d = () => i.openConfirmModal({
     title: "Delete this data source?",
     children: /* @__PURE__ */ r(oe, {
-      size: c.size,
+      size: l.size,
       children: "This action won't affect your database."
     }),
     labels: {
@@ -1026,41 +1051,55 @@ function rt({
       cancel: "Cancel"
     },
     onCancel: () => console.log("Cancel"),
-    onConfirm: i
-  });
-  return /* @__PURE__ */ r(x, {
-    size: c.button.size,
+    onConfirm: u
+  }), g = Mr();
+  return o ? /* @__PURE__ */ r(Nr, {
+    withArrow: !0,
+    events: {
+      hover: !0,
+      touch: !1,
+      focus: !1
+    },
+    label: "This is a preset datasource, it can not be deleted",
+    children: /* @__PURE__ */ r("span", {
+      children: /* @__PURE__ */ r(ot, {
+        size: 16,
+        color: g.colors.gray[7]
+      })
+    })
+  }) : /* @__PURE__ */ r(x, {
+    size: l.button.size,
     color: "red",
-    onClick: l,
+    onClick: d,
     leftIcon: /* @__PURE__ */ r(Ce, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function _t({
+function Tt({
   styles: t = de,
   config: n
 }) {
   ue(n);
   const {
-    data: s = [],
-    loading: c,
-    refresh: u
+    data: o = [],
+    loading: s,
+    refresh: l
   } = G(async () => {
     const {
       data: i
-    } = await D.datasource.list();
+    } = await k.datasource.list();
     return i;
   }, {
     refreshDeps: []
   });
-  return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ w(U, {
+    children: [/* @__PURE__ */ r(I, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(et, {
-        onSuccess: u
+      children: /* @__PURE__ */ r(tt, {
+        onSuccess: l
       })
     }), /* @__PURE__ */ w(L, {
       mt: t.spacing,
@@ -1068,7 +1107,7 @@ function _t({
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Re, {
-        visible: c
+        visible: s
       }), /* @__PURE__ */ w(Pe, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
@@ -1085,42 +1124,44 @@ function _t({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: s.map(({
+          children: o.map(({
             id: i,
-            key: l,
-            type: d
+            key: u,
+            type: d,
+            is_preset: g
           }) => /* @__PURE__ */ w("tr", {
             children: [/* @__PURE__ */ r("td", {
               width: 200,
               children: d
             }), /* @__PURE__ */ r("td", {
-              children: l
+              children: u
             }), /* @__PURE__ */ r("td", {
               width: 200,
-              children: /* @__PURE__ */ r(j, {
+              children: /* @__PURE__ */ r(I, {
                 position: "left",
-                children: /* @__PURE__ */ r(rt, {
+                children: /* @__PURE__ */ r(st, {
+                  isProtected: g,
                   id: i,
-                  name: l,
-                  onSuccess: u
+                  name: u,
+                  onSuccess: l
                 })
               })
             })]
-          }, l))
+          }, u))
         })]
       })]
     })]
   });
 }
-const tt = tr(({
+const ct = tr(({
   label: t,
   value: n,
-  description: s,
-  ...c
-}, u) => /* @__PURE__ */ w(rr, {
+  description: o,
+  ...s
+}, l) => /* @__PURE__ */ w(rr, {
   spacing: 2,
-  ref: u,
-  ...c,
+  ref: l,
+  ...s,
   children: [/* @__PURE__ */ r(oe, {
     size: "sm",
     children: t
@@ -1128,17 +1169,17 @@ const tt = tr(({
     size: "xs",
     color: "dimmed",
     className: "role-description",
-    children: s
+    children: o
   })]
 })), Te = tr(({
   styles: t,
   value: n,
-  onChange: s
-}, c) => {
+  onChange: o
+}, s) => {
   const {
-    data: u = [],
+    data: l = [],
     loading: i
-  } = G(async () => (await D.role.list()).map((d) => ({
+  } = G(async () => (await k.role.list()).map((d) => ({
     label: d.name,
     value: d.id,
     description: d.description,
@@ -1146,14 +1187,14 @@ const tt = tr(({
   })), {
     refreshDeps: []
   });
-  return /* @__PURE__ */ r(Nr, {
-    ref: c,
+  return /* @__PURE__ */ r($r, {
+    ref: s,
     mb: t.spacing,
     size: t.size,
     required: !0,
     label: "Role",
-    itemComponent: tt,
-    data: u,
+    itemComponent: ct,
+    data: l,
     disabled: i,
     styles: () => ({
       item: {
@@ -1167,7 +1208,7 @@ const tt = tr(({
       }
     }),
     value: n,
-    onChange: s
+    onChange: o
   });
 }), W = {
   size: "sm",
@@ -1176,45 +1217,45 @@ const tt = tr(({
     size: "xs"
   }
 };
-function nt({
+function lt({
   postSubmit: t,
   styles: n = W,
-  initialRoleID: s
+  initialRoleID: o
 }) {
   const {
-    control: c,
-    handleSubmit: u
+    control: s,
+    handleSubmit: l
   } = ee({
     defaultValues: {
       name: "",
       email: "",
-      role_id: s,
+      role_id: o,
       password: ""
     }
   });
   return /* @__PURE__ */ r(L, {
     mx: "auto",
     children: /* @__PURE__ */ w("form", {
-      onSubmit: u(async ({
-        name: l,
+      onSubmit: l(async ({
+        name: u,
         email: d,
-        password: h,
+        password: g,
         role_id: y
       }) => {
         try {
-          M({
+          $({
             id: "for-creating",
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await D.account.create(l, d, h, y), z({
+          }), await k.account.create(u, d, g, y), A({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
           }), t();
         } catch (_) {
-          z({
+          A({
             id: "for-creating",
             title: "Failed",
             message: _.message,
@@ -1224,51 +1265,51 @@ function nt({
       }),
       children: [/* @__PURE__ */ r(E, {
         name: "name",
-        control: c,
+        control: s,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(I, {
+          field: u
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Username",
-          ...l
+          ...u
         })
       }), /* @__PURE__ */ r(E, {
         name: "email",
-        control: c,
+        control: s,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(I, {
+          field: u
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Email",
-          ...l
+          ...u
         })
       }), /* @__PURE__ */ r(E, {
         name: "password",
-        control: c,
+        control: s,
         render: ({
-          field: l
+          field: u
         }) => /* @__PURE__ */ r(ce, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Password",
           description: "Password must be at least 8 characters long",
-          ...l
+          ...u
         })
       }), /* @__PURE__ */ r(E, {
         name: "role_id",
-        control: c,
+        control: s,
         render: ({
-          field: l
+          field: u
         }) => /* @__PURE__ */ r(Te, {
           styles: n,
-          ...l
+          ...u
         })
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
         children: /* @__PURE__ */ r(x, {
@@ -1280,28 +1321,28 @@ function nt({
     })
   });
 }
-function at({
+function ut({
   onSuccess: t,
   styles: n = W,
-  initialRoleID: s
+  initialRoleID: o
 }) {
-  const [c, u] = J.useState(!1), i = () => u(!0), l = () => u(!1);
-  return /* @__PURE__ */ w($, {
+  const [s, l] = J.useState(!1), i = () => l(!0), u = () => l(!1);
+  return /* @__PURE__ */ w(U, {
     children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
-      opened: c,
-      onClose: () => u(!1),
+      opened: s,
+      onClose: () => l(!1),
       title: "Add an Account",
       trapFocus: !0,
-      onDragStart: (h) => {
-        h.stopPropagation();
+      onDragStart: (g) => {
+        g.stopPropagation();
       },
-      children: /* @__PURE__ */ r(nt, {
+      children: /* @__PURE__ */ r(lt, {
         postSubmit: () => {
-          t(), l();
+          t(), u();
         },
         styles: n,
-        initialRoleID: s
+        initialRoleID: o
       })
     }), /* @__PURE__ */ r(x, {
       size: n.button.size,
@@ -1313,29 +1354,29 @@ function at({
     })]
   });
 }
-function it({
+function dt({
   id: t,
   name: n,
-  onSuccess: s,
-  styles: c = W
+  onSuccess: o,
+  styles: s = W
 }) {
-  const u = le(), i = async () => {
+  const l = le(), i = async () => {
     if (!!t) {
-      M({
+      $({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting account...",
         loading: !0
       });
       try {
-        await D.account.delete(t), z({
+        await k.account.delete(t), A({
           id: "for-deleting",
           title: "Successful",
           message: `Account [${n}] is deleted`,
           color: "green"
-        }), s();
+        }), o();
       } catch (d) {
-        z({
+        A({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -1343,7 +1384,7 @@ function it({
         });
       }
     }
-  }, l = () => u.openConfirmModal({
+  }, u = () => l.openConfirmModal({
     title: "Delete this account?",
     labels: {
       confirm: "Confirm",
@@ -1353,80 +1394,80 @@ function it({
     onConfirm: i
   });
   return /* @__PURE__ */ r(x, {
-    size: c.button.size,
+    size: s.button.size,
     color: "red",
-    onClick: l,
+    onClick: u,
     leftIcon: /* @__PURE__ */ r(Ce, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function ot({
+function ft({
   id: t,
   name: n,
-  email: s,
-  role_id: c,
-  postSubmit: u,
+  email: o,
+  role_id: s,
+  postSubmit: l,
   styles: i = W
 }) {
   const {
-    control: l,
+    control: u,
     handleSubmit: d,
-    watch: h
+    watch: g
   } = ee({
     defaultValues: {
       name: n,
-      email: s,
-      role_id: c,
+      email: o,
+      role_id: s,
       reset_password: !1,
       new_password: ""
     }
   }), y = async ({
     name: f,
     email: O,
-    role_id: N,
+    role_id: M,
     reset_password: V,
     new_password: ge
   }) => {
     try {
-      M({
+      $({
         id: "for-updating",
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await D.account.edit({
+      }), await k.account.edit({
         id: t,
         name: f,
         email: O,
-        role_id: N,
+        role_id: M,
         reset_password: V,
         new_password: ge
-      }), z({
+      }), A({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
-      }), u();
-    } catch (U) {
-      z({
+      }), l();
+    } catch (N) {
+      A({
         id: "for-updating",
         title: "Failed",
-        message: U.message,
+        message: N.message,
         color: "red"
       });
     }
-  }, [_, v] = h(["reset_password", "new_password"]);
+  }, [_, v] = g(["reset_password", "new_password"]);
   return /* @__PURE__ */ r(L, {
     mx: "auto",
     children: /* @__PURE__ */ w("form", {
       onSubmit: d(y),
       children: [/* @__PURE__ */ r(E, {
         name: "name",
-        control: l,
+        control: u,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(j, {
           mb: i.spacing,
           size: i.size,
           required: !0,
@@ -1435,10 +1476,10 @@ function ot({
         })
       }), /* @__PURE__ */ r(E, {
         name: "email",
-        control: l,
+        control: u,
         render: ({
           field: f
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(j, {
           mb: i.spacing,
           size: i.size,
           required: !0,
@@ -1447,7 +1488,7 @@ function ot({
         })
       }), /* @__PURE__ */ r(E, {
         name: "role_id",
-        control: l,
+        control: u,
         render: ({
           field: f
         }) => /* @__PURE__ */ r(Te, {
@@ -1461,7 +1502,7 @@ function ot({
         labelPosition: "center"
       }), /* @__PURE__ */ r(E, {
         name: "reset_password",
-        control: l,
+        control: u,
         render: ({
           field: f
         }) => /* @__PURE__ */ r(Ur, {
@@ -1478,7 +1519,7 @@ function ot({
         })
       }), _ && /* @__PURE__ */ r(E, {
         name: "new_password",
-        control: l,
+        control: u,
         render: ({
           field: f
         }) => /* @__PURE__ */ r(ce, {
@@ -1490,7 +1531,7 @@ function ot({
           label: "New Password",
           ...f
         })
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: i.spacing,
         children: /* @__PURE__ */ r(x, {
@@ -1502,76 +1543,76 @@ function ot({
     })
   });
 }
-function st({
+function pt({
   account: t,
   onSuccess: n,
-  styles: s = W
+  styles: o = W
 }) {
-  const [c, u] = J.useState(!1), i = () => u(!0), l = () => u(!1), d = () => {
-    n(), l();
+  const [s, l] = J.useState(!1), i = () => l(!0), u = () => l(!1), d = () => {
+    n(), u();
   };
-  return /* @__PURE__ */ w($, {
+  return /* @__PURE__ */ w(U, {
     children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
-      opened: c,
-      onClose: () => u(!1),
+      opened: s,
+      onClose: () => l(!1),
       title: `Editing ${t.name}`,
       trapFocus: !0,
-      onDragStart: (h) => {
-        h.stopPropagation();
+      onDragStart: (g) => {
+        g.stopPropagation();
       },
-      children: /* @__PURE__ */ r(ot, {
+      children: /* @__PURE__ */ r(ft, {
         ...t,
         postSubmit: d,
-        styles: s
+        styles: o
       })
     }), /* @__PURE__ */ r(x, {
-      size: s.button.size,
+      size: o.button.size,
       onClick: i,
-      leftIcon: /* @__PURE__ */ r(Mr, {
+      leftIcon: /* @__PURE__ */ r(Wr, {
         size: 20
       }),
       children: "Edit"
     })]
   });
 }
-function yt({
+function zt({
   styles: t = W,
   config: n
 }) {
   var y, _;
   ue(n);
   const {
-    data: s = [],
-    loading: c,
-    refresh: u
+    data: o = [],
+    loading: s,
+    refresh: l
   } = G(async () => {
     const {
       data: v
-    } = await D.account.list();
+    } = await k.account.list();
     return v;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
-    loading: l
-  } = G(async () => (await D.role.list()).map((f) => ({
+    loading: u
+  } = G(async () => (await k.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]), h = (v) => {
+  }), d = nr(() => i.reduce((v, f) => (v.set(f.value, f.label), v), /* @__PURE__ */ new Map()), [i]), g = (v) => {
     var f;
     return (f = d.get(v)) != null ? f : v;
   };
-  return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ w(U, {
+    children: [/* @__PURE__ */ r(I, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(at, {
-        onSuccess: u,
+      children: /* @__PURE__ */ r(ut, {
+        onSuccess: l,
         initialRoleID: (_ = (y = i == null ? void 0 : i[0]) == null ? void 0 : y.value) != null ? _ : 0
       })
     }), /* @__PURE__ */ w(L, {
@@ -1580,7 +1621,7 @@ function yt({
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Re, {
-        visible: c || l
+        visible: s || u
       }), /* @__PURE__ */ w(Pe, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
@@ -1599,11 +1640,11 @@ function yt({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: s.map((v) => {
+          children: o.map((v) => {
             const {
               id: f,
               name: O,
-              email: N,
+              email: M,
               role_id: V
             } = v;
             return /* @__PURE__ */ w("tr", {
@@ -1612,21 +1653,21 @@ function yt({
                 children: O
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: N
+                children: M
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: h(V)
+                children: g(V)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ w(j, {
+                children: /* @__PURE__ */ w(I, {
                   position: "left",
-                  children: [/* @__PURE__ */ r(st, {
+                  children: [/* @__PURE__ */ r(pt, {
                     account: v,
-                    onSuccess: u
-                  }), /* @__PURE__ */ r(it, {
+                    onSuccess: l
+                  }), /* @__PURE__ */ r(dt, {
                     id: f,
                     name: O,
-                    onSuccess: u
+                    onSuccess: l
                   })]
                 })
               })]
@@ -1637,13 +1678,13 @@ function yt({
     })]
   });
 }
-function ct({
+function gt({
   postSubmit: t,
   styles: n = W
 }) {
   const {
-    control: s,
-    handleSubmit: c
+    control: o,
+    handleSubmit: s
   } = ee({
     defaultValues: {
       name: "",
@@ -1653,26 +1694,26 @@ function ct({
   return /* @__PURE__ */ r(L, {
     mx: "auto",
     children: /* @__PURE__ */ w("form", {
-      onSubmit: c(async ({
+      onSubmit: s(async ({
         name: i,
-        password: l
+        password: u
       }) => {
         try {
-          M({
+          $({
             id: "for-login",
             title: "Pending",
             message: "Loggin in...",
             loading: !0
           });
-          const d = await D.account.login(i, l);
-          window.localStorage.setItem("token", d.token), z({
+          const d = await k.account.login(i, u);
+          window.localStorage.setItem("token", d.token), A({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
           }), t(d);
         } catch (d) {
-          z({
+          A({
             id: "for-login",
             title: "Login Failed",
             message: d.message,
@@ -1682,10 +1723,10 @@ function ct({
       }),
       children: [/* @__PURE__ */ r(E, {
         name: "name",
-        control: s,
+        control: o,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(I, {
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
@@ -1694,7 +1735,7 @@ function ct({
         })
       }), /* @__PURE__ */ r(E, {
         name: "password",
-        control: s,
+        control: o,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(ce, {
@@ -1704,7 +1745,7 @@ function ct({
           label: "Password",
           ...i
         })
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
         children: /* @__PURE__ */ r(x, {
@@ -1716,20 +1757,20 @@ function ct({
     })
   });
 }
-function Rt({
+function At({
   styles: t = W,
   config: n,
-  onSuccess: s
+  onSuccess: o
 }) {
-  return ue(n), /* @__PURE__ */ r($, {
+  return ue(n), /* @__PURE__ */ r(U, {
     children: /* @__PURE__ */ r(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ r(ct, {
+      children: /* @__PURE__ */ r(gt, {
         styles: t,
-        postSubmit: s
+        postSubmit: o
       })
     })
   });
@@ -1741,75 +1782,75 @@ const pe = {
     size: "xs"
   }
 };
-function lt({
+function ht({
   postSubmit: t,
   styles: n = pe,
-  initialRoleID: s
+  initialRoleID: o
 }) {
   const {
-    control: c,
-    handleSubmit: u
+    control: s,
+    handleSubmit: l
   } = ee({
     defaultValues: {
       name: "",
-      role_id: s
+      role_id: o
     }
   });
   return /* @__PURE__ */ r(L, {
     mx: "auto",
     children: /* @__PURE__ */ w("form", {
-      onSubmit: u(async ({
-        name: l,
+      onSubmit: l(async ({
+        name: u,
         role_id: d
       }) => {
         try {
-          M({
+          $({
             id: "for-creating",
             title: "Pending",
             message: "Adding API Key...",
             loading: !0
           });
           const {
-            app_id: h,
+            app_id: g,
             app_secret: y
-          } = await D.api_key.create(l, d);
-          z({
+          } = await k.api_key.create(u, d);
+          A({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), t(h, y);
-        } catch (h) {
-          z({
+          }), t(g, y);
+        } catch (g) {
+          A({
             id: "for-creating",
             title: "Failed",
-            message: h.message,
+            message: g.message,
             color: "red"
           });
         }
       }),
       children: [/* @__PURE__ */ r(E, {
         name: "name",
-        control: c,
+        control: s,
         render: ({
-          field: l
-        }) => /* @__PURE__ */ r(I, {
+          field: u
+        }) => /* @__PURE__ */ r(j, {
           mb: n.spacing,
           size: n.size,
           required: !0,
           label: "Name",
-          ...l
+          ...u
         })
       }), /* @__PURE__ */ r(E, {
         name: "role_id",
-        control: c,
+        control: s,
         render: ({
-          field: l
+          field: u
         }) => /* @__PURE__ */ r(Te, {
           styles: n,
-          ...l
+          ...u
         })
-      }), /* @__PURE__ */ r(j, {
+      }), /* @__PURE__ */ r(I, {
         position: "right",
         mt: n.spacing,
         children: /* @__PURE__ */ r(x, {
@@ -1821,31 +1862,31 @@ function lt({
     })
   });
 }
-function ut({
+function mt({
   onSuccess: t,
   styles: n = pe,
-  initialRoleID: s
+  initialRoleID: o
 }) {
-  const c = le(), [u, i] = J.useState(!1), l = () => i(!0), d = () => i(!1);
-  return /* @__PURE__ */ w($, {
+  const s = le(), [l, i] = J.useState(!1), u = () => i(!0), d = () => i(!1);
+  return /* @__PURE__ */ w(U, {
     children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
-      opened: u,
+      opened: l,
       onClose: () => i(!1),
       title: "Add an API Key",
       trapFocus: !0,
       onDragStart: (y) => {
         y.stopPropagation();
       },
-      children: /* @__PURE__ */ r(lt, {
+      children: /* @__PURE__ */ r(ht, {
         postSubmit: (y, _) => {
-          d(), c.openModal({
+          d(), s.openModal({
             title: "API Key is generated",
             children: /* @__PURE__ */ w(rr, {
               children: [/* @__PURE__ */ r(oe, {
                 color: "dimmed",
                 children: "Make sure you save it - you won't be able to access it again."
-              }), /* @__PURE__ */ r(I, {
+              }), /* @__PURE__ */ r(j, {
                 defaultValue: y,
                 disabled: !0,
                 label: "APP ID",
@@ -1854,7 +1895,7 @@ function ut({
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ r(I, {
+              }), /* @__PURE__ */ r(j, {
                 defaultValue: _,
                 disabled: !0,
                 label: "APP Secret",
@@ -1866,7 +1907,7 @@ function ut({
               }), /* @__PURE__ */ r(x, {
                 size: "sm",
                 onClick: () => {
-                  Vr();
+                  Kr();
                 },
                 children: "I've saved this API Key"
               })]
@@ -1877,11 +1918,11 @@ function ut({
           });
         },
         styles: n,
-        initialRoleID: s
+        initialRoleID: o
       })
     }), /* @__PURE__ */ r(x, {
       size: n.button.size,
-      onClick: l,
+      onClick: u,
       leftIcon: /* @__PURE__ */ r(Ee, {
         size: 20
       }),
@@ -1889,29 +1930,29 @@ function ut({
     })]
   });
 }
-function dt({
+function vt({
   id: t,
   name: n,
-  onSuccess: s,
-  styles: c = pe
+  onSuccess: o,
+  styles: s = pe
 }) {
-  const u = le(), i = async () => {
+  const l = le(), i = async () => {
     if (!!t) {
-      M({
+      $({
         id: "for-deleting",
         title: "Pending",
         message: "Deleting API Key...",
         loading: !0
       });
       try {
-        await D.api_key.delete(t), z({
+        await k.api_key.delete(t), A({
           id: "for-deleting",
           title: "Successful",
           message: `API Key [${n}] is deleted`,
           color: "green"
-        }), s();
+        }), o();
       } catch (d) {
-        z({
+        A({
           id: "for-deleting",
           title: "Failed",
           message: d.message,
@@ -1919,7 +1960,7 @@ function dt({
         });
       }
     }
-  }, l = () => u.openConfirmModal({
+  }, u = () => l.openConfirmModal({
     title: "Delete this api-key?",
     labels: {
       confirm: "Confirm",
@@ -1929,52 +1970,52 @@ function dt({
     onConfirm: i
   });
   return /* @__PURE__ */ r(x, {
-    size: c.button.size,
+    size: s.button.size,
     color: "red",
-    onClick: l,
+    onClick: u,
     leftIcon: /* @__PURE__ */ r(Ce, {
       size: 20
     }),
     children: "Delete"
   });
 }
-function Pt({
+function Ot({
   styles: t = pe,
   config: n
 }) {
   var y, _;
   ue(n);
   const {
-    data: s = [],
-    loading: c,
-    refresh: u
+    data: o = [],
+    loading: s,
+    refresh: l
   } = G(async () => {
     const {
       data: v
-    } = await D.api_key.list();
+    } = await k.api_key.list();
     return v;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
-    loading: l
-  } = G(async () => (await D.role.list()).map((f) => ({
+    loading: u
+  } = G(async () => (await k.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]), h = (v) => {
+  }), d = nr(() => i.reduce((v, f) => (v.set(f.value, f.label), v), /* @__PURE__ */ new Map()), [i]), g = (v) => {
     var f;
     return (f = d.get(v)) != null ? f : v;
   };
-  return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(j, {
+  return /* @__PURE__ */ w(U, {
+    children: [/* @__PURE__ */ r(I, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(ut, {
-        onSuccess: u,
+      children: /* @__PURE__ */ r(mt, {
+        onSuccess: l,
         initialRoleID: (_ = (y = i == null ? void 0 : i[0]) == null ? void 0 : y.value) != null ? _ : 0
       })
     }), /* @__PURE__ */ w(L, {
@@ -1983,7 +2024,7 @@ function Pt({
         position: "relative"
       },
       children: [/* @__PURE__ */ r(Re, {
-        visible: c || l
+        visible: s || u
       }), /* @__PURE__ */ w(Pe, {
         horizontalSpacing: t.spacing,
         verticalSpacing: t.spacing,
@@ -2002,11 +2043,11 @@ function Pt({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: s.map((v) => {
+          children: o.map((v) => {
             const {
               id: f,
               name: O,
-              app_id: N,
+              app_id: M,
               role_id: V
             } = v;
             return /* @__PURE__ */ w("tr", {
@@ -2015,18 +2056,18 @@ function Pt({
                 children: O
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: N
+                children: M
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: h(V)
+                children: g(V)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: /* @__PURE__ */ r(j, {
+                children: /* @__PURE__ */ r(I, {
                   position: "left",
-                  children: /* @__PURE__ */ r(dt, {
+                  children: /* @__PURE__ */ r(vt, {
                     id: f,
                     name: O,
-                    onSuccess: u
+                    onSuccess: l
                   })
                 })
               })]
@@ -2038,14 +2079,14 @@ function Pt({
   });
 }
 export {
-  Pt as APIKeyList,
-  yt as AccountList,
-  ut as AddAPIKey,
-  at as AddAccount,
-  et as AddDataSource,
-  _t as DataSourceList,
-  dt as DeleteAPIKey,
-  it as DeleteAccount,
-  rt as DeleteDataSource,
-  Rt as Login
+  Ot as APIKeyList,
+  zt as AccountList,
+  mt as AddAPIKey,
+  ut as AddAccount,
+  tt as AddDataSource,
+  Tt as DataSourceList,
+  vt as DeleteAPIKey,
+  dt as DeleteAccount,
+  st as DeleteDataSource,
+  At as Login
 };