@panneau/data 4.0.37 → 4.0.40-alpha.1

package/dist/index.js

@@ -1,1057 +1,662 @@
-import { useState, useCallback, useEffect, useMemo, useRef, use, createContext } from 'react';
-import { useUrlGenerator } from '@panneau/core/contexts';
-import _createClass from '@babel/runtime/helpers/createClass';
-import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
-import _callSuper from '@babel/runtime/helpers/callSuper';
-import _inherits from '@babel/runtime/helpers/inherits';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { useState, useMemo, use, createContext } from 'react';
+import { useUrlGenerator, usePanneauResource, useResource } from '@panneau/core/contexts';
 import { getJSON, getCSRFHeaders, postJSON } from '@folklore/fetch';
 import { generatePath } from '@folklore/routes';
 import queryString from 'query-string';
 import { jsx } from 'react/jsx-runtime';
-import { useQuery, keepPreviousData, QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import isEmpty from 'lodash/isEmpty';
+import { useQuery, keepPreviousData, useMutation, QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { c } from 'react/compiler-runtime';
+import isArray from 'lodash/isArray';
+import isObject from 'lodash/isObject';
+import { isObject as isObject$1 } from 'lodash';
+import isString from 'lodash/isString';
 
-function useData(loadData) {
-  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    _ref$initialData = _ref.initialData,
-    initialData = _ref$initialData === void 0 ? null : _ref$initialData,
-    _ref$autoload = _ref.autoload,
-    autoload = _ref$autoload === void 0 ? true : _ref$autoload;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    error = _useState4[0],
-    setError = _useState4[1];
-  var _useState5 = useState(initialData),
-    _useState6 = _slicedToArray(_useState5, 2),
-    data = _useState6[0],
-    setData = _useState6[1];
-  var load = useCallback(function () {
-    var canceled = false;
-    setLoading(true);
-    var promise = loadData.apply(void 0, arguments).then(function (newData) {
-      if (!canceled) {
-        setData(newData);
-        setLoading(false);
-      }
-      return newData;
-    })["catch"](function (newError) {
-      setError(newError);
-      setLoading(false);
-    });
-    promise.cancel = function () {
-      canceled = true;
-      setLoading(false);
+function useItem(scope, id, loader, t0) {
+  const $ = c(15);
+  const opts = t0 === undefined ? null : t0;
+  let t1;
+  if ($[0] !== id || $[1] !== scope) {
+    t1 = [scope, id];
+    $[0] = id;
+    $[1] = scope;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== loader) {
+    t2 = t3 => {
+      const {
+        queryKey: t4
+      } = t3;
+      const [, idParam] = t4;
+      return loader(idParam);
     };
-    return promise;
-  }, [loadData, setLoading, setData]);
-  useEffect(function () {
-    var loader = null;
-    if (autoload) {
-      loader = load();
-    }
-    return function () {
-      if (loader !== null) {
-        loader.cancel();
-      }
+    $[3] = loader;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== opts || $[6] !== t1 || $[7] !== t2) {
+    t3 = {
+      queryKey: t1,
+      queryFn: t2,
+      ...opts
+    };
+    $[5] = opts;
+    $[6] = t1;
+    $[7] = t2;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const t4 = useQuery(t3);
+  let request;
+  let t5;
+  if ($[9] !== t4) {
+    ({
+      data: t5,
+      ...request
+    } = t4);
+    $[9] = t4;
+    $[10] = request;
+    $[11] = t5;
+  } else {
+    request = $[10];
+    t5 = $[11];
+  }
+  const data = t5 === undefined ? null : t5;
+  let t6;
+  if ($[12] !== data || $[13] !== request) {
+    t6 = {
+      item: data,
+      ...request
     };
-  }, [autoload, load]);
-  return {
-    data: data,
-    load: load,
-    loading: loading,
-    error: error
-  };
+    $[12] = data;
+    $[13] = request;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
 }
 
-var _excluded$3 = ["store", "url", "paginated", "query", "onQueryChange", "queryConfig", "keepData"],
-  _excluded2$1 = ["page", "count"],
-  _excluded3 = ["data", "refetch", "isLoading", "isFetching", "isRefetching", "isFetched", "status", "error"];
-
-// For backwards compatibility
+// The new, better version
 
-function useItems$1(_ref) {
-  var store = _ref.store,
-    url = _ref.url,
-    _ref$paginated = _ref.paginated,
-    initialPaginated = _ref$paginated === void 0 ? false : _ref$paginated,
-    _ref$query = _ref.query,
-    initialQuery = _ref$query === void 0 ? null : _ref$query,
-    onQueryChange = _ref.onQueryChange,
-    _ref$queryConfig = _ref.queryConfig,
-    queryConfig = _ref$queryConfig === void 0 ? null : _ref$queryConfig,
-    _ref$keepData = _ref.keepData,
-    keepData = _ref$keepData === void 0 ? true : _ref$keepData,
-    oldProps = _objectWithoutProperties(_ref, _excluded$3);
-  // Legacy compatibility
-  var _ref2 = oldProps || {},
-    _ref2$getPage = _ref2.getPage,
-    getPage = _ref2$getPage === void 0 ? null : _ref2$getPage,
-    _ref2$getItems = _ref2.getItems,
-    getItems = _ref2$getItems === void 0 ? null : _ref2$getItems,
-    _ref2$page = _ref2.page,
-    oldPage = _ref2$page === void 0 ? null : _ref2$page,
-    _ref2$count = _ref2.count,
-    oldCount = _ref2$count === void 0 ? null : _ref2$count;
-    _ref2.items;
-    var _ref2$pages = _ref2.pages,
-    initialPages = _ref2$pages === void 0 ? null : _ref2$pages,
-    _ref2$getPageFromResp = _ref2.getPageFromResponse,
-    getPageFromResponse = _ref2$getPageFromResp === void 0 ? function () {
-      var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref3$pagination = _ref3.pagination,
-        _ref3$pagination$page = _ref3$pagination.page,
-        currentPage = _ref3$pagination$page === void 0 ? null : _ref3$pagination$page,
-        _ref3$pagination$last = _ref3$pagination.last_page,
-        lastPage = _ref3$pagination$last === void 0 ? null : _ref3$pagination$last,
-        _ref3$pagination$tota = _ref3$pagination.total,
-        total = _ref3$pagination$tota === void 0 ? null : _ref3$pagination$tota,
-        _ref3$pagination$per_ = _ref3$pagination.per_page,
-        perPage = _ref3$pagination$per_ === void 0 ? null : _ref3$pagination$per_,
-        _ref3$data = _ref3.data,
-        items = _ref3$data === void 0 ? null : _ref3$data;
-      return {
-        page: parseInt(currentPage, 10),
-        lastPage: parseInt(lastPage, 10),
-        total: parseInt(total, 10),
-        count: parseInt(perPage, 10),
-        items: items
-      };
-    } : _ref2$getPageFromResp,
-    _ref2$getItemsFromRes = _ref2.getItemsFromResponse,
-    getItemsFromResponse = _ref2$getItemsFromRes === void 0 ? function (data) {
-      return data;
-    } : _ref2$getItemsFromRes,
-    _ref2$onItemsLoaded = _ref2.onItemsLoaded,
-    onItemsLoaded = _ref2$onItemsLoaded === void 0 ? null : _ref2$onItemsLoaded,
-    _ref2$onPageLoaded = _ref2.onPageLoaded,
-    onPageLoaded = _ref2$onPageLoaded === void 0 ? null : _ref2$onPageLoaded,
-    _ref2$onLoaded = _ref2.onLoaded,
-    onLoaded = _ref2$onLoaded === void 0 ? null : _ref2$onLoaded,
-    _ref2$onError = _ref2.onError,
-    onError = _ref2$onError === void 0 ? null : _ref2$onError;
-  var paginated = useMemo(function () {
-    return getPage !== null || initialPages !== null || initialPaginated;
-  }, [getPage, initialPages, initialPaginated]);
-  var query = useMemo(function () {
-    // Backwards compatible
-    if (oldPage !== null || oldCount !== null) {
-      return _objectSpread({
-        page: oldPage,
-        count: oldCount
-      }, initialQuery);
-    }
-    return initialQuery;
-  }, [initialQuery]);
-  var _ref4 = query || {},
-    _ref4$page = _ref4.page,
-    page = _ref4$page === void 0 ? null : _ref4$page,
-    _ref4$count = _ref4.count,
-    count = _ref4$count === void 0 ? null : _ref4$count,
-    queryWithoutPageAndCount = _objectWithoutProperties(_ref4, _excluded2$1);
-  var queryKey = useMemo(function () {
-    return paginated && getPage !== null ? [store, page, count || 10, queryWithoutPageAndCount] : [store, query];
-  }, [paginated, page, count, queryWithoutPageAndCount]);
-  var _useQuery = useQuery(_objectSpread(_objectSpread(_objectSpread({
-      queryKey: queryKey,
-      queryFn: function queryFn(_ref5) {
-        var key = _ref5.queryKey;
-        if (paginated && getPage !== null) {
-          var _key = _slicedToArray(key, 4),
-            _key$ = _key[1],
-            p = _key$ === void 0 ? null : _key$,
-            _key$2 = _key[2],
-            c = _key$2 === void 0 ? null : _key$2,
-            _key$3 = _key[3],
-            _q = _key$3 === void 0 ? null : _key$3;
-          return getPage(p, c, _q);
-        }
-        if (!paginated && getItems !== null) {
-          var _key2 = _slicedToArray(key, 2),
-            _key2$ = _key2[1],
-            _q2 = _key2$ === void 0 ? null : _key2$;
-          return getItems(_q2);
-        }
-        var _key3 = _slicedToArray(key, 2),
-          _key3$ = _key3[1],
-          q = _key3$ === void 0 ? null : _key3$;
-        return getJSON("".concat(url).concat(!isEmpty(q) ? "?".concat(queryString.stringify(q, {
-          arrayFormat: 'bracket'
-        })) : ''));
-      }
-    }, keepData ? {
+function useItems(scope, t0) {
+  const $ = c(75);
+  let queryConfig;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  if ($[0] !== t0) {
+    ({
+      url: t1,
+      getItems: t2,
+      page: t3,
+      count: t4,
+      query: t5,
+      keepData: t6,
+      ...queryConfig
+    } = t0);
+    $[0] = t0;
+    $[1] = queryConfig;
+    $[2] = t1;
+    $[3] = t2;
+    $[4] = t3;
+    $[5] = t4;
+    $[6] = t5;
+    $[7] = t6;
+  } else {
+    queryConfig = $[1];
+    t1 = $[2];
+    t2 = $[3];
+    t3 = $[4];
+    t4 = $[5];
+    t5 = $[6];
+    t6 = $[7];
+  }
+  const url = t1 === undefined ? null : t1;
+  const getItems = t2 === undefined ? null : t2;
+  const initialPage = t3 === undefined ? null : t3;
+  const initialCount = t4 === undefined ? null : t4;
+  const query = t5 === undefined ? null : t5;
+  const keepData = t6 === undefined ? true : t6;
+  let t7;
+  if ($[8] !== query) {
+    t7 = query || {};
+    $[8] = query;
+    $[9] = t7;
+  } else {
+    t7 = $[9];
+  }
+  let queryWithoutPage;
+  let t8;
+  let t9;
+  if ($[10] !== t7) {
+    ({
+      page: t8,
+      count: t9,
+      ...queryWithoutPage
+    } = t7);
+    $[10] = t7;
+    $[11] = queryWithoutPage;
+    $[12] = t8;
+    $[13] = t9;
+  } else {
+    queryWithoutPage = $[11];
+    t8 = $[12];
+    t9 = $[13];
+  }
+  const page = t8 === undefined ? initialPage : t8;
+  const count = t9 === undefined ? initialCount : t9;
+  const paginated = page !== null;
+  let t10;
+  if ($[14] !== count || $[15] !== page || $[16] !== queryWithoutPage || $[17] !== scope) {
+    t10 = [scope, queryWithoutPage, page, count];
+    $[14] = count;
+    $[15] = page;
+    $[16] = queryWithoutPage;
+    $[17] = scope;
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  let t11;
+  if ($[19] !== getItems || $[20] !== url) {
+    t11 = t12 => {
+      const {
+        queryKey: t13
+      } = t12;
+      const [, t14, t15, t16] = t13 === undefined ? [] : t13;
+      const queryParam = t14 === undefined ? null : t14;
+      const pageParam = t15 === undefined ? null : t15;
+      const countParam = t16 === undefined ? null : t16;
+      return getItems !== null ? getItems(queryParam, pageParam, countParam) : getJSON(`${url}?${queryString.stringify({
+        ...(isObject(queryParam) ? queryParam : {}),
+        ...(pageParam !== null ? {
+          page: pageParam
+        } : null),
+        ...(countParam !== null ? {
+          count: countParam
+        } : null)
+      }, {
+        arrayFormat: "bracket"
+      })}`);
+    };
+    $[19] = getItems;
+    $[20] = url;
+    $[21] = t11;
+  } else {
+    t11 = $[21];
+  }
+  let t12;
+  if ($[22] !== keepData) {
+    t12 = keepData ? {
       placeholderData: keepPreviousData
-    } : null), queryConfig), {}, {
-      refetchOnMount: 'always'
-    })),
-    _useQuery$data = _useQuery.data,
-    data = _useQuery$data === void 0 ? null : _useQuery$data,
-    reload = _useQuery.refetch,
-    isLoading = _useQuery.isLoading,
-    isFetching = _useQuery.isFetching,
-    isRefetching = _useQuery.isRefetching,
-    isFetched = _useQuery.isFetched,
-    _useQuery$status = _useQuery.status,
-    status = _useQuery$status === void 0 ? null : _useQuery$status,
-    _useQuery$error = _useQuery.error,
-    error = _useQuery$error === void 0 ? null : _useQuery$error,
-    otherProps = _objectWithoutProperties(_useQuery, _excluded3);
-  var _ref6 = data || {},
-    _ref6$data = _ref6.data,
-    items = _ref6$data === void 0 ? [] : _ref6$data,
-    _ref6$pagination = _ref6.pagination,
-    pagination = _ref6$pagination === void 0 ? null : _ref6$pagination,
-    _ref6$meta = _ref6.meta,
-    meta = _ref6$meta === void 0 ? null : _ref6$meta;
-  var _ref7 = pagination || meta || {},
-    _ref7$page = _ref7.page,
-    currentPage = _ref7$page === void 0 ? null : _ref7$page,
-    _ref7$last_page = _ref7.last_page,
-    lastPage = _ref7$last_page === void 0 ? null : _ref7$last_page,
-    _ref7$total = _ref7.total,
-    total = _ref7$total === void 0 ? null : _ref7$total;
-  var loadNextPage = useCallback(function () {
-    if (onQueryChange !== null && paginated && page !== null && page < lastPage) {
-      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
-        page: page + 1
-      }));
-    }
-  }, [paginated, pagination, page]);
-  var loadPage = useCallback(function (newPage) {
-    if (onQueryChange !== null && newPage !== null) {
-      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
-        page: newPage
-      }));
-    }
-  }, [query, onQueryChange]);
-
-  // Keep a list of updated items
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    updatedItems = _useState2[0],
-    setUpdatedItems = _useState2[1];
-  var updateItem = useCallback(function (item) {
-    var _ref8 = item || {},
-      _ref8$id = _ref8.id,
-      itemId = _ref8$id === void 0 ? null : _ref8$id;
-    if (itemId !== null) {
-      setUpdatedItems([].concat(_toConsumableArray((updatedItems || []).filter(function () {
-        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id !== itemId;
-      })), [item]));
-    }
-  }, [updatedItems, setUpdatedItems]);
-  var replaceUpdatedItems = useCallback(function (currentItems) {
-    if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
-      return currentItems;
-    }
-    return (currentItems || []).map(function (item) {
-      var _ref0 = item || {},
-        _ref0$id = _ref0.id,
-        itemId = _ref0$id === void 0 ? null : _ref0$id;
-      var updated = (updatedItems || []).find(function () {
-        var _ref1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref1$id = _ref1.id,
-          id = _ref1$id === void 0 ? null : _ref1$id;
-        return id === itemId;
-      }) || null;
-      if (updated !== null) {
-        return updated;
-      }
-      return item;
-    }, []);
-  }, [updatedItems]);
-  var partialItems = useMemo(function () {
-    if (data === null) {
-      return data;
-    }
-    if (paginated) {
-      if (getPageFromResponse !== null) {
-        return getPageFromResponse(items);
-      }
-      return items;
-    }
-    if (getItemsFromResponse !== null) {
-      return getItemsFromResponse(data);
-    }
-    return data;
-  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse, updatedItems]);
-  var finalItems = replaceUpdatedItems(partialItems);
-
-  // Pseudo-events for compatibility
-  useEffect(function () {
-    if (status === 'success') {
-      if (onPageLoaded !== null && paginated) {
-        onItemsLoaded(data);
-      }
-      if (onItemsLoaded !== null && !paginated) {
-        onItemsLoaded(data);
+    } : null;
+    $[22] = keepData;
+    $[23] = t12;
+  } else {
+    t12 = $[23];
+  }
+  let t13;
+  if ($[24] !== queryConfig || $[25] !== t10 || $[26] !== t11 || $[27] !== t12) {
+    t13 = {
+      queryKey: t10,
+      queryFn: t11,
+      refetchOnMount: "always",
+      ...t12,
+      ...queryConfig
+    };
+    $[24] = queryConfig;
+    $[25] = t10;
+    $[26] = t11;
+    $[27] = t12;
+    $[28] = t13;
+  } else {
+    t13 = $[28];
+  }
+  const t14 = useQuery(t13);
+  let isFetched;
+  let isFetching;
+  let isLoading;
+  let isRefetching;
+  let otherProps;
+  let reload;
+  let t15;
+  if ($[29] !== t14) {
+    ({
+      data: t15,
+      refetch: reload,
+      isLoading,
+      isFetching,
+      isRefetching,
+      isFetched,
+      ...otherProps
+    } = t14);
+    $[29] = t14;
+    $[30] = isFetched;
+    $[31] = isFetching;
+    $[32] = isLoading;
+    $[33] = isRefetching;
+    $[34] = otherProps;
+    $[35] = reload;
+    $[36] = t15;
+  } else {
+    isFetched = $[30];
+    isFetching = $[31];
+    isLoading = $[32];
+    isRefetching = $[33];
+    otherProps = $[34];
+    reload = $[35];
+    t15 = $[36];
+  }
+  const data = t15 === undefined ? null : t15;
+  let t16;
+  if ($[37] !== data) {
+    t16 = isArray(data) ? {
+      data
+    } : data || {};
+    $[37] = data;
+    $[38] = t16;
+  } else {
+    t16 = $[38];
+  }
+  const {
+    data: t17,
+    pagination: t18,
+    meta: t19
+  } = t16;
+  let t20;
+  if ($[39] !== t17) {
+    t20 = t17 === undefined ? [] : t17;
+    $[39] = t17;
+    $[40] = t20;
+  } else {
+    t20 = $[40];
+  }
+  const items = t20;
+  const pagination = t18 === undefined ? null : t18;
+  const meta = t19 === undefined ? null : t19;
+  let t21;
+  if ($[41] !== meta || $[42] !== pagination) {
+    t21 = pagination || meta || {};
+    $[41] = meta;
+    $[42] = pagination;
+    $[43] = t21;
+  } else {
+    t21 = $[43];
+  }
+  const {
+    page: t22,
+    last_page: t23,
+    total: t24
+  } = t21;
+  const currentPage = t22 === undefined ? null : t22;
+  const lastPage = t23 === undefined ? 0 : t23;
+  const total = t24 === undefined ? null : t24;
+  let t25;
+  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = [];
+    $[44] = t25;
+  } else {
+    t25 = $[44];
+  }
+  const [updatedItems, setUpdatedItems] = useState(t25);
+  let t26;
+  if ($[45] !== updatedItems) {
+    t26 = item => {
+      const {
+        id: t27
+      } = item || {};
+      const itemId = t27 === undefined ? null : t27;
+      if (itemId !== null) {
+        setUpdatedItems([...(updatedItems || []).filter(t28 => {
+          const {
+            id: t29
+          } = t28 === undefined ? {} : t28;
+          const id = t29 === undefined ? null : t29;
+          return id !== itemId;
+        }), item]);
       }
-      if (onLoaded !== null) {
-        onLoaded(data);
+    };
+    $[45] = updatedItems;
+    $[46] = t26;
+  } else {
+    t26 = $[46];
+  }
+  const updateItem = t26;
+  let t27;
+  if ($[47] !== updatedItems) {
+    t27 = currentItems => {
+      if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
+        return currentItems;
       }
-    }
-    if (status === 'error' && onError !== null) {
-      onError(error);
-    }
-  }, [status]);
-
-  // Keep a list of pages, useEffect wont work here because delayed
-  var pages = useRef(null);
-  if (isFetched && page !== null && data !== null) {
-    pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
-  }
-  var allItems = pages.current !== null ? replaceUpdatedItems(Object.keys(pages.current).flatMap(function (k) {
-    var _pages$current$k;
-    return (_pages$current$k = pages.current[k]) === null || _pages$current$k === void 0 ? void 0 : _pages$current$k.data;
-  })) : null;
-  var finalLoading = isLoading || isFetching || isRefetching;
-  return _objectSpread(_objectSpread({}, otherProps), {}, {
-    items: finalItems,
-    allItems: allItems,
-    pages: pages.current,
-    pageItems: paginated ? finalItems : null,
-    pagination: paginated ? {
+      return (currentItems || []).map(item_0 => {
+        const {
+          id: t28
+        } = item_0 || {};
+        const itemId_0 = t28 === undefined ? null : t28;
+        const updated = (updatedItems || []).find(t29 => {
+          const {
+            id: t30
+          } = t29 === undefined ? {} : t29;
+          const id_0 = t30 === undefined ? null : t30;
+          return id_0 === itemId_0;
+        }) || null;
+        if (updated !== null) {
+          return updated;
+        }
+        return item_0;
+      }, []);
+    };
+    $[47] = updatedItems;
+    $[48] = t27;
+  } else {
+    t27 = $[48];
+  }
+  const replaceUpdatedItems = t27;
+  let t28;
+  if ($[49] !== items || $[50] !== replaceUpdatedItems) {
+    t28 = replaceUpdatedItems(items);
+    $[49] = items;
+    $[50] = replaceUpdatedItems;
+    $[51] = t28;
+  } else {
+    t28 = $[51];
+  }
+  const finalItems = t28;
+  let t29;
+  if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
+    t29 = {};
+    $[52] = t29;
+  } else {
+    t29 = $[52];
+  }
+  const [pages, setPages] = useState(t29);
+  if (isFetched && page !== null && data !== null && typeof pages[page] === "undefined") {
+    setPages({
+      ...pages,
+      [page]: data
+    });
+  }
+  let t30;
+  if ($[53] !== finalItems || $[54] !== pages || $[55] !== replaceUpdatedItems) {
+    t30 = pages ? replaceUpdatedItems(Object.keys(pages).flatMap(k => pages[k]?.data)) : finalItems;
+    $[53] = finalItems;
+    $[54] = pages;
+    $[55] = replaceUpdatedItems;
+    $[56] = t30;
+  } else {
+    t30 = $[56];
+  }
+  const allItems = t30;
+  const finalLoading = isLoading || isFetching || isRefetching;
+  let t31;
+  if ($[57] !== currentPage || $[58] !== lastPage || $[59] !== paginated || $[60] !== total) {
+    t31 = paginated ? {
       page: currentPage,
-      lastPage: lastPage,
-      total: total
-    } : null,
-    total: total,
-    lastPage: lastPage,
-    loaded: isFetched,
-    allLoaded: paginated && pages.current !== null && Object.keys(pages.current).length === lastPage || !paginated && isFetched,
-    // very basic stuff, TODO
-    loading: finalLoading,
-    loadNextPage: loadNextPage,
-    loadPage: loadPage,
-    reloadPage: reload,
-    reload: reload,
-    reset: reload,
-    updateItem: updateItem,
-    status: status,
-    error: error
-  });
+      lastPage,
+      total
+    } : null;
+    $[57] = currentPage;
+    $[58] = lastPage;
+    $[59] = paginated;
+    $[60] = total;
+    $[61] = t31;
+  } else {
+    t31 = $[61];
+  }
+  let t32;
+  if ($[62] !== allItems || $[63] !== finalItems || $[64] !== finalLoading || $[65] !== isFetched || $[66] !== isFetching || $[67] !== isLoading || $[68] !== isRefetching || $[69] !== otherProps || $[70] !== pages || $[71] !== reload || $[72] !== t31 || $[73] !== updateItem) {
+    t32 = {
+      ...otherProps,
+      isLoading,
+      isFetching,
+      isRefetching,
+      isFetched,
+      items: finalItems,
+      pages,
+      allItems,
+      loading: finalLoading,
+      loaded: isFetched,
+      reload,
+      updateItem,
+      pagination: t31
+    };
+    $[62] = allItems;
+    $[63] = finalItems;
+    $[64] = finalLoading;
+    $[65] = isFetched;
+    $[66] = isFetching;
+    $[67] = isLoading;
+    $[68] = isRefetching;
+    $[69] = otherProps;
+    $[70] = pages;
+    $[71] = reload;
+    $[72] = t31;
+    $[73] = updateItem;
+    $[74] = t32;
+  } else {
+    t32 = $[74];
+  }
+  return t32;
 }
 
-function useItems(_ref) {
-  var _ref$getPage = _ref.getPage,
-    getPage = _ref$getPage === void 0 ? null : _ref$getPage,
-    _ref$getItems = _ref.getItems,
-    getItems = _ref$getItems === void 0 ? null : _ref$getItems,
-    _ref$page = _ref.page,
-    page = _ref$page === void 0 ? null : _ref$page,
-    _ref$count = _ref.count,
-    count = _ref$count === void 0 ? 10 : _ref$count,
-    _ref$items = _ref.items,
-    providedItems = _ref$items === void 0 ? null : _ref$items,
-    _ref$pages = _ref.pages,
-    initialPages = _ref$pages === void 0 ? null : _ref$pages,
-    _ref$getPageFromRespo = _ref.getPageFromResponse,
-    getPageFromResponse = _ref$getPageFromRespo === void 0 ? function (_ref2) {
-      var _ref2$pagination = _ref2.pagination,
-        currentPage = _ref2$pagination.page,
-        lastPage = _ref2$pagination.last_page,
-        total = _ref2$pagination.total,
-        perPage = _ref2$pagination.per_page,
-        items = _ref2.data;
-      return {
-        page: parseInt(currentPage, 10),
-        lastPage: parseInt(lastPage, 10),
-        total: parseInt(total, 10),
-        count: parseInt(perPage, 10),
-        items: items
-      };
-    } : _ref$getPageFromRespo,
-    _ref$getItemsFromResp = _ref.getItemsFromResponse,
-    getItemsFromResponse = _ref$getItemsFromResp === void 0 ? function (data) {
-      return data;
-    } : _ref$getItemsFromResp,
-    _ref$onItemsLoaded = _ref.onItemsLoaded,
-    onItemsLoaded = _ref$onItemsLoaded === void 0 ? null : _ref$onItemsLoaded,
-    _ref$onPageLoaded = _ref.onPageLoaded,
-    onPageLoaded = _ref$onPageLoaded === void 0 ? null : _ref$onPageLoaded,
-    _ref$onLoaded = _ref.onLoaded,
-    onLoaded = _ref$onLoaded === void 0 ? null : _ref$onLoaded,
-    _ref$onError = _ref.onError,
-    onError = _ref$onError === void 0 ? null : _ref$onError;
-  var isPaginated = getPage !== null || initialPages !== null;
-  var lastState = useRef(null);
-  var initialState = useMemo(function () {
-    var finalInitialPages = initialPages !== null ? initialPages.map(function (it) {
-      return getPageFromResponse(it);
-    }) : null;
-    return {
-      lastPage: finalInitialPages !== null ? finalInitialPages.reduce(function (currentLastPage, _ref3) {
-        var initialLastPage = _ref3.lastPage;
-        return initialLastPage > currentLastPage ? initialLastPage : currentLastPage;
-      }, -1) : -1,
-      total: finalInitialPages !== null ? finalInitialPages[0].total : (providedItems || []).length,
-      loaded: providedItems !== null,
-      loading: false,
-      pages: finalInitialPages !== null ? finalInitialPages : null,
-      items: null
+class AccountApi {
+  constructor(api, opts) {
+    this.api = api;
+    this.options = {
+      withCredentials: false,
+      ...opts
     };
-  }, [initialPages, providedItems]);
-  var _useState = useState(initialState),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var lastPage = state.lastPage,
-    loaded = state.loaded,
-    loading = state.loading,
-    stateItems = state.items,
-    pages = state.pages,
-    total = state.total;
-  var items = providedItems || (isPaginated && pages !== null ? pages.reduce(function (pagesItems, _ref4) {
-    var pageItems = _ref4.items;
-    return pagesItems.concat(pageItems);
-  }, []) : stateItems) || null;
-  var updateState = function updateState(update) {
-    return setState(_objectSpread(_objectSpread({}, state), update));
-  };
-  var updateFromResponse = function updateFromResponse(response) {
-    var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    var reset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    if (error !== null) {
-      updateState({
-        loaded: false,
-        loading: false
-      });
-      throw error;
-    }
-    if (isPaginated) {
-      var newPage = getPageFromResponse(response);
-      var newPages = (reset ? [newPage] : [].concat(_toConsumableArray((pages || []).filter(function (it) {
-        return it.page !== newPage.page;
-      })), [newPage])).sort(function (a, b) {
-        if (a === b) {
-          return 0;
-        }
-        return a > b ? 1 : -1;
-      });
-      updateState({
-        loaded: true,
-        loading: false,
-        lastPage: newPage.lastPage,
-        total: newPage.total,
-        pages: newPages
-      });
-      return newPage;
-    }
-    var newItems = _toConsumableArray(getItemsFromResponse(response));
-    updateState({
-      loaded: true,
-      loading: false,
-      items: newItems,
-      total: newItems.length
-    });
-    return newItems;
-  };
-  var getNextPage = function getNextPage() {
-    var allPages = lastPage !== -1 ? Array.call.apply(Array, [null].concat(_toConsumableArray(Array(lastPage)))).map(function (it, index) {
-      return index + 1;
-    }) : [];
-    var remainingPages = allPages.filter(function (pageNumber) {
-      return pages.findIndex(function (it) {
-        return it.page === pageNumber;
-      }) === -1;
+  }
+  update(data) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('account'), data, {
+      withSession: !withCredentials,
+      withCredentials
     });
-    var firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
-    return firstItem !== null ? firstItem : null;
-  };
-  var loadItems = function loadItems(requestPage) {
-    updateState({
-      loading: true
+  }
+  updatePassword(data) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('account.password'), data, {
+      withSession: !withCredentials,
+      withCredentials
     });
-    var canceled = false;
-    var request = isPaginated ? getPage(requestPage, count) : getItems();
-    var promise = request.then(function (response) {
-      return !canceled ? updateFromResponse(response) : Promise.reject();
-    })["catch"](function (error) {
-      return !canceled ? updateFromResponse(null, error) : Promise.reject();
-    }).then(function (response) {
-      if (isPaginated && onPageLoaded !== null) {
-        onPageLoaded(response);
-      } else if (!isPaginated && onItemsLoaded !== null) {
-        onItemsLoaded(response);
-      }
-      if (onLoaded !== null) {
-        onLoaded(response);
-      }
-      return response;
-    })["catch"](function (error) {
-      if (!canceled && onError !== null) {
-        onError(error);
-      }
+  }
+  updateTaxes(data) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('account.taxes'), data, {
+      withSession: !withCredentials,
+      withCredentials
     });
-    promise.cancel = function () {
-      canceled = true;
-    };
-    return promise;
-  };
-  var loadPage = function loadPage(pageToLoad) {
-    if (loading) {
-      return Promise.reject();
-    }
-    if (pages.find(function (it) {
-      return it.page === pageToLoad;
-    }) !== -1) {
-      return Promise.reject();
-    }
-    return loadItems(pageToLoad);
-  };
-  var loadNextPage = function loadNextPage() {
-    if (loading) {
-      return Promise.reject();
-    }
-    var nextPage = getNextPage();
-    return nextPage !== null ? loadItems(nextPage) : Promise.resolve();
-  };
-  var reloadPage = function reloadPage() {
-    if (loading) {
-      return Promise.reject();
-    }
-    return loadItems(page);
-  };
-  var reload = function reload() {
-    if (loading) {
-      return Promise.reject();
-    }
-    return loadItems();
-  };
-  var reset = useCallback(function () {
-    setState({
-      loaded: false,
-      loading: false,
-      lastPage: -1,
-      total: 0,
-      pages: null,
-      items: null
+  }
+  delete(data) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('account.delete'), data, {
+      withSession: !withCredentials,
+      withCredentials
     });
-  }, [page, setState]);
-  var updateItem = function updateItem(newItem) {
-    if (loading) {
-      return;
-    }
-    if (isPaginated) {
-      var currentPages = pages || [];
-      updateState({
-        pages: currentPages.map(function (pageData) {
-          var pageItems = pageData.items || [];
-          if (pageItems.findIndex(function (_ref5) {
-            var id = _ref5.id;
-            return id === newItem.id;
-          }) !== -1) {
-            return _objectSpread(_objectSpread({}, pageData), {}, {
-              items: pageItems.map(function (it) {
-                return it.id === newItem.id ? newItem : it;
-              })
-            });
-          }
-          return pageData;
-        })
-      });
-    } else {
-      var currentItems = items || [];
-      updateState({
-        items: currentItems.map(function (it) {
-          return it.id === newItem.id ? newItem : it;
-        })
-      });
-    }
-  };
-  useEffect(function () {
-    var hadState = lastState.current !== null;
-    lastState.current = initialState;
-    if (hadState) {
-      setState(initialState);
-    }
-  }, [initialState]);
-  useEffect(function () {
-    if (getPage === null && getItems === null || providedItems !== null) {
-      return function () {};
-    }
-    var loadPromise = null;
-    var pageToLoad = isPaginated && initialPages === null && page === null ? 1 : page;
-    if (!isPaginated || pageToLoad !== null) {
-      loadPromise = loadItems(pageToLoad);
-    }
-    return function () {
-      if (loadPromise !== null) {
-        loadPromise.cancel();
-      }
-    };
-  }, [getPage, getItems, page]);
-  var currentPage = isPaginated && pages !== null ? pages.find(function (_ref6) {
-    var pageNumber = _ref6.page;
-    return parseInt(pageNumber, 10) === parseInt(page, 10);
-  }) || null : null;
-  return {
-    items: items,
-    pages: pages,
-    pageItems: currentPage !== null ? currentPage.items : null,
-    total: total,
-    lastPage: lastPage,
-    loaded: loaded,
-    allLoaded: !isPaginated && loaded || lastPage !== -1 && isPaginated && pages.length === lastPage,
-    loading: loading,
-    loadNextPage: loadNextPage,
-    loadPage: loadPage,
-    reloadPage: reloadPage,
-    reload: reload,
-    reset: reset,
-    updateItem: updateItem
-  };
+  }
 }
 
-var _excluded$2 = ["page", "count"],
-  _excluded2 = ["data", "refetch", "isLoading", "isFetching", "isRefetching", "isFetched"];
-
-// The new, better version
-
-var useItemsStore = function useItemsStore(store, _ref) {
-  var _ref$url = _ref.url,
-    url = _ref$url === void 0 ? null : _ref$url,
-    _ref$getPage = _ref.getPage,
-    getPage = _ref$getPage === void 0 ? null : _ref$getPage,
-    _ref$getItems = _ref.getItems,
-    getItems = _ref$getItems === void 0 ? null : _ref$getItems,
-    _ref$getPageFromRespo = _ref.getPageFromResponse,
-    getPageFromResponse = _ref$getPageFromRespo === void 0 ? null : _ref$getPageFromRespo,
-    _ref$getItemsFromResp = _ref.getItemsFromResponse,
-    getItemsFromResponse = _ref$getItemsFromResp === void 0 ? null : _ref$getItemsFromResp,
-    _ref$page = _ref.page,
-    initialPage = _ref$page === void 0 ? null : _ref$page,
-    _ref$count = _ref.count,
-    initialCount = _ref$count === void 0 ? null : _ref$count,
-    _ref$query = _ref.query,
-    query = _ref$query === void 0 ? null : _ref$query,
-    _ref$onQueryChange = _ref.onQueryChange,
-    onQueryChange = _ref$onQueryChange === void 0 ? null : _ref$onQueryChange,
-    _ref$queryConfig = _ref.queryConfig,
-    queryConfig = _ref$queryConfig === void 0 ? null : _ref$queryConfig,
-    _ref$keepData = _ref.keepData,
-    keepData = _ref$keepData === void 0 ? true : _ref$keepData;
-  var _ref2 = query || {},
-    _ref2$page = _ref2.page,
-    page = _ref2$page === void 0 ? initialPage : _ref2$page,
-    _ref2$count = _ref2.count,
-    count = _ref2$count === void 0 ? initialCount : _ref2$count,
-    queryWithoutPage = _objectWithoutProperties(_ref2, _excluded$2);
-  var paginated = page !== null;
-  var queryKey = useMemo(function () {
-    return paginated ? [store, page || 1, count || 12, queryWithoutPage] : [store, query];
-  }, [paginated, store, page, count, query]);
-  var _useQuery = useQuery(_objectSpread(_objectSpread(_objectSpread({
-      queryKey: queryKey,
-      queryFn: function queryFn(_ref3) {
-        var _ref3$queryKey = _ref3.queryKey,
-          key = _ref3$queryKey === void 0 ? null : _ref3$queryKey;
-        if (paginated && getPage !== null) {
-          var _key = _slicedToArray(key, 4),
-            _key$ = _key[1],
-            p = _key$ === void 0 ? null : _key$,
-            _key$2 = _key[2],
-            c = _key$2 === void 0 ? null : _key$2,
-            _key$3 = _key[3],
-            _q = _key$3 === void 0 ? null : _key$3;
-          return getPage(p, c, _q);
-        }
-        if (!paginated && getItems !== null) {
-          var _key2 = _slicedToArray(key, 2),
-            _key2$ = _key2[1],
-            _q2 = _key2$ === void 0 ? null : _key2$;
-          return getItems(_q2);
-        }
-        var _key3 = _slicedToArray(key, 2),
-          _key3$ = _key3[1],
-          q = _key3$ === void 0 ? null : _key3$;
-        return getJSON("".concat(url).concat(!isEmpty(q) ? "?".concat(queryString.stringify(q, {
-          arrayFormat: 'bracket'
-        })) : ''));
-      }
-    }, keepData ? {
-      placeholderData: keepPreviousData
-    } : null), queryConfig), {}, {
-      refetchOnMount: 'always'
-    })),
-    _useQuery$data = _useQuery.data,
-    data = _useQuery$data === void 0 ? null : _useQuery$data,
-    reload = _useQuery.refetch,
-    isLoading = _useQuery.isLoading,
-    isFetching = _useQuery.isFetching,
-    isRefetching = _useQuery.isRefetching,
-    isFetched = _useQuery.isFetched,
-    otherProps = _objectWithoutProperties(_useQuery, _excluded2);
-  var _ref4 = data || {},
-    _ref4$data = _ref4.data,
-    items = _ref4$data === void 0 ? [] : _ref4$data,
-    _ref4$pagination = _ref4.pagination,
-    pagination = _ref4$pagination === void 0 ? null : _ref4$pagination,
-    _ref4$meta = _ref4.meta,
-    meta = _ref4$meta === void 0 ? null : _ref4$meta;
-  var _ref5 = pagination || meta || {},
-    _ref5$page = _ref5.page,
-    currentPage = _ref5$page === void 0 ? null : _ref5$page,
-    _ref5$last_page = _ref5.last_page,
-    lastPage = _ref5$last_page === void 0 ? 0 : _ref5$last_page,
-    _ref5$total = _ref5.total,
-    total = _ref5$total === void 0 ? null : _ref5$total;
-  var loadNextPage = useCallback(function () {
-    if (onQueryChange !== null && paginated && page !== null && page < lastPage) {
-      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
-        page: page + 1
-      }));
-    }
-  }, [paginated, pagination, page]);
-  var loadPage = useCallback(function (newPage) {
-    if (onQueryChange !== null && newPage !== null) {
-      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
-        page: newPage
-      }));
-    }
-  }, [query, onQueryChange]);
-
-  // Keep a list of updated items
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    updatedItems = _useState2[0],
-    setUpdatedItems = _useState2[1];
-  var updateItem = useCallback(function (item) {
-    var _ref6 = item || {},
-      _ref6$id = _ref6.id,
-      itemId = _ref6$id === void 0 ? null : _ref6$id;
-    if (itemId !== null) {
-      setUpdatedItems([].concat(_toConsumableArray((updatedItems || []).filter(function () {
-        var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref7$id = _ref7.id,
-          id = _ref7$id === void 0 ? null : _ref7$id;
-        return id !== itemId;
-      })), [item]));
-    }
-  }, [updatedItems, setUpdatedItems]);
-  var replaceUpdatedItems = useCallback(function (currentItems) {
-    if (currentItems === null || updatedItems === null || updatedItems.length === 0) {
-      return currentItems;
-    }
-    return (currentItems || []).map(function (item) {
-      var _ref8 = item || {},
-        _ref8$id = _ref8.id,
-        itemId = _ref8$id === void 0 ? null : _ref8$id;
-      var updated = (updatedItems || []).find(function () {
-        var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-          _ref9$id = _ref9.id,
-          id = _ref9$id === void 0 ? null : _ref9$id;
-        return id === itemId;
-      }) || null;
-      if (updated !== null) {
-        return updated;
-      }
-      return item;
-    }, []);
-  }, [updatedItems]);
-  var partialItems = useMemo(function () {
-    if (data === null) {
-      return data;
-    }
-    if (paginated) {
-      if (getPageFromResponse !== null) {
-        return getPageFromResponse(items);
-      }
-      return items;
-    }
-    if (getItemsFromResponse !== null) {
-      return getItemsFromResponse(data);
-    }
-    return data;
-  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse, updatedItems]);
-  var finalItems = replaceUpdatedItems(partialItems);
-
-  // Keep a list of pages, useEffect wont work here because delayed
-  var pages = useRef(null);
-  if (isFetched && page !== null && data !== null) {
-    pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
-  }
-  var allItems = pages.current !== null ? replaceUpdatedItems(Object.keys(pages.current).flatMap(function (k) {
-    var _pages$current$k;
-    return (_pages$current$k = pages.current[k]) === null || _pages$current$k === void 0 ? void 0 : _pages$current$k.data;
-  })) : finalItems;
-  var finalLoading = isLoading || isFetching || isRefetching;
-  return _objectSpread(_objectSpread({}, otherProps), {}, {
-    isLoading: isLoading,
-    isFetching: isFetching,
-    isRefetching: isRefetching,
-    isFetched: isFetched,
-    items: finalItems,
-    pages: pages.current,
-    allItems: allItems,
-    loading: finalLoading,
-    loaded: isFetched,
-    reload: reload,
-    loadPage: loadPage,
-    loadNextPage: loadNextPage,
-    updateItem: updateItem,
-    pagination: paginated ? {
-      page: currentPage,
-      lastPage: lastPage,
-      total: total
-    } : null
-  });
-};
-
-var AccountApi = /*#__PURE__*/function () {
-  function AccountApi(api, opts) {
-    _classCallCheck(this, AccountApi);
+class AuthApi {
+  constructor(api, opts) {
     this.api = api;
-    this.options = _objectSpread({
-      withCredentials: false
-    }, opts);
-  }
-  return _createClass(AccountApi, [{
-    key: "update",
-    value: function update(data) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('account'), data, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "updatePassword",
-    value: function updatePassword(data) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('account.password'), data, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "updateTaxes",
-    value: function updateTaxes(data) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('account.taxes'), data, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "delete",
-    value: function _delete(data) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('account.delete'), data, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }]);
-}();
-
-var AuthApi = /*#__PURE__*/function () {
-  function AuthApi(api, opts) {
-    _classCallCheck(this, AuthApi);
-    this.api = api;
-    this.options = _objectSpread({
-      withCredentials: true
-    }, opts);
-  }
-  return _createClass(AuthApi, [{
-    key: "check",
-    value: function check() {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestGet(this.api.route('auth.check'), null, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "login",
-    value: function login(email, password) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('auth.login'), {
-        email: email,
-        password: password
-      }, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "register",
-    value: function register(data) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('auth.register'), data, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "logout",
-    value: function logout() {
-      var url = this.api.getFullUrl(this.api.route('auth.logout'));
-      return fetch(url, {
-        method: 'POST',
-        headers: _objectSpread({}, getCSRFHeaders()),
-        credentials: 'include'
-      })["catch"](function (err) {
-        console.log('logout err', err); // eslint-disable-line
-        throw err;
-      });
-    }
-  }, {
-    key: "requestPassword",
-    value: function requestPassword(email) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('auth.password.email'), {
-        email: email
-      }, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }, {
-    key: "resetPassword",
-    value: function resetPassword(data) {
-      var withCredentials = this.options.withCredentials;
-      return this.api.requestPost(this.api.route('auth.password.update'), data, {
-        withSession: !withCredentials,
-        withCredentials: withCredentials
-      });
-    }
-  }]);
-}();
+    this.options = {
+      withCredentials: true,
+      ...opts
+    };
+  }
+  check() {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestGet(this.api.route('auth.check'), null, {
+      withSession: !withCredentials,
+      withCredentials
+    });
+  }
+  login(email, password) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('auth.login'), {
+      email,
+      password
+    }, {
+      withSession: !withCredentials,
+      withCredentials
+    });
+  }
+  register(data) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('auth.register'), data, {
+      withSession: !withCredentials,
+      withCredentials
+    });
+  }
+  logout() {
+    const url = this.api.getFullUrl(this.api.route('auth.logout'));
+    return fetch(url, {
+      method: 'POST',
+      headers: {
+        ...getCSRFHeaders()
+      },
+      credentials: 'include'
+    }).catch(err => {
+      console.log('logout err', err); // eslint-disable-line
+      throw err;
+    });
+  }
+  requestPassword(email) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('auth.password.email'), {
+      email
+    }, {
+      withSession: !withCredentials,
+      withCredentials
+    });
+  }
+  resetPassword(data) {
+    const {
+      withCredentials
+    } = this.options;
+    return this.api.requestPost(this.api.route('auth.password.update'), data, {
+      withSession: !withCredentials,
+      withCredentials
+    });
+  }
+}
 
-var Base = /*#__PURE__*/function () {
-  function Base() {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, Base);
-    this.options = _objectSpread(_objectSpread({
+class Base {
+  constructor(opts = {}) {
+    this.options = {
       routes: {},
-      generateUrl: null
-    }, opts), {}, {
+      generateUrl: null,
+      ...opts,
       baseUrl: opts.baseUrl,
       onUnauthorized: opts.onUnauthorized || null
-    });
+    };
   }
-  return _createClass(Base, [{
-    key: "requestGet",
-    value: function requestGet(path) {
-      var _this = this;
-      var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      var finalQuery = query !== null ? queryString.stringify(query, {
-        arrayFormat: 'bracket'
-      }) : null;
-      return getJSON("".concat(this.getFullUrl(path)).concat(finalQuery !== null && finalQuery.length > 0 ? "?".concat(finalQuery) : ''), _objectSpread({
-        credentials: 'include',
-        headers: getCSRFHeaders()
-      }, opts))["catch"](function (error) {
-        return _this.onError(error);
-      });
-    }
-  }, {
-    key: "requestPost",
-    value: function requestPost(path, data) {
-      var _this2 = this;
-      var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      return postJSON(this.getFullUrl(path), data, _objectSpread({
-        credentials: 'include',
-        headers: getCSRFHeaders()
-      }, opts))["catch"](function (error) {
-        return _this2.onError(error);
-      });
-    }
-  }, {
-    key: "requestPut",
-    value: function requestPut(path, data) {
-      var _this3 = this;
-      var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      return postJSON(this.getFullUrl(path), _objectSpread({
-        _method: 'PUT'
-      }, data), _objectSpread({
-        credentials: 'include',
-        headers: getCSRFHeaders()
-      }, opts))["catch"](function (error) {
-        return _this3.onError(error);
-      });
-    }
-  }, {
-    key: "requestPatch",
-    value: function requestPatch(path, data) {
-      var _this4 = this;
-      var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      return postJSON(this.getFullUrl(path), _objectSpread({
-        _method: 'PATCH'
-      }, data), _objectSpread({
-        credentials: 'include',
-        headers: getCSRFHeaders()
-      }, opts))["catch"](function (error) {
-        return _this4.onError(error);
-      });
-    }
-  }, {
-    key: "requestDelete",
-    value: function requestDelete(path) {
-      var _this5 = this;
-      return this.requestPost(this.getFullUrl(path), {
-        _method: 'DELETE'
-      })["catch"](function (error) {
-        return _this5.onError(error);
-      });
-    }
-  }, {
-    key: "route",
-    value: function route(_route, params) {
-      var _this$options = this.options,
-        routes = _this$options.routes,
-        _this$options$generat = _this$options.generateUrl,
-        generateUrl = _this$options$generat === void 0 ? null : _this$options$generat;
-      if (generateUrl !== null) {
-        return generateUrl(_route, params);
-      }
-      return generatePath(routes[_route] || _route, params);
-    }
-  }, {
-    key: "getFullUrl",
-    value: function getFullUrl(path) {
-      var _this$options$baseUrl = this.options.baseUrl,
-        baseUrl = _this$options$baseUrl === void 0 ? null : _this$options$baseUrl;
-      var hasProtocol = path.indexOf('://') !== -1;
-      return baseUrl !== null && !hasProtocol ? "".concat(baseUrl.replace(/\/$/, ''), "/").concat(path.replace(/^\//, '')) : path;
-    }
-  }, {
-    key: "onError",
-    value: function onError(err) {
-      var onUnauthorized = this.options.onUnauthorized;
-      var _ref = err || {},
-        _ref$status = _ref.status,
-        status = _ref$status === void 0 ? null : _ref$status;
-      var statusCode = parseInt(status, 10);
-      // If status is refused and callback exists
-      if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
-        return onUnauthorized();
-      }
-      throw err;
-    }
-  }]);
-}();
+  requestGet(path, query = null, opts = null) {
+    const finalQuery = query !== null ? queryString.stringify(query, {
+      arrayFormat: 'bracket'
+    }) : null;
+    return getJSON(`${this.getFullUrl(path)}${finalQuery !== null && finalQuery.length > 0 ? `?${finalQuery}` : ''}`, {
+      credentials: 'include',
+      headers: getCSRFHeaders(),
+      ...opts
+    }).catch(error => this.onError(error));
+  }
+  requestPost(path, data, opts = null) {
+    return postJSON(this.getFullUrl(path), data, {
+      credentials: 'include',
+      headers: getCSRFHeaders(),
+      ...opts
+    }).catch(error => this.onError(error));
+  }
+  requestPut(path, data, opts = null) {
+    return postJSON(this.getFullUrl(path), {
+      _method: 'PUT',
+      ...data
+    }, {
+      credentials: 'include',
+      headers: getCSRFHeaders(),
+      ...opts
+    }).catch(error => this.onError(error));
+  }
+  requestPatch(path, data, opts = null) {
+    return postJSON(this.getFullUrl(path), {
+      _method: 'PATCH',
+      ...data
+    }, {
+      credentials: 'include',
+      headers: getCSRFHeaders(),
+      ...opts
+    }).catch(error => this.onError(error));
+  }
+  requestDelete(path) {
+    return this.requestPost(this.getFullUrl(path), {
+      _method: 'DELETE'
+    }).catch(error => this.onError(error));
+  }
+  route(route, params) {
+    const {
+      routes,
+      generateUrl = null
+    } = this.options;
+    if (generateUrl !== null) {
+      return generateUrl(route, params);
+    }
+    return generatePath(routes[route] || route, params);
+  }
+  getFullUrl(path) {
+    const {
+      baseUrl = null
+    } = this.options;
+    const hasProtocol = path.indexOf('://') !== -1;
+    return baseUrl !== null && !hasProtocol ? `${baseUrl.replace(/\/$/, '')}/${path.replace(/^\//, '')}` : path;
+  }
+  onError(err) {
+    const {
+      onUnauthorized
+    } = this.options;
+    const {
+      status = null
+    } = err || {};
+    const statusCode = parseInt(status, 10);
+    // If status is refused and callback exists
+    if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
+      return onUnauthorized();
+    }
+    throw err;
+  }
+}
 
-var MediasApi = /*#__PURE__*/function (_Base) {
-  function MediasApi() {
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, MediasApi);
-    return _callSuper(this, MediasApi, [{
+class MediasApi extends Base {
+  constructor(opts = {}) {
+    super({
       baseUrl: opts.baseUrl ? opts.baseUrl : null,
-      routes: _objectSpread({
+      routes: {
         index: 'medias',
         trashed: 'medias/trash',
         tags: 'medias/tags',
@@ -1060,442 +665,590 @@ var MediasApi = /*#__PURE__*/function (_Base) {
         update: 'medias/:media',
         trash: 'medias/trash/:media',
         restore: 'medias/restore/:media',
-        "delete": 'medias/:media',
-        replace: 'medias/replace/:media'
-      }, opts.routes || null)
-    }]);
-  }
-  _inherits(MediasApi, _Base);
-  return _createClass(MediasApi, [{
-    key: "find",
-    value: function find(id) {
-      return this.requestGet(this.route('show', {
-        media: id
-      }));
-    }
-  }, {
-    key: "get",
-    value: function get() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (page !== null) {
-        finalQuery.page = page;
-      }
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('index'), finalQuery);
-    }
-  }, {
-    key: "getTrashed",
-    value: function getTrashed() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
-      var count = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (page !== null) {
-        finalQuery.page = page;
-      }
-      if (count !== null) {
-        finalQuery.count = count;
+        delete: 'medias/:media',
+        replace: 'medias/replace/:media',
+        ...(opts.routes || null)
       }
-      return this.requestGet(this.route('trashed'), finalQuery);
-    }
-  }, {
-    key: "getTags",
-    value: function getTags() {
-      var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-      var finalQuery = _objectSpread({}, query);
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.requestGet(this.route('tags'), finalQuery);
-    }
-  }, {
-    key: "create",
-    value: function create(data) {
-      return this.requestPost(this.route('store'), data);
-    }
-  }, {
-    key: "update",
-    value: function update(id, data) {
-      return this.requestPut(this.route('update', {
-        media: id
-      }), data);
+    });
+  }
+  find(id) {
+    return this.requestGet(this.route('show', {
+      media: id
+    }));
+  }
+  get(query = {}, page = 1, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (page !== null) {
+      finalQuery.page = page;
     }
-  }, {
-    key: "trash",
-    value: function trash(id) {
-      return this.requestDelete(this.route('trash', {
-        media: id
-      }));
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }, {
-    key: "restore",
-    value: function restore(id) {
-      return this.requestPost(this.route('restore', {
-        media: id
-      }));
+    return this.requestGet(this.route('index'), finalQuery);
+  }
+  getTrashed(query = {}, page = 1, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (page !== null) {
+      finalQuery.page = page;
     }
-  }, {
-    key: "delete",
-    value: function _delete(id) {
-      return this.requestDelete(this.route('delete', {
-        media: id
-      }));
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }, {
-    key: "replace",
-    value: function replace(id, data) {
-      return this.requestPost(this.route('replace', {
-        media: id
-      }), data);
+    return this.requestGet(this.route('trashed'), finalQuery);
+  }
+  getTags(query = {}, count = 10) {
+    const finalQuery = {
+      ...query
+    };
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }]);
-}(Base);
+    return this.requestGet(this.route('tags'), finalQuery);
+  }
+  create(data) {
+    return this.requestPost(this.route('store'), data);
+  }
+  update(id, data) {
+    return this.requestPut(this.route('update', {
+      media: id
+    }), data);
+  }
+  trash(id) {
+    return this.requestDelete(this.route('trash', {
+      media: id
+    }));
+  }
+  restore(id) {
+    return this.requestPost(this.route('restore', {
+      media: id
+    }));
+  }
+  delete(id) {
+    return this.requestDelete(this.route('delete', {
+      media: id
+    }));
+  }
+  replace(id, data) {
+    return this.requestPost(this.route('replace', {
+      media: id
+    }), data);
+  }
+}
 
-var ResourcesApi = /*#__PURE__*/function () {
-  function ResourcesApi(api) {
-    _classCallCheck(this, ResourcesApi);
+class ResourcesApi {
+  constructor(api) {
     this.api = api;
   }
-  return _createClass(ResourcesApi, [{
-    key: "resourceRoute",
-    value: function resourceRoute(_ref, route, params) {
-      var id = _ref.id,
-        _ref$has_routes = _ref.has_routes,
-        hasRoutes = _ref$has_routes === void 0 ? false : _ref$has_routes;
-      var routePrefix = hasRoutes ? "resources.".concat(id) : 'resources';
-      return this.api.route("".concat(routePrefix, ".").concat(route), hasRoutes ? params : _objectSpread({
-        resource: id
-      }, params));
-    }
-  }, {
-    key: "find",
-    value: function find(resource, id) {
-      return this.api.requestGet(this.resourceRoute(resource, 'show', {
-        id: id
-      }), null, {
-        withCredentials: true
-      });
-    }
-  }, {
-    key: "get",
-    value: function get(resource) {
-      var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-      var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 12;
-      var finalQuery = _objectSpread({}, query);
-      if (page !== null) {
-        finalQuery.page = page;
-      }
-      if (count !== null) {
-        finalQuery.count = count;
-      }
-      return this.api.requestGet(this.resourceRoute(resource, 'index'), finalQuery, {
-        withCredentials: true
-      });
-    }
-  }, {
-    key: "store",
-    value: function store(resource, data) {
-      return this.api.requestPost(this.resourceRoute(resource, 'store'), data, {
-        withCredentials: true
-      });
-    }
-  }, {
-    key: "update",
-    value: function update(resource, id, data) {
-      return this.api.requestPatch(this.resourceRoute(resource, 'update', {
-        id: id
-      }), data, {
-        withCredentials: true
-      });
-    }
-  }, {
-    key: "destroy",
-    value: function destroy(resource, id) {
-      return this.api.requestDelete(this.resourceRoute(resource, 'destroy', {
-        id: id
-      }), null, {
-        withCredentials: true
-      });
+  resourceRoute({
+    id,
+    has_routes: hasRoutes = false
+  }, route, params) {
+    const routePrefix = hasRoutes ? `resources.${id}` : 'resources';
+    return this.api.route(`${routePrefix}.${route}`, hasRoutes ? params : {
+      resource: id,
+      ...params
+    });
+  }
+  find(resource, id) {
+    return this.api.requestGet(this.resourceRoute(resource, 'show', {
+      id
+    }), null, {
+      withCredentials: true
+    });
+  }
+  get(resource, query = {}, page = 1, count = 12) {
+    const finalQuery = {
+      ...query
+    };
+    if (page !== null) {
+      finalQuery.page = page;
     }
-  }, {
-    key: "clone",
-    value: function clone(resource, id) {
-      var data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      return this.api.requestPost(this.resourceRoute(resource, 'clone', {
-        id: id
-      }), data, {
-        withCredentials: true
-      });
+    if (count !== null) {
+      finalQuery.count = count;
     }
-  }, {
-    key: "restore",
-    value: function restore(resource, id) {
-      var data = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-      return this.api.requestPost(this.resourceRoute(resource, 'restore', {
-        id: id
-      }), data, {
-        withCredentials: true
-      });
-    }
-  }]);
-}();
+    return this.api.requestGet(this.resourceRoute(resource, 'index'), finalQuery, {
+      withCredentials: true
+    });
+  }
+  store(resource, data) {
+    return this.api.requestPost(this.resourceRoute(resource, 'store'), data, {
+      withCredentials: true
+    });
+  }
+  update(resource, id, data) {
+    return this.api.requestPatch(this.resourceRoute(resource, 'update', {
+      id
+    }), data, {
+      withCredentials: true
+    });
+  }
+  destroy(resource, id) {
+    return this.api.requestDelete(this.resourceRoute(resource, 'destroy', {
+      id
+    }), null, {
+      withCredentials: true
+    });
+  }
+  clone(resource, id, data = null) {
+    return this.api.requestPost(this.resourceRoute(resource, 'clone', {
+      id
+    }), data, {
+      withCredentials: true
+    });
+  }
+  restore(resource, id, data = null) {
+    return this.api.requestPost(this.resourceRoute(resource, 'restore', {
+      id
+    }), data, {
+      withCredentials: true
+    });
+  }
+}
 
-var Api = /*#__PURE__*/function (_Base) {
-  function Api() {
-    var _this;
-    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, Api);
-    _this = _callSuper(this, Api, [opts]);
-    _this.auth = new AuthApi(_this, {
+class Api extends Base {
+  constructor(opts = {}) {
+    super(opts);
+    this.auth = new AuthApi(this, {
       withCredentials: true
     });
-    _this.account = new AccountApi(_this, {
+    this.account = new AccountApi(this, {
       withCredentials: true
     });
-    _this.medias = new MediasApi(opts);
-    _this.resources = new ResourcesApi(_this);
-    return _this;
+    this.medias = new MediasApi(opts);
+    this.resources = new ResourcesApi(this);
   }
-  _inherits(Api, _Base);
-  return _createClass(Api);
-}(Base);
+}
 
 /* eslint-disable react/jsx-props-no-spreading */
 
-var ApiContext = /*#__PURE__*/createContext(null);
+const ApiContext = /*#__PURE__*/createContext(null);
 function useApi() {
   return use(ApiContext);
 }
-function ApiProvider(_ref) {
-  var _ref$api = _ref.api,
-    initialApi = _ref$api === void 0 ? null : _ref$api,
-    _ref$baseUrl = _ref.baseUrl,
-    baseUrl = _ref$baseUrl === void 0 ? undefined : _ref$baseUrl,
-    _ref$onUnauthorized = _ref.onUnauthorized,
-    onUnauthorized = _ref$onUnauthorized === void 0 ? null : _ref$onUnauthorized,
-    children = _ref.children;
-  var generateUrl = useUrlGenerator();
-  var previousApi = useApi();
-  var api = useMemo(function () {
-    return initialApi || previousApi || new Api({
-      baseUrl: baseUrl,
-      generateUrl: generateUrl,
-      onUnauthorized: onUnauthorized
-    });
-  }, [previousApi, initialApi, baseUrl]);
+function ApiProvider({
+  api: initialApi = null,
+  baseUrl = undefined,
+  onUnauthorized = null,
+  children
+}) {
+  const generateUrl = useUrlGenerator();
+  const previousApi = useApi();
+  const api = useMemo(() => initialApi || previousApi || new Api({
+    baseUrl,
+    generateUrl,
+    onUnauthorized
+  }), [previousApi, initialApi, baseUrl]);
   return /*#__PURE__*/jsx(ApiContext, {
     value: api,
     children: children
   });
 }
 
-function useResourceDestroy(resource) {
-  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var api = useApi();
-  var destroy = useCallback(function (providedId) {
-    setLoading(true);
-    return api.resources.destroy(resource, providedId || id).then(function (response) {
-      setLoading(false);
-      return response;
-    })["catch"](function (e) {
-      setLoading(false);
-      throw e;
-    });
-  }, [api, resource, id, setLoading]);
-  return {
-    destroy: destroy,
-    loading: loading
-  };
+function useResourceDestroy(t0, t1, t2) {
+  const $ = c(19);
+  const resource = t0 === undefined ? null : t0;
+  const id = t1 === undefined ? null : t1;
+  let t3;
+  if ($[0] !== t2) {
+    t3 = t2 === undefined ? {} : t2;
+    $[0] = t2;
+    $[1] = t3;
+  } else {
+    t3 = $[1];
+  }
+  const options = t3;
+  const providedResource = usePanneauResource(id !== null && !isObject$1(id) ? resource : null);
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
+  const finalId = providedResource !== null ? id : resource;
+  const api = useApi();
+  let t4;
+  if ($[2] !== api || $[3] !== finalId || $[4] !== finalResource) {
+    t4 = providedId => api.resources.destroy(finalResource, providedId || finalId);
+    $[2] = api;
+    $[3] = finalId;
+    $[4] = finalResource;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== options || $[7] !== t4) {
+    t5 = {
+      mutationFn: t4,
+      ...options
+    };
+    $[6] = options;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  const t6 = useMutation(t5);
+  let isPending;
+  let mutate;
+  let mutateAsync;
+  let other;
+  if ($[9] !== t6) {
+    ({
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
+    } = t6);
+    $[9] = t6;
+    $[10] = isPending;
+    $[11] = mutate;
+    $[12] = mutateAsync;
+    $[13] = other;
+  } else {
+    isPending = $[10];
+    mutate = $[11];
+    mutateAsync = $[12];
+    other = $[13];
+  }
+  let t7;
+  if ($[14] !== isPending || $[15] !== mutate || $[16] !== mutateAsync || $[17] !== other) {
+    t7 = {
+      destroy: mutate,
+      destroyAsync: mutateAsync,
+      loading: isPending,
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
+    };
+    $[14] = isPending;
+    $[15] = mutate;
+    $[16] = mutateAsync;
+    $[17] = other;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
 }
 
-var _excluded$1 = ["data"];
-function useResourceItem(resource, id, opts) {
-  var api = useApi();
-  var loader = useCallback(function () {
-    return api.resources.find(resource, id);
-  }, [api, resource, id]);
-  var _useData = useData(loader, opts),
-    data = _useData.data,
-    request = _objectWithoutProperties(_useData, _excluded$1);
-  return _objectSpread({
-    item: data
-  }, request);
+function useResourceItem(resource, t0, t1) {
+  const $ = c(17);
+  const id = t0 === undefined ? null : t0;
+  const opts = t1 === undefined ? null : t1;
+  const api = useApi();
+  const providedResource = usePanneauResource(id !== null && !isObject$1(id) ? resource : null);
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
+  const finalId = providedResource !== null ? id : resource;
+  const {
+    id: resourceId
+  } = finalResource;
+  let t2;
+  if ($[0] !== finalId || $[1] !== resourceId) {
+    t2 = [resourceId, finalId];
+    $[0] = finalId;
+    $[1] = resourceId;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== api || $[4] !== finalId || $[5] !== finalResource) {
+    t3 = () => api.resources.find(finalResource, finalId);
+    $[3] = api;
+    $[4] = finalId;
+    $[5] = finalResource;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== opts || $[8] !== t2 || $[9] !== t3) {
+    t4 = {
+      queryKey: t2,
+      queryFn: t3,
+      ...opts
+    };
+    $[7] = opts;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  const t5 = useQuery(t4);
+  let request;
+  let t6;
+  if ($[11] !== t5) {
+    ({
+      data: t6,
+      ...request
+    } = t5);
+    $[11] = t5;
+    $[12] = request;
+    $[13] = t6;
+  } else {
+    request = $[12];
+    t6 = $[13];
+  }
+  const data = t6 === undefined ? null : t6;
+  let t7;
+  if ($[14] !== data || $[15] !== request) {
+    t7 = {
+      item: data,
+      ...request
+    };
+    $[14] = data;
+    $[15] = request;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  return t7;
 }
 
-var _excluded = ["items"];
-function useResourceItems(resource) {
-  var query = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var page = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-  var opts = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
-  var api = useApi();
-  var _ref = resource || {},
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? null : _ref$id;
-  var lastResourceRef = useRef(id);
-  var resourceChanging = lastResourceRef.current !== id;
-  var getPage = useCallback(function () {
-    var requestedPage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    return api.resources.get(resource, query, requestedPage, count).then(function (response) {
-      var _ref2 = resource || {},
-        resourceId = _ref2.id;
-      lastResourceRef.current = resourceId;
-      return response;
-    })["catch"](function (err) {
-      var _ref3 = resource || {},
-        resourceId = _ref3.id;
-      lastResourceRef.current = resourceId;
-      throw err;
-    });
-  }, [api, resource, query, count]);
-  var getItems = useCallback(function () {
-    return api.resources.get(resource, query, null, null).then(function (response) {
-      var _ref4 = resource || {},
-        resourceId = _ref4.id;
-      lastResourceRef.current = resourceId;
-      return response;
-    })["catch"](function (err) {
-      var _ref5 = resource || {},
-        resourceId = _ref5.id;
-      lastResourceRef.current = resourceId;
-      throw err;
-    });
-  }, [api, resource, query, count]);
-  var _useItemsStore = useItemsStore(id, _objectSpread({
-      getPage: page !== null ? getPage : null,
-      getItems: page === null ? getItems : null,
-      query: query,
-      page: page,
-      count: count
-    }, opts)),
-    items = _useItemsStore.items,
-    request = _objectWithoutProperties(_useItemsStore, _excluded);
-  return _objectSpread({
-    items: resourceChanging ? null : items
-  }, request);
+function useResourceItems(t0, t1, t2, t3, t4) {
+  const $ = c(11);
+  const resource = t0 === undefined ? null : t0;
+  const query = t1 === undefined ? null : t1;
+  const page = t2 === undefined ? null : t2;
+  const count = t3 === undefined ? null : t3;
+  const opts = t4 === undefined ? null : t4;
+  const api = useApi();
+  const providedResource = usePanneauResource(isString(resource) || isObject(resource) ? resource : null);
+  const firstIsResource = (isString(resource) || isObject(resource)) && providedResource !== null;
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
+  let t5;
+  if ($[0] !== finalResource) {
+    t5 = finalResource || {};
+    $[0] = finalResource;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const {
+    id: t6
+  } = t5;
+  const resourceId = t6 === undefined ? null : t6;
+  const finalQuery = firstIsResource ? query : resource;
+  const finalPage = firstIsResource ? page : query;
+  const finalCount = firstIsResource ? count : page;
+  const finalOpts = firstIsResource ? opts : count;
+  let t7;
+  if ($[2] !== api || $[3] !== finalResource) {
+    t7 = (query_0, t8, t9) => {
+      const requestedPage = t8 === undefined ? null : t8;
+      const count_0 = t9 === undefined ? null : t9;
+      return api.resources.get(finalResource, query_0, requestedPage, count_0);
+    };
+    $[2] = api;
+    $[3] = finalResource;
+    $[4] = t7;
+  } else {
+    t7 = $[4];
+  }
+  const getItems = t7;
+  let t8;
+  if ($[5] !== finalCount || $[6] !== finalOpts || $[7] !== finalPage || $[8] !== finalQuery || $[9] !== getItems) {
+    t8 = {
+      getItems,
+      query: finalQuery,
+      page: finalPage,
+      count: finalCount,
+      ...finalOpts
+    };
+    $[5] = finalCount;
+    $[6] = finalOpts;
+    $[7] = finalPage;
+    $[8] = finalQuery;
+    $[9] = getItems;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  return useItems(resourceId, t8);
 }
 
 function useResourceCreate(resource) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var api = useApi();
-  var store = useCallback(function (data) {
-    setLoading(true);
-    return api.resources.store(resource, data).then(function (response) {
-      setLoading(false);
-      return response;
-    })["catch"](function (e) {
-      setLoading(false);
-      throw e;
-    });
-  }, [api, resource, setLoading]);
-  return {
-    store: store,
-    loading: loading
-  };
+  const $ = c(6);
+  const [loading, setLoading] = useState(false);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api || $[1] !== resource) {
+    t0 = data => {
+      setLoading(true);
+      return api.resources.store(resource, data).then(response => {
+        setLoading(false);
+        return response;
+      }).catch(e => {
+        setLoading(false);
+        throw e;
+      });
+    };
+    $[0] = api;
+    $[1] = resource;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const store = t0;
+  let t1;
+  if ($[3] !== loading || $[4] !== store) {
+    t1 = {
+      store,
+      loading
+    };
+    $[3] = loading;
+    $[4] = store;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
 }
 
 function useResourceUpdate(resource, id) {
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var api = useApi();
-  var update = useCallback(function (data) {
-    setLoading(true);
-    return api.resources.update(resource, id, data).then(function (response) {
-      setLoading(false);
-      return response;
-    })["catch"](function (e) {
-      setLoading(false);
-      throw e;
-    });
-  }, [api, resource, id, setLoading]);
-  return {
-    update: update,
-    loading: loading
-  };
+  const $ = c(7);
+  const [loading, setLoading] = useState(false);
+  const api = useApi();
+  let t0;
+  if ($[0] !== api || $[1] !== id || $[2] !== resource) {
+    t0 = data => {
+      setLoading(true);
+      return api.resources.update(resource, id, data).then(response => {
+        setLoading(false);
+        return response;
+      }).catch(e => {
+        setLoading(false);
+        throw e;
+      });
+    };
+    $[0] = api;
+    $[1] = id;
+    $[2] = resource;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  const update = t0;
+  let t1;
+  if ($[4] !== loading || $[5] !== update) {
+    t1 = {
+      update,
+      loading
+    };
+    $[4] = loading;
+    $[5] = update;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  return t1;
 }
 
-function useResourceClone(resource) {
-  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var api = useApi();
-  var clone = useCallback(function (providedId) {
-    setLoading(true);
-    return api.resources.clone(resource, providedId || id).then(function (response) {
-      setLoading(false);
-      return response;
-    })["catch"](function (e) {
-      setLoading(false);
-      throw e;
-    });
-  }, [api, resource, id, setLoading]);
-  return {
-    clone: clone,
-    loading: loading
-  };
+function useResourceClone(resource, t0) {
+  const $ = c(7);
+  const id = t0 === undefined ? null : t0;
+  const [loading, setLoading] = useState(false);
+  const api = useApi();
+  let t1;
+  if ($[0] !== api || $[1] !== id || $[2] !== resource) {
+    t1 = providedId => {
+      setLoading(true);
+      return api.resources.clone(resource, providedId || id).then(response => {
+        setLoading(false);
+        return response;
+      }).catch(e => {
+        setLoading(false);
+        throw e;
+      });
+    };
+    $[0] = api;
+    $[1] = id;
+    $[2] = resource;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const clone = t1;
+  let t2;
+  if ($[4] !== clone || $[5] !== loading) {
+    t2 = {
+      clone,
+      loading
+    };
+    $[4] = clone;
+    $[5] = loading;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
 
-function useResourceRestore(resource) {
-  var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    loading = _useState2[0],
-    setLoading = _useState2[1];
-  var api = useApi();
-  var restore = useCallback(function (providedId) {
-    setLoading(true);
-    return api.resources.restore(resource, providedId || id).then(function (response) {
-      setLoading(false);
-      return response;
-    })["catch"](function (e) {
-      setLoading(false);
-      throw e;
-    });
-  }, [api, resource, id, setLoading]);
-  return {
-    restore: restore,
-    loading: loading
-  };
+function useResourceRestore(resource, t0) {
+  const $ = c(7);
+  const id = t0 === undefined ? null : t0;
+  const [loading, setLoading] = useState(false);
+  const api = useApi();
+  let t1;
+  if ($[0] !== api || $[1] !== id || $[2] !== resource) {
+    t1 = providedId => {
+      setLoading(true);
+      return api.resources.restore(resource, providedId || id).then(response => {
+        setLoading(false);
+        return response;
+      }).catch(e => {
+        setLoading(false);
+        throw e;
+      });
+    };
+    $[0] = api;
+    $[1] = id;
+    $[2] = resource;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const restore = t1;
+  let t2;
+  if ($[4] !== loading || $[5] !== restore) {
+    t2 = {
+      restore,
+      loading
+    };
+    $[4] = loading;
+    $[5] = restore;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  return t2;
 }
 
-var QueryContext = /*#__PURE__*/createContext(null);
+/* eslint-disable react/jsx-props-no-spreading */
+const QueryContext = /*#__PURE__*/createContext(null);
 function useQueryContext() {
   return use(QueryContext);
 }
-function QueryProvider(_ref) {
-  var _ref$config = _ref.config,
-    initialConfig = _ref$config === void 0 ? null : _ref$config,
-    _ref$initialKey = _ref.initialKey,
-    initialKey = _ref$initialKey === void 0 ? null : _ref$initialKey,
-    _ref$initialData = _ref.initialData,
-    initialData = _ref$initialData === void 0 ? null : _ref$initialData,
-    children = _ref.children;
-  var queryClient = useMemo(function () {
-    var client = new QueryClient(_objectSpread({
+function QueryProvider({
+  config: initialConfig = null,
+  initialKey = null,
+  initialData = null,
+  children
+}) {
+  const queryClient = useMemo(() => {
+    const client = new QueryClient({
       defaultOptions: {
         queries: {
           staleTime: Infinity
         }
-      }
-    }, initialConfig));
+      },
+      ...initialConfig
+    });
     if (initialKey !== null && initialData !== null) {
       client.setQueryData(initialKey, initialData);
     }
@@ -1507,18 +1260,47 @@ function QueryProvider(_ref) {
   });
 }
 
-function DataProvider(_ref) {
-  var _ref$api = _ref.api,
-    api = _ref$api === void 0 ? null : _ref$api,
-    _ref$apiBaseUrl = _ref.apiBaseUrl,
-    apiBaseUrl = _ref$apiBaseUrl === void 0 ? undefined : _ref$apiBaseUrl,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? null : _ref$children;
-  return /*#__PURE__*/jsx(ApiProvider, {
-    api: api,
-    baseUrl: apiBaseUrl,
-    children: children
-  });
+function DataProvider(t0) {
+  const $ = c(7);
+  const {
+    api: t1,
+    apiBaseUrl: t2,
+    children: t3
+  } = t0;
+  const api = t1 === undefined ? null : t1;
+  const apiBaseUrl = t2 === undefined ? undefined : t2;
+  const children = t3 === undefined ? null : t3;
+  const [client] = useState(_temp);
+  let t4;
+  if ($[0] !== api || $[1] !== apiBaseUrl || $[2] !== children) {
+    t4 = /*#__PURE__*/jsx(ApiProvider, {
+      api: api,
+      baseUrl: apiBaseUrl,
+      children: children
+    });
+    $[0] = api;
+    $[1] = apiBaseUrl;
+    $[2] = children;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  let t5;
+  if ($[4] !== client || $[5] !== t4) {
+    t5 = /*#__PURE__*/jsx(QueryClientProvider, {
+      client: client,
+      children: t4
+    });
+    $[4] = client;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
+}
+function _temp() {
+  return new QueryClient();
 }
 
-export { Api, ApiProvider, Base as BaseApi, DataProvider, QueryProvider, useApi, useData, useItems$1 as useItems, useItems as useItemsLegacy, useItemsStore, useQueryContext, useResourceClone, useResourceDestroy, useResourceItem, useResourceItems, useResourceRestore, useResourceCreate as useResourceStore, useResourceUpdate };
+export { Api, ApiProvider, Base as BaseApi, DataProvider, QueryProvider, useApi, useItem, useItems, useQueryContext, useResourceClone, useResourceDestroy, useResourceItem, useResourceItems, useResourceRestore, useResourceCreate as useResourceStore, useResourceUpdate };