@plumile/backoffice-react 0.2.7 → 0.2.8

package/README.md

@@ -77,6 +77,21 @@ packages.
 
 ### Hooks and backoffice helpers
 
+- `BackofficeRouterBoundary` composes the existing error boundary and error
+  surface. It resets on location changes, accepts an optional `onError`
+  callback, and invokes `onRetry` so the caller can replace rejected prepared
+  resources with `useAuthenticatedRouter().retry`.
+- `useAuthenticatedRouter({ routes, createOptions, access })` owns a browser
+  router and returns `{ router, retry, error }`. `createOptions` is a stable
+  callback creating fresh router options and disposable instrumentations for
+  each effect setup; `access` supplies `loginPath` and `isPublicPath(pathname)`.
+  It waits for initial short-token authentication before protected route
+  preparation, preserves an established session during a temporary refresh
+  failure, follows browser and router navigation, and replaces an expired
+  protected URL with the configured login path. `router` is null while blocked
+  or changing ownership. `error` reports construction failures; `retry`
+  recreates the router at the current URL. Consumers supply their own pending
+  and error UI and retain ownership of Relay session/store rotation.
 - `useBackofficeListUrlState`
 - `useConditionalSubscription`
 - `useCopyToClipboard`
@@ -220,6 +235,14 @@ const instrumentations = [
 
 If `instrumentations` is omitted, routing still works normally.
 
+The provider uses the same authenticated-router lifecycle as public application
+consumers. Its route error surface retries by recreating the current router;
+it also preserves the optional `auth.session.authStatusQuery` mode. The
+GraphQL configuration forwards `fetchImpl` explicitly for auth-aware transport,
+and `getAuthHeaders` may accept an operation `AbortSignal`. The backoffice
+header adapter delegates token/cancellation behavior to `@plumile/auth` and
+only owns the base-path-aware classification of authentication URLs.
+
 ## Validation Notes
 
 - public helpers that are pure or mostly pure should have focused unit tests

package/lib/esm/auth/backofficeAuthHeaders.js

@@ -1,16 +1,9 @@
 import { isBackofficeAuthPath as e } from "../router/backofficeAuthPaths.js";
-import { getShortAccessToken as t } from "@plumile/auth/shortAccessToken.js";
+import { createShortAccessTokenAuthHeaders as t } from "@plumile/auth/authHeaders.js";
 //#region src/auth/backofficeAuthHeaders.ts
 var n = (n = {}) => {
 	let r = n.basePath ?? "/";
-	return async () => {
-		try {
-			return { Authorization: `Bearer ${await t()}` };
-		} catch (t) {
-			if (typeof window < "u" && e(r, window.location.pathname)) return {};
-			throw t;
-		}
-	};
+	return t({ allowAnonymous: () => typeof window < "u" && e(r, window.location.pathname) });
 };
 //#endregion
 export { n as createBackofficeAuthHeaders };

package/lib/esm/auth/backofficeAuthHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeAuthHeaders.js","names":[],"sources":["../../../src/auth/backofficeAuthHeaders.ts"],"sourcesContent":["import { getShortAccessToken } from '@plumile/auth/shortAccessToken.js';\n\nimport { isBackofficeAuthPath } from '../router/backofficeAuthPaths.js';\n\nexport type BackofficeAuthHeadersOptions = {\n  basePath?: string;\n};\n\n/**\n * Builds the auth-header provider used by a backoffice Relay environment.\n *\n * Authentication failures are allowed to become anonymous requests only on\n * the explicit authentication routes. Protected operations reject before the\n * network request is sent, so an expired session cannot reach a private\n * GraphQL subgraph as an anonymous request.\n */\nexport const createBackofficeAuthHeaders = (\n  options: BackofficeAuthHeadersOptions = {},\n): (() => Promise<Record<string, string>>) => {\n  const basePath = options.basePath ?? '/';\n  return async () => {\n    try {\n      const token = await getShortAccessToken();\n      return { Authorization: `Bearer ${token}` };\n    } catch (error: unknown) {\n      if (\n        typeof window !== 'undefined' &&\n        isBackofficeAuthPath(basePath, window.location.pathname)\n      ) {\n        const anonymousHeaders: Record<string, string> = {};\n        return anonymousHeaders;\n      }\n      throw error;\n    }\n  };\n};\n"],"mappings":";;;AAgBA,IAAa,KACX,IAAwC,CAAC,MACG;CAC5C,IAAM,IAAW,EAAQ,YAAY;CACrC,OAAO,YAAY;EACjB,IAAI;GAEF,OAAO,EAAE,eAAe,UAAU,MADd,EAAoB,IACE;EAC5C,SAAS,GAAgB;GACvB,IACE,OAAO,SAAW,OAClB,EAAqB,GAAU,OAAO,SAAS,QAAQ,GAGvD,OAAO,CAAA;GAET,MAAM;EACR;CACF;AACF"}
+{"version":3,"file":"backofficeAuthHeaders.js","names":[],"sources":["../../../src/auth/backofficeAuthHeaders.ts"],"sourcesContent":["import { createShortAccessTokenAuthHeaders } from '@plumile/auth/authHeaders.js';\nimport { isBackofficeAuthPath } from '../router/backofficeAuthPaths.js';\n\nexport type BackofficeAuthHeadersOptions = {\n  basePath?: string;\n};\n\n/** Restricts anonymous Relay operations to the configured backoffice auth routes. */\nexport const createBackofficeAuthHeaders = (\n  options: BackofficeAuthHeadersOptions = {},\n): ((signal?: AbortSignal) => Promise<Record<string, string>>) => {\n  const basePath = options.basePath ?? '/';\n  return createShortAccessTokenAuthHeaders({\n    allowAnonymous: () => {\n      return (\n        typeof window !== 'undefined' &&\n        isBackofficeAuthPath(basePath, window.location.pathname)\n      );\n    },\n  });\n};\n"],"mappings":";;;AAQA,IAAa,KACX,IAAwC,CAAC,MACuB;CAChE,IAAM,IAAW,EAAQ,YAAY;CACrC,OAAO,EAAkC,EACvC,sBAEI,OAAO,SAAW,OAClB,EAAqB,GAAU,OAAO,SAAS,QAAQ,EAG7D,CAAC;AACH"}

package/lib/esm/hooks/useAuthenticatedRouter.js

@@ -0,0 +1,79 @@
+import { useCallback as e, useEffect as t, useReducer 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";
+import c from "@plumile/router/routing/createRouter.js";
+//#region src/hooks/useAuthenticatedRouter.ts
+var l = (e) => a(e), u = () => typeof window > "u" ? "/" : window.location.pathname, d = (e) => e.status === "authenticated" || (e.status === "refreshing" || e.status === "temporarily_unavailable") && e.previousExpiresAtMs != null, f = ({ routes: a, createOptions: f, access: p }) => {
+	let m = i(l, o, o), [, h] = n((e) => e + 1, 0), [g, _] = r(0), [v, y] = r(null), b = p.isPublicPath(u()), x = b || d(m);
+	t(() => {
+		let e = () => {
+			h();
+		};
+		return window.addEventListener("popstate", e), e(), () => {
+			window.removeEventListener("popstate", e);
+		};
+	}, []), t(() => {
+		if (b || m.status === "authenticated") return;
+		if (m.status === "session_expired") {
+			window.history.replaceState(window.history.state, "", p.loginPath), h();
+			return;
+		}
+		if (m.status === "refreshing") return;
+		let e = () => {
+			s().catch(() => {});
+		};
+		if (m.status === "temporarily_unavailable") {
+			if (m.retryAtMs == null) return;
+			let t = setTimeout(e, Math.max(0, m.retryAtMs - Date.now()));
+			return () => {
+				clearTimeout(t);
+			};
+		}
+		e();
+	}, [
+		p.loginPath,
+		m,
+		b
+	]), t(() => {
+		if (!x) return;
+		let e = null, t = null;
+		try {
+			e = c(a, f());
+		} catch (e) {
+			t = Error("Router creation failed", { cause: e }), e instanceof Error && (t = e);
+		}
+		let n = {
+			router: e,
+			error: t,
+			routes: a,
+			createOptions: f,
+			revision: g,
+			disposed: !1
+		}, r = e?.context.history.subscribe(() => {
+			h();
+		});
+		return y(n), h(), () => {
+			n.disposed = !0, r?.(), e?.cleanup();
+		};
+	}, [
+		x,
+		f,
+		g,
+		a
+	]);
+	let S = e(() => {
+		_((e) => e + 1);
+	}, []);
+	return x && v != null && !v.disposed && v.routes === a && v.createOptions === f && v.revision === g ? {
+		router: v.router,
+		error: v.error,
+		retry: S
+	} : {
+		router: null,
+		error: null,
+		retry: S
+	};
+};
+//#endregion
+export { f as useAuthenticatedRouter };
+
+//# sourceMappingURL=useAuthenticatedRouter.js.map

package/lib/esm/hooks/useAuthenticatedRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthenticatedRouter.js","names":[],"sources":["../../../src/hooks/useAuthenticatedRouter.ts"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useReducer,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport {\n  addAuthRefreshStateListener,\n  getAuthRefreshState,\n  getShortAccessToken,\n} from '@plumile/auth/shortAccessToken.js';\nimport type { AuthRefreshState } from '@plumile/auth/authRefreshState.js';\nimport createRouter, {\n  type CreateRouterOptions,\n  type CreateRouterReturn,\n} from '@plumile/router/routing/createRouter.js';\nimport type { RouteNode } from '@plumile/router/types.js';\n\nexport type AuthenticatedRouterAccess = {\n  loginPath: string;\n  isPublicPath: (pathname: string) => boolean;\n};\n\nexport type AuthenticatedRouterOptions<TContext, R extends RouteNode[]> = {\n  routes: R;\n  createOptions: () => CreateRouterOptions<TContext>;\n  access: AuthenticatedRouterAccess;\n};\n\nexport type AuthenticatedRouterResult<TContext, R extends RouteNode[]> = {\n  router: CreateRouterReturn<TContext, R> | null;\n  retry: () => void;\n  error: Error | null;\n};\n\nconst subscribe = (onStoreChange: () => void): (() => void) => {\n  return addAuthRefreshStateListener(onStoreChange);\n};\n\nconst currentPathname = (): string => {\n  if (typeof window === 'undefined') {\n    return '/';\n  }\n  return window.location.pathname;\n};\n\nconst hasEstablishedSession = (state: AuthRefreshState): boolean => {\n  return (\n    state.status === 'authenticated' ||\n    ((state.status === 'refreshing' ||\n      state.status === 'temporarily_unavailable') &&\n      state.previousExpiresAtMs != null)\n  );\n};\n\n/** Owns a fresh browser router per effect lifetime and gates protected routes on auth. */\nexport const useAuthenticatedRouter = <TContext, R extends RouteNode[]>({\n  routes,\n  createOptions,\n  access,\n}: AuthenticatedRouterOptions<TContext, R>): AuthenticatedRouterResult<\n  TContext,\n  R\n> => {\n  const authState = useSyncExternalStore(\n    subscribe,\n    getAuthRefreshState,\n    getAuthRefreshState,\n  );\n  const [, refreshLocation] = useReducer((value: number) => {\n    return value + 1;\n  }, 0);\n  const [revision, setRevision] = useState(0);\n  const [owned, setOwned] = useState<{\n    router: CreateRouterReturn<TContext, R> | null;\n    error: Error | null;\n    routes: R;\n    createOptions: AuthenticatedRouterOptions<TContext, R>['createOptions'];\n    revision: number;\n    disposed: boolean;\n  } | null>(null);\n  // History notifications are asynchronous; auth may change before they arrive.\n  const isPublicPath = access.isPublicPath(currentPathname());\n  const canMount = isPublicPath || hasEstablishedSession(authState);\n\n  useEffect(() => {\n    const onLocation = (): void => {\n      refreshLocation();\n    };\n    window.addEventListener('popstate', onLocation);\n    onLocation();\n    return () => {\n      window.removeEventListener('popstate', onLocation);\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isPublicPath || authState.status === 'authenticated') return undefined;\n    if (authState.status === 'session_expired') {\n      window.history.replaceState(window.history.state, '', access.loginPath);\n      refreshLocation();\n      return undefined;\n    }\n    if (authState.status === 'refreshing') return undefined;\n    const authenticate = (): void => {\n      getShortAccessToken().catch(() => {\n        // The auth store owns the typed failure and retry policy.\n      });\n    };\n    if (authState.status === 'temporarily_unavailable') {\n      if (authState.retryAtMs == null) return undefined;\n      const timer = setTimeout(\n        authenticate,\n        Math.max(0, authState.retryAtMs - Date.now()),\n      );\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n    authenticate();\n    return undefined;\n  }, [access.loginPath, authState, isPublicPath]);\n\n  useEffect(() => {\n    if (!canMount) return undefined;\n    let nextRouter: CreateRouterReturn<TContext, R> | null = null;\n    let error: Error | null = null;\n    try {\n      nextRouter = createRouter<TContext, R>(routes, createOptions());\n    } catch (cause: unknown) {\n      error = new Error('Router creation failed', { cause });\n      if (cause instanceof Error) {\n        error = cause;\n      }\n    }\n    const next = {\n      router: nextRouter,\n      error,\n      routes,\n      createOptions,\n      revision,\n      disposed: false,\n    };\n    const unsubscribe = nextRouter?.context.history.subscribe(() => {\n      refreshLocation();\n    });\n    setOwned(next);\n    refreshLocation();\n    return () => {\n      next.disposed = true;\n      unsubscribe?.();\n      nextRouter?.cleanup();\n    };\n  }, [canMount, createOptions, revision, routes]);\n\n  const retry = useCallback(() => {\n    setRevision((previous) => {\n      return previous + 1;\n    });\n  }, []);\n\n  const isCurrent =\n    canMount &&\n    owned != null &&\n    !owned.disposed &&\n    owned.routes === routes &&\n    owned.createOptions === createOptions &&\n    owned.revision === revision;\n  if (isCurrent) {\n    return { router: owned.router, error: owned.error, retry };\n  }\n  return { router: null, error: null, retry };\n};\n"],"mappings":";;;;AAoCA,IAAM,KAAa,MACV,EAA4B,CAAa,GAG5C,UACA,OAAO,SAAW,MACb,MAEF,OAAO,SAAS,UAGnB,KAAyB,MAE3B,EAAM,WAAW,oBACf,EAAM,WAAW,gBACjB,EAAM,WAAW,8BACjB,EAAM,uBAAuB,MAKtB,KAA2D,EACtE,WACA,kBACA,gBAIG;CACH,IAAM,IAAY,EAChB,GACA,GACA,CACF,GACM,GAAG,KAAmB,GAAY,MAC/B,IAAQ,GACd,CAAC,GACE,CAAC,GAAU,KAAe,EAAS,CAAC,GACpC,CAAC,GAAO,KAAY,EAOhB,IAAI,GAER,IAAe,EAAO,aAAa,EAAgB,CAAC,GACpD,IAAW,KAAgB,EAAsB,CAAS;CAwChE,AAtCA,QAAgB;EACd,IAAM,UAAyB;GAC7B,EAAgB;EAClB;EAGA,OAFA,OAAO,iBAAiB,YAAY,CAAU,GAC9C,EAAW,SACE;GACX,OAAO,oBAAoB,YAAY,CAAU;EACnD;CACF,GAAG,CAAC,CAAC,GAEL,QAAgB;EACd,IAAI,KAAgB,EAAU,WAAW,iBAAiB;EAC1D,IAAI,EAAU,WAAW,mBAAmB;GAE1C,AADA,OAAO,QAAQ,aAAa,OAAO,QAAQ,OAAO,IAAI,EAAO,SAAS,GACtE,EAAgB;GAChB;EACF;EACA,IAAI,EAAU,WAAW,cAAc;EACvC,IAAM,UAA2B;GAC/B,EAAoB,CAAC,CAAC,YAAY,CAElC,CAAC;EACH;EACA,IAAI,EAAU,WAAW,2BAA2B;GAClD,IAAI,EAAU,aAAa,MAAM;GACjC,IAAM,IAAQ,WACZ,GACA,KAAK,IAAI,GAAG,EAAU,YAAY,KAAK,IAAI,CAAC,CAC9C;GACA,aAAa;IACX,aAAa,CAAK;GACpB;EACF;EACA,EAAa;CAEf,GAAG;EAAC,EAAO;EAAW;EAAW;CAAY,CAAC,GAE9C,QAAgB;EACd,IAAI,CAAC,GAAU;EACf,IAAI,IAAqD,MACrD,IAAsB;EAC1B,IAAI;GACF,IAAa,EAA0B,GAAQ,EAAc,CAAC;EAChE,SAAS,GAAgB;GAEvB,AADA,IAAY,MAAM,0BAA0B,EAAE,SAAM,CAAC,GACjD,aAAiB,UACnB,IAAQ;EAEZ;EACA,IAAM,IAAO;GACX,QAAQ;GACR;GACA;GACA;GACA;GACA,UAAU;EACZ,GACM,IAAc,GAAY,QAAQ,QAAQ,gBAAgB;GAC9D,EAAgB;EAClB,CAAC;EAGD,OAFA,EAAS,CAAI,GACb,EAAgB,SACH;GAGX,AAFA,EAAK,WAAW,IAChB,IAAc,GACd,GAAY,QAAQ;EACtB;CACF,GAAG;EAAC;EAAU;EAAe;EAAU;CAAM,CAAC;CAE9C,IAAM,IAAQ,QAAkB;EAC9B,GAAa,MACJ,IAAW,CACnB;CACH,GAAG,CAAC,CAAC;CAYL,OATE,KACA,KAAS,QACT,CAAC,EAAM,YACP,EAAM,WAAW,KACjB,EAAM,kBAAkB,KACxB,EAAM,aAAa,IAEZ;EAAE,QAAQ,EAAM;EAAQ,OAAO,EAAM;EAAO;CAAM,IAEpD;EAAE,QAAQ;EAAM,OAAO;EAAM;CAAM;AAC5C"}

package/lib/esm/index.js

@@ -34,11 +34,11 @@ import { BackofficeLink as R } from "./components/backoffice/links/BackofficeLin
 import { BackofficeLinkLabel as z } from "./components/backoffice/links/BackofficeLinkLabel.js";
 import { BackofficeRightPageLayout as B } from "./components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
 import { BackofficeOverviewLayout as V } from "./components/backoffice/overview/BackofficeOverviewLayout.js";
-import { BackofficeFilterableCell as ee } from "./components/backoffice/shared/BackofficeFilterableCell.js";
-import { BackofficeEntityLink as H } from "./components/backoffice/refs/BackofficeEntityLink.js";
-import { BackofficeLazyEntityCount as U } from "./components/backoffice/refs/BackofficeLazyEntityCount.js";
-import { BackofficeRelatedCountLink as W } from "./components/backoffice/refs/BackofficeRelatedCountLink.js";
-import { BackofficeTabbedDetailShell as G } from "./components/backoffice/scaffolds/BackofficeTabbedDetailShell.js";
+import { BackofficeFilterableCell as H } from "./components/backoffice/shared/BackofficeFilterableCell.js";
+import { BackofficeEntityLink as U } from "./components/backoffice/refs/BackofficeEntityLink.js";
+import { BackofficeLazyEntityCount as W } from "./components/backoffice/refs/BackofficeLazyEntityCount.js";
+import { BackofficeRelatedCountLink as G } from "./components/backoffice/refs/BackofficeRelatedCountLink.js";
+import { BackofficeTabbedDetailShell as ee } from "./components/backoffice/scaffolds/BackofficeTabbedDetailShell.js";
 import { BackofficeFormattedCurrency as K } from "./components/backoffice/shared/BackofficeFormattedCurrency.js";
 import { BackofficeFormattedNumber as q } from "./components/backoffice/shared/BackofficeFormattedNumber.js";
 import { BackofficeInlineFilterRow as J } from "./components/backoffice/shared/BackofficeInlineFilterRow.js";
@@ -49,22 +49,24 @@ import { BackofficeToolsQueryBoundary as Q } from "./components/backoffice/tools
 import { parseToolJson as $ } from "./components/backoffice/tools/parseToolJson.js";
 import { base64UrlToBuffer as te, bufferToBase64Url as ne, mapWebAuthnRegistrationError as re, parseSignCount as ie } from "./modules/webauthn.js";
 import { createUseAuth as ae } from "./hooks/useAuth.js";
-import { useBackofficeListUrlState as oe } from "./hooks/useBackofficeListUrlState.js";
-import { useConditionalSubscription as se } from "./hooks/useConditionalSubscription.js";
-import ce from "./hooks/useCopyToClipboard.js";
-import { useRefetchNeededReload as le } from "./hooks/useRefetchNeededReload.js";
-import { createI18nInstance as ue } from "./i18n/createI18nInstance.js";
-import { backofficeReactI18nResources as de, withBackofficeReactI18nResources as fe } from "./i18n/resources.js";
-import { useReviewStatusLabel as pe } from "./i18n/useReviewStatusLabel.js";
-import { BackofficeProvider as me } from "./provider/BackofficeProvider.js";
-import { createBackofficeLazyValue as he } from "./provider/lazyValue.js";
-import { formatFileSize as ge } from "./modules/formatFileSize.js";
-import { uploadFilesSequentially as _e } from "./modules/uploads.js";
-import { resolveVisibleDetailPages as ve } from "./pages/detail/pageResolution.js";
-import { createInlineDataReader as ye } from "./relay/createInlineReader.js";
-import { appendNodeToConnections as be } from "./relay/connectionUtils.js";
-import { useMutationAction as xe } from "./relay/useMutationAction.js";
-import { identityView as Se } from "./relay/identityView.js";
-import { useCursorResumableSubscription as Ce } from "./subscriptions/useCursorResumableSubscription.js";
-import { decodeBase64ToUtf8 as we, encodeUtf8ToBase64 as Te } from "@plumile/backoffice-core/base64.js";
-export { s as AcceptInvitationScreen, e as AuthRefreshNotice, b as BackofficeBillingUsageChart, E as BackofficeDetailBadgeRow, H as BackofficeEntityLink, D as BackofficeEntitySummaryHeader, _ as BackofficeErrorBoundary, P as BackofficeFilterAction, ee as BackofficeFilterableCell, K as BackofficeFormattedCurrency, q as BackofficeFormattedNumber, L as BackofficeHubTemplate, J as BackofficeInlineFilterRow, w as BackofficeInlineLink, U as BackofficeLazyEntityCount, O as BackofficeLifecycleTimelineSection, R as BackofficeLink, z as BackofficeLinkLabel, V as BackofficeOverviewLayout, me as BackofficeProvider, W as BackofficeRelatedCountLink, k as BackofficeRelationGrid, k as BackofficeRelationsSummaryGrid, B as BackofficeRightPageLayout, G as BackofficeTabbedDetailShell, A as BackofficeTokenUsageBreakdown, Y as BackofficeToolsDocPanel, X as BackofficeToolsErrorFallback, Z as BackofficeToolsJsonForm, Q as BackofficeToolsQueryBoundary, j as BackofficeUsageCostBreakdown, F as EntityFilterValue, I as EntityFilterValueText, g as EntityIdFilterField, y as EntityIdPickerDialog, a as LoginFlow, c as PasswordResetCompleteScreen, l as PasswordResetRequestScreen, n as TotpQrCode, u as VerifyEmailScreen, be as appendNodeToConnections, de as backofficeReactI18nResources, te as base64UrlToBuffer, ne as bufferToBase64Url, T as buildDataTableColumns, r as buildTotpOtpAuthUri, i as createBackofficeAuthHeaders, M as createBackofficeEntityLinkProps, he as createBackofficeLazyValue, ue as createI18nInstance, ye as createInlineDataReader, ae as createUseAuth, we as decodeBase64ToUtf8, Te as encodeUtf8ToBase64, ge as formatFileSize, N as formatListAsMarkdown, Se as identityView, re as mapWebAuthnRegistrationError, ie as parseSignCount, $ as parseToolJson, d as requireField, f as requireLinkedRecordId, p as resolveAgentStartOutcome, S as resolveBackofficeLink, x as resolveBackofficeTargetIcon, m as resolveMutationOutcome, ve as resolveVisibleDetailPages, o as synchronizeAuthStatusQuery, _e as uploadFilesSequentially, t as useAuthRefreshStateSnapshot, h as useBackofficeConfig, C as useBackofficeLink, oe as useBackofficeListUrlState, se as useConditionalSubscription, ce as useCopyToClipboard, Ce as useCursorResumableSubscription, v as useInfiniteConnection, xe as useMutationAction, le as useRefetchNeededReload, pe as useReviewStatusLabel, fe as withBackofficeReactI18nResources };
+import { useAuthenticatedRouter as oe } from "./hooks/useAuthenticatedRouter.js";
+import { useBackofficeListUrlState as se } from "./hooks/useBackofficeListUrlState.js";
+import { useConditionalSubscription as ce } from "./hooks/useConditionalSubscription.js";
+import le from "./hooks/useCopyToClipboard.js";
+import { useRefetchNeededReload as ue } from "./hooks/useRefetchNeededReload.js";
+import { createI18nInstance as de } from "./i18n/createI18nInstance.js";
+import { backofficeReactI18nResources as fe, withBackofficeReactI18nResources as pe } from "./i18n/resources.js";
+import { useReviewStatusLabel as me } from "./i18n/useReviewStatusLabel.js";
+import { BackofficeRouterBoundary as he } from "./provider/BackofficeRouterBoundary.js";
+import { BackofficeProvider as ge } from "./provider/BackofficeProvider.js";
+import { createBackofficeLazyValue as _e } from "./provider/lazyValue.js";
+import { formatFileSize as ve } from "./modules/formatFileSize.js";
+import { uploadFilesSequentially as ye } from "./modules/uploads.js";
+import { resolveVisibleDetailPages as be } from "./pages/detail/pageResolution.js";
+import { createInlineDataReader as xe } from "./relay/createInlineReader.js";
+import { appendNodeToConnections as Se } from "./relay/connectionUtils.js";
+import { useMutationAction as Ce } from "./relay/useMutationAction.js";
+import { identityView as we } from "./relay/identityView.js";
+import { useCursorResumableSubscription as Te } from "./subscriptions/useCursorResumableSubscription.js";
+import { decodeBase64ToUtf8 as Ee, encodeUtf8ToBase64 as De } from "@plumile/backoffice-core/base64.js";
+export { s as AcceptInvitationScreen, e as AuthRefreshNotice, b as BackofficeBillingUsageChart, E as BackofficeDetailBadgeRow, U as BackofficeEntityLink, D as BackofficeEntitySummaryHeader, _ as BackofficeErrorBoundary, P as BackofficeFilterAction, H as BackofficeFilterableCell, K as BackofficeFormattedCurrency, q as BackofficeFormattedNumber, L as BackofficeHubTemplate, J as BackofficeInlineFilterRow, w as BackofficeInlineLink, W as BackofficeLazyEntityCount, O as BackofficeLifecycleTimelineSection, R as BackofficeLink, z as BackofficeLinkLabel, V as BackofficeOverviewLayout, ge as BackofficeProvider, G as BackofficeRelatedCountLink, k as BackofficeRelationGrid, k as BackofficeRelationsSummaryGrid, B as BackofficeRightPageLayout, he as BackofficeRouterBoundary, ee as BackofficeTabbedDetailShell, A as BackofficeTokenUsageBreakdown, Y as BackofficeToolsDocPanel, X as BackofficeToolsErrorFallback, Z as BackofficeToolsJsonForm, Q as BackofficeToolsQueryBoundary, j as BackofficeUsageCostBreakdown, F as EntityFilterValue, I as EntityFilterValueText, g as EntityIdFilterField, y as EntityIdPickerDialog, a as LoginFlow, c as PasswordResetCompleteScreen, l as PasswordResetRequestScreen, n as TotpQrCode, u as VerifyEmailScreen, Se as appendNodeToConnections, fe as backofficeReactI18nResources, te as base64UrlToBuffer, ne as bufferToBase64Url, T as buildDataTableColumns, r as buildTotpOtpAuthUri, i as createBackofficeAuthHeaders, M as createBackofficeEntityLinkProps, _e as createBackofficeLazyValue, de as createI18nInstance, xe as createInlineDataReader, ae as createUseAuth, Ee as decodeBase64ToUtf8, De as encodeUtf8ToBase64, ve as formatFileSize, N as formatListAsMarkdown, we as identityView, re as mapWebAuthnRegistrationError, ie as parseSignCount, $ as parseToolJson, d as requireField, f as requireLinkedRecordId, p as resolveAgentStartOutcome, S as resolveBackofficeLink, x as resolveBackofficeTargetIcon, m as resolveMutationOutcome, be as resolveVisibleDetailPages, o as synchronizeAuthStatusQuery, ye as uploadFilesSequentially, t as useAuthRefreshStateSnapshot, oe as useAuthenticatedRouter, h as useBackofficeConfig, C as useBackofficeLink, se as useBackofficeListUrlState, ce as useConditionalSubscription, le as useCopyToClipboard, Te as useCursorResumableSubscription, v as useInfiniteConnection, Ce as useMutationAction, ue as useRefetchNeededReload, me as useReviewStatusLabel, pe as withBackofficeReactI18nResources };

package/lib/esm/provider/BackofficeProvider.js

@@ -1,182 +1,183 @@
-import { BackofficeConfigProvider as e } from "./BackofficeConfigContext.js";
-import { validateBackofficeDashboardRegistrations as t } from "./dashboardRegistrations.js";
-import { BackofficeRouteFallback as n, BackofficeStaticRouteFallback as r } from "../components/backoffice/routing/BackofficeRouteFallback.js";
-import { useRelayEnvironment as i } from "../relay/useRelayEnvironment.js";
-import { createI18nInstance as a } from "../i18n/createI18nInstance.js";
-import { withBackofficeReactI18nResources as o } from "../i18n/resources.js";
-import { createBackofficeRoutes as s } from "../router/createBackofficeRoutes.js";
-import { createBackofficeEntityRegistry as c } from "./entityRegistry.js";
-import { useBackofficeAuthRouteGate as l } from "./useBackofficeAuthRouteGate.js";
-import { StrictMode as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { BackofficeThemeProvider as h, RoutePendingBar as g } from "@plumile/ui";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { I18nextProvider as y } from "react-i18next";
-import b from "@plumile/router/routing/RoutingContext.js";
-import { createInstance as x } from "i18next";
-import S from "@plumile/router/routing/createRouter.js";
-import C from "@plumile/router/routing/RouterRenderer.js";
-import { RelayProvider as w, configureRelayEnvironment as T, useRelayOperationActivity as E } from "@plumile/relay";
+import { getBackofficeLoginPath as e, isBackofficeAuthPath as t } from "../router/backofficeAuthPaths.js";
+import { BackofficeConfigProvider as n } from "./BackofficeConfigContext.js";
+import { validateBackofficeDashboardRegistrations as r } from "./dashboardRegistrations.js";
+import { BackofficeRouteFallback as i, BackofficeStaticRouteFallback as a } from "../components/backoffice/routing/BackofficeRouteFallback.js";
+import { useAuthenticatedRouter as o } from "../hooks/useAuthenticatedRouter.js";
+import { useRelayEnvironment as s } from "../relay/useRelayEnvironment.js";
+import { createI18nInstance as c } from "../i18n/createI18nInstance.js";
+import { withBackofficeReactI18nResources as l } from "../i18n/resources.js";
+import { BackofficeRouterBoundary as u } from "./BackofficeRouterBoundary.js";
+import { createBackofficeRoutes as d } from "../router/createBackofficeRoutes.js";
+import { createBackofficeEntityRegistry as f } from "./entityRegistry.js";
+import { StrictMode as p, useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
+import { BackofficeThemeProvider as v, ErrorState as y, RoutePendingBar as b } from "@plumile/ui";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { I18nextProvider as C } from "react-i18next";
+import w from "@plumile/router/routing/RoutingContext.js";
+import { createInstance as T } from "i18next";
+import E from "@plumile/router/routing/RouterRenderer.js";
+import { RelayProvider as D, configureRelayEnvironment as O, useRelayOperationActivity as k } from "@plumile/relay";
 //#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 A = (e) => e.trim() === "" || e === "/" ? "/" : e.startsWith("/") ? e.endsWith("/") ? e.slice(0, -1) : e : `/${e}`, j = (e, t) => {
+	let n = A(t), r = A(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, {
+}, M = (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: j(t, n.routes.list),
+		detail: (e) => j(t, n.routes.detail(e)),
+		detailPage: (e, r) => j(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 = S(e, {
-			context: t,
-			instrumentations: n
-		});
-		return a.current = r, i(r), () => {
-			a.current === r && (a.current = null), r.cleanup();
-		};
-	}, [
-		t,
-		n,
-		e
-	]), r;
-}, j = ({ routes: e, instrumentations: t }) => {
-	let r = i(), a = E(), o = A({
-		routes: e,
-		context: f(() => ({ relayEnvironment: r }), [r]),
-		instrumentations: t
+}])), N = ({ routes: n, instrumentations: r, basePath: a }) => {
+	let c = s(), l = k(), d = g(() => ({ relayEnvironment: c }), [c]), f = m(() => ({
+		context: d,
+		instrumentations: r
+	}), [r, d]), p = g(() => ({
+		loginPath: e(a),
+		isPublicPath: (e) => t(a, e)
+	}), [a]), { router: h, retry: _, error: v } = o({
+		routes: n,
+		createOptions: f,
+		access: p
 	});
-	return o == null ? /* @__PURE__ */ _(n, {}) : /* @__PURE__ */ _(b.Provider, {
-		value: o.context,
-		children: /* @__PURE__ */ _(C, {
-			enableTransition: !0,
-			externalPending: a.pendingCount > 0,
-			fallback: /* @__PURE__ */ _(n, {}),
-			pending: /* @__PURE__ */ _(g, {})
+	return v == null ? h == null ? /* @__PURE__ */ x(i, {}) : /* @__PURE__ */ x(w.Provider, {
+		value: h.context,
+		children: /* @__PURE__ */ x(u, {
+			onRetry: _,
+			children: /* @__PURE__ */ x(E, {
+				enableTransition: !0,
+				externalPending: l.pendingCount > 0,
+				fallback: /* @__PURE__ */ x(i, {}),
+				pending: /* @__PURE__ */ x(b, {})
+			})
 		})
+	}) : /* @__PURE__ */ x(y, {
+		variant: "plain",
+		onRetry: _
 	});
-}, M = (n) => {
-	let i = D(n.basePath ?? "/"), p = l(i), g = f(() => k(n.entityManifest, i), [i, n.entityManifest]), b = f(() => c(g, { basePath: i }), [i, g]), S = n.graphql, C = f(() => t(n.dashboards), [n.dashboards]);
-	d(() => {
-		let e = S.httpUrl ?? S.endpoint, t = S.wsUrl ?? S.wsEndpoint;
-		T({
+}, P = (e) => {
+	let t = A(e.basePath ?? "/"), i = g(() => M(e.entityManifest, t), [t, e.entityManifest]), o = g(() => f(i, { basePath: t }), [t, i]), s = e.graphql, u = g(() => r(e.dashboards), [e.dashboards]);
+	h(() => {
+		let e = s.httpUrl ?? s.endpoint, t = s.wsUrl ?? s.wsEndpoint;
+		O({
 			httpUrl: e,
 			wsUrl: t,
-			getDataId: S.getDataId,
-			logEvents: S.logEvents,
-			getAuthHeaders: S.getAuthHeaders
+			getDataId: s.getDataId,
+			logEvents: s.logEvents,
+			getAuthHeaders: s.getAuthHeaders,
+			fetchImpl: s.fetchImpl
 		});
 	}, [
-		S.endpoint,
-		S.getAuthHeaders,
-		S.getDataId,
-		S.httpUrl,
-		S.logEvents,
-		S.wsEndpoint,
-		S.wsUrl
+		s.endpoint,
+		s.fetchImpl,
+		s.getAuthHeaders,
+		s.getDataId,
+		s.httpUrl,
+		s.logEvents,
+		s.wsEndpoint,
+		s.wsUrl
 	]);
-	let E = f(() => o(n.i18n?.resources ?? {}), [n.i18n?.resources]), O = f(() => n.i18n?.instance ?? x(), [n.i18n?.instance]), [A, M] = m(O.isInitialized);
-	d(() => {
-		let e = !0, t = () => {
-			e && M(!0);
+	let m = g(() => l(e.i18n?.resources ?? {}), [e.i18n?.resources]), y = g(() => e.i18n?.instance ?? T(), [e.i18n?.instance]), [b, w] = _(y.isInitialized);
+	h(() => {
+		let t = !0, n = () => {
+			t && w(!0);
 		};
-		if (O.on("initialized", t), O.isInitialized) return t(), () => {
-			e = !1, O.off("initialized", t);
+		if (y.on("initialized", n), y.isInitialized) return n(), () => {
+			t = !1, y.off("initialized", n);
 		};
 		let r = globalThis.setTimeout(() => {
-			O.isInitialized && t();
-		}, 0), i = n.i18n?.initOptions ?? {}, o = i.defaultNS ?? "translations", s = i.ns ?? [
+			y.isInitialized && n();
+		}, 0), i = e.i18n?.initOptions ?? {}, a = i.defaultNS ?? "translations", o = i.ns ?? [
 			"backofficeReact",
 			"translations",
 			"ui"
 		];
-		return a({
-			resources: E,
-			lng: n.i18n?.lng,
-			fallbackLng: n.i18n?.fallbackLng,
+		return c({
+			resources: m,
+			lng: e.i18n?.lng,
+			fallbackLng: e.i18n?.fallbackLng,
 			initOptions: {
 				...i,
-				defaultNS: o,
-				ns: s,
+				defaultNS: a,
+				ns: o,
 				react: {
 					useSuspense: !1,
 					...i.react
 				}
 			},
-			instance: O,
-			useLanguageDetector: n.i18n?.useLanguageDetector,
-			detection: n.i18n?.detection
-		}).then(t).catch((e) => {
-			t(), console.error(e);
+			instance: y,
+			useLanguageDetector: e.i18n?.useLanguageDetector,
+			detection: e.i18n?.detection
+		}).then(n).catch((e) => {
+			n(), console.error(e);
 		}), () => {
-			e = !1, globalThis.clearTimeout(r), O.off("initialized", t);
+			t = !1, globalThis.clearTimeout(r), y.off("initialized", n);
 		};
 	}, [
-		O,
-		E,
-		n.i18n?.initOptions,
-		n.i18n?.detection,
-		n.i18n?.fallbackLng,
-		n.i18n?.lng,
-		n.i18n?.useLanguageDetector
+		y,
+		m,
+		e.i18n?.initOptions,
+		e.i18n?.detection,
+		e.i18n?.fallbackLng,
+		e.i18n?.lng,
+		e.i18n?.useLanguageDetector
 	]);
-	let N = f(() => ({
-		basePath: i,
-		entities: g,
-		entityManifest: g,
-		entityRegistry: b,
-		filterColumnAliases: n.filterColumnAliases,
-		sidebar: n.sidebar,
-		dashboard: n.dashboard,
-		dashboards: C,
-		auth: n.auth,
-		graphql: n.graphql
+	let E = g(() => ({
+		basePath: t,
+		entities: i,
+		entityManifest: i,
+		entityRegistry: o,
+		filterColumnAliases: e.filterColumnAliases,
+		sidebar: e.sidebar,
+		dashboard: e.dashboard,
+		dashboards: u,
+		auth: e.auth,
+		graphql: e.graphql
 	}), [
+		t,
+		e.auth,
+		e.dashboard,
+		u,
 		i,
-		n.auth,
-		n.dashboard,
-		C,
-		g,
-		b,
-		n.filterColumnAliases,
-		n.graphql,
-		n.sidebar
-	]), P = f(() => s({
-		basePath: i,
-		entityManifest: g,
-		entityRegistry: b,
-		sidebar: n.sidebar,
-		auth: n.auth,
-		dashboard: n.dashboard,
-		dashboards: C,
-		toolsOperationPage: n.toolsOperationPage
+		o,
+		e.filterColumnAliases,
+		e.graphql,
+		e.sidebar
+	]), k = g(() => d({
+		basePath: t,
+		entityManifest: i,
+		entityRegistry: o,
+		sidebar: e.sidebar,
+		auth: e.auth,
+		dashboard: e.dashboard,
+		dashboards: u,
+		toolsOperationPage: e.toolsOperationPage
 	}), [
+		t,
 		i,
-		g,
-		b,
-		n.auth,
-		n.dashboard,
-		C,
-		n.toolsOperationPage,
-		n.sidebar
-	]), F = /* @__PURE__ */ _(r, { label: "Loading..." });
-	return A && p && (F = /* @__PURE__ */ _(h, {
-		...n.theme,
-		children: /* @__PURE__ */ _(w, { children: /* @__PURE__ */ v(e, {
-			value: N,
-			children: [n.overlay, /* @__PURE__ */ _(j, {
-				routes: P,
-				instrumentations: n.instrumentations
+		o,
+		e.auth,
+		e.dashboard,
+		u,
+		e.toolsOperationPage,
+		e.sidebar
+	]), j = /* @__PURE__ */ x(a, { label: "Loading..." });
+	return b && (j = /* @__PURE__ */ x(v, {
+		...e.theme,
+		children: /* @__PURE__ */ x(D, { children: /* @__PURE__ */ S(n, {
+			value: E,
+			children: [e.overlay, /* @__PURE__ */ x(N, {
+				routes: k,
+				basePath: t,
+				instrumentations: e.instrumentations
 			})]
 		}) })
-	})), /* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(y, {
-		i18n: O,
-		children: F
+	})), /* @__PURE__ */ x(p, { children: /* @__PURE__ */ x(C, {
+		i18n: y,
+		children: j
 	}) });
 };
 //#endregion
-export { M as BackofficeProvider, M as default };
+export { P as BackofficeProvider, P as default };
 
 //# sourceMappingURL=BackofficeProvider.js.map