@plumile/backoffice-react 0.1.198 → 0.1.200

package/lib/esm/provider/BackofficeProvider.js

@@ -7,31 +7,32 @@ import { withBackofficeReactI18nResources as o } from "../i18n/resources.js";
 import { createBackofficeRoutes as s } from "../router/createBackofficeRoutes.js";
 import { createBackofficeEntityRegistry as c } from "./entityRegistry.js";
 import { BackofficeListUiStateProvider as l } from "./BackofficeListUiStateContext.js";
-import { StrictMode as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { I18nextProvider as _ } from "react-i18next";
-import v from "@plumile/router/routing/RoutingContext.js";
-import { RelayProvider as y, configureRelayEnvironment as b, useRelayOperationActivity as x } from "@plumile/relay";
-import { createInstance as S } from "i18next";
-import C from "@plumile/router/routing/createRouter.js";
-import w from "@plumile/router/routing/RouterRenderer.js";
-import { BackofficeThemeProvider as T } from "@plumile/ui/admin/theme/BackofficeThemeProvider.js";
-import { RoutePendingBar as E } from "@plumile/ui/components/routing/RoutePendingBar.js";
+import { useBackofficeAuthRouteGate as u } from "./useBackofficeAuthRouteGate.js";
+import { StrictMode as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { I18nextProvider as v } from "react-i18next";
+import y from "@plumile/router/routing/RoutingContext.js";
+import { RelayProvider as b, configureRelayEnvironment as x, useRelayOperationActivity as S } from "@plumile/relay";
+import { createInstance as C } from "i18next";
+import w from "@plumile/router/routing/createRouter.js";
+import T from "@plumile/router/routing/RouterRenderer.js";
+import { BackofficeThemeProvider as E } from "@plumile/ui/admin/theme/BackofficeThemeProvider.js";
+import { RoutePendingBar as D } from "@plumile/ui/components/routing/RoutePendingBar.js";
 //#region src/provider/BackofficeProvider.tsx
-var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, O = (e, t) => {
-	let n = D(t), r = D(e);
+var O = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, k = (e, t) => {
+	let n = O(t), r = O(e);
 	return r === "/" || n === r || n.startsWith(`${r}/`) ? n : n === "/" ? r : `${r}${n}`;
-}, k = (e, t) => Object.fromEntries(Object.entries(e).map(([e, n]) => [e, {
+}, A = (e, t) => Object.fromEntries(Object.entries(e).map(([e, n]) => [e, {
 	...n,
 	routes: {
-		list: O(t, n.routes.list),
-		detail: (e) => O(t, n.routes.detail(e)),
-		detailPage: (e, r) => O(t, n.routes.detailPage(e, r))
+		list: k(t, n.routes.list),
+		detail: (e) => k(t, n.routes.detail(e)),
+		detailPage: (e, r) => k(t, n.routes.detailPage(e, r))
 	}
-}])), A = ({ routes: e, context: t, instrumentations: n }) => {
-	let [r, i] = m(null), a = p(null);
-	return d(() => {
-		let r = C(e, {
+}])), j = ({ routes: e, context: t, instrumentations: n }) => {
+	let [r, i] = h(null), a = m(null);
+	return f(() => {
+		let r = w(e, {
 			context: t,
 			instrumentations: n
 		});
@@ -43,58 +44,58 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 		n,
 		e
 	]), r;
-}, j = ({ routes: e, instrumentations: t }) => {
-	let r = i(), a = x(), o = A({
+}, M = ({ routes: e, instrumentations: t }) => {
+	let r = i(), a = S(), o = j({
 		routes: e,
-		context: f(() => ({ relayEnvironment: r }), [r]),
+		context: p(() => ({ relayEnvironment: r }), [r]),
 		instrumentations: t
 	});
-	return o == null ? /* @__PURE__ */ h(n, {}) : /* @__PURE__ */ h(v.Provider, {
+	return o == null ? /* @__PURE__ */ g(n, {}) : /* @__PURE__ */ g(y.Provider, {
 		value: o.context,
-		children: /* @__PURE__ */ h(w, {
+		children: /* @__PURE__ */ g(T, {
 			enableTransition: !0,
 			externalPending: a.pendingCount > 0,
-			fallback: /* @__PURE__ */ h(n, {}),
-			pending: /* @__PURE__ */ h(E, {})
+			fallback: /* @__PURE__ */ g(n, {}),
+			pending: /* @__PURE__ */ g(D, {})
 		})
 	});
-}, M = (n) => {
-	let i = D(n.basePath ?? "/"), p = f(() => k(n.entityManifest, i), [i, n.entityManifest]), v = f(() => c(p, { basePath: i }), [i, p]), x = n.graphql, C = f(() => t(n.dashboards), [n.dashboards]);
-	d(() => {
-		let e = x.httpUrl ?? x.endpoint, t = x.wsUrl ?? x.wsEndpoint;
-		b({
+}, N = (n) => {
+	let i = O(n.basePath ?? "/"), m = u(i), y = p(() => A(n.entityManifest, i), [i, n.entityManifest]), S = p(() => c(y, { basePath: i }), [i, y]), w = n.graphql, T = p(() => t(n.dashboards), [n.dashboards]);
+	f(() => {
+		let e = w.httpUrl ?? w.endpoint, t = w.wsUrl ?? w.wsEndpoint;
+		x({
 			httpUrl: e,
 			wsUrl: t,
-			getDataId: x.getDataId,
-			logEvents: x.logEvents,
-			getAuthHeaders: x.getAuthHeaders
+			getDataId: w.getDataId,
+			logEvents: w.logEvents,
+			getAuthHeaders: w.getAuthHeaders
 		});
 	}, [
-		x.endpoint,
-		x.getAuthHeaders,
-		x.getDataId,
-		x.httpUrl,
-		x.logEvents,
-		x.wsEndpoint,
-		x.wsUrl
+		w.endpoint,
+		w.getAuthHeaders,
+		w.getDataId,
+		w.httpUrl,
+		w.logEvents,
+		w.wsEndpoint,
+		w.wsUrl
 	]);
-	let w = f(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), E = f(() => n.i18n?.instance ?? S(), [n.i18n?.instance]), [O, A] = m(E.isInitialized);
-	d(() => {
+	let D = p(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), k = p(() => n.i18n?.instance ?? C(), [n.i18n?.instance]), [j, N] = h(k.isInitialized);
+	f(() => {
 		let e = !0, t = () => {
-			e && A(!0);
+			e && N(!0);
 		};
-		if (E.on("initialized", t), E.isInitialized) return t(), () => {
-			e = !1, E.off("initialized", t);
+		if (k.on("initialized", t), k.isInitialized) return t(), () => {
+			e = !1, k.off("initialized", t);
 		};
 		let r = globalThis.setTimeout(() => {
-			E.isInitialized && t();
+			k.isInitialized && t();
 		}, 0), i = n.i18n?.initOptions ?? {}, o = i.defaultNS ?? "translations", s = i.ns ?? [
 			"backofficeReact",
 			"translations",
 			"ui"
 		];
 		return a({
-			resources: w,
+			resources: D,
 			lng: n.i18n?.lng,
 			fallbackLng: n.i18n?.fallbackLng,
 			initOptions: {
@@ -106,75 +107,75 @@ var D = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWi
 					...i.react
 				}
 			},
-			instance: E,
+			instance: k,
 			useLanguageDetector: n.i18n?.useLanguageDetector,
 			detection: n.i18n?.detection
 		}).then(t).catch((e) => {
 			t(), console.error(e);
 		}), () => {
-			e = !1, globalThis.clearTimeout(r), E.off("initialized", t);
+			e = !1, globalThis.clearTimeout(r), k.off("initialized", t);
 		};
 	}, [
-		E,
-		w,
+		k,
+		D,
 		n.i18n?.initOptions,
 		n.i18n?.detection,
 		n.i18n?.fallbackLng,
 		n.i18n?.lng,
 		n.i18n?.useLanguageDetector
 	]);
-	let M = f(() => ({
+	let P = p(() => ({
 		basePath: i,
-		entities: p,
-		entityManifest: p,
-		entityRegistry: v,
+		entities: y,
+		entityManifest: y,
+		entityRegistry: S,
 		filterColumnAliases: n.filterColumnAliases,
 		sidebar: n.sidebar,
 		dashboard: n.dashboard,
-		dashboards: C,
+		dashboards: T,
 		auth: n.auth,
 		graphql: n.graphql
 	}), [
 		i,
 		n.auth,
 		n.dashboard,
-		C,
-		p,
-		v,
+		T,
+		y,
+		S,
 		n.filterColumnAliases,
 		n.graphql,
 		n.sidebar
-	]), N = f(() => s({
+	]), F = p(() => s({
 		basePath: i,
-		entityManifest: p,
-		entityRegistry: v,
+		entityManifest: y,
+		entityRegistry: S,
 		sidebar: n.sidebar,
 		auth: n.auth,
 		dashboard: n.dashboard,
-		dashboards: C,
+		dashboards: T,
 		toolsOperationPage: n.toolsOperationPage
 	}), [
 		i,
-		p,
-		v,
+		y,
+		S,
 		n.auth,
 		n.dashboard,
-		C,
+		T,
 		n.toolsOperationPage,
 		n.sidebar
-	]), P = /* @__PURE__ */ h(r, { label: "Loading..." });
-	return O && (P = /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(e, {
-		value: M,
-		children: [n.overlay, /* @__PURE__ */ h(l, { children: /* @__PURE__ */ h(j, {
-			routes: N,
+	]), I = /* @__PURE__ */ g(r, { label: "Loading..." });
+	return j && m && (I = /* @__PURE__ */ g(E, { children: /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(e, {
+		value: P,
+		children: [n.overlay, /* @__PURE__ */ g(l, { children: /* @__PURE__ */ g(M, {
+			routes: F,
 			instrumentations: n.instrumentations
 		}) })]
-	}) }) })), /* @__PURE__ */ h(u, { children: /* @__PURE__ */ h(_, {
-		i18n: E,
-		children: P
+	}) }) })), /* @__PURE__ */ g(d, { children: /* @__PURE__ */ g(v, {
+		i18n: k,
+		children: I
 	}) });
 };
 //#endregion
-export { M as BackofficeProvider, M as default };
+export { N as BackofficeProvider, N as default };
 
 //# sourceMappingURL=BackofficeProvider.js.map

package/lib/esm/provider/BackofficeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { BackofficeThemeProvider } from '@plumile/ui/admin/theme/BackofficeThemeProvider.js';\nimport { RoutePendingBar } from '@plumile/ui/components/routing/RoutePendingBar.js';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport {\n  RelayProvider,\n  configureRelayEnvironment,\n  useRelayOperationActivity,\n} from '@plumile/relay';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport { validateBackofficeDashboardRegistrations } from './dashboardRegistrations.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\nimport { BackofficeListUiStateProvider } from './BackofficeListUiStateContext.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n  const routerRef = useRef<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    routerRef.current = nextRouter;\n    setRouter(nextRouter);\n\n    return () => {\n      if (routerRef.current === nextRouter) {\n        routerRef.current = null;\n      }\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n  const relayOperationActivity = useRelayOperationActivity();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        externalPending={relayOperationActivity.pendingCount > 0}\n        fallback={<BackofficeRouteFallback />}\n        pending={<RoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n  const dashboards = useMemo(() => {\n    return validateBackofficeDashboardRegistrations(props.dashboards);\n  }, [props.dashboards]);\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      dashboards,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      dashboards,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady) {\n    contentNode = (\n      <BackofficeThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <BackofficeListUiStateProvider>\n              <RouterShell\n                routes={routes}\n                instrumentations={props.instrumentations}\n              />\n            </BackofficeListUiStateProvider>\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </BackofficeThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeProvider.js","names":[],"sources":["../../../src/provider/BackofficeProvider.tsx"],"sourcesContent":["import {\n  StrictMode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ContextType,\n  type JSX,\n} from 'react';\nimport { createInstance } from 'i18next';\nimport { I18nextProvider } from 'react-i18next';\nimport createRouter from '@plumile/router/routing/createRouter.js';\nimport RouterRenderer from '@plumile/router/routing/RouterRenderer.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport { BackofficeThemeProvider } from '@plumile/ui/admin/theme/BackofficeThemeProvider.js';\nimport { RoutePendingBar } from '@plumile/ui/components/routing/RoutePendingBar.js';\n\nimport { type BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\nimport {\n  RelayProvider,\n  configureRelayEnvironment,\n  useRelayOperationActivity,\n} from '@plumile/relay';\n\nimport { createI18nInstance } from '../i18n/createI18nInstance.js';\nimport { withBackofficeReactI18nResources } from '../i18n/resources.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { BackofficeConfigProvider } from './BackofficeConfigContext.js';\nimport {\n  createBackofficeRoutes,\n  type BackofficeRouterContext,\n} from '../router/createBackofficeRoutes.js';\nimport type { BackofficeProviderProps } from './types.js';\nimport { validateBackofficeDashboardRegistrations } from './dashboardRegistrations.js';\nimport {\n  BackofficeRouteFallback,\n  BackofficeStaticRouteFallback,\n} from '../components/backoffice/routing/BackofficeRouteFallback.js';\nimport { createBackofficeEntityRegistry } from './entityRegistry.js';\nimport { BackofficeListUiStateProvider } from './BackofficeListUiStateContext.js';\nimport { useBackofficeAuthRouteGate } from './useBackofficeAuthRouteGate.js';\n\nconst normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  if (!value.startsWith('/')) {\n    return `/${value}`;\n  }\n  if (value.endsWith('/')) {\n    return value.slice(0, -1);\n  }\n  return value;\n};\n\nconst prefixRoutePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nconst resolveEntityManifest = (\n  manifest: BackofficeEntityManifestMap,\n  basePath: string,\n): BackofficeEntityManifestMap => {\n  return Object.fromEntries(\n    Object.entries(manifest).map(([entityId, item]) => {\n      return [\n        entityId,\n        {\n          ...item,\n          routes: {\n            list: prefixRoutePath(basePath, item.routes.list),\n            detail: (id: string) => {\n              return prefixRoutePath(basePath, item.routes.detail(id));\n            },\n            detailPage: (id: string, pageId: string) => {\n              return prefixRoutePath(\n                basePath,\n                item.routes.detailPage(id, pageId),\n              );\n            },\n          },\n        } satisfies BackofficeEntityManifestMap[string],\n      ] as const;\n    }),\n  );\n};\n\ntype RouterShellProps = {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n};\n\ntype BackofficeRouterInstance = {\n  context: NonNullable<ContextType<typeof RoutingContext>>;\n  cleanup: () => void;\n};\n\nconst useBackofficeRouterInstance = ({\n  routes,\n  context,\n  instrumentations,\n}: {\n  routes: ReturnType<typeof createBackofficeRoutes>;\n  context: BackofficeRouterContext;\n  instrumentations?: BackofficeProviderProps['instrumentations'];\n}): BackofficeRouterInstance | null => {\n  const [router, setRouter] = useState<BackofficeRouterInstance | null>(null);\n  const routerRef = useRef<BackofficeRouterInstance | null>(null);\n\n  useEffect(() => {\n    const nextRouter = createRouter(routes, {\n      context,\n      instrumentations,\n    });\n    routerRef.current = nextRouter;\n    setRouter(nextRouter);\n\n    return () => {\n      if (routerRef.current === nextRouter) {\n        routerRef.current = null;\n      }\n      nextRouter.cleanup();\n    };\n  }, [context, instrumentations, routes]);\n\n  return router;\n};\n\nconst RouterShell = ({\n  routes,\n  instrumentations,\n}: RouterShellProps): JSX.Element => {\n  const relayEnvironment = useRelayEnvironment();\n  const relayOperationActivity = useRelayOperationActivity();\n\n  const routerContext = useMemo(() => {\n    return { relayEnvironment };\n  }, [relayEnvironment]);\n\n  const router = useBackofficeRouterInstance({\n    routes,\n    context: routerContext,\n    instrumentations,\n  });\n\n  if (router == null) {\n    return <BackofficeRouteFallback />;\n  }\n\n  return (\n    <RoutingContext.Provider value={router.context}>\n      <RouterRenderer\n        enableTransition\n        externalPending={relayOperationActivity.pendingCount > 0}\n        fallback={<BackofficeRouteFallback />}\n        pending={<RoutePendingBar />}\n      />\n    </RoutingContext.Provider>\n  );\n};\n\nexport const BackofficeProvider = (\n  props: BackofficeProviderProps,\n): JSX.Element => {\n  const basePath = normalizeAbsolutePath(props.basePath ?? '/');\n  const canMountRouter = useBackofficeAuthRouteGate(basePath);\n\n  const entityManifest = useMemo(() => {\n    return resolveEntityManifest(props.entityManifest, basePath);\n  }, [basePath, props.entityManifest]);\n  const entityRegistry = useMemo(() => {\n    return createBackofficeEntityRegistry(entityManifest, { basePath });\n  }, [basePath, entityManifest]);\n\n  const graphQLConfig = props.graphql;\n  const dashboards = useMemo(() => {\n    return validateBackofficeDashboardRegistrations(props.dashboards);\n  }, [props.dashboards]);\n\n  useEffect(() => {\n    const httpUrl = graphQLConfig.httpUrl ?? graphQLConfig.endpoint;\n    const wsUrl = graphQLConfig.wsUrl ?? graphQLConfig.wsEndpoint;\n    configureRelayEnvironment({\n      httpUrl,\n      wsUrl,\n      getDataId: graphQLConfig.getDataId,\n      logEvents: graphQLConfig.logEvents,\n      getAuthHeaders: graphQLConfig.getAuthHeaders,\n    });\n  }, [\n    graphQLConfig.endpoint,\n    graphQLConfig.getAuthHeaders,\n    graphQLConfig.getDataId,\n    graphQLConfig.httpUrl,\n    graphQLConfig.logEvents,\n    graphQLConfig.wsEndpoint,\n    graphQLConfig.wsUrl,\n  ]);\n\n  const mergedResources = useMemo(() => {\n    return withBackofficeReactI18nResources(props.i18n?.resources ?? {});\n  }, [props.i18n?.resources]);\n\n  const i18nInstance = useMemo(() => {\n    return props.i18n?.instance ?? createInstance();\n  }, [props.i18n?.instance]);\n  const [isI18nReady, setIsI18nReady] = useState(i18nInstance.isInitialized);\n\n  useEffect(() => {\n    let isCurrent = true;\n    const markI18nReady = (): void => {\n      if (isCurrent) {\n        setIsI18nReady(true);\n      }\n    };\n\n    i18nInstance.on('initialized', markI18nReady);\n    if (i18nInstance.isInitialized) {\n      markI18nReady();\n      return () => {\n        isCurrent = false;\n        i18nInstance.off('initialized', markI18nReady);\n      };\n    }\n\n    const readyCheck = globalThis.setTimeout(() => {\n      if (i18nInstance.isInitialized) {\n        markI18nReady();\n      }\n    }, 0);\n\n    const initOptions = props.i18n?.initOptions ?? {};\n    const defaultNs = initOptions.defaultNS ?? 'translations';\n    const ns = initOptions.ns ?? ['backofficeReact', 'translations', 'ui'];\n    createI18nInstance({\n      resources: mergedResources,\n      lng: props.i18n?.lng,\n      fallbackLng: props.i18n?.fallbackLng,\n      initOptions: {\n        ...initOptions,\n        defaultNS: defaultNs,\n        ns,\n        react: {\n          useSuspense: false,\n          ...initOptions.react,\n        },\n      },\n      instance: i18nInstance,\n      useLanguageDetector: props.i18n?.useLanguageDetector,\n      detection: props.i18n?.detection,\n    })\n      .then(markI18nReady)\n      .catch((error: unknown) => {\n        markI18nReady();\n        // eslint-disable-next-line no-console\n        console.error(error);\n      });\n\n    return () => {\n      isCurrent = false;\n      globalThis.clearTimeout(readyCheck);\n      i18nInstance.off('initialized', markI18nReady);\n    };\n  }, [\n    i18nInstance,\n    mergedResources,\n    props.i18n?.initOptions,\n    props.i18n?.detection,\n    props.i18n?.fallbackLng,\n    props.i18n?.lng,\n    props.i18n?.useLanguageDetector,\n  ]);\n\n  const configValue = useMemo(() => {\n    return {\n      basePath,\n      entities: entityManifest,\n      entityManifest,\n      entityRegistry,\n      filterColumnAliases: props.filterColumnAliases,\n      sidebar: props.sidebar,\n      dashboard: props.dashboard,\n      dashboards,\n      auth: props.auth,\n      graphql: props.graphql,\n    };\n  }, [\n    basePath,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    entityManifest,\n    entityRegistry,\n    props.filterColumnAliases,\n    props.graphql,\n    props.sidebar,\n  ]);\n\n  const routes = useMemo(() => {\n    return createBackofficeRoutes({\n      basePath,\n      entityManifest,\n      entityRegistry,\n      sidebar: props.sidebar,\n      auth: props.auth,\n      dashboard: props.dashboard,\n      dashboards,\n      toolsOperationPage: props.toolsOperationPage,\n    });\n  }, [\n    basePath,\n    entityManifest,\n    entityRegistry,\n    props.auth,\n    props.dashboard,\n    dashboards,\n    props.toolsOperationPage,\n    props.sidebar,\n  ]);\n\n  let contentNode = <BackofficeStaticRouteFallback label=\"Loading...\" />;\n  if (isI18nReady && canMountRouter) {\n    contentNode = (\n      <BackofficeThemeProvider>\n        <RelayProvider>\n          <BackofficeConfigProvider value={configValue}>\n            {props.overlay}\n            <BackofficeListUiStateProvider>\n              <RouterShell\n                routes={routes}\n                instrumentations={props.instrumentations}\n              />\n            </BackofficeListUiStateProvider>\n          </BackofficeConfigProvider>\n        </RelayProvider>\n      </BackofficeThemeProvider>\n    );\n  }\n\n  return (\n    <StrictMode>\n      <I18nextProvider i18n={i18nInstance}>{contentNode}</I18nextProvider>\n    </StrictMode>\n  );\n};\n\nexport default BackofficeProvider;\n"],"mappings":"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"}

package/lib/esm/provider/useBackofficeAuthRouteGate.js

@@ -0,0 +1,39 @@
+import { getBackofficeLoginPath as e, isBackofficeAuthPath as t } from "../router/backofficeAuthPaths.js";
+import { useEffect as n, useState as r, useSyncExternalStore as i } from "react";
+import { addAuthRefreshStateListener as a, getAuthRefreshState as o, getShortAccessToken as s } from "@plumile/auth/shortAccessToken.js";
+//#region src/provider/useBackofficeAuthRouteGate.ts
+var c = (e) => a(e), l = () => o(), u = () => typeof window > "u" ? "/" : window.location.pathname, d = (a) => {
+	let o = i(c, l, l), [d, f] = r(u), p = t(a, d);
+	return n(() => {
+		if (p || o.status === "authenticated") return;
+		if (o.status === "session_expired") {
+			if (typeof window < "u") {
+				let t = e(a);
+				window.history.replaceState(window.history.state, "", t), f(t);
+			}
+			return;
+		}
+		if (o.status === "refreshing") return;
+		let t = !1, n, r = () => {
+			s().catch(() => {});
+		};
+		if (o.status === "temporarily_unavailable") {
+			let { retryAtMs: e } = o;
+			if (e == null) return;
+			n = setTimeout(() => {
+				t || r();
+			}, Math.max(0, e - Date.now()));
+		} else r();
+		return () => {
+			t = !0, n != null && clearTimeout(n);
+		};
+	}, [
+		o,
+		a,
+		p
+	]), p || o.status === "authenticated";
+};
+//#endregion
+export { d as useBackofficeAuthRouteGate };
+
+//# sourceMappingURL=useBackofficeAuthRouteGate.js.map

package/lib/esm/provider/useBackofficeAuthRouteGate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBackofficeAuthRouteGate.js","names":[],"sources":["../../../src/provider/useBackofficeAuthRouteGate.ts"],"sourcesContent":["import { useEffect, useState, useSyncExternalStore } from 'react';\nimport {\n  addAuthRefreshStateListener,\n  getAuthRefreshState,\n  getShortAccessToken,\n} from '@plumile/auth/shortAccessToken.js';\nimport type { AuthRefreshState } from '@plumile/auth/authRefreshState.js';\n\nimport {\n  getBackofficeLoginPath,\n  isBackofficeAuthPath,\n} from '../router/backofficeAuthPaths.js';\n\nconst subscribe = (onStoreChange: () => void): (() => void) => {\n  return addAuthRefreshStateListener(onStoreChange);\n};\n\nconst getSnapshot = (): AuthRefreshState => {\n  return getAuthRefreshState();\n};\n\nconst currentPathname = (): string => {\n  if (typeof window === 'undefined') {\n    return '/';\n  }\n  return window.location.pathname;\n};\n\nexport const useBackofficeAuthRouteGate = (basePath: string): boolean => {\n  const authState = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n  const [pathname, setPathname] = useState(currentPathname);\n  const isAuthPath = isBackofficeAuthPath(basePath, pathname);\n\n  useEffect(() => {\n    if (isAuthPath || authState.status === 'authenticated') {\n      return undefined;\n    }\n\n    if (authState.status === 'session_expired') {\n      if (typeof window !== 'undefined') {\n        const loginPath = getBackofficeLoginPath(basePath);\n        window.history.replaceState(window.history.state, '', loginPath);\n        setPathname(loginPath);\n      }\n      return undefined;\n    }\n\n    if (authState.status === 'refreshing') {\n      return undefined;\n    }\n\n    let cancelled = false;\n    let retryTimer: ReturnType<typeof setTimeout> | undefined;\n    const authenticate = (): void => {\n      getShortAccessToken().catch(() => {\n        // The shared auth state carries the typed failure and drives the next render.\n      });\n    };\n\n    if (authState.status === 'temporarily_unavailable') {\n      const { retryAtMs } = authState;\n      if (retryAtMs == null) {\n        return undefined;\n      }\n      retryTimer = setTimeout(\n        () => {\n          if (!cancelled) {\n            authenticate();\n          }\n        },\n        Math.max(0, retryAtMs - Date.now()),\n      );\n    } else {\n      authenticate();\n    }\n\n    return () => {\n      cancelled = true;\n      if (retryTimer != null) {\n        clearTimeout(retryTimer);\n      }\n    };\n  }, [authState, basePath, isAuthPath]);\n\n  return isAuthPath || authState.status === 'authenticated';\n};\n"],"mappings":";;;;AAaA,IAAM,KAAa,MACV,EAA4B,CAAa,GAG5C,UACG,EAAoB,GAGvB,UACA,OAAO,SAAW,MACb,MAEF,OAAO,SAAS,UAGZ,KAA8B,MAA8B;CACvE,IAAM,IAAY,EAAqB,GAAW,GAAa,CAAW,GACpE,CAAC,GAAU,KAAe,EAAS,CAAe,GAClD,IAAa,EAAqB,GAAU,CAAQ;CAqD1D,OAnDA,QAAgB;EACd,IAAI,KAAc,EAAU,WAAW,iBACrC;EAGF,IAAI,EAAU,WAAW,mBAAmB;GAC1C,IAAI,OAAO,SAAW,KAAa;IACjC,IAAM,IAAY,EAAuB,CAAQ;IAEjD,AADA,OAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,CAAS,GAC/D,EAAY,CAAS;GACvB;GACA;EACF;EAEA,IAAI,EAAU,WAAW,cACvB;EAGF,IAAI,IAAY,IACZ,GACE,UAA2B;GAC/B,EAAoB,CAAC,CAAC,YAAY,CAElC,CAAC;EACH;EAEA,IAAI,EAAU,WAAW,2BAA2B;GAClD,IAAM,EAAE,iBAAc;GACtB,IAAI,KAAa,MACf;GAEF,IAAa,iBACL;IACJ,AAAK,KACH,EAAa;GAEjB,GACA,KAAK,IAAI,GAAG,IAAY,KAAK,IAAI,CAAC,CACpC;EACF,OACE,EAAa;EAGf,aAAa;GAEX,AADA,IAAY,IACR,KAAc,QAChB,aAAa,CAAU;EAE3B;CACF,GAAG;EAAC;EAAW;EAAU;CAAU,CAAC,GAE7B,KAAc,EAAU,WAAW;AAC5C"}

package/lib/esm/router/backofficeAuthPaths.js

@@ -6,8 +6,17 @@ var e = (e) => {
 }, t = (t, n) => {
 	let r = e(n), i = e(t);
 	return i === "/" || r === i || r.startsWith(`${i}/`) ? r : r === "/" ? i : `${i}${r}`;
-}, n = (e) => t(e, "/login"), r = (e) => t(e, "/login/reset");
+}, n = (e) => t(e, "/login"), r = (e) => t(e, "/login/reset"), i = [
+	"/login",
+	"/login/reset",
+	"/login/reset/complete",
+	"/verify-email",
+	"/accept-invitation"
+], a = (n, r) => {
+	let a = e(r);
+	return i.some((e) => a === t(n, e));
+};
 //#endregion
-export { n as getBackofficeLoginPath, r as getBackofficePasswordResetPath };
+export { n as getBackofficeLoginPath, r as getBackofficePasswordResetPath, a as isBackofficeAuthPath };
 
 //# sourceMappingURL=backofficeAuthPaths.js.map

package/lib/esm/router/backofficeAuthPaths.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeAuthPaths.js","names":[],"sources":["../../../src/router/backofficeAuthPaths.ts"],"sourcesContent":["const normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  let withLeadingSlash = value;\n  if (!value.startsWith('/')) {\n    withLeadingSlash = `/${value}`;\n  }\n  if (withLeadingSlash.endsWith('/')) {\n    return withLeadingSlash.slice(0, -1);\n  }\n  return withLeadingSlash;\n};\n\nconst prefixBackofficePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nexport const getBackofficeLoginPath = (basePath: string): string => {\n  return prefixBackofficePath(basePath, '/login');\n};\n\nexport const getBackofficePasswordResetPath = (basePath: string): string => {\n  return prefixBackofficePath(basePath, '/login/reset');\n};\n"],"mappings":";AAAA,IAAM,KAAyB,MAA0B;CACvD,IAAI,EAAM,KAAK,MAAM,MAAM,MAAU,KACnC,OAAO;CAET,IAAI,IAAmB;CAOvB,OANK,EAAM,WAAW,GAAG,MACvB,IAAmB,IAAI,MAErB,EAAiB,SAAS,GAAG,IACxB,EAAiB,MAAM,GAAG,EAAE,IAE9B;AACT,GAEM,KAAwB,GAAkB,MAA0B;CACxE,IAAM,IAAiB,EAAsB,CAAK,GAC5C,IAAqB,EAAsB,CAAQ;CAczD,OAZI,MAAuB,OAIzB,MAAmB,KACnB,EAAe,WAAW,GAAG,EAAmB,EAAE,IAE3C,IAEL,MAAmB,MACd,IAEF,GAAG,IAAqB;AACjC,GAEa,KAA0B,MAC9B,EAAqB,GAAU,QAAQ,GAGnC,KAAkC,MACtC,EAAqB,GAAU,cAAc"}
+{"version":3,"file":"backofficeAuthPaths.js","names":[],"sources":["../../../src/router/backofficeAuthPaths.ts"],"sourcesContent":["const normalizeAbsolutePath = (value: string): string => {\n  if (value.trim() === '' || value === '/') {\n    return '/';\n  }\n  let withLeadingSlash = value;\n  if (!value.startsWith('/')) {\n    withLeadingSlash = `/${value}`;\n  }\n  if (withLeadingSlash.endsWith('/')) {\n    return withLeadingSlash.slice(0, -1);\n  }\n  return withLeadingSlash;\n};\n\nconst prefixBackofficePath = (basePath: string, value: string): string => {\n  const normalizedPath = normalizeAbsolutePath(value);\n  const normalizedBasePath = normalizeAbsolutePath(basePath);\n\n  if (normalizedBasePath === '/') {\n    return normalizedPath;\n  }\n  if (\n    normalizedPath === normalizedBasePath ||\n    normalizedPath.startsWith(`${normalizedBasePath}/`)\n  ) {\n    return normalizedPath;\n  }\n  if (normalizedPath === '/') {\n    return normalizedBasePath;\n  }\n  return `${normalizedBasePath}${normalizedPath}`;\n};\n\nexport const getBackofficeLoginPath = (basePath: string): string => {\n  return prefixBackofficePath(basePath, '/login');\n};\n\nexport const getBackofficePasswordResetPath = (basePath: string): string => {\n  return prefixBackofficePath(basePath, '/login/reset');\n};\n\nconst AUTH_ROUTE_SUFFIXES = [\n  '/login',\n  '/login/reset',\n  '/login/reset/complete',\n  '/verify-email',\n  '/accept-invitation',\n] as const;\n\nexport const isBackofficeAuthPath = (\n  basePath: string,\n  pathname: string,\n): boolean => {\n  const normalizedPathname = normalizeAbsolutePath(pathname);\n  return AUTH_ROUTE_SUFFIXES.some((suffix) => {\n    return normalizedPathname === prefixBackofficePath(basePath, suffix);\n  });\n};\n"],"mappings":";AAAA,IAAM,KAAyB,MAA0B;CACvD,IAAI,EAAM,KAAK,MAAM,MAAM,MAAU,KACnC,OAAO;CAET,IAAI,IAAmB;CAOvB,OANK,EAAM,WAAW,GAAG,MACvB,IAAmB,IAAI,MAErB,EAAiB,SAAS,GAAG,IACxB,EAAiB,MAAM,GAAG,EAAE,IAE9B;AACT,GAEM,KAAwB,GAAkB,MAA0B;CACxE,IAAM,IAAiB,EAAsB,CAAK,GAC5C,IAAqB,EAAsB,CAAQ;CAczD,OAZI,MAAuB,OAIzB,MAAmB,KACnB,EAAe,WAAW,GAAG,EAAmB,EAAE,IAE3C,IAEL,MAAmB,MACd,IAEF,GAAG,IAAqB;AACjC,GAEa,KAA0B,MAC9B,EAAqB,GAAU,QAAQ,GAGnC,KAAkC,MACtC,EAAqB,GAAU,cAAc,GAGhD,IAAsB;CAC1B;CACA;CACA;CACA;CACA;AACF,GAEa,KACX,GACA,MACY;CACZ,IAAM,IAAqB,EAAsB,CAAQ;CACzD,OAAO,EAAoB,MAAM,MACxB,MAAuB,EAAqB,GAAU,CAAM,CACpE;AACH"}

package/lib/esm/router/createBackofficeRoutes.js

@@ -131,7 +131,7 @@ function H(a) {
 		return e.groupId != null && q.set(t, e.groupId), t;
 	}), _e = he.map((e) => {
 		let t = e.routes.list, n = L(t, I), r = [], a = ({ match: t }) => {
-			let n = String(t?.params.id ?? ""), r = typeof t?.params.pagePath == "string" ? t.params.pagePath : null, a = r == null ? e.defaultDetailPageId ?? "overview" : B(e, r);
+			let n = String(t?.params.id ?? ""), r = typeof t?.params.pagePath == "string" ? t.params.pagePath : null, a = r == null ? e.defaultDetailPageId : B(e, r);
 			return /* @__PURE__ */ s(i, {
 				entityManifest: e,
 				id: n,
@@ -213,7 +213,7 @@ function H(a) {
 			});
 			K.set(i, e.id), r.push(i);
 		}
-		let o = (e.detailPages ?? []).map((t) => {
+		let o = e.detailPages.map((t) => {
 			let n = V({
 				path: "",
 				resourcePage: te,
@@ -295,7 +295,7 @@ function H(a) {
 					resourcePage: m,
 					prepare: ({ variables: t }) => {
 						let n = String(t.id ?? "").trim();
-						return { redirectTo: n === "" ? null : e.routes.detailPage(n, e.defaultDetailPageId ?? "overview") };
+						return { redirectTo: n === "" ? null : e.routes.detailPage(n, e.defaultDetailPageId) };
 					},
 					render: ({ prepared: e }) => {
 						let t = e.redirectTo ?? null;
@@ -337,7 +337,7 @@ function H(a) {
 			suspenseBoundary: "segment",
 			fallback: a,
 			prepare: ({ variables: t }) => {
-				let n = String(t.id ?? ""), r = typeof t.pagePath == "string" ? t.pagePath : null, i = r == null ? e.defaultDetailPageId ?? "overview" : B(e, r);
+				let n = String(t.id ?? ""), r = typeof t.pagePath == "string" ? t.pagePath : null, i = r == null ? e.defaultDetailPageId : B(e, r);
 				return {
 					entityId: e.id,
 					entityManifest: e,