@devtable/settings-form 5.5.0 → 5.6.0-alpha

package/dist/settings-form.es.js

@@ -1,41 +1,73 @@
-import { Modal as oe, Button as D, Box as L, SegmentedControl as qr, TextInput as I, Divider as er, Group as j, NumberInput as Lr, PasswordInput as se, Text as ye, LoadingOverlay as _e, Table as Pe, Stack as rr, Select as Nr, Switch as Ur } from "@mantine/core";
-import { showNotification as M, updateNotification as A } from "@mantine/notifications";
-import H, { forwardRef as tr, useMemo as nr } from "react";
-import { useForm as ee, Controller as P } from "react-hook-form";
+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 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 { useRequest as G } from "ahooks";
-import { useModals as ce, closeAllModals as Wr } from "@mantine/modals";
+import { useModals as le, closeAllModals as Vr } from "@mantine/modals";
+function Yr(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]));
+    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])
+        );
+      }
+    }
+  }
+  return s.sort().join("&");
+}
+function Kr(t, n) {
+  let s = Yr(t);
+  return s += "&key=" + n, Wr.MD5(s).toString().toUpperCase();
+}
 const C = {
   baseURL: "http://localhost:31200",
-  apiKey: "",
+  app_id: "",
+  app_secret: "",
+  getAuthentication(t) {
+    if (!(!this.app_id || !this.app_secret))
+      return {
+        app_id: this.app_id,
+        nonce_str: new Date().getTime().toString(),
+        sign: Kr(t, this.app_secret)
+      };
+  },
   getRequest(t) {
-    return (a, s, c = {}) => {
+    return (n, s, c = {}) => {
       const u = window.localStorage.getItem("token"), i = {
         "X-Requested-With": "XMLHttpRequest",
         "Content-Type": c.string ? "application/x-www-form-urlencoded" : "application/json",
         authorization: u ? `bearer ${u}` : "",
-        "x-api-key": this.apiKey,
         ...c.headers
       }, l = {
         baseURL: this.baseURL,
         method: t,
-        url: a,
+        url: n,
         params: t === "GET" ? s : c.params,
         headers: i
       };
-      return ["POST", "PUT"].includes(t) && (l.data = c.string ? JSON.stringify(s) : s), $r(l).then((f) => f.data).catch((f) => Promise.reject(f));
+      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));
     };
   }
 };
-function le(t) {
-  C.baseURL !== t.apiBaseURL && (C.baseURL = t.apiBaseURL), t.apiKey && (C.apiKey = t.apiKey);
+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 Kr = {
-  login: async (t, a) => {
+const Br = {
+  login: async (t, n) => {
     const s = {
       name: t,
-      password: a
+      password: n
     };
     return await C.getRequest("POST")("/account/login", s);
   },
@@ -53,23 +85,23 @@ const Kr = {
     }
   }),
   get: async () => await C.getRequest("GET")("/account/get", {}),
-  update: async (t, a) => {
+  update: async (t, n) => {
     const s = {
       name: t,
-      email: a
+      email: n
     };
     return await C.getRequest("PUT")("/account/update", s);
   },
-  changepassword: async (t, a) => {
+  changepassword: async (t, n) => {
     const s = {
       old_password: t,
-      new_password: a
+      new_password: n
     };
     return await C.getRequest("POST")("/account/changepassword", s);
   },
-  create: async (t, a, s, c) => await C.getRequest("POST")("/account/create", {
+  create: async (t, n, s, c) => await C.getRequest("POST")("/account/create", {
     name: t,
-    email: a,
+    email: n,
     password: s,
     role_id: c
   }),
@@ -78,7 +110,7 @@ const Kr = {
     if (!!t)
       return C.getRequest("POST")("/account/delete", { id: t });
   }
-}, Vr = {
+}, Gr = {
   list: async () => await C.getRequest("POST")("/api/key/list", {
     filter: {
       search: ""
@@ -92,16 +124,15 @@ const Kr = {
       pagesize: 100
     }
   }),
-  create: async (t, a, s) => await C.getRequest("POST")("/api/key/create", {
+  create: async (t, n) => C.getRequest("POST")("/api/key/create", {
     name: t,
-    role_id: a,
-    domain: s
+    role_id: n
   }),
   delete: async (t) => {
     if (!!t)
       return C.getRequest("POST")("/api/key/delete", { id: t });
   }
-}, Yr = {
+}, Jr = {
   list: async () => await C.getRequest("POST")("/datasource/list", {
     filter: {},
     sort: {
@@ -113,9 +144,9 @@ const Kr = {
       pagesize: 100
     }
   }),
-  create: async (t, a, s) => {
+  create: async (t, n, s) => {
     try {
-      return await C.getRequest("POST")("/datasource/create", { type: t, key: a, config: s });
+      return await C.getRequest("POST")("/datasource/create", { type: t, key: n, config: s });
     } catch (c) {
       return console.error(c), !1;
     }
@@ -123,21 +154,21 @@ const Kr = {
   delete: async (t) => {
     await C.getRequest("POST")("/datasource/delete", { id: t });
   }
-}, Br = {
+}, Hr = {
   list: async () => await C.getRequest("GET")("/role/list", {})
-}, x = {
-  datasource: Yr,
-  account: Kr,
-  role: Br,
-  api_key: Vr
-}, ue = {
+}, D = {
+  datasource: Jr,
+  account: Br,
+  role: Hr,
+  api_key: Gr
+}, de = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-var de = { exports: {} }, Q = {};
+var fe = { exports: {} }, Q = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -148,20 +179,20 @@ var de = { exports: {} }, Q = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Qe;
-function Gr() {
+function Xr() {
   if (Qe)
     return Q;
   Qe = 1;
-  var t = H, a = 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(f, v, R) {
-    var y, h = {}, d = null, O = null;
-    R !== void 0 && (d = "" + R), v.key !== void 0 && (d = "" + v.key), v.ref !== void 0 && (O = v.ref);
-    for (y in v)
-      c.call(v, y) && !i.hasOwnProperty(y) && (h[y] = v[y]);
-    if (f && f.defaultProps)
-      for (y in v = f.defaultProps, v)
-        h[y] === void 0 && (h[y] = v[y]);
-    return { $$typeof: a, type: f, key: d, ref: O, props: h, _owner: u.current };
+  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 _, 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[_]);
+    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 };
   }
   return Q.Fragment = s, Q.jsx = l, Q.jsxs = l, Q;
 }
@@ -176,46 +207,46 @@ var Z = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ze;
-function Hr() {
+function Qr() {
   return Ze || (Ze = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = H, a = 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"), f = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), N = Symbol.iterator, K = "@@iterator";
-    function pe(e) {
+    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";
+    function ge(e) {
       if (e === null || typeof e != "object")
         return null;
-      var n = N && e[N] || e[K];
-      return typeof n == "function" ? n : null;
+      var a = N && e[N] || e[V];
+      return typeof a == "function" ? a : null;
     }
     var U = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function T(e) {
       {
-        for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), p = 1; p < n; p++)
+        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);
       }
     }
-    function ar(e, n, o) {
+    function ar(e, a, o) {
       {
         var p = U.ReactDebugCurrentFrame, b = p.getStackAddendum();
-        b !== "" && (n += "%s", o = o.concat([b]));
+        b !== "" && (a += "%s", o = o.concat([b]));
         var S = o.map(function(m) {
           return String(m);
         });
-        S.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, S);
+        S.unshift("Warning: " + a), Function.prototype.apply.call(console[e], console, S);
       }
     }
-    var ir = !1, or = !1, sr = !1, cr = !1, lr = !1, ze;
-    ze = Symbol.for("react.module.reference");
+    var ir = !1, or = !1, sr = !1, cr = !1, lr = !1, Ae;
+    Ae = Symbol.for("react.module.reference");
     function ur(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === c || e === i || lr || e === u || e === R || e === y || cr || e === O || ir || or || sr || typeof e == "object" && e !== null && (e.$$typeof === d || e.$$typeof === h || e.$$typeof === l || e.$$typeof === f || e.$$typeof === v || e.$$typeof === ze || e.getModuleId !== void 0));
+      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));
     }
-    function dr(e, n, o) {
+    function dr(e, a, o) {
       var p = e.displayName;
       if (p)
         return p;
-      var b = n.displayName || n.name || "";
+      var b = a.displayName || a.name || "";
       return b !== "" ? o + "(" + b + ")" : o;
     }
-    function Ae(e) {
+    function ze(e) {
       return e.displayName || "Context";
     }
     function F(e) {
@@ -234,25 +265,25 @@ function Hr() {
           return "Profiler";
         case u:
           return "StrictMode";
-        case R:
-          return "Suspense";
         case y:
+          return "Suspense";
+        case _:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
-            var n = e;
-            return Ae(n) + ".Consumer";
+          case d:
+            var a = e;
+            return ze(a) + ".Consumer";
           case l:
             var o = e;
-            return Ae(o._context) + ".Provider";
-          case v:
-            return dr(e, e.render, "ForwardRef");
+            return ze(o._context) + ".Provider";
           case h:
+            return dr(e, e.render, "ForwardRef");
+          case v:
             var p = e.displayName || null;
             return p !== null ? p : F(e.type) || "Memo";
-          case d: {
+          case f: {
             var b = e, S = b._payload, m = b._init;
             try {
               return F(m(S));
@@ -263,14 +294,14 @@ function Hr() {
         }
       return null;
     }
-    var V = Object.assign, J = 0, Oe, xe, De, ke, Ie, je, Fe;
+    var Y = Object.assign, H = 0, Oe, De, xe, ke, Ie, je, Fe;
     function qe() {
     }
     qe.__reactDisabledLog = !0;
     function fr() {
       {
-        if (J === 0) {
-          Oe = console.log, xe = console.info, De = console.warn, ke = console.error, Ie = console.group, je = console.groupCollapsed, Fe = console.groupEnd;
+        if (H === 0) {
+          Oe = console.log, De = console.info, xe = console.warn, ke = console.error, Ie = console.group, je = console.groupCollapsed, Fe = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -287,65 +318,65 @@ function Hr() {
             groupEnd: e
           });
         }
-        J++;
+        H++;
       }
     }
     function pr() {
       {
-        if (J--, J === 0) {
+        if (H--, H === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: V({}, e, {
+            log: Y({}, e, {
               value: Oe
             }),
-            info: V({}, e, {
-              value: xe
-            }),
-            warn: V({}, e, {
+            info: Y({}, e, {
               value: De
             }),
-            error: V({}, e, {
+            warn: Y({}, e, {
+              value: xe
+            }),
+            error: Y({}, e, {
               value: ke
             }),
-            group: V({}, e, {
+            group: Y({}, e, {
               value: Ie
             }),
-            groupCollapsed: V({}, e, {
+            groupCollapsed: Y({}, e, {
               value: je
             }),
-            groupEnd: V({}, e, {
+            groupEnd: Y({}, e, {
               value: Fe
             })
           });
         }
-        J < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        H < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ge = U.ReactCurrentDispatcher, me;
-    function re(e, n, o) {
+    var me = U.ReactCurrentDispatcher, he;
+    function re(e, a, o) {
       {
-        if (me === void 0)
+        if (he === void 0)
           try {
             throw Error();
           } catch (b) {
             var p = b.stack.trim().match(/\n( *(at )?)/);
-            me = p && p[1] || "";
+            he = p && p[1] || "";
           }
         return `
-` + me + e;
+` + he + e;
       }
     }
-    var he = !1, te;
+    var ve = !1, te;
     {
       var gr = typeof WeakMap == "function" ? WeakMap : Map;
       te = new gr();
     }
-    function Le(e, n) {
-      if (!e || he)
+    function Le(e, a) {
+      if (!e || ve)
         return "";
       {
         var o = te.get(e);
@@ -353,13 +384,13 @@ function Hr() {
           return o;
       }
       var p;
-      he = !0;
+      ve = !0;
       var b = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = ge.current, ge.current = null, fr();
+      S = me.current, me.current = null, fr();
       try {
-        if (n) {
+        if (a) {
           var m = function() {
             throw Error();
           };
@@ -393,36 +424,36 @@ function Hr() {
       } catch (q) {
         if (q && p && typeof q.stack == "string") {
           for (var g = q.stack.split(`
-`), z = p.stack.split(`
-`), _ = g.length - 1, E = z.length - 1; _ >= 1 && E >= 0 && g[_] !== z[E]; )
-            E--;
-          for (; _ >= 1 && E >= 0; _--, E--)
-            if (g[_] !== z[E]) {
-              if (_ !== 1 || E !== 1)
+`), A = p.stack.split(`
+`), R = g.length - 1, P = A.length - 1; R >= 1 && P >= 0 && g[R] !== A[P]; )
+            P--;
+          for (; R >= 1 && P >= 0; R--, P--)
+            if (g[R] !== A[P]) {
+              if (R !== 1 || P !== 1)
                 do
-                  if (_--, E--, E < 0 || g[_] !== z[E]) {
+                  if (R--, P--, P < 0 || g[R] !== A[P]) {
                     var k = `
-` + g[_].replace(" at new ", " at ");
+` + 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;
                   }
-                while (_ >= 1 && E >= 0);
+                while (R >= 1 && P >= 0);
               break;
             }
         }
       } finally {
-        he = !1, ge.current = S, pr(), Error.prepareStackTrace = b;
+        ve = !1, me.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, n, o) {
+    function mr(e, a, o) {
       return Le(e, !1);
     }
     function hr(e) {
-      var n = e.prototype;
-      return !!(n && n.isReactComponent);
+      var a = e.prototype;
+      return !!(a && a.isReactComponent);
     }
-    function ne(e, n, o) {
+    function ne(e, a, o) {
       if (e == null)
         return "";
       if (typeof e == "function")
@@ -430,21 +461,21 @@ function Hr() {
       if (typeof e == "string")
         return re(e);
       switch (e) {
-        case R:
-          return re("Suspense");
         case y:
+          return re("Suspense");
+        case _:
           return re("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case v:
-            return mr(e.render);
           case h:
-            return ne(e.type, n, o);
-          case d: {
+            return mr(e.render);
+          case v:
+            return ne(e.type, a, o);
+          case f: {
             var p = e, b = p._payload, S = p._init;
             try {
-              return ne(S(b), n, o);
+              return ne(S(b), a, o);
             } catch {
             }
           }
@@ -454,12 +485,12 @@ function Hr() {
     var ae = Object.prototype.hasOwnProperty, Ne = {}, Ue = U.ReactDebugCurrentFrame;
     function ie(e) {
       if (e) {
-        var n = e._owner, o = ne(e.type, e._source, n ? n.type : null);
+        var a = e._owner, o = ne(e.type, e._source, a ? a.type : null);
         Ue.setExtraStackFrame(o);
       } else
         Ue.setExtraStackFrame(null);
     }
-    function vr(e, n, o, p, b) {
+    function vr(e, a, o, p, b) {
       {
         var S = Function.call.bind(ae);
         for (var m in e)
@@ -467,24 +498,24 @@ function Hr() {
             var g = void 0;
             try {
               if (typeof e[m] != "function") {
-                var z = 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 z.name = "Invariant Violation", z;
+                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;
               }
-              g = e[m](n, m, p, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (_) {
-              g = _;
+              g = e[m](a, m, p, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (R) {
+              g = 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));
           }
       }
     }
     var br = Array.isArray;
-    function ve(e) {
+    function be(e) {
       return br(e);
     }
     function wr(e) {
       {
-        var n = typeof Symbol == "function" && Symbol.toStringTag, o = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var a = typeof Symbol == "function" && Symbol.toStringTag, o = a && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return o;
       }
     }
@@ -502,39 +533,39 @@ function Hr() {
       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);
     }
-    var X = U.ReactCurrentOwner, Rr = {
+    var X = U.ReactCurrentOwner, _r = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, We, Ke, be;
-    be = {};
+    }, We, Ve, we;
+    we = {};
     function yr(e) {
       if (ae.call(e, "ref")) {
-        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (n && n.isReactWarning)
+        var a = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function _r(e) {
+    function Rr(e) {
       if (ae.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning)
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Pr(e, n) {
-      if (typeof e.ref == "string" && X.current && n && X.current.stateNode !== n) {
+    function Pr(e, a) {
+      if (typeof e.ref == "string" && X.current && a && X.current.stateNode !== a) {
         var o = F(X.current.type);
-        be[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), be[o] = !0);
+        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);
       }
     }
-    function Er(e, n) {
+    function Er(e, a) {
       {
         var o = 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)", n));
+          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,
@@ -542,10 +573,10 @@ function Hr() {
         });
       }
     }
-    function Cr(e, n) {
+    function Cr(e, a) {
       {
         var o = function() {
-          Ke || (Ke = !0, T("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+          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,
@@ -553,11 +584,11 @@ function Hr() {
         });
       }
     }
-    var Tr = function(e, n, o, p, b, S, m) {
+    var Tr = function(e, a, o, p, b, S, m) {
       var g = {
-        $$typeof: a,
+        $$typeof: n,
         type: e,
-        key: n,
+        key: a,
         ref: o,
         props: m,
         _owner: S
@@ -579,41 +610,41 @@ function Hr() {
         value: b
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     };
-    function zr(e, n, o, p, b) {
+    function Ar(e, a, o, p, b) {
       {
-        var S, m = {}, g = null, z = null;
-        o !== void 0 && ($e(o), g = "" + o), _r(n) && ($e(n.key), g = "" + n.key), yr(n) && (z = n.ref, Pr(n, b));
-        for (S in n)
-          ae.call(n, S) && !Rr.hasOwnProperty(S) && (m[S] = n[S]);
+        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));
+        for (S in a)
+          ae.call(a, S) && !_r.hasOwnProperty(S) && (m[S] = a[S]);
         if (e && e.defaultProps) {
-          var _ = e.defaultProps;
-          for (S in _)
-            m[S] === void 0 && (m[S] = _[S]);
+          var R = e.defaultProps;
+          for (S in R)
+            m[S] === void 0 && (m[S] = R[S]);
         }
-        if (g || z) {
-          var E = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          g && Er(m, E), z && Cr(m, E);
+        if (g || A) {
+          var P = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          g && Er(m, P), A && Cr(m, P);
         }
-        return Tr(e, g, z, b, p, X.current, m);
+        return Tr(e, g, A, b, p, X.current, m);
       }
     }
-    var we = U.ReactCurrentOwner, Ve = U.ReactDebugCurrentFrame;
-    function Y(e) {
+    var Se = U.ReactCurrentOwner, Ye = U.ReactDebugCurrentFrame;
+    function K(e) {
       if (e) {
-        var n = e._owner, o = ne(e.type, e._source, n ? n.type : null);
-        Ve.setExtraStackFrame(o);
+        var a = e._owner, o = ne(e.type, e._source, a ? a.type : null);
+        Ye.setExtraStackFrame(o);
       } else
-        Ve.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
-    var Se;
-    Se = !1;
-    function Re(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === a;
+    var _e;
+    _e = !1;
+    function ye(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === n;
     }
-    function Ye() {
+    function Ke() {
       {
-        if (we.current) {
-          var e = F(we.current.type);
+        if (Se.current) {
+          var e = F(Se.current.type);
           if (e)
             return `
 
@@ -622,13 +653,13 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function Ar(e) {
+    function zr(e) {
       {
         if (e !== void 0) {
-          var n = e.fileName.replace(/^.*[\\\/]/, ""), o = e.lineNumber;
+          var a = e.fileName.replace(/^.*[\\\/]/, ""), o = e.lineNumber;
           return `
 
-Check your code at ` + n + ":" + o + ".";
+Check your code at ` + a + ":" + o + ".";
         }
         return "";
       }
@@ -636,130 +667,130 @@ Check your code at ` + n + ":" + o + ".";
     var Be = {};
     function Or(e) {
       {
-        var n = Ye();
-        if (!n) {
+        var a = Ke();
+        if (!a) {
           var o = typeof e == "string" ? e : e.displayName || e.name;
-          o && (n = `
+          o && (a = `
 
 Check the top-level render call using <` + o + ">.");
         }
-        return n;
+        return a;
       }
     }
-    function Ge(e, n) {
+    function Ge(e, a) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var o = Or(n);
+        var o = Or(a);
         if (Be[o])
           return;
         Be[o] = !0;
         var p = "";
-        e && e._owner && e._owner !== we.current && (p = " It was passed a child from " + F(e._owner.type) + "."), Y(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), Y(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.', o, p), K(null);
       }
     }
-    function He(e, n) {
+    function Je(e, a) {
       {
         if (typeof e != "object")
           return;
-        if (ve(e))
+        if (be(e))
           for (var o = 0; o < e.length; o++) {
             var p = e[o];
-            Re(p) && Ge(p, n);
+            ye(p) && Ge(p, a);
           }
-        else if (Re(e))
+        else if (ye(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var b = pe(e);
+          var b = ge(e);
           if (typeof b == "function" && b !== e.entries)
             for (var S = b.call(e), m; !(m = S.next()).done; )
-              Re(m.value) && Ge(m.value, n);
+              ye(m.value) && Ge(m.value, a);
         }
       }
     }
-    function xr(e) {
+    function Dr(e) {
       {
-        var n = e.type;
-        if (n == null || typeof n == "string")
+        var a = e.type;
+        if (a == null || typeof a == "string")
           return;
         var o;
-        if (typeof n == "function")
-          o = n.propTypes;
-        else if (typeof n == "object" && (n.$$typeof === v || n.$$typeof === h))
-          o = n.propTypes;
+        if (typeof a == "function")
+          o = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === h || a.$$typeof === v))
+          o = a.propTypes;
         else
           return;
         if (o) {
-          var p = F(n);
+          var p = F(a);
           vr(o, e.props, "prop", p, e);
-        } else if (n.PropTypes !== void 0 && !Se) {
-          Se = !0;
-          var b = F(n);
+        } else if (a.PropTypes !== void 0 && !_e) {
+          _e = !0;
+          var b = F(a);
           T("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", b || "Unknown");
         }
-        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && T("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        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 Dr(e) {
+    function xr(e) {
       {
-        for (var n = Object.keys(e.props), o = 0; o < n.length; o++) {
-          var p = n[o];
+        for (var a = Object.keys(e.props), o = 0; o < a.length; o++) {
+          var p = a[o];
           if (p !== "children" && p !== "key") {
-            Y(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Y(null);
+            K(e), T("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), K(null);
             break;
           }
         }
-        e.ref !== null && (Y(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+        e.ref !== null && (K(e), T("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
-    function Je(e, n, o, p, b, S) {
+    function He(e, a, o, 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 z = Ar(b);
-          z ? g += z : g += Ye();
-          var _;
-          e === null ? _ = "null" : ve(e) ? _ = "array" : e !== void 0 && e.$$typeof === a ? (_ = "<" + (F(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : _ = 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", _, g);
+          var A = zr(b);
+          A ? g += A : g += 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);
         }
-        var E = zr(e, n, o, b, S);
-        if (E == null)
-          return E;
+        var P = Ar(e, a, o, b, S);
+        if (P == null)
+          return P;
         if (m) {
-          var k = n.children;
+          var k = a.children;
           if (k !== void 0)
             if (p)
-              if (ve(k)) {
+              if (be(k)) {
                 for (var B = 0; B < k.length; B++)
-                  He(k[B], e);
+                  Je(k[B], e);
                 Object.freeze && Object.freeze(k);
               } 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
-              He(k, e);
+              Je(k, e);
         }
-        return e === c ? Dr(E) : xr(E), E;
+        return e === c ? xr(P) : Dr(P), P;
       }
     }
-    function kr(e, n, o) {
-      return Je(e, n, o, !0);
+    function kr(e, a, o) {
+      return He(e, a, o, !0);
     }
-    function Ir(e, n, o) {
-      return Je(e, n, o, !1);
+    function Ir(e, a, o) {
+      return He(e, a, o, !1);
     }
     var jr = Ir, Fr = kr;
     Z.Fragment = c, Z.jsx = jr, Z.jsxs = Fr;
   }()), Z;
 }
 (function(t) {
-  process.env.NODE_ENV === "production" ? t.exports = Gr() : t.exports = Hr();
-})(de);
-const $ = de.exports.Fragment, r = de.exports.jsx, w = de.exports.jsxs;
-function Jr({
+  process.env.NODE_ENV === "production" ? t.exports = Xr() : t.exports = Qr();
+})(fe);
+const $ = fe.exports.Fragment, r = fe.exports.jsx, w = fe.exports.jsxs;
+function Zr({
   postSubmit: t,
-  styles: a = ue
+  styles: n = de
 }) {
   const {
     control: s,
@@ -783,15 +814,15 @@ function Jr({
       onSubmit: c(async ({
         type: i,
         key: l,
-        config: f
+        config: d
       }) => {
         if (M({
           id: "for-creating",
           title: "Pending",
           message: "Adding data source...",
           loading: !0
-        }), !await x.datasource.create(i, l, f)) {
-          A({
+        }), !await D.datasource.create(i, l, d)) {
+          z({
             id: "for-creating",
             title: "Failed",
             message: "Test connection failed with given info",
@@ -799,22 +830,22 @@ function Jr({
           });
           return;
         }
-        A({
+        z({
           id: "for-creating",
           title: "Successful",
           message: "Data source is added",
           color: "green"
         }), t();
       }),
-      children: [/* @__PURE__ */ r(P, {
+      children: [/* @__PURE__ */ r(E, {
         name: "type",
         control: s,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(qr, {
           fullWidth: !0,
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           data: [{
             label: "PostgreSQL",
             value: "postgresql"
@@ -828,14 +859,14 @@ function Jr({
           }],
           ...i
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "key",
         control: s,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Name",
           placeholder: "A unique name",
@@ -846,14 +877,14 @@ function Jr({
         labelPosition: "center"
       }), /* @__PURE__ */ w(j, {
         grow: !0,
-        children: [/* @__PURE__ */ r(P, {
+        children: [/* @__PURE__ */ r(E, {
           name: "config.host",
           control: s,
           render: ({
             field: i
           }) => /* @__PURE__ */ r(I, {
-            mb: a.spacing,
-            size: a.size,
+            mb: n.spacing,
+            size: n.size,
             required: !0,
             label: "Host",
             sx: {
@@ -861,14 +892,14 @@ function Jr({
             },
             ...i
           })
-        }), /* @__PURE__ */ r(P, {
+        }), /* @__PURE__ */ r(E, {
           name: "config.port",
           control: s,
           render: ({
             field: i
           }) => /* @__PURE__ */ r(Lr, {
-            mb: a.spacing,
-            size: a.size,
+            mb: n.spacing,
+            size: n.size,
             required: !0,
             label: "Port",
             hideControls: !0,
@@ -878,77 +909,77 @@ function Jr({
             ...i
           })
         })]
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "config.username",
         control: s,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Username",
           ...i
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "config.password",
         control: s,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(se, {
-          mb: a.spacing,
-          size: a.size,
+        }) => /* @__PURE__ */ r(ce, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Password",
           ...i
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "config.database",
         control: s,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Database",
           ...i
         })
       }), /* @__PURE__ */ r(j, {
         position: "right",
-        mt: a.spacing,
-        children: /* @__PURE__ */ r(D, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(x, {
           type: "submit",
-          size: a.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function Xr({
+function et({
   onSuccess: t,
-  styles: a = ue
+  styles: n = de
 }) {
-  const [s, c] = H.useState(!1), u = () => c(!0), i = () => c(!1);
+  const [s, c] = J.useState(!1), u = () => c(!0), i = () => c(!1);
   return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(oe, {
+    children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
       opened: s,
       onClose: () => c(!1),
       title: "Add a data source",
       trapFocus: !0,
-      onDragStart: (f) => {
-        f.stopPropagation();
+      onDragStart: (d) => {
+        d.stopPropagation();
       },
-      children: /* @__PURE__ */ r(Jr, {
+      children: /* @__PURE__ */ r(Zr, {
         postSubmit: () => {
           t(), i();
         },
-        styles: a
+        styles: n
       })
-    }), /* @__PURE__ */ r(D, {
-      size: a.button.size,
+    }), /* @__PURE__ */ r(x, {
+      size: n.button.size,
       onClick: u,
       leftIcon: /* @__PURE__ */ r(Ee, {
         size: 20
@@ -957,27 +988,27 @@ function Xr({
     })]
   });
 }
-function Qr({
+function rt({
   id: t,
-  name: a,
+  name: n,
   onSuccess: s,
-  styles: c = ue
+  styles: c = de
 }) {
-  const u = ce(), i = async () => {
+  const u = le(), i = async () => {
     !t || (M({
       id: "for-deleting",
       title: "Pending",
       message: "Deleting data source...",
       loading: !0
-    }), await x.datasource.delete(t), A({
+    }), await D.datasource.delete(t), z({
       id: "for-deleting",
       title: "Successful",
-      message: `Data source [${a}] is deleted`,
+      message: `Data source [${n}] is deleted`,
       color: "green"
     }), s());
   }, l = () => u.openConfirmModal({
     title: "Delete this data source?",
-    children: /* @__PURE__ */ r(ye, {
+    children: /* @__PURE__ */ r(oe, {
       size: c.size,
       children: "This action won't affect your database."
     }),
@@ -988,7 +1019,7 @@ function Qr({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(D, {
+  return /* @__PURE__ */ r(x, {
     size: c.button.size,
     color: "red",
     onClick: l,
@@ -998,11 +1029,11 @@ function Qr({
     children: "Delete"
   });
 }
-function vt({
-  styles: t = ue,
-  config: a
+function _t({
+  styles: t = de,
+  config: n
 }) {
-  le(a);
+  ue(n);
   const {
     data: s = [],
     loading: c,
@@ -1010,7 +1041,7 @@ function vt({
   } = G(async () => {
     const {
       data: i
-    } = await x.datasource.list();
+    } = await D.datasource.list();
     return i;
   }, {
     refreshDeps: []
@@ -1019,7 +1050,7 @@ function vt({
     children: [/* @__PURE__ */ r(j, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(Xr, {
+      children: /* @__PURE__ */ r(et, {
         onSuccess: u
       })
     }), /* @__PURE__ */ w(L, {
@@ -1027,7 +1058,7 @@ function vt({
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(_e, {
+      children: [/* @__PURE__ */ r(Re, {
         visible: c
       }), /* @__PURE__ */ w(Pe, {
         horizontalSpacing: t.spacing,
@@ -1048,18 +1079,18 @@ function vt({
           children: s.map(({
             id: i,
             key: l,
-            type: f
+            type: d
           }) => /* @__PURE__ */ w("tr", {
             children: [/* @__PURE__ */ r("td", {
               width: 200,
-              children: f
+              children: d
             }), /* @__PURE__ */ r("td", {
               children: l
             }), /* @__PURE__ */ r("td", {
               width: 200,
               children: /* @__PURE__ */ r(j, {
                 position: "left",
-                children: /* @__PURE__ */ r(Qr, {
+                children: /* @__PURE__ */ r(rt, {
                   id: i,
                   name: l,
                   onSuccess: u
@@ -1072,19 +1103,19 @@ function vt({
     })]
   });
 }
-const Zr = tr(({
+const tt = tr(({
   label: t,
-  value: a,
+  value: n,
   description: s,
   ...c
 }, u) => /* @__PURE__ */ w(rr, {
   spacing: 2,
   ref: u,
   ...c,
-  children: [/* @__PURE__ */ r(ye, {
+  children: [/* @__PURE__ */ r(oe, {
     size: "sm",
     children: t
-  }), /* @__PURE__ */ r(ye, {
+  }), /* @__PURE__ */ r(oe, {
     size: "xs",
     color: "dimmed",
     className: "role-description",
@@ -1092,17 +1123,17 @@ const Zr = tr(({
   })]
 })), Te = tr(({
   styles: t,
-  value: a,
+  value: n,
   onChange: s
 }, c) => {
   const {
     data: u = [],
     loading: i
-  } = G(async () => (await x.role.list()).map((f) => ({
-    label: f.name,
-    value: f.id,
-    description: f.description,
-    disabled: f.id === 50
+  } = G(async () => (await D.role.list()).map((d) => ({
+    label: d.name,
+    value: d.id,
+    description: d.description,
+    disabled: d.id === 50
   })), {
     refreshDeps: []
   });
@@ -1112,7 +1143,7 @@ const Zr = tr(({
     size: t.size,
     required: !0,
     label: "Role",
-    itemComponent: Zr,
+    itemComponent: tt,
     data: u,
     disabled: i,
     styles: () => ({
@@ -1126,7 +1157,7 @@ const Zr = tr(({
         }
       }
     }),
-    value: a,
+    value: n,
     onChange: s
   });
 }), W = {
@@ -1136,9 +1167,9 @@ const Zr = tr(({
     size: "xs"
   }
 };
-function et({
+function nt({
   postSubmit: t,
-  styles: a = W,
+  styles: n = W,
   initialRoleID: s
 }) {
   const {
@@ -1157,9 +1188,9 @@ function et({
     children: /* @__PURE__ */ w("form", {
       onSubmit: u(async ({
         name: l,
-        email: f,
-        password: v,
-        role_id: R
+        email: d,
+        password: h,
+        role_id: y
       }) => {
         try {
           M({
@@ -1167,104 +1198,104 @@ function et({
             title: "Pending",
             message: "Adding account...",
             loading: !0
-          }), await x.account.create(l, f, v, R), A({
+          }), await D.account.create(l, d, h, y), z({
             id: "for-creating",
             title: "Successful",
             message: "Account is added",
             color: "green"
           }), t();
-        } catch (y) {
-          A({
+        } catch (_) {
+          z({
             id: "for-creating",
             title: "Failed",
-            message: y.message,
+            message: _.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ r(P, {
+      children: [/* @__PURE__ */ r(E, {
         name: "name",
         control: c,
         render: ({
           field: l
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Username",
           ...l
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "email",
         control: c,
         render: ({
           field: l
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Email",
           ...l
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "password",
         control: c,
         render: ({
           field: l
-        }) => /* @__PURE__ */ r(se, {
-          mb: a.spacing,
-          size: a.size,
+        }) => /* @__PURE__ */ r(ce, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Password",
           description: "Password must be at least 8 characters long",
           ...l
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "role_id",
         control: c,
         render: ({
           field: l
         }) => /* @__PURE__ */ r(Te, {
-          styles: a,
+          styles: n,
           ...l
         })
       }), /* @__PURE__ */ r(j, {
         position: "right",
-        mt: a.spacing,
-        children: /* @__PURE__ */ r(D, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(x, {
           type: "submit",
-          size: a.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function rt({
+function at({
   onSuccess: t,
-  styles: a = W,
+  styles: n = W,
   initialRoleID: s
 }) {
-  const [c, u] = H.useState(!1), i = () => u(!0), l = () => u(!1);
+  const [c, u] = J.useState(!1), i = () => u(!0), l = () => u(!1);
   return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(oe, {
+    children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
       opened: c,
       onClose: () => u(!1),
       title: "Add an Account",
       trapFocus: !0,
-      onDragStart: (v) => {
-        v.stopPropagation();
+      onDragStart: (h) => {
+        h.stopPropagation();
       },
-      children: /* @__PURE__ */ r(et, {
+      children: /* @__PURE__ */ r(nt, {
         postSubmit: () => {
           t(), l();
         },
-        styles: a,
+        styles: n,
         initialRoleID: s
       })
-    }), /* @__PURE__ */ r(D, {
-      size: a.button.size,
+    }), /* @__PURE__ */ r(x, {
+      size: n.button.size,
       onClick: i,
       leftIcon: /* @__PURE__ */ r(Ee, {
         size: 20
@@ -1273,13 +1304,13 @@ function rt({
     })]
   });
 }
-function tt({
+function it({
   id: t,
-  name: a,
+  name: n,
   onSuccess: s,
   styles: c = W
 }) {
-  const u = ce(), i = async () => {
+  const u = le(), i = async () => {
     if (!!t) {
       M({
         id: "for-deleting",
@@ -1288,17 +1319,17 @@ function tt({
         loading: !0
       });
       try {
-        await x.account.delete(t), A({
+        await D.account.delete(t), z({
           id: "for-deleting",
           title: "Successful",
-          message: `Account [${a}] is deleted`,
+          message: `Account [${n}] is deleted`,
           color: "green"
         }), s();
-      } catch (f) {
-        A({
+      } catch (d) {
+        z({
           id: "for-deleting",
           title: "Failed",
-          message: f.message,
+          message: d.message,
           color: "red"
         });
       }
@@ -1312,7 +1343,7 @@ function tt({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(D, {
+  return /* @__PURE__ */ r(x, {
     size: c.button.size,
     color: "red",
     onClick: l,
@@ -1322,9 +1353,9 @@ function tt({
     children: "Delete"
   });
 }
-function nt({
+function ot({
   id: t,
-  name: a,
+  name: n,
   email: s,
   role_id: c,
   postSubmit: u,
@@ -1332,22 +1363,22 @@ function nt({
 }) {
   const {
     control: l,
-    handleSubmit: f,
-    watch: v
+    handleSubmit: d,
+    watch: h
   } = ee({
     defaultValues: {
-      name: a,
+      name: n,
       email: s,
       role_id: c,
       reset_password: !1,
       new_password: ""
     }
-  }), R = async ({
-    name: d,
+  }), y = async ({
+    name: f,
     email: O,
     role_id: N,
-    reset_password: K,
-    new_password: pe
+    reset_password: V,
+    new_password: ge
   }) => {
     try {
       M({
@@ -1355,105 +1386,105 @@ function nt({
         title: "Pending",
         message: "Updating account...",
         loading: !0
-      }), await x.account.edit({
+      }), await D.account.edit({
         id: t,
-        name: d,
+        name: f,
         email: O,
         role_id: N,
-        reset_password: K,
-        new_password: pe
-      }), A({
+        reset_password: V,
+        new_password: ge
+      }), z({
         id: "for-updating",
         title: "Successful",
         message: "Account is updated",
         color: "green"
       }), u();
     } catch (U) {
-      A({
+      z({
         id: "for-updating",
         title: "Failed",
         message: U.message,
         color: "red"
       });
     }
-  }, [y, h] = v(["reset_password", "new_password"]);
+  }, [_, v] = h(["reset_password", "new_password"]);
   return /* @__PURE__ */ r(L, {
     mx: "auto",
     children: /* @__PURE__ */ w("form", {
-      onSubmit: f(R),
-      children: [/* @__PURE__ */ r(P, {
+      onSubmit: d(y),
+      children: [/* @__PURE__ */ r(E, {
         name: "name",
         control: l,
         render: ({
-          field: d
+          field: f
         }) => /* @__PURE__ */ r(I, {
           mb: i.spacing,
           size: i.size,
           required: !0,
           label: "Username",
-          ...d
+          ...f
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "email",
         control: l,
         render: ({
-          field: d
+          field: f
         }) => /* @__PURE__ */ r(I, {
           mb: i.spacing,
           size: i.size,
           required: !0,
           label: "Email",
-          ...d
+          ...f
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "role_id",
         control: l,
         render: ({
-          field: d
+          field: f
         }) => /* @__PURE__ */ r(Te, {
           styles: i,
-          ...d
+          ...f
         })
       }), /* @__PURE__ */ r(er, {
         my: 20,
         variant: "dashed",
         label: "",
         labelPosition: "center"
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "reset_password",
         control: l,
         render: ({
-          field: d
+          field: f
         }) => /* @__PURE__ */ r(Ur, {
           mb: i.spacing,
           size: i.size,
           label: "Reset password",
-          checked: d.value,
-          onChange: (O) => d.onChange(O.currentTarget.checked),
+          checked: f.value,
+          onChange: (O) => f.onChange(O.currentTarget.checked),
           styles: {
             label: {
               verticalAlign: "middle"
             }
           }
         })
-      }), y && /* @__PURE__ */ r(P, {
+      }), _ && /* @__PURE__ */ r(E, {
         name: "new_password",
         control: l,
         render: ({
-          field: d
-        }) => /* @__PURE__ */ r(se, {
+          field: f
+        }) => /* @__PURE__ */ r(ce, {
           autoComplete: "off",
           mb: i.spacing,
           size: i.size,
           required: !0,
           description: "Password must be at least 8 characters long",
           label: "New Password",
-          ...d
+          ...f
         })
       }), /* @__PURE__ */ r(j, {
         position: "right",
         mt: i.spacing,
-        children: /* @__PURE__ */ r(D, {
+        children: /* @__PURE__ */ r(x, {
           type: "submit",
           size: i.button.size,
           children: "Submit"
@@ -1462,30 +1493,30 @@ function nt({
     })
   });
 }
-function at({
+function st({
   account: t,
-  onSuccess: a,
+  onSuccess: n,
   styles: s = W
 }) {
-  const [c, u] = H.useState(!1), i = () => u(!0), l = () => u(!1), f = () => {
-    a(), l();
+  const [c, u] = J.useState(!1), i = () => u(!0), l = () => u(!1), d = () => {
+    n(), l();
   };
   return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(oe, {
+    children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
       opened: c,
       onClose: () => u(!1),
       title: `Editing ${t.name}`,
       trapFocus: !0,
-      onDragStart: (v) => {
-        v.stopPropagation();
+      onDragStart: (h) => {
+        h.stopPropagation();
       },
-      children: /* @__PURE__ */ r(nt, {
+      children: /* @__PURE__ */ r(ot, {
         ...t,
-        postSubmit: f,
+        postSubmit: d,
         styles: s
       })
-    }), /* @__PURE__ */ r(D, {
+    }), /* @__PURE__ */ r(x, {
       size: s.button.size,
       onClick: i,
       leftIcon: /* @__PURE__ */ r(Mr, {
@@ -1495,51 +1526,51 @@ function at({
     })]
   });
 }
-function bt({
+function yt({
   styles: t = W,
-  config: a
+  config: n
 }) {
-  var R, y;
-  le(a);
+  var y, _;
+  ue(n);
   const {
     data: s = [],
     loading: c,
     refresh: u
   } = G(async () => {
     const {
-      data: h
-    } = await x.account.list();
-    return h;
+      data: v
+    } = await D.account.list();
+    return v;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
     loading: l
-  } = G(async () => (await x.role.list()).map((d) => ({
-    label: d.name,
-    value: d.id,
-    description: d.description,
-    disabled: d.id === 50
+  } = G(async () => (await D.role.list()).map((f) => ({
+    label: f.name,
+    value: f.id,
+    description: f.description,
+    disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), f = nr(() => i.reduce((h, d) => (h.set(d.value, d.label), h), /* @__PURE__ */ new Map()), [i]), v = (h) => {
-    var d;
-    return (d = f.get(h)) != null ? d : h;
+  }), d = nr(() => i.reduce((v, f) => (v.set(f.value, f.label), v), /* @__PURE__ */ new Map()), [i]), h = (v) => {
+    var f;
+    return (f = d.get(v)) != null ? f : v;
   };
   return /* @__PURE__ */ w($, {
     children: [/* @__PURE__ */ r(j, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(rt, {
+      children: /* @__PURE__ */ r(at, {
         onSuccess: u,
-        initialRoleID: (y = (R = i == null ? void 0 : i[0]) == null ? void 0 : R.value) != null ? y : 0
+        initialRoleID: (_ = (y = i == null ? void 0 : i[0]) == null ? void 0 : y.value) != null ? _ : 0
       })
     }), /* @__PURE__ */ w(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(_e, {
+      children: [/* @__PURE__ */ r(Re, {
         visible: c || l
       }), /* @__PURE__ */ w(Pe, {
         horizontalSpacing: t.spacing,
@@ -1559,13 +1590,13 @@ function bt({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: s.map((h) => {
+          children: s.map((v) => {
             const {
-              id: d,
+              id: f,
               name: O,
               email: N,
-              role_id: K
-            } = h;
+              role_id: V
+            } = v;
             return /* @__PURE__ */ w("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
@@ -1575,31 +1606,31 @@ function bt({
                 children: N
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: v(K)
+                children: h(V)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
                 children: /* @__PURE__ */ w(j, {
                   position: "left",
-                  children: [/* @__PURE__ */ r(at, {
-                    account: h,
+                  children: [/* @__PURE__ */ r(st, {
+                    account: v,
                     onSuccess: u
-                  }), /* @__PURE__ */ r(tt, {
-                    id: d,
+                  }), /* @__PURE__ */ r(it, {
+                    id: f,
                     name: O,
                     onSuccess: u
                   })]
                 })
               })]
-            }, d);
+            }, f);
           })
         })]
       })]
     })]
   });
 }
-function it({
+function ct({
   postSubmit: t,
-  styles: a = W
+  styles: n = W
 }) {
   const {
     control: s,
@@ -1624,86 +1655,86 @@ function it({
             message: "Loggin in...",
             loading: !0
           });
-          const f = await x.account.login(i, l);
-          window.localStorage.setItem("token", f.token), A({
+          const d = await D.account.login(i, l);
+          window.localStorage.setItem("token", d.token), z({
             id: "for-login",
             title: "Successful",
             message: "Logged in",
             color: "green"
-          }), t(f);
-        } catch (f) {
-          A({
+          }), t(d);
+        } catch (d) {
+          z({
             id: "for-login",
             title: "Login Failed",
-            message: f.message,
+            message: d.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ r(P, {
+      children: [/* @__PURE__ */ r(E, {
         name: "name",
         control: s,
         render: ({
           field: i
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Username",
           ...i
         })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "password",
         control: s,
         render: ({
           field: i
-        }) => /* @__PURE__ */ r(se, {
-          mb: a.spacing,
-          size: a.size,
+        }) => /* @__PURE__ */ r(ce, {
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Password",
           ...i
         })
       }), /* @__PURE__ */ r(j, {
         position: "right",
-        mt: a.spacing,
-        children: /* @__PURE__ */ r(D, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(x, {
           type: "submit",
-          size: a.button.size,
+          size: n.button.size,
           children: "Submit"
         })
       })]
     })
   });
 }
-function wt({
+function Rt({
   styles: t = W,
-  config: a,
+  config: n,
   onSuccess: s
 }) {
-  return le(a), /* @__PURE__ */ r($, {
+  return ue(n), /* @__PURE__ */ r($, {
     children: /* @__PURE__ */ r(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: /* @__PURE__ */ r(it, {
+      children: /* @__PURE__ */ r(ct, {
         styles: t,
         postSubmit: s
       })
     })
   });
 }
-const fe = {
+const pe = {
   size: "sm",
   spacing: "md",
   button: {
     size: "xs"
   }
 };
-function ot({
+function lt({
   postSubmit: t,
-  styles: a = fe,
+  styles: n = pe,
   initialRoleID: s
 }) {
   const {
@@ -1712,8 +1743,7 @@ function ot({
   } = ee({
     defaultValues: {
       name: "",
-      role_id: s,
-      domain: ""
+      role_id: s
     }
   });
   return /* @__PURE__ */ r(L, {
@@ -1721,8 +1751,7 @@ function ot({
     children: /* @__PURE__ */ w("form", {
       onSubmit: u(async ({
         name: l,
-        role_id: f,
-        domain: v
+        role_id: d
       }) => {
         try {
           M({
@@ -1731,113 +1760,118 @@ function ot({
             message: "Adding API Key...",
             loading: !0
           });
-          const R = await x.api_key.create(l, f, v);
-          A({
+          const {
+            app_id: h,
+            app_secret: y
+          } = await D.api_key.create(l, d);
+          z({
             id: "for-creating",
             title: "Successful",
             message: "API Key is added",
             color: "green"
-          }), t(R);
-        } catch (R) {
-          A({
+          }), t(h, y);
+        } catch (h) {
+          z({
             id: "for-creating",
             title: "Failed",
-            message: R.message,
+            message: h.message,
             color: "red"
           });
         }
       }),
-      children: [/* @__PURE__ */ r(P, {
+      children: [/* @__PURE__ */ r(E, {
         name: "name",
         control: c,
         render: ({
           field: l
         }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
+          mb: n.spacing,
+          size: n.size,
           required: !0,
           label: "Name",
           ...l
         })
-      }), /* @__PURE__ */ r(P, {
-        name: "domain",
-        control: c,
-        render: ({
-          field: l
-        }) => /* @__PURE__ */ r(I, {
-          mb: a.spacing,
-          size: a.size,
-          required: !0,
-          label: "Domain",
-          ...l
-        })
-      }), /* @__PURE__ */ r(P, {
+      }), /* @__PURE__ */ r(E, {
         name: "role_id",
         control: c,
         render: ({
           field: l
         }) => /* @__PURE__ */ r(Te, {
-          styles: a,
+          styles: n,
           ...l
         })
       }), /* @__PURE__ */ r(j, {
         position: "right",
-        mt: a.spacing,
-        children: /* @__PURE__ */ r(D, {
+        mt: n.spacing,
+        children: /* @__PURE__ */ r(x, {
           type: "submit",
-          size: a.button.size,
+          size: n.button.size,
           children: "Save"
         })
       })]
     })
   });
 }
-function st({
+function ut({
   onSuccess: t,
-  styles: a = fe,
+  styles: n = pe,
   initialRoleID: s
 }) {
-  const c = ce(), [u, i] = H.useState(!1), l = () => i(!0), f = () => i(!1);
+  const c = le(), [u, i] = J.useState(!1), l = () => i(!0), d = () => i(!1);
   return /* @__PURE__ */ w($, {
-    children: [/* @__PURE__ */ r(oe, {
+    children: [/* @__PURE__ */ r(se, {
       overflow: "inside",
       opened: u,
       onClose: () => i(!1),
       title: "Add an API Key",
       trapFocus: !0,
-      onDragStart: (R) => {
-        R.stopPropagation();
+      onDragStart: (y) => {
+        y.stopPropagation();
       },
-      children: /* @__PURE__ */ r(ot, {
-        postSubmit: (R) => {
-          f(), c.openModal({
+      children: /* @__PURE__ */ r(lt, {
+        postSubmit: (y, _) => {
+          d(), c.openModal({
             title: "API Key is generated",
             children: /* @__PURE__ */ w(rr, {
-              children: [/* @__PURE__ */ r(I, {
-                defaultValue: R,
+              children: [/* @__PURE__ */ r(oe, {
+                color: "dimmed",
+                children: "Make sure you save it - you won't be able to access it again."
+              }), /* @__PURE__ */ r(I, {
+                defaultValue: y,
                 disabled: !0,
-                label: "Generated API Key",
-                description: "Make sure you save it - you won't be able to access it again.",
+                label: "APP ID",
                 styles: {
                   input: {
                     cursor: "text !important"
                   }
                 }
-              }), /* @__PURE__ */ r(D, {
+              }), /* @__PURE__ */ r(I, {
+                defaultValue: _,
+                disabled: !0,
+                label: "APP Secret",
+                styles: {
+                  input: {
+                    cursor: "text !important"
+                  }
+                }
+              }), /* @__PURE__ */ r(x, {
                 size: "sm",
                 onClick: () => {
-                  Wr(), t();
+                  Vr();
                 },
                 children: "I've saved this API Key"
               })]
-            })
+            }),
+            onClose: () => {
+              t();
+            }
           });
         },
-        styles: a,
+        styles: n,
         initialRoleID: s
       })
-    }), /* @__PURE__ */ r(D, {
-      size: a.button.size,
+    }), /* @__PURE__ */ r(x, {
+      size: n.button.size,
       onClick: l,
       leftIcon: /* @__PURE__ */ r(Ee, {
         size: 20
@@ -1846,13 +1880,13 @@ function st({
     })]
   });
 }
-function ct({
+function dt({
   id: t,
-  name: a,
+  name: n,
   onSuccess: s,
-  styles: c = fe
+  styles: c = pe
 }) {
-  const u = ce(), i = async () => {
+  const u = le(), i = async () => {
     if (!!t) {
       M({
         id: "for-deleting",
@@ -1861,17 +1895,17 @@ function ct({
         loading: !0
       });
       try {
-        await x.api_key.delete(t), A({
+        await D.api_key.delete(t), z({
           id: "for-deleting",
           title: "Successful",
-          message: `API Key [${a}] is deleted`,
+          message: `API Key [${n}] is deleted`,
           color: "green"
         }), s();
-      } catch (f) {
-        A({
+      } catch (d) {
+        z({
           id: "for-deleting",
           title: "Failed",
-          message: f.message,
+          message: d.message,
           color: "red"
         });
       }
@@ -1885,7 +1919,7 @@ function ct({
     onCancel: () => console.log("Cancel"),
     onConfirm: i
   });
-  return /* @__PURE__ */ r(D, {
+  return /* @__PURE__ */ r(x, {
     size: c.button.size,
     color: "red",
     onClick: l,
@@ -1895,51 +1929,51 @@ function ct({
     children: "Delete"
   });
 }
-function St({
-  styles: t = fe,
-  config: a
+function Pt({
+  styles: t = pe,
+  config: n
 }) {
-  var R, y;
-  le(a);
+  var y, _;
+  ue(n);
   const {
     data: s = [],
     loading: c,
     refresh: u
   } = G(async () => {
     const {
-      data: h
-    } = await x.api_key.list();
-    return h;
+      data: v
+    } = await D.api_key.list();
+    return v;
   }, {
     refreshDeps: []
   }), {
     data: i = [],
     loading: l
-  } = G(async () => (await x.role.list()).map((d) => ({
-    label: d.name,
-    value: d.id,
-    description: d.description,
-    disabled: d.id === 50
+  } = G(async () => (await D.role.list()).map((f) => ({
+    label: f.name,
+    value: f.id,
+    description: f.description,
+    disabled: f.id === 50
   })), {
     refreshDeps: []
-  }), f = nr(() => i.reduce((h, d) => (h.set(d.value, d.label), h), /* @__PURE__ */ new Map()), [i]), v = (h) => {
-    var d;
-    return (d = f.get(h)) != null ? d : h;
+  }), d = nr(() => i.reduce((v, f) => (v.set(f.value, f.label), v), /* @__PURE__ */ new Map()), [i]), h = (v) => {
+    var f;
+    return (f = d.get(v)) != null ? f : v;
   };
   return /* @__PURE__ */ w($, {
     children: [/* @__PURE__ */ r(j, {
       pt: t.spacing,
       position: "right",
-      children: /* @__PURE__ */ r(st, {
+      children: /* @__PURE__ */ r(ut, {
         onSuccess: u,
-        initialRoleID: (y = (R = i == null ? void 0 : i[0]) == null ? void 0 : R.value) != null ? y : 0
+        initialRoleID: (_ = (y = i == null ? void 0 : i[0]) == null ? void 0 : y.value) != null ? _ : 0
       })
     }), /* @__PURE__ */ w(L, {
       mt: t.spacing,
       sx: {
         position: "relative"
       },
-      children: [/* @__PURE__ */ r(_e, {
+      children: [/* @__PURE__ */ r(Re, {
         visible: c || l
       }), /* @__PURE__ */ w(Pe, {
         horizontalSpacing: t.spacing,
@@ -1951,7 +1985,7 @@ function St({
             children: [/* @__PURE__ */ r("th", {
               children: "Name"
             }), /* @__PURE__ */ r("th", {
-              children: "Domain"
+              children: "APP ID"
             }), /* @__PURE__ */ r("th", {
               children: "Role"
             }), /* @__PURE__ */ r("th", {
@@ -1959,13 +1993,13 @@ function St({
             })]
           })
         }), /* @__PURE__ */ r("tbody", {
-          children: s.map((h) => {
+          children: s.map((v) => {
             const {
-              id: d,
+              id: f,
               name: O,
-              domain: N,
-              role_id: K
-            } = h;
+              app_id: N,
+              role_id: V
+            } = v;
             return /* @__PURE__ */ w("tr", {
               children: [/* @__PURE__ */ r("td", {
                 width: 200,
@@ -1975,19 +2009,19 @@ function St({
                 children: N
               }), /* @__PURE__ */ r("td", {
                 width: 200,
-                children: v(K)
+                children: h(V)
               }), /* @__PURE__ */ r("td", {
                 width: 200,
                 children: /* @__PURE__ */ r(j, {
                   position: "left",
-                  children: /* @__PURE__ */ r(ct, {
-                    id: d,
+                  children: /* @__PURE__ */ r(dt, {
+                    id: f,
                     name: O,
                     onSuccess: u
                   })
                 })
               })]
-            }, d);
+            }, f);
           })
         })]
       })]
@@ -1995,14 +2029,14 @@ function St({
   });
 }
 export {
-  St as APIKeyList,
-  bt as AccountList,
-  st as AddAPIKey,
-  rt as AddAccount,
-  Xr as AddDataSource,
-  vt as DataSourceList,
-  ct as DeleteAPIKey,
-  tt as DeleteAccount,
-  Qr as DeleteDataSource,
-  wt as Login
+  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
 };