@compill/admin 1.0.39 → 1.0.41

package/index.cjs.js

@@ -7,8 +7,7 @@ var ui = require('@valerya/ui');
 var Link = require('next/link');
 var React = require('react');
 var adminApi = require('@compill/admin-api');
-require('axios');
-var reactQuery = require('@tanstack/react-query');
+var api = require('@compill/api');
 var reactRouterDom = require('react-router-dom');
 var reactToastify = require('react-toastify');
 var form = require('@compill/form');
@@ -16,11 +15,12 @@ var formik = require('formik');
 require('react/jsx-runtime');
 var components = require('@compill/components');
 var react = require('@soperio/react');
-var formExtras = require('@compill/form-extras');
+var editor = require('@compill/editor');
 var admin = require('@compill/admin');
 var reactDom = require('react-dom');
 var table = require('@compill/table');
 var hooks = require('@compill/hooks');
+var reactQuery = require('@tanstack/react-query');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,7 +42,7 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-function __rest(s, e) {
+function __rest$1(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -73,7 +73,7 @@ function SectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx("h2", Object.assign({
     textSize: "xl",
     fontWeight: "600",
@@ -105,7 +105,7 @@ function Breadcrumbs(_a) {
   var {
       breadcrumbs
     } = _a,
-    props = __rest(_a, ["breadcrumbs"]);
+    props = __rest$1(_a, ["breadcrumbs"]);
   return jsxRuntime.jsx("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -143,7 +143,7 @@ function DialogButton(_a) {
   var {
       buildDialog
     } = _a,
-    props = __rest(_a, ["buildDialog"]);
+    props = __rest$1(_a, ["buildDialog"]);
   const [showDialog, setShowDialog] = React__default["default"].useState(false);
   const onShowDialog = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -160,1133 +160,14 @@ function DialogButton(_a) {
   });
 }
 
-/*! js-cookie v3.0.5 | MIT */ /* eslint-disable no-var */ function assign(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i];
-        for(var key in source){
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-/* eslint-enable no-var */ /* eslint-disable no-var */ var defaultConverter = {
-    read: function read(value) {
-        if (value[0] === '"') {
-            value = value.slice(1, -1);
-        }
-        return value.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-    },
-    write: function write(value) {
-        return encodeURIComponent(value).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g, decodeURIComponent);
-    }
-};
-/* eslint-enable no-var */ /* eslint-disable no-var */ function init(converter, defaultAttributes) {
-    function set(name, value, attributes) {
-        if (typeof document === "undefined") {
-            return;
-        }
-        attributes = assign({}, defaultAttributes, attributes);
-        if (typeof attributes.expires === "number") {
-            attributes.expires = new Date(Date.now() + attributes.expires * 864e5);
-        }
-        if (attributes.expires) {
-            attributes.expires = attributes.expires.toUTCString();
-        }
-        name = encodeURIComponent(name).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-        var stringifiedAttributes = "";
-        for(var attributeName in attributes){
-            if (!attributes[attributeName]) {
-                continue;
-            }
-            stringifiedAttributes += "; " + attributeName;
-            if (attributes[attributeName] === true) {
-                continue;
-            }
-            // Considers RFC 6265 section 5.2:
-            // ...
-            // 3.  If the remaining unparsed-attributes contains a %x3B (";")
-            //     character:
-            // Consume the characters of the unparsed-attributes up to,
-            // not including, the first %x3B (";") character.
-            // ...
-            stringifiedAttributes += "=" + attributes[attributeName].split(";")[0];
-        }
-        return document.cookie = name + "=" + converter.write(value, name) + stringifiedAttributes;
-    }
-    function get(name) {
-        if (typeof document === "undefined" || arguments.length && !name) {
-            return;
-        }
-        // To prevent the for loop in the first place assign an empty array
-        // in case there are no cookies at all.
-        var cookies = document.cookie ? document.cookie.split("; ") : [];
-        var jar = {};
-        for(var i = 0; i < cookies.length; i++){
-            var parts = cookies[i].split("=");
-            var value = parts.slice(1).join("=");
-            try {
-                var found = decodeURIComponent(parts[0]);
-                jar[found] = converter.read(value, found);
-                if (name === found) {
-                    break;
-                }
-            } catch (e) {}
-        }
-        return name ? jar[name] : jar;
-    }
-    return Object.create({
-        set: set,
-        get: get,
-        remove: function remove(name, attributes) {
-            set(name, "", assign({}, attributes, {
-                expires: -1
-            }));
-        },
-        withAttributes: function withAttributes(attributes) {
-            return init(this.converter, assign({}, this.attributes, attributes));
-        },
-        withConverter: function withConverter(converter) {
-            return init(assign({}, this.converter, converter), this.attributes);
-        }
-    }, {
-        attributes: {
-            value: Object.freeze(defaultAttributes)
-        },
-        converter: {
-            value: Object.freeze(converter)
-        }
-    });
-}
-init(defaultConverter, {
-    path: "/"
-});
-
-function useInvalidateQuery(queryKey, queryId) {
-    var queryClient = reactQuery.useQueryClient();
-    var key = queryId ? queryKey.concat([
-        "".concat(queryId)
-    ]) : queryKey;
-    var invalidate = React__default["default"].useCallback(function() {
-        return key ? queryClient.invalidateQueries(key) : null;
-    }, [
-        key,
-        queryClient
-    ]);
-    return invalidate;
-}
-
-function _define_property$3(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread$3(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$3(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function useApiMutation(queryFn, queryKey, queryParam, queryOptions) {
-    var key = (queryKey !== null && queryKey !== void 0 ? queryKey : []).concat([
-        queryParam ? typeof queryParam == "number" ? "".concat(queryParam) : queryParam : undefined
-    ]);
-    return reactQuery.useMutation(key, queryFn, queryOptions);
-}
-function useInvalidateMutation(queryFn, queryKey, queryId, queryOptions) {
-    var invalidateQuery = useInvalidateQuery(queryKey, queryId);
-    var key = queryId ? queryKey.concat("".concat(queryId)) : queryKey;
-    return reactQuery.useMutation(key, queryFn, _object_spread$3({
-        onSuccess: function() {
-            return invalidateQuery();
-        }
-    }, queryOptions));
-}
-function useInvalidateParentMutation(queryFn, queryKey, queryOptions) {
-    var invalidateQuery = useInvalidateQuery(queryKey);
-    return reactQuery.useMutation(queryKey, queryFn, _object_spread$3({
-        onSuccess: function() {
-            return invalidateQuery();
-        }
-    }, queryOptions));
-}
- // useInvalidateMutation : invalidate the object e.g /xxx/id
- // useInvalidateParentMutation : invalidate the parent object e.g /xxx
- // useUpdateMutation : replace the data in cache to avoid refetching the server
-
-function _define_property$2(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread$2(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$2(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function queryFnWrapper(queryFn, queryParam) {
-    return function(context) {
-        if (queryParam) return queryFn(queryParam);
-        return queryFn();
-    };
-}
-function useApiQuery(queryKey, queryFn, queryParam, queryOptions) {
-    var key = queryParam ? queryKey.concat([
-        typeof queryParam == "number" ? "".concat(queryParam) : queryParam
-    ]) : queryKey;
-    return reactQuery.useQuery(key, queryFnWrapper(queryFn, queryParam), _object_spread$2({
-        retry: 0,
-        networkMode: "always",
-        retryOnMount: false,
-        refetchOnMount: false,
-        refetchOnWindowFocus: false
-    }, queryOptions));
-}
-function useApiQueries(queries) {
-    var results = reactQuery.useQueries({
-        queries: queries.map(function(q) {
-            var key = q.queryParam ? q.queryKey.concat([
-                typeof q.queryParam == "number" ? "".concat(q.queryParam) : q.queryParam
-            ]) : q.queryKey;
-            return _object_spread$2({
-                queryKey: key,
-                queryFn: queryFnWrapper(q.queryFn, q.queryParam),
-                retry: 0,
-                // networkMode: "always",
-                retryOnMount: false,
-                refetchOnMount: false,
-                refetchOnWindowFocus: false
-            }, q.queryOptions);
-        })
-    });
-    var isFetching = results.findIndex(function(r) {
-        return r.isFetching === true;
-    }) != -1;
-    var isError = results.findIndex(function(r) {
-        return r.isError === true;
-    }) != -1;
-    var data = results.map(function(r) {
-        return r.data;
-    });
-    return {
-        data: data,
-        isFetching: isFetching,
-        isError: isError
-    };
-}
-
-function r(e) {
-    var t, f, n = "";
-    if ("string" == typeof e || "number" == typeof e) n += e;
-    else if ("object" == typeof e) if (Array.isArray(e)) for(t = 0; t < e.length; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    else for(t in e)e[t] && (n && (n += " "), n += t);
-    return n;
-}
-function clsx() {
-    for(var e, t, f = 0, n = ""; f < arguments.length;)(e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
-    return n;
-}
-
-function _array_like_to_array$1(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes$1(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array$1(arr);
-}
-function _define_property$1(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array$1(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread$1() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread$1(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property$1(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array$1(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array$1(arr) {
-    return _array_without_holes$1(arr) || _iterable_to_array$1(arr) || _unsupported_iterable_to_array$1(arr) || _non_iterable_spread$1();
-}
-function _unsupported_iterable_to_array$1(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array$1(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array$1(o, minLen);
-}
-var u = function(t) {
-    return "number" == typeof t && !isNaN(t);
-}, d = function(t) {
-    return "string" == typeof t;
-}, p = function(t) {
-    return "function" == typeof t;
-}, m = function(t) {
-    return d(t) || p(t) ? t : null;
-}, f = function(t) {
-    return React.isValidElement(t) || d(t) || p(t) || u(t);
-};
-function g(t, e, n) {
-    void 0 === n && (n = 300);
-    var o = t.scrollHeight, s = t.style;
-    requestAnimationFrame(function() {
-        s.minHeight = "initial", s.height = o + "px", s.transition = "all ".concat(n, "ms"), requestAnimationFrame(function() {
-            s.height = "0", s.padding = "0", s.margin = "0", setTimeout(e, n);
-        });
-    });
-}
-function h(e) {
-    var a = e.enter, r = e.exit, tmp = e.appendPosition, i = tmp === void 0 ? !1 : tmp, tmp1 = e.collapse, _$l = tmp1 === void 0 ? !0 : tmp1, tmp2 = e.collapseDuration, c = tmp2 === void 0 ? 300 : tmp2;
-    return function(e) {
-        var u = e.children, d = e.position, p = e.preventExitTransition, m = e.done, f = e.nodeRef, _$h = e.isIn;
-        var y = i ? "".concat(a, "--").concat(d) : a, v = i ? "".concat(r, "--").concat(d) : r, T = React.useRef(0);
-        return React.useLayoutEffect(function() {
-            var _t_classList;
-            var _$t = f.current, _$e = y.split(" "), _$n = function(o) {
-                var _t_classList;
-                o.target === f.current && (_$t.dispatchEvent(new Event("d")), _$t.removeEventListener("animationend", _$n), _$t.removeEventListener("animationcancel", _$n), 0 === T.current && "animationcancel" !== o.type && (_t_classList = _$t.classList).remove.apply(_t_classList, _to_consumable_array$1(_$e)));
-            };
-            (_t_classList = _$t.classList).add.apply(_t_classList, _to_consumable_array$1(_$e)), _$t.addEventListener("animationend", _$n), _$t.addEventListener("animationcancel", _$n);
-        }, []), React.useEffect(function() {
-            var _$t = f.current, _$e = function() {
-                _$t.removeEventListener("animationend", _$e), _$l ? g(_$t, m, c) : m();
-            };
-            _$h || (p ? _$e() : (T.current = 1, _$t.className += " ".concat(v), _$t.addEventListener("animationend", _$e)));
-        }, [
-            _$h
-        ]), React__default["default"].createElement(React__default["default"].Fragment, null, u);
-    };
-}
-function y(t, e) {
-    return null != t ? {
-        content: t.content,
-        containerId: t.props.containerId,
-        id: t.props.toastId,
-        theme: t.props.theme,
-        type: t.props.type,
-        data: t.props.data || {},
-        isLoading: t.props.isLoading,
-        icon: t.props.icon,
-        status: e
-    } : {};
-}
-var v = {
-    list: new Map,
-    emitQueue: new Map,
-    on: function on(t, e) {
-        return this.list.has(t) || this.list.set(t, []), this.list.get(t).push(e), this;
-    },
-    off: function off(t, e) {
-        if (e) {
-            var n = this.list.get(t).filter(function(t) {
-                return t !== e;
-            });
-            return this.list.set(t, n), this;
-        }
-        return this.list.delete(t), this;
-    },
-    cancelEmit: function cancelEmit(t) {
-        var e = this.emitQueue.get(t);
-        return e && (e.forEach(clearTimeout), this.emitQueue.delete(t)), this;
-    },
-    emit: function emit(t) {
-        var _this = this, _arguments = arguments;
-        this.list.has(t) && this.list.get(t).forEach(function(e) {
-            var n = setTimeout(function() {
-                e.apply(void 0, _to_consumable_array$1([].slice.call(_arguments, 1)));
-            }, 0);
-            _this.emitQueue.has(t) || _this.emitQueue.set(t, []), _this.emitQueue.get(t).push(n);
-        });
-    }
-}, T = function(e) {
-    var n = e.theme, o = e.type, s = _object_without_properties(e, [
-        "theme",
-        "type"
-    ]);
-    return React__default["default"].createElement("svg", _object_spread$1({
-        viewBox: "0 0 24 24",
-        width: "100%",
-        height: "100%",
-        fill: "colored" === n ? "currentColor" : "var(--toastify-icon-color-".concat(o, ")")
-    }, s));
-}, E = {
-    info: function info(e) {
-        return React__default["default"].createElement(T, _object_spread$1({}, e), React__default["default"].createElement("path", {
-            d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"
-        }));
-    },
-    warning: function warning(e) {
-        return React__default["default"].createElement(T, _object_spread$1({}, e), React__default["default"].createElement("path", {
-            d: "M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"
-        }));
-    },
-    success: function success(e) {
-        return React__default["default"].createElement(T, _object_spread$1({}, e), React__default["default"].createElement("path", {
-            d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
-        }));
-    },
-    error: function error(e) {
-        return React__default["default"].createElement(T, _object_spread$1({}, e), React__default["default"].createElement("path", {
-            d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"
-        }));
-    },
-    spinner: function spinner() {
-        return React__default["default"].createElement("div", {
-            className: "Toastify__spinner"
-        });
-    }
-};
-function C(t) {
-    var _r = _sliced_to_array(React.useReducer(function(t) {
-        return t + 1;
-    }, 0), 2), o = _r[1], _i = _sliced_to_array(React.useState([]), 2), _$l = _i[0], c = _i[1], g = React.useRef(null), _$h = React.useRef(new Map).current, T = function(t) {
-        return -1 !== _$l.indexOf(t);
-    }, C = React.useRef({
-        toastKey: 1,
-        displayedToast: 0,
-        count: 0,
-        queue: [],
-        props: t,
-        containerId: null,
-        isToastActive: T,
-        getToast: function(t) {
-            return _$h.get(t);
-        }
-    }).current;
-    function b(t) {
-        var e = t.containerId;
-        var _C_props = C.props, _$n = _C_props.limit;
-        !_$n || e && C.containerId !== e || (C.count -= C.queue.length, C.queue = []);
-    }
-    function I(t) {
-        c(function(e) {
-            return null == t ? [] : e.filter(function(e) {
-                return e !== t;
-            });
-        });
-    }
-    function _() {
-        var _C_queue_shift = C.queue.shift(), _$t = _C_queue_shift.toastContent, e = _C_queue_shift.toastProps, _$n = _C_queue_shift.staleId;
-        O(_$t, e, _$n);
-    }
-    function L(t, n) {
-        var _$s = n.delay, _$r = n.staleId, _$i = _object_without_properties(n, [
-            "delay",
-            "staleId"
-        ]);
-        if (!f(t) || function(t) {
-            return !g.current || C.props.enableMultiContainer && t.containerId !== C.props.containerId || _$h.has(t.toastId) && null == t.updateId;
-        }(_$i)) return;
-        var _$l = _$i.toastId, c = _$i.updateId, T = _$i.data, b = C.props, _$L = function() {
-            return I(_$l);
-        }, N = null == c;
-        N && C.count++;
-        var M = _object_spread_props(_object_spread$1(_object_spread_props(_object_spread$1({}, b), {
-            style: b.toastStyle,
-            key: C.toastKey++
-        }), Object.fromEntries(Object.entries(_$i).filter(function(t) {
-            var _t = _sliced_to_array(t, 2); _t[0]; var _$n = _t[1];
-            return null != _$n;
-        }))), {
-            toastId: _$l,
-            updateId: c,
-            data: T,
-            closeToast: _$L,
-            isIn: !1,
-            className: m(_$i.className || b.toastClassName),
-            bodyClassName: m(_$i.bodyClassName || b.bodyClassName),
-            progressClassName: m(_$i.progressClassName || b.progressClassName),
-            autoClose: !_$i.isLoading && (R = _$i.autoClose, w = b.autoClose, !1 === R || u(R) && R > 0 ? R : w),
-            deleteToast: function deleteToast() {
-                var _$t = y(_$h.get(_$l), "removed");
-                _$h.delete(_$l), v.emit(4, _$t);
-                var _$e = C.queue.length;
-                if (C.count = null == _$l ? C.count - C.displayedToast : C.count - 1, C.count < 0 && (C.count = 0), _$e > 0) {
-                    var _$t1 = null == _$l ? C.props.limit : 1;
-                    if (1 === _$e || 1 === _$t1) C.displayedToast++, _();
-                    else {
-                        var _$n = _$t1 > _$e ? _$e : _$t1;
-                        C.displayedToast = _$n;
-                        for(var _$t2 = 0; _$t2 < _$n; _$t2++)_();
-                    }
-                } else o();
-            }
-        });
-        var R, w;
-        M.iconOut = function(t) {
-            var _$n = t.theme, o = t.type, _$s = t.isLoading, _$r = t.icon, _$i = null;
-            var _$l = {
-                theme: _$n,
-                type: o
-            };
-            return !1 === _$r || (p(_$r) ? _$i = _$r(_$l) : React.isValidElement(_$r) ? _$i = React.cloneElement(_$r, _$l) : d(_$r) || u(_$r) ? _$i = _$r : _$s ? _$i = E.spinner() : function(t) {
-                return t in E;
-            }(o) && (_$i = E[o](_$l))), _$i;
-        }(M), p(_$i.onOpen) && (M.onOpen = _$i.onOpen), p(_$i.onClose) && (M.onClose = _$i.onClose), M.closeButton = b.closeButton, !1 === _$i.closeButton || f(_$i.closeButton) ? M.closeButton = _$i.closeButton : !0 === _$i.closeButton && (M.closeButton = !f(b.closeButton) || b.closeButton);
-        var x = t;
-        React.isValidElement(t) && !d(t.type) ? x = React.cloneElement(t, {
-            closeToast: _$L,
-            toastProps: M,
-            data: T
-        }) : p(t) && (x = t({
-            closeToast: _$L,
-            toastProps: M,
-            data: T
-        })), b.limit && b.limit > 0 && C.count > b.limit && N ? C.queue.push({
-            toastContent: x,
-            toastProps: M,
-            staleId: _$r
-        }) : u(_$s) ? setTimeout(function() {
-            O(x, M, _$r);
-        }, _$s) : O(x, M, _$r);
-    }
-    function O(t, e, n) {
-        var o = e.toastId;
-        n && _$h.delete(n);
-        var _$s = {
-            content: t,
-            props: e
-        };
-        _$h.set(o, _$s), c(function(t) {
-            return _to_consumable_array$1(t).concat([
-                o
-            ]).filter(function(t) {
-                return t !== n;
-            });
-        }), v.emit(4, y(_$s, null == _$s.props.updateId ? "added" : "updated"));
-    }
-    return React.useEffect(function() {
-        return C.containerId = t.containerId, v.cancelEmit(3).on(0, L).on(1, function(t) {
-            return g.current && I(t);
-        }).on(5, b).emit(2, C), function() {
-            _$h.clear(), v.emit(3, C);
-        };
-    }, []), React.useEffect(function() {
-        C.props = t, C.isToastActive = T, C.displayedToast = _$l.length;
-    }), {
-        getToastToRender: function getToastToRender(e) {
-            var _$n = new Map, o = Array.from(_$h.values());
-            return t.newestOnTop && o.reverse(), o.forEach(function(t) {
-                var _t_props = t.props, e = _t_props.position;
-                _$n.has(e) || _$n.set(e, []), _$n.get(e).push(t);
-            }), Array.from(_$n, function(t) {
-                return e(t[0], t[1]);
-            });
-        },
-        containerRef: g,
-        isToastActive: T
-    };
-}
-function b(t) {
-    return t.targetTouches && t.targetTouches.length >= 1 ? t.targetTouches[0].clientX : t.clientX;
-}
-function I(t) {
-    return t.targetTouches && t.targetTouches.length >= 1 ? t.targetTouches[0].clientY : t.clientY;
-}
-function _(t) {
-    var _i = _sliced_to_array(React.useState(!1), 2), o = _i[0], a = _i[1], _i1 = _sliced_to_array(React.useState(!1), 2), r = _i1[0], _$l = _i1[1], c = React.useRef(null), u = React.useRef({
-        start: 0,
-        x: 0,
-        y: 0,
-        delta: 0,
-        removalDistance: 0,
-        canCloseOnClick: !0,
-        canDrag: !1,
-        boundingRect: null,
-        didMove: !1
-    }).current, d = React.useRef(t), m = t.autoClose, f = t.pauseOnHover, g = t.closeToast, _$h = t.onClick, y = t.closeOnClick;
-    function v(e) {
-        if (t.draggable) {
-            "touchstart" === e.nativeEvent.type && e.nativeEvent.preventDefault(), u.didMove = !1, document.addEventListener("mousemove", _), document.addEventListener("mouseup", L), document.addEventListener("touchmove", _), document.addEventListener("touchend", L);
-            var _$n = c.current;
-            u.canCloseOnClick = !0, u.canDrag = !0, u.boundingRect = _$n.getBoundingClientRect(), _$n.style.transition = "", u.x = b(e.nativeEvent), u.y = I(e.nativeEvent), "x" === t.draggableDirection ? (u.start = u.x, u.removalDistance = _$n.offsetWidth * (t.draggablePercent / 100)) : (u.start = u.y, u.removalDistance = _$n.offsetHeight * (80 === t.draggablePercent ? 1.5 * t.draggablePercent : t.draggablePercent / 100));
-        }
-    }
-    function T(e) {
-        if (u.boundingRect) {
-            var _u_boundingRect = u.boundingRect, _$n = _u_boundingRect.top, o = _u_boundingRect.bottom, _$s = _u_boundingRect.left, a = _u_boundingRect.right;
-            "touchend" !== e.nativeEvent.type && t.pauseOnHover && u.x >= _$s && u.x <= a && u.y >= _$n && u.y <= o ? C() : E();
-        }
-    }
-    function E() {
-        a(!0);
-    }
-    function C() {
-        a(!1);
-    }
-    function _(e) {
-        var _$n = c.current;
-        u.canDrag && _$n && (u.didMove = !0, o && C(), u.x = b(e), u.y = I(e), u.delta = "x" === t.draggableDirection ? u.x - u.start : u.y - u.start, u.start !== u.x && (u.canCloseOnClick = !1), _$n.style.transform = "translate".concat(t.draggableDirection, "(").concat(u.delta, "px)"), _$n.style.opacity = "" + (1 - Math.abs(u.delta / u.removalDistance)));
-    }
-    function L() {
-        document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", L), document.removeEventListener("touchmove", _), document.removeEventListener("touchend", L);
-        var e = c.current;
-        if (u.canDrag && u.didMove && e) {
-            if (u.canDrag = !1, Math.abs(u.delta) > u.removalDistance) return _$l(!0), void t.closeToast();
-            e.style.transition = "transform 0.2s, opacity 0.2s", e.style.transform = "translate".concat(t.draggableDirection, "(0)"), e.style.opacity = "1";
-        }
-    }
-    React.useEffect(function() {
-        d.current = t;
-    }), React.useEffect(function() {
-        return c.current && c.current.addEventListener("d", E, {
-            once: !0
-        }), p(t.onOpen) && t.onOpen(React.isValidElement(t.children) && t.children.props), function() {
-            var _$t = d.current;
-            p(_$t.onClose) && _$t.onClose(React.isValidElement(_$t.children) && _$t.children.props);
-        };
-    }, []), React.useEffect(function() {
-        return t.pauseOnFocusLoss && (document.hasFocus() || C(), window.addEventListener("focus", E), window.addEventListener("blur", C)), function() {
-            t.pauseOnFocusLoss && (window.removeEventListener("focus", E), window.removeEventListener("blur", C));
-        };
-    }, [
-        t.pauseOnFocusLoss
-    ]);
-    var O = {
-        onMouseDown: v,
-        onTouchStart: v,
-        onMouseUp: T,
-        onTouchEnd: T
-    };
-    return m && f && (O.onMouseEnter = C, O.onMouseLeave = E), y && (O.onClick = function(t) {
-        _$h && _$h(t), u.canCloseOnClick && g();
-    }), {
-        playToast: E,
-        pauseToast: C,
-        isRunning: o,
-        preventExitTransition: r,
-        toastRef: c,
-        eventHandlers: O
-    };
-}
-function L(e) {
-    var n = e.closeToast, o = e.theme, tmp = e.ariaLabel, s = tmp === void 0 ? "close" : tmp;
-    return React__default["default"].createElement("button", {
-        className: "Toastify__close-button Toastify__close-button--".concat(o),
-        type: "button",
-        onClick: function(t) {
-            t.stopPropagation(), n(t);
-        },
-        "aria-label": s
-    }, React__default["default"].createElement("svg", {
-        "aria-hidden": "true",
-        viewBox: "0 0 14 16"
-    }, React__default["default"].createElement("path", {
-        fillRule: "evenodd",
-        d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"
-    })));
-}
-function O(e) {
-    var n = e.delay, o = e.isRunning, s = e.closeToast, tmp = e.type, a = tmp === void 0 ? "default" : tmp, r = e.hide, i = e.className, _$l = e.style, u = e.controlledProgress, d = e.progress, m = e.rtl, f = e.isIn, g = e.theme;
-    var _$h = r || u && 0 === d, y = _object_spread_props(_object_spread$1({}, _$l), {
-        animationDuration: "".concat(n, "ms"),
-        animationPlayState: o ? "running" : "paused",
-        opacity: _$h ? 0 : 1
-    });
-    u && (y.transform = "scaleX(".concat(d, ")"));
-    var v = clsx("Toastify__progress-bar", u ? "Toastify__progress-bar--controlled" : "Toastify__progress-bar--animated", "Toastify__progress-bar-theme--".concat(g), "Toastify__progress-bar--".concat(a), {
-        "Toastify__progress-bar--rtl": m
-    }), T = p(i) ? i({
-        rtl: m,
-        type: a,
-        defaultClassName: v
-    }) : clsx(v, i);
-    return React__default["default"].createElement("div", _define_property$1({
-        role: "progressbar",
-        "aria-hidden": _$h ? "true" : "false",
-        "aria-label": "notification timer",
-        className: T,
-        style: y
-    }, u && d >= 1 ? "onTransitionEnd" : "onAnimationEnd", u && d < 1 ? null : function() {
-        f && s();
-    }));
-}
-var N = function(n) {
-    var _$_ = _(n), o = _$_.isRunning, s = _$_.preventExitTransition, r = _$_.toastRef, i = _$_.eventHandlers, _$l = n.closeButton, u = n.children, d = n.autoClose, m = n.onClick, f = n.type, g = n.hideProgressBar, _$h = n.closeToast, y = n.transition, v = n.position, T = n.className, E = n.style, C = n.bodyClassName, b = n.bodyStyle, I = n.progressClassName, N = n.progressStyle, M = n.updateId, R = n.role, w = n.progress, x = n.rtl, $ = n.toastId, k = n.deleteToast, P = n.isIn, B = n.isLoading, D = n.iconOut, A = n.closeOnClick, z = n.theme, F = clsx("Toastify__toast", "Toastify__toast-theme--".concat(z), "Toastify__toast--".concat(f), {
-        "Toastify__toast--rtl": x
-    }, {
-        "Toastify__toast--close-on-click": A
-    }), H = p(T) ? T({
-        rtl: x,
-        position: v,
-        type: f,
-        defaultClassName: F
-    }) : clsx(F, T), S = !!w || !d, _$q = {
-        closeToast: _$h,
-        type: f,
-        theme: z
-    };
-    var _$Q = null;
-    return !1 === _$l || (_$Q = p(_$l) ? _$l(_$q) : React.isValidElement(_$l) ? React.cloneElement(_$l, _$q) : L(_$q)), React__default["default"].createElement(y, {
-        isIn: P,
-        done: k,
-        position: v,
-        preventExitTransition: s,
-        nodeRef: r
-    }, React__default["default"].createElement("div", _object_spread_props(_object_spread$1({
-        id: $,
-        onClick: m,
-        className: H
-    }, i), {
-        style: E,
-        ref: r
-    }), React__default["default"].createElement("div", _object_spread_props(_object_spread$1({}, P && {
-        role: R
-    }), {
-        className: p(C) ? C({
-            type: f
-        }) : clsx("Toastify__toast-body", C),
-        style: b
-    }), null != D && React__default["default"].createElement("div", {
-        className: clsx("Toastify__toast-icon", {
-            "Toastify--animate-icon Toastify__zoom-enter": !B
-        })
-    }, D), React__default["default"].createElement("div", null, u)), _$Q, React__default["default"].createElement(O, _object_spread_props(_object_spread$1({}, M && !S ? {
-        key: "pb-".concat(M)
-    } : {}), {
-        rtl: x,
-        theme: z,
-        delay: d,
-        isRunning: o,
-        isIn: P,
-        closeToast: _$h,
-        hide: g,
-        type: f,
-        style: N,
-        className: I,
-        controlledProgress: S,
-        progress: w || 0
-    }))));
-}, M = function M(t, e) {
-    return void 0 === e && (e = !1), {
-        enter: "Toastify--animate Toastify__".concat(t, "-enter"),
-        exit: "Toastify--animate Toastify__".concat(t, "-exit"),
-        appendPosition: e
-    };
-}, R = h(M("bounce", !0)); h(M("slide", !0)); h(M("zoom")); h(M("flip")); var k = React.forwardRef(function(e, n) {
-    var f = function f(t) {
-        var _$e = clsx("Toastify__toast-container", "Toastify__toast-container--".concat(t), {
-            "Toastify__toast-container--rtl": u
-        });
-        return p(i) ? i({
-            position: t,
-            rtl: u,
-            defaultClassName: _$e
-        }) : clsx(_$e, m(i));
-    };
-    var _C = C(e), o = _C.getToastToRender, a = _C.containerRef, r = _C.isToastActive, i = e.className, _$l = e.style, u = e.rtl, d = e.containerId;
-    return React.useEffect(function() {
-        n && (n.current = a.current);
-    }, []), React__default["default"].createElement("div", {
-        ref: a,
-        className: "Toastify",
-        id: d
-    }, o(function(e, n) {
-        var o = n.length ? _object_spread$1({}, _$l) : _object_spread_props(_object_spread$1({}, _$l), {
-            pointerEvents: "none"
-        });
-        return React__default["default"].createElement("div", {
-            className: f(e),
-            style: o,
-            key: "container-".concat(e)
-        }, n.map(function(e, o) {
-            var _$s = e.content, a = e.props;
-            return React__default["default"].createElement(N, _object_spread_props(_object_spread$1({}, a), {
-                isIn: r(a.toastId),
-                style: _object_spread_props(_object_spread$1({}, a.style), {
-                    "--nth": o + 1,
-                    "--len": n.length
-                }),
-                key: "toast-".concat(a.key)
-            }), _$s);
-        }));
-    }));
-});
-k.displayName = "ToastContainer", k.defaultProps = {
-    position: "top-right",
-    transition: R,
-    autoClose: 5e3,
-    closeButton: L,
-    pauseOnHover: !0,
-    pauseOnFocusLoss: !0,
-    closeOnClick: !0,
-    draggable: !0,
-    draggablePercent: 80,
-    draggableDirection: "x",
-    role: "alert",
-    theme: "light"
-};
-var P, B = new Map, D = [], A = 1;
-function z() {
-    return "" + A++;
-}
-function F(t) {
-    return t && (d(t.toastId) || u(t.toastId)) ? t.toastId : z();
-}
-function H(t, e) {
-    return B.size > 0 ? v.emit(0, t, e) : D.push({
-        content: t,
-        options: e
-    }), e.toastId;
-}
-function S(t, e) {
-    return _object_spread_props(_object_spread$1({}, e), {
-        type: e && e.type || t,
-        toastId: F(e)
-    });
-}
-function q(t) {
-    return function(e, n) {
-        return H(e, S(t, n));
-    };
-}
-function Q(t, e) {
-    return H(t, S("default", e));
-}
-Q.loading = function(t, e) {
-    return H(t, S("default", _object_spread$1({
-        isLoading: !0,
-        autoClose: !1,
-        closeOnClick: !1,
-        closeButton: !1,
-        draggable: !1
-    }, e)));
-}, Q.promise = function(t, e, n) {
-    var o, s = e.pending, a = e.error, r = e.success;
-    s && (o = d(s) ? Q.loading(s, n) : Q.loading(s.render, _object_spread$1({}, n, s)));
-    var i = {
-        isLoading: null,
-        autoClose: null,
-        closeOnClick: null,
-        closeButton: null,
-        draggable: null
-    }, _$l = function(t, e, s) {
-        if (null == e) return void Q.dismiss(o);
-        var a = _object_spread_props(_object_spread$1({
-            type: t
-        }, i, n), {
-            data: s
-        }), r = d(e) ? {
-            render: e
-        } : e;
-        return o ? Q.update(o, _object_spread$1({}, a, r)) : Q(r.render, _object_spread$1({}, a, r)), s;
-    }, c = p(t) ? t() : t;
-    return c.then(function(t) {
-        return _$l("success", r, t);
-    }).catch(function(t) {
-        return _$l("error", a, t);
-    }), c;
-}, Q.success = q("success"), Q.info = q("info"), Q.error = q("error"), Q.warning = q("warning"), Q.warn = Q.warning, Q.dark = function(t, e) {
-    return H(t, S("default", _object_spread$1({
-        theme: "dark"
-    }, e)));
-}, Q.dismiss = function(t) {
-    B.size > 0 ? v.emit(1, t) : D = D.filter(function(e) {
-        return null != t && e.options.toastId !== t;
-    });
-}, Q.clearWaitingQueue = function(t) {
-    return void 0 === t && (t = {}), v.emit(5, t);
-}, Q.isActive = function(t) {
-    var e = !1;
-    return B.forEach(function(n) {
-        n.isToastActive && n.isToastActive(t) && (e = !0);
-    }), e;
-}, Q.update = function(t, e) {
-    void 0 === e && (e = {}), setTimeout(function() {
-        var n = function(t, e) {
-            var n = e.containerId;
-            var o = B.get(n || P);
-            return o && o.getToast(t);
-        }(t, e);
-        if (n) {
-            var o = n.props, s = n.content, a = _object_spread_props(_object_spread$1({
-                delay: 100
-            }, o, e), {
-                toastId: e.toastId || t,
-                updateId: z()
-            });
-            a.toastId !== t && (a.staleId = t);
-            var r = a.render || s;
-            delete a.render, H(r, a);
-        }
-    }, 0);
-}, Q.done = function(t) {
-    Q.update(t, {
-        progress: 1
-    });
-}, Q.onChange = function(t) {
-    return v.on(4, t), function() {
-        v.off(4, t);
-    };
-}, Q.POSITION = {
-    TOP_LEFT: "top-left",
-    TOP_RIGHT: "top-right",
-    TOP_CENTER: "top-center",
-    BOTTOM_LEFT: "bottom-left",
-    BOTTOM_RIGHT: "bottom-right",
-    BOTTOM_CENTER: "bottom-center"
-}, Q.TYPE = {
-    INFO: "info",
-    SUCCESS: "success",
-    WARNING: "warning",
-    ERROR: "error",
-    DEFAULT: "default"
-}, v.on(2, function(t) {
-    P = t.containerId || t, B.set(P, t), D.forEach(function(t) {
-        v.emit(0, t.content, t.options);
-    }), D = [];
-}).on(3, function(t) {
-    B.delete(t.containerId || t), 0 === B.size && v.off(0).off(1).off(5);
-});
-
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var defaultOptions = {
-    showSuccessMsg: true,
-    showErrorMsg: true,
-    successMsg: undefined,
-    errorMsg: undefined,
-    onSuccess: undefined,
-    onError: undefined,
-    processInput: undefined
-};
-function useMutate(mutation, options) {
-    var mergedOptions = _object_spread({}, defaultOptions, options !== null && options !== void 0 ? options : {});
-    var mutate = React__default["default"].useCallback(function(values) {
-        mutation.reset();
-        var _runIfFn;
-        // Return the mutation so that Formik can update submitting state
-        return mutation.mutateAsync((_runIfFn = runIfFn(mergedOptions.processInput, values)) !== null && _runIfFn !== void 0 ? _runIfFn : values).then(function(result) {
-            var _mergedOptions_onSuccess;
-            if (mergedOptions.showSuccessMsg && mergedOptions.successMsg) Q.success(runIfFn(mergedOptions.successMsg, result, values));
-            (_mergedOptions_onSuccess = mergedOptions.onSuccess) === null || _mergedOptions_onSuccess === void 0 ? void 0 : _mergedOptions_onSuccess.call(mergedOptions, result);
-            return result;
-        }).catch(function(error) {
-            var _mergedOptions_onError;
-            if (mergedOptions.showErrorMsg) {
-                var _runIfFn;
-                Q.error((_runIfFn = runIfFn(mergedOptions.errorMsg, error, values)) !== null && _runIfFn !== void 0 ? _runIfFn : "Oops, something went wrong :(");
-            }
-            (_mergedOptions_onError = mergedOptions.onError) === null || _mergedOptions_onError === void 0 ? void 0 : _mergedOptions_onError.call(mergedOptions, error);
-        });
-    }, [
-        mutation,
-        options
-    ]);
-    return mutate;
-}
-function isFunction(value) {
-    return typeof value === "function";
-}
-function runIfFn(valueOrFn) {
-    for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
-        args[_key - 1] = arguments[_key];
-    }
-    return isFunction(valueOrFn) ? valueOrFn.apply(void 0, _to_consumable_array(args)) : valueOrFn;
-}
-
 function InvalidateButton(_a) {
   var {
       pathOrPermalink
     } = _a,
-    props = __rest(_a, ["pathOrPermalink"]);
-  const api = adminApi.INVALIDATE_API.new(pathOrPermalink);
-  const mutation = useApiMutation(api.invalidate, api.queryKey);
-  const invalidate = useMutate(mutation, {
+    props = __rest$1(_a, ["pathOrPermalink"]);
+  const api$1 = adminApi.INVALIDATE_API.new(pathOrPermalink);
+  const mutation = api.useApiMutation(api$1.invalidate, api$1.queryKey);
+  const invalidate = api.useMutate(mutation, {
     successMsg: "Page successfully invalidated"
   });
   return jsxRuntime.jsx(ui.Button, Object.assign({
@@ -1309,7 +190,7 @@ function NavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest(_a, ["path"]);
+    props = __rest$1(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
   const handleClick = React__default["default"].useCallback(() => {
     navigate(path);
@@ -1333,11 +214,11 @@ function PublishButton(_a) {
   var {
       status,
       queryId,
-      api
+      api: api$1
     } = _a,
-    props = __rest(_a, ["status", "queryId", "api"]);
+    props = __rest$1(_a, ["status", "queryId", "api"]);
   const isDraft = status == "draft";
-  const mutation = useInvalidateMutation(isDraft ? api.publish : api.unpublish, api.queryKey, queryId, {
+  const mutation = api.useInvalidateMutation(isDraft ? api$1.publish : api$1.unpublish, api$1.queryKey, queryId, {
     networkMode: "always"
   });
   const publish = React__default["default"].useCallback(() => {
@@ -1750,7 +631,7 @@ function useHotkeys(keys, callback, options, dependencies) {
 
 function UpdateButton(_a) {
   var _b;
-  var props = __rest(_a, []);
+  var props = __rest$1(_a, []);
   const {
     dirty,
     handleSubmit
@@ -1783,7 +664,7 @@ function ViewButton(_a) {
       path,
       icon
     } = _a,
-    props = __rest(_a, ["path", "icon"]);
+    props = __rest$1(_a, ["path", "icon"]);
   const openPage = React__default["default"].useCallback(() => {
     window.open(path, '_blank');
   }, [path]);
@@ -1803,12 +684,12 @@ function ViewButton(_a) {
 }
 
 function OrderCell({
-  api,
+  api: api$1,
   postId,
   order
 }) {
-  const mutationDown = useInvalidateMutation(api.moveDown, api.queryKey);
-  const mutationUp = useInvalidateMutation(api.moveUp, api.queryKey);
+  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 => {
     e.stopPropagation();
     mutationDown.mutateAsync(postId).catch(error => {
@@ -1847,7 +728,7 @@ function PageContainer(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx(ui.Container, Object.assign({
     center: true,
     dflex: true,
@@ -1858,11 +739,68 @@ function PageContainer(_a) {
   }));
 }
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function FormEditor(_a) {
+  // const { initialValues } = useFormikContext();
+  var {
+      name,
+      placeholder
+    } = _a,
+    props = __rest(_a, ["name", "placeholder"]);
+  return jsxRuntime.jsx(formik.Field, {
+    name: name,
+    children: ({
+      field,
+      meta
+    }) => jsxRuntime.jsx(editor.Editor, Object.assign({}, props, {
+      // placeholder={placeholder}
+      defaultValue: meta.initialValue,
+      onChange: e => field.onChange({
+        target: {
+          name: name,
+          value: e
+        }
+      })
+    }))
+  });
+}
+
 function PageMain(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx(ui.Tile, Object.assign({
     scheme: "light",
     p: "5"
@@ -1875,11 +813,11 @@ function PageContentEditor(_a) {
   var {
       name
     } = _a,
-    props = __rest(_a, ["name"]);
+    props = __rest$1(_a, ["name"]);
   return jsxRuntime.jsx(PageMain, Object.assign({
     h: "min"
   }, props, {
-    children: jsxRuntime.jsx(formExtras.FormEditor, {
+    children: jsxRuntime.jsx(FormEditor, {
       minH: "128",
       minW: "144",
       name: name,
@@ -1891,19 +829,19 @@ function PageContentEditor(_a) {
 function PageQueryStateContainerInner(_a) {
   var {
       queryId,
-      api,
+      api: api$1,
       apiFn,
       loadingStyles,
       errorStyles,
       children
     } = _a,
-    props = __rest(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
+    props = __rest$1(_a, ["queryId", "api", "apiFn", "loadingStyles", "errorStyles", "children"]);
   const {
     data,
     isLoading,
     isError
-  } = apiFn == "get" ? useApiQuery(api.queryKey, api.get, queryId) : useApiQuery(api.queryKey, api.getAll);
-  const invalidate = useInvalidateQuery(api.queryKey, queryId);
+  } = apiFn == "get" ? api.useApiQuery(api$1.queryKey, api$1.get, queryId) : api.useApiQuery(api$1.queryKey, api$1.getAll);
+  const invalidate = api.useInvalidateQuery(api$1.queryKey, queryId);
   if (isLoading) return jsxRuntime.jsx(components.QueryLoadingState, Object.assign({
     w: "full",
     h: "100%"
@@ -1922,7 +860,7 @@ function PageSidebar(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     w: "112",
     minW: "112",
@@ -1940,7 +878,7 @@ function PageSidebarSection(_a) {
       title,
       children
     } = _a,
-    props = __rest(_a, ["title", "children"]);
+    props = __rest$1(_a, ["title", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     w: "full",
     bgColor: "white",
@@ -1958,7 +896,7 @@ function PageTitle(_a) {
   var {
       children
     } = _a;
-    __rest(_a, ["children"]);
+    __rest$1(_a, ["children"]);
   return jsxRuntime.jsx("div", {
     trait: "typo.h5",
     children: children
@@ -1971,7 +909,7 @@ function PageTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "breadcrumbs", "children"]);
+    props = __rest$1(_a, ["title", "breadcrumbs", "children"]);
   return jsxRuntime.jsxs(components.FlexCenter, Object.assign({
     gap: "3",
     minH: "9"
@@ -2004,7 +942,7 @@ function PageTabbedTopBar(_a) {
       breadcrumbs,
       children
     } = _a,
-    props = __rest(_a, ["title", "breadcrumbs", "children"]);
+    props = __rest$1(_a, ["title", "breadcrumbs", "children"]);
   const ref = /*#__PURE__*/React__default["default"].createRef();
   const {
     setContainerEl
@@ -2147,7 +1085,7 @@ function DetailsView(_a) {
       screen,
       tabbed
     } = _a,
-    props = __rest(_a, ["queryField", "api", "processInput", "screen", "tabbed"]);
+    props = __rest$1(_a, ["queryField", "api", "processInput", "screen", "tabbed"]);
   const {
     [queryField]: id
   } = reactRouterDom.useParams();
@@ -2172,7 +1110,7 @@ function DetailsView(_a) {
 function Internal({
   item,
   screen,
-  api,
+  api: api$1,
   processInput,
   tabbed,
   containerRef
@@ -2189,16 +1127,16 @@ function Internal({
     type,
     invalidateParentQueryKey
   } = react.runIfFn(screen, item);
-  const mutation = useInvalidateParentMutation(api.update, invalidateParentQueryKey !== null && invalidateParentQueryKey !== void 0 ? invalidateParentQueryKey : api.queryKey, {
+  const mutation = api.useInvalidateParentMutation(api$1.update, invalidateParentQueryKey !== null && invalidateParentQueryKey !== void 0 ? invalidateParentQueryKey : api$1.queryKey, {
     networkMode: "always"
   });
-  const save = useMutate(mutation, {
+  const save = api.useMutate(mutation, {
     processInput,
     successMsg: (item, values) => `${item.title} updated.`,
     errorMsg: (error, item) => `Error updating ${item.title}: ${error}`
   });
   let editorMaxW = undefined;
-  if (type == "post") editorMaxW = "calc(1280px - 30rem)";else if (type == "section") editorMaxW = "calc(1280px - 22rem)";
+  if (!type || type == "post") editorMaxW = "calc(1280px - 28rem)";else if (type == "section") editorMaxW = "calc(1280px - 22rem)";
   return jsxRuntime.jsxs(form.FormProvider, {
     initialValues: react.runIfFn(initialValues, item),
     validationSchema: schema,
@@ -2206,7 +1144,7 @@ function Internal({
     enableReinitialize: true,
     children: [jsxRuntime.jsx(ScreenTopBar, {
       tabbed: tabbed,
-      api: api,
+      api: api$1,
       breadcrumbs: breadcrumbs,
       buttonBar: buttonBar,
       item: item,
@@ -2281,21 +1219,21 @@ function useApi(api, queryField) {
 }
 function QueryWrapper(_a) {
   var {
-      api,
+      api: api$1,
       queryField,
       fn,
       transformFn,
       config,
       tabbed
     } = _a,
-    props = __rest(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
+    props = __rest$1(_a, ["api", "queryField", "fn", "transformFn", "config", "tabbed"]);
   const {
     id,
     api: mApi
-  } = useApi(api, queryField);
+  } = useApi(api$1, queryField);
   const {
     data
-  } = useApiQuery(mApi.queryKey, fn === "get" || fn === "getTransformed" ? mApi.get : mApi.getAll, react.isFunction(api) ? undefined : id);
+  } = api.useApiQuery(mApi.queryKey, fn === "get" || fn === "getTransformed" ? mApi.get : mApi.getAll, react.isFunction(api$1) ? undefined : id);
   const transformedData = React__default["default"].useMemo(() => {
     if (data && (fn === "getTransformed" || fn === "getAllTransformed")) {
       if (!transformFn) console.warn(`QueryWrapperDialog: you forgot to pass transformFn as parameter for fn ${fn}`);
@@ -2317,7 +1255,7 @@ function TabbedView(_a) {
       api,
       screen
     } = _a;
-    __rest(_a, ["queryField", "api", "screen"]);
+    __rest$1(_a, ["queryField", "api", "screen"]);
   const {
     [queryField]: id
   } = reactRouterDom.useParams();
@@ -2413,7 +1351,7 @@ function TableContainer(_a) {
       columns,
       children
     } = _a,
-    props = __rest(_a, ["initialPageSize", "initialVisibleColumns", "columns", "children"]);
+    props = __rest$1(_a, ["initialPageSize", "initialVisibleColumns", "columns", "children"]);
   return jsxRuntime.jsx(ui.Tile, Object.assign({
     scheme: "light",
     shadow: true,
@@ -2439,7 +1377,7 @@ function TableCreateButton(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx(DialogButton, Object.assign({
     scheme: "default",
     corners: "pill",
@@ -2453,7 +1391,7 @@ function TableCreateButton(_a) {
 }
 
 function TableFilterButton(_a) {
-  var props = __rest(_a, []);
+  var props = __rest$1(_a, []);
   // return <Button scheme="secondary" {...props}><Icon path={mdiFilter} /></Button>
   return jsxRuntime.jsxs(ui.Popover, {
     side: "bottom-end",
@@ -2501,8 +1439,8 @@ function TableTopBar(_a) {
       queryKey,
       children
     } = _a,
-    props = __rest(_a, ["title", "queryKey", "children"]);
-  const invalidate = useInvalidateQuery(queryKey);
+    props = __rest$1(_a, ["title", "queryKey", "children"]);
+  const invalidate = api.useInvalidateQuery(queryKey);
   useHotkeys('ctrl+r', () => invalidate(), {
     preventDefault: true
   }, [invalidate]);
@@ -2560,7 +1498,7 @@ function ItemEditDialog$1(_a) {
       initialValues,
       itemLabel,
       queryId = "",
-      api,
+      api: api$1,
       queryFetchOptions,
       querySaveOptions,
       onSuccess,
@@ -2582,7 +1520,7 @@ function ItemEditDialog$1(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest(_a, ["initialValues", "itemLabel", "queryId", "api", "queryFetchOptions", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "api", "queryFetchOptions", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
   const {
     isInitialLoading,
     isFetching,
@@ -2590,13 +1528,13 @@ function ItemEditDialog$1(_a) {
     isError,
     error /*, error*/,
     refetch
-  } = useApiQuery(api.queryKey, api.get, queryId, Object.assign({
+  } = api.useApiQuery(api$1.queryKey, api$1.get, queryId, Object.assign({
     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 ? useInvalidateParentMutation(api.upsert, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey, querySaveOptions) : useApiMutation(api.upsert, api.queryKey, queryId, querySaveOptions);
+  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) => __awaiter(this, void 0, void 0, function* () {
     // Clear mutation error if any
@@ -2698,7 +1636,7 @@ function ItemEditDialog$1(_a) {
 }
 
 function QueryWrapperDialog({
-  api,
+  api: api$1,
   fn,
   transformFn,
   config,
@@ -2709,7 +1647,7 @@ function QueryWrapperDialog({
   const {
     data,
     isFetching
-  } = useApiQuery(api.queryKey, fn === "get" || fn === "getTransformed" ? api.get : api.getAll, undefined, {
+  } = api.useApiQuery(api$1.queryKey, fn === "get" || fn === "getTransformed" ? api$1.get : api$1.getAll, undefined, {
     retryOnMount: false,
     refetchOnMount: false,
     refetchOnWindowFocus: false
@@ -2743,7 +1681,7 @@ function MultiQueryWrapperDialog({
     data,
     isFetching,
     isError
-  } = useApiQueries(queries.map(q => ({
+  } = api.useApiQueries(queries.map(q => ({
     queryKey: q.api.queryKey,
     queryFn: q.fn == "get" ? q.api.get : q.api.getAll,
     queryOptions: {
@@ -2778,7 +1716,7 @@ function DialogRenderer({
   invalidateQueryKey,
   queryId
 }) {
-  const props = __rest(config, ["type"]);
+  const props = __rest$1(config, ["type"]);
   if (config.type === "dialog") return jsxRuntime.jsx(ItemEditDialog$1, Object.assign({}, props, {
     queryId: queryId,
     invalidateQueryKey: invalidateQueryKey,
@@ -2802,16 +1740,16 @@ function ItemDeleteDialog(_a) {
   var {
       itemLabel,
       queryId = "",
-      api,
+      api: api$1,
       invalidateQueriesOnSuccess = true,
       invalidateQueryKey,
       size = "lg",
       show,
       onClose
     } = _a,
-    props = __rest(_a, ["itemLabel", "queryId", "api", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "show", "onClose"]);
-  const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(api.delete, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey) : useApiMutation(api.upsert, api.queryKey);
-  const mutate = useMutate(mutation, {
+    props = __rest$1(_a, ["itemLabel", "queryId", "api", "invalidateQueriesOnSuccess", "invalidateQueryKey", "size", "show", "onClose"]);
+  const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(api$1.delete, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api$1.queryKey) : api.useApiMutation(api$1.upsert, api$1.queryKey);
+  const mutate = api.useMutate(mutation, {
     onSuccess: () => onClose === null || onClose === void 0 ? void 0 : onClose()
   });
   const handleDelete = React__default["default"].useCallback(() => mutate(queryId), [mutate, queryId]);
@@ -2987,13 +1925,13 @@ function createColumnHelper() {
 function TableRowPublishPostButton$1(_a) {
   var {
       id,
-      api,
+      api: api$1,
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = __rest$1(_a, ["id", "api", "status", "invalidateQueryKey"]);
   const isDraft = status == "draft";
-  const mutation = useInvalidateParentMutation(isDraft ? api.publish : api.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey, {
+  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 => {
@@ -3050,7 +1988,7 @@ function ActionButton$1(_a) {
   var {
       onClick
     } = _a,
-    props = __rest(_a, ["onClick"]);
+    props = __rest$1(_a, ["onClick"]);
   const handleClick = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
@@ -3091,7 +2029,7 @@ function useTableProps(api, table, rowActions) {
       onRowClick,
       columns: c
     } = table,
-    props = __rest(table, ["onRowClick", "columns"]);
+    props = __rest$1(table, ["onRowClick", "columns"]);
   const onRowClickHandler = React__default["default"].useCallback(item => {
     if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) === "navigate") navigate(react.runIfFn(onRowClick.path, item));else if ((onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick.type) == "link") openLink(`${process.env["NEXT_PUBLIC_WEBSITE_URL"]}/${react.runIfFn(onRowClick.path, item)}`);
   }, [navigate, onRowClick]);
@@ -3488,8 +2426,8 @@ function ActionButton({
   errorMsg,
   invalidateParent
 }) {
-  const mutation = invalidateParent ? useInvalidateParentMutation(queryFn, queryKey) : useApiMutation(queryFn, queryKey);
-  const mutate = useMutate(mutation, {
+  const mutation = invalidateParent ? api.useInvalidateParentMutation(queryFn, queryKey) : api.useApiMutation(queryFn, queryKey);
+  const mutate = api.useMutate(mutation, {
     successMsg,
     errorMsg
   });
@@ -3552,7 +2490,7 @@ function TableView(_a) {
       subtitle,
       screen
     } = _a,
-    props = __rest(_a, ["queryField", "title", "subtitle", "screen"]);
+    props = __rest$1(_a, ["queryField", "title", "subtitle", "screen"]);
   const id = useId(queryField);
   const _screen = react.runIfFn(screen, id);
   return jsxRuntime.jsx(PageContainer, Object.assign({
@@ -3688,7 +2626,7 @@ function useQueries(queries) {
     data,
     isFetching,
     isError
-  } = useApiQueries(queries.map(q => {
+  } = api.useApiQueries(queries.map(q => {
     if (!q.queryField || !react.isFunction(q.api)) {
       const _api = q.api;
       return {
@@ -3744,7 +2682,7 @@ function MultiQueryWrapper(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest(_a, ["queries", "config", "tabbed"]);
+    props = __rest$1(_a, ["queries", "config", "tabbed"]);
   const {
     data,
     isFetching,
@@ -3772,7 +2710,7 @@ function ScreenRenderer(_a) {
       config,
       tabbed
     } = _a,
-    props = __rest(_a, ["config", "tabbed"]);
+    props = __rest$1(_a, ["config", "tabbed"]);
   if (config.type === "table") return jsxRuntime.jsx(TableView, Object.assign({}, config, props));
   if (config.type === "tabbed") return jsxRuntime.jsx(TabbedView, Object.assign({}, config, props));
   if (config.type === "details") return jsxRuntime.jsx(DetailsView, Object.assign({}, config, {
@@ -3813,7 +2751,7 @@ function AttachDialog(_a) {
       formikProps,
       getItemName
     } = _a,
-    props = __rest(_a, ["queryId", "queryKey", "queryFetchFn", "queryFetchAllKey", "queryFetchAllFn", "querySaveFn", "matchKey", "size", "show", "onClose", "itemLabel", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "invalidateQueriesOnSuccess", "retryText", "cancelLabel", "saveLabel", "formikProps", "getItemName"]);
+    props = __rest$1(_a, ["queryId", "queryKey", "queryFetchFn", "queryFetchAllKey", "queryFetchAllFn", "querySaveFn", "matchKey", "size", "show", "onClose", "itemLabel", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "invalidateQueriesOnSuccess", "retryText", "cancelLabel", "saveLabel", "formikProps", "getItemName"]);
   const queryClient = reactQuery.useQueryClient();
   const {
     data: attached,
@@ -3821,18 +2759,18 @@ function AttachDialog(_a) {
     isError: fetchError,
     refetch,
     error
-  } = useApiQuery(queryKey, queryFetchFn);
+  } = api.useApiQuery(queryKey, queryFetchFn);
   const {
     data,
     isInitialLoading: fetchAllLoading,
     isError: fetchAllError,
     refetch: refetchAll,
     error: errorAll
-  } = useApiQuery(queryFetchAllKey, queryFetchAllFn);
+  } = api.useApiQuery(queryFetchAllKey, queryFetchAllFn);
   const [selectedResources, setSelectedResources] = React__default["default"].useState([]);
   const isLoading = fetchLoading || fetchAllLoading;
   const isError = fetchError || fetchAllError;
-  const mutation = useApiMutation(querySaveFn, queryKey, queryId);
+  const mutation = api.useApiMutation(querySaveFn, queryKey, queryId);
   const handleClick = React__default["default"].useCallback(event => {
     var _a;
     const id = (_a = event === null || event === void 0 ? void 0 : event.currentTarget.dataset.id) !== null && _a !== void 0 ? _a : "";
@@ -3939,7 +2877,7 @@ function ListItem(_a) {
       value,
       checked
     } = _a,
-    props = __rest(_a, ["label", "value", "checked"]);
+    props = __rest$1(_a, ["label", "value", "checked"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     alignItems: "center",
@@ -3984,9 +2922,9 @@ function FormActionDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFn", "queryOptions", "onSuccess", "successMsg", "showSuccessMsg", "onError", "errorMsg", "showErrorMsg", "processInput", "invalidateQueriesOnSuccess", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
-  const mutation = invalidateQueriesOnSuccess ? useInvalidateParentMutation(queryFn, queryKey, queryOptions) : useApiMutation(queryFn, queryKey, queryId, queryOptions);
-  const mutate = useMutate(mutation, {
+    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFn", "queryOptions", "onSuccess", "successMsg", "showSuccessMsg", "onError", "errorMsg", "showErrorMsg", "processInput", "invalidateQueriesOnSuccess", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+  const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(queryFn, queryKey, queryOptions) : api.useApiMutation(queryFn, queryKey, queryId, queryOptions);
+  const mutate = api.useMutate(mutation, {
     onSuccess,
     successMsg,
     showSuccessMsg,
@@ -4072,7 +3010,7 @@ function ItemEditDialog(_a) {
       onClose,
       formikProps
     } = _a,
-    props = __rest(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFetchFn", "queryFetchOptions", "querySaveFn", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
+    props = __rest$1(_a, ["initialValues", "itemLabel", "queryId", "queryKey", "queryFetchFn", "queryFetchOptions", "querySaveFn", "querySaveOptions", "onSuccess", "onFetchError", "fetchErrorMsg", "onSaveError", "saveErrorMsg", "fetchToFormData", "formToQueryData", "invalidateQueriesOnSuccess", "invalidateQueryKey", "retryText", "cancelLabel", "saveLabel", "size", "title", "form", "show", "onClose", "formikProps"]);
   const {
     isInitialLoading,
     isFetching,
@@ -4080,13 +3018,13 @@ function ItemEditDialog(_a) {
     isError,
     error /*, error*/,
     refetch
-  } = useApiQuery(queryKey, queryFetchFn, queryId, Object.assign({
+  } = api.useApiQuery(queryKey, queryFetchFn, queryId, Object.assign({
     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 ? useInvalidateParentMutation(querySaveFn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : queryKey, querySaveOptions) : useApiMutation(querySaveFn, queryKey, queryId, querySaveOptions);
+  const mutation = invalidateQueriesOnSuccess ? api.useInvalidateParentMutation(querySaveFn, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : queryKey, querySaveOptions) : api.useApiMutation(querySaveFn, queryKey, queryId, querySaveOptions);
   const retry = React__default["default"].useCallback(() => refetch(), [refetch]);
   const saveItem = React__default["default"].useCallback((item, actions) => {
     // Clear mutation error if any
@@ -4188,7 +3126,7 @@ function PageSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "5"
@@ -4202,7 +3140,7 @@ const PageStateContainer = /*#__PURE__*/React__default["default"].forwardRef((_a
       loading = false,
       children
     } = _a,
-    props = __rest(_a, ["loading", "children"]);
+    props = __rest$1(_a, ["loading", "children"]);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [loading && jsxRuntime.jsx(components.QueryLoadingState, {
       w: "full",
@@ -4224,7 +3162,7 @@ function PageSubSectionTitle(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx("div", Object.assign({
     trait: "typo.h6",
     mb: "3"
@@ -4253,7 +3191,7 @@ function StatusBadge(_a) {
   var {
       status
     } = _a,
-    props = __rest(_a, ["status"]);
+    props = __rest$1(_a, ["status"]);
   return jsxRuntime.jsx(ui.Badge, Object.assign({
     size: "sm",
     variant: "glass",
@@ -4270,7 +3208,7 @@ function TableRowViewButton(_a) {
   var {
       path
     } = _a,
-    props = __rest(_a, ["path"]);
+    props = __rest$1(_a, ["path"]);
   const openPage = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
     event === null || event === void 0 ? void 0 : event.stopPropagation();
@@ -4294,7 +3232,7 @@ function TableRowNavigateButton(_a) {
   var {
       path
     } = _a,
-    props = __rest(_a, ["path"]);
+    props = __rest$1(_a, ["path"]);
   const navigate = reactRouterDom.useNavigate();
   const handleClick = React__default["default"].useCallback(event => {
     event === null || event === void 0 ? void 0 : event.preventDefault();
@@ -4319,7 +3257,7 @@ function TableRowEditButton(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx(DialogButton, Object.assign({
     w: "10",
     h: "10",
@@ -4337,7 +3275,7 @@ function TableRowDeleteButton(_a) {
   var {
       children
     } = _a,
-    props = __rest(_a, ["children"]);
+    props = __rest$1(_a, ["children"]);
   return jsxRuntime.jsx(DialogButton, Object.assign({
     w: "10",
     h: "10",
@@ -4360,7 +3298,7 @@ function TableRowActionBar(_a) {
       deleteDialog,
       children
     } = _a,
-    props = __rest(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
+    props = __rest$1(_a, ["publishId", "viewPath", "navigatePath", "editDialog", "deleteDialog", "children"]);
   return jsxRuntime.jsxs("div", Object.assign({
     dflex: true,
     spaceX: "1",
@@ -4381,13 +3319,13 @@ function TableRowActionBar(_a) {
 function TableRowPublishPostButton(_a) {
   var {
       id,
-      api,
+      api: api$1,
       status,
       invalidateQueryKey
     } = _a,
-    props = __rest(_a, ["id", "api", "status", "invalidateQueryKey"]);
+    props = __rest$1(_a, ["id", "api", "status", "invalidateQueryKey"]);
   const isDraft = status == "draft";
-  const mutation = useInvalidateParentMutation(isDraft ? api.publish : api.unpublish, invalidateQueryKey !== null && invalidateQueryKey !== void 0 ? invalidateQueryKey : api.queryKey, {
+  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 => {