@panneau/data 3.0.169 → 3.0.174

package/lib/index.js

@@ -12,9 +12,12 @@ var fetch$1 = require('@folklore/fetch');
 var pathToRegexp = require('path-to-regexp');
 var _typeof = require('@babel/runtime/helpers/typeof');
 var _createForOfIteratorHelper = require('@babel/runtime/helpers/createForOfIteratorHelper');
+var reactQuery = require('@tanstack/react-query');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var isEmpty = require('lodash/isEmpty');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 
 var useData = function useData(loadData) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
@@ -73,547 +76,138 @@ var useData = function useData(loadData) {
 };
 var useData$1 = useData;
 
-var useItems = 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 = React.useRef(null);
-  var initialState = React.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
-    };
-  }, [initialPages, providedItems]);
-  var _useState = React.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 token = '%[a-f0-9]{2}';
+var singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');
+var multiMatcher = new RegExp('(' + token + ')+', 'gi');
+function decodeComponents(components, split) {
+  try {
+    // Try to decode the entire string first
+    return [decodeURIComponent(components.join(''))];
+  } catch (_unused) {
+    // Do nothing
+  }
+  if (components.length === 1) {
+    return components;
+  }
+  split = split || 1;
+
+  // Split the array in 2 parts
+  var left = components.slice(0, split);
+  var right = components.slice(split);
+  return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
+}
+function decode$1(input) {
+  try {
+    return decodeURIComponent(input);
+  } catch (_unused2) {
+    var tokens = input.match(singleMatcher) || [];
+    for (var i = 1; i < tokens.length; i++) {
+      input = decodeComponents(tokens, i).join('');
+      tokens = input.match(singleMatcher) || [];
+    }
+    return input;
+  }
+}
+function customDecodeURIComponent(input) {
+  // Keep track of all the replacements and prefill the map with the `BOM`
+  var replaceMap = {
+    '%FE%FF': "\uFFFD\uFFFD",
+    '%FF%FE': "\uFFFD\uFFFD"
   };
-  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;
+  var match = multiMatcher.exec(input);
+  while (match) {
+    try {
+      // Decode as big chunks as possible
+      replaceMap[match[0]] = decodeURIComponent(match[0]);
+    } catch (_unused3) {
+      var result = decode$1(match[0]);
+      if (result !== match[0]) {
+        replaceMap[match[0]] = result;
+      }
     }
-    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;
+    match = multiMatcher.exec(input);
+  }
+
+  // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
+  replaceMap['%C2'] = "\uFFFD";
+  var entries = Object.keys(replaceMap);
+  for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
+    var key = _entries[_i];
+    // Replace all decoded components
+    input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
+  }
+  return input;
+}
+function decodeUriComponent(encodedURI) {
+  if (typeof encodedURI !== 'string') {
+    throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + _typeof(encodedURI) + '`');
+  }
+  try {
+    // Try the built in decoder first
+    return decodeURIComponent(encodedURI);
+  } catch (_unused4) {
+    // Fallback to a more advanced decoder
+    return customDecodeURIComponent(encodedURI);
+  }
+}
+
+function splitOnFirst(string, separator) {
+  if (!(typeof string === 'string' && typeof separator === 'string')) {
+    throw new TypeError('Expected the arguments to be of type `string`');
+  }
+  if (string === '' || separator === '') {
+    return [];
+  }
+  var separatorIndex = string.indexOf(separator);
+  if (separatorIndex === -1) {
+    return [];
+  }
+  return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];
+}
+
+function includeKeys(object, predicate) {
+  var result = {};
+  if (Array.isArray(predicate)) {
+    var _iterator = _createForOfIteratorHelper(predicate),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        var descriptor = Object.getOwnPropertyDescriptor(object, key);
+        if (descriptor !== null && descriptor !== void 0 && descriptor.enumerable) {
+          Object.defineProperty(result, key, descriptor);
         }
-        return a > b ? 1 : -1;
-      });
-      updateState({
-        loaded: true,
-        loading: false,
-        lastPage: newPage.lastPage,
-        total: newPage.total,
-        pages: newPages
-      });
-      return newPage;
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-    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;
-    });
-    var firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
-    return firstItem !== null ? firstItem : null;
-  };
-  var loadItems = function loadItems(requestPage) {
-    updateState({
-      loading: true
-    });
-    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);
+  } else {
+    // `Reflect.ownKeys()` is required to retrieve symbol properties
+    var _iterator2 = _createForOfIteratorHelper(Reflect.ownKeys(object)),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var _key = _step2.value;
+        var _descriptor = Object.getOwnPropertyDescriptor(object, _key);
+        if (_descriptor.enumerable) {
+          var value = object[_key];
+          if (predicate(_key, value, object)) {
+            Object.defineProperty(result, _key, _descriptor);
+          }
+        }
       }
-      if (onLoaded !== null) {
-        onLoaded(response);
-      }
-      return response;
-    })["catch"](function (error) {
-      if (!canceled && onError !== null) {
-        onError(error);
-      }
-    });
-    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 = React.useCallback(function () {
-    setState({
-      loaded: false,
-      loading: false,
-      lastPage: -1,
-      total: 0,
-      pages: null,
-      items: null
-    });
-  }, [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;
-        })
-      });
-    }
-  };
-  React.useEffect(function () {
-    var hadState = lastState.current !== null;
-    lastState.current = initialState;
-    if (hadState) {
-      setState(initialState);
-    }
-  }, [initialState]);
-  React.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);
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
     }
-    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 useItems$1 = useItems;
-
-var AccountApi = /*#__PURE__*/function () {
-  function AccountApi(api, opts) {
-    _classCallCheck(this, AccountApi);
-    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
-      });
-    }
-  }]);
-}();
+  return result;
+}
 
-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({}, fetch$1.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
-      });
-    }
-  }]);
-}();
-
-({
-  children: PropTypes.node.isRequired,
-  routes: PropTypes.objectOf(PropTypes.string).isRequired,
-  basePath: PropTypes.string
-});
-var compilers = {};
-function generatePath(fullPath, data) {
-  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var fullUrlMatches = fullPath.match(/^(https?:\/\/)/);
-  if (typeof compilers[fullPath] === 'undefined') {
-    compilers[fullPath] = pathToRegexp.compile(fullPath.replace(/^(https?:\/\/)/, ''), opts);
-  }
-  var compiler = compilers[fullPath];
-  return fullUrlMatches !== null ? "".concat(fullUrlMatches[1]).concat(compiler(data)) : compiler(data);
-}
-
-var token = '%[a-f0-9]{2}';
-var singleMatcher = new RegExp('(' + token + ')|([^%]+?)', 'gi');
-var multiMatcher = new RegExp('(' + token + ')+', 'gi');
-function decodeComponents(components, split) {
-  try {
-    // Try to decode the entire string first
-    return [decodeURIComponent(components.join(''))];
-  } catch (_unused) {
-    // Do nothing
-  }
-  if (components.length === 1) {
-    return components;
-  }
-  split = split || 1;
-
-  // Split the array in 2 parts
-  var left = components.slice(0, split);
-  var right = components.slice(split);
-  return Array.prototype.concat.call([], decodeComponents(left), decodeComponents(right));
-}
-function decode$1(input) {
-  try {
-    return decodeURIComponent(input);
-  } catch (_unused2) {
-    var tokens = input.match(singleMatcher) || [];
-    for (var i = 1; i < tokens.length; i++) {
-      input = decodeComponents(tokens, i).join('');
-      tokens = input.match(singleMatcher) || [];
-    }
-    return input;
-  }
-}
-function customDecodeURIComponent(input) {
-  // Keep track of all the replacements and prefill the map with the `BOM`
-  var replaceMap = {
-    '%FE%FF': "\uFFFD\uFFFD",
-    '%FF%FE': "\uFFFD\uFFFD"
-  };
-  var match = multiMatcher.exec(input);
-  while (match) {
-    try {
-      // Decode as big chunks as possible
-      replaceMap[match[0]] = decodeURIComponent(match[0]);
-    } catch (_unused3) {
-      var result = decode$1(match[0]);
-      if (result !== match[0]) {
-        replaceMap[match[0]] = result;
-      }
-    }
-    match = multiMatcher.exec(input);
-  }
-
-  // Add `%C2` at the end of the map to make sure it does not replace the combinator before everything else
-  replaceMap['%C2'] = "\uFFFD";
-  var entries = Object.keys(replaceMap);
-  for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-    var key = _entries[_i];
-    // Replace all decoded components
-    input = input.replace(new RegExp(key, 'g'), replaceMap[key]);
-  }
-  return input;
-}
-function decodeUriComponent(encodedURI) {
-  if (typeof encodedURI !== 'string') {
-    throw new TypeError('Expected `encodedURI` to be of type `string`, got `' + _typeof(encodedURI) + '`');
-  }
-  try {
-    // Try the built in decoder first
-    return decodeURIComponent(encodedURI);
-  } catch (_unused4) {
-    // Fallback to a more advanced decoder
-    return customDecodeURIComponent(encodedURI);
-  }
-}
-
-function splitOnFirst(string, separator) {
-  if (!(typeof string === 'string' && typeof separator === 'string')) {
-    throw new TypeError('Expected the arguments to be of type `string`');
-  }
-  if (string === '' || separator === '') {
-    return [];
-  }
-  var separatorIndex = string.indexOf(separator);
-  if (separatorIndex === -1) {
-    return [];
-  }
-  return [string.slice(0, separatorIndex), string.slice(separatorIndex + separator.length)];
-}
-
-function includeKeys(object, predicate) {
-  var result = {};
-  if (Array.isArray(predicate)) {
-    var _iterator = _createForOfIteratorHelper(predicate),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var key = _step.value;
-        var descriptor = Object.getOwnPropertyDescriptor(object, key);
-        if (descriptor !== null && descriptor !== void 0 && descriptor.enumerable) {
-          Object.defineProperty(result, key, descriptor);
-        }
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-  } else {
-    // `Reflect.ownKeys()` is required to retrieve symbol properties
-    var _iterator2 = _createForOfIteratorHelper(Reflect.ownKeys(object)),
-      _step2;
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _key = _step2.value;
-        var _descriptor = Object.getOwnPropertyDescriptor(object, _key);
-        if (_descriptor.enumerable) {
-          var value = object[_key];
-          if (predicate(_key, value, object)) {
-            Object.defineProperty(result, _key, _descriptor);
-          }
-        }
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
-    }
-  }
-  return result;
-}
-
-const isNullOrUndefined = value => value === null || value === undefined;
+const isNullOrUndefined = value => value === null || value === undefined;
 
 // eslint-disable-next-line unicorn/prefer-code-point
 const strictUriEncode = string => encodeURIComponent(string).replaceAll(/[!'()*]/g, x => `%${x.charCodeAt(0).toString(16).toUpperCase()}`);
@@ -1117,31 +711,859 @@ function pick(input, filter, options) {
 		...options,
 	};
 
-	const {url, query, fragmentIdentifier} = parseUrl(input, options);
+	const {url, query, fragmentIdentifier} = parseUrl(input, options);
+
+	return stringifyUrl({
+		url,
+		query: includeKeys(query, filter),
+		fragmentIdentifier,
+	}, options);
+}
+
+function exclude(input, filter, options) {
+	const exclusionFilter = Array.isArray(filter) ? key => !filter.includes(key) : (key, value) => !filter(key, value);
+
+	return pick(input, exclusionFilter, options);
+}
+
+var queryString = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    exclude: exclude,
+    extract: extract,
+    parse: parse,
+    parseUrl: parseUrl,
+    pick: pick,
+    stringify: stringify,
+    stringifyUrl: stringifyUrl
+});
+
+var _excluded$3 = ["store", "url", "paginated", "query", "onQueryChange", "queryConfig", "keepData"],
+  _excluded2$1 = ["page", "count"],
+  _excluded3 = ["data", "refetch", "isLoading", "isFetched", "status", "error"];
+var useItems$2 = function useItems(_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
+  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 = _ref2.items,
+    providedItems = _ref2$items === void 0 ? null : _ref2$items,
+    _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 = React.useMemo(function () {
+    return getPage !== null || initialPages !== null || initialPaginated;
+  }, [getPage, initialPages, initialPaginated]);
+  var query = React.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 = React.useMemo(function () {
+    return paginated && getPage !== null ? [store, page, count || 10, queryWithoutPageAndCount] : [store, query];
+  }, [paginated, page, count, queryWithoutPageAndCount]);
+  var _useQuery = reactQuery.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 fetch$1.getJSON("".concat(url).concat(!isEmpty(q) ? "?".concat(queryString.stringify(q, {
+          arrayFormat: 'bracket'
+        })) : ''));
+      }
+    }, keepData ? {
+      placeholderData: reactQuery.keepPreviousData
+    } : null), providedItems !== null ? {
+      initialData: providedItems
+    } : null), queryConfig)),
+    _useQuery$data = _useQuery.data,
+    data = _useQuery$data === void 0 ? null : _useQuery$data,
+    reload = _useQuery.refetch,
+    loading = _useQuery.isLoading,
+    loaded = _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;
+  var _ref7 = pagination || {},
+    _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 = React.useCallback(function () {
+    if (onQueryChange !== null && paginated && page !== null && page < lastPage) {
+      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
+        page: page + 1
+      }));
+    }
+  }, [paginated, pagination, page]);
+  var loadPage = React.useCallback(function (newPage) {
+    if (onQueryChange !== null && newPage !== null) {
+      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
+        page: newPage
+      }));
+    }
+  }, [query, onQueryChange]);
+  var pages = React.useRef(null);
+  React.useEffect(function () {
+    if (loaded && page !== null && data !== null) {
+      pages.current = _objectSpread(_objectSpread({}, pages.current), {}, _defineProperty({}, page, data));
+    }
+  }, [loaded, page, data]);
+  var finalItems = React.useMemo(function () {
+    if (data === null) {
+      return data;
+    }
+    if (paginated) {
+      if (getPageFromResponse !== null) {
+        return items;
+      }
+      return items;
+    }
+    if (getItemsFromResponse !== null) {
+      return getItemsFromResponse(data);
+    }
+    return data;
+  }, [items, data, paginated, getPageFromResponse, getItemsFromResponse]);
+
+  // Pseudo-events for compatibility
+  React.useEffect(function () {
+    if (status === 'success') {
+      if (onPageLoaded !== null && paginated) {
+        onItemsLoaded(data);
+      }
+      if (onItemsLoaded !== null && !paginated) {
+        onItemsLoaded(data);
+      }
+      if (onLoaded !== null) {
+        onLoaded(data);
+      }
+    }
+    if (status === 'error' && onError !== null) {
+      onError(error);
+    }
+  }, [status]);
+  var allItems = pages.current !== null ? 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;
+  return _objectSpread(_objectSpread({}, otherProps), {}, {
+    items: finalItems,
+    allItems: allItems,
+    pages: pages.current,
+    pageItems: paginated ? finalItems : null,
+    pagination: paginated ? {
+      page: currentPage,
+      lastPage: lastPage,
+      total: total
+    } : null,
+    total: total,
+    lastPage: lastPage,
+    loaded: loaded,
+    allLoaded: paginated && pages.current !== null && Object.keys(pages.current).length === lastPage || !paginated && loaded,
+    // very basic stuff, TODO
+    loading: loading,
+    loadNextPage: loadNextPage,
+    loadPage: loadPage,
+    reloadPage: reload,
+    reload: reload,
+    reset: reload,
+    updateItem: null,
+    status: status,
+    error: error
+  });
+};
+var useItems$3 = useItems$2;
+
+var useItems = 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 = React.useRef(null);
+  var initialState = React.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
+    };
+  }, [initialPages, providedItems]);
+  var _useState = React.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;
+    });
+    var firstItem = remainingPages.length > 0 ? remainingPages.shift() : null;
+    return firstItem !== null ? firstItem : null;
+  };
+  var loadItems = function loadItems(requestPage) {
+    updateState({
+      loading: true
+    });
+    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);
+      }
+    });
+    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 = React.useCallback(function () {
+    setState({
+      loaded: false,
+      loading: false,
+      lastPage: -1,
+      total: 0,
+      pages: null,
+      items: null
+    });
+  }, [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;
+        })
+      });
+    }
+  };
+  React.useEffect(function () {
+    var hadState = lastState.current !== null;
+    lastState.current = initialState;
+    if (hadState) {
+      setState(initialState);
+    }
+  }, [initialState]);
+  React.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 useItems$1 = useItems;
+
+var _excluded$2 = ["page", "count"],
+  _excluded2 = ["data", "refetch", "isLoading", "isFetching", "isRefetching", "isFetched"];
+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 = React.useMemo(function () {
+    return paginated ? [store, page || 1, count || 12, queryWithoutPage] : [store, query];
+  }, [paginated, store, page, count, query, queryWithoutPage, getPage, getItems]);
+
+  // console.log('queryKey', queryKey, 'paginated', paginated);
+
+  var _useQuery = reactQuery.useQuery(_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 fetch$1.getJSON("".concat(url).concat(!isEmpty(q) ? "?".concat(queryString.stringify(q, {
+          arrayFormat: 'bracket'
+        })) : ''));
+      }
+    }, keepData ? {
+      placeholderData: reactQuery.keepPreviousData
+    } : null), queryConfig)),
+    _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$metadata = _ref4.metadata,
+    metadata = _ref4$metadata === void 0 ? null : _ref4$metadata;
+  var _ref5 = pagination || metadata || {},
+    _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 = React.useCallback(function () {
+    if (onQueryChange !== null && paginated && page !== null && page < lastPage) {
+      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
+        page: page + 1
+      }));
+    }
+  }, [paginated, pagination, page]);
+  var loadPage = React.useCallback(function (newPage) {
+    if (onQueryChange !== null && newPage !== null) {
+      onQueryChange(_objectSpread(_objectSpread({}, query), {}, {
+        page: newPage
+      }));
+    }
+  }, [query, onQueryChange]);
 
-	return stringifyUrl({
-		url,
-		query: includeKeys(query, filter),
-		fragmentIdentifier,
-	}, options);
-}
+  // Keep a list of updated items
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    updatedItems = _useState2[0],
+    setUpdatedItems = _useState2[1];
+  var updateItem = React.useCallback(function (item) {
+    var _ref6 = item || {},
+      _ref6$id = _ref6.id,
+      itemId = _ref6$id === void 0 ? null : _ref6$id;
+    if (itemId !== null) {
+      setUpdatedItems([].concat(_toConsumableArray((items || []).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]));
+    }
+  }, [items, updatedItems, setUpdatedItems]);
+  var replaceUpdatedItems = React.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 = React.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 = React.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 useItemsStore$1 = useItemsStore;
 
-function exclude(input, filter, options) {
-	const exclusionFilter = Array.isArray(filter) ? key => !filter.includes(key) : (key, value) => !filter(key, value);
+var AccountApi = /*#__PURE__*/function () {
+  function AccountApi(api, opts) {
+    _classCallCheck(this, AccountApi);
+    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
+      });
+    }
+  }]);
+}();
 
-	return pick(input, exclusionFilter, options);
-}
+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({}, fetch$1.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
+      });
+    }
+  }]);
+}();
 
-var queryString = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    exclude: exclude,
-    extract: extract,
-    parse: parse,
-    parseUrl: parseUrl,
-    pick: pick,
-    stringify: stringify,
-    stringifyUrl: stringifyUrl
+({
+  children: PropTypes.node.isRequired,
+  routes: PropTypes.objectOf(PropTypes.string).isRequired,
+  basePath: PropTypes.string
 });
+var compilers = {};
+function generatePath(fullPath, data) {
+  var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var fullUrlMatches = fullPath.match(/^(https?:\/\/)/);
+  if (typeof compilers[fullPath] === 'undefined') {
+    compilers[fullPath] = pathToRegexp.compile(fullPath.replace(/^(https?:\/\/)/, ''), opts);
+  }
+  var compiler = compilers[fullPath];
+  return fullUrlMatches !== null ? "".concat(fullUrlMatches[1]).concat(compiler(data)) : compiler(data);
+}
 
 var Base = /*#__PURE__*/function () {
   function Base() {
@@ -1267,10 +1689,12 @@ var MediasApi = /*#__PURE__*/function (_Base) {
       baseUrl: opts.baseUrl ? opts.baseUrl : null,
       routes: _objectSpread({
         index: 'medias',
+        trashed: 'medias/trash',
         tags: 'medias/tags',
         show: 'medias/:media',
         store: 'medias',
         update: 'medias/:media',
+        trash: 'medias/trash/:media',
         "delete": 'medias/:media'
       }, opts.routes || null)
     }]);
@@ -1298,6 +1722,21 @@ var MediasApi = /*#__PURE__*/function (_Base) {
       }
       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;
+      }
+      return this.requestGet(this.route('trashed'), finalQuery);
+    }
   }, {
     key: "getTags",
     value: function getTags() {
@@ -1321,6 +1760,13 @@ var MediasApi = /*#__PURE__*/function (_Base) {
         media: id
       }), data);
     }
+  }, {
+    key: "trash",
+    value: function trash(id) {
+      return this.requestDelete(this.route('trash', {
+        media: id
+      }));
+    }
   }, {
     key: "delete",
     value: function _delete(id) {
@@ -1361,7 +1807,7 @@ var ResourcesApi = /*#__PURE__*/function () {
     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] : 10;
+      var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 12;
       var finalQuery = _objectSpread({}, query);
       if (page !== null) {
         finalQuery.page = page;
@@ -1427,13 +1873,13 @@ var ApiContext = /*#__PURE__*/React.createContext(null);
 var useApi = function useApi() {
   return React.useContext(ApiContext);
 };
-var propTypes$1 = {
+var propTypes$2 = {
   api: PropTypes.instanceOf(Api$1),
   baseUrl: PropTypes.string,
   onUnauthorized: PropTypes.func,
   children: PropTypes.node.isRequired
 };
-var defaultProps$1 = {
+var defaultProps$2 = {
   api: null,
   onUnauthorized: null,
   baseUrl: undefined
@@ -1456,8 +1902,8 @@ var ApiProvider = function ApiProvider(_ref) {
     value: api
   }, children);
 };
-ApiProvider.propTypes = propTypes$1;
-ApiProvider.defaultProps = defaultProps$1;
+ApiProvider.propTypes = propTypes$2;
+ApiProvider.defaultProps = defaultProps$2;
 
 var useResourceDestroy = function useResourceDestroy(resource) {
   var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
@@ -1498,7 +1944,7 @@ var useResourceItem = function useResourceItem(resource, id, opts) {
 };
 var useResourceItem$1 = useResourceItem;
 
-var _excluded = ["items", "pageItems"];
+var _excluded = ["items"];
 var useResourceItems = 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;
@@ -1510,7 +1956,7 @@ var useResourceItems = function useResourceItems(resource) {
     id = _ref$id === void 0 ? null : _ref$id;
   var lastResourceRef = React.useRef(id);
   var resourceChanging = lastResourceRef.current !== id;
-  var getItems = React.useCallback(function () {
+  var getPage = React.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 || {},
@@ -1524,18 +1970,30 @@ var useResourceItems = function useResourceItems(resource) {
       throw err;
     });
   }, [api, resource, query, count]);
-  var _useItems = useItems$1(_objectSpread({
-      getPage: page !== null ? getItems : null,
+  var getItems = React.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$1(id, _objectSpread({
+      getPage: page !== null ? getPage : null,
       getItems: page === null ? getItems : null,
-      page: page
+      query: query,
+      page: page,
+      count: count
     }, opts)),
-    items = _useItems.items,
-    pageItems = _useItems.pageItems,
-    request = _objectWithoutProperties(_useItems, _excluded);
-  var finalItems = page !== null ? pageItems : items;
+    items = _useItemsStore.items,
+    request = _objectWithoutProperties(_useItemsStore, _excluded);
   return _objectSpread({
-    items: resourceChanging ? null : finalItems,
-    allItems: items
+    items: resourceChanging ? null : items
   }, request);
 };
 var useResourceItems$1 = useResourceItems;
@@ -1586,6 +2044,46 @@ var useResourceUpdate = function useResourceUpdate(resource, id) {
 };
 var useResourceUpdate$1 = useResourceUpdate;
 
+var QueryContext = /*#__PURE__*/React.createContext(null);
+var useQueryContext = function useQueryContext() {
+  return React.useContext(QueryContext);
+};
+var propTypes$1 = {
+  config: PropTypes.shape({}),
+  initialKey: PropTypes.arrayOf(PropTypes.string),
+  initialData: PropTypes.oneOfType([PropTypes.shape({}), PropTypes.arrayOf(PropTypes.shape({}))]),
+  children: PropTypes.node.isRequired
+};
+var defaultProps$1 = {
+  config: null,
+  initialKey: null,
+  initialData: null
+};
+var QueryProvider = function QueryProvider(_ref) {
+  var initialConfig = _ref.config,
+    initialKey = _ref.initialKey,
+    initialData = _ref.initialData,
+    children = _ref.children;
+  var queryClient = React.useMemo(function () {
+    var client = new reactQuery.QueryClient(_objectSpread({
+      defaultOptions: {
+        queries: {
+          staleTime: Infinity
+        }
+      }
+    }, initialConfig));
+    if (initialKey !== null && initialData !== null) {
+      client.setQueryData(initialKey, initialData);
+    }
+    return client;
+  }, [initialConfig]);
+  return /*#__PURE__*/React.createElement(reactQuery.QueryClientProvider, {
+    client: queryClient
+  }, children);
+};
+QueryProvider.propTypes = propTypes$1;
+QueryProvider.defaultProps = defaultProps$1;
+
 /* eslint-disable react/jsx-props-no-spreading */
 var propTypes = {
   api: PropTypes.instanceOf(Api$1),
@@ -1614,9 +2112,13 @@ exports.Api = Api$1;
 exports.ApiProvider = ApiProvider;
 exports.BaseApi = Base$1;
 exports.DataProvider = DataProvider$1;
+exports.QueryProvider = QueryProvider;
 exports.useApi = useApi;
 exports.useData = useData$1;
-exports.useItems = useItems$1;
+exports.useItems = useItems$3;
+exports.useItemsLegacy = useItems$1;
+exports.useItemsStore = useItemsStore$1;
+exports.useQueryContext = useQueryContext;
 exports.useResourceDestroy = useResourceDestroy$1;
 exports.useResourceItem = useResourceItem$1;
 exports.useResourceItems = useResourceItems$1;