@panneau/data 4.0.73 → 4.0.75

package/dist/index.js

@@ -9,6 +9,7 @@ import { useQuery, keepPreviousData, useMutation, QueryClient, QueryClientProvid
 import isArray from 'lodash-es/isArray';
 import isObject from 'lodash-es/isObject';
 import isString from 'lodash-es/isString';
+import { isObject as isObject$1, isString as isString$1 } from 'lodash-es';
 
 function useItem(scope, id, loader, t0) {
   const $ = c(15);
@@ -447,176 +448,50 @@ function useItems(scope, t0) {
   return t32;
 }
 
-class AccountApi {
-  constructor(api, opts) {
-    this.api = api;
-    this.options = {
-      withCredentials: false,
-      ...opts
-    };
-  }
-  update(data) {
-    const {
-      withCredentials
-    } = this.options;
-    return this.api.requestPost(this.api.route('account'), data, {
-      withSession: !withCredentials,
-      withCredentials
-    });
-  }
-  updatePassword(data) {
-    const {
-      withCredentials
-    } = this.options;
-    return this.api.requestPost(this.api.route('account.password'), data, {
-      withSession: !withCredentials,
-      withCredentials
-    });
-  }
-  updateTaxes(data) {
-    const {
-      withCredentials
-    } = this.options;
-    return this.api.requestPost(this.api.route('account.taxes'), data, {
-      withSession: !withCredentials,
-      withCredentials
-    });
-  }
-  delete(data) {
-    const {
-      withCredentials
-    } = this.options;
-    return this.api.requestPost(this.api.route('account.delete'), data, {
-      withSession: !withCredentials,
-      withCredentials
-    });
-  }
-}
-
-class AuthApi {
-  constructor(api, opts) {
-    this.api = api;
-    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
-    });
-  }
-}
-
 class Base {
-  constructor(opts = {}) {
+  constructor(opts) {
     this.options = {
       routes: {},
       generateUrl: null,
-      ...opts,
-      baseUrl: opts.baseUrl,
-      onUnauthorized: opts.onUnauthorized || null
+      ...opts
     };
   }
   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}` : ''}`, {
+    return getJSON(this.getFullUrl(path, query), {
       credentials: 'include',
       headers: getCSRFHeaders(),
       ...opts
-    }).catch(error => this.onError(error));
+    }).catch(error => {
+      this.onError(error);
+      return null;
+    });
   }
-  requestPost(path, data, opts = null) {
+  requestPost(path, data = null, opts = null) {
     return postJSON(this.getFullUrl(path), data, {
       credentials: 'include',
       headers: getCSRFHeaders(),
       ...opts
-    }).catch(error => this.onError(error));
+    }).catch(error => {
+      this.onError(error);
+      return null;
+    });
   }
   requestPut(path, data, opts = null) {
-    return postJSON(this.getFullUrl(path), {
+    return this.requestPost(path, {
       _method: 'PUT',
       ...data
-    }, {
-      credentials: 'include',
-      headers: getCSRFHeaders(),
-      ...opts
-    }).catch(error => this.onError(error));
+    }, opts);
   }
   requestPatch(path, data, opts = null) {
-    return postJSON(this.getFullUrl(path), {
+    return this.requestPost(path, {
       _method: 'PATCH',
       ...data
-    }, {
-      credentials: 'include',
-      headers: getCSRFHeaders(),
-      ...opts
-    }).catch(error => this.onError(error));
+    }, opts);
   }
-  requestDelete(path) {
-    return this.requestPost(this.getFullUrl(path), {
+  requestDelete(path, opts = null) {
+    return this.requestPost(path, {
       _method: 'DELETE'
-    }).catch(error => this.onError(error));
+    }, opts);
   }
   hasRoute(route) {
     const {
@@ -624,7 +499,7 @@ class Base {
     } = this.options;
     return typeof routes[route] !== 'undefined';
   }
-  route(route, params) {
+  route(route, params = null) {
     const {
       routes,
       generateUrl = null
@@ -632,14 +507,18 @@ class Base {
     if (generateUrl !== null) {
       return generateUrl(route, params);
     }
-    return generatePath(routes[route] || route, params);
+    return generatePath(routes?.[route] || route, params);
   }
-  getFullUrl(path) {
+  getFullUrl(path, query = null) {
     const {
       baseUrl = null
     } = this.options;
     const hasProtocol = path.indexOf('://') !== -1;
-    return baseUrl !== null && !hasProtocol ? `${baseUrl.replace(/\/$/, '')}/${path.replace(/^\//, '')}` : path;
+    const url = baseUrl !== null && !hasProtocol ? `${baseUrl.replace(/\/$/, '')}/${path.replace(/^\//, '')}` : path;
+    const finalQuery = query !== null ? queryString.stringify(query, {
+      arrayFormat: 'bracket'
+    }) : null;
+    return `${url}${finalQuery !== null && finalQuery.length > 0 ? `${url.indexOf('?') === -1 ? '?' : '&'}${finalQuery}` : ''}`;
   }
   onError(err) {
     const {
@@ -651,16 +530,79 @@ class Base {
     const statusCode = parseInt(status, 10);
     // If status is refused and callback exists
     if ((statusCode === 401 || statusCode === 419) && onUnauthorized !== null) {
-      return onUnauthorized();
+      onUnauthorized();
     }
     throw err;
   }
 }
 
+class AccountApi extends Base {
+  constructor(opts) {
+    super({
+      ...opts,
+      routes: {
+        account: 'account',
+        'account.password': 'account/password',
+        'account.delete': 'account/delete',
+        ...(opts?.routes || null)
+      }
+    });
+  }
+  update(data) {
+    return this.requestPost(this.route('account'), data);
+  }
+  updatePassword(data) {
+    return this.requestPost(this.route('account.password'), data);
+  }
+  delete(data) {
+    return this.requestPost(this.route('account.delete'), data);
+  }
+}
+
+class AuthApi extends Base {
+  constructor(opts) {
+    super({
+      ...opts,
+      routes: {
+        'auth.check': 'auth/check',
+        'auth.login': 'auth/login',
+        'auth.register': 'auth/register',
+        'auth.logout': 'auth/logout',
+        'auth.password.email': 'auth/password/email',
+        'auth.password.update': 'auth/password/update',
+        ...(opts?.routes || null)
+      }
+    });
+  }
+  check() {
+    return this.requestGet(this.route('auth.check'));
+  }
+  login(email, password) {
+    return this.requestPost(this.route('auth.login'), {
+      email,
+      password
+    });
+  }
+  register(data) {
+    return this.requestPost(this.route('auth.register'), data);
+  }
+  logout() {
+    return this.requestPost(this.route('auth.logout'));
+  }
+  requestPassword(email) {
+    return this.requestPost(this.route('auth.password.email'), {
+      email
+    });
+  }
+  resetPassword(data) {
+    return this.requestPost(this.route('auth.password.update'), data);
+  }
+}
+
 class MediasApi extends Base {
-  constructor(opts = {}) {
+  constructor(opts) {
     super({
-      baseUrl: opts.baseUrl ? opts.baseUrl : null,
+      ...opts,
       routes: {
         index: 'medias',
         trashed: 'medias/trash',
@@ -672,7 +614,7 @@ class MediasApi extends Base {
         restore: 'medias/restore/:media',
         destroy: 'medias/:media',
         replace: 'medias/replace/:media',
-        ...(opts.routes || null)
+        ...(opts?.routes || null)
       }
     });
   }
@@ -738,29 +680,28 @@ class MediasApi extends Base {
   }
 }
 
-class ResourcesApi {
-  constructor(api) {
-    this.api = api;
-  }
-  resourceRoute({
-    id,
-    has_routes: hasRoutes = false
-  }, route, params) {
-    const hasSpecificRoute = this.api.hasRoute(`resources.${id}.${route}`);
-    const routeName = hasSpecificRoute ? `resources.${id}.${route}` : `resources.${route}`;
-    return this.api.route(routeName, hasSpecificRoute ? params : {
-      resource: id,
-      ...params
+class ResourcesApi extends Base {
+  constructor(opts) {
+    super({
+      ...opts,
+      routes: {
+        'resources.index': '/:resource',
+        'resources.show': '/:resource/:id',
+        'resources.store': '/:resource',
+        'resources.update': '/:resource/:id',
+        'resources.destroy': '/:resource/:id',
+        'resources.clone': '/:resource/:id/clone',
+        'resources.restore': '/:resource/:id/restore',
+        ...(opts?.routes || null)
+      }
     });
   }
-  find(resource, id) {
-    return this.api.requestGet(this.resourceRoute(resource, 'show', {
+  find(resource, id, opts = null) {
+    return this.requestGet(this.resourceRoute(resource, 'show', {
       id
-    }), null, {
-      withCredentials: true
-    });
+    }), null, opts);
   }
-  get(resource, query = {}, page = 1, count = 12) {
+  get(resource, query, page = 1, count = 12, opts = null) {
     const finalQuery = {
       ...query
     };
@@ -770,56 +711,48 @@ class ResourcesApi {
     if (count !== null) {
       finalQuery.count = count;
     }
-    return this.api.requestGet(this.resourceRoute(resource, 'index'), finalQuery, {
-      withCredentials: true
-    });
+    return this.requestGet(this.resourceRoute(resource, 'index'), finalQuery, opts);
   }
-  store(resource, data) {
-    return this.api.requestPost(this.resourceRoute(resource, 'store'), data, {
-      withCredentials: true
-    });
+  store(resource, data, opts = null) {
+    return this.requestPost(this.resourceRoute(resource, 'store'), data, opts);
   }
-  update(resource, id, data) {
-    return this.api.requestPatch(this.resourceRoute(resource, 'update', {
+  update(resource, id, data, opts = null) {
+    return this.requestPatch(this.resourceRoute(resource, 'update', {
       id
-    }), data, {
-      withCredentials: true
-    });
+    }), data, opts);
   }
-  destroy(resource, id) {
-    return this.api.requestDelete(this.resourceRoute(resource, 'destroy', {
+  destroy(resource, id, opts = null) {
+    return this.requestDelete(this.resourceRoute(resource, 'destroy', {
       id
-    }), null, {
-      withCredentials: true
-    });
+    }), opts);
   }
-  clone(resource, id, data = null) {
-    return this.api.requestPost(this.resourceRoute(resource, 'clone', {
+  clone(resource, id, data = null, opts = null) {
+    return this.requestPost(this.resourceRoute(resource, 'clone', {
       id
-    }), data, {
-      withCredentials: true
-    });
+    }), data, opts);
   }
-  restore(resource, id, data = null) {
-    return this.api.requestPost(this.resourceRoute(resource, 'restore', {
+  restore(resource, id, data = null, opts = null) {
+    return this.requestPost(this.resourceRoute(resource, 'restore', {
       id
-    }), data, {
-      withCredentials: true
+    }), data, opts);
+  }
+  resourceRoute({
+    id
+  }, route, params = null) {
+    return this.route(`resources.${id}.${route}`, params) ?? this.route(`resources.${route}`, {
+      resource: id,
+      ...params
     });
   }
 }
 
 class Api extends Base {
-  constructor(opts = {}) {
+  constructor(opts) {
     super(opts);
-    this.auth = new AuthApi(this, {
-      withCredentials: true
-    });
-    this.account = new AccountApi(this, {
-      withCredentials: true
-    });
+    this.auth = new AuthApi(opts);
+    this.account = new AccountApi(opts);
     this.medias = new MediasApi(opts);
-    this.resources = new ResourcesApi(this);
+    this.resources = new ResourcesApi(opts);
   }
 }
 
@@ -828,51 +761,54 @@ function useApi() {
   return use(ApiContext);
 }
 function ApiProvider(t0) {
-  const $ = c(10);
+  const $ = c(11);
   const {
     api: t1,
     baseUrl: t2,
     onUnauthorized: t3,
+    routes: t4,
     children
   } = t0;
   const initialApi = t1 === undefined ? null : t1;
   const baseUrl = t2 === undefined ? undefined : t2;
   const onUnauthorized = t3 === undefined ? null : t3;
+  const apiRoutes = t4 === undefined ? undefined : t4;
   const generateUrl = useUrlGenerator();
   const previousApi = useApi();
-  const routes = useRoutes();
-  let t4;
-  if ($[0] !== baseUrl || $[1] !== generateUrl || $[2] !== initialApi || $[3] !== onUnauthorized || $[4] !== previousApi || $[5] !== routes) {
-    t4 = initialApi || previousApi || new Api({
+  const contextRoutes = useRoutes();
+  let t5;
+  if ($[0] !== apiRoutes || $[1] !== baseUrl || $[2] !== contextRoutes || $[3] !== generateUrl || $[4] !== initialApi || $[5] !== onUnauthorized || $[6] !== previousApi) {
+    t5 = initialApi || previousApi || new Api({
       baseUrl,
       generateUrl,
-      routes,
+      routes: apiRoutes || contextRoutes,
       onUnauthorized
     });
-    $[0] = baseUrl;
-    $[1] = generateUrl;
-    $[2] = initialApi;
-    $[3] = onUnauthorized;
-    $[4] = previousApi;
-    $[5] = routes;
-    $[6] = t4;
+    $[0] = apiRoutes;
+    $[1] = baseUrl;
+    $[2] = contextRoutes;
+    $[3] = generateUrl;
+    $[4] = initialApi;
+    $[5] = onUnauthorized;
+    $[6] = previousApi;
+    $[7] = t5;
   } else {
-    t4 = $[6];
+    t5 = $[7];
   }
-  const api = t4;
-  let t5;
-  if ($[7] !== api || $[8] !== children) {
-    t5 = /*#__PURE__*/jsx(ApiContext, {
+  const api = t5;
+  let t6;
+  if ($[8] !== api || $[9] !== children) {
+    t6 = /*#__PURE__*/jsx(ApiContext, {
       value: api,
       children: children
     });
-    $[7] = api;
-    $[8] = children;
-    $[9] = t5;
+    $[8] = api;
+    $[9] = children;
+    $[10] = t6;
   } else {
-    t5 = $[9];
+    t6 = $[10];
   }
-  return t5;
+  return t6;
 }
 
 function useResourceDestroy(t0, t1, t2) {
@@ -895,7 +831,10 @@ function useResourceDestroy(t0, t1, t2) {
   const api = useApi();
   let t4;
   if ($[2] !== api || $[3] !== finalId || $[4] !== finalResource) {
-    t4 = providedId => api.resources.destroy(finalResource, providedId || finalId);
+    t4 = t5 => {
+      const providedId = t5 === undefined ? null : t5;
+      return api.resources.destroy(finalResource, providedId ?? finalId);
+    };
     $[2] = api;
     $[3] = finalId;
     $[4] = finalResource;
@@ -1099,161 +1038,355 @@ function useResourceItems(t0, t1, t2, t3, t4) {
   return useItems(resourceId, t8);
 }
 
-function useResourceCreate(resource) {
-  const $ = c(6);
-  const [loading, setLoading] = useState(false);
+function useResourceStore(resource, t0) {
+  const $ = c(18);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const options = t1;
+  const providedResource = usePanneauResource(resource);
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
   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;
-      });
+  let t2;
+  if ($[2] !== api || $[3] !== finalResource) {
+    t2 = data => api.resources.store(finalResource, data);
+    $[2] = api;
+    $[3] = finalResource;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  let t3;
+  if ($[5] !== options || $[6] !== t2) {
+    t3 = {
+      mutationFn: t2,
+      ...options
     };
-    $[0] = api;
-    $[1] = resource;
-    $[2] = t0;
+    $[5] = options;
+    $[6] = t2;
+    $[7] = t3;
   } else {
-    t0 = $[2];
+    t3 = $[7];
   }
-  const store = t0;
-  let t1;
-  if ($[3] !== loading || $[4] !== store) {
-    t1 = {
-      store,
-      loading
+  const t4 = useMutation(t3);
+  let isPending;
+  let mutate;
+  let mutateAsync;
+  let other;
+  if ($[8] !== t4) {
+    ({
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
+    } = t4);
+    $[8] = t4;
+    $[9] = isPending;
+    $[10] = mutate;
+    $[11] = mutateAsync;
+    $[12] = other;
+  } else {
+    isPending = $[9];
+    mutate = $[10];
+    mutateAsync = $[11];
+    other = $[12];
+  }
+  let t5;
+  if ($[13] !== isPending || $[14] !== mutate || $[15] !== mutateAsync || $[16] !== other) {
+    t5 = {
+      store: mutate,
+      storeAsync: mutateAsync,
+      loading: isPending,
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
     };
-    $[3] = loading;
-    $[4] = store;
-    $[5] = t1;
+    $[13] = isPending;
+    $[14] = mutate;
+    $[15] = mutateAsync;
+    $[16] = other;
+    $[17] = t5;
   } else {
-    t1 = $[5];
+    t5 = $[17];
   }
-  return t1;
+  return t5;
 }
 
-function useResourceUpdate(resource, id) {
-  const $ = c(7);
-  const [loading, setLoading] = useState(false);
+function useResourceUpdate(resource, t0, t1) {
+  const $ = c(22);
+  const id = t0 === undefined ? null : t0;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = t1 === undefined ? {} : t1;
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const options = t2;
+  const providedResource = usePanneauResource(isObject$1(resource) || isString$1(id) ? resource : null);
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
+  const finalId = !isObject$1(id) ? id : resource;
+  let t3;
+  if ($[2] !== id || $[3] !== options) {
+    t3 = isObject$1(id) ? id : options;
+    $[2] = id;
+    $[3] = options;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const finalOptions = t3;
   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;
-      });
+  let t4;
+  if ($[5] !== api || $[6] !== finalId || $[7] !== finalResource) {
+    t4 = data => api.resources.update(finalResource, finalId, data);
+    $[5] = api;
+    $[6] = finalId;
+    $[7] = finalResource;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  let t5;
+  if ($[9] !== finalOptions || $[10] !== t4) {
+    t5 = {
+      mutationFn: t4,
+      ...finalOptions
     };
-    $[0] = api;
-    $[1] = id;
-    $[2] = resource;
-    $[3] = t0;
+    $[9] = finalOptions;
+    $[10] = t4;
+    $[11] = t5;
   } else {
-    t0 = $[3];
+    t5 = $[11];
   }
-  const update = t0;
-  let t1;
-  if ($[4] !== loading || $[5] !== update) {
-    t1 = {
-      update,
-      loading
+  const t6 = useMutation(t5);
+  let isPending;
+  let mutate;
+  let mutateAsync;
+  let other;
+  if ($[12] !== t6) {
+    ({
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
+    } = t6);
+    $[12] = t6;
+    $[13] = isPending;
+    $[14] = mutate;
+    $[15] = mutateAsync;
+    $[16] = other;
+  } else {
+    isPending = $[13];
+    mutate = $[14];
+    mutateAsync = $[15];
+    other = $[16];
+  }
+  let t7;
+  if ($[17] !== isPending || $[18] !== mutate || $[19] !== mutateAsync || $[20] !== other) {
+    t7 = {
+      update: mutate,
+      updateAsync: mutateAsync,
+      loading: isPending,
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
     };
-    $[4] = loading;
-    $[5] = update;
-    $[6] = t1;
+    $[17] = isPending;
+    $[18] = mutate;
+    $[19] = mutateAsync;
+    $[20] = other;
+    $[21] = t7;
   } else {
-    t1 = $[6];
+    t7 = $[21];
   }
-  return t1;
+  return t7;
 }
 
-function useResourceClone(resource, t0) {
-  const $ = c(7);
-  const id = t0 === undefined ? null : t0;
-  const [loading, setLoading] = useState(false);
+function useResourceClone(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(id) ? resource : null);
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
+  const finalId = providedResource !== null ? id : resource;
   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;
-      });
+  let t4;
+  if ($[2] !== api || $[3] !== finalId || $[4] !== finalResource) {
+    t4 = t5 => {
+      const providedId = t5 === undefined ? null : t5;
+      return api.resources.clone(finalResource, providedId ?? finalId);
     };
-    $[0] = api;
-    $[1] = id;
-    $[2] = resource;
-    $[3] = t1;
+    $[2] = api;
+    $[3] = finalId;
+    $[4] = finalResource;
+    $[5] = t4;
   } else {
-    t1 = $[3];
+    t4 = $[5];
   }
-  const clone = t1;
-  let t2;
-  if ($[4] !== clone || $[5] !== loading) {
-    t2 = {
-      clone,
-      loading
+  let t5;
+  if ($[6] !== options || $[7] !== t4) {
+    t5 = {
+      mutationFn: t4,
+      ...options
     };
-    $[4] = clone;
-    $[5] = loading;
-    $[6] = t2;
+    $[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 {
-    t2 = $[6];
+    isPending = $[10];
+    mutate = $[11];
+    mutateAsync = $[12];
+    other = $[13];
   }
-  return t2;
+  let t7;
+  if ($[14] !== isPending || $[15] !== mutate || $[16] !== mutateAsync || $[17] !== other) {
+    t7 = {
+      clone: mutate,
+      cloneAsync: mutateAsync,
+      loading: isPending,
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
+    };
+    $[14] = isPending;
+    $[15] = mutate;
+    $[16] = mutateAsync;
+    $[17] = other;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
 }
 
-function useResourceRestore(resource, t0) {
-  const $ = c(7);
-  const id = t0 === undefined ? null : t0;
-  const [loading, setLoading] = useState(false);
+function useResourceRestore(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(id) ? resource : null);
+  const contextResource = useResource();
+  const finalResource = providedResource || contextResource;
+  const finalId = providedResource !== null ? id : resource;
   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;
-      });
+  let t4;
+  if ($[2] !== api || $[3] !== finalId || $[4] !== finalResource) {
+    t4 = t5 => {
+      const providedId = t5 === undefined ? null : t5;
+      return api.resources.restore(finalResource, providedId ?? finalId);
     };
-    $[0] = api;
-    $[1] = id;
-    $[2] = resource;
-    $[3] = t1;
+    $[2] = api;
+    $[3] = finalId;
+    $[4] = finalResource;
+    $[5] = t4;
   } else {
-    t1 = $[3];
+    t4 = $[5];
   }
-  const restore = t1;
-  let t2;
-  if ($[4] !== loading || $[5] !== restore) {
-    t2 = {
-      restore,
-      loading
+  let t5;
+  if ($[6] !== options || $[7] !== t4) {
+    t5 = {
+      mutationFn: t4,
+      ...options
     };
-    $[4] = loading;
-    $[5] = restore;
-    $[6] = t2;
+    $[6] = options;
+    $[7] = t4;
+    $[8] = t5;
   } else {
-    t2 = $[6];
+    t5 = $[8];
   }
-  return t2;
+  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 = {
+      restore: mutate,
+      restoreAsync: mutateAsync,
+      loading: isPending,
+      mutate,
+      mutateAsync,
+      isPending,
+      ...other
+    };
+    $[14] = isPending;
+    $[15] = mutate;
+    $[16] = mutateAsync;
+    $[17] = other;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
 }
 
 const QueryContext = /*#__PURE__*/createContext(null);
@@ -1307,59 +1440,63 @@ function QueryProvider(t0) {
 }
 
 function DataProvider(t0) {
-  const $ = c(10);
+  const $ = c(11);
   const {
     api: t1,
     apiBaseUrl: t2,
-    baseUrl: t3,
-    children: t4,
-    queryConfig: t5,
-    initialQueryKey: t6,
-    initialQueryData: t7,
-    onUnauthorized: t8
+    routes: t3,
+    baseUrl: t4,
+    children: t5,
+    queryConfig: t6,
+    initialQueryKey: t7,
+    initialQueryData: t8,
+    onUnauthorized: t9
   } = t0;
   const api = t1 === undefined ? null : t1;
   const apiBaseUrl = t2 === undefined ? undefined : t2;
-  const baseUrl = t3 === undefined ? undefined : t3;
-  const children = t4 === undefined ? null : t4;
-  const queryConfig = t5 === undefined ? null : t5;
-  const initialQueryKey = t6 === undefined ? null : t6;
-  const initialQueryData = t7 === undefined ? null : t7;
-  const onUnauthorized = t8 === undefined ? null : t8;
-  const t9 = baseUrl ?? apiBaseUrl;
-  let t10;
-  if ($[0] !== api || $[1] !== children || $[2] !== onUnauthorized || $[3] !== t9) {
-    t10 = /*#__PURE__*/jsx(ApiProvider, {
+  const routes = t3 === undefined ? undefined : t3;
+  const baseUrl = t4 === undefined ? undefined : t4;
+  const children = t5 === undefined ? null : t5;
+  const queryConfig = t6 === undefined ? null : t6;
+  const initialQueryKey = t7 === undefined ? null : t7;
+  const initialQueryData = t8 === undefined ? null : t8;
+  const onUnauthorized = t9 === undefined ? null : t9;
+  const t10 = baseUrl ?? apiBaseUrl;
+  let t11;
+  if ($[0] !== api || $[1] !== children || $[2] !== onUnauthorized || $[3] !== routes || $[4] !== t10) {
+    t11 = /*#__PURE__*/jsx(ApiProvider, {
       api: api,
-      baseUrl: t9,
+      baseUrl: t10,
+      routes: routes,
       onUnauthorized: onUnauthorized,
       children: children
     });
     $[0] = api;
     $[1] = children;
     $[2] = onUnauthorized;
-    $[3] = t9;
+    $[3] = routes;
     $[4] = t10;
+    $[5] = t11;
   } else {
-    t10 = $[4];
+    t11 = $[5];
   }
-  let t11;
-  if ($[5] !== initialQueryData || $[6] !== initialQueryKey || $[7] !== queryConfig || $[8] !== t10) {
-    t11 = /*#__PURE__*/jsx(QueryProvider, {
+  let t12;
+  if ($[6] !== initialQueryData || $[7] !== initialQueryKey || $[8] !== queryConfig || $[9] !== t11) {
+    t12 = /*#__PURE__*/jsx(QueryProvider, {
       config: queryConfig,
       initialKey: initialQueryKey,
       initialData: initialQueryData,
-      children: t10
+      children: t11
     });
-    $[5] = initialQueryData;
-    $[6] = initialQueryKey;
-    $[7] = queryConfig;
-    $[8] = t10;
+    $[6] = initialQueryData;
+    $[7] = initialQueryKey;
+    $[8] = queryConfig;
     $[9] = t11;
+    $[10] = t12;
   } else {
-    t11 = $[9];
+    t12 = $[10];
   }
-  return t11;
+  return t12;
 }
 
-export { Api, ApiProvider, Base as BaseApi, DataProvider, QueryProvider, useApi, useItem, useItems, 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, useResourceStore, useResourceUpdate };