@compill/admin 1.0.92 → 1.0.94

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var tslib = require('tslib');
 var jsxRuntime = require('@soperio/jsx-runtime');
 var api = require('@compill/api');
@@ -28,12 +26,6 @@ var reactQuery = require('@tanstack/react-query');
 var Image = require('next/image');
 var auth = require('@compill/auth');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Link__default = /*#__PURE__*/_interopDefaultLegacy(Link);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Image__default = /*#__PURE__*/_interopDefaultLegacy(Image);
-
 function SectionTitle(_a) {
   var {
       children
@@ -70,20 +62,8 @@ var mdiPublish = "M5,4V6H19V4H5M5,14H9V20H15V14H19L12,7L5,14Z";
 var mdiPublishOff = "M20.8 22.7L15 16.9V20H9V14H5L8.6 10.4L1.1 3L2.4 1.7L22.1 21.4L20.8 22.7M19 6V4H7.2L9.2 6H19M17.2 14H19L12 7L11.1 7.9L17.2 14Z";
 var mdiRefresh = "M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z";
 
-function noop() { }
-
-function isPlainObject(value) {
-    if (!value || typeof value !== 'object') {
-        return false;
-    }
-    const proto = Object.getPrototypeOf(value);
-    const hasObjectPrototype = proto === null ||
-        proto === Object.prototype ||
-        Object.getPrototypeOf(proto) === null;
-    if (!hasObjectPrototype) {
-        return false;
-    }
-    return Object.prototype.toString.call(value) === '[object Object]';
+function eq(value, other) {
+    return value === other || (Number.isNaN(value) && Number.isNaN(other));
 }
 
 function getSymbols(object) {
@@ -124,8 +104,22 @@ const bigInt64ArrayTag = '[object BigInt64Array]';
 const float32ArrayTag = '[object Float32Array]';
 const float64ArrayTag = '[object Float64Array]';
 
-function eq(value, other) {
-    return value === other || (Number.isNaN(value) && Number.isNaN(other));
+function isArray(value) {
+    return Array.isArray(value);
+}
+
+function isPlainObject(value) {
+    if (!value || typeof value !== 'object') {
+        return false;
+    }
+    const proto = Object.getPrototypeOf(value);
+    const hasObjectPrototype = proto === null ||
+        proto === Object.prototype ||
+        Object.getPrototypeOf(proto) === null;
+    if (!hasObjectPrototype) {
+        return false;
+    }
+    return Object.prototype.toString.call(value) === '[object Object]';
 }
 
 function isEqualWith(a, b, areValuesEqual) {
@@ -306,6 +300,8 @@ function areObjectsEqual(a, b, stack, areValuesEqual) {
     }
 }
 
+function noop() { }
+
 function isEqual(a, b) {
     return isEqualWith(a, b, noop);
 }
@@ -314,10 +310,6 @@ function capitalize(str) {
     return (str.charAt(0).toUpperCase() + str.slice(1).toLowerCase());
 }
 
-function isArray(value) {
-    return Array.isArray(value);
-}
-
 function Breadcrumbs(_a) {
   var {
       breadcrumbs
@@ -391,7 +383,7 @@ function BreadcrumbItem({
     children: [showSeparator && jsxRuntime.jsx(ui.Icon, {
       path: mdiCircleSmall,
       mx: "1"
-    }), jsxRuntime.jsx(Link__default["default"], {
+    }), jsxRuntime.jsx(Link, {
       href: `/${breadcrumb.path || "#"}`,
       children: jsxRuntime.jsx("span", {
         // onClick={breadcrumb.path ? handleClick : undefined}
@@ -408,13 +400,13 @@ function DialogButton(_a) {
       buildDialog
     } = _a,
     props = tslib.__rest(_a, ["buildDialog"]);
-  const [showDialog, setShowDialog] = React__default["default"].useState(false);
-  const onShowDialog = React__default["default"].useCallback(event => {
+  const [showDialog, setShowDialog] = React.useState(false);
+  const onShowDialog = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
     setShowDialog(true);
   }, [setShowDialog]);
-  const onCloseDialog = React__default["default"].useCallback(() => {
+  const onCloseDialog = React.useCallback(() => {
     setShowDialog(false);
   }, [setShowDialog]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -441,7 +433,7 @@ function ButtonBar(_a) {
     children: children
   }));
 }
-const ButtonBarButton = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
+const ButtonBarButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var {
       icon,
       children
@@ -464,7 +456,7 @@ const ButtonBarButton = /*#__PURE__*/React__default["default"].forwardRef(functi
     }), children]
   }));
 });
-const ButtonBarSubmitButton = /*#__PURE__*/React__default["default"].forwardRef(function (_a, ref) {
+const ButtonBarSubmitButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _b;
   var {
       useDirty,
@@ -478,10 +470,8 @@ const ButtonBarSubmitButton = /*#__PURE__*/React__default["default"].forwardRef(
     handleSubmit
   } = (_b = formik.useFormikContext()) !== null && _b !== void 0 ? _b : {
     dirty: false,
-    handleSubmit: undefined,
-    values: {}
-  };
-  const onSubmit = React__default["default"].useCallback(() => handleSubmit(), [handleSubmit]);
+    handleSubmit: undefined};
+  const onSubmit = React.useCallback(() => handleSubmit(), [handleSubmit]);
   return jsxRuntime.jsxs(ui.Button, Object.assign({
     scheme: "dark",
     size: "sm",
@@ -548,7 +538,7 @@ function NavigateButton(_a) {
     } = _a,
     props = tslib.__rest(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
-  const handleClick = React__default["default"].useCallback(() => {
+  const handleClick = React.useCallback(() => {
     navigate(path);
   }, [navigate, path]);
   return jsxRuntime.jsx(ui.Button, Object.assign({
@@ -577,7 +567,7 @@ function PublishButton(_a) {
   const mutation = api.useInvalidateMutation(isDraft ? api$1.publish : api$1.unpublish, api$1.queryKey, queryId, {
     networkMode: "always"
   });
-  const publish = React__default["default"].useCallback(() => {
+  const publish = React.useCallback(() => {
     mutation.reset();
     mutation.mutateAsync(queryId).then(() => reactToastify.toast.success(isDraft ? "Published!" : "Unpublished!")).catch(error => reactToastify.toast.error(`Error: ${error}`));
   }, [mutation, queryId]);
@@ -590,391 +580,238 @@ function PublishButton(_a) {
   }));
 }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var reservedModifierKeywords = ['shift', 'alt', 'meta', 'mod', 'ctrl'];
-var mappedKeys = {
-  esc: 'escape',
-  "return": 'enter',
-  '.': 'period',
-  ',': 'comma',
-  '-': 'slash',
-  ' ': 'space',
-  '`': 'backquote',
-  '#': 'backslash',
-  '+': 'bracketright',
-  ShiftLeft: 'shift',
-  ShiftRight: 'shift',
-  AltLeft: 'alt',
-  AltRight: 'alt',
-  MetaLeft: 'meta',
-  MetaRight: 'meta',
-  OSLeft: 'meta',
-  OSRight: 'meta',
-  ControlLeft: 'ctrl',
-  ControlRight: 'ctrl'
+const j = ["shift", "alt", "meta", "mod", "ctrl", "control"], Q = {
+  esc: "escape",
+  return: "enter",
+  left: "arrowleft",
+  right: "arrowright",
+  up: "arrowup",
+  down: "arrowdown",
+  ShiftLeft: "shift",
+  ShiftRight: "shift",
+  AltLeft: "alt",
+  AltRight: "alt",
+  MetaLeft: "meta",
+  MetaRight: "meta",
+  OSLeft: "meta",
+  OSRight: "meta",
+  ControlLeft: "ctrl",
+  ControlRight: "ctrl"
 };
-function mapKey(key) {
-  return (mappedKeys[key] || key).trim().toLowerCase().replace(/key|digit|numpad|arrow/, '');
-}
-function isHotkeyModifier(key) {
-  return reservedModifierKeywords.includes(key);
-}
-function parseKeysHookInput(keys, splitKey) {
-  if (splitKey === void 0) {
-    splitKey = ',';
-  }
-  return keys.split(splitKey);
-}
-function parseHotkey(hotkey, combinationKey, description) {
-  if (combinationKey === void 0) {
-    combinationKey = '+';
-  }
-  var keys = hotkey.toLocaleLowerCase().split(combinationKey).map(function (k) {
-    return mapKey(k);
-  });
-  var modifiers = {
-    alt: keys.includes('alt'),
-    ctrl: keys.includes('ctrl') || keys.includes('control'),
-    shift: keys.includes('shift'),
-    meta: keys.includes('meta'),
-    mod: keys.includes('mod')
+function K(e) {
+  return (Q[e.trim()] || e.trim()).toLowerCase().replace(/key|digit|numpad/, "");
+}
+function D(e) {
+  return j.includes(e);
+}
+function H(e, r = ",") {
+  return e.toLowerCase().split(r);
+}
+function P(e, r = "+", o = ">", i = false, u) {
+  let n = [], c = false;
+  e = e.trim(), e.includes(o) ? (c = true, n = e.toLocaleLowerCase().split(o).map((f) => K(f))) : n = e.toLocaleLowerCase().split(r).map((f) => K(f));
+  const y = {
+    alt: n.includes("alt"),
+    ctrl: n.includes("ctrl") || n.includes("control"),
+    shift: n.includes("shift"),
+    meta: n.includes("meta"),
+    mod: n.includes("mod"),
+    useKey: i
+  }, d = n.filter((f) => !j.includes(f));
+  return {
+    ...y,
+    keys: d,
+    description: u,
+    isSequence: c,
+    hotkey: e
   };
-  var singleCharKeys = keys.filter(function (k) {
-    return !reservedModifierKeywords.includes(k);
-  });
-  return _extends({}, modifiers, {
-    keys: singleCharKeys,
-    description: description
-  });
-}
-
-(function () {
-  if (typeof document !== 'undefined') {
-    document.addEventListener('keydown', function (e) {
-      if (e.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      pushToCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);
-    });
-    document.addEventListener('keyup', function (e) {
-      if (e.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      removeFromCurrentlyPressedKeys([mapKey(e.key), mapKey(e.code)]);
-    });
-  }
-  if (typeof window !== 'undefined') {
-    window.addEventListener('blur', function () {
-      currentlyPressedKeys.clear();
-    });
-  }
-})();
-var currentlyPressedKeys = /*#__PURE__*/new Set();
-// https://github.com/microsoft/TypeScript/issues/17002
-function isReadonlyArray(value) {
-  return Array.isArray(value);
-}
-function isHotkeyPressed(key, splitKey) {
-  if (splitKey === void 0) {
-    splitKey = ',';
-  }
-  var hotkeyArray = isReadonlyArray(key) ? key : key.split(splitKey);
-  return hotkeyArray.every(function (hotkey) {
-    return currentlyPressedKeys.has(hotkey.trim().toLowerCase());
-  });
-}
-function pushToCurrentlyPressedKeys(key) {
-  var hotkeyArray = Array.isArray(key) ? key : [key];
-  /*
-  Due to a weird behavior on macOS we need to clear the set if the user pressed down the meta key and presses another key.
-  https://stackoverflow.com/questions/11818637/why-does-javascript-drop-keyup-events-when-the-metakey-is-pressed-on-mac-browser
-  Otherwise the set will hold all ever pressed keys while the meta key is down which leads to wrong results.
-   */
-  if (currentlyPressedKeys.has('meta')) {
-    currentlyPressedKeys.forEach(function (key) {
-      return !isHotkeyModifier(key) && currentlyPressedKeys["delete"](key.toLowerCase());
-    });
-  }
-  hotkeyArray.forEach(function (hotkey) {
-    return currentlyPressedKeys.add(hotkey.toLowerCase());
-  });
-}
-function removeFromCurrentlyPressedKeys(key) {
-  var hotkeyArray = Array.isArray(key) ? key : [key];
-  /*
-  Due to a weird behavior on macOS we need to clear the set if the user pressed down the meta key and presses another key.
-  https://stackoverflow.com/questions/11818637/why-does-javascript-drop-keyup-events-when-the-metakey-is-pressed-on-mac-browser
-  Otherwise the set will hold all ever pressed keys while the meta key is down which leads to wrong results.
-   */
-  if (key === 'meta') {
-    currentlyPressedKeys.clear();
-  } else {
-    hotkeyArray.forEach(function (hotkey) {
-      return currentlyPressedKeys["delete"](hotkey.toLowerCase());
-    });
-  }
-}
-
-function maybePreventDefault(e, hotkey, preventDefault) {
-  if (typeof preventDefault === 'function' && preventDefault(e, hotkey) || preventDefault === true) {
-    e.preventDefault();
-  }
 }
-function isHotkeyEnabled(e, hotkey, enabled) {
-  if (typeof enabled === 'function') {
-    return enabled(e, hotkey);
-  }
-  return enabled === true || enabled === undefined;
-}
-function isKeyboardEventTriggeredByInput(ev) {
-  return isHotkeyEnabledOnTag(ev, ['input', 'textarea', 'select']);
-}
-function isHotkeyEnabledOnTag(_ref, enabledOnTags) {
-  var target = _ref.target;
-  if (enabledOnTags === void 0) {
-    enabledOnTags = false;
-  }
-  var targetTagName = target && target.tagName;
-  if (isReadonlyArray(enabledOnTags)) {
-    return Boolean(targetTagName && enabledOnTags && enabledOnTags.some(function (tag) {
-      return tag.toLowerCase() === targetTagName.toLowerCase();
-    }));
-  }
-  return Boolean(targetTagName && enabledOnTags && enabledOnTags === true);
-}
-function isScopeActive(activeScopes, scopes) {
-  if (activeScopes.length === 0 && scopes) {
-    console.warn('A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>');
+typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.code !== void 0 && I([K(e.code)]);
+}), document.addEventListener("keyup", (e) => {
+  e.code !== void 0 && _([K(e.code)]);
+})), typeof window < "u" && (window.addEventListener("blur", () => {
+  L.clear();
+}), window.addEventListener("contextmenu", () => {
+  setTimeout(() => {
+    L.clear();
+  }, 0);
+}));
+const L = /* @__PURE__ */ new Set();
+function R(e) {
+  return Array.isArray(e);
+}
+function U(e, r = ",") {
+  return (R(e) ? e : e.split(r)).every((i) => L.has(i.trim().toLowerCase()));
+}
+function I(e) {
+  const r = Array.isArray(e) ? e : [e];
+  L.has("meta") && L.forEach((o) => !D(o) && L.delete(o.toLowerCase())), r.forEach((o) => L.add(o.toLowerCase()));
+}
+function _(e) {
+  const r = Array.isArray(e) ? e : [e];
+  e === "meta" ? L.clear() : r.forEach((o) => L.delete(o.toLowerCase()));
+}
+function V(e, r, o) {
+  (typeof o == "function" && o(e, r) || o === true) && e.preventDefault();
+}
+function X(e, r, o) {
+  return typeof o == "function" ? o(e, r) : o === true || o === void 0;
+}
+const Y = [
+  "input",
+  "textarea",
+  "select",
+  "searchbox",
+  "slider",
+  "spinbutton",
+  "menuitem",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "radio",
+  "textbox"
+];
+function Z(e) {
+  return F(e, Y);
+}
+function F(e, r = false) {
+  const { target: o, composed: i } = e;
+  let u, n;
+  return ee(o) && i ? (u = e.composedPath()[0] && e.composedPath()[0].tagName, n = e.composedPath()[0] && e.composedPath()[0].role) : (u = o && o.tagName, n = o && o.role), R(r) ? !!(u && r && r.some((c) => c.toLowerCase() === u.toLowerCase() || c === n)) : !!(u && r && r);
+}
+function ee(e) {
+  return !!e.tagName && !e.tagName.startsWith("-") && e.tagName.includes("-");
+}
+function te(e, r) {
+  return e.length === 0 && r ? (console.warn(
+    'A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'
+  ), true) : r ? e.some((o) => r.includes(o)) || e.includes("*") : true;
+}
+const re = (e, r, o = false) => {
+  const { alt: i, meta: u, mod: n, shift: c, ctrl: y, keys: d, useKey: f } = r, { code: p, key: t, ctrlKey: a, metaKey: l, shiftKey: g, altKey: k } = e, m = K(p);
+  if (f && d?.length === 1 && d.includes(t))
     return true;
-  }
-  if (!scopes) {
-    return true;
-  }
-  return activeScopes.some(function (scope) {
-    return scopes.includes(scope);
-  }) || activeScopes.includes('*');
-}
-var isHotkeyMatchingKeyboardEvent = function isHotkeyMatchingKeyboardEvent(e, hotkey, ignoreModifiers) {
-  if (ignoreModifiers === void 0) {
-    ignoreModifiers = false;
-  }
-  var alt = hotkey.alt,
-    meta = hotkey.meta,
-    mod = hotkey.mod,
-    shift = hotkey.shift,
-    ctrl = hotkey.ctrl,
-    keys = hotkey.keys;
-  var pressedKeyUppercase = e.key,
-    code = e.code,
-    ctrlKey = e.ctrlKey,
-    metaKey = e.metaKey,
-    shiftKey = e.shiftKey,
-    altKey = e.altKey;
-  var keyCode = mapKey(code);
-  var pressedKey = pressedKeyUppercase.toLowerCase();
-  if (!(keys != null && keys.includes(keyCode)) && !(keys != null && keys.includes(pressedKey)) && !['ctrl', 'control', 'unknown', 'meta', 'alt', 'shift', 'os'].includes(keyCode)) {
+  if (!d?.includes(m) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(m))
     return false;
-  }
-  if (!ignoreModifiers) {
-    // We check the pressed keys for compatibility with the keyup event. In keyup events the modifier flags are not set.
-    if (alt === !altKey && pressedKey !== 'alt') {
-      return false;
-    }
-    if (shift === !shiftKey && pressedKey !== 'shift') {
+  if (!o) {
+    if (i !== k && m !== "alt" || c !== g && m !== "shift")
       return false;
-    }
-    // Mod is a special key name that is checking for meta on macOS and ctrl on other platforms
-    if (mod) {
-      if (!metaKey && !ctrlKey) {
-        return false;
-      }
-    } else {
-      if (meta === !metaKey && pressedKey !== 'meta' && pressedKey !== 'os') {
+    if (n) {
+      if (!l && !a)
         return false;
-      }
-      if (ctrl === !ctrlKey && pressedKey !== 'ctrl' && pressedKey !== 'control') {
-        return false;
-      }
-    }
-  }
-  // All modifiers are correct, now check the key
-  // If the key is set, we check for the key
-  if (keys && keys.length === 1 && (keys.includes(pressedKey) || keys.includes(keyCode))) {
-    return true;
-  } else if (keys) {
-    // Check if all keys are present in pressedDownKeys set
-    return isHotkeyPressed(keys);
-  } else if (!keys) {
-    // If the key is not set, we only listen for modifiers, that check went alright, so we return true
-    return true;
+    } else if (u !== l && m !== "meta" && m !== "os" || y !== a && m !== "ctrl" && m !== "control")
+      return false;
   }
-  // There is nothing that matches.
-  return false;
-};
-
-var BoundHotkeysProxyProvider = /*#__PURE__*/React.createContext(undefined);
-var useBoundHotkeysProxy = function useBoundHotkeysProxy() {
-  return React.useContext(BoundHotkeysProxyProvider);
-};
-
-function deepEqual(x, y) {
-  //@ts-ignore
-  return x && y && typeof x === 'object' && typeof y === 'object' ? Object.keys(x).length === Object.keys(y).length &&
-  //@ts-ignore
-  Object.keys(x).reduce(function (isEqual, key) {
-    return isEqual && deepEqual(x[key], y[key]);
-  }, true) : x === y;
+  return d && d.length === 1 && d.includes(m) ? true : d ? U(d) : !d;
+}, $ = React.createContext(void 0), oe = () => React.useContext($);
+function x(e, r) {
+  return e && r && typeof e == "object" && typeof r == "object" ? Object.keys(e).length === Object.keys(r).length && // @ts-expect-error TS7053
+  Object.keys(e).reduce((o, i) => o && x(e[i], r[i]), true) : e === r;
 }
-
-var HotkeysContext = /*#__PURE__*/React.createContext({
+const W = React.createContext({
   hotkeys: [],
-  enabledScopes: [],
-  toggleScope: function toggleScope() {},
-  enableScope: function enableScope() {},
-  disableScope: function disableScope() {}
-});
-var useHotkeysContext = function useHotkeysContext() {
-  return React.useContext(HotkeysContext);
-};
-
-function useDeepEqualMemo(value) {
-  var ref = React.useRef(undefined);
-  if (!deepEqual(ref.current, value)) {
-    ref.current = value;
-  }
-  return ref.current;
-}
-
-var stopPropagation = function stopPropagation(e) {
-  e.stopPropagation();
-  e.preventDefault();
-  e.stopImmediatePropagation();
-};
-var useSafeLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-function useHotkeys(keys, callback, options, dependencies) {
-  var ref = React.useRef(null);
-  var hasTriggeredRef = React.useRef(false);
-  var _options = !(options instanceof Array) ? options : !(dependencies instanceof Array) ? dependencies : undefined;
-  var _keys = isReadonlyArray(keys) ? keys.join(_options == null ? void 0 : _options.splitKey) : keys;
-  var _deps = options instanceof Array ? options : dependencies instanceof Array ? dependencies : undefined;
-  var memoisedCB = React.useCallback(callback, _deps != null ? _deps : []);
-  var cbRef = React.useRef(memoisedCB);
-  if (_deps) {
-    cbRef.current = memoisedCB;
-  } else {
-    cbRef.current = callback;
+  activeScopes: [],
+  // This array has to be empty instead of containing '*' as default, to check if the provider is set or not
+  toggleScope: () => {
+  },
+  enableScope: () => {
+  },
+  disableScope: () => {
   }
-  var memoisedOptions = useDeepEqualMemo(_options);
-  var _useHotkeysContext = useHotkeysContext(),
-    enabledScopes = _useHotkeysContext.enabledScopes;
-  var proxy = useBoundHotkeysProxy();
-  useSafeLayoutEffect(function () {
-    if ((memoisedOptions == null ? void 0 : memoisedOptions.enabled) === false || !isScopeActive(enabledScopes, memoisedOptions == null ? void 0 : memoisedOptions.scopes)) {
+}), se = () => React.useContext(W);
+function ie(e) {
+  const r = React.useRef(void 0);
+  return x(r.current, e) || (r.current = e), r.current;
+}
+const N = (e) => {
+  e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation();
+}, ue = typeof window < "u" ? React.useLayoutEffect : React.useEffect;
+function fe(e, r, o, i) {
+  const u = React.useRef(null), n = React.useRef(false), c = Array.isArray(o) ? Array.isArray(i) ? void 0 : i : o, y = R(e) ? e.join(c?.delimiter) : e, d = Array.isArray(o) ? o : Array.isArray(i) ? i : void 0, f = React.useCallback(r, d ?? []), p = React.useRef(f);
+  d ? p.current = f : p.current = r;
+  const t = ie(c), { activeScopes: a } = se(), l = oe();
+  return ue(() => {
+    if (t?.enabled === false || !te(a, t?.scopes))
       return;
-    }
-    var listener = function listener(e, isKeyUp) {
-      var _e$target;
-      if (isKeyUp === void 0) {
-        isKeyUp = false;
-      }
-      if (isKeyboardEventTriggeredByInput(e) && !isHotkeyEnabledOnTag(e, memoisedOptions == null ? void 0 : memoisedOptions.enableOnFormTags)) {
-        return;
-      }
-      // TODO: SINCE THE EVENT IS NOW ATTACHED TO THE REF, THE ACTIVE ELEMENT CAN NEVER BE INSIDE THE REF. THE HOTKEY ONLY TRIGGERS IF THE
-      // REF IS THE ACTIVE ELEMENT. THIS IS A PROBLEM SINCE FOCUSED SUB COMPONENTS WON'T TRIGGER THE HOTKEY.
-      if (ref.current !== null) {
-        var rootNode = ref.current.getRootNode();
-        if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement !== ref.current && !ref.current.contains(rootNode.activeElement)) {
-          stopPropagation(e);
-          return;
-        }
-      }
-      if ((_e$target = e.target) != null && _e$target.isContentEditable && !(memoisedOptions != null && memoisedOptions.enableOnContentEditable)) {
-        return;
-      }
-      parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function (key) {
-        var _hotkey$keys;
-        var hotkey = parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey);
-        if (isHotkeyMatchingKeyboardEvent(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.ignoreModifiers) || (_hotkey$keys = hotkey.keys) != null && _hotkey$keys.includes('*')) {
-          if (memoisedOptions != null && memoisedOptions.ignoreEventWhen != null && memoisedOptions.ignoreEventWhen(e)) {
+    let g = [], k;
+    const m = (s, B = false) => {
+      if (!(Z(s) && !F(s, t?.enableOnFormTags))) {
+        if (u.current !== null) {
+          const v = u.current.getRootNode();
+          if ((v instanceof Document || v instanceof ShadowRoot) && v.activeElement !== u.current && !u.current.contains(v.activeElement)) {
+            N(s);
             return;
           }
-          if (isKeyUp && hasTriggeredRef.current) {
-            return;
-          }
-          maybePreventDefault(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.preventDefault);
-          if (!isHotkeyEnabled(e, hotkey, memoisedOptions == null ? void 0 : memoisedOptions.enabled)) {
-            stopPropagation(e);
+        }
+        s.target?.isContentEditable && !t?.enableOnContentEditable || H(y, t?.delimiter).forEach((v) => {
+          if (v.includes(t?.splitKey ?? "+") && v.includes(t?.sequenceSplitKey ?? ">")) {
+            console.warn(
+              `Hotkey ${v} contains both ${t?.splitKey ?? "+"} and ${t?.sequenceSplitKey ?? ">"} which is not supported.`
+            );
             return;
           }
-          // Execute the user callback for that hotkey
-          cbRef.current(e, hotkey);
-          if (!isKeyUp) {
-            hasTriggeredRef.current = true;
+          const h = P(
+            v,
+            t?.splitKey,
+            t?.sequenceSplitKey,
+            t?.useKey,
+            t?.description
+          );
+          if (h.isSequence) {
+            k = setTimeout(() => {
+              g = [];
+            }, t?.sequenceTimeoutMs ?? 1e3);
+            const C = h.useKey ? s.key : K(s.code);
+            if (D(C.toLowerCase()))
+              return;
+            g.push(C);
+            const G = h.keys?.[g.length - 1];
+            if (C !== G) {
+              g = [], k && clearTimeout(k);
+              return;
+            }
+            g.length === h.keys?.length && (p.current(s, h), k && clearTimeout(k), g = []);
+          } else if (re(s, h, t?.ignoreModifiers) || h.keys?.includes("*")) {
+            if (t?.ignoreEventWhen?.(s) || B && n.current)
+              return;
+            if (V(s, h, t?.preventDefault), !X(s, h, t?.enabled)) {
+              N(s);
+              return;
+            }
+            p.current(s, h), B || (n.current = true);
           }
-        }
-      });
-    };
-    var handleKeyDown = function handleKeyDown(event) {
-      if (event.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      pushToCurrentlyPressedKeys(mapKey(event.code));
-      if ((memoisedOptions == null ? void 0 : memoisedOptions.keydown) === undefined && (memoisedOptions == null ? void 0 : memoisedOptions.keyup) !== true || memoisedOptions != null && memoisedOptions.keydown) {
-        listener(event);
-      }
-    };
-    var handleKeyUp = function handleKeyUp(event) {
-      if (event.key === undefined) {
-        // Synthetic event (e.g., Chrome autofill).  Ignore.
-        return;
-      }
-      removeFromCurrentlyPressedKeys(mapKey(event.code));
-      hasTriggeredRef.current = false;
-      if (memoisedOptions != null && memoisedOptions.keyup) {
-        listener(event, true);
-      }
-    };
-    var domNode = ref.current || (_options == null ? void 0 : _options.document) || document;
-    // @ts-ignore
-    domNode.addEventListener('keyup', handleKeyUp);
-    // @ts-ignore
-    domNode.addEventListener('keydown', handleKeyDown);
-    if (proxy) {
-      parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function (key) {
-        return proxy.addHotkey(parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey, memoisedOptions == null ? void 0 : memoisedOptions.description));
-      });
-    }
-    return function () {
-      // @ts-ignore
-      domNode.removeEventListener('keyup', handleKeyUp);
-      // @ts-ignore
-      domNode.removeEventListener('keydown', handleKeyDown);
-      if (proxy) {
-        parseKeysHookInput(_keys, memoisedOptions == null ? void 0 : memoisedOptions.splitKey).forEach(function (key) {
-          return proxy.removeHotkey(parseHotkey(key, memoisedOptions == null ? void 0 : memoisedOptions.combinationKey, memoisedOptions == null ? void 0 : memoisedOptions.description));
         });
       }
+    }, O = (s) => {
+      s.code !== void 0 && (I(K(s.code)), (t?.keydown === void 0 && t?.keyup !== true || t?.keydown) && m(s));
+    }, q = (s) => {
+      s.code !== void 0 && (_(K(s.code)), n.current = false, t?.keyup && m(s, true));
+    }, E = u.current || c?.document || document;
+    return E.addEventListener("keyup", q, c?.eventListenerOptions), E.addEventListener("keydown", O, c?.eventListenerOptions), l && H(y, t?.delimiter).forEach(
+      (s) => l.addHotkey(
+        P(
+          s,
+          t?.splitKey,
+          t?.sequenceSplitKey,
+          t?.useKey,
+          t?.description
+        )
+      )
+    ), () => {
+      E.removeEventListener("keyup", q, c?.eventListenerOptions), E.removeEventListener("keydown", O, c?.eventListenerOptions), l && H(y, t?.delimiter).forEach(
+        (s) => l.removeHotkey(
+          P(
+            s,
+            t?.splitKey,
+            t?.sequenceSplitKey,
+            t?.useKey,
+            t?.description
+          )
+        )
+      ), g = [], k && clearTimeout(k);
     };
-  }, [_keys, memoisedOptions, enabledScopes]);
-  return ref;
+  }, [y, t, a]), u;
 }
 
 function UpdateButton(_a) {
@@ -985,10 +822,8 @@ function UpdateButton(_a) {
     handleSubmit
   } = (_b = formik.useFormikContext()) !== null && _b !== void 0 ? _b : {
     dirty: false,
-    handleSubmit: undefined,
-    values: {}
-  };
-  useHotkeys('ctrl+s', () => {
+    handleSubmit: undefined};
+  fe('ctrl+s', () => {
     if (dirty && !props.disabled) handleSubmit();
   }, {
     preventDefault: true
@@ -1007,14 +842,10 @@ function ViewButton(_a) {
       icon
     } = _a,
     props = tslib.__rest(_a, ["label", "path", "icon"]);
-  const openPage = React__default["default"].useCallback(() => {
+  const openPage = React.useCallback(() => {
     window.open(path, '_blank');
   }, [path]);
   return jsxRuntime.jsx(admin.ButtonBarButton, Object.assign({
-    type: "submit",
-    scheme: "dark",
-    variant: "glass",
-    size: "md",
     onClick: openPage,
     dflex: true,
     alignItems: "center",
@@ -1035,13 +866,13 @@ function OrderCell({
 }) {
   const mutationDown = api.useInvalidateMutation(api$1.moveDown, api$1.queryKey);
   const mutationUp = api.useInvalidateMutation(api$1.moveUp, api$1.queryKey);
-  const moveDown = React__default["default"].useCallback(e => {
+  const moveDown = React.useCallback(e => {
     e.stopPropagation();
     mutationDown.mutateAsync(postId).catch(error => {
       reactToastify.toast.error(`Error: ${error}`);
     });
   }, [mutationDown, postId]);
-  const moveUp = React__default["default"].useCallback(e => {
+  const moveUp = React.useCallback(e => {
     e.stopPropagation();
     mutationUp.mutateAsync(postId).catch(error => {
       reactToastify.toast.error(`Error: ${error}`);
@@ -1147,7 +978,7 @@ function PageQueryStateContainerInner(_a) {
     children: apiFn == "get" ? children(data) : children(data)
   }));
 }
-const PageQueryStateContainer = /*#__PURE__*/React__default["default"].forwardRef(PageQueryStateContainerInner);
+const PageQueryStateContainer = /*#__PURE__*/React.forwardRef(PageQueryStateContainerInner);
 
 function PageSidebar(_a) {
   var {
@@ -1217,7 +1048,7 @@ const [CP, usePageTabbedTopBarContext] = react.createContext();
 function PageTabbedTopBarProvider({
   children
 }) {
-  const [containerEl, setContainerEl] = React__default["default"].useState(null);
+  const [containerEl, setContainerEl] = React.useState(null);
   return jsxRuntime.jsx(CP, {
     value: {
       containerEl,
@@ -1233,12 +1064,12 @@ function PageTabbedTopBar(_a) {
       children
     } = _a,
     props = tslib.__rest(_a, ["title", "breadcrumbs", "children"]);
-  const ref = /*#__PURE__*/React__default["default"].createRef();
+  const ref = /*#__PURE__*/React.createRef();
   const {
     setContainerEl
   } = usePageTabbedTopBarContext();
-  const [isSet, setIsSet] = React__default["default"].useState(false);
-  React__default["default"].useEffect(() => {
+  const [isSet, setIsSet] = React.useState(false);
+  React.useEffect(() => {
     if (!isSet && ref.current) {
       setContainerEl(ref.current);
       setIsSet(true);
@@ -1272,14 +1103,14 @@ function PageTopBarToolbar({
   const {
     containerEl
   } = usePageTabbedTopBarContext();
-  const [visible, setVisible] = React__default["default"].useState(false);
-  const portal = React__default["default"].useMemo(() => {
+  const [visible, setVisible] = React.useState(false);
+  const portal = React.useMemo(() => {
     const node = containerEl; //?.ownerDocument.createElement("div")
     // if (node) node.className = PORTAL_CLASSNAME
     return node;
   }, [containerEl]);
   const host = containerEl !== null && containerEl !== void 0 ? containerEl : typeof window !== "undefined" ? document.body : undefined;
-  React__default["default"].useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     if (!portal || !host) return;
     try {
       if (visible) host.appendChild(portal);else host.removeChild(portal);
@@ -1290,11 +1121,11 @@ function PageTopBarToolbar({
       } catch (e) {}
     };
   }, [visible, portal, host]);
-  const callback = React__default["default"].useCallback(entries => {
+  const callback = React.useCallback(entries => {
     // @ts-ignore
     setVisible(entries[0].isVisible);
   }, [children]);
-  React__default["default"].useEffect(() => {
+  React.useEffect(() => {
     const opts = {
       root: null,
       rootMargin: '0px',
@@ -1348,7 +1179,7 @@ function Buttons$1({
 }) {
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [buttonBar && buttonBar.length > 0 && jsxRuntime.jsx(admin.ButtonBar, {
-      children: buttonBar.map((button, index) => jsxRuntime.jsxs(React__default["default"].Fragment, {
+      children: buttonBar.map((button, index) => jsxRuntime.jsxs(React.Fragment, {
         children: [button.type === "link" && jsxRuntime.jsx(ViewButton, {
           label: button.label,
           path: button.path,
@@ -1391,7 +1222,7 @@ function DetailsView(_a) {
     } = _a,
     props = tslib.__rest(_a, ["queryField", "api", "useNextRouter", "processInput", "screen", "tabbed"]);
   const id = useQueryField(queryField, useNextRouter);
-  const ref = React__default["default"].useRef(null);
+  const ref = React.useRef(null);
   return jsxRuntime.jsx(PageQueryStateContainer, Object.assign({
     api: api,
     apiFn: "get",
@@ -1565,7 +1396,7 @@ function QueryWrapper(_a) {
   const {
     data
   } = api.useApiQuery(mApi.queryKey, fn === "get" || fn === "getTransformed" ? mApi.get : mApi.getAll, react.isFunction(api$1) ? undefined : id);
-  const transformedData = React__default["default"].useMemo(() => {
+  const transformedData = React.useMemo(() => {
     if (data && (fn === "getTransformed" || fn === "getAllTransformed")) {
       if (!transformFn) console.warn(`QueryWrapperDialog: you forgot to pass transformFn as parameter for fn ${fn}`);
       return transformFn === null || transformFn === void 0 ? void 0 : transformFn(data);
@@ -1641,11 +1472,11 @@ function TableContainerContextProvider({
   children
 }) {
   var _a, _b;
-  const [showFilters, setShowFilters] = React__default["default"].useState(false);
-  const [showMassActions, setShowMassActions] = React__default["default"].useState(false);
-  const [visibleColumnIds, setVisibleColumnIds] = React__default["default"].useState((_a = initialVisibleColumns !== null && initialVisibleColumns !== void 0 ? initialVisibleColumns : columns === null || columns === void 0 ? void 0 : columns.map(col => getColId(col))) !== null && _a !== void 0 ? _a : []);
+  const [showFilters, setShowFilters] = React.useState(false);
+  const [showMassActions, setShowMassActions] = React.useState(false);
+  const [visibleColumnIds, setVisibleColumnIds] = React.useState((_a = initialVisibleColumns !== null && initialVisibleColumns !== void 0 ? initialVisibleColumns : columns === null || columns === void 0 ? void 0 : columns.map(col => getColId(col))) !== null && _a !== void 0 ? _a : []);
   const filteredColumns = (_b = columns === null || columns === void 0 ? void 0 : columns.filter(col => visibleColumnIds.includes(getColId(col)))) !== null && _b !== void 0 ? _b : [];
-  const toggleColumnVisibility = React__default["default"].useCallback(id => {
+  const toggleColumnVisibility = React.useCallback(id => {
     const index = visibleColumnIds.indexOf(id);
     if (index > -1) {
       const newIds = visibleColumnIds.concat();
@@ -1655,7 +1486,7 @@ function TableContainerContextProvider({
       setVisibleColumnIds(visibleColumnIds.concat(id));
     }
   }, [visibleColumnIds, setVisibleColumnIds]);
-  const isColumnVisible = React__default["default"].useCallback(id => {
+  const isColumnVisible = React.useCallback(id => {
     return visibleColumnIds.includes(id);
   }, [visibleColumnIds]);
   const Provider = provider$1;
@@ -1833,18 +1664,18 @@ function TableFilters({
     getFilters,
     setFilters
   } = table.useTableContext();
-  const handleSubmit = React__default["default"].useCallback((values, actions) => {
+  const handleSubmit = React.useCallback((values, actions) => {
     var _a;
     const params = (_a = processInput === null || processInput === void 0 ? void 0 : processInput(values)) !== null && _a !== void 0 ? _a : values;
     if (!isEqual(params, getFilters())) setFilters(params);
     // setFilters(processInput?.(values) ?? values)
     actions.setSubmitting(false);
   }, [setFilters, processInput]);
-  const handleReset = React__default["default"].useCallback(resetForm => {
+  const handleReset = React.useCallback(resetForm => {
     setFilters(initialValues);
     resetForm();
   }, [setFilters, initialValues]);
-  React__default["default"].useEffect(() => setFilters(initialValues), []);
+  React.useEffect(() => setFilters(initialValues), []);
   return jsxRuntime.jsx(ui.Collapse, {
     in: showFilters,
     style: {
@@ -2012,14 +1843,14 @@ function ItemEditDialog(_a) {
     error /*, error*/,
     refetch
   } = api.useApiQuery(api$1.queryKey, api$1.get, queryId, Object.assign({
-    enabled: !( /*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined),
+    enabled: !(/*queryId == 0 || */queryId == "" || queryId == null || queryId == undefined),
     onError: onFetchError
   }, queryFetchOptions));
   // const [activeTab, setActiveTab] = React.useState(form && Array.isArray(form) ? form[0].key : "");
   // const [showTab, setShowTab] = React.useState(true);
   const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(api$1.upsert, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey, querySaveOptions) : api.useApiMutation(api$1.upsert, api$1.queryKey, queryId, querySaveOptions);
-  const retry = React__default["default"].useCallback(() => refetch(), [refetch]);
-  const saveItem = React__default["default"].useCallback((item, actions) => tslib.__awaiter(this, void 0, void 0, function* () {
+  const retry = React.useCallback(() => refetch(), [refetch]);
+  const saveItem = React.useCallback((item, actions) => tslib.__awaiter(this, void 0, void 0, function* () {
     // Clear mutation error if any
     mutation.reset();
     const formItem = formToQueryData ? formToQueryData(item) : Object.assign({}, item);
@@ -2089,7 +1920,7 @@ function ItemEditDialog(_a) {
           children: [jsxRuntime.jsx(ui.Modal.Body, {
             pb: "6",
             children: jsxRuntime.jsxs(formik.Form, {
-              children: [/*#__PURE__*/React__default["default"].isValidElement(form$1) && form$1, Array.isArray(form$1) && jsxRuntime.jsx(form.FormRenderer, {
+              children: [/*#__PURE__*/React.isValidElement(form$1) && form$1, Array.isArray(form$1) && jsxRuntime.jsx(form.FormRenderer, {
                 form: form$1
               }), react.isFunction(form$1) && jsxRuntime.jsx(form.FormRenderer, {
                 form: form$1(data !== null && data !== void 0 ? data : values)
@@ -2135,7 +1966,7 @@ function QueryWrapperDialog({
     refetchOnMount: false,
     refetchOnWindowFocus: false
   });
-  const transformedData = React__default["default"].useMemo(() => {
+  const transformedData = React.useMemo(() => {
     if (data && (fn === "getTransformed" || fn === "getAllTransformed")) {
       if (!transformFn) console.warn(`QueryWrapperDialog: you forgot to pass transformFn as parameter for fn ${fn}`);
       // @ts-ignore
@@ -2172,7 +2003,7 @@ function MultiQueryWrapperDialog({
       staleTime: q.cache === false ? 0 : undefined
     }
   })));
-  const transformedData = React__default["default"].useMemo(() => {
+  const transformedData = React.useMemo(() => {
     return data === null || data === void 0 ? void 0 : data.map((d, index) => {
       var _a, _b;
       return queries[index].transformFn ? (_b = (_a = queries[index]) === null || _a === void 0 ? void 0 : _a.transformFn) === null || _b === void 0 ? void 0 : _b.call(_a, d) : d;
@@ -2199,7 +2030,10 @@ function DialogRenderer({
   invalidateQueryKey,
   queryId
 }) {
-  const props = tslib.__rest(config, ["type"]);
+  const {
+      type
+    } = config,
+    props = tslib.__rest(config, ["type"]);
   if (config.type === "dialog") return jsxRuntime.jsx(ItemEditDialog, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
@@ -2223,7 +2057,7 @@ function RefreshButton({
   queryKey
 }) {
   const invalidate = api.useInvalidateQuery(queryKey);
-  useHotkeys('ctrl+r', () => invalidate(), {
+  fe('ctrl+r', () => invalidate(), {
     preventDefault: true
   }, [invalidate]);
   return jsxRuntime.jsx(ButtonBarButton, {
@@ -2260,7 +2094,7 @@ function ItemDeleteDialog(_a) {
   const mutate = api.useMutate(mutation, {
     onSuccess: () => onClose === null || onClose === void 0 ? void 0 : onClose()
   });
-  const handleDelete = React__default["default"].useCallback(() => mutate(queryId), [mutate, queryId]);
+  const handleDelete = React.useCallback(() => mutate(queryId), [mutate, queryId]);
   return jsxRuntime.jsxs(ui.Modal, Object.assign({
     size: size,
     show: show,
@@ -2304,9 +2138,9 @@ function TableViewProvider({
 }) {
   const openLink = hooks.useOpenLink();
   const navigate = reactRouterDom.useNavigate();
-  const [dialog, setDialog] = React__default["default"].useState(null);
-  const onCloseDialog = React__default["default"].useCallback(() => setDialog(null), [setDialog]);
-  const onAction = React__default["default"].useCallback((action, item) => {
+  const [dialog, setDialog] = React.useState(null);
+  const onCloseDialog = React.useCallback(() => setDialog(null), [setDialog]);
+  const onAction = React.useCallback((action, item) => {
     switch (action.type) {
       case "view":
         {
@@ -2447,7 +2281,7 @@ function TableRowPublishPostButton$1(_a) {
   const mutation = api.useInvalidateParentMutation(isDraft ? api$1.publish : api$1.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey, {
     networkMode: "always"
   });
-  const publish = React__default["default"].useCallback(event => {
+  const publish = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
     mutation.reset();
@@ -2481,7 +2315,7 @@ function TableRowActionsView({
     alignItems: "stretch",
     placeContent: "end",
     h: "full",
-    children: (_a = react.runIfFn(rowActions, item)) === null || _a === void 0 ? void 0 : _a.map((action, index) => jsxRuntime.jsxs(React__default["default"].Fragment, {
+    children: (_a = react.runIfFn(rowActions, item)) === null || _a === void 0 ? void 0 : _a.map((action, index) => jsxRuntime.jsxs(React.Fragment, {
       children: [action.type === "publish" && jsxRuntime.jsx(TableRowPublishPostButton$1, {
         id: item.id,
         api: api,
@@ -2505,7 +2339,7 @@ function ActionButton(_a) {
       onClick
     } = _a,
     props = tslib.__rest(_a, ["onClick"]);
-  const handleClick = React__default["default"].useCallback(event => {
+  const handleClick = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -2543,7 +2377,7 @@ function useTableProps(api, table, rowActions, queryParams) {
       columns: c
     } = table,
     props = tslib.__rest(table, ["onRowClick", "columns"]);
-  const onRowClickHandler = React__default["default"].useCallback(item => {
+  const onRowClickHandler = React.useCallback(item => {
     var _a;
     const config = react.runIfFn(onRowClick, item);
     if (config) {
@@ -2566,7 +2400,7 @@ function useTableProps(api, table, rowActions, queryParams) {
       }
     }
   }, [navigate, onRowClick]);
-  const columns = React__default["default"].useMemo(() => {
+  const columns = React.useMemo(() => {
     const columns = table.columns.concat([]);
     if (rowActions) {
       columns.push(createColumnHelper().display({
@@ -2691,7 +2525,7 @@ function TableButtonBar({
   api,
   children
 }) {
-  const createDialogFn = React__default["default"].useCallback(data => {
+  const createDialogFn = React.useCallback(data => {
     return onClose => {
       var _a;
       const view = (_a = react.runIfFn(createView, data)) !== null && _a !== void 0 ? _a : react.runIfFn(editView, null);
@@ -2708,7 +2542,7 @@ function TableButtonBar({
   return jsxRuntime.jsxs(ButtonBar, {
     children: [jsxRuntime.jsx(RefreshButton, {
       queryKey: queryKey
-    }), buttonBar && buttonBar.map((button, index) => jsxRuntime.jsxs(React__default["default"].Fragment, {
+    }), buttonBar && buttonBar.map((button, index) => jsxRuntime.jsxs(React.Fragment, {
       children: [button.type === "create" && editView && jsxRuntime.jsx(TableCreateButton, {
         buildDialog: createDialogFn(button.data),
         icon: button.icon,
@@ -2727,7 +2561,7 @@ function TableWrapper({
   queryParams
 }) {
   const tableProps = useTableProps(api, table$1, rowActions, queryParams);
-  const _subtitle = React__default["default"].useMemo(() => {
+  const _subtitle = React.useMemo(() => {
     if (!subtitle) return undefined;
     return data => {
       return jsxRuntime.jsx("div", {
@@ -2789,7 +2623,7 @@ function useQueries(queries) {
 function useInvalidate(queries) {
   const queryClient = reactQuery.useQueryClient();
   const params = reactRouterDom.useParams();
-  const invalidate = React__default["default"].useCallback(() => {
+  const invalidate = React.useCallback(() => {
     const queryKeys = [];
     queries.forEach(q => {
       if (!q.queryField || !react.isFunction(q.api)) {
@@ -2972,7 +2806,7 @@ function NextMenuItem(_a) {
   const selected = path == "/" ? pathname == "/" : pathname.startsWith(path.startsWith("/") ? path : `/${path}`);
   const match = path == "/" ? pathname == "/" : pathname == (path.startsWith("/") ? path : `/${path}`);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsxs(Link__default["default"], {
+    children: [jsxRuntime.jsxs(Link, {
       href: path,
       style: {
         position: "relative"
@@ -3048,13 +2882,13 @@ function UserBlock({
   menuConfig,
   path
 }) {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const {
     isLoading,
     user
   } = auth.useSessionUser();
   const navigate = reactRouterDom.useNavigate();
-  const handleClick = React__default["default"].useCallback(() => navigate(path), [navigate, path]);
+  const handleClick = React.useCallback(() => navigate(path), [navigate, path]);
   if (isLoading) return null;
   return jsxRuntime.jsxs("div", {
     dflex: true,
@@ -3076,7 +2910,7 @@ function UserBlock({
     }), jsxRuntime.jsx("span", {
       flexGrow: true,
       ms: "2",
-      children: `${capitalize((_d = (_c = user === null || user === void 0 ? void 0 : user.firstname) !== null && _c !== void 0 ? _c : user === null || user === void 0 ? void 0 : user.lastname) !== null && _d !== void 0 ? _d : "Jonathan")}`
+      children: `${capitalize((user === null || user === void 0 ? void 0 : user.firstname) || (user === null || user === void 0 ? void 0 : user.lastname) || "")}`
     }), jsxRuntime.jsx(ui.IconButton, {
       variant: "borderless",
       corners: "pill",
@@ -3098,7 +2932,7 @@ function OverflowMenu({
   darkMode,
   menuConfig
 }) {
-  const [showPopup, setShowPopup] = React__default["default"].useState(false);
+  const [showPopup, setShowPopup] = React.useState(false);
   const navigate = reactRouterDom.useNavigate();
   const logout = auth.useSessionLogout(false);
   return jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -3156,7 +2990,7 @@ function MenuItem(_a) {
       children
     } = _a,
     props = tslib.__rest(_a, ["icon", "onClick", "children"]);
-  const handleClick = React__default["default"].useCallback(e => {
+  const handleClick = React.useCallback(e => {
     e.preventDefault();
     e.stopPropagation();
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
@@ -3216,7 +3050,7 @@ function Sidebar(_a) {
         darkMode: darkMode
       }), jsxRuntime.jsx("h1", {
         textSize: "md",
-        children: title !== null && title !== void 0 ? title : env.AppEnv.appName()
+        children: title || env.AppEnv.appName()
       })]
     }), jsxRuntime.jsx(Menu, {
       overflowY: "auto",
@@ -3243,7 +3077,7 @@ function Logo(_a) {
     } = _a,
     props = tslib.__rest(_a, ["width", "height", "darkMode"]);
   return jsxRuntime.jsx("div", Object.assign({}, props, {
-    children: jsxRuntime.jsx(Image__default["default"], {
+    children: jsxRuntime.jsx(Image, {
       src: `/logo_${darkMode ? "light" : "dark"}.png`,
       alt: env.AppEnv.appName(),
       width: width,
@@ -3302,7 +3136,7 @@ function LeftPanel({
   userSettingsPath
 }) {
   const [isOpen, __, toggle] = hooks.useBoolean(true);
-  useHotkeys('ctrl+t', () => toggle(), [toggle]);
+  fe('ctrl+t', () => toggle(), [toggle]);
   return jsxRuntime.jsxs("div", {
     ms: isOpen ? "0" : "-14.5rem",
     transition: "all",
@@ -3376,11 +3210,11 @@ function AttachDialog(_a) {
     refetch: refetchAll,
     error: errorAll
   } = api.useApiQuery(queryFetchAllKey, queryFetchAllFn);
-  const [selectedResources, setSelectedResources] = React__default["default"].useState([]);
+  const [selectedResources, setSelectedResources] = React.useState([]);
   const isLoading = fetchLoading || fetchAllLoading;
   const isError = fetchError || fetchAllError;
   const mutation = api.useApiMutation(querySaveFn, queryKey, queryId);
-  const handleClick = React__default["default"].useCallback(event => {
+  const handleClick = React.useCallback(event => {
     var _a;
     const id = (_a = event === null || event === void 0 ? void 0 : event.currentTarget.dataset.id) !== null && _a !== void 0 ? _a : "";
     const arr = selectedResources.concat([]);
@@ -3388,11 +3222,11 @@ function AttachDialog(_a) {
     if (i != -1) arr.splice(i, 1);else arr.push(id);
     setSelectedResources(arr);
   }, [selectedResources, setSelectedResources]);
-  const retry = React__default["default"].useCallback(() => {
+  const retry = React.useCallback(() => {
     if (fetchError) refetch();
     if (fetchAllError) refetchAll();
   }, [refetch, refetchAll, fetchError, fetchAllError]);
-  const saveItem = React__default["default"].useCallback(() => {
+  const saveItem = React.useCallback(() => {
     // Clear mutation error if any
     mutation.reset();
     mutation.mutateAsync({
@@ -3409,7 +3243,7 @@ function AttachDialog(_a) {
       if (onSaveError) onSaveError();else reactToastify.toast.error(`Error adding ${itemLabel}`);
     });
   }, [mutation, queryId, onSuccess, queryClient, onSaveError, onClose]);
-  const resources = React__default["default"].useMemo(() => {
+  const resources = React.useMemo(() => {
     let r = [];
     if (attached && data) {
       r = [].concat(data);
@@ -3557,7 +3391,7 @@ function FormActionDialog(_a) {
     }, formikProps, {
       children: [jsxRuntime.jsxs(ui.Modal.Body, {
         pb: "6",
-        children: [/*#__PURE__*/React__default["default"].isValidElement(form$1) && form$1, Array.isArray(form$1) && jsxRuntime.jsx(form.FormRenderer, {
+        children: [/*#__PURE__*/React.isValidElement(form$1) && form$1, Array.isArray(form$1) && jsxRuntime.jsx(form.FormRenderer, {
           form: form$1
         })]
       }), jsxRuntime.jsxs(ui.Modal.Footer, {
@@ -3592,7 +3426,7 @@ function PageSectionTitle(_a) {
   }));
 }
 
-const PageStateContainer = /*#__PURE__*/React__default["default"].forwardRef((_a, ref) => {
+const PageStateContainer = /*#__PURE__*/React.forwardRef((_a, ref) => {
   var {
       loading = false,
       children
@@ -3691,7 +3525,7 @@ function TableRowViewButton(_a) {
       path
     } = _a,
     props = tslib.__rest(_a, ["path"]);
-  const openPage = React__default["default"].useCallback(event => {
+  const openPage = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
     window.open(`${env.AppEnv.websiteUrl()}/${path}`, '_blank');
@@ -3708,7 +3542,7 @@ function TableRowNavigateButton(_a) {
     } = _a,
     props = tslib.__rest(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
-  const handleClick = React__default["default"].useCallback(event => {
+  const handleClick = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
     navigate(`${path}`);
@@ -3807,7 +3641,7 @@ function TableRowPublishPostButton(_a) {
   const mutation = api.useInvalidateParentMutation(isDraft ? api$1.publish : api$1.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey, {
     networkMode: "always"
   });
-  const publish = React__default["default"].useCallback(event => {
+  const publish = React.useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
     mutation.reset();