@plumile/backoffice-react 0.1.108 → 0.1.112

package/lib/esm/pages/BackofficeHubPage.js

@@ -6,12 +6,13 @@ import { useBackofficePermissions as i } from "../components/backoffice/layout/B
 import { BackofficeRightPageLayout as a } from "../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js";
 import { buildHubBreadcrumb as o } from "../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js";
 import { useMemo as s, useState as c } from "react";
-import { DetailPageTemplate as l, SidebarTasksSvg as u } from "@plumile/ui";
-import { jsx as d } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
+import { jsx as l } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { DetailPageTemplate as d } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
+import { SidebarTasksSvg as f } from "@plumile/ui/icons/SidebarTasksSvg.js";
 //#region src/pages/BackofficeHubPage.tsx
 var p = (e, t) => {
-	if (e != null) return /* @__PURE__ */ d(e, {
+	if (e != null) return /* @__PURE__ */ l(e, {
 		width: t,
 		height: t,
 		"aria-hidden": "true"
@@ -23,7 +24,7 @@ var p = (e, t) => {
 		id: t.id
 	}, r) !== !1;
 }, h = ({ prepared: h }) => {
-	let { t: g } = f(), { t: _ } = e(), { entities: v, sidebar: y } = t(), b = i(), [x, S] = c(""), { hub: C } = h, w = n(C.title, g), T;
+	let { t: g } = u(), { t: _ } = e(), { entities: v, sidebar: y } = t(), b = i(), [x, S] = c(""), { hub: C } = h, w = n(C.title, g), T;
 	C.description != null && (T = n(C.description, g));
 	let E = o({
 		id: C.id,
@@ -93,20 +94,20 @@ var p = (e, t) => {
 		value: x,
 		onChange: S,
 		placeholder: k
-	}), /* @__PURE__ */ d(a, {
+	}), /* @__PURE__ */ l(a, {
 		breadcrumb: E,
-		children: /* @__PURE__ */ d(l, {
+		children: /* @__PURE__ */ l(d, {
 			header: {
 				title: w,
 				subtitle: N
 			},
-			children: /* @__PURE__ */ d(r, {
+			children: /* @__PURE__ */ l(r, {
 				groups: F,
 				search: I,
 				emptyState: {
 					title: j,
 					description: M,
-					icon: /* @__PURE__ */ d(u, {
+					icon: /* @__PURE__ */ l(f, {
 						width: 28,
 						height: 28,
 						"aria-hidden": "true"

package/lib/esm/pages/BackofficeHubPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeHubPage.js","names":[],"sources":["../../../src/pages/BackofficeHubPage.tsx"],"sourcesContent":["import { useMemo, useState, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { DetailPageTemplate, SidebarTasksSvg } from '@plumile/ui';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { BackofficeIconComponent } from '../provider/types.js';\nimport type { BackofficePreparedHubRoute } from '../router/createBackofficeRoutes.js';\nimport {\n  BackofficeHubTemplate,\n  type BackofficeHubTemplateGroup,\n  type BackofficeHubTemplateSearch,\n} from '../components/backoffice/hub/BackofficeHubTemplate.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildHubBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficePermissions } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport { resolveLabel } from '../components/backoffice/layout/sidebarUtils.js';\n\nexport type BackofficeHubPageProps = {\n  prepared: BackofficePreparedHubRoute;\n};\n\ntype HubPageItemView = {\n  id: string;\n  kind: 'entity' | 'tool';\n  label: string;\n  href: string;\n  icon: ReactNode;\n};\n\ntype HubPageGroupView = {\n  id: string;\n  title: string;\n  description: string | null;\n  icon: ReactNode | undefined;\n  items: readonly HubPageItemView[];\n};\n\nconst renderIcon = (\n  Icon: BackofficeIconComponent | undefined,\n  size: number,\n): ReactNode | undefined => {\n  if (Icon == null) {\n    return undefined;\n  }\n  return <Icon width={size} height={size} aria-hidden=\"true\" />;\n};\n\nconst isItemVisible = (input: {\n  entity: BackofficeEntityManifestMap[string] | null | undefined;\n  kind: 'entity' | 'tool';\n  permissions: unknown;\n  sidebar: ReturnType<typeof useBackofficeConfig>['sidebar'];\n}): boolean => {\n  const { entity, kind, permissions, sidebar } = input;\n  if (entity == null) {\n    return false;\n  }\n  if (kind === 'entity' && entity.kind !== 'tool' && !entity.hasList) {\n    return false;\n  }\n  const isVisible = sidebar?.isItemVisible?.(\n    {\n      kind,\n      id: entity.id,\n    },\n    permissions,\n  );\n  return isVisible !== false;\n};\n\nexport const BackofficeHubPage = ({\n  prepared,\n}: BackofficeHubPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, sidebar } = useBackofficeConfig();\n  const permissions = useBackofficePermissions();\n  const [search, setSearch] = useState('');\n  const { hub } = prepared;\n  const title = resolveLabel(hub.title, tApp);\n  let description: string | undefined;\n  if (hub.description != null) {\n    description = resolveLabel(hub.description, tApp);\n  }\n  const breadcrumb = buildHubBreadcrumb({ id: hub.id, title });\n  const normalizedSearch = search.trim().toLowerCase();\n  const searchEnabled = hub.search?.enabled !== false;\n  let searchPlaceholder = t('hub.search.placeholder');\n  if (hub.search?.placeholder != null) {\n    searchPlaceholder = resolveLabel(hub.search.placeholder, tApp);\n  }\n\n  const groups = useMemo<readonly HubPageGroupView[]>(() => {\n    return hub.groups\n      .map((group) => {\n        const items = group.items\n          .map((item): HubPageItemView | null => {\n            const entity = entities[item.id];\n            if (entity == null) {\n              return null;\n            }\n            if (\n              !isItemVisible({\n                entity,\n                kind: item.kind,\n                permissions,\n                sidebar,\n              })\n            ) {\n              return null;\n            }\n            const entityConfig = entity;\n            const label = resolveLabel(entityConfig.label, tApp);\n            if (\n              normalizedSearch !== '' &&\n              !label.toLowerCase().includes(normalizedSearch)\n            ) {\n              return null;\n            }\n            return {\n              id: item.id,\n              kind: item.kind,\n              label,\n              href: entityConfig.routes.list,\n              icon: renderIcon(item.icon, 20),\n            };\n          })\n          .filter((item): item is HubPageItemView => {\n            return item != null;\n          });\n        let groupDescription: string | null = null;\n        if (group.description != null) {\n          groupDescription = resolveLabel(group.description, tApp);\n        }\n        return {\n          id: group.id,\n          title: resolveLabel(group.title, tApp),\n          description: groupDescription,\n          icon: renderIcon(group.icon, 18),\n          items,\n        };\n      })\n      .filter((group) => {\n        return group.items.length > 0;\n      });\n  }, [entities, hub.groups, normalizedSearch, permissions, sidebar, tApp]);\n\n  let emptyTitle = t('hub.empty.title');\n  if (hub.emptyState?.title != null) {\n    emptyTitle = resolveLabel(hub.emptyState.title, tApp);\n  }\n  let emptyDescription = t('hub.empty.description');\n  if (hub.emptyState?.description != null) {\n    emptyDescription = resolveLabel(hub.emptyState.description, tApp);\n  }\n  let subtitle = t('hub.subtitle');\n  if (description != null) {\n    subtitle = description;\n  }\n  const hasMixedKinds = groups.some((group) => {\n    const kinds = new Set(\n      group.items.map((item) => {\n        return item.kind;\n      }),\n    );\n    return kinds.size > 1;\n  });\n\n  const templateGroups = useMemo<readonly BackofficeHubTemplateGroup[]>(() => {\n    return groups.map((group) => {\n      return {\n        id: group.id,\n        title: group.title,\n        description: group.description,\n        icon: group.icon,\n        items: group.items.map((item) => {\n          let metaLabel: string | null = null;\n          if (hasMixedKinds) {\n            metaLabel = t('hub.itemKinds.entity');\n            if (item.kind === 'tool') {\n              metaLabel = t('hub.itemKinds.tool');\n            }\n          }\n          return {\n            id: item.id,\n            kind: item.kind,\n            label: item.label,\n            href: item.href,\n            icon: item.icon,\n            metaLabel,\n          };\n        }),\n      };\n    });\n  }, [groups, hasMixedKinds, t]);\n\n  let searchConfig: BackofficeHubTemplateSearch | undefined;\n  if (searchEnabled) {\n    searchConfig = {\n      value: search,\n      onChange: setSearch,\n      placeholder: searchPlaceholder,\n    };\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        header={{\n          title,\n          subtitle,\n        }}\n      >\n        <BackofficeHubTemplate\n          groups={templateGroups}\n          search={searchConfig}\n          emptyState={{\n            title: emptyTitle,\n            description: emptyDescription,\n            icon: <SidebarTasksSvg width={28} height={28} aria-hidden=\"true\" />,\n          }}\n        />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeHubPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeHubPage.js","names":[],"sources":["../../../src/pages/BackofficeHubPage.tsx"],"sourcesContent":["import { useMemo, useState, type JSX, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport { SidebarTasksSvg } from '@plumile/ui/icons/SidebarTasksSvg.js';\nimport type { BackofficeEntityManifestMap } from '@plumile/backoffice-core/types.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { BackofficeIconComponent } from '../provider/types.js';\nimport type { BackofficePreparedHubRoute } from '../router/createBackofficeRoutes.js';\nimport {\n  BackofficeHubTemplate,\n  type BackofficeHubTemplateGroup,\n  type BackofficeHubTemplateSearch,\n} from '../components/backoffice/hub/BackofficeHubTemplate.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildHubBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficePermissions } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport { resolveLabel } from '../components/backoffice/layout/sidebarUtils.js';\n\nexport type BackofficeHubPageProps = {\n  prepared: BackofficePreparedHubRoute;\n};\n\ntype HubPageItemView = {\n  id: string;\n  kind: 'entity' | 'tool';\n  label: string;\n  href: string;\n  icon: ReactNode;\n};\n\ntype HubPageGroupView = {\n  id: string;\n  title: string;\n  description: string | null;\n  icon: ReactNode | undefined;\n  items: readonly HubPageItemView[];\n};\n\nconst renderIcon = (\n  Icon: BackofficeIconComponent | undefined,\n  size: number,\n): ReactNode | undefined => {\n  if (Icon == null) {\n    return undefined;\n  }\n  return <Icon width={size} height={size} aria-hidden=\"true\" />;\n};\n\nconst isItemVisible = (input: {\n  entity: BackofficeEntityManifestMap[string] | null | undefined;\n  kind: 'entity' | 'tool';\n  permissions: unknown;\n  sidebar: ReturnType<typeof useBackofficeConfig>['sidebar'];\n}): boolean => {\n  const { entity, kind, permissions, sidebar } = input;\n  if (entity == null) {\n    return false;\n  }\n  if (kind === 'entity' && entity.kind !== 'tool' && !entity.hasList) {\n    return false;\n  }\n  const isVisible = sidebar?.isItemVisible?.(\n    {\n      kind,\n      id: entity.id,\n    },\n    permissions,\n  );\n  return isVisible !== false;\n};\n\nexport const BackofficeHubPage = ({\n  prepared,\n}: BackofficeHubPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, sidebar } = useBackofficeConfig();\n  const permissions = useBackofficePermissions();\n  const [search, setSearch] = useState('');\n  const { hub } = prepared;\n  const title = resolveLabel(hub.title, tApp);\n  let description: string | undefined;\n  if (hub.description != null) {\n    description = resolveLabel(hub.description, tApp);\n  }\n  const breadcrumb = buildHubBreadcrumb({ id: hub.id, title });\n  const normalizedSearch = search.trim().toLowerCase();\n  const searchEnabled = hub.search?.enabled !== false;\n  let searchPlaceholder = t('hub.search.placeholder');\n  if (hub.search?.placeholder != null) {\n    searchPlaceholder = resolveLabel(hub.search.placeholder, tApp);\n  }\n\n  const groups = useMemo<readonly HubPageGroupView[]>(() => {\n    return hub.groups\n      .map((group) => {\n        const items = group.items\n          .map((item): HubPageItemView | null => {\n            const entity = entities[item.id];\n            if (entity == null) {\n              return null;\n            }\n            if (\n              !isItemVisible({\n                entity,\n                kind: item.kind,\n                permissions,\n                sidebar,\n              })\n            ) {\n              return null;\n            }\n            const entityConfig = entity;\n            const label = resolveLabel(entityConfig.label, tApp);\n            if (\n              normalizedSearch !== '' &&\n              !label.toLowerCase().includes(normalizedSearch)\n            ) {\n              return null;\n            }\n            return {\n              id: item.id,\n              kind: item.kind,\n              label,\n              href: entityConfig.routes.list,\n              icon: renderIcon(item.icon, 20),\n            };\n          })\n          .filter((item): item is HubPageItemView => {\n            return item != null;\n          });\n        let groupDescription: string | null = null;\n        if (group.description != null) {\n          groupDescription = resolveLabel(group.description, tApp);\n        }\n        return {\n          id: group.id,\n          title: resolveLabel(group.title, tApp),\n          description: groupDescription,\n          icon: renderIcon(group.icon, 18),\n          items,\n        };\n      })\n      .filter((group) => {\n        return group.items.length > 0;\n      });\n  }, [entities, hub.groups, normalizedSearch, permissions, sidebar, tApp]);\n\n  let emptyTitle = t('hub.empty.title');\n  if (hub.emptyState?.title != null) {\n    emptyTitle = resolveLabel(hub.emptyState.title, tApp);\n  }\n  let emptyDescription = t('hub.empty.description');\n  if (hub.emptyState?.description != null) {\n    emptyDescription = resolveLabel(hub.emptyState.description, tApp);\n  }\n  let subtitle = t('hub.subtitle');\n  if (description != null) {\n    subtitle = description;\n  }\n  const hasMixedKinds = groups.some((group) => {\n    const kinds = new Set(\n      group.items.map((item) => {\n        return item.kind;\n      }),\n    );\n    return kinds.size > 1;\n  });\n\n  const templateGroups = useMemo<readonly BackofficeHubTemplateGroup[]>(() => {\n    return groups.map((group) => {\n      return {\n        id: group.id,\n        title: group.title,\n        description: group.description,\n        icon: group.icon,\n        items: group.items.map((item) => {\n          let metaLabel: string | null = null;\n          if (hasMixedKinds) {\n            metaLabel = t('hub.itemKinds.entity');\n            if (item.kind === 'tool') {\n              metaLabel = t('hub.itemKinds.tool');\n            }\n          }\n          return {\n            id: item.id,\n            kind: item.kind,\n            label: item.label,\n            href: item.href,\n            icon: item.icon,\n            metaLabel,\n          };\n        }),\n      };\n    });\n  }, [groups, hasMixedKinds, t]);\n\n  let searchConfig: BackofficeHubTemplateSearch | undefined;\n  if (searchEnabled) {\n    searchConfig = {\n      value: search,\n      onChange: setSearch,\n      placeholder: searchPlaceholder,\n    };\n  }\n\n  return (\n    <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n      <DetailPageTemplate\n        header={{\n          title,\n          subtitle,\n        }}\n      >\n        <BackofficeHubTemplate\n          groups={templateGroups}\n          search={searchConfig}\n          emptyState={{\n            title: emptyTitle,\n            description: emptyDescription,\n            icon: <SidebarTasksSvg width={28} height={28} aria-hidden=\"true\" />,\n          }}\n        />\n      </DetailPageTemplate>\n    </BackofficeRightPageLayout>\n  );\n};\n\nexport default BackofficeHubPage;\n"],"mappings":";;;;;;;;;;;;;AAyCA,IAAM,KACJ,GACA,MAC0B;CACtB,SAAQ,MAGZ,OAAO,kBAAC,GAAD;EAAM,OAAO;EAAM,QAAQ;EAAM,eAAY;EAAS,CAAA;GAGzD,KAAiB,MAKR;CACb,IAAM,EAAE,WAAQ,SAAM,gBAAa,eAAY;CAc/C,OAbI,KAAU,QAGV,MAAS,YAAY,EAAO,SAAS,UAAU,CAAC,EAAO,UAClD,KAES,GAAS,gBACzB;EACE;EACA,IAAI,EAAO;EACZ,EACD,EACD,KACoB;GAGV,KAAqB,EAChC,kBACyC;CACzC,IAAM,EAAE,GAAG,MAAS,GAAgB,EAC9B,EAAE,SAAM,GAA+B,EACvC,EAAE,aAAU,eAAY,GAAqB,EAC7C,IAAc,GAA0B,EACxC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,WAAQ,GACV,IAAQ,EAAa,EAAI,OAAO,EAAK,EACvC;CACJ,AAAI,EAAI,eAAe,SACrB,IAAc,EAAa,EAAI,aAAa,EAAK;CAEnD,IAAM,IAAa,EAAmB;EAAE,IAAI,EAAI;EAAI;EAAO,CAAC,EACtD,IAAmB,EAAO,MAAM,CAAC,aAAa,EAC9C,IAAgB,EAAI,QAAQ,YAAY,IAC1C,IAAoB,EAAE,yBAAyB;CACnD,AAAI,EAAI,QAAQ,eAAe,SAC7B,IAAoB,EAAa,EAAI,OAAO,aAAa,EAAK;CAGhE,IAAM,IAAS,QACN,EAAI,OACR,KAAK,MAAU;EACd,IAAM,IAAQ,EAAM,MACjB,KAAK,MAAiC;GACrC,IAAM,IAAS,EAAS,EAAK;GAI7B,IAHI,KAAU,QAIZ,CAAC,EAAc;IACb;IACA,MAAM,EAAK;IACX;IACA;IACD,CAAC,EAEF,OAAO;GAET,IAAM,IAAe,GACf,IAAQ,EAAa,EAAa,OAAO,EAAK;GAOpD,OALE,MAAqB,MACrB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAiB,GAExC,OAEF;IACL,IAAI,EAAK;IACT,MAAM,EAAK;IACX;IACA,MAAM,EAAa,OAAO;IAC1B,MAAM,EAAW,EAAK,MAAM,GAAG;IAChC;IACD,CACD,QAAQ,MACA,KAAQ,KACf,EACA,IAAkC;EAItC,OAHI,EAAM,eAAe,SACvB,IAAmB,EAAa,EAAM,aAAa,EAAK,GAEnD;GACL,IAAI,EAAM;GACV,OAAO,EAAa,EAAM,OAAO,EAAK;GACtC,aAAa;GACb,MAAM,EAAW,EAAM,MAAM,GAAG;GAChC;GACD;GACD,CACD,QAAQ,MACA,EAAM,MAAM,SAAS,EAC5B,EACH;EAAC;EAAU,EAAI;EAAQ;EAAkB;EAAa;EAAS;EAAK,CAAC,EAEpE,IAAa,EAAE,kBAAkB;CACrC,AAAI,EAAI,YAAY,SAAS,SAC3B,IAAa,EAAa,EAAI,WAAW,OAAO,EAAK;CAEvD,IAAI,IAAmB,EAAE,wBAAwB;CACjD,AAAI,EAAI,YAAY,eAAe,SACjC,IAAmB,EAAa,EAAI,WAAW,aAAa,EAAK;CAEnE,IAAI,IAAW,EAAE,eAAe;CAChC,AAAI,KAAe,SACjB,IAAW;CAEb,IAAM,IAAgB,EAAO,MAAM,MAM1B,IALW,IAChB,EAAM,MAAM,KAAK,MACR,EAAK,KACZ,CAEG,CAAM,OAAO,EACpB,EAEI,IAAiB,QACd,EAAO,KAAK,OACV;EACL,IAAI,EAAM;EACV,OAAO,EAAM;EACb,aAAa,EAAM;EACnB,MAAM,EAAM;EACZ,OAAO,EAAM,MAAM,KAAK,MAAS;GAC/B,IAAI,IAA2B;GAO/B,OANI,MACF,IAAY,EAAE,uBAAuB,EACjC,EAAK,SAAS,WAChB,IAAY,EAAE,qBAAqB,IAGhC;IACL,IAAI,EAAK;IACT,MAAM,EAAK;IACX,OAAO,EAAK;IACZ,MAAM,EAAK;IACX,MAAM,EAAK;IACX;IACD;IACD;EACH,EACD,EACD;EAAC;EAAQ;EAAe;EAAE,CAAC,EAE1B;CASJ,OARI,MACF,IAAe;EACb,OAAO;EACP,UAAU;EACV,aAAa;EACd,GAID,kBAAC,GAAD;EAAuC;YACrC,kBAAC,GAAD;GACE,QAAQ;IACN;IACA;IACD;aAED,kBAAC,GAAD;IACE,QAAQ;IACR,QAAQ;IACR,YAAY;KACV,OAAO;KACP,aAAa;KACb,MAAM,kBAAC,GAAD;MAAiB,OAAO;MAAI,QAAQ;MAAI,eAAY;MAAS,CAAA;KACpE;IACD,CAAA;GACiB,CAAA;EACK,CAAA"}

package/lib/esm/pages/BackofficeLayoutPage.js

@@ -7,16 +7,21 @@ import { buildSidebarSections as a } from "../components/backoffice/layout/build
 import ne from "../components/backoffice/layout/mapViewerToSidebarProfileView.js";
 import { BackofficeContentBoundary as re } from "../components/backoffice/routing/BackofficeContentBoundary.js";
 import { resetRelayStore as ie } from "../relay/environment.js";
-import { useRelayEnvironment as ae } from "../relay/useRelayEnvironment.js";
-import oe from "../hooks/useBackofficeSidebarPins.js";
-import se from "../hooks/useSidebarGroupCollapse.js";
-import { getBackofficeLoginPath as ce } from "../router/backofficeAuthPaths.js";
-import { useCallback as le, useContext as ue, useEffect as o, useMemo as s, useState as c } from "react";
-import { AdminShellLayout as de, BackofficeSidebarProfileMenu as l, EnvironmentBadge as u, GlobalSearchInput as d, ToastProvider as f } from "@plumile/ui";
-import { jsx as p } from "react/jsx-runtime";
-import { useTranslation as fe } from "react-i18next";
-import { commitMutation as pe, usePreloadedQuery as m } from "react-relay";
-import { RoutingContext as me, useLocation as he } from "@plumile/router";
+import { useRelayEnvironment as o } from "../relay/useRelayEnvironment.js";
+import ae from "../hooks/useBackofficeSidebarPins.js";
+import oe from "../hooks/useSidebarGroupCollapse.js";
+import { getBackofficeLoginPath as se } from "../router/backofficeAuthPaths.js";
+import { useCallback as ce, useContext as le, useEffect as s, useMemo as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { useTranslation as ue } from "react-i18next";
+import { commitMutation as de, usePreloadedQuery as d } from "react-relay";
+import { ToastProvider as f } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import fe from "@plumile/router/routing/RoutingContext.js";
+import { GlobalSearchInput as pe } from "@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js";
+import me from "@plumile/router/routing/useLocation.js";
+import { AdminShellLayout as he } from "@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js";
+import { EnvironmentBadge as p } from "@plumile/ui/backoffice/atoms/environment_badge/EnvironmentBadge.js";
+import { BackofficeSidebarProfileMenu as m } from "@plumile/ui/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js";
 //#region src/pages/BackofficeLayoutPage.tsx
 var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", ve = (e) => {
 	if (typeof window > "u") return [];
@@ -36,16 +41,16 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 	if (!(typeof window > "u")) try {
 		window.localStorage.setItem(e, JSON.stringify(t));
 	} catch {}
-}, g = ({ children: m, permissions: g, authStatus: _, activeGroupId: v }) => {
-	let { t: y } = fe(), { t: b } = e(), { pathname: x } = he(), S = ue(me), C = ae(), { auth: w, basePath: T, entities: E, sidebar: D } = t(), [O, ye] = c(""), k = D?.preferences?.storageKey ?? _e, A = D?.preferences?.persistCollapsed === !0, [j, be] = c(() => {
+}, g = ({ children: d, permissions: g, authStatus: _, activeGroupId: v }) => {
+	let { t: y } = ue(), { t: b } = e(), { pathname: x } = me(), S = le(fe), C = o(), { auth: w, basePath: T, entities: E, sidebar: D } = t(), [O, ye] = l(""), k = D?.preferences?.storageKey ?? _e, A = D?.preferences?.persistCollapsed === !0, [j, be] = l(() => {
 		if (!A || typeof window > "u") return !1;
 		try {
 			return window.localStorage.getItem(`${k}:collapsed`) === "true";
 		} catch {
 			return !1;
 		}
-	}), [M, N] = c(!1), [P, xe] = c(null), F = D?.recentItems, I = F?.enabled === !0, L = F?.storageKey ?? ge, R = F?.maxItems ?? 8, [z, Se] = c(() => I ? ve(L) : []);
-	o(() => {
+	}), [M, N] = l(!1), [P, xe] = l(null), F = D?.recentItems, I = F?.enabled === !0, L = F?.storageKey ?? ge, R = F?.maxItems ?? 8, [z, Se] = l(() => I ? ve(L) : []);
+	s(() => {
 		if (!(!A || typeof window > "u")) try {
 			window.localStorage.setItem(`${k}:collapsed`, String(j));
 		} catch {}
@@ -54,13 +59,13 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		A,
 		k
 	]);
-	let B = s(() => i(E, D), [E, D]), Ce = s(() => Object.keys(B), [B]), we = s(() => Object.fromEntries(Object.entries(B).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [B]), Te = s(() => ee(B, E, D, g), [
+	let B = c(() => i(E, D), [E, D]), Ce = c(() => Object.keys(B), [B]), we = c(() => Object.fromEntries(Object.entries(B).map(([e, t]) => [e, t.behavior?.defaultCollapsed ?? !0])), [B]), Te = c(() => ee(B, E, D, g), [
 		E,
 		B,
 		g,
 		D
-	]), V = s(() => r(x, E), [E, x]);
-	o(() => {
+	]), V = c(() => r(x, E), [E, x]);
+	s(() => {
 		if (!I || V == null) return;
 		let e = E[V];
 		if (e == null || e.kind !== "tool" && !e.hasList) return;
@@ -85,19 +90,19 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		L,
 		y
 	]);
-	let { pins: H, toggle: U, reorder: W } = oe({
+	let { pins: H, toggle: U, reorder: W } = ae({
 		enabled: D?.pinnedItems?.enabled === !0,
 		storageKey: D?.pinnedItems?.storageKey,
 		visibleEntityIds: Te
 	}), G;
 	D?.preferences?.storageKey != null && (G = `${D.preferences.storageKey}:groups`);
-	let { collapsedByGroupId: K, setCollapsed: q } = se({
+	let { collapsedByGroupId: K, setCollapsed: q } = oe({
 		groupIds: Ce,
 		activeGroupId: v,
 		defaultCollapsedByGroupId: we,
 		persist: D?.preferences?.persistGroups === !0,
 		storageKey: G
-	}), Ee = s(() => a({
+	}), Ee = c(() => a({
 		basePath: T,
 		pathname: x,
 		entities: E,
@@ -128,7 +133,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		b,
 		y,
 		U
-	]), De = s(() => a({
+	]), De = c(() => a({
 		basePath: T,
 		pathname: x,
 		entities: E,
@@ -159,12 +164,12 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		b,
 		y,
 		U
-	]), J = s(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Y = le(() => {
+	]), J = c(() => import.meta.env?.DEV === !0 ? "dev" : "prod", []), Y = ce(() => {
 		M || (N(!0), (async () => {
 			try {
 				let e = await w.logout.load();
 				await new Promise((t, n) => {
-					pe(C, {
+					de(C, {
 						mutation: e.logoutMutation,
 						variables: {},
 						onCompleted: () => {
@@ -174,7 +179,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 							n(e);
 						}
 					});
-				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), ie(), S?.history.push({ pathname: ce(T) });
+				}), localStorage.removeItem("auth_token"), localStorage.removeItem("remember_me"), ie(), S?.history.push({ pathname: se(T) });
 			} finally {
 				N(!1);
 			}
@@ -185,10 +190,10 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		M,
 		C,
 		S
-	]), X = _?.me ?? null, Z = s(() => ne({
+	]), X = _?.me ?? null, Z = c(() => ne({
 		viewer: X,
 		unknownUserLabel: b("sidebar.profile.unknownUser")
-	}), [b, X]), Oe = /* @__PURE__ */ p(l, {
+	}), [b, X]), Oe = /* @__PURE__ */ u(m, {
 		collapsed: !1,
 		viewer: Z,
 		labels: {
@@ -198,7 +203,7 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		},
 		onSignOut: Y,
 		isSigningOut: M
-	}), ke = /* @__PURE__ */ p(l, {
+	}), ke = /* @__PURE__ */ u(m, {
 		collapsed: !1,
 		viewer: Z,
 		labels: {
@@ -209,17 +214,17 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		onSignOut: Y,
 		isSigningOut: M
 	}), Q = null;
-	P != null && (Q = /* @__PURE__ */ p(re, { children: m }));
-	let $ = /* @__PURE__ */ p(d, {
+	P != null && (Q = /* @__PURE__ */ u(re, { children: d }));
+	let $ = /* @__PURE__ */ u(pe, {
 		value: O,
 		onChange: ye,
 		placeholder: b("sidebar.search.placeholder"),
 		ariaLabel: b("sidebar.search.placeholder")
 	});
-	return /* @__PURE__ */ p(f, { children: /* @__PURE__ */ p(de, {
+	return /* @__PURE__ */ u(f, { children: /* @__PURE__ */ u(he, {
 		sidebar: {
 			sections: Ee,
-			header: /* @__PURE__ */ p(u, { environment: J }),
+			header: /* @__PURE__ */ u(p, { environment: J }),
 			search: $,
 			footer: Oe,
 			isCollapsed: j,
@@ -230,17 +235,17 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 		},
 		mobileSidebar: {
 			sections: De,
-			header: /* @__PURE__ */ p(u, { environment: J }),
+			header: /* @__PURE__ */ u(p, { environment: J }),
 			search: $,
 			footer: ke,
 			isCollapsed: !1,
 			hideCollapseToggle: !0,
 			navigationAriaLabel: b("sidebar.navigationAriaLabel")
 		},
-		topbar: { breadcrumb: /* @__PURE__ */ p("div", { ref: xe }) },
-		children: /* @__PURE__ */ p(te, {
+		topbar: { breadcrumb: /* @__PURE__ */ u("div", { ref: xe }) },
+		children: /* @__PURE__ */ u(te, {
 			permissions: g,
-			children: /* @__PURE__ */ p(n, {
+			children: /* @__PURE__ */ u(n, {
 				value: {
 					target: P,
 					dashboardHref: T,
@@ -250,18 +255,18 @@ var ge = "plumile:backoffice:recent-items", _e = "plumile:backoffice:sidebar", v
 			})
 		})
 	}) });
-}, _ = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ p(g, {
-	permissions: m(t, n),
+}, _ = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => /* @__PURE__ */ u(g, {
+	permissions: d(t, n),
 	authStatus: r,
 	activeGroupId: i,
 	children: e
-}), v = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ p(_, {
+}), v = ({ children: e, permissionsQuery: t, prepared: n, authStatus: r, activeGroupId: i }) => t != null && n != null ? /* @__PURE__ */ u(_, {
 	permissionsQuery: t,
 	prepared: n,
 	authStatus: r,
 	activeGroupId: i,
 	children: e
-}) : /* @__PURE__ */ p(g, {
+}) : /* @__PURE__ */ u(g, {
 	permissions: null,
 	authStatus: r,
 	activeGroupId: i,

package/lib/esm/pages/BackofficeLayoutPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport { RoutingContext, useLocation } from '@plumile/router';\n\nimport {\n  AdminShellLayout,\n  BackofficeSidebarProfileMenu,\n  EnvironmentBadge,\n  GlobalSearchInput,\n  ToastProvider,\n} from '@plumile/ui';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveActiveEntityId,\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport { BackofficePermissionsProvider } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { resetRelayStore } from '../relay/environment.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\nimport type { BackofficeSidebarRecentItem } from '../provider/types.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst DEFAULT_RECENT_ITEMS_STORAGE_KEY = 'plumile:backoffice:recent-items';\nconst DEFAULT_SIDEBAR_PREFS_STORAGE_KEY = 'plumile:backoffice:sidebar';\n\nconst readRecentItems = (\n  storageKey: string,\n): readonly BackofficeSidebarRecentItem[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((item): item is BackofficeSidebarRecentItem => {\n      if (item == null || typeof item !== 'object') {\n        return false;\n      }\n      const candidate = item as Partial<BackofficeSidebarRecentItem>;\n      return (\n        (candidate.kind === 'entity' || candidate.kind === 'tool') &&\n        typeof candidate.id === 'string' &&\n        typeof candidate.label === 'string' &&\n        typeof candidate.href === 'string' &&\n        typeof candidate.visitedAt === 'number'\n      );\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst writeRecentItems = (\n  storageKey: string,\n  items: readonly BackofficeSidebarRecentItem[],\n): void => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n  try {\n    window.localStorage.setItem(storageKey, JSON.stringify(items));\n  } catch {\n    // Ignore storage quota / privacy mode failures.\n  }\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const sidebarPreferencesStorageKey =\n    sidebar?.preferences?.storageKey ?? DEFAULT_SIDEBAR_PREFS_STORAGE_KEY;\n  const persistSidebarCollapsed =\n    sidebar?.preferences?.persistCollapsed === true;\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return false;\n    }\n    try {\n      return (\n        window.localStorage.getItem(\n          `${sidebarPreferencesStorageKey}:collapsed`,\n        ) === 'true'\n      );\n    } catch {\n      return false;\n    }\n  });\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n  const recentItemsConfig = sidebar?.recentItems;\n  const recentItemsEnabled = recentItemsConfig?.enabled === true;\n  const recentItemsStorageKey =\n    recentItemsConfig?.storageKey ?? DEFAULT_RECENT_ITEMS_STORAGE_KEY;\n  const recentItemsMaxItems = recentItemsConfig?.maxItems ?? 8;\n  const [recentItems, setRecentItems] = useState<\n    readonly BackofficeSidebarRecentItem[]\n  >(() => {\n    if (!recentItemsEnabled) {\n      return [];\n    }\n    return readRecentItems(recentItemsStorageKey);\n  });\n\n  useEffect(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        `${sidebarPreferencesStorageKey}:collapsed`,\n        String(isSidebarCollapsed),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [\n    isSidebarCollapsed,\n    persistSidebarCollapsed,\n    sidebarPreferencesStorageKey,\n  ]);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const defaultCollapsedByGroupId = useMemo(() => {\n    return Object.fromEntries(\n      Object.entries(groups).map(([groupId, group]) => {\n        return [groupId, group.behavior?.defaultCollapsed ?? true];\n      }),\n    );\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const activeEntityId = useMemo(() => {\n    return resolveActiveEntityId(pathname, entities);\n  }, [entities, pathname]);\n\n  useEffect(() => {\n    if (!recentItemsEnabled || activeEntityId == null) {\n      return;\n    }\n    const config = entities[activeEntityId];\n    if (config == null) {\n      return;\n    }\n    if (config.kind !== 'tool' && !config.hasList) {\n      return;\n    }\n    const href = config.routes.list;\n    let kind: BackofficeSidebarRecentItem['kind'] = 'entity';\n    if (config.kind === 'tool') {\n      kind = 'tool';\n    }\n    const item: BackofficeSidebarRecentItem = {\n      kind,\n      id: activeEntityId,\n      label: config.label(tApp),\n      href,\n      visitedAt: Date.now(),\n    };\n    setRecentItems((prev) => {\n      const next = [\n        item,\n        ...prev.filter((entry) => {\n          return entry.id !== item.id || entry.kind !== item.kind;\n        }),\n      ].slice(0, recentItemsMaxItems);\n      writeRecentItems(recentItemsStorageKey, next);\n      return next;\n    });\n  }, [\n    activeEntityId,\n    entities,\n    recentItemsEnabled,\n    recentItemsMaxItems,\n    recentItemsStorageKey,\n    tApp,\n  ]);\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({\n    enabled: sidebar?.pinnedItems?.enabled === true,\n    storageKey: sidebar?.pinnedItems?.storageKey,\n    visibleEntityIds,\n  });\n\n  let groupCollapseStorageKey: string | undefined;\n  if (sidebar?.preferences?.storageKey != null) {\n    groupCollapseStorageKey = `${sidebar.preferences.storageKey}:groups`;\n  }\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    persist: sidebar?.preferences?.persistGroups === true,\n    storageKey: groupCollapseStorageKey,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: pins,\n      recentItems,\n      onTogglePin: togglePin,\n      onReorderPin: reorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    pathname,\n    permissions,\n    pins,\n    recentItems,\n    reorderPin,\n    setCollapsed,\n    sidebar,\n    sidebarQuery,\n    t,\n    tApp,\n    togglePin,\n  ]);\n\n  const mobileSections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: pins,\n      recentItems,\n      onTogglePin: togglePin,\n      onReorderPin: reorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    pathname,\n    permissions,\n    pins,\n    recentItems,\n    reorderPin,\n    setCollapsed,\n    sidebar,\n    sidebarQuery,\n    t,\n    tApp,\n    togglePin,\n  ]);\n\n  const environment = useMemo(() => {\n    const meta = import.meta as unknown as { env?: Record<string, unknown> };\n    if (meta.env?.DEV === true) {\n      return 'dev' as const;\n    }\n    return 'prod' as const;\n  }, []);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <BackofficeSidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  const mobileSidebarFooter = (\n    <BackofficeSidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  const sidebarSearchNode = (\n    <GlobalSearchInput\n      value={sidebarQuery}\n      onChange={setSidebarQuery}\n      placeholder={t('sidebar.search.placeholder')}\n      ariaLabel={t('sidebar.search.placeholder')}\n    />\n  );\n\n  return (\n    <ToastProvider>\n      <AdminShellLayout\n        sidebar={{\n          sections,\n          header: <EnvironmentBadge environment={environment} />,\n          search: sidebarSearchNode,\n          footer: sidebarFooter,\n          isCollapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n          collapseToggleLabel: t('sidebar.actions.collapseSidebar'),\n          expandToggleLabel: t('sidebar.actions.expandSidebar'),\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        mobileSidebar={{\n          sections: mobileSections,\n          header: <EnvironmentBadge environment={environment} />,\n          search: sidebarSearchNode,\n          footer: mobileSidebarFooter,\n          isCollapsed: false,\n          hideCollapseToggle: true,\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n      >\n        <BackofficePermissionsProvider permissions={permissions}>\n          <BackofficeTopbarPortalContextProvider\n            value={{\n              target: topbarTarget,\n              dashboardHref: basePath,\n              dashboardLabel: t('sidebar.items.dashboard'),\n            }}\n          >\n            {contentNode}\n          </BackofficeTopbarPortalContextProvider>\n        </BackofficePermissionsProvider>\n      </AdminShellLayout>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeLayoutPage.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  usePreloadedQuery,\n  type PreloadedQuery,\n} from 'react-relay';\nimport type {\n  GraphQLTaggedNode,\n  MutationParameters,\n  OperationType,\n} from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { AdminShellLayout } from '@plumile/ui/admin/templates/admin_shell_layout/AdminShellLayout.js';\nimport { ToastProvider } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { EnvironmentBadge } from '@plumile/ui/backoffice/atoms/environment_badge/EnvironmentBadge.js';\nimport { GlobalSearchInput } from '@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { BackofficeSidebarProfileMenu } from '@plumile/ui/backoffice/molecules/sidebar_profile_menu/BackofficeSidebarProfileMenu.js';\n\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport type { LogoutResponse, LogoutVariables } from '../hooks/useAuth.js';\nimport { useBackofficeSidebarPins } from '../hooks/useBackofficeSidebarPins.js';\nimport { useSidebarGroupCollapse } from '../hooks/useSidebarGroupCollapse.js';\nimport { buildSidebarSections } from '../components/backoffice/layout/buildSidebarSections.js';\nimport { BackofficeContentBoundary } from '../components/backoffice/routing/BackofficeContentBoundary.js';\nimport {\n  resolveActiveEntityId,\n  resolveSidebarGroups,\n  resolveVisibleEntityIds,\n} from '../components/backoffice/layout/sidebarUtils.js';\nimport { BackofficeTopbarPortalContextProvider } from '../components/backoffice/layout/breadcrumb/BackofficeTopbarPortalContext.js';\nimport { BackofficePermissionsProvider } from '../components/backoffice/layout/BackofficePermissionsContext.js';\nimport {\n  mapViewerToSidebarProfileView,\n  type BackofficeViewerIdentity,\n} from '../components/backoffice/layout/mapViewerToSidebarProfileView.js';\nimport { resetRelayStore } from '../relay/environment.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\nimport type { BackofficeSidebarRecentItem } from '../provider/types.js';\n\nexport type BackofficeLayoutPageProps = {\n  children: ReactNode;\n  permissionsQuery?: GraphQLTaggedNode;\n  prepared?: PreloadedQuery<OperationType> | null;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\ntype LayoutShellProps = {\n  children: ReactNode;\n  permissions: unknown;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst DEFAULT_RECENT_ITEMS_STORAGE_KEY = 'plumile:backoffice:recent-items';\nconst DEFAULT_SIDEBAR_PREFS_STORAGE_KEY = 'plumile:backoffice:sidebar';\n\nconst readRecentItems = (\n  storageKey: string,\n): readonly BackofficeSidebarRecentItem[] => {\n  if (typeof window === 'undefined') {\n    return [];\n  }\n  try {\n    const raw = window.localStorage.getItem(storageKey);\n    if (raw == null) {\n      return [];\n    }\n    const parsed = JSON.parse(raw) as unknown;\n    if (!Array.isArray(parsed)) {\n      return [];\n    }\n    return parsed.filter((item): item is BackofficeSidebarRecentItem => {\n      if (item == null || typeof item !== 'object') {\n        return false;\n      }\n      const candidate = item as Partial<BackofficeSidebarRecentItem>;\n      return (\n        (candidate.kind === 'entity' || candidate.kind === 'tool') &&\n        typeof candidate.id === 'string' &&\n        typeof candidate.label === 'string' &&\n        typeof candidate.href === 'string' &&\n        typeof candidate.visitedAt === 'number'\n      );\n    });\n  } catch {\n    return [];\n  }\n};\n\nconst writeRecentItems = (\n  storageKey: string,\n  items: readonly BackofficeSidebarRecentItem[],\n): void => {\n  if (typeof window === 'undefined') {\n    return;\n  }\n  try {\n    window.localStorage.setItem(storageKey, JSON.stringify(items));\n  } catch {\n    // Ignore storage quota / privacy mode failures.\n  }\n};\n\nconst BackofficeLayoutShell = ({\n  children,\n  permissions,\n  authStatus,\n  activeGroupId,\n}: LayoutShellProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const relayEnvironment = useRelayEnvironment();\n  const {\n    auth: authConfig,\n    basePath,\n    entities,\n    sidebar,\n  } = useBackofficeConfig();\n  const [sidebarQuery, setSidebarQuery] = useState('');\n  const sidebarPreferencesStorageKey =\n    sidebar?.preferences?.storageKey ?? DEFAULT_SIDEBAR_PREFS_STORAGE_KEY;\n  const persistSidebarCollapsed =\n    sidebar?.preferences?.persistCollapsed === true;\n  const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return false;\n    }\n    try {\n      return (\n        window.localStorage.getItem(\n          `${sidebarPreferencesStorageKey}:collapsed`,\n        ) === 'true'\n      );\n    } catch {\n      return false;\n    }\n  });\n  const [isSigningOut, setIsSigningOut] = useState(false);\n  const [topbarTarget, setTopbarTarget] = useState<HTMLDivElement | null>(null);\n  const recentItemsConfig = sidebar?.recentItems;\n  const recentItemsEnabled = recentItemsConfig?.enabled === true;\n  const recentItemsStorageKey =\n    recentItemsConfig?.storageKey ?? DEFAULT_RECENT_ITEMS_STORAGE_KEY;\n  const recentItemsMaxItems = recentItemsConfig?.maxItems ?? 8;\n  const [recentItems, setRecentItems] = useState<\n    readonly BackofficeSidebarRecentItem[]\n  >(() => {\n    if (!recentItemsEnabled) {\n      return [];\n    }\n    return readRecentItems(recentItemsStorageKey);\n  });\n\n  useEffect(() => {\n    if (!persistSidebarCollapsed || typeof window === 'undefined') {\n      return;\n    }\n    try {\n      window.localStorage.setItem(\n        `${sidebarPreferencesStorageKey}:collapsed`,\n        String(isSidebarCollapsed),\n      );\n    } catch {\n      // Ignore storage quota / privacy mode failures.\n    }\n  }, [\n    isSidebarCollapsed,\n    persistSidebarCollapsed,\n    sidebarPreferencesStorageKey,\n  ]);\n\n  const groups = useMemo(() => {\n    return resolveSidebarGroups(entities, sidebar);\n  }, [entities, sidebar]);\n\n  const groupIds = useMemo(() => {\n    return Object.keys(groups);\n  }, [groups]);\n\n  const defaultCollapsedByGroupId = useMemo(() => {\n    return Object.fromEntries(\n      Object.entries(groups).map(([groupId, group]) => {\n        return [groupId, group.behavior?.defaultCollapsed ?? true];\n      }),\n    );\n  }, [groups]);\n\n  const visibleEntityIds = useMemo(() => {\n    return resolveVisibleEntityIds(groups, entities, sidebar, permissions);\n  }, [entities, groups, permissions, sidebar]);\n\n  const activeEntityId = useMemo(() => {\n    return resolveActiveEntityId(pathname, entities);\n  }, [entities, pathname]);\n\n  useEffect(() => {\n    if (!recentItemsEnabled || activeEntityId == null) {\n      return;\n    }\n    const config = entities[activeEntityId];\n    if (config == null) {\n      return;\n    }\n    if (config.kind !== 'tool' && !config.hasList) {\n      return;\n    }\n    const href = config.routes.list;\n    let kind: BackofficeSidebarRecentItem['kind'] = 'entity';\n    if (config.kind === 'tool') {\n      kind = 'tool';\n    }\n    const item: BackofficeSidebarRecentItem = {\n      kind,\n      id: activeEntityId,\n      label: config.label(tApp),\n      href,\n      visitedAt: Date.now(),\n    };\n    setRecentItems((prev) => {\n      const next = [\n        item,\n        ...prev.filter((entry) => {\n          return entry.id !== item.id || entry.kind !== item.kind;\n        }),\n      ].slice(0, recentItemsMaxItems);\n      writeRecentItems(recentItemsStorageKey, next);\n      return next;\n    });\n  }, [\n    activeEntityId,\n    entities,\n    recentItemsEnabled,\n    recentItemsMaxItems,\n    recentItemsStorageKey,\n    tApp,\n  ]);\n\n  const {\n    pins,\n    toggle: togglePin,\n    reorder: reorderPin,\n  } = useBackofficeSidebarPins({\n    enabled: sidebar?.pinnedItems?.enabled === true,\n    storageKey: sidebar?.pinnedItems?.storageKey,\n    visibleEntityIds,\n  });\n\n  let groupCollapseStorageKey: string | undefined;\n  if (sidebar?.preferences?.storageKey != null) {\n    groupCollapseStorageKey = `${sidebar.preferences.storageKey}:groups`;\n  }\n\n  const { collapsedByGroupId, setCollapsed } = useSidebarGroupCollapse({\n    groupIds,\n    activeGroupId,\n    defaultCollapsedByGroupId,\n    persist: sidebar?.preferences?.persistGroups === true,\n    storageKey: groupCollapseStorageKey,\n  });\n\n  const sections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: pins,\n      recentItems,\n      onTogglePin: togglePin,\n      onReorderPin: reorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    pathname,\n    permissions,\n    pins,\n    recentItems,\n    reorderPin,\n    setCollapsed,\n    sidebar,\n    sidebarQuery,\n    t,\n    tApp,\n    togglePin,\n  ]);\n\n  const mobileSections = useMemo(() => {\n    return buildSidebarSections({\n      basePath,\n      pathname,\n      entities,\n      sidebar,\n      permissions,\n      searchQuery: sidebarQuery,\n      tApp,\n      t,\n      pinnedEntityIds: pins,\n      recentItems,\n      onTogglePin: togglePin,\n      onReorderPin: reorderPin,\n      collapsedByGroupId,\n      onGroupCollapsedChange: setCollapsed,\n      sidebarCollapsed: false,\n    });\n  }, [\n    basePath,\n    collapsedByGroupId,\n    entities,\n    pathname,\n    permissions,\n    pins,\n    recentItems,\n    reorderPin,\n    setCollapsed,\n    sidebar,\n    sidebarQuery,\n    t,\n    tApp,\n    togglePin,\n  ]);\n\n  const environment = useMemo(() => {\n    const meta = import.meta as unknown as { env?: Record<string, unknown> };\n    if (meta.env?.DEV === true) {\n      return 'dev' as const;\n    }\n    return 'prod' as const;\n  }, []);\n\n  const handleSignOut = useCallback(() => {\n    if (isSigningOut) {\n      return;\n    }\n\n    type LogoutMutation = MutationParameters & {\n      response: LogoutResponse;\n      variables: LogoutVariables;\n    };\n\n    setIsSigningOut(true);\n\n    const runSignOut = async (): Promise<void> => {\n      try {\n        const config = await authConfig.logout.load();\n        await new Promise<void>((resolve, reject) => {\n          commitMutation<LogoutMutation>(relayEnvironment, {\n            mutation: config.logoutMutation,\n            variables: {},\n            onCompleted: () => {\n              resolve();\n            },\n            onError: (error) => {\n              reject(error);\n            },\n          });\n        });\n        localStorage.removeItem('auth_token');\n        localStorage.removeItem('remember_me');\n        resetRelayStore();\n        routing?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n      } finally {\n        setIsSigningOut(false);\n      }\n    };\n\n    runSignOut().catch(() => {\n      /* noop */\n    });\n  }, [authConfig.logout, basePath, isSigningOut, relayEnvironment, routing]);\n\n  const viewer = authStatus?.me ?? null;\n  const sidebarProfile = useMemo(() => {\n    return mapViewerToSidebarProfileView({\n      viewer,\n      unknownUserLabel: t('sidebar.profile.unknownUser'),\n    });\n  }, [t, viewer]);\n\n  const sidebarFooter = (\n    <BackofficeSidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  const mobileSidebarFooter = (\n    <BackofficeSidebarProfileMenu\n      collapsed={false}\n      viewer={sidebarProfile}\n      labels={{\n        sectionTitle: t('sidebar.profile.title'),\n        menuAriaLabel: t('sidebar.profile.menuAriaLabel'),\n        signOut: t('sidebar.profile.actions.signOut'),\n      }}\n      onSignOut={handleSignOut}\n      isSigningOut={isSigningOut}\n    />\n  );\n\n  let contentNode: JSX.Element | null = null;\n  if (topbarTarget != null) {\n    contentNode = (\n      <BackofficeContentBoundary>{children}</BackofficeContentBoundary>\n    );\n  }\n\n  const sidebarSearchNode = (\n    <GlobalSearchInput\n      value={sidebarQuery}\n      onChange={setSidebarQuery}\n      placeholder={t('sidebar.search.placeholder')}\n      ariaLabel={t('sidebar.search.placeholder')}\n    />\n  );\n\n  return (\n    <ToastProvider>\n      <AdminShellLayout\n        sidebar={{\n          sections,\n          header: <EnvironmentBadge environment={environment} />,\n          search: sidebarSearchNode,\n          footer: sidebarFooter,\n          isCollapsed: isSidebarCollapsed,\n          onCollapsedChange: setIsSidebarCollapsed,\n          collapseToggleLabel: t('sidebar.actions.collapseSidebar'),\n          expandToggleLabel: t('sidebar.actions.expandSidebar'),\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        mobileSidebar={{\n          sections: mobileSections,\n          header: <EnvironmentBadge environment={environment} />,\n          search: sidebarSearchNode,\n          footer: mobileSidebarFooter,\n          isCollapsed: false,\n          hideCollapseToggle: true,\n          navigationAriaLabel: t('sidebar.navigationAriaLabel'),\n        }}\n        topbar={{\n          breadcrumb: <div ref={setTopbarTarget} />,\n        }}\n      >\n        <BackofficePermissionsProvider permissions={permissions}>\n          <BackofficeTopbarPortalContextProvider\n            value={{\n              target: topbarTarget,\n              dashboardHref: basePath,\n              dashboardLabel: t('sidebar.items.dashboard'),\n            }}\n          >\n            {contentNode}\n          </BackofficeTopbarPortalContextProvider>\n        </BackofficePermissionsProvider>\n      </AdminShellLayout>\n    </ToastProvider>\n  );\n};\n\ntype LayoutWithPermissionsProps = {\n  children: ReactNode;\n  permissionsQuery: GraphQLTaggedNode;\n  prepared: PreloadedQuery<OperationType>;\n  authStatus?: {\n    isLoggedIn?: boolean | null;\n    me?: BackofficeViewerIdentity | null;\n  } | null;\n  activeGroupId?: string | null;\n};\n\nconst LayoutWithPermissions = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: LayoutWithPermissionsProps): JSX.Element => {\n  const permissions = usePreloadedQuery(permissionsQuery, prepared);\n\n  return (\n    <BackofficeLayoutShell\n      permissions={permissions}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport const BackofficeLayoutPage = ({\n  children,\n  permissionsQuery,\n  prepared,\n  authStatus,\n  activeGroupId,\n}: BackofficeLayoutPageProps): JSX.Element => {\n  if (permissionsQuery != null && prepared != null) {\n    return (\n      <LayoutWithPermissions\n        permissionsQuery={permissionsQuery}\n        prepared={prepared}\n        authStatus={authStatus}\n        activeGroupId={activeGroupId}\n      >\n        {children}\n      </LayoutWithPermissions>\n    );\n  }\n\n  return (\n    <BackofficeLayoutShell\n      permissions={null}\n      authStatus={authStatus}\n      activeGroupId={activeGroupId}\n    >\n      {children}\n    </BackofficeLayoutShell>\n  );\n};\n\nexport default BackofficeLayoutPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeLoginPage.js

@@ -8,7 +8,7 @@ import { getBackofficePasswordResetPath as o } from "../router/backofficeAuthPat
 import { useCallback as s, useContext as c, useRef as l } from "react";
 import { jsx as u } from "react/jsx-runtime";
 import * as d from "react-relay";
-import { RoutingContext as f } from "@plumile/router";
+import f from "@plumile/router/routing/RoutingContext.js";
 //#region src/pages/BackofficeLoginPage.tsx
 var { usePreloadedQuery: p } = d, m = ({ prepared: d }) => {
 	let m = c(f), { auth: h, basePath: g } = n(), _ = a(), v = i(), y = r(), b = l(!1);

package/lib/esm/pages/BackofficeLoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeLoginPage.js","names":[],"sources":["../../../src/pages/BackofficeLoginPage.tsx"],"sourcesContent":["import { useCallback, useContext, useRef, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { PreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport { RoutingContext } from '@plumile/router';\n\nimport type { OidcProviderKind } from '../modules/sharedSchemaTypes.js';\nimport { LoginFlow } from '../auth/login/LoginFlow.js';\nimport { synchronizeAuthStatusQuery } from '../auth/login/synchronizeAuthStatusQuery.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthLoginConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficePasswordResetPath } from '../router/backofficeAuthPaths.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeLoginPageProps = {\n  prepared: { query: PreloadedQuery<OperationType> };\n};\n\nexport const BackofficeLoginPage = ({\n  prepared,\n}: BackofficeLoginPageProps): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { auth: authConfig, basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthLoginConfig();\n  const authState = useBackofficeAuth();\n  const relayEnvironment = useRelayEnvironment();\n  const isPostLoginSyncInFlightRef = useRef(false);\n\n  const data = usePreloadedQuery(auth.loginQuery, prepared.query);\n  const oidcProviders =\n    (data as { oidcProviders?: readonly OidcProviderKind[] }).oidcProviders ??\n    [];\n\n  const handleLoginSuccess = useCallback((): void => {\n    if (isPostLoginSyncInFlightRef.current) {\n      return;\n    }\n\n    isPostLoginSyncInFlightRef.current = true;\n    const runPostLoginSync = async (): Promise<void> => {\n      try {\n        const sessionAuth = await authConfig.session.load();\n        if (sessionAuth.authStatusQuery == null) {\n          routerContext?.history.push({\n            pathname: basePath,\n          });\n          return;\n        }\n\n        await authConfig.lifecycle?.onLoginSuccess?.();\n\n        const isLoggedIn = await synchronizeAuthStatusQuery<OperationType>(\n          relayEnvironment,\n          sessionAuth.authStatusQuery,\n        );\n        if (!isLoggedIn) {\n          return;\n        }\n        routerContext?.history.push({\n          pathname: basePath,\n        });\n      } catch {\n        // Keep user on login page if post-login auth sync fails.\n      } finally {\n        isPostLoginSyncInFlightRef.current = false;\n      }\n    };\n\n    runPostLoginSync().catch(() => {});\n  }, [\n    authConfig.lifecycle,\n    authConfig.session,\n    basePath,\n    relayEnvironment,\n    routerContext?.history,\n  ]);\n\n  const handleForgotPassword = useCallback(() => {\n    routerContext?.history.push({\n      pathname: getBackofficePasswordResetPath(basePath),\n    });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <LoginFlow\n      auth={authState}\n      oidcProviders={oidcProviders}\n      onLoginSuccess={handleLoginSuccess}\n      onForgotPassword={handleForgotPassword}\n    />\n  );\n};\n\nexport default BackofficeLoginPage;\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,EAAE,mBAAA,MAAsB,GAMjB,KAAuB,EAClC,kBAC2C;CAC3C,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,MAAM,GAAY,gBAAa,GAAqB,EACtD,IAAO,GAA8B,EACrC,IAAY,GAAmB,EAC/B,IAAmB,GAAqB,EACxC,IAA6B,EAAO,GAAM;CAyDhD,OACE,kBAAC,GAAD;EACE,MAAM;EACS,eA1DN,EAAkB,EAAK,YAAY,EAAS,MAEtD,CAAyD,iBAC1D,EAAE;EAwDA,gBAtDuB,QAAwB;GAC7C,EAA2B,YAI/B,EAA2B,UAAU,KA8BrC,YA7BoD;IAClD,IAAI;KACF,IAAM,IAAc,MAAM,EAAW,QAAQ,MAAM;KACnD,IAAI,EAAY,mBAAmB,MAAM;MACvC,GAAe,QAAQ,KAAK,EAC1B,UAAU,GACX,CAAC;MACF;;KASF,IANA,MAAM,EAAW,WAAW,kBAAkB,EAM1C,CAAC,MAJoB,EACvB,GACA,EAAY,gBACb,EAEC;KAEF,GAAe,QAAQ,KAAK,EAC1B,UAAU,GACX,CAAC;YACI,WAEE;KACR,EAA2B,UAAU;;OAIvB,CAAC,YAAY,GAAG;KACjC;GACD,EAAW;GACX,EAAW;GACX;GACA;GACA,GAAe;GAChB,CAYmB;EAChB,kBAXyB,QAAkB;GAC7C,GAAe,QAAQ,KAAK,EAC1B,UAAU,EAA+B,EAAS,EACnD,CAAC;KACD,CAAC,GAAU,GAAe,QAAQ,CAOf;EAClB,CAAA"}
+{"version":3,"file":"BackofficeLoginPage.js","names":[],"sources":["../../../src/pages/BackofficeLoginPage.tsx"],"sourcesContent":["import { useCallback, useContext, useRef, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { PreloadedQuery } from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport type { OidcProviderKind } from '../modules/sharedSchemaTypes.js';\nimport { LoginFlow } from '../auth/login/LoginFlow.js';\nimport { synchronizeAuthStatusQuery } from '../auth/login/synchronizeAuthStatusQuery.js';\nimport { useBackofficeAuth } from '../hooks/useBackofficeAuth.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthLoginConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficePasswordResetPath } from '../router/backofficeAuthPaths.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nexport type BackofficeLoginPageProps = {\n  prepared: { query: PreloadedQuery<OperationType> };\n};\n\nexport const BackofficeLoginPage = ({\n  prepared,\n}: BackofficeLoginPageProps): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { auth: authConfig, basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthLoginConfig();\n  const authState = useBackofficeAuth();\n  const relayEnvironment = useRelayEnvironment();\n  const isPostLoginSyncInFlightRef = useRef(false);\n\n  const data = usePreloadedQuery(auth.loginQuery, prepared.query);\n  const oidcProviders =\n    (data as { oidcProviders?: readonly OidcProviderKind[] }).oidcProviders ??\n    [];\n\n  const handleLoginSuccess = useCallback((): void => {\n    if (isPostLoginSyncInFlightRef.current) {\n      return;\n    }\n\n    isPostLoginSyncInFlightRef.current = true;\n    const runPostLoginSync = async (): Promise<void> => {\n      try {\n        const sessionAuth = await authConfig.session.load();\n        if (sessionAuth.authStatusQuery == null) {\n          routerContext?.history.push({\n            pathname: basePath,\n          });\n          return;\n        }\n\n        await authConfig.lifecycle?.onLoginSuccess?.();\n\n        const isLoggedIn = await synchronizeAuthStatusQuery<OperationType>(\n          relayEnvironment,\n          sessionAuth.authStatusQuery,\n        );\n        if (!isLoggedIn) {\n          return;\n        }\n        routerContext?.history.push({\n          pathname: basePath,\n        });\n      } catch {\n        // Keep user on login page if post-login auth sync fails.\n      } finally {\n        isPostLoginSyncInFlightRef.current = false;\n      }\n    };\n\n    runPostLoginSync().catch(() => {});\n  }, [\n    authConfig.lifecycle,\n    authConfig.session,\n    basePath,\n    relayEnvironment,\n    routerContext?.history,\n  ]);\n\n  const handleForgotPassword = useCallback(() => {\n    routerContext?.history.push({\n      pathname: getBackofficePasswordResetPath(basePath),\n    });\n  }, [basePath, routerContext?.history]);\n\n  return (\n    <LoginFlow\n      auth={authState}\n      oidcProviders={oidcProviders}\n      onLoginSuccess={handleLoginSuccess}\n      onForgotPassword={handleForgotPassword}\n    />\n  );\n};\n\nexport default BackofficeLoginPage;\n"],"mappings":";;;;;;;;;;;;AAeA,IAAM,EAAE,mBAAA,MAAsB,GAMjB,KAAuB,EAClC,kBAC2C;CAC3C,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,MAAM,GAAY,gBAAa,GAAqB,EACtD,IAAO,GAA8B,EACrC,IAAY,GAAmB,EAC/B,IAAmB,GAAqB,EACxC,IAA6B,EAAO,GAAM;CAyDhD,OACE,kBAAC,GAAD;EACE,MAAM;EACS,eA1DN,EAAkB,EAAK,YAAY,EAAS,MAEtD,CAAyD,iBAC1D,EAAE;EAwDA,gBAtDuB,QAAwB;GAC7C,EAA2B,YAI/B,EAA2B,UAAU,KA8BrC,YA7BoD;IAClD,IAAI;KACF,IAAM,IAAc,MAAM,EAAW,QAAQ,MAAM;KACnD,IAAI,EAAY,mBAAmB,MAAM;MACvC,GAAe,QAAQ,KAAK,EAC1B,UAAU,GACX,CAAC;MACF;;KASF,IANA,MAAM,EAAW,WAAW,kBAAkB,EAM1C,CAAC,MAJoB,EACvB,GACA,EAAY,gBACb,EAEC;KAEF,GAAe,QAAQ,KAAK,EAC1B,UAAU,GACX,CAAC;YACI,WAEE;KACR,EAA2B,UAAU;;OAIvB,CAAC,YAAY,GAAG;KACjC;GACD,EAAW;GACX,EAAW;GACX;GACA;GACA,GAAe;GAChB,CAYmB;EAChB,kBAXyB,QAAkB;GAC7C,GAAe,QAAQ,KAAK,EAC1B,UAAU,EAA+B,EAAS,EACnD,CAAC;KACD,CAAC,GAAU,GAAe,QAAQ,CAOf;EAClB,CAAA"}

package/lib/esm/pages/BackofficePasswordResetCompletePage.js

@@ -7,7 +7,7 @@ import { getBackofficeLoginPath as o } from "../router/backofficeAuthPaths.js";
 import { useCallback as s, useContext as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
 import * as u from "react-relay";
-import { RoutingContext as d } from "@plumile/router";
+import d from "@plumile/router/routing/RoutingContext.js";
 //#region src/pages/BackofficePasswordResetCompletePage.tsx
 var { useMutation: f } = u, p = () => {
 	let u = c(d), { basePath: p } = i(), m = a(), { t: h } = e(), [g] = f(m.completePasswordResetMutation);

package/lib/esm/pages/BackofficePasswordResetCompletePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficePasswordResetCompletePage.js","names":[],"sources":["../../../src/pages/BackofficePasswordResetCompletePage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport { RoutingContext } from '@plumile/router';\n\nimport { PasswordResetCompleteScreen } from '../auth/pages/PasswordResetCompleteScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthPasswordResetCompleteConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nconst { useMutation } = ReactRelay;\n\ntype CompletePasswordResetErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'PASSWORD_POLICY_VIOLATION'\n  | 'INTERNAL_ERROR';\n\ntype CompletePasswordResetMutationPayload =\n  MutationPayloadBase<CompletePasswordResetErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficePasswordResetCompletePage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthPasswordResetCompleteConfig();\n  const { t } = useBackofficeReactTranslation();\n  type CompletePasswordResetMutation = MutationParameters & {\n    response: {\n      completePasswordReset?: CompletePasswordResetMutationPayload | null;\n    };\n    variables: { input: { newPassword: string; token: string } };\n  };\n  const [commitReset] = useMutation<CompletePasswordResetMutation>(\n    auth.completePasswordResetMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleCompleteReset = useCallback(\n    async (input: { newPassword: string; token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.passwordResetComplete.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitReset({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.completePasswordReset ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.passwordResetComplete.errors.expired');\n                    case 'PASSWORD_POLICY_VIOLATION':\n                      return t(\n                        'auth.passwordResetComplete.errors.policyViolation',\n                      );\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: () => {\n            reject(new Error(defaultErrorMessage));\n          },\n        });\n      });\n    },\n    [commitReset, t],\n  );\n\n  return (\n    <PasswordResetCompleteScreen\n      onBackToLogin={handleBackToLogin}\n      onCompletePasswordReset={handleCompleteReset}\n    />\n  );\n};\n\nexport default BackofficePasswordResetCompletePage;\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,EAAE,mBAAgB,GAaX,UAAyD;CACpE,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAA8C,EACrD,EAAE,SAAM,GAA+B,EAOvC,CAAC,KAAe,EACpB,EAAK,8BACN;CA+DD,OACE,kBAAC,GAAD;EACE,eA/DsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CA6DlB;EACf,yBA5DwB,EAC1B,OAAO,MAAoE;GACzE,IAAM,IAAiB,EAAE,4CAA4C,EAC/D,IAAsB;GAE5B,OAAO,IAAI,SAAS,GAAS,MAAW;IACtC,EAAY;KACV,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,yBAAyB,MAClC;OACE;OACA,YAAY,MAAW;QACrB,QAAQ,GAAR;SACE,KAAK,iBACH,OAAO;SACT,KAAK,iBACH,OAAO,EAAE,4CAA4C;SACvD,KAAK,6BACH,OAAO,EACL,oDACD;SACH,KAAK,kBACH,OAAO;SACT,SACE,OAAO;;;OAGd,CACF;MACD,IAAI,CAAC,EAAQ,IAAI;OACf,EAAW,MAAM,EAAQ,QAAQ,CAAC;OAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;MACD,IAAI,CAAC,EAAc,IAAI;OACrB,EAAW,MAAM,EAAc,QAAQ,CAAC;OACxC;;MAEF,EAAQ,EAAc,MAAM;;KAE9B,eAAe;MACb,EAAW,MAAM,EAAoB,CAAC;;KAEzC,CAAC;KACF;KAEJ,CAAC,GAAa,EAAE,CAMW;EACzB,CAAA"}
+{"version":3,"file":"BackofficePasswordResetCompletePage.js","names":[],"sources":["../../../src/pages/BackofficePasswordResetCompletePage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { PasswordResetCompleteScreen } from '../auth/pages/PasswordResetCompleteScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthPasswordResetCompleteConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nconst { useMutation } = ReactRelay;\n\ntype CompletePasswordResetErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'PASSWORD_POLICY_VIOLATION'\n  | 'INTERNAL_ERROR';\n\ntype CompletePasswordResetMutationPayload =\n  MutationPayloadBase<CompletePasswordResetErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficePasswordResetCompletePage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthPasswordResetCompleteConfig();\n  const { t } = useBackofficeReactTranslation();\n  type CompletePasswordResetMutation = MutationParameters & {\n    response: {\n      completePasswordReset?: CompletePasswordResetMutationPayload | null;\n    };\n    variables: { input: { newPassword: string; token: string } };\n  };\n  const [commitReset] = useMutation<CompletePasswordResetMutation>(\n    auth.completePasswordResetMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleCompleteReset = useCallback(\n    async (input: { newPassword: string; token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.passwordResetComplete.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitReset({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.completePasswordReset ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.passwordResetComplete.errors.expired');\n                    case 'PASSWORD_POLICY_VIOLATION':\n                      return t(\n                        'auth.passwordResetComplete.errors.policyViolation',\n                      );\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: () => {\n            reject(new Error(defaultErrorMessage));\n          },\n        });\n      });\n    },\n    [commitReset, t],\n  );\n\n  return (\n    <PasswordResetCompleteScreen\n      onBackToLogin={handleBackToLogin}\n      onCompletePasswordReset={handleCompleteReset}\n    />\n  );\n};\n\nexport default BackofficePasswordResetCompletePage;\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,EAAE,mBAAgB,GAaX,UAAyD;CACpE,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAA8C,EACrD,EAAE,SAAM,GAA+B,EAOvC,CAAC,KAAe,EACpB,EAAK,8BACN;CA+DD,OACE,kBAAC,GAAD;EACE,eA/DsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CA6DlB;EACf,yBA5DwB,EAC1B,OAAO,MAAoE;GACzE,IAAM,IAAiB,EAAE,4CAA4C,EAC/D,IAAsB;GAE5B,OAAO,IAAI,SAAS,GAAS,MAAW;IACtC,EAAY;KACV,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,yBAAyB,MAClC;OACE;OACA,YAAY,MAAW;QACrB,QAAQ,GAAR;SACE,KAAK,iBACH,OAAO;SACT,KAAK,iBACH,OAAO,EAAE,4CAA4C;SACvD,KAAK,6BACH,OAAO,EACL,oDACD;SACH,KAAK,kBACH,OAAO;SACT,SACE,OAAO;;;OAGd,CACF;MACD,IAAI,CAAC,EAAQ,IAAI;OACf,EAAW,MAAM,EAAQ,QAAQ,CAAC;OAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;MACD,IAAI,CAAC,EAAc,IAAI;OACrB,EAAW,MAAM,EAAc,QAAQ,CAAC;OACxC;;MAEF,EAAQ,EAAc,MAAM;;KAE9B,eAAe;MACb,EAAW,MAAM,EAAoB,CAAC;;KAEzC,CAAC;KACF;KAEJ,CAAC,GAAa,EAAE,CAMW;EACzB,CAAA"}

package/lib/esm/pages/BackofficeVerifyEmailPage.js

@@ -7,7 +7,7 @@ import { getBackofficeLoginPath as o } from "../router/backofficeAuthPaths.js";
 import { useCallback as s, useContext as c } from "react";
 import { jsx as l } from "react/jsx-runtime";
 import * as u from "react-relay";
-import { RoutingContext as d } from "@plumile/router";
+import d from "@plumile/router/routing/RoutingContext.js";
 //#region src/pages/BackofficeVerifyEmailPage.tsx
 var { useMutation: f } = u, p = () => {
 	let u = c(d), { basePath: p } = i(), m = a(), { t: h } = e(), [g] = f(m.verifyEmailMutation);

package/lib/esm/pages/BackofficeVerifyEmailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeVerifyEmailPage.js","names":[],"sources":["../../../src/pages/BackofficeVerifyEmailPage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport { RoutingContext } from '@plumile/router';\n\nimport { VerifyEmailScreen } from '../auth/pages/VerifyEmailScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthVerifyEmailConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nconst { useMutation } = ReactRelay;\n\ntype VerifyEmailErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'ALREADY_VERIFIED'\n  | 'INTERNAL_ERROR';\n\ntype VerifyEmailMutationPayload =\n  MutationPayloadBase<VerifyEmailErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficeVerifyEmailPage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthVerifyEmailConfig();\n  const { t } = useBackofficeReactTranslation();\n  type VerifyEmailMutation = MutationParameters & {\n    response: { verifyEmail?: VerifyEmailMutationPayload | null };\n    variables: { input: { token: string } };\n  };\n  const [commitVerify] = useMutation<VerifyEmailMutation>(\n    auth.verifyEmailMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleVerifyEmail = useCallback(\n    async (input: { token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.verifyEmail.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitVerify({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.verifyEmail ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.verifyEmail.errors.expired');\n                    case 'ALREADY_VERIFIED':\n                      return t('auth.verifyEmail.errors.alreadyVerified');\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: () => {\n            reject(new Error(defaultErrorMessage));\n          },\n        });\n      });\n    },\n    [commitVerify, t],\n  );\n\n  return (\n    <VerifyEmailScreen\n      onBackToLogin={handleBackToLogin}\n      onVerifyEmail={handleVerifyEmail}\n    />\n  );\n};\n\nexport default BackofficeVerifyEmailPage;\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,EAAE,mBAAgB,GAaX,UAA+C;CAC1D,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAAoC,EAC3C,EAAE,SAAM,GAA+B,EAKvC,CAAC,KAAgB,EACrB,EAAK,oBACN;CA6DD,OACE,kBAAC,GAAD;EACE,eA7DsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CA2DlB;EACf,eA1DsB,EACxB,OAAO,MAA+C;GACpD,IAAM,IAAiB,EAAE,kCAAkC,EACrD,IAAsB;GAE5B,OAAO,IAAI,SAAS,GAAS,MAAW;IACtC,EAAa;KACX,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,eAAe,MACxB;OACE;OACA,YAAY,MAAW;QACrB,QAAQ,GAAR;SACE,KAAK,iBACH,OAAO;SACT,KAAK,iBACH,OAAO,EAAE,kCAAkC;SAC7C,KAAK,oBACH,OAAO,EAAE,0CAA0C;SACrD,KAAK,kBACH,OAAO;SACT,SACE,OAAO;;;OAGd,CACF;MACD,IAAI,CAAC,EAAQ,IAAI;OACf,EAAW,MAAM,EAAQ,QAAQ,CAAC;OAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;MACD,IAAI,CAAC,EAAc,IAAI;OACrB,EAAW,MAAM,EAAc,QAAQ,CAAC;OACxC;;MAEF,EAAQ,EAAc,MAAM;;KAE9B,eAAe;MACb,EAAW,MAAM,EAAoB,CAAC;;KAEzC,CAAC;KACF;KAEJ,CAAC,GAAc,EAAE,CAMA;EACf,CAAA"}
+{"version":3,"file":"BackofficeVerifyEmailPage.js","names":[],"sources":["../../../src/pages/BackofficeVerifyEmailPage.tsx"],"sourcesContent":["import { useCallback, useContext, type JSX } from 'react';\nimport * as ReactRelay from 'react-relay';\nimport type { MutationParameters } from 'relay-runtime';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { VerifyEmailScreen } from '../auth/pages/VerifyEmailScreen.js';\nimport {\n  type MutationPayloadBase,\n  requireField,\n  resolveMutationOutcome,\n} from '../relay/mutationResult.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeAuthVerifyEmailConfig } from '../provider/useBackofficeLazyValue.js';\nimport { getBackofficeLoginPath } from '../router/backofficeAuthPaths.js';\n\nconst { useMutation } = ReactRelay;\n\ntype VerifyEmailErrorReason =\n  | 'INVALID_TOKEN'\n  | 'TOKEN_EXPIRED'\n  | 'ALREADY_VERIFIED'\n  | 'INTERNAL_ERROR';\n\ntype VerifyEmailMutationPayload =\n  MutationPayloadBase<VerifyEmailErrorReason> & {\n    success?: boolean | null;\n  };\n\nexport const BackofficeVerifyEmailPage = (): JSX.Element => {\n  const routerContext = useContext(RoutingContext);\n  const { basePath } = useBackofficeConfig();\n  const auth = useBackofficeAuthVerifyEmailConfig();\n  const { t } = useBackofficeReactTranslation();\n  type VerifyEmailMutation = MutationParameters & {\n    response: { verifyEmail?: VerifyEmailMutationPayload | null };\n    variables: { input: { token: string } };\n  };\n  const [commitVerify] = useMutation<VerifyEmailMutation>(\n    auth.verifyEmailMutation,\n  );\n\n  const handleBackToLogin = useCallback(() => {\n    routerContext?.history.push({ pathname: getBackofficeLoginPath(basePath) });\n  }, [basePath, routerContext?.history]);\n\n  const handleVerifyEmail = useCallback(\n    async (input: { token: string }): Promise<boolean> => {\n      const invalidMessage = t('auth.verifyEmail.errors.invalid');\n      const defaultErrorMessage = invalidMessage;\n\n      return new Promise((resolve, reject) => {\n        commitVerify({\n          variables: {\n            input,\n          },\n          onCompleted: (response) => {\n            const outcome = resolveMutationOutcome(\n              response.verifyEmail ?? null,\n              {\n                defaultErrorMessage,\n                mapReason: (reason) => {\n                  switch (reason) {\n                    case 'INVALID_TOKEN':\n                      return invalidMessage;\n                    case 'TOKEN_EXPIRED':\n                      return t('auth.verifyEmail.errors.expired');\n                    case 'ALREADY_VERIFIED':\n                      return t('auth.verifyEmail.errors.alreadyVerified');\n                    case 'INTERNAL_ERROR':\n                      return invalidMessage;\n                    default:\n                      return null;\n                  }\n                },\n              },\n            );\n            if (!outcome.ok) {\n              reject(new Error(outcome.message));\n              return;\n            }\n\n            const successResult = requireField(\n              outcome.payload.success ?? null,\n              defaultErrorMessage,\n            );\n            if (!successResult.ok) {\n              reject(new Error(successResult.message));\n              return;\n            }\n            resolve(successResult.value);\n          },\n          onError: () => {\n            reject(new Error(defaultErrorMessage));\n          },\n        });\n      });\n    },\n    [commitVerify, t],\n  );\n\n  return (\n    <VerifyEmailScreen\n      onBackToLogin={handleBackToLogin}\n      onVerifyEmail={handleVerifyEmail}\n    />\n  );\n};\n\nexport default BackofficeVerifyEmailPage;\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,EAAE,mBAAgB,GAaX,UAA+C;CAC1D,IAAM,IAAgB,EAAW,EAAe,EAC1C,EAAE,gBAAa,GAAqB,EACpC,IAAO,GAAoC,EAC3C,EAAE,SAAM,GAA+B,EAKvC,CAAC,KAAgB,EACrB,EAAK,oBACN;CA6DD,OACE,kBAAC,GAAD;EACE,eA7DsB,QAAkB;GAC1C,GAAe,QAAQ,KAAK,EAAE,UAAU,EAAuB,EAAS,EAAE,CAAC;KAC1E,CAAC,GAAU,GAAe,QAAQ,CA2DlB;EACf,eA1DsB,EACxB,OAAO,MAA+C;GACpD,IAAM,IAAiB,EAAE,kCAAkC,EACrD,IAAsB;GAE5B,OAAO,IAAI,SAAS,GAAS,MAAW;IACtC,EAAa;KACX,WAAW,EACT,UACD;KACD,cAAc,MAAa;MACzB,IAAM,IAAU,EACd,EAAS,eAAe,MACxB;OACE;OACA,YAAY,MAAW;QACrB,QAAQ,GAAR;SACE,KAAK,iBACH,OAAO;SACT,KAAK,iBACH,OAAO,EAAE,kCAAkC;SAC7C,KAAK,oBACH,OAAO,EAAE,0CAA0C;SACrD,KAAK,kBACH,OAAO;SACT,SACE,OAAO;;;OAGd,CACF;MACD,IAAI,CAAC,EAAQ,IAAI;OACf,EAAW,MAAM,EAAQ,QAAQ,CAAC;OAClC;;MAGF,IAAM,IAAgB,EACpB,EAAQ,QAAQ,WAAW,MAC3B,EACD;MACD,IAAI,CAAC,EAAc,IAAI;OACrB,EAAW,MAAM,EAAc,QAAQ,CAAC;OACxC;;MAEF,EAAQ,EAAc,MAAM;;KAE9B,eAAe;MACb,EAAW,MAAM,EAAoB,CAAC;;KAEzC,CAAC;KACF;KAEJ,CAAC,GAAc,EAAE,CAMA;EACf,CAAA"}

package/lib/esm/pages/backofficeDashboardPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeDashboardPage.css.js","names":[],"sources":["../../../src/pages/backofficeDashboardPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui';\n\nexport const tileBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const loadingBody = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const tileCount = sprinkles({\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: 1,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeDashboardPage.css.js","names":[],"sources":["../../../src/pages/backofficeDashboardPage.css.ts"],"sourcesContent":["import { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const tileBody = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n\nexport const loadingBody = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  color: 'textMuted',\n  fontSize: 'sm',\n});\n\nexport const tileCount = sprinkles({\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: 1,\n});\n"],"mappings":""}

package/lib/esm/pages/backofficeEntityDetailPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityDetailPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityDetailPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles, vars } from '@plumile/ui';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const headerActionGroup = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerRelationGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  {\n    '@media': {\n      'screen and (min-width: 768px)': {\n        paddingLeft: vars.spacing[2],\n        borderLeft: `1px solid ${vars.colors.borderSubtle}`,\n      },\n    },\n  },\n]);\n\nexport const headerBlock = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const headerMeta = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerMetaList = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityDetailPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityDetailPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\nimport { vars } from '@plumile/ui/theme/themeContract.js';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n  minWidth: 0,\n});\n\nexport const headerActionGroup = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerRelationGroup = style([\n  sprinkles({\n    display: 'flex',\n    alignItems: 'center',\n  }),\n  {\n    '@media': {\n      'screen and (min-width: 768px)': {\n        paddingLeft: vars.spacing[2],\n        borderLeft: `1px solid ${vars.colors.borderSubtle}`,\n      },\n    },\n  },\n]);\n\nexport const headerBlock = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 3,\n});\n\nexport const headerMeta = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const headerMetaList = sprinkles({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 2,\n});\n"],"mappings":""}

package/lib/esm/pages/backofficeEntityListPage.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"backofficeEntityListPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityListPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = style({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '2rem',\n  height: '2rem',\n  flexShrink: 0,\n});\n"],"mappings":""}
+{"version":3,"file":"backofficeEntityListPage.css.js","names":[],"sources":["../../../src/pages/backofficeEntityListPage.css.ts"],"sourcesContent":["import { style } from '@vanilla-extract/css';\nimport { sprinkles } from '@plumile/ui/theme/sprinkles.css.js';\n\nexport const headerActions = sprinkles({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 2,\n  flexWrap: 'wrap',\n});\n\nexport const actionsColumnCell = style({\n  justifyContent: 'flex-end',\n});\n\nexport const actionTrigger = style({\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: '2rem',\n  height: '2rem',\n  flexShrink: 0,\n});\n"],"mappings":""}

package/lib/esm/pages/dashboard/DashboardMetricGroup.js

@@ -1,22 +1,23 @@
 import { card as e, group as t, link as n } from "./dashboardMetricGroup.css.js";
-import { MetricCard as r, MetricTileGroup as i } from "@plumile/ui";
-import { Fragment as a, jsx as o } from "react/jsx-runtime";
-import { Link as s } from "@plumile/router";
+import { Fragment as r, jsx as i } from "react/jsx-runtime";
+import a from "@plumile/router/routing/Link.js";
+import { MetricCard as o } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
+import { MetricTileGroup as s } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
 //#region src/pages/dashboard/DashboardMetricGroup.tsx
-var c = ({ metrics: c, emptyState: l = null }) => c.length === 0 ? /* @__PURE__ */ o(a, { children: l }) : /* @__PURE__ */ o(i, {
+var c = ({ metrics: c, emptyState: l = null }) => c.length === 0 ? /* @__PURE__ */ i(r, { children: l }) : /* @__PURE__ */ i(s, {
 	className: t,
-	children: c.map((t, i) => {
-		let a = `${t.id}-${i}`, c = /* @__PURE__ */ o(r, {
+	children: c.map((t, r) => {
+		let s = `${t.id}-${r}`, c = /* @__PURE__ */ i(o, {
 			className: e,
 			label: t.label,
 			value: t.value,
 			hint: t.hint
-		}, a);
-		return t.href == null ? c : /* @__PURE__ */ o(s, {
+		}, s);
+		return t.href == null ? c : /* @__PURE__ */ i(a, {
 			to: t.href,
 			className: n,
 			children: c
-		}, a);
+		}, s);
 	})
 });
 //#endregion

package/lib/esm/pages/dashboard/DashboardMetricGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardMetricGroup.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardMetricGroup.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport { Link } from '@plumile/router';\nimport { MetricCard, MetricTileGroup } from '@plumile/ui';\n\nimport * as styles from './dashboardMetricGroup.css.js';\n\nexport type DashboardMetricItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n  hint?: ReactNode;\n  href?: string;\n};\n\nexport type DashboardMetricGroupProps = {\n  metrics: readonly DashboardMetricItem[];\n  emptyState?: ReactNode;\n};\n\nexport const DashboardMetricGroup = ({\n  metrics,\n  emptyState = null,\n}: DashboardMetricGroupProps): JSX.Element => {\n  if (metrics.length === 0) {\n    return <>{emptyState}</>;\n  }\n\n  return (\n    <MetricTileGroup className={styles.group}>\n      {metrics.map((metric, index) => {\n        const key = `${metric.id}-${index}`;\n        const card = (\n          <MetricCard\n            key={key}\n            className={styles.card}\n            label={metric.label}\n            value={metric.value}\n            hint={metric.hint}\n          />\n        );\n\n        if (metric.href == null) {\n          return card;\n        }\n\n        return (\n          <Link key={key} to={metric.href} className={styles.link}>\n            {card}\n          </Link>\n        );\n      })}\n    </MetricTileGroup>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAa,KAAwB,EACnC,YACA,gBAAa,WAET,EAAQ,WAAW,IACd,kBAAA,GAAA,EAAA,UAAG,GAAc,CAAA,GAIxB,kBAAC,GAAD;CAAiB,WAAW;WACzB,EAAQ,KAAK,GAAQ,MAAU;EAC9B,IAAM,IAAM,GAAG,EAAO,GAAG,GAAG,KACtB,IACJ,kBAAC,GAAD;GAEE,WAAW;GACX,OAAO,EAAO;GACd,OAAO,EAAO;GACd,MAAM,EAAO;GACb,EALK,EAKL;EAOJ,OAJI,EAAO,QAAQ,OACV,IAIP,kBAAC,GAAD;GAAgB,IAAI,EAAO;GAAM,WAAW;aACzC;GACI,EAFI,EAEJ;GAET;CACc,CAAA"}
+{"version":3,"file":"DashboardMetricGroup.js","names":[],"sources":["../../../../src/pages/dashboard/DashboardMetricGroup.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\nimport Link from '@plumile/router/routing/Link.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\n\nimport * as styles from './dashboardMetricGroup.css.js';\n\nexport type DashboardMetricItem = {\n  id: string;\n  label: ReactNode;\n  value: ReactNode;\n  hint?: ReactNode;\n  href?: string;\n};\n\nexport type DashboardMetricGroupProps = {\n  metrics: readonly DashboardMetricItem[];\n  emptyState?: ReactNode;\n};\n\nexport const DashboardMetricGroup = ({\n  metrics,\n  emptyState = null,\n}: DashboardMetricGroupProps): JSX.Element => {\n  if (metrics.length === 0) {\n    return <>{emptyState}</>;\n  }\n\n  return (\n    <MetricTileGroup className={styles.group}>\n      {metrics.map((metric, index) => {\n        const key = `${metric.id}-${index}`;\n        const card = (\n          <MetricCard\n            key={key}\n            className={styles.card}\n            label={metric.label}\n            value={metric.value}\n            hint={metric.hint}\n          />\n        );\n\n        if (metric.href == null) {\n          return card;\n        }\n\n        return (\n          <Link key={key} to={metric.href} className={styles.link}>\n            {card}\n          </Link>\n        );\n      })}\n    </MetricTileGroup>\n  );\n};\n"],"mappings":";;;;;;AAoBA,IAAa,KAAwB,EACnC,YACA,gBAAa,WAET,EAAQ,WAAW,IACd,kBAAA,GAAA,EAAA,UAAG,GAAc,CAAA,GAIxB,kBAAC,GAAD;CAAiB,WAAW;WACzB,EAAQ,KAAK,GAAQ,MAAU;EAC9B,IAAM,IAAM,GAAG,EAAO,GAAG,GAAG,KACtB,IACJ,kBAAC,GAAD;GAEE,WAAW;GACX,OAAO,EAAO;GACd,OAAO,EAAO;GACd,MAAM,EAAO;GACb,EALK,EAKL;EAOJ,OAJI,EAAO,QAAQ,OACV,IAIP,kBAAC,GAAD;GAAgB,IAAI,EAAO;GAAM,WAAW;aACzC;GACI,EAFI,EAEJ;GAET;CACc,CAAA"}