@panneau/app 4.0.84 → 4.1.0

package/dist/index.js

@@ -1,8 +1,9 @@
+import { c } from 'react/compiler-runtime';
 import { useMemoryRouter, createPathToRegexpParser } from '@folklore/routes';
-import { useLocation, useSearch, Route, Redirect, Switch, Router } from 'wouter';
+import { useLocation, useSearch, Route, Switch, Redirect, Router } from 'wouter';
 import ActionsProvider from '@panneau/actions';
 import { useUser, useLogout, useAuth, AuthProvider } from '@panneau/auth';
-import { useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useActionsComponentsManager, useRoutes, usePagesComponentsManager, PanneauProvider, RoutesProvider, ModalProvider, ComponentsProvider } from '@panneau/core/contexts';
+import { useUrlGenerator, usePanneauResources, usePanneau, usePanneauColorScheme, ResourceProvider, useActionsComponentsManager, useRoutes, usePagesComponentsManager, ComponentsProvider, ModalProvider, RoutesProvider, PanneauProvider } from '@panneau/core/contexts';
 import { useResourceItem, DataProvider } from '@panneau/data';
 import DisplaysProvider from '@panneau/displays';
 import FieldsProvider from '@panneau/fields';
@@ -12,12 +13,12 @@ import { useResourceValues, IntlProvider } from '@panneau/intl';
 import ListsProvider from '@panneau/lists';
 import ModalsProvider from '@panneau/modals';
 import { UppyProvider } from '@panneau/uppy';
-import { c } from 'react/compiler-runtime';
 import isObject from 'lodash-es/isObject';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import isString from 'lodash-es/isString';
+import omit from 'lodash-es/omit';
 import queryString from 'query-string';
 import { FormattedMessage } from 'react-intl';
 import { useResourceUrlGenerator, useResourceTypeName } from '@panneau/core/hooks';
@@ -165,7 +166,7 @@ function ResourcesMenu(t0) {
     } else {
       t5 = $[6];
     }
-    t4 = resources.filter(_temp$5).map(t5);
+    t4 = resources.filter(_temp$6).map(t5);
     $[0] = pathname;
     $[1] = resourceRoute;
     $[2] = resources;
@@ -192,7 +193,7 @@ function ResourcesMenu(t0) {
   }
   return t5;
 }
-function _temp$5(t0) {
+function _temp$6(t0) {
   const {
     settings: t1
   } = t0;
@@ -204,7 +205,7 @@ function _temp$5(t0) {
 }
 
 function MainNavbar(t0) {
-  const $ = c(31);
+  const $ = c(30);
   let className;
   let props;
   let t1;
@@ -290,7 +291,8 @@ function MainNavbar(t0) {
           }, `menu-item-spacer-${index + 1}`)];
         }
         const lastItem = currentItems.length > 0 ? currentItems[currentItems.length - 1] : null;
-        return isArray(lastItem) ? [...currentItems.slice(0, currentItems.length - 1), [...lastItem, item]] : [...currentItems, [item]];
+        const menuItem = item;
+        return isArray(lastItem) ? [...currentItems.slice(0, currentItems.length - 1), [...lastItem, menuItem]] : [...currentItems, [menuItem]];
       };
       $[14] = navClassNames;
       $[15] = t10;
@@ -310,7 +312,7 @@ function MainNavbar(t0) {
     } else {
       t11 = $[17];
     }
-    t9 = [!hasResources && user !== null ? "resources" : null, ...menuItems, !hasAccount && menuItems.indexOf("separator") === -1 ? "separator" : null, !hasAccount ? "account" : null].filter(_temp$4).reduce(t10, []).map(t11);
+    t9 = [!hasResources && user !== null ? "resources" : null, ...menuItems, !hasAccount && menuItems.indexOf("separator") === -1 ? "separator" : null, !hasAccount ? "account" : null].filter(_temp$5).reduce(t10, []).map(t11);
     $[9] = guest;
     $[10] = main;
     $[11] = navClassNames;
@@ -325,7 +327,6 @@ function MainNavbar(t0) {
     t10 = name !== null ? /*#__PURE__*/jsx(Link, {
       href: route("home"),
       className: "navbar-brand",
-      withoutTheme: true,
       children: /*#__PURE__*/jsx("span", {
         className: classNames([{
           "text-opacity-75": loading,
@@ -343,10 +344,9 @@ function MainNavbar(t0) {
     t10 = $[22];
   }
   let t11;
-  if ($[23] !== background || $[24] !== className || $[25] !== items || $[26] !== loading || $[27] !== props || $[28] !== t10 || $[29] !== vertical) {
+  if ($[23] !== background || $[24] !== className || $[25] !== items || $[26] !== props || $[27] !== t10 || $[28] !== vertical) {
     t11 = /*#__PURE__*/jsxs(Navbar, {
       theme: background,
-      loading: loading,
       vertical: vertical,
       className: className,
       ...props,
@@ -355,100 +355,226 @@ function MainNavbar(t0) {
     $[23] = background;
     $[24] = className;
     $[25] = items;
-    $[26] = loading;
-    $[27] = props;
-    $[28] = t10;
-    $[29] = vertical;
-    $[30] = t11;
+    $[26] = props;
+    $[27] = t10;
+    $[28] = vertical;
+    $[29] = t11;
   } else {
-    t11 = $[30];
+    t11 = $[29];
   }
   return t11;
 }
-function _temp$4(it) {
+function _temp$5(it) {
   return it !== null;
 }
 
-function MainLayout({
-  fullscreen = false,
-  loading = false,
-  children = null
-}) {
+function MainLayout(t0) {
+  const $ = c(29);
+  const {
+    fullscreen: t1,
+    loading: t2,
+    children: t3
+  } = t0;
+  const fullscreen = t1 === undefined ? false : t1;
+  const loading = t2 === undefined ? false : t2;
+  const children = t3 === undefined ? null : t3;
   const {
-    theme = null,
-    sidebarPosition = null,
-    background = null,
-    text = null
+    theme: t4,
+    sidebarPosition: t5,
+    background: t6,
+    text: t7
   } = usePanneauColorScheme();
-  const vertical = sidebarPosition === 'left' || sidebarPosition === 'right';
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(['d-flex', 'min-vh-100', {
-      'flex-column': !vertical
-    }]),
-    "data-bs-theme": theme !== null ? theme : undefined,
-    children: [/*#__PURE__*/jsx(MainNavbar, {
-      className: classNames([{
-        'shadow-sm': !vertical,
-        'border-bottom': !vertical,
-        'sticky-top': !vertical,
-        'px-3': !vertical,
-        'pe-3': vertical && sidebarPosition === 'left',
-        'ps-3': vertical && sidebarPosition === 'right',
-        'me-2': vertical && sidebarPosition === 'left',
-        'ms-2': vertical && sidebarPosition === 'right'
-        // [styles.navbar]: true,
-        // [styles[sidebarPosition]]: sidebarPosition !== null,
-        // [styles.verticalNav]: vertical,
-      }]),
+  const theme = t4 === undefined ? null : t4;
+  const sidebarPosition = t5 === undefined ? null : t5;
+  const background = t6 === undefined ? null : t6;
+  const text = t7 === undefined ? null : t7;
+  const vertical = sidebarPosition === "left" || sidebarPosition === "right";
+  const t8 = !vertical;
+  let t9;
+  if ($[0] !== t8) {
+    t9 = classNames(["d-flex", "min-vh-100", {
+      "flex-column": t8
+    }]);
+    $[0] = t8;
+    $[1] = t9;
+  } else {
+    t9 = $[1];
+  }
+  const t10 = theme !== null ? theme : undefined;
+  const t11 = !vertical;
+  const t12 = !vertical;
+  const t13 = !vertical;
+  const t14 = !vertical;
+  const t15 = vertical && sidebarPosition === "left";
+  const t16 = vertical && sidebarPosition === "right";
+  const t17 = vertical && sidebarPosition === "left";
+  const t18 = vertical && sidebarPosition === "right";
+  let t19;
+  if ($[2] !== t11 || $[3] !== t12 || $[4] !== t13 || $[5] !== t14 || $[6] !== t15 || $[7] !== t16 || $[8] !== t17 || $[9] !== t18) {
+    t19 = classNames([{
+      "shadow-sm": t11,
+      "border-bottom": t12,
+      "sticky-top": t13,
+      "px-3": t14,
+      "pe-3": t15,
+      "ps-3": t16,
+      "me-2": t17,
+      "ms-2": t18
+    }]);
+    $[2] = t11;
+    $[3] = t12;
+    $[4] = t13;
+    $[5] = t14;
+    $[6] = t15;
+    $[7] = t16;
+    $[8] = t17;
+    $[9] = t18;
+    $[10] = t19;
+  } else {
+    t19 = $[10];
+  }
+  let t20;
+  if ($[11] !== loading || $[12] !== t19 || $[13] !== theme || $[14] !== vertical) {
+    t20 = /*#__PURE__*/jsx(MainNavbar, {
+      className: t19,
       theme: theme,
       loading: loading,
       vertical: vertical
-    }), /*#__PURE__*/jsx("div", {
-      className: classNames(['flex-grow-1', {
-        'd-flex flex-column': fullscreen,
-        [`bg-${background}`]: background !== null,
-        [`text-${text}`]: text !== null
-      }]),
+    });
+    $[11] = loading;
+    $[12] = t19;
+    $[13] = theme;
+    $[14] = vertical;
+    $[15] = t20;
+  } else {
+    t20 = $[15];
+  }
+  let t21;
+  if ($[16] !== background || $[17] !== fullscreen || $[18] !== text) {
+    t21 = classNames(["flex-grow-1", {
+      "d-flex flex-column": fullscreen
+    }, background !== null ? `bg-${background}` : null, text !== null ? `text-${text}` : null]);
+    $[16] = background;
+    $[17] = fullscreen;
+    $[18] = text;
+    $[19] = t21;
+  } else {
+    t21 = $[19];
+  }
+  let t22;
+  if ($[20] !== children || $[21] !== t21) {
+    t22 = /*#__PURE__*/jsx("div", {
+      className: t21,
       children: children
-    }), /*#__PURE__*/jsx(Modals, {
-      theme: theme
-    })]
-  });
+    });
+    $[20] = children;
+    $[21] = t21;
+    $[22] = t22;
+  } else {
+    t22 = $[22];
+  }
+  let t23;
+  if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+    t23 = /*#__PURE__*/jsx(Modals, {});
+    $[23] = t23;
+  } else {
+    t23 = $[23];
+  }
+  let t24;
+  if ($[24] !== t10 || $[25] !== t20 || $[26] !== t22 || $[27] !== t9) {
+    t24 = /*#__PURE__*/jsxs("div", {
+      className: t9,
+      "data-bs-theme": t10,
+      children: [t20, t22, t23]
+    });
+    $[24] = t10;
+    $[25] = t20;
+    $[26] = t22;
+    $[27] = t9;
+    $[28] = t24;
+  } else {
+    t24 = $[28];
+  }
+  return t24;
 }
 
-function PageHeader({
-  title = null,
-  actions = null,
-  small = false,
-  className = null,
-  children = null
-}) {
-  // TODO: fix page header components
-  // const { components } = usePanneau();
+function PageHeader(t0) {
+  const $ = c(20);
+  const {
+    title: t1,
+    actions: t2,
+    small: t3,
+    className: t4,
+    children: t5
+  } = t0;
+  const title = t1 === undefined ? null : t1;
+  const actions = t2 === undefined ? null : t2;
+  const small = t3 === undefined ? false : t3;
+  const className = t4 === undefined ? null : t4;
+  const children = t5 === undefined ? null : t5;
   const {
     text,
     background
   } = usePanneauColorScheme();
-  const inner = /*#__PURE__*/jsxs("div", {
-    className: "d-flex align-items-center flex-wrap",
-    children: [title !== null ? /*#__PURE__*/jsx("h1", {
-      className: classNames(['mb-0', 'h2']),
+  let t6;
+  if ($[0] !== title) {
+    t6 = title !== null ? /*#__PURE__*/jsx("h1", {
+      className: classNames(["mb-0", "h2"]),
       children: /*#__PURE__*/jsx(LabelComponent, {
         children: title
       })
-    }) : null, actions !== null ? /*#__PURE__*/jsx("div", {
+    }) : null;
+    $[0] = title;
+    $[1] = t6;
+  } else {
+    t6 = $[1];
+  }
+  let t7;
+  if ($[2] !== actions) {
+    t7 = actions !== null ? /*#__PURE__*/jsx("div", {
       className: "ms-auto",
       children: actions
-    }) : null]
-  });
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames(['py-4', {
-      [`bg-${background}`]: background !== null,
-      [`text-${text}`]: text !== null,
-      [`border-bottom`]: background || text !== null,
-      [className]: className !== null
-    }]),
-    children: [/*#__PURE__*/jsx("div", {
+    }) : null;
+    $[2] = actions;
+    $[3] = t7;
+  } else {
+    t7 = $[3];
+  }
+  let t8;
+  if ($[4] !== t6 || $[5] !== t7) {
+    t8 = /*#__PURE__*/jsxs("div", {
+      className: "d-flex align-items-center flex-wrap",
+      children: [t6, t7]
+    });
+    $[4] = t6;
+    $[5] = t7;
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  const inner = t8;
+  const t9 = background !== null ? `bg-${background}` : null;
+  const t10 = text !== null ? `text-${text}` : null;
+  const t11 = background || text !== null;
+  const t12 = className !== null;
+  let t13;
+  if ($[7] !== className || $[8] !== t10 || $[9] !== t11 || $[10] !== t12 || $[11] !== t9) {
+    t13 = classNames(["py-4", t9, t10, {
+      "border-bottom": t11,
+      [className]: t12
+    }]);
+    $[7] = className;
+    $[8] = t10;
+    $[9] = t11;
+    $[10] = t12;
+    $[11] = t9;
+    $[12] = t13;
+  } else {
+    t13 = $[12];
+  }
+  let t14;
+  if ($[13] !== inner || $[14] !== small) {
+    t14 = /*#__PURE__*/jsx("div", {
       className: "container-sm",
       children: small ? /*#__PURE__*/jsx("div", {
         className: "row justify-content-center",
@@ -457,12 +583,31 @@ function PageHeader({
           children: inner
         })
       }) : inner
-    }), children]
-  });
+    });
+    $[13] = inner;
+    $[14] = small;
+    $[15] = t14;
+  } else {
+    t14 = $[15];
+  }
+  let t15;
+  if ($[16] !== children || $[17] !== t13 || $[18] !== t14) {
+    t15 = /*#__PURE__*/jsxs("div", {
+      className: t13,
+      children: [t14, children]
+    });
+    $[16] = children;
+    $[17] = t13;
+    $[18] = t14;
+    $[19] = t15;
+  } else {
+    t15 = $[19];
+  }
+  return t15;
 }
 
 function ResourceCreatePage(t0) {
-  const $ = c(20);
+  const $ = c(22);
   const {
     resource
   } = t0;
@@ -482,89 +627,98 @@ function ResourceCreatePage(t0) {
   const {
     type: t2
   } = t1;
-  const type = t2 === undefined ? null : t2;
+  const queryType = t2 === undefined ? null : t2;
+  let t3;
+  if ($[2] !== queryType) {
+    t3 = isString(queryType) ? queryType : null;
+    $[2] = queryType;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const type = t3;
   const resourceValues = useResourceValues(resource);
   const typeName = useResourceTypeName(resource, type);
-  let t3;
-  if ($[2] !== navigate || $[3] !== resourceRoute) {
-    t3 = () => {
+  let t4;
+  if ($[4] !== navigate || $[5] !== resourceRoute) {
+    t4 = () => {
       navigate(`${resourceRoute("index")}?created=true`);
     };
-    $[2] = navigate;
-    $[3] = resourceRoute;
-    $[4] = t3;
+    $[4] = navigate;
+    $[5] = resourceRoute;
+    $[6] = t4;
   } else {
-    t3 = $[4];
+    t4 = $[6];
   }
-  const onComplete = t3;
-  let t4;
-  if ($[5] !== resourceValues) {
-    t4 = /*#__PURE__*/jsx(FormattedMessage, {
+  const onComplete = t4;
+  let t5;
+  if ($[7] !== resourceValues) {
+    t5 = /*#__PURE__*/jsx(FormattedMessage, {
       id: "6viUpq",
       values: resourceValues
     });
-    $[5] = resourceValues;
-    $[6] = t4;
+    $[7] = resourceValues;
+    $[8] = t5;
   } else {
-    t4 = $[6];
+    t5 = $[8];
   }
-  let t5;
-  if ($[7] !== typeName) {
-    t5 = typeName !== null ? /*#__PURE__*/jsxs("span", {
+  let t6;
+  if ($[9] !== typeName) {
+    t6 = typeName !== null ? /*#__PURE__*/jsxs("span", {
       className: "text-body-secondary",
       children: [" (", typeName, ")"]
     }) : null;
-    $[7] = typeName;
-    $[8] = t5;
+    $[9] = typeName;
+    $[10] = t6;
   } else {
-    t5 = $[8];
+    t6 = $[10];
   }
-  let t6;
-  if ($[9] !== t4 || $[10] !== t5) {
-    t6 = /*#__PURE__*/jsx(PageHeader, {
+  let t7;
+  if ($[11] !== t5 || $[12] !== t6) {
+    t7 = /*#__PURE__*/jsx(PageHeader, {
       title: /*#__PURE__*/jsxs(Fragment, {
-        children: [t4, t5]
+        children: [t5, t6]
       }),
       small: true
     });
-    $[9] = t4;
-    $[10] = t5;
-    $[11] = t6;
+    $[11] = t5;
+    $[12] = t6;
+    $[13] = t7;
   } else {
-    t6 = $[11];
+    t7 = $[13];
   }
-  let t7;
-  if ($[12] !== onComplete || $[13] !== resource || $[14] !== t6 || $[15] !== type) {
-    t7 = /*#__PURE__*/jsx(MainLayout, {
+  let t8;
+  if ($[14] !== onComplete || $[15] !== resource || $[16] !== t7 || $[17] !== type) {
+    t8 = /*#__PURE__*/jsx(MainLayout, {
       children: /*#__PURE__*/jsx(ResourceFormWrapper, {
         resource: resource,
         type: type,
         onComplete: onComplete,
         withContainer: true,
-        header: t6
+        header: t7
       })
     });
-    $[12] = onComplete;
-    $[13] = resource;
-    $[14] = t6;
-    $[15] = type;
+    $[14] = onComplete;
+    $[15] = resource;
     $[16] = t7;
+    $[17] = type;
+    $[18] = t8;
   } else {
-    t7 = $[16];
+    t8 = $[18];
   }
-  let t8;
-  if ($[17] !== resource || $[18] !== t7) {
-    t8 = /*#__PURE__*/jsx(ResourceProvider, {
+  let t9;
+  if ($[19] !== resource || $[20] !== t8) {
+    t9 = /*#__PURE__*/jsx(ResourceProvider, {
       resource: resource,
-      children: t7
+      children: t8
     });
-    $[17] = resource;
-    $[18] = t7;
-    $[19] = t8;
+    $[19] = resource;
+    $[20] = t8;
+    $[21] = t9;
   } else {
-    t8 = $[19];
+    t9 = $[21];
   }
-  return t8;
+  return t9;
 }
 
 function ResourceDeletePage(t0) {
@@ -832,7 +986,7 @@ function ResourceCreateButton(t0) {
   const onClickDropdown = t4;
   let t5;
   if ($[2] !== className || $[3] !== dropdownOpened || $[4] !== onClickDropdown || $[5] !== resourceRoute || $[6] !== resourceValues || $[7] !== size || $[8] !== types) {
-    const finalTypes = types !== null ? types.filter(_temp$3) : null;
+    const finalTypes = types !== null ? types.filter(_temp$4) : null;
     const hasMultipleTypes = finalTypes !== null && finalTypes.length > 1;
     let t6;
     if ($[10] !== dropdownOpened) {
@@ -922,7 +1076,7 @@ function ResourceCreateButton(t0) {
   }
   return t5;
 }
-function _temp$3(t0) {
+function _temp$4(t0) {
   const {
     settings: t1
   } = t0;
@@ -981,7 +1135,7 @@ function ResourceItemsList(t0) {
 
 const DEFAULT_ACTIONS = ['create'];
 function ResourceIndexPage(t0) {
-  const $ = c(70);
+  const $ = c(72);
   const {
     resource,
     defaultActions: t1,
@@ -1054,7 +1208,7 @@ function ResourceIndexPage(t0) {
   }
   let t14;
   if ($[12] !== t13) {
-    t14 = t13.map(_temp$2);
+    t14 = t13.map(_temp$3);
     $[12] = t13;
     $[13] = t14;
   } else {
@@ -1076,34 +1230,42 @@ function ResourceIndexPage(t0) {
     t15 = $[15];
   }
   const query = t15;
-  const listQuery = query;
   let t16;
   if ($[16] !== query) {
-    t16 = query || {};
+    t16 = omit(query, ["created", "deleted"]);
     $[16] = query;
     $[17] = t16;
   } else {
     t16 = $[17];
   }
+  const listQuery = t16;
+  let t17;
+  if ($[18] !== query) {
+    t17 = query || {};
+    $[18] = query;
+    $[19] = t17;
+  } else {
+    t17 = $[19];
+  }
   const {
-    created: t17,
-    deleted: t18
-  } = t16;
-  const created = t17 === undefined ? false : t17;
-  const deleted = t18 === undefined ? false : t18;
+    created: t18,
+    deleted: t19
+  } = t17;
+  const created = t18 === undefined ? false : t18;
+  const deleted = t19 === undefined ? false : t19;
   const resourceRoute = useResourceUrlGenerator(resource);
-  let t19;
-  if ($[18] !== resourceRoute) {
-    t19 = resourceRoute("index");
-    $[18] = resourceRoute;
-    $[19] = t19;
+  let t20;
+  if ($[20] !== resourceRoute) {
+    t20 = resourceRoute("index");
+    $[20] = resourceRoute;
+    $[21] = t20;
   } else {
-    t19 = $[19];
+    t20 = $[21];
   }
-  const url = t19;
-  let t20;
-  if ($[20] !== navigate || $[21] !== url) {
-    t20 = submitQuery => {
+  const url = t20;
+  let t21;
+  if ($[22] !== navigate || $[23] !== url) {
+    t21 = submitQuery => {
       const newQuery = submitQuery !== null ? Object.keys(submitQuery).reduce((currentQuery, key) => {
         const value = submitQuery[key];
         return value !== null ? {
@@ -1115,57 +1277,57 @@ function ResourceIndexPage(t0) {
         arrayFormat: "bracket"
       })}` : ""}`);
     };
-    $[20] = navigate;
-    $[21] = url;
-    $[22] = t20;
+    $[22] = navigate;
+    $[23] = url;
+    $[24] = t21;
   } else {
-    t20 = $[22];
+    t21 = $[24];
   }
-  const onQueryChange = t20;
-  let t21;
-  if ($[23] !== navigate || $[24] !== url) {
-    t21 = () => {
+  const onQueryChange = t21;
+  let t22;
+  if ($[25] !== navigate || $[26] !== url) {
+    t22 = () => {
       const resetQuery = queryString.stringify(null, {
         arrayFormat: "bracket"
       });
       navigate(`${url}?${resetQuery}`);
     };
-    $[23] = navigate;
-    $[24] = url;
-    $[25] = t21;
+    $[25] = navigate;
+    $[26] = url;
+    $[27] = t22;
   } else {
-    t21 = $[25];
+    t22 = $[27];
   }
-  const onQueryReset = t21;
-  let t22;
-  if ($[26] !== navigate || $[27] !== url) {
-    t22 = () => {
+  const onQueryReset = t22;
+  let t23;
+  if ($[28] !== navigate || $[29] !== url) {
+    t23 = () => {
       navigate(url, {
         replace: true
       });
     };
-    $[26] = navigate;
-    $[27] = url;
-    $[28] = t22;
+    $[28] = navigate;
+    $[29] = url;
+    $[30] = t23;
   } else {
-    t22 = $[28];
+    t23 = $[30];
   }
-  const onClickCloseAlert = t22;
-  let t23;
-  if ($[29] !== actionsComponentsManager || $[30] !== finalActions || $[31] !== onQueryChange || $[32] !== query || $[33] !== resource) {
-    t23 = finalActions.length > 0 ? /*#__PURE__*/jsx("div", {
+  const onClickCloseAlert = t23;
+  let t24;
+  if ($[31] !== actionsComponentsManager || $[32] !== finalActions || $[33] !== onQueryChange || $[34] !== query || $[35] !== resource) {
+    t24 = finalActions.length > 0 ? /*#__PURE__*/jsx("div", {
       className: "d-flex align-items-center",
-      children: finalActions.map(t24 => {
+      children: finalActions.map(t25 => {
         const {
           id,
-          component: t25,
-          withQuery: t26,
-          href: t27,
+          component: t26,
+          withQuery: t27,
+          href: t28,
           ...otherProps
-        } = t24;
-        const component = t25 === undefined ? Button : t25;
-        const withQuery = t26 === undefined ? false : t26;
-        const href = t27 === undefined ? null : t27;
+        } = t25;
+        const component = t26 === undefined ? Button : t26;
+        const withQuery = t27 === undefined ? false : t27;
+        const href = t28 === undefined ? null : t28;
         const ActionComponent = isString(component) ? actionsComponentsManager.getComponent(component) : component;
         const isButton = ActionComponent === Button;
         let finalHref = href;
@@ -1185,37 +1347,37 @@ function ResourceIndexPage(t0) {
         }, `action-${id}`) : null;
       })
     }) : null;
-    $[29] = actionsComponentsManager;
-    $[30] = finalActions;
-    $[31] = onQueryChange;
-    $[32] = query;
-    $[33] = resource;
-    $[34] = t23;
+    $[31] = actionsComponentsManager;
+    $[32] = finalActions;
+    $[33] = onQueryChange;
+    $[34] = query;
+    $[35] = resource;
+    $[36] = t24;
   } else {
-    t23 = $[34];
+    t24 = $[36];
   }
-  let t24;
-  if ($[35] !== name || $[36] !== t23) {
-    t24 = /*#__PURE__*/jsx(PageHeader, {
+  let t25;
+  if ($[37] !== name || $[38] !== t24) {
+    t25 = /*#__PURE__*/jsx(PageHeader, {
       title: name,
-      actions: t23
+      actions: t24
     });
-    $[35] = name;
-    $[36] = t23;
-    $[37] = t24;
+    $[37] = name;
+    $[38] = t24;
+    $[39] = t25;
   } else {
-    t24 = $[37];
+    t25 = $[39];
   }
-  let t25;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-    t25 = classNames(["container-sm py-4"]);
-    $[38] = t25;
+  let t26;
+  if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = classNames(["container-sm py-4"]);
+    $[40] = t26;
   } else {
-    t25 = $[38];
+    t26 = $[40];
   }
-  let t26;
-  if ($[39] !== created || $[40] !== onClickCloseAlert || $[41] !== resourceValues) {
-    t26 = created ? /*#__PURE__*/jsx(Alert, {
+  let t27;
+  if ($[41] !== created || $[42] !== onClickCloseAlert || $[43] !== resourceValues) {
+    t27 = created ? /*#__PURE__*/jsx(Alert, {
       className: "mb-4",
       onClose: onClickCloseAlert,
       children: /*#__PURE__*/jsx(FormattedMessage, {
@@ -1223,16 +1385,16 @@ function ResourceIndexPage(t0) {
         values: resourceValues
       })
     }) : null;
-    $[39] = created;
-    $[40] = onClickCloseAlert;
-    $[41] = resourceValues;
-    $[42] = t26;
+    $[41] = created;
+    $[42] = onClickCloseAlert;
+    $[43] = resourceValues;
+    $[44] = t27;
   } else {
-    t26 = $[42];
+    t27 = $[44];
   }
-  let t27;
-  if ($[43] !== deleted || $[44] !== onClickCloseAlert || $[45] !== resourceValues) {
-    t27 = deleted ? /*#__PURE__*/jsx(Alert, {
+  let t28;
+  if ($[45] !== deleted || $[46] !== onClickCloseAlert || $[47] !== resourceValues) {
+    t28 = deleted ? /*#__PURE__*/jsx(Alert, {
       className: "mb-4",
       onClose: onClickCloseAlert,
       children: /*#__PURE__*/jsx(FormattedMessage, {
@@ -1240,35 +1402,35 @@ function ResourceIndexPage(t0) {
         values: resourceValues
       })
     }) : null;
-    $[43] = deleted;
-    $[44] = onClickCloseAlert;
-    $[45] = resourceValues;
-    $[46] = t27;
-  } else {
-    t27 = $[46];
-  }
-  let t28;
-  if ($[47] !== actionsProps) {
-    t28 = actionsProps || {};
-    $[47] = actionsProps;
+    $[45] = deleted;
+    $[46] = onClickCloseAlert;
+    $[47] = resourceValues;
     $[48] = t28;
   } else {
     t28 = $[48];
   }
   let t29;
-  if ($[49] !== t28) {
-    t29 = {
-      size: "sm",
-      ...t28
-    };
-    $[49] = t28;
+  if ($[49] !== actionsProps) {
+    t29 = actionsProps || {};
+    $[49] = actionsProps;
     $[50] = t29;
   } else {
     t29 = $[50];
   }
   let t30;
-  if ($[51] !== listQuery || $[52] !== onQueryChange || $[53] !== onQueryReset || $[54] !== paginated || $[55] !== resource || $[56] !== t29 || $[57] !== theme || $[58] !== url) {
-    t30 = /*#__PURE__*/jsx(ResourceItemsList, {
+  if ($[51] !== t29) {
+    t30 = {
+      size: "sm",
+      ...t29
+    };
+    $[51] = t29;
+    $[52] = t30;
+  } else {
+    t30 = $[52];
+  }
+  let t31;
+  if ($[53] !== listQuery || $[54] !== onQueryChange || $[55] !== onQueryReset || $[56] !== paginated || $[57] !== resource || $[58] !== t30 || $[59] !== theme || $[60] !== url) {
+    t31 = /*#__PURE__*/jsx(ResourceItemsList, {
       resource: resource,
       baseUrl: url,
       query: listQuery,
@@ -1276,59 +1438,59 @@ function ResourceIndexPage(t0) {
       onQueryChange: onQueryChange,
       onQueryReset: onQueryReset,
       theme: theme,
-      actionsProps: t29
+      actionsProps: t30
     });
-    $[51] = listQuery;
-    $[52] = onQueryChange;
-    $[53] = onQueryReset;
-    $[54] = paginated;
-    $[55] = resource;
-    $[56] = t29;
-    $[57] = theme;
-    $[58] = url;
-    $[59] = t30;
-  } else {
-    t30 = $[59];
+    $[53] = listQuery;
+    $[54] = onQueryChange;
+    $[55] = onQueryReset;
+    $[56] = paginated;
+    $[57] = resource;
+    $[58] = t30;
+    $[59] = theme;
+    $[60] = url;
+    $[61] = t31;
+  } else {
+    t31 = $[61];
   }
-  let t31;
-  if ($[60] !== t26 || $[61] !== t27 || $[62] !== t30) {
-    t31 = /*#__PURE__*/jsxs("div", {
-      className: t25,
-      children: [t26, t27, t30]
+  let t32;
+  if ($[62] !== t27 || $[63] !== t28 || $[64] !== t31) {
+    t32 = /*#__PURE__*/jsxs("div", {
+      className: t26,
+      children: [t27, t28, t31]
     });
-    $[60] = t26;
-    $[61] = t27;
-    $[62] = t30;
-    $[63] = t31;
+    $[62] = t27;
+    $[63] = t28;
+    $[64] = t31;
+    $[65] = t32;
   } else {
-    t31 = $[63];
+    t32 = $[65];
   }
-  let t32;
-  if ($[64] !== t24 || $[65] !== t31) {
-    t32 = /*#__PURE__*/jsxs(MainLayout, {
-      children: [t24, t31]
+  let t33;
+  if ($[66] !== t25 || $[67] !== t32) {
+    t33 = /*#__PURE__*/jsxs(MainLayout, {
+      children: [t25, t32]
     });
-    $[64] = t24;
-    $[65] = t31;
-    $[66] = t32;
+    $[66] = t25;
+    $[67] = t32;
+    $[68] = t33;
   } else {
-    t32 = $[66];
+    t33 = $[68];
   }
-  let t33;
-  if ($[67] !== resource || $[68] !== t32) {
-    t33 = /*#__PURE__*/jsx(ResourceProvider, {
+  let t34;
+  if ($[69] !== resource || $[70] !== t33) {
+    t34 = /*#__PURE__*/jsx(ResourceProvider, {
       resource: resource,
-      children: t32
+      children: t33
     });
-    $[67] = resource;
-    $[68] = t32;
-    $[69] = t33;
+    $[69] = resource;
+    $[70] = t33;
+    $[71] = t34;
   } else {
-    t33 = $[69];
+    t34 = $[71];
   }
-  return t33;
+  return t34;
 }
-function _temp$2(it_0) {
+function _temp$3(it_0) {
   return it_0 === "create" ? {
     id: "create",
     component: ResourceCreateButton,
@@ -1597,10 +1759,10 @@ function HomePage() {
   let t0;
   let t1;
   if ($[0] !== resources) {
-    const visibleResources = resources.filter(_temp$1);
+    const visibleResources = resources.filter(_temp$2);
     T0 = MainLayout;
     t0 = "container-sm py-4";
-    t1 = visibleResources.map(_temp2$1);
+    t1 = visibleResources.map(_temp2$2);
     $[0] = resources;
     $[1] = T0;
     $[2] = t0;
@@ -1635,7 +1797,7 @@ function HomePage() {
   }
   return t3;
 }
-function _temp2$1(resource) {
+function _temp2$2(resource) {
   const {
     id: resourceId
   } = resource || {};
@@ -1643,7 +1805,7 @@ function _temp2$1(resource) {
     resource: resource
   }, `resource-link-${resourceId}`);
 }
-function _temp$1(t0) {
+function _temp$2(t0) {
   const {
     settings: t1
   } = t0;
@@ -1726,36 +1888,102 @@ function LoginForm(t0) {
   return t5;
 }
 
-function GuestLayout({
-  fullscreen = false,
-  children
-}) {
+function GuestLayout(t0) {
+  const $ = c(19);
+  const {
+    fullscreen: t1,
+    children
+  } = t0;
+  const fullscreen = t1 === undefined ? false : t1;
   const {
-    theme = null,
-    background = null,
-    text = null
+    theme: t2,
+    background: t3,
+    text: t4
   } = usePanneauColorScheme();
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames([{
-      'd-flex flex-column min-vh-100': fullscreen
-    }]),
-    "data-bs-theme": theme !== null ? theme : undefined,
-    children: [/*#__PURE__*/jsx(MainNavbar, {
-      className: classNames(['sticky-top', 'px-3'])
-    }), /*#__PURE__*/jsx("div", {
-      className: classNames({
-        'd-flex flex-column flex-grow-1': fullscreen,
-        [`bg-${background}`]: background !== null,
-        [`text-${text}`]: text !== null
-      }),
-      children: /*#__PURE__*/jsx("div", {
-        className: classNames({
-          'w-100 my-auto': fullscreen
-        }),
-        children: children
-      })
-    })]
-  });
+  const theme = t2 === undefined ? null : t2;
+  const background = t3 === undefined ? null : t3;
+  const text = t4 === undefined ? null : t4;
+  let t5;
+  if ($[0] !== fullscreen) {
+    t5 = classNames([{
+      "d-flex flex-column min-vh-100": fullscreen
+    }]);
+    $[0] = fullscreen;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const t6 = theme !== null ? theme : undefined;
+  let t7;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /*#__PURE__*/jsx(MainNavbar, {
+      className: classNames(["sticky-top", "px-3"])
+    });
+    $[2] = t7;
+  } else {
+    t7 = $[2];
+  }
+  let t8;
+  if ($[3] !== background || $[4] !== fullscreen || $[5] !== text) {
+    t8 = classNames([{
+      "d-flex flex-column flex-grow-1": fullscreen
+    }, background !== null ? `bg-${background}` : null, text !== null ? `text-${text}` : null]);
+    $[3] = background;
+    $[4] = fullscreen;
+    $[5] = text;
+    $[6] = t8;
+  } else {
+    t8 = $[6];
+  }
+  let t9;
+  if ($[7] !== fullscreen) {
+    t9 = classNames({
+      "w-100 my-auto": fullscreen
+    });
+    $[7] = fullscreen;
+    $[8] = t9;
+  } else {
+    t9 = $[8];
+  }
+  let t10;
+  if ($[9] !== children || $[10] !== t9) {
+    t10 = /*#__PURE__*/jsx("div", {
+      className: t9,
+      children: children
+    });
+    $[9] = children;
+    $[10] = t9;
+    $[11] = t10;
+  } else {
+    t10 = $[11];
+  }
+  let t11;
+  if ($[12] !== t10 || $[13] !== t8) {
+    t11 = /*#__PURE__*/jsx("div", {
+      className: t8,
+      children: t10
+    });
+    $[12] = t10;
+    $[13] = t8;
+    $[14] = t11;
+  } else {
+    t11 = $[14];
+  }
+  let t12;
+  if ($[15] !== t11 || $[16] !== t5 || $[17] !== t6) {
+    t12 = /*#__PURE__*/jsxs("div", {
+      className: t5,
+      "data-bs-theme": t6,
+      children: [t7, t11]
+    });
+    $[15] = t11;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t12;
+  } else {
+    t12 = $[18];
+  }
+  return t12;
 }
 
 function LoginPage() {
@@ -2097,7 +2325,7 @@ function createResourceRoutes(resource, {
 }
 
 function PanneauRoutes(t0) {
-  const $ = c(91);
+  const $ = c(22);
   const {
     statusCode: t1
   } = t0;
@@ -2148,336 +2376,149 @@ function PanneauRoutes(t0) {
   useEffect(t3, t4);
   const {
     pages: t5,
-    routes: routesDefinition
-  } = usePanneau();
+    routes: t6
+  } = usePanneau() || {};
   const pages = t5 === undefined ? null : t5;
-  let t6;
-  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-    t6 = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete", "duplicate"];
-    $[7] = t6;
-  } else {
-    t6 = $[7];
+  const routesDefinition = t6 === undefined ? null : t6;
+  const builtinPages = ["home", "login", "account", "error", "index", "show", "create", "edit", "delete", "duplicate"];
+  const otherPages = Object.keys(pages || {}).filter(key => builtinPages.indexOf(key) === -1).reduce((acc, key_0) => ({
+    ...acc,
+    [key_0]: pages[key_0]
+  }), {});
+  const {
+    home: t7,
+    login: t8,
+    account: t9,
+    error: t10
+  } = pages || {};
+  const homePage = t7 === undefined ? null : t7;
+  const loginPage = t8 === undefined ? null : t8;
+  const accountPage = t9 === undefined ? null : t9;
+  const errorPage = t10 === undefined ? null : t10;
+  const customRoutes = [...Object.keys(routesDefinition || {}).filter(_temp$1).filter(key_2 => {
+    const routeDef = routesDefinition[key_2];
+    return isObject(routeDef) && typeof routeDef.component !== "undefined" && typeof routeDef.path !== "undefined";
+  }).map(key_3 => routesDefinition[key_3]), ...Object.keys(otherPages).map(key_4 => otherPages[key_4]).filter(_temp2$1)];
+  const HomeComponent = componentsManager.getComponent(homePage?.component) || HomePage;
+  const LoginComponent = componentsManager.getComponent(loginPage?.component) || LoginPage;
+  const AccountComponent = componentsManager.getComponent(accountPage?.component) || AccountPage;
+  const ErrorComponent = componentsManager.getComponent(errorPage?.component) || ErrorPage;
+  if (statusCode !== null) {
+    return /*#__PURE__*/jsx(ErrorComponent, {
+      statusCode: statusCode,
+      ...errorPage
+    });
   }
-  const builtinPages = t6;
-  let ErrorComponent;
-  let HomeComponent;
-  let T0;
-  let homePage;
-  let t10;
-  let t11;
-  let t7;
-  let t8;
-  let t9;
-  if ($[8] !== componentsManager || $[9] !== pages || $[10] !== pathname || $[11] !== resources || $[12] !== route || $[13] !== routes || $[14] !== routesDefinition || $[15] !== statusCode || $[16] !== user) {
-    t11 = Symbol.for("react.early_return_sentinel");
-    bb0: {
-      const otherPages = Object.keys(pages || {}).filter(key => builtinPages.indexOf(key) === -1).reduce((acc, key_0) => ({
-        ...acc,
-        [key_0]: pages[key_0]
-      }), {});
-      let t12;
-      if ($[26] !== pages) {
-        t12 = pages || {};
-        $[26] = pages;
-        $[27] = t12;
-      } else {
-        t12 = $[27];
-      }
-      const {
-        home: t13,
-        login: t14,
-        account: t15,
-        error: t16
-      } = t12;
-      homePage = t13 === undefined ? null : t13;
-      const loginPage = t14 === undefined ? null : t14;
-      const accountPage = t15 === undefined ? null : t15;
-      const errorPage = t16 === undefined ? null : t16;
-      const customRoutes = [...Object.keys(routesDefinition).filter(_temp).filter(key_2 => {
-        const routeDef = routesDefinition[key_2];
-        return isObject(routeDef) && typeof routeDef.component !== "undefined" && typeof routeDef.path !== "undefined";
-      }).map(key_3 => routesDefinition[key_3]), ...Object.keys(otherPages).map(key_4 => otherPages[key_4]).filter(_temp2)];
-      let t17;
-      if ($[28] !== componentsManager || $[29] !== homePage?.component) {
-        t17 = componentsManager.getComponent(homePage?.component) || HomePage;
-        $[28] = componentsManager;
-        $[29] = homePage?.component;
-        $[30] = t17;
-      } else {
-        t17 = $[30];
-      }
-      HomeComponent = t17;
-      let t18;
-      if ($[31] !== componentsManager || $[32] !== loginPage?.component) {
-        t18 = componentsManager.getComponent(loginPage?.component) || LoginPage;
-        $[31] = componentsManager;
-        $[32] = loginPage?.component;
-        $[33] = t18;
-      } else {
-        t18 = $[33];
-      }
-      const LoginComponent = t18;
-      let t19;
-      if ($[34] !== accountPage?.component || $[35] !== componentsManager) {
-        t19 = componentsManager.getComponent(accountPage?.component) || AccountPage;
-        $[34] = accountPage?.component;
-        $[35] = componentsManager;
-        $[36] = t19;
-      } else {
-        t19 = $[36];
-      }
-      const AccountComponent = t19;
-      let t20;
-      if ($[37] !== componentsManager || $[38] !== errorPage?.component) {
-        t20 = componentsManager.getComponent(errorPage?.component) || ErrorPage;
-        $[37] = componentsManager;
-        $[38] = errorPage?.component;
-        $[39] = t20;
-      } else {
-        t20 = $[39];
-      }
-      ErrorComponent = t20;
-      if (statusCode !== null) {
-        let t21;
-        if ($[40] !== ErrorComponent || $[41] !== errorPage || $[42] !== statusCode) {
-          t21 = /*#__PURE__*/jsx(ErrorComponent, {
-            statusCode: statusCode,
-            ...errorPage
-          });
-          $[40] = ErrorComponent;
-          $[41] = errorPage;
-          $[42] = statusCode;
-          $[43] = t21;
-        } else {
-          t21 = $[43];
-        }
-        t11 = t21;
-        break bb0;
-      }
-      if (user === null) {
-        const t21 = routes["auth.login"];
-        let t22;
-        if ($[44] !== LoginComponent || $[45] !== loginPage) {
-          t22 = /*#__PURE__*/jsx(LoginComponent, {
-            ...loginPage
-          });
-          $[44] = LoginComponent;
-          $[45] = loginPage;
-          $[46] = t22;
-        } else {
-          t22 = $[46];
-        }
-        let t23;
-        if ($[47] !== t21 || $[48] !== t22) {
-          t23 = /*#__PURE__*/jsx(Route, {
-            path: t21,
-            children: t22
-          });
-          $[47] = t21;
-          $[48] = t22;
-          $[49] = t23;
-        } else {
-          t23 = $[49];
-        }
-        let t24;
-        if ($[50] !== route) {
-          t24 = route("auth.login");
-          $[50] = route;
-          $[51] = t24;
-        } else {
-          t24 = $[51];
-        }
-        const t25 = `${t24}?next=${encodeURIComponent(pathname)}`;
-        let t26;
-        if ($[52] !== t25) {
-          t26 = /*#__PURE__*/jsx(Route, {
-            children: /*#__PURE__*/jsx(Redirect, {
-              to: t25
-            })
-          });
-          $[52] = t25;
-          $[53] = t26;
-        } else {
-          t26 = $[53];
-        }
-        let t27;
-        if ($[54] !== t23 || $[55] !== t26) {
-          t27 = /*#__PURE__*/jsxs(Switch, {
-            children: [t23, t26]
-          });
-          $[54] = t23;
-          $[55] = t26;
-          $[56] = t27;
-        } else {
-          t27 = $[56];
-        }
-        t11 = t27;
-        break bb0;
-      }
-      T0 = Switch;
-      if ($[57] !== routes || $[58] !== user) {
-        t7 = user !== null ? /*#__PURE__*/jsx(Route, {
-          path: routes["auth.login"],
-          children: /*#__PURE__*/jsx(Redirect, {
-            to: routes.home,
-            replace: true
-          })
-        }) : null;
-        $[57] = routes;
-        $[58] = user;
-        $[59] = t7;
-      } else {
-        t7 = $[59];
-      }
-      if ($[60] !== componentsManager || $[61] !== pages || $[62] !== resources || $[63] !== route) {
-        let t21;
-        if ($[65] !== componentsManager || $[66] !== pages || $[67] !== route) {
-          t21 = (acc_0, resource) => [...acc_0, ...createResourceRoutes(resource, {
-            route,
-            componentsManager,
-            pages
-          })];
-          $[65] = componentsManager;
-          $[66] = pages;
-          $[67] = route;
-          $[68] = t21;
-        } else {
-          t21 = $[68];
-        }
-        t8 = resources.reduce(t21, []);
-        $[60] = componentsManager;
-        $[61] = pages;
-        $[62] = resources;
-        $[63] = route;
-        $[64] = t8;
-      } else {
-        t8 = $[64];
-      }
-      let t21;
-      if ($[69] !== AccountComponent || $[70] !== accountPage) {
-        t21 = /*#__PURE__*/jsx(AccountComponent, {
-          ...accountPage
-        });
-        $[69] = AccountComponent;
-        $[70] = accountPage;
-        $[71] = t21;
-      } else {
-        t21 = $[71];
-      }
-      if ($[72] !== routes.account || $[73] !== t21) {
-        t9 = /*#__PURE__*/jsx(Route, {
-          path: routes.account,
-          children: t21
-        });
-        $[72] = routes.account;
-        $[73] = t21;
-        $[74] = t9;
-      } else {
-        t9 = $[74];
-      }
-      t10 = customRoutes.map(t22 => {
-        const {
-          path: t23,
-          route: t24,
-          component,
-          ...props
-        } = t22;
-        const path_0 = t23 === undefined ? null : t23;
-        const pageRoute_0 = t24 === undefined ? null : t24;
-        const PageComponent = componentsManager.getComponent(component);
-        const finalPath = path_0 || routes[pageRoute_0];
-        return PageComponent !== null ? /*#__PURE__*/jsx(Route, {
-          path: path_0 || routes[pageRoute_0],
-          children: /*#__PURE__*/jsx(PageComponent, {
-            ...props
-          })
-        }, `custom-route-${finalPath}`) : null;
+  if (user === null) {
+    let t11;
+    if ($[7] !== route) {
+      t11 = route("auth.login");
+      $[7] = route;
+      $[8] = t11;
+    } else {
+      t11 = $[8];
+    }
+    const t12 = `${t11}?next=${encodeURIComponent(pathname)}`;
+    let t13;
+    if ($[9] !== t12) {
+      t13 = /*#__PURE__*/jsx(Route, {
+        children: /*#__PURE__*/jsx(Redirect, {
+          to: t12
+        })
       });
+      $[9] = t12;
+      $[10] = t13;
+    } else {
+      t13 = $[10];
     }
-    $[8] = componentsManager;
-    $[9] = pages;
-    $[10] = pathname;
-    $[11] = resources;
-    $[12] = route;
-    $[13] = routes;
-    $[14] = routesDefinition;
-    $[15] = statusCode;
-    $[16] = user;
-    $[17] = ErrorComponent;
-    $[18] = HomeComponent;
-    $[19] = T0;
-    $[20] = homePage;
-    $[21] = t10;
-    $[22] = t11;
-    $[23] = t7;
-    $[24] = t8;
-    $[25] = t9;
-  } else {
-    ErrorComponent = $[17];
-    HomeComponent = $[18];
-    T0 = $[19];
-    homePage = $[20];
-    t10 = $[21];
-    t11 = $[22];
-    t7 = $[23];
-    t8 = $[24];
-    t9 = $[25];
-  }
-  if (t11 !== Symbol.for("react.early_return_sentinel")) {
-    return t11;
+    return /*#__PURE__*/jsxs(Switch, {
+      children: [/*#__PURE__*/jsx(Route, {
+        path: routes["auth.login"],
+        children: /*#__PURE__*/jsx(LoginComponent, {
+          ...loginPage
+        })
+      }), t13]
+    });
   }
-  let t12;
-  if ($[75] !== HomeComponent || $[76] !== homePage) {
-    t12 = /*#__PURE__*/jsx(HomeComponent, {
+  let t11;
+  if ($[11] !== routes || $[12] !== user) {
+    t11 = user !== null ? /*#__PURE__*/jsx(Route, {
+      path: routes["auth.login"],
+      children: /*#__PURE__*/jsx(Redirect, {
+        to: routes.home,
+        replace: true
+      })
+    }) : null;
+    $[11] = routes;
+    $[12] = user;
+    $[13] = t11;
+  } else {
+    t11 = $[13];
+  }
+  let t15;
+  if ($[14] !== HomeComponent || $[15] !== homePage) {
+    t15 = /*#__PURE__*/jsx(HomeComponent, {
       ...homePage
     });
-    $[75] = HomeComponent;
-    $[76] = homePage;
-    $[77] = t12;
+    $[14] = HomeComponent;
+    $[15] = homePage;
+    $[16] = t15;
   } else {
-    t12 = $[77];
+    t15 = $[16];
   }
-  let t13;
-  if ($[78] !== routes.home || $[79] !== t12) {
-    t13 = /*#__PURE__*/jsx(Route, {
+  let t16;
+  if ($[17] !== routes.home || $[18] !== t15) {
+    t16 = /*#__PURE__*/jsx(Route, {
       path: routes.home,
-      children: t12
+      children: t15
     });
-    $[78] = routes.home;
-    $[79] = t12;
-    $[80] = t13;
+    $[17] = routes.home;
+    $[18] = t15;
+    $[19] = t16;
   } else {
-    t13 = $[80];
+    t16 = $[19];
   }
-  let t14;
-  if ($[81] !== ErrorComponent) {
-    t14 = /*#__PURE__*/jsx(Route, {
+  let t17;
+  if ($[20] !== ErrorComponent) {
+    t17 = /*#__PURE__*/jsx(Route, {
       children: /*#__PURE__*/jsx(ErrorComponent, {})
     });
-    $[81] = ErrorComponent;
-    $[82] = t14;
-  } else {
-    t14 = $[82];
-  }
-  let t15;
-  if ($[83] !== T0 || $[84] !== t10 || $[85] !== t13 || $[86] !== t14 || $[87] !== t7 || $[88] !== t8 || $[89] !== t9) {
-    t15 = /*#__PURE__*/jsxs(T0, {
-      children: [t7, t8, t9, t10, t13, t14]
-    });
-    $[83] = T0;
-    $[84] = t10;
-    $[85] = t13;
-    $[86] = t14;
-    $[87] = t7;
-    $[88] = t8;
-    $[89] = t9;
-    $[90] = t15;
-  } else {
-    t15 = $[90];
-  }
-  return t15;
+    $[20] = ErrorComponent;
+    $[21] = t17;
+  } else {
+    t17 = $[21];
+  }
+  return /*#__PURE__*/jsxs(Switch, {
+    children: [t11, resources.reduce((acc_0, resource) => [...acc_0, ...createResourceRoutes(resource, {
+      route,
+      componentsManager,
+      pages
+    })], []), /*#__PURE__*/jsx(Route, {
+      path: routes.account,
+      children: /*#__PURE__*/jsx(AccountComponent, {
+        ...accountPage
+      })
+    }), customRoutes.map(t12 => {
+      const {
+        path: t13,
+        route: t14,
+        component,
+        ...props
+      } = t12;
+      const path_0 = t13 === undefined ? null : t13;
+      const pageRoute_0 = t14 === undefined ? null : t14;
+      const PageComponent = componentsManager.getComponent(component);
+      const finalPath = path_0 || routes[pageRoute_0];
+      return PageComponent !== null ? /*#__PURE__*/jsx(Route, {
+        path: path_0 || routes[pageRoute_0],
+        children: /*#__PURE__*/jsx(PageComponent, {
+          ...props
+        })
+      }, `custom-route-${finalPath}`) : null;
+    }), t16, t17]
+  });
 }
-function _temp2(t0) {
+function _temp2$1(t0) {
   const {
     path: t1,
     route: t2
@@ -2486,115 +2527,346 @@ function _temp2(t0) {
   const pageRoute = t2 === undefined ? null : t2;
   return path !== null || pageRoute !== null;
 }
-function _temp(key_1) {
+function _temp$1(key_1) {
   return key_1.match(/^(resources\.|auth\.)/) === null && key_1 !== "home" && key_1 !== "account";
 }
 
 const pathToRegexpParser = createPathToRegexpParser();
 const DEFAULT_ROUTES = {};
 const DEFAULT_LOCALES = [];
-function Container({
-  definition,
-  forms: providedForms = null,
-  fields: providedFields = null,
-  components = null,
-  user = null,
-  memoryRouter = false,
-  baseUrl = null,
-  uppy = null,
-  statusCode = null
-}) {
+function Container(t0) {
+  const $ = c(65);
   const {
-    intl: {
-      locale = 'en',
-      locales = DEFAULT_LOCALES,
+    definition,
+    forms: t1,
+    fields: t2,
+    components: t3,
+    user: t4,
+    memoryRouter: t5,
+    baseUrl: t6,
+    uppy: t7,
+    statusCode: t8
+  } = t0;
+  const providedForms = t1 === undefined ? null : t1;
+  const providedFields = t2 === undefined ? null : t2;
+  const components = t3 === undefined ? null : t3;
+  const user = t4 === undefined ? null : t4;
+  const memoryRouter = t5 === undefined ? false : t5;
+  const baseUrl = t6 === undefined ? null : t6;
+  const uppy = t7 === undefined ? null : t7;
+  const statusCode = t8 === undefined ? null : t8;
+  let fields;
+  let forms;
+  let isMemoryRouter;
+  let locale;
+  let locales;
+  let routes;
+  let t10;
+  let t9;
+  if ($[0] !== definition || $[1] !== memoryRouter) {
+    const {
+      intl: t11,
+      routes: t12,
+      resources: t13,
+      settings: t14,
+      forms: t15,
+      fields: t16
+    } = definition || {};
+    forms = t15;
+    fields = t16;
+    const {
+      locale: t17,
+      locales: t18,
       messages
-    } = {},
-    routes = DEFAULT_ROUTES,
-    resources = [],
-    settings: {
-      memoryRouter: usesMemoryRouter = false
-    } = {},
-    forms,
-    fields
-  } = definition || {};
-  const isMemoryRouter = memoryRouter || usesMemoryRouter || false;
-  const extraMessages = {
-    ...messages,
-    ...resources.reduce((allMessages, {
-      id,
-      intl: {
-        messages: resourceMessages = {}
-      } = {}
-    }) => ({
-      ...allMessages,
-      ...Object.keys(resourceMessages).reduce((allResourceMessages, key) => ({
-        ...allResourceMessages,
-        [`resources.${id}.${key}`]: resourceMessages[key]
-      }), {})
-    }), {})
-  };
-  const onUnauthorized = () => {
-    window.location.href = baseUrl || '/';
-  };
-  const onLogout = () => {
-    window.location.reload();
-  };
+    } = t11 === undefined ? {} : t11;
+    locale = t17 === undefined ? "en" : t17;
+    locales = t18 === undefined ? DEFAULT_LOCALES : t18;
+    routes = t12 === undefined ? DEFAULT_ROUTES : t12;
+    const resources = t13 === undefined ? [] : t13;
+    const {
+      memoryRouter: t19
+    } = t14 === undefined ? {} : t14;
+    const usesMemoryRouter = t19 === undefined ? false : t19;
+    isMemoryRouter = memoryRouter || usesMemoryRouter || false;
+    t9 = messages;
+    t10 = resources.reduce(_temp, {});
+    $[0] = definition;
+    $[1] = memoryRouter;
+    $[2] = fields;
+    $[3] = forms;
+    $[4] = isMemoryRouter;
+    $[5] = locale;
+    $[6] = locales;
+    $[7] = routes;
+    $[8] = t10;
+    $[9] = t9;
+  } else {
+    fields = $[2];
+    forms = $[3];
+    isMemoryRouter = $[4];
+    locale = $[5];
+    locales = $[6];
+    routes = $[7];
+    t10 = $[8];
+    t9 = $[9];
+  }
+  let t11;
+  if ($[10] !== t10 || $[11] !== t9) {
+    t11 = {
+      ...t9,
+      ...t10
+    };
+    $[10] = t10;
+    $[11] = t9;
+    $[12] = t11;
+  } else {
+    t11 = $[12];
+  }
+  const extraMessages = t11;
+  let t12;
+  if ($[13] !== baseUrl) {
+    t12 = () => {
+      window.location.href = baseUrl || "/";
+    };
+    $[13] = baseUrl;
+    $[14] = t12;
+  } else {
+    t12 = $[14];
+  }
+  const onUnauthorized = t12;
+  const onLogout = _temp2;
   const {
     hook: memoryLocationHook,
     searchHook: memorySearchHook
   } = useMemoryRouter();
-  return /*#__PURE__*/jsx(Router, {
-    hook: isMemoryRouter ? memoryLocationHook : undefined,
-    searchHook: isMemoryRouter ? memorySearchHook : undefined,
-    parser: pathToRegexpParser,
-    children: /*#__PURE__*/jsx(IntlProvider, {
-      locale: locale,
-      locales: locales,
-      extraMessages: extraMessages,
-      children: /*#__PURE__*/jsx(PanneauProvider, {
-        definition: definition,
-        children: /*#__PURE__*/jsx(UppyProvider, {
-          ...uppy,
-          children: /*#__PURE__*/jsx(RoutesProvider, {
-            routes: routes,
-            children: /*#__PURE__*/jsx(FieldsProvider, {
-              definitions: [...(fields || []), ...(providedFields || [])],
-              children: /*#__PURE__*/jsx(FormsProvider, {
-                definitions: [...(forms || []), ...(providedForms || [])],
-                children: /*#__PURE__*/jsx(ListsProvider, {
-                  children: /*#__PURE__*/jsx(DisplaysProvider, {
-                    children: /*#__PURE__*/jsx(FiltersProvider, {
-                      children: /*#__PURE__*/jsx(ActionsProvider, {
-                        children: /*#__PURE__*/jsx(ModalProvider, {
-                          children: /*#__PURE__*/jsx(ModalsProvider, {
-                            children: /*#__PURE__*/jsx(DataProvider, {
-                              baseUrl: baseUrl,
-                              onUnauthorized: onUnauthorized,
-                              children: /*#__PURE__*/jsx(AuthProvider, {
-                                user: user,
-                                onLogout: onLogout,
-                                children: /*#__PURE__*/jsx(ComponentsProvider, {
-                                  components: components,
-                                  children: /*#__PURE__*/jsx(PanneauRoutes, {
-                                    statusCode: statusCode
-                                  })
-                                })
-                              })
-                            })
-                          })
-                        })
-                      })
-                    })
-                  })
+  const t13 = isMemoryRouter ? memoryLocationHook : undefined;
+  const t14 = isMemoryRouter ? memorySearchHook : undefined;
+  let t15;
+  if ($[15] !== fields) {
+    t15 = fields || [];
+    $[15] = fields;
+    $[16] = t15;
+  } else {
+    t15 = $[16];
+  }
+  let t16;
+  if ($[17] !== providedFields) {
+    t16 = providedFields || [];
+    $[17] = providedFields;
+    $[18] = t16;
+  } else {
+    t16 = $[18];
+  }
+  let t17;
+  if ($[19] !== t15 || $[20] !== t16) {
+    t17 = [...t15, ...t16];
+    $[19] = t15;
+    $[20] = t16;
+    $[21] = t17;
+  } else {
+    t17 = $[21];
+  }
+  let t18;
+  if ($[22] !== forms) {
+    t18 = forms || [];
+    $[22] = forms;
+    $[23] = t18;
+  } else {
+    t18 = $[23];
+  }
+  let t19;
+  if ($[24] !== providedForms) {
+    t19 = providedForms || [];
+    $[24] = providedForms;
+    $[25] = t19;
+  } else {
+    t19 = $[25];
+  }
+  let t20;
+  if ($[26] !== t18 || $[27] !== t19) {
+    t20 = [...t18, ...t19];
+    $[26] = t18;
+    $[27] = t19;
+    $[28] = t20;
+  } else {
+    t20 = $[28];
+  }
+  let t21;
+  if ($[29] !== statusCode) {
+    t21 = /*#__PURE__*/jsx(PanneauRoutes, {
+      statusCode: statusCode
+    });
+    $[29] = statusCode;
+    $[30] = t21;
+  } else {
+    t21 = $[30];
+  }
+  let t22;
+  if ($[31] !== components || $[32] !== t21) {
+    t22 = /*#__PURE__*/jsx(ComponentsProvider, {
+      components: components,
+      children: t21
+    });
+    $[31] = components;
+    $[32] = t21;
+    $[33] = t22;
+  } else {
+    t22 = $[33];
+  }
+  let t23;
+  if ($[34] !== t22 || $[35] !== user) {
+    t23 = /*#__PURE__*/jsx(AuthProvider, {
+      user: user,
+      onLogout: onLogout,
+      children: t22
+    });
+    $[34] = t22;
+    $[35] = user;
+    $[36] = t23;
+  } else {
+    t23 = $[36];
+  }
+  let t24;
+  if ($[37] !== baseUrl || $[38] !== onUnauthorized || $[39] !== t23) {
+    t24 = /*#__PURE__*/jsx(ListsProvider, {
+      children: /*#__PURE__*/jsx(DisplaysProvider, {
+        children: /*#__PURE__*/jsx(FiltersProvider, {
+          children: /*#__PURE__*/jsx(ActionsProvider, {
+            children: /*#__PURE__*/jsx(ModalProvider, {
+              children: /*#__PURE__*/jsx(ModalsProvider, {
+                children: /*#__PURE__*/jsx(DataProvider, {
+                  baseUrl: baseUrl,
+                  onUnauthorized: onUnauthorized,
+                  children: t23
                 })
               })
             })
           })
         })
       })
-    })
-  });
+    });
+    $[37] = baseUrl;
+    $[38] = onUnauthorized;
+    $[39] = t23;
+    $[40] = t24;
+  } else {
+    t24 = $[40];
+  }
+  let t25;
+  if ($[41] !== t20 || $[42] !== t24) {
+    t25 = /*#__PURE__*/jsx(FormsProvider, {
+      definitions: t20,
+      children: t24
+    });
+    $[41] = t20;
+    $[42] = t24;
+    $[43] = t25;
+  } else {
+    t25 = $[43];
+  }
+  let t26;
+  if ($[44] !== t17 || $[45] !== t25) {
+    t26 = /*#__PURE__*/jsx(FieldsProvider, {
+      definitions: t17,
+      children: t25
+    });
+    $[44] = t17;
+    $[45] = t25;
+    $[46] = t26;
+  } else {
+    t26 = $[46];
+  }
+  let t27;
+  if ($[47] !== routes || $[48] !== t26) {
+    t27 = /*#__PURE__*/jsx(RoutesProvider, {
+      routes: routes,
+      children: t26
+    });
+    $[47] = routes;
+    $[48] = t26;
+    $[49] = t27;
+  } else {
+    t27 = $[49];
+  }
+  let t28;
+  if ($[50] !== t27 || $[51] !== uppy) {
+    t28 = /*#__PURE__*/jsx(UppyProvider, {
+      ...uppy,
+      children: t27
+    });
+    $[50] = t27;
+    $[51] = uppy;
+    $[52] = t28;
+  } else {
+    t28 = $[52];
+  }
+  let t29;
+  if ($[53] !== definition || $[54] !== t28) {
+    t29 = /*#__PURE__*/jsx(PanneauProvider, {
+      definition: definition,
+      children: t28
+    });
+    $[53] = definition;
+    $[54] = t28;
+    $[55] = t29;
+  } else {
+    t29 = $[55];
+  }
+  let t30;
+  if ($[56] !== extraMessages || $[57] !== locale || $[58] !== locales || $[59] !== t29) {
+    t30 = /*#__PURE__*/jsx(IntlProvider, {
+      locale: locale,
+      locales: locales,
+      extraMessages: extraMessages,
+      children: t29
+    });
+    $[56] = extraMessages;
+    $[57] = locale;
+    $[58] = locales;
+    $[59] = t29;
+    $[60] = t30;
+  } else {
+    t30 = $[60];
+  }
+  let t31;
+  if ($[61] !== t13 || $[62] !== t14 || $[63] !== t30) {
+    t31 = /*#__PURE__*/jsx(Router, {
+      hook: t13,
+      searchHook: t14,
+      parser: pathToRegexpParser,
+      children: t30
+    });
+    $[61] = t13;
+    $[62] = t14;
+    $[63] = t30;
+    $[64] = t31;
+  } else {
+    t31 = $[64];
+  }
+  return t31;
+}
+function _temp2() {
+  window.location.reload();
+}
+function _temp(allMessages, t0) {
+  const {
+    id,
+    intl: t1
+  } = t0;
+  const {
+    messages: t2
+  } = t1 === undefined ? {} : t1;
+  const resourceMessages = t2 === undefined ? {} : t2;
+  return {
+    ...allMessages,
+    ...Object.keys(resourceMessages).reduce((allResourceMessages, key) => {
+      const messageKey = `resources.${id}.${key}`;
+      return {
+        ...allResourceMessages,
+        [messageKey]: resourceMessages[key]
+      };
+    }, {})
+  };
 }
 
 function ResourceFilters(props) {