@plumile/backoffice-react 0.1.67 → 0.1.69

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js

@@ -1,23 +1,22 @@
 import { EntityPickerRowBase as e } from "./EntityPickerRowBase.js";
 import { jsx as t } from "react/jsx-runtime";
-import { Button as n } from "@plumile/ui";
-import { BackofficeEmptyState as r } from "@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js";
+import { BackofficeEmptyState as n, Button as r } from "@plumile/ui";
 //#region src/components/backoffice/pickers/shared/EntityPickerList.tsx
-var i = ({ items: i, onSelectId: a, emptyState: o }) => i.length === 0 ? o ?? /* @__PURE__ */ t(r, {
+var i = ({ items: i, onSelectId: a, emptyState: o }) => i.length === 0 ? o ?? /* @__PURE__ */ t(n, {
 	title: "No result",
 	description: "Try another search term."
-}) : /* @__PURE__ */ t("div", { children: i.map((r) => /* @__PURE__ */ t(n, {
+}) : /* @__PURE__ */ t("div", { children: i.map((n) => /* @__PURE__ */ t(r, {
 	type: "button",
 	variant: "text",
 	onClick: () => {
-		a(r.id);
+		a(n.id);
 	},
 	width: "full",
 	children: /* @__PURE__ */ t(e, {
-		title: r.title,
-		subtitle: r.subtitle
+		title: n.title,
+		subtitle: n.subtitle
 	})
-}, r.id)) });
+}, n.id)) });
 //#endregion
 export { i as EntityPickerList, i as default };
 

package/lib/esm/components/backoffice/pickers/shared/EntityPickerList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\nimport { BackofficeEmptyState } from '@plumile/ui/backoffice/molecules/backoffice_empty_state/BackofficeEmptyState.js';\n\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title=\"No result\"\n          description=\"Try another search term.\"\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\n      {items.map((item) => {\n        return (\n          <Button\n            key={item.id}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n            width=\"full\"\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n"],"mappings":";;;;;AAcA,IAAa,KAAoB,EAC/B,UACA,eACA,oBAEI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;CACE,OAAM;CACN,aAAY;CACZ,CAAA,GAMN,kBAAC,OAAD,EAAA,UACG,EAAM,KAAK,MAER,kBAAC,GAAD;CAEE,MAAK;CACL,SAAQ;CACR,eAAe;AACb,IAAW,EAAK,GAAG;;CAErB,OAAM;WAEN,kBAAC,GAAD;EAAqB,OAAO,EAAK;EAAO,UAAU,EAAK;EAAY,CAAA;CAC5D,EATF,EAAK,GASH,CAEX,EACE,CAAA"}
+{"version":3,"file":"EntityPickerList.js","names":[],"sources":["../../../../../../src/components/backoffice/pickers/shared/EntityPickerList.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { BackofficeEmptyState, Button } from '@plumile/ui';\n\nimport { EntityPickerRowBase } from './EntityPickerRowBase.js';\nimport type { EntityPickerRowViewModel } from '../types.js';\n\nexport type EntityPickerListProps = {\n  items: readonly EntityPickerRowViewModel[];\n  onSelectId: (id: string) => void;\n  emptyState?: JSX.Element;\n};\n\nexport const EntityPickerList = ({\n  items,\n  onSelectId,\n  emptyState,\n}: EntityPickerListProps): JSX.Element => {\n  if (items.length === 0) {\n    return (\n      emptyState ?? (\n        <BackofficeEmptyState\n          title=\"No result\"\n          description=\"Try another search term.\"\n        />\n      )\n    );\n  }\n\n  return (\n    <div>\n      {items.map((item) => {\n        return (\n          <Button\n            key={item.id}\n            type=\"button\"\n            variant=\"text\"\n            onClick={() => {\n              onSelectId(item.id);\n            }}\n            width=\"full\"\n          >\n            <EntityPickerRowBase title={item.title} subtitle={item.subtitle} />\n          </Button>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default EntityPickerList;\n"],"mappings":";;;;AAaA,IAAa,KAAoB,EAC/B,UACA,eACA,oBAEI,EAAM,WAAW,IAEjB,KACE,kBAAC,GAAD;CACE,OAAM;CACN,aAAY;CACZ,CAAA,GAMN,kBAAC,OAAD,EAAA,UACG,EAAM,KAAK,MAER,kBAAC,GAAD;CAEE,MAAK;CACL,SAAQ;CACR,eAAe;AACb,IAAW,EAAK,GAAG;;CAErB,OAAM;WAEN,kBAAC,GAAD;EAAqB,OAAO,EAAK;EAAO,UAAU,EAAK;EAAY,CAAA;CAC5D,EATF,EAAK,GASH,CAEX,EACE,CAAA"}

package/lib/esm/components/backoffice/routing/BackofficeContentError.js

@@ -1,8 +1,7 @@
 import { useBackofficeReactTranslation as e } from "../../../i18n/useBackofficeReactTranslation.js";
 import { banner as t, root as n } from "./backofficeContentError.css.js";
 import { jsx as r } from "react/jsx-runtime";
-import { Button as i } from "@plumile/ui";
-import { InlineBanner as a } from "@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js";
+import { Button as i, InlineBanner as a } from "@plumile/ui";
 //#region src/components/backoffice/routing/BackofficeContentError.tsx
 var o = (e) => {
 	if (e instanceof Error) {

package/lib/esm/components/backoffice/routing/BackofficeContentError.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '@plumile/ui';\nimport { InlineBanner } from '@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nconst resolveErrorMessage = (error: unknown): string | null => {\n  if (error instanceof Error) {\n    const message = error.message.trim();\n    if (message.length > 0) {\n      return message;\n    }\n    return null;\n  }\n  if (typeof error === 'string') {\n    const message = error.trim();\n    if (message.length > 0) {\n      return message;\n    }\n    return null;\n  }\n  return null;\n};\n\nexport const BackofficeContentError = ({\n  error,\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const description = resolveErrorMessage(error);\n\n  return (\n    <div className={styles.root} role=\"alert\">\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {description}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;;AAaA,IAAM,KAAuB,MAAkC;AAC7D,KAAI,aAAiB,OAAO;EAC1B,IAAM,IAAU,EAAM,QAAQ,MAAM;AAIpC,SAHI,EAAQ,SAAS,IACZ,IAEF;;AAET,KAAI,OAAO,KAAU,UAAU;EAC7B,IAAM,IAAU,EAAM,MAAM;AAI5B,SAHI,EAAQ,SAAS,IACZ,IAEF;;AAET,QAAO;GAGI,KAA0B,EACrC,UACA,iBAC8C;CAC9C,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAc,EAAoB,EAAM;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAW;EAAa,MAAK;YAChC,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,uBAAuB;IACnB,CAAA;aAGV;GACY,CAAA;EACX,CAAA"}
+{"version":3,"file":"BackofficeContentError.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentError.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button, InlineBanner } from '@plumile/ui';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\n\nimport * as styles from './backofficeContentError.css.js';\n\ntype BackofficeContentErrorProps = {\n  error: unknown;\n  onRetry: () => void;\n};\n\nconst resolveErrorMessage = (error: unknown): string | null => {\n  if (error instanceof Error) {\n    const message = error.message.trim();\n    if (message.length > 0) {\n      return message;\n    }\n    return null;\n  }\n  if (typeof error === 'string') {\n    const message = error.trim();\n    if (message.length > 0) {\n      return message;\n    }\n    return null;\n  }\n  return null;\n};\n\nexport const BackofficeContentError = ({\n  error,\n  onRetry,\n}: BackofficeContentErrorProps): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  const description = resolveErrorMessage(error);\n\n  return (\n    <div className={styles.root} role=\"alert\">\n      <InlineBanner\n        tone=\"danger\"\n        className={styles.banner}\n        actions={\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            size=\"small\"\n            onClick={onRetry}\n          >\n            {t('common.actions.retry')}\n          </Button>\n        }\n      >\n        {description}\n      </InlineBanner>\n    </div>\n  );\n};\n\nexport default BackofficeContentError;\n"],"mappings":";;;;;AAYA,IAAM,KAAuB,MAAkC;AAC7D,KAAI,aAAiB,OAAO;EAC1B,IAAM,IAAU,EAAM,QAAQ,MAAM;AAIpC,SAHI,EAAQ,SAAS,IACZ,IAEF;;AAET,KAAI,OAAO,KAAU,UAAU;EAC7B,IAAM,IAAU,EAAM,MAAM;AAI5B,SAHI,EAAQ,SAAS,IACZ,IAEF;;AAET,QAAO;GAGI,KAA0B,EACrC,UACA,iBAC8C;CAC9C,IAAM,EAAE,SAAM,GAA+B,EACvC,IAAc,EAAoB,EAAM;AAE9C,QACE,kBAAC,OAAD;EAAK,WAAW;EAAa,MAAK;YAChC,kBAAC,GAAD;GACE,MAAK;GACL,WAAW;GACX,SACE,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,SAAS;cAER,EAAE,uBAAuB;IACnB,CAAA;aAGV;GACY,CAAA;EACX,CAAA"}

package/lib/esm/components/backoffice/routing/BackofficeContentFallback.js

@@ -1,6 +1,6 @@
 import { card as e, container as t, grid as n, title as r } from "./backofficeContentFallback.css.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Skeleton as o } from "@plumile/ui/backoffice/atoms/skeleton/Skeleton.js";
+import { Skeleton as o } from "@plumile/ui";
 //#region src/components/backoffice/routing/BackofficeContentFallback.tsx
 var s = () => /* @__PURE__ */ a("div", {
 	className: t,

package/lib/esm/components/backoffice/routing/BackofficeContentFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeContentFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Skeleton } from '@plumile/ui/backoffice/atoms/skeleton/Skeleton.js';\n\nimport * as styles from './backofficeContentFallback.css.js';\n\nexport const BackofficeContentFallback = (): JSX.Element => {\n  return (\n    <div\n      className={styles.container}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Skeleton variant=\"text\" width=\"38%\" className={styles.title} />\n      <Skeleton variant=\"text\" width=\"62%\" />\n      <div className={styles.grid}>\n        {Array.from({ length: 4 }, (_, index) => {\n          return (\n            <div key={`content-skeleton-${index}`} className={styles.card}>\n              <Skeleton variant=\"text\" width=\"46%\" />\n              <Skeleton variant=\"text\" width=\"82%\" lines={2} />\n              <Skeleton variant=\"block\" width=\"100%\" height={120} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeContentFallback;\n"],"mappings":";;;;AAMA,IAAa,UAET,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ;EAME,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAM,WAAW;GAAgB,CAAA;EAChE,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAQ,CAAA;EACvC,kBAAC,OAAD;GAAK,WAAW;aACb,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,MAE3B,kBAAC,OAAD;IAAuC,WAAW;cAAlD;KACE,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAQ,CAAA;KACvC,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAM,OAAO;MAAK,CAAA;KACjD,kBAAC,GAAD;MAAU,SAAQ;MAAQ,OAAM;MAAO,QAAQ;MAAO,CAAA;KAClD;MAJI,oBAAoB,IAIxB,CAER;GACE,CAAA;EACF"}
+{"version":3,"file":"BackofficeContentFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeContentFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Skeleton } from '@plumile/ui';\n\nimport * as styles from './backofficeContentFallback.css.js';\n\nexport const BackofficeContentFallback = (): JSX.Element => {\n  return (\n    <div\n      className={styles.container}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Skeleton variant=\"text\" width=\"38%\" className={styles.title} />\n      <Skeleton variant=\"text\" width=\"62%\" />\n      <div className={styles.grid}>\n        {Array.from({ length: 4 }, (_, index) => {\n          return (\n            <div key={`content-skeleton-${index}`} className={styles.card}>\n              <Skeleton variant=\"text\" width=\"46%\" />\n              <Skeleton variant=\"text\" width=\"82%\" lines={2} />\n              <Skeleton variant=\"block\" width=\"100%\" height={120} />\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default BackofficeContentFallback;\n"],"mappings":";;;;AAMA,IAAa,UAET,kBAAC,OAAD;CACE,WAAW;CACX,MAAK;CACL,aAAU;CACV,aAAU;WAJZ;EAME,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAM,WAAW;GAAgB,CAAA;EAChE,kBAAC,GAAD;GAAU,SAAQ;GAAO,OAAM;GAAQ,CAAA;EACvC,kBAAC,OAAD;GAAK,WAAW;aACb,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,GAAG,MAE3B,kBAAC,OAAD;IAAuC,WAAW;cAAlD;KACE,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAQ,CAAA;KACvC,kBAAC,GAAD;MAAU,SAAQ;MAAO,OAAM;MAAM,OAAO;MAAK,CAAA;KACjD,kBAAC,GAAD;MAAU,SAAQ;MAAQ,OAAM;MAAO,QAAQ;MAAO,CAAA;KAClD;MAJI,oBAAoB,IAIxB,CAER;GACE,CAAA;EACF"}

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js

@@ -1,7 +1,7 @@
 import { label as e, root as t } from "./backofficeRouteFallback.css.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useTranslation as i } from "react-i18next";
-import { Spinner as a } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { Spinner as a } from "@plumile/ui";
 //#region src/components/backoffice/routing/BackofficeRouteFallback.tsx
 var o = () => {
 	let { t: o, i18n: s } = i("backofficeReact", { useSuspense: !1 }), c = "Loading...";

package/lib/esm/components/backoffice/routing/BackofficeRouteFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;;AAOA,IAAa,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;AAKZ,QAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAI3B,kBAAC,OAAD;EACE,WAAW;EACX,MAAK;EACL,aAAU;EACV,aAAU;YAJZ,CAME,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA,EACrB,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAY,CAAA,CACvC"}
+{"version":3,"file":"BackofficeRouteFallback.js","names":[],"sources":["../../../../../src/components/backoffice/routing/BackofficeRouteFallback.tsx"],"sourcesContent":["import { type JSX } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport { Spinner } from '@plumile/ui';\n\nimport * as styles from './backofficeRouteFallback.css.js';\n\nexport const BackofficeRouteFallback = (): JSX.Element => {\n  const { t, i18n } = useTranslation('backofficeReact', {\n    useSuspense: false,\n  });\n  let label = 'Loading...';\n  if (i18n.isInitialized) {\n    label = t('common.loading');\n  }\n\n  return (\n    <div\n      className={styles.root}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy=\"true\"\n    >\n      <Spinner size={28} />\n      <div className={styles.label}>{label}</div>\n    </div>\n  );\n};\n\nexport default BackofficeRouteFallback;\n"],"mappings":";;;;;AAOA,IAAa,UAA6C;CACxD,IAAM,EAAE,MAAG,YAAS,EAAe,mBAAmB,EACpD,aAAa,IACd,CAAC,EACE,IAAQ;AAKZ,QAJI,EAAK,kBACP,IAAQ,EAAE,iBAAiB,GAI3B,kBAAC,OAAD;EACE,WAAW;EACX,MAAK;EACL,aAAU;EACV,aAAU;YAJZ,CAME,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA,EACrB,kBAAC,OAAD;GAAK,WAAW;aAAe;GAAY,CAAA,CACvC"}

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js

@@ -7,16 +7,9 @@ import { BackofficeListFilterProvider as o } from "./BackofficeListFilterContext
 import { controlsRow as s, embeddedContainer as c, embeddedHeader as l, filterInput as ee } from "./backofficeEntityListScaffold.css.js";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { useTranslation as te } from "react-i18next";
-import { BackofficeEmptyState as p, BackofficeFilterDrawer as ne, BackofficeFilterField as re, BackofficePageHeader as ie, BackofficeTableToolbar as ae, Button as m, SimpleSelect as h } from "@plumile/ui";
+import { BackofficeEmptyState as p, BackofficeFilterDrawer as ne, BackofficeFilterField as re, BackofficeLoadMore as ie, BackofficePageHeader as ae, BackofficeTableSkeleton as oe, BackofficeTableToolbar as se, BackofficeVirtualizedConnectionTable as ce, Button as m, FilterChipRow as le, GlobalSearchInput as ue, InlineBanner as de, ListPageTemplate as fe, SimpleSelect as h } from "@plumile/ui";
 import { useCallback as g, useMemo as _, useState as v } from "react";
 import { readWhereValue as y, setWhereValue as b } from "@plumile/backoffice-core/filters/where.js";
-import { BackofficeTableSkeleton as oe } from "@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js";
-import { BackofficeLoadMore as se } from "@plumile/ui/backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js";
-import { BackofficeVirtualizedConnectionTable as ce } from "@plumile/ui/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js";
-import { FilterChipRow as le } from "@plumile/ui/backoffice/molecules/filter_chip_row/FilterChipRow.js";
-import { GlobalSearchInput as ue } from "@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js";
-import { InlineBanner as de } from "@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js";
-import { ListPageTemplate as fe } from "@plumile/ui/backoffice/templates/list_page_template/ListPageTemplate.js";
 import { denseTableClass as pe } from "@plumile/ui/shared/backofficeTableDensity.css.js";
 //#region src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx
 var x = (e, t) => e(t), S = (e, t) => e.fromGraphQL != null && t != null ? e.fromGraphQL(t) : y(t, e.whereKey ?? e.id, e.path), me = (e, t, n) => {
@@ -368,7 +361,7 @@ var x = (e, t) => e(t), S = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 			isLoadingMore: A,
 			onLoadMore: _e
 		})
-	}), Q = be ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ae, {
+	}), Q = be ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(se, {
 		searchSlot: we,
 		filtersSlot: /* @__PURE__ */ f(u, { children: [Ce, Oe] }),
 		sortSlot: Te,
@@ -399,7 +392,7 @@ var x = (e, t) => e(t), S = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 				where: t
 			});
 		}
-	})] }), $ = /* @__PURE__ */ d(se, {
+	})] }), $ = /* @__PURE__ */ d(ie, {
 		hasNextPage: k,
 		isLoading: A,
 		meta: je,
@@ -428,7 +421,7 @@ var x = (e, t) => e(t), S = (e, t) => e.fromGraphQL != null && t != null ? e.fro
 		state: T,
 		pushState: E,
 		children: /* @__PURE__ */ d(fe, {
-			headerNode: /* @__PURE__ */ d(ie, {
+			headerNode: /* @__PURE__ */ d(ae, {
 				title: Z,
 				subtitle: Me,
 				actions: ve

package/lib/esm/components/backoffice/scaffolds/BackofficeEntityListScaffold.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityListScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  BackofficeEmptyState,\n  BackofficeFilterDrawer,\n  BackofficeFilterField,\n  BackofficePageHeader,\n  BackofficeTableToolbar,\n  Button,\n  SimpleSelect,\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui';\nimport { BackofficeLoadMore } from '@plumile/ui/backoffice/molecules/backoffice_load_more/BackofficeLoadMore.js';\nimport { BackofficeTableSkeleton } from '@plumile/ui/backoffice/molecules/backoffice_table_skeleton/BackofficeTableSkeleton.js';\nimport { BackofficeVirtualizedConnectionTable } from '@plumile/ui/backoffice/organisms/backoffice_virtualized_connection_table/BackofficeVirtualizedConnectionTable.js';\nimport {\n  FilterChipRow,\n  type FilterChip,\n} from '@plumile/ui/backoffice/molecules/filter_chip_row/FilterChipRow.js';\nimport { GlobalSearchInput } from '@plumile/ui/backoffice/molecules/global_search_input/GlobalSearchInput.js';\nimport { InlineBanner } from '@plumile/ui/backoffice/molecules/inline_banner/InlineBanner.js';\nimport { ListPageTemplate } from '@plumile/ui/backoffice/templates/list_page_template/ListPageTemplate.js';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport {\n  EntityFilterValue,\n  EntityFilterValueText,\n} from '../filters/EntityFilterValue.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { denseTableClass } from '@plumile/ui/shared/backofficeTableDensity.css.js';\n\nimport * as styles from './backofficeEntityListScaffold.css.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst getFilterValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  where: Where | null,\n): unknown => {\n  if (filter.fromGraphQL != null && where != null) {\n    return filter.fromGraphQL(where);\n  }\n\n  const key = (filter.whereKey ?? filter.id) as keyof Where;\n  return readWhereValue(where, key, filter.path);\n};\n\nconst getFilterDisplayValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  raw: unknown,\n  options: {\n    enumLabel: (value: string) => string;\n    booleanLabel: (value: boolean) => string;\n    fallbackBooleanLabels: { yes: string; no: string };\n  },\n): ReactNode | null => {\n  if (raw == null) {\n    return null;\n  }\n\n  if (Array.isArray(raw)) {\n    const normalized = raw\n      .map((entry) => {\n        if (entry == null) {\n          return null;\n        }\n        if (\n          typeof entry !== 'string' &&\n          typeof entry !== 'number' &&\n          typeof entry !== 'boolean'\n        ) {\n          return null;\n        }\n        const value = String(entry).trim();\n        if (value === '') {\n          return null;\n        }\n        return value;\n      })\n      .filter((entry): entry is string => {\n        return entry != null;\n      });\n\n    if (normalized.length === 0) {\n      return null;\n    }\n    return normalized.join(', ');\n  }\n\n  if (typeof raw === 'boolean') {\n    if (filter.kind === 'boolean') {\n      return options.booleanLabel(raw);\n    }\n    if (raw) {\n      return options.fallbackBooleanLabels.yes;\n    }\n    return options.fallbackBooleanLabels.no;\n  }\n\n  if (typeof raw !== 'string' && typeof raw !== 'number') {\n    return null;\n  }\n\n  const rawString = String(raw).trim();\n  if (rawString === '') {\n    return null;\n  }\n\n  if (filter.kind === 'entityId') {\n    return <EntityFilterValue entityId={filter.entity} id={rawString} />;\n  }\n\n  if (filter.kind === 'enum') {\n    return options.enumLabel(rawString);\n  }\n\n  return rawString;\n};\n\ntype Props<\n  RowView,\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeResolvedListFacetConfig<Where, Sort>;\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n  header?: {\n    title?: string;\n    subtitle?: string;\n  };\n  headerActions?: ReactNode;\n  rows: readonly RowView[];\n  getRowId: GetRowId<RowView>;\n  columns: readonly DataTableColumn<RowView>[];\n  gridTemplateColumns?: string;\n  hasNextPage: boolean;\n  isLoadingMore: boolean;\n  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <\n  RowView,\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  props: Props<RowView, Where, Sort>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const {\n    config,\n    state,\n    pushState,\n    rows,\n    getRowId,\n    columns,\n    gridTemplateColumns,\n    hasNextPage,\n    isLoadingMore,\n    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    virtualize = true,\n    variant = 'page',\n    showFilters = true,\n  } = props;\n  const listConfig = config.list;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = columns.some((col) => {\n      return col.isPrimary === true;\n    });\n    if (hasPrimary || columns.length === 0) {\n      return columns;\n    }\n    return columns.map((col, index) => {\n      const { header } = col;\n      if (index === 0) {\n        return { ...col, isPrimary: true, header };\n      }\n      return { ...col, header };\n    });\n  }, [columns]);\n\n  const chips = useMemo<readonly FilterChip[]>(() => {\n    const out: FilterChip[] = [];\n    for (const filter of listConfig.filters) {\n      const raw = getFilterValue(filter, state.where);\n      const displayValue = getFilterDisplayValue(filter, raw, {\n        enumLabel: (value) => {\n          if (filter.kind !== 'enum') {\n            return value;\n          }\n          const match = filter.options.find((option) => {\n            return option.value === value;\n          });\n          if (match != null) {\n            return resolveLabel(match.label, tApp);\n          }\n          return value;\n        },\n        booleanLabel: (value) => {\n          if (filter.kind === 'boolean') {\n            if (value && filter.trueLabel != null) {\n              return resolveLabel(filter.trueLabel, tApp);\n            }\n            if (!value && filter.falseLabel != null) {\n              return resolveLabel(filter.falseLabel, tApp);\n            }\n          }\n          if (value) {\n            return t('filters.boolean.yes');\n          }\n          return t('filters.boolean.no');\n        },\n        fallbackBooleanLabels: {\n          yes: t('filters.boolean.yes'),\n          no: t('filters.boolean.no'),\n        },\n      });\n\n      if (displayValue != null) {\n        let idValue = String(raw);\n        if (Array.isArray(raw)) {\n          idValue = raw.join(',');\n        }\n        const label = (\n          <span>\n            {resolveLabel(filter.label, tApp)}: {displayValue}\n          </span>\n        );\n        out.push({\n          id: `${filter.id}:${idValue}`,\n          label,\n          onRemove: () => {\n            const key = (filter.whereKey ?? filter.id) as keyof Where;\n            const nextWhere = setWhereValue(\n              state.where,\n              key,\n              null,\n              filter.path,\n            );\n            pushState({ ...state, where: nextWhere });\n          },\n        });\n      }\n    }\n    return out;\n  }, [listConfig.filters, pushState, state, t, tApp]);\n\n  const handleClearAll = useCallback(() => {\n    pushState({\n      ...listDefaults,\n    });\n  }, [listDefaults, pushState]);\n  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);\n  const [filterSearch, setFilterSearch] = useState('');\n\n  const [pickerDialog, setPickerDialog] = useState<{\n    entity: string;\n    whereKey: keyof Where;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<Where>): JSX.Element => {\n      const key = (filter.whereKey ?? filter.id) as keyof Where;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = candidate;\n      }\n\n      const filterLabelText = resolveLabel(filter.label, tApp);\n\n      if (filter.kind === 'text') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <GlobalSearchInput\n            value={value}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            className={styles.filterInput}\n          />\n        );\n      }\n\n      if (filter.kind === 'enum') {\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          ...filter.options.map((option) => {\n            return {\n              id: option.value,\n              value: option.value,\n              label: resolveLabel(option.label, tApp),\n            };\n          }),\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={value}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      if (filter.kind === 'boolean') {\n        let current: boolean | null = null;\n        if (typeof candidate === 'boolean') {\n          current = candidate;\n        }\n\n        let selectValue = '';\n        if (current === true) {\n          selectValue = 'true';\n        }\n        if (current === false) {\n          selectValue = 'false';\n        }\n\n        const trueLabel =\n          filter.trueLabel != null\n            ? resolveLabel(filter.trueLabel, tApp)\n            : t('filters.boolean.yes');\n        const falseLabel =\n          filter.falseLabel != null\n            ? resolveLabel(filter.falseLabel, tApp)\n            : t('filters.boolean.no');\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          {\n            id: 'true',\n            value: 'true',\n            label: trueLabel,\n          },\n          {\n            id: 'false',\n            value: 'false',\n            label: falseLabel,\n          },\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={selectValue}\n            onChange={(next) => {\n              let parsed: boolean | null = null;\n              if (next === 'true') {\n                parsed = true;\n              }\n              if (next === 'false') {\n                parsed = false;\n              }\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                parsed,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      const pickerScope = (() => {\n        if (filter.pickerScope == null) {\n          return undefined;\n        }\n        if (typeof filter.pickerScope === 'function') {\n          return filter.pickerScope(state.where);\n        }\n        return filter.pickerScope;\n      })();\n      let currentId: string | null = null;\n      if (typeof candidate === 'string') {\n        currentId = candidate;\n      }\n\n      const renderField = (displayValue: string | null = null) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\n            onPick={() => {\n              setPickerDialog({\n                entity: filter.entity,\n                whereKey: key,\n                label: filterLabelText,\n                path: filter.path,\n                scope: pickerScope,\n              });\n            }}\n            onClear={() => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      };\n\n      if (currentId == null || currentId.trim() === '') {\n        return renderField();\n      }\n\n      return (\n        <EntityFilterValueText entityId={filter.entity} id={currentId}>\n          {(label) => {\n            return renderField(label);\n          }}\n        </EntityFilterValueText>\n      );\n    },\n    [pushState, state, t, tApp],\n  );\n\n  const hasPlacementConfig = useMemo(() => {\n    return listConfig.filters.some((filter) => {\n      return filter.placement != null;\n    });\n  }, [listConfig.filters]);\n\n  const quickFilters = useMemo(() => {\n    if (listConfig.filters.length === 0) {\n      return [];\n    }\n    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, 3);\n  }, [listConfig.filters, hasPlacementConfig]);\n\n  const drawerFilters = useMemo(() => {\n    return listConfig.filters.filter((filter) => {\n      if (filter.placement == null) {\n        return true;\n      }\n      return filter.placement === 'drawer' || filter.placement === 'both';\n    });\n  }, [listConfig.filters]);\n\n  const searchFilter = useMemo(() => {\n    return quickFilters.find((filter) => {\n      return filter.kind === 'text';\n    });\n  }, [quickFilters]);\n\n  const quickFiltersNode = useMemo(() => {\n    const visibleQuickFilters = quickFilters.filter((filter) => {\n      return filter !== searchFilter;\n    });\n\n    if (visibleQuickFilters.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={styles.controlsRow}>\n        {visibleQuickFilters.map((filter) => {\n          return <span key={filter.id}>{renderFilterControl(filter)}</span>;\n        })}\n      </div>\n    );\n  }, [quickFilters, renderFilterControl, searchFilter]);\n\n  const searchNode = useMemo(() => {\n    if (searchFilter == null) {\n      return null;\n    }\n    return renderFilterControl(searchFilter);\n  }, [renderFilterControl, searchFilter]);\n\n  const sortNode = useMemo(() => {\n    if (listConfig.sorts.length === 0) {\n      return null;\n    }\n    const firstSort = listConfig.sorts[0];\n    if (firstSort == null) {\n      return null;\n    }\n    const options = listConfig.sorts.map((s) => {\n      return { id: s.id, value: s.id, label: resolveLabel(s.label, tApp) };\n    });\n    return (\n      <SimpleSelect\n        options={options}\n        value={state.sort ?? firstSort.id}\n        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next as Sort,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, tApp]);\n\n  const chipsNode = useMemo(() => {\n    return <FilterChipRow chips={chips} onClearAll={handleClearAll} />;\n  }, [chips, handleClearAll]);\n\n  const drawerSections = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return [];\n    }\n\n    const normalizedQuery = filterSearch.trim().toLowerCase();\n    const items: { id: string; node: JSX.Element }[] = [];\n\n    for (const filter of drawerFilters) {\n      const resolvedLabel = resolveLabel(filter.label, tApp);\n      const matchesQuery =\n        normalizedQuery === '' ||\n        resolvedLabel.toLowerCase().includes(normalizedQuery);\n\n      if (matchesQuery) {\n        items.push({\n          id: filter.id,\n          node: (\n            <BackofficeFilterField label={resolvedLabel}>\n              {renderFilterControl(filter)}\n            </BackofficeFilterField>\n          ),\n        });\n      }\n    }\n\n    if (items.length === 0) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'backoffice.filters.sections.default',\n        title: t('filters.sections.default'),\n        items,\n      },\n    ];\n  }, [drawerFilters, filterSearch, renderFilterControl, t, tApp]);\n\n  const allFiltersNode = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return null;\n    }\n    const activeCount = chips.length;\n    let label = t('filters.allFilters');\n    if (activeCount > 0) {\n      label = t('filters.allFiltersWithCount', {\n        count: activeCount,\n      });\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        onClick={() => {\n          setIsFilterDrawerOpen(true);\n        }}\n      >\n        {label}\n      </Button>\n    );\n  }, [chips.length, drawerFilters.length, t]);\n\n  const filterDrawerNode = (\n    <BackofficeFilterDrawer\n      isOpen={isFilterDrawerOpen}\n      onClose={() => {\n        setIsFilterDrawerOpen(false);\n        setFilterSearch('');\n      }}\n      sections={drawerSections}\n      searchValue={filterSearch}\n      onSearchChange={(next) => {\n        setFilterSearch(next);\n      }}\n      onReset={handleClearAll}\n    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return <BackofficeTableSkeleton />;\n    }\n\n    if (chips.length > 0) {\n      return (\n        <BackofficeEmptyState\n          title={t('emptyState.listEmpty.title')}\n          description={t('emptyState.listEmptyFiltered.description')}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleClearAll}\n            >\n              {t('emptyState.listEmptyFiltered.actions.reset')}\n            </Button>\n          }\n        />\n      );\n    }\n\n    return (\n      <BackofficeEmptyState\n        title={t('emptyState.listEmpty.title')}\n        description={t('emptyState.listEmpty.description')}\n      />\n    );\n  }, [chips.length, emptyState, handleClearAll, isLoadingInitial, t]);\n\n  const tableFooterMeta = useMemo(() => {\n    if (typeof totalCount !== 'number') {\n      return null;\n    }\n    return (\n      <span>\n        {t('list.showing', {\n          shown: rows.length,\n          total: totalCount,\n        })}\n      </span>\n    );\n  }, [rows.length, t, totalCount]);\n\n  const headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const virtualizationConfig = useMemo(() => {\n    if (!virtualize) {\n      return { enabled: false, rowHeightPx: 0, overscan: 0 };\n    }\n\n    return { enabled: true, rowHeightPx: 52, overscan: 10 };\n  }, [virtualize]);\n\n  const tableInnerNode = (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={virtualizationConfig}\n      infiniteScroll={{\n        enabled: true,\n        thresholdPx: 800,\n        autoLoad: true,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  );\n\n  const tableNodeWithErrorBoundary = (\n    <BackofficeErrorBoundary\n      fallback={(args: { error: unknown; reset: () => void }) => {\n        const { reset } = args;\n\n        const retry = (): void => {\n          reset();\n          if (onRefresh != null) {\n            onRefresh();\n          }\n        };\n\n        return (\n          <InlineBanner\n            tone=\"danger\"\n            title={t('list.errors.title')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={retry}\n              >\n                {t('list.actions.retry')}\n              </Button>\n            }\n          >\n            {t('list.errors.tableFailed')}\n          </InlineBanner>\n        );\n      }}\n    >\n      {tableInnerNode}\n    </BackofficeErrorBoundary>\n  );\n\n  const filtersBarNode = showFilters ? (\n    <>\n      <BackofficeTableToolbar\n        searchSlot={searchNode}\n        filtersSlot={\n          <>\n            {quickFiltersNode}\n            {allFiltersNode}\n          </>\n        }\n        sortSlot={sortNode}\n        refreshSlot={\n          <Button\n            type=\"button\"\n            variant=\"text\"\n            size=\"small\"\n            disabled={onRefresh == null}\n            onClick={() => {\n              if (onRefresh != null) {\n                onRefresh();\n              }\n            }}\n          >\n            {t('list.actions.refresh')}\n          </Button>\n        }\n        chipsSlot={chipsNode}\n      />\n      {filterDrawerNode}\n    </>\n  ) : null;\n\n  const tableNode = (\n    <div>\n      {tableNodeWithErrorBoundary}\n      <EntityIdPickerDialog\n        isOpen={pickerDialog != null}\n        entity={pickerDialog?.entity ?? config.id}\n        title={pickerDialog?.label ?? t('picker.title')}\n        scope={pickerDialog?.scope}\n        onClose={() => {\n          setPickerDialog(null);\n        }}\n        onSelectId={(id) => {\n          if (pickerDialog == null) {\n            return;\n          }\n          const nextWhere = setWhereValue(\n            state.where,\n            pickerDialog.whereKey,\n            id,\n            pickerDialog.path,\n          );\n          pushState({ ...state, where: nextWhere });\n        }}\n      />\n    </div>\n  );\n\n  const tableFooterNode = (\n    <BackofficeLoadMore\n      hasNextPage={hasNextPage}\n      isLoading={isLoadingMore}\n      meta={tableFooterMeta}\n      loadMoreLabel={t('list.loadMore.more')}\n      endLabel={t('list.loadMore.end')}\n      loadingLabel={t('list.loadMore.loading')}\n    />\n  );\n\n  if (variant === 'embedded') {\n    return (\n      <BackofficeListFilterProvider\n        config={config}\n        state={state}\n        pushState={pushState}\n      >\n        <div className={styles.embeddedContainer}>\n          <div className={styles.embeddedHeader}>{headerTitle}</div>\n          {filtersBarNode}\n          {tableNode}\n          {tableFooterNode}\n        </div>\n      </BackofficeListFilterProvider>\n    );\n  }\n\n  return (\n    <BackofficeListFilterProvider\n      config={config}\n      state={state}\n      pushState={pushState}\n    >\n      <ListPageTemplate\n        headerNode={\n          <BackofficePageHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n          />\n        }\n        toolbarNode={filtersBarNode}\n        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityListScaffold.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeEntityListScaffold.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport {\n  type JSX,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport type { TFunction } from 'i18next';\nimport { useTranslation } from 'react-i18next';\nimport {\n  BackofficeEmptyState,\n  BackofficeFilterDrawer,\n  BackofficeFilterField,\n  BackofficeLoadMore,\n  BackofficePageHeader,\n  BackofficeTableSkeleton,\n  BackofficeTableToolbar,\n  BackofficeVirtualizedConnectionTable,\n  Button,\n  FilterChipRow,\n  GlobalSearchInput,\n  InlineBanner,\n  ListPageTemplate,\n  SimpleSelect,\n  type FilterChip,\n  type DataTableColumn,\n  type GetRowId,\n} from '@plumile/ui';\n\nimport {\n  readWhereValue,\n  setWhereValue,\n} from '@plumile/backoffice-core/filters/where.js';\nimport type {\n  BackofficeFilterSpec,\n  BackofficeListState,\n  BackofficePickerScope,\n  BackofficeResolvedListFacetConfig,\n  I18nLabel,\n} from '@plumile/backoffice-core/types.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\nimport {\n  EntityFilterValue,\n  EntityFilterValueText,\n} from '../filters/EntityFilterValue.js';\nimport { EntityIdPickerDialog } from '../pickers/EntityIdPickerDialog.js';\nimport { EntityIdFilterField } from '../filters/EntityIdFilterField.js';\nimport { BackofficeListFilterProvider } from './BackofficeListFilterContext.js';\nimport { useBackofficeReactTranslation } from '../../../i18n/useBackofficeReactTranslation.js';\nimport { denseTableClass } from '@plumile/ui/shared/backofficeTableDensity.css.js';\n\nimport * as styles from './backofficeEntityListScaffold.css.js';\n\nconst resolveLabel = (label: I18nLabel, tApp: TFunction): string => {\n  return label(tApp);\n};\n\nconst getFilterValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  where: Where | null,\n): unknown => {\n  if (filter.fromGraphQL != null && where != null) {\n    return filter.fromGraphQL(where);\n  }\n\n  const key = (filter.whereKey ?? filter.id) as keyof Where;\n  return readWhereValue(where, key, filter.path);\n};\n\nconst getFilterDisplayValue = <Where extends Record<string, unknown>>(\n  filter: BackofficeFilterSpec<Where>,\n  raw: unknown,\n  options: {\n    enumLabel: (value: string) => string;\n    booleanLabel: (value: boolean) => string;\n    fallbackBooleanLabels: { yes: string; no: string };\n  },\n): ReactNode | null => {\n  if (raw == null) {\n    return null;\n  }\n\n  if (Array.isArray(raw)) {\n    const normalized = raw\n      .map((entry) => {\n        if (entry == null) {\n          return null;\n        }\n        if (\n          typeof entry !== 'string' &&\n          typeof entry !== 'number' &&\n          typeof entry !== 'boolean'\n        ) {\n          return null;\n        }\n        const value = String(entry).trim();\n        if (value === '') {\n          return null;\n        }\n        return value;\n      })\n      .filter((entry): entry is string => {\n        return entry != null;\n      });\n\n    if (normalized.length === 0) {\n      return null;\n    }\n    return normalized.join(', ');\n  }\n\n  if (typeof raw === 'boolean') {\n    if (filter.kind === 'boolean') {\n      return options.booleanLabel(raw);\n    }\n    if (raw) {\n      return options.fallbackBooleanLabels.yes;\n    }\n    return options.fallbackBooleanLabels.no;\n  }\n\n  if (typeof raw !== 'string' && typeof raw !== 'number') {\n    return null;\n  }\n\n  const rawString = String(raw).trim();\n  if (rawString === '') {\n    return null;\n  }\n\n  if (filter.kind === 'entityId') {\n    return <EntityFilterValue entityId={filter.entity} id={rawString} />;\n  }\n\n  if (filter.kind === 'enum') {\n    return options.enumLabel(rawString);\n  }\n\n  return rawString;\n};\n\ntype Props<\n  RowView,\n  Where extends Record<string, unknown>,\n  Sort extends string,\n> = {\n  config: BackofficeResolvedListFacetConfig<Where, Sort>;\n  state: BackofficeListState<Where, Sort>;\n  pushState: (next: BackofficeListState<Where, Sort>) => void;\n  header?: {\n    title?: string;\n    subtitle?: string;\n  };\n  headerActions?: ReactNode;\n  rows: readonly RowView[];\n  getRowId: GetRowId<RowView>;\n  columns: readonly DataTableColumn<RowView>[];\n  gridTemplateColumns?: string;\n  hasNextPage: boolean;\n  isLoadingMore: boolean;\n  onLoadMore: () => void;\n  onRefresh?: () => void;\n  totalCount?: number | null;\n  emptyState?: JSX.Element;\n  isLoadingInitial?: boolean;\n  virtualize?: boolean;\n  variant?: 'page' | 'embedded';\n  showFilters?: boolean;\n};\n\nexport const BackofficeEntityListScaffold = <\n  RowView,\n  Where extends Record<string, unknown>,\n  Sort extends string,\n>(\n  props: Props<RowView, Where, Sort>,\n): JSX.Element | null => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const {\n    config,\n    state,\n    pushState,\n    rows,\n    getRowId,\n    columns,\n    gridTemplateColumns,\n    hasNextPage,\n    isLoadingMore,\n    onLoadMore,\n    onRefresh,\n    totalCount,\n    emptyState,\n    header,\n    headerActions,\n    isLoadingInitial = false,\n    virtualize = true,\n    variant = 'page',\n    showFilters = true,\n  } = props;\n  const listConfig = config.list;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const listDefaults = config.listDefaults ??\n    listConfig.defaultState ?? { where: null, sort: null };\n\n  const columnsWithPrimary = useMemo(() => {\n    const hasPrimary = columns.some((col) => {\n      return col.isPrimary === true;\n    });\n    if (hasPrimary || columns.length === 0) {\n      return columns;\n    }\n    return columns.map((col, index) => {\n      const { header } = col;\n      if (index === 0) {\n        return { ...col, isPrimary: true, header };\n      }\n      return { ...col, header };\n    });\n  }, [columns]);\n\n  const chips = useMemo<readonly FilterChip[]>(() => {\n    const out: FilterChip[] = [];\n    for (const filter of listConfig.filters) {\n      const raw = getFilterValue(filter, state.where);\n      const displayValue = getFilterDisplayValue(filter, raw, {\n        enumLabel: (value) => {\n          if (filter.kind !== 'enum') {\n            return value;\n          }\n          const match = filter.options.find((option) => {\n            return option.value === value;\n          });\n          if (match != null) {\n            return resolveLabel(match.label, tApp);\n          }\n          return value;\n        },\n        booleanLabel: (value) => {\n          if (filter.kind === 'boolean') {\n            if (value && filter.trueLabel != null) {\n              return resolveLabel(filter.trueLabel, tApp);\n            }\n            if (!value && filter.falseLabel != null) {\n              return resolveLabel(filter.falseLabel, tApp);\n            }\n          }\n          if (value) {\n            return t('filters.boolean.yes');\n          }\n          return t('filters.boolean.no');\n        },\n        fallbackBooleanLabels: {\n          yes: t('filters.boolean.yes'),\n          no: t('filters.boolean.no'),\n        },\n      });\n\n      if (displayValue != null) {\n        let idValue = String(raw);\n        if (Array.isArray(raw)) {\n          idValue = raw.join(',');\n        }\n        const label = (\n          <span>\n            {resolveLabel(filter.label, tApp)}: {displayValue}\n          </span>\n        );\n        out.push({\n          id: `${filter.id}:${idValue}`,\n          label,\n          onRemove: () => {\n            const key = (filter.whereKey ?? filter.id) as keyof Where;\n            const nextWhere = setWhereValue(\n              state.where,\n              key,\n              null,\n              filter.path,\n            );\n            pushState({ ...state, where: nextWhere });\n          },\n        });\n      }\n    }\n    return out;\n  }, [listConfig.filters, pushState, state, t, tApp]);\n\n  const handleClearAll = useCallback(() => {\n    pushState({\n      ...listDefaults,\n    });\n  }, [listDefaults, pushState]);\n  const [isFilterDrawerOpen, setIsFilterDrawerOpen] = useState(false);\n  const [filterSearch, setFilterSearch] = useState('');\n\n  const [pickerDialog, setPickerDialog] = useState<{\n    entity: string;\n    whereKey: keyof Where;\n    label: string;\n    path?: readonly string[];\n    scope?: BackofficePickerScope;\n  } | null>(null);\n\n  const renderFilterControl = useCallback(\n    (filter: BackofficeFilterSpec<Where>): JSX.Element => {\n      const key = (filter.whereKey ?? filter.id) as keyof Where;\n      const candidate = getFilterValue(filter, state.where);\n      let value = '';\n      if (typeof candidate === 'string') {\n        value = candidate;\n      }\n\n      const filterLabelText = resolveLabel(filter.label, tApp);\n\n      if (filter.kind === 'text') {\n        const placeholderLabelText =\n          filter.placeholderLabel != null\n            ? resolveLabel(filter.placeholderLabel, tApp)\n            : filterLabelText;\n        let placeholder = t('filters.placeholders.search', {\n          label: placeholderLabelText,\n        });\n        if (filter.placeholderText != null) {\n          placeholder = resolveLabel(filter.placeholderText, tApp);\n        }\n        return (\n          <GlobalSearchInput\n            value={value}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n            placeholder={placeholder}\n            className={styles.filterInput}\n          />\n        );\n      }\n\n      if (filter.kind === 'enum') {\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          ...filter.options.map((option) => {\n            return {\n              id: option.value,\n              value: option.value,\n              label: resolveLabel(option.label, tApp),\n            };\n          }),\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={value}\n            onChange={(next) => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                next,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      if (filter.kind === 'boolean') {\n        let current: boolean | null = null;\n        if (typeof candidate === 'boolean') {\n          current = candidate;\n        }\n\n        let selectValue = '';\n        if (current === true) {\n          selectValue = 'true';\n        }\n        if (current === false) {\n          selectValue = 'false';\n        }\n\n        const trueLabel =\n          filter.trueLabel != null\n            ? resolveLabel(filter.trueLabel, tApp)\n            : t('filters.boolean.yes');\n        const falseLabel =\n          filter.falseLabel != null\n            ? resolveLabel(filter.falseLabel, tApp)\n            : t('filters.boolean.no');\n        const options = [\n          {\n            id: 'any',\n            value: '',\n            label: t('filters.all', {\n              label: filterLabelText,\n            }),\n          },\n          {\n            id: 'true',\n            value: 'true',\n            label: trueLabel,\n          },\n          {\n            id: 'false',\n            value: 'false',\n            label: falseLabel,\n          },\n        ];\n\n        return (\n          <SimpleSelect\n            options={options}\n            value={selectValue}\n            onChange={(next) => {\n              let parsed: boolean | null = null;\n              if (next === 'true') {\n                parsed = true;\n              }\n              if (next === 'false') {\n                parsed = false;\n              }\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                parsed,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      }\n\n      const pickerScope = (() => {\n        if (filter.pickerScope == null) {\n          return undefined;\n        }\n        if (typeof filter.pickerScope === 'function') {\n          return filter.pickerScope(state.where);\n        }\n        return filter.pickerScope;\n      })();\n      let currentId: string | null = null;\n      if (typeof candidate === 'string') {\n        currentId = candidate;\n      }\n\n      const renderField = (displayValue: string | null = null) => {\n        const normalizedDisplayValue = displayValue?.trim() ?? '';\n        return (\n          <EntityIdFilterField\n            label={filterLabelText}\n            value={currentId}\n            displayValue={normalizedDisplayValue}\n            onPick={() => {\n              setPickerDialog({\n                entity: filter.entity,\n                whereKey: key,\n                label: filterLabelText,\n                path: filter.path,\n                scope: pickerScope,\n              });\n            }}\n            onClear={() => {\n              const nextWhere = setWhereValue(\n                state.where,\n                key,\n                null,\n                filter.path,\n              );\n              pushState({ ...state, where: nextWhere });\n            }}\n          />\n        );\n      };\n\n      if (currentId == null || currentId.trim() === '') {\n        return renderField();\n      }\n\n      return (\n        <EntityFilterValueText entityId={filter.entity} id={currentId}>\n          {(label) => {\n            return renderField(label);\n          }}\n        </EntityFilterValueText>\n      );\n    },\n    [pushState, state, t, tApp],\n  );\n\n  const hasPlacementConfig = useMemo(() => {\n    return listConfig.filters.some((filter) => {\n      return filter.placement != null;\n    });\n  }, [listConfig.filters]);\n\n  const quickFilters = useMemo(() => {\n    if (listConfig.filters.length === 0) {\n      return [];\n    }\n    if (hasPlacementConfig) {\n      return listConfig.filters.filter((filter) => {\n        return filter.placement === 'quick' || filter.placement === 'both';\n      });\n    }\n    return listConfig.filters.slice(0, 3);\n  }, [listConfig.filters, hasPlacementConfig]);\n\n  const drawerFilters = useMemo(() => {\n    return listConfig.filters.filter((filter) => {\n      if (filter.placement == null) {\n        return true;\n      }\n      return filter.placement === 'drawer' || filter.placement === 'both';\n    });\n  }, [listConfig.filters]);\n\n  const searchFilter = useMemo(() => {\n    return quickFilters.find((filter) => {\n      return filter.kind === 'text';\n    });\n  }, [quickFilters]);\n\n  const quickFiltersNode = useMemo(() => {\n    const visibleQuickFilters = quickFilters.filter((filter) => {\n      return filter !== searchFilter;\n    });\n\n    if (visibleQuickFilters.length === 0) {\n      return null;\n    }\n\n    return (\n      <div className={styles.controlsRow}>\n        {visibleQuickFilters.map((filter) => {\n          return <span key={filter.id}>{renderFilterControl(filter)}</span>;\n        })}\n      </div>\n    );\n  }, [quickFilters, renderFilterControl, searchFilter]);\n\n  const searchNode = useMemo(() => {\n    if (searchFilter == null) {\n      return null;\n    }\n    return renderFilterControl(searchFilter);\n  }, [renderFilterControl, searchFilter]);\n\n  const sortNode = useMemo(() => {\n    if (listConfig.sorts.length === 0) {\n      return null;\n    }\n    const firstSort = listConfig.sorts[0];\n    if (firstSort == null) {\n      return null;\n    }\n    const options = listConfig.sorts.map((s) => {\n      return { id: s.id, value: s.id, label: resolveLabel(s.label, tApp) };\n    });\n    return (\n      <SimpleSelect\n        options={options}\n        value={state.sort ?? firstSort.id}\n        onChange={(next) => {\n          pushState({\n            ...state,\n            sort: next as Sort,\n          });\n        }}\n      />\n    );\n  }, [listConfig.sorts, pushState, state, tApp]);\n\n  const chipsNode = useMemo(() => {\n    return <FilterChipRow chips={chips} onClearAll={handleClearAll} />;\n  }, [chips, handleClearAll]);\n\n  const drawerSections = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return [];\n    }\n\n    const normalizedQuery = filterSearch.trim().toLowerCase();\n    const items: { id: string; node: JSX.Element }[] = [];\n\n    for (const filter of drawerFilters) {\n      const resolvedLabel = resolveLabel(filter.label, tApp);\n      const matchesQuery =\n        normalizedQuery === '' ||\n        resolvedLabel.toLowerCase().includes(normalizedQuery);\n\n      if (matchesQuery) {\n        items.push({\n          id: filter.id,\n          node: (\n            <BackofficeFilterField label={resolvedLabel}>\n              {renderFilterControl(filter)}\n            </BackofficeFilterField>\n          ),\n        });\n      }\n    }\n\n    if (items.length === 0) {\n      return [];\n    }\n\n    return [\n      {\n        id: 'backoffice.filters.sections.default',\n        title: t('filters.sections.default'),\n        items,\n      },\n    ];\n  }, [drawerFilters, filterSearch, renderFilterControl, t, tApp]);\n\n  const allFiltersNode = useMemo(() => {\n    if (drawerFilters.length === 0) {\n      return null;\n    }\n    const activeCount = chips.length;\n    let label = t('filters.allFilters');\n    if (activeCount > 0) {\n      label = t('filters.allFiltersWithCount', {\n        count: activeCount,\n      });\n    }\n    return (\n      <Button\n        type=\"button\"\n        variant=\"secondary\"\n        size=\"small\"\n        onClick={() => {\n          setIsFilterDrawerOpen(true);\n        }}\n      >\n        {label}\n      </Button>\n    );\n  }, [chips.length, drawerFilters.length, t]);\n\n  const filterDrawerNode = (\n    <BackofficeFilterDrawer\n      isOpen={isFilterDrawerOpen}\n      onClose={() => {\n        setIsFilterDrawerOpen(false);\n        setFilterSearch('');\n      }}\n      sections={drawerSections}\n      searchValue={filterSearch}\n      onSearchChange={(next) => {\n        setFilterSearch(next);\n      }}\n      onReset={handleClearAll}\n    />\n  );\n\n  const resolvedEmptyState = useMemo((): JSX.Element => {\n    if (emptyState != null) {\n      return emptyState;\n    }\n\n    if (isLoadingInitial) {\n      return <BackofficeTableSkeleton />;\n    }\n\n    if (chips.length > 0) {\n      return (\n        <BackofficeEmptyState\n          title={t('emptyState.listEmpty.title')}\n          description={t('emptyState.listEmptyFiltered.description')}\n          actions={\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"small\"\n              onClick={handleClearAll}\n            >\n              {t('emptyState.listEmptyFiltered.actions.reset')}\n            </Button>\n          }\n        />\n      );\n    }\n\n    return (\n      <BackofficeEmptyState\n        title={t('emptyState.listEmpty.title')}\n        description={t('emptyState.listEmpty.description')}\n      />\n    );\n  }, [chips.length, emptyState, handleClearAll, isLoadingInitial, t]);\n\n  const tableFooterMeta = useMemo(() => {\n    if (typeof totalCount !== 'number') {\n      return null;\n    }\n    return (\n      <span>\n        {t('list.showing', {\n          shown: rows.length,\n          total: totalCount,\n        })}\n      </span>\n    );\n  }, [rows.length, t, totalCount]);\n\n  const headerTitle = header?.title ?? resolveLabel(listConfig.title, tApp);\n  const headerSubtitle = header?.subtitle;\n\n  const virtualizationConfig = useMemo(() => {\n    if (!virtualize) {\n      return { enabled: false, rowHeightPx: 0, overscan: 0 };\n    }\n\n    return { enabled: true, rowHeightPx: 52, overscan: 10 };\n  }, [virtualize]);\n\n  const tableInnerNode = (\n    <BackofficeVirtualizedConnectionTable\n      columns={columnsWithPrimary}\n      rows={rows}\n      getRowId={getRowId}\n      emptyState={resolvedEmptyState}\n      className={denseTableClass}\n      gridTemplateColumns={gridTemplateColumns}\n      virtualization={virtualizationConfig}\n      infiniteScroll={{\n        enabled: true,\n        thresholdPx: 800,\n        autoLoad: true,\n      }}\n      hasNextPage={hasNextPage}\n      isLoadingMore={isLoadingMore}\n      onLoadMore={onLoadMore}\n    />\n  );\n\n  const tableNodeWithErrorBoundary = (\n    <BackofficeErrorBoundary\n      fallback={(args: { error: unknown; reset: () => void }) => {\n        const { reset } = args;\n\n        const retry = (): void => {\n          reset();\n          if (onRefresh != null) {\n            onRefresh();\n          }\n        };\n\n        return (\n          <InlineBanner\n            tone=\"danger\"\n            title={t('list.errors.title')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={retry}\n              >\n                {t('list.actions.retry')}\n              </Button>\n            }\n          >\n            {t('list.errors.tableFailed')}\n          </InlineBanner>\n        );\n      }}\n    >\n      {tableInnerNode}\n    </BackofficeErrorBoundary>\n  );\n\n  const filtersBarNode = showFilters ? (\n    <>\n      <BackofficeTableToolbar\n        searchSlot={searchNode}\n        filtersSlot={\n          <>\n            {quickFiltersNode}\n            {allFiltersNode}\n          </>\n        }\n        sortSlot={sortNode}\n        refreshSlot={\n          <Button\n            type=\"button\"\n            variant=\"text\"\n            size=\"small\"\n            disabled={onRefresh == null}\n            onClick={() => {\n              if (onRefresh != null) {\n                onRefresh();\n              }\n            }}\n          >\n            {t('list.actions.refresh')}\n          </Button>\n        }\n        chipsSlot={chipsNode}\n      />\n      {filterDrawerNode}\n    </>\n  ) : null;\n\n  const tableNode = (\n    <div>\n      {tableNodeWithErrorBoundary}\n      <EntityIdPickerDialog\n        isOpen={pickerDialog != null}\n        entity={pickerDialog?.entity ?? config.id}\n        title={pickerDialog?.label ?? t('picker.title')}\n        scope={pickerDialog?.scope}\n        onClose={() => {\n          setPickerDialog(null);\n        }}\n        onSelectId={(id) => {\n          if (pickerDialog == null) {\n            return;\n          }\n          const nextWhere = setWhereValue(\n            state.where,\n            pickerDialog.whereKey,\n            id,\n            pickerDialog.path,\n          );\n          pushState({ ...state, where: nextWhere });\n        }}\n      />\n    </div>\n  );\n\n  const tableFooterNode = (\n    <BackofficeLoadMore\n      hasNextPage={hasNextPage}\n      isLoading={isLoadingMore}\n      meta={tableFooterMeta}\n      loadMoreLabel={t('list.loadMore.more')}\n      endLabel={t('list.loadMore.end')}\n      loadingLabel={t('list.loadMore.loading')}\n    />\n  );\n\n  if (variant === 'embedded') {\n    return (\n      <BackofficeListFilterProvider\n        config={config}\n        state={state}\n        pushState={pushState}\n      >\n        <div className={styles.embeddedContainer}>\n          <div className={styles.embeddedHeader}>{headerTitle}</div>\n          {filtersBarNode}\n          {tableNode}\n          {tableFooterNode}\n        </div>\n      </BackofficeListFilterProvider>\n    );\n  }\n\n  return (\n    <BackofficeListFilterProvider\n      config={config}\n      state={state}\n      pushState={pushState}\n    >\n      <ListPageTemplate\n        headerNode={\n          <BackofficePageHeader\n            title={headerTitle}\n            subtitle={headerSubtitle}\n            actions={headerActions}\n          />\n        }\n        toolbarNode={filtersBarNode}\n        tableNode={tableNode}\n        tableFooterNode={tableFooterNode}\n      />\n    </BackofficeListFilterProvider>\n  );\n};\n\nexport default BackofficeEntityListScaffold;\n"],"mappings":"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"}

package/lib/esm/components/backoffice/scaffolds/BackofficeTabbedDetailShell.js

@@ -1,16 +1,15 @@
 import { tabBody as e, tabs as t } from "./backofficeTabbedDetailShell.css.js";
 import { jsx as n } from "react/jsx-runtime";
-import { DetailPageTemplate as r } from "@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js";
-import { BackofficeTabs as i } from "@plumile/ui/backoffice/molecules/backoffice_tabs/BackofficeTabs.js";
+import { BackofficeTabs as r, DetailPageTemplate as i } from "@plumile/ui";
 //#region src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx
 var a = ({ headerNode: a, tabs: o, activeId: s, children: c }) => {
 	let l = null;
-	return o != null && o.length > 1 && s != null && (l = /* @__PURE__ */ n(i, {
+	return o != null && o.length > 1 && s != null && (l = /* @__PURE__ */ n(r, {
 		items: o,
 		activeId: s,
 		onChange: () => {},
 		className: t
-	})), /* @__PURE__ */ n(r, {
+	})), /* @__PURE__ */ n(i, {
 		headerNode: a,
 		tabsNode: l,
 		children: /* @__PURE__ */ n("div", {

package/lib/esm/components/backoffice/scaffolds/BackofficeTabbedDetailShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeTabbedDetailShell.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\nimport {\n  BackofficeTabs,\n  type BackofficeTabItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_tabs/BackofficeTabs.js';\n\nimport * as styles from './backofficeTabbedDetailShell.css.js';\n\nexport type BackofficeTabbedDetailShellProps = {\n  headerNode: ReactNode;\n  tabs?: readonly BackofficeTabItem[];\n  activeId?: string;\n  children: ReactNode;\n};\n\nexport const BackofficeTabbedDetailShell = ({\n  headerNode,\n  tabs,\n  activeId,\n  children,\n}: BackofficeTabbedDetailShellProps): JSX.Element => {\n  let tabsNode: JSX.Element | null = null;\n  if (tabs != null && tabs.length > 1 && activeId != null) {\n    tabsNode = (\n      <BackofficeTabs\n        items={tabs}\n        activeId={activeId}\n        onChange={() => {}}\n        className={styles.tabs}\n      />\n    );\n  }\n\n  return (\n    <DetailPageTemplate headerNode={headerNode} tabsNode={tabsNode}>\n      <div className={styles.tabBody}>{children}</div>\n    </DetailPageTemplate>\n  );\n};\n\nexport default BackofficeTabbedDetailShell;\n"],"mappings":";;;;;AAiBA,IAAa,KAA+B,EAC1C,eACA,MAAA,GACA,aACA,kBACmD;CACnD,IAAI,IAA+B;AAYnC,QAXI,KAAQ,QAAQ,EAAK,SAAS,KAAK,KAAY,SACjD,IACE,kBAAC,GAAD;EACE,OAAO;EACG;EACV,gBAAgB;EAChB,WAAW;EACX,CAAA,GAKJ,kBAAC,GAAD;EAAgC;EAAsB;YACpD,kBAAC,OAAD;GAAK,WAAW;GAAiB;GAAe,CAAA;EAC7B,CAAA"}
+{"version":3,"file":"BackofficeTabbedDetailShell.js","names":[],"sources":["../../../../../src/components/backoffice/scaffolds/BackofficeTabbedDetailShell.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport {\n  BackofficeTabs,\n  DetailPageTemplate,\n  type BackofficeTabItem,\n} from '@plumile/ui';\n\nimport * as styles from './backofficeTabbedDetailShell.css.js';\n\nexport type BackofficeTabbedDetailShellProps = {\n  headerNode: ReactNode;\n  tabs?: readonly BackofficeTabItem[];\n  activeId?: string;\n  children: ReactNode;\n};\n\nexport const BackofficeTabbedDetailShell = ({\n  headerNode,\n  tabs,\n  activeId,\n  children,\n}: BackofficeTabbedDetailShellProps): JSX.Element => {\n  let tabsNode: JSX.Element | null = null;\n  if (tabs != null && tabs.length > 1 && activeId != null) {\n    tabsNode = (\n      <BackofficeTabs\n        items={tabs}\n        activeId={activeId}\n        onChange={() => {}}\n        className={styles.tabs}\n      />\n    );\n  }\n\n  return (\n    <DetailPageTemplate headerNode={headerNode} tabsNode={tabsNode}>\n      <div className={styles.tabBody}>{children}</div>\n    </DetailPageTemplate>\n  );\n};\n\nexport default BackofficeTabbedDetailShell;\n"],"mappings":";;;;AAiBA,IAAa,KAA+B,EAC1C,eACA,MAAA,GACA,aACA,kBACmD;CACnD,IAAI,IAA+B;AAYnC,QAXI,KAAQ,QAAQ,EAAK,SAAS,KAAK,KAAY,SACjD,IACE,kBAAC,GAAD;EACE,OAAO;EACG;EACV,gBAAgB;EAChB,WAAW;EACX,CAAA,GAKJ,kBAAC,GAAD;EAAgC;EAAsB;YACpD,kBAAC,OAAD;GAAK,WAAW;GAAiB;GAAe,CAAA;EAC7B,CAAA"}

package/lib/esm/components/backoffice/tools/BackofficeToolsQueryBoundary.js

@@ -1,16 +1,16 @@
 import { BackofficeErrorBoundary as e } from "../errors/BackofficeErrorBoundary.js";
 import { BackofficeToolsErrorFallback as t } from "./BackofficeToolsErrorFallback.js";
 import { jsx as n } from "react/jsx-runtime";
-import { Suspense as r } from "react";
-import { Spinner as i } from "@plumile/ui/backoffice/atoms/spinner/Spinner.js";
+import { Spinner as r } from "@plumile/ui";
+import { Suspense as i } from "react";
 //#region src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx
 var a = ({ children: a }) => /* @__PURE__ */ n(e, {
 	fallback: ({ error: e, reset: r }) => /* @__PURE__ */ n(t, {
 		error: e,
 		onRetry: r
 	}),
-	children: /* @__PURE__ */ n(r, {
-		fallback: /* @__PURE__ */ n(i, {}),
+	children: /* @__PURE__ */ n(i, {
+		fallback: /* @__PURE__ */ n(r, {}),
 		children: a
 	})
 });

package/lib/esm/components/backoffice/tools/BackofficeToolsQueryBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackofficeToolsQueryBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\n\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeToolsErrorFallback } from './BackofficeToolsErrorFallback.js';\n\nexport type BackofficeToolsQueryBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeToolsQueryBoundary = ({\n  children,\n}: BackofficeToolsQueryBoundaryProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ error, reset }) => {\n        return <BackofficeToolsErrorFallback error={error} onRetry={reset} />;\n      }}\n    >\n      <Suspense fallback={<Spinner />}>{children}</Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeToolsQueryBoundary;\n"],"mappings":";;;;;;AAYA,IAAa,KAAgC,EAC3C,kBAGE,kBAAC,GAAD;CACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;EAAqC;EAAO,SAAS;EAAS,CAAA;WAGvE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAW,CAAA;EAAG;EAAoB,CAAA;CAC9B,CAAA"}
+{"version":3,"file":"BackofficeToolsQueryBoundary.js","names":[],"sources":["../../../../../src/components/backoffice/tools/BackofficeToolsQueryBoundary.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode } from 'react';\n\nimport { Spinner } from '@plumile/ui';\n\nimport { BackofficeErrorBoundary } from '../errors/BackofficeErrorBoundary.js';\n\nimport { BackofficeToolsErrorFallback } from './BackofficeToolsErrorFallback.js';\n\nexport type BackofficeToolsQueryBoundaryProps = {\n  children: ReactNode;\n};\n\nexport const BackofficeToolsQueryBoundary = ({\n  children,\n}: BackofficeToolsQueryBoundaryProps): JSX.Element => {\n  return (\n    <BackofficeErrorBoundary\n      fallback={({ error, reset }) => {\n        return <BackofficeToolsErrorFallback error={error} onRetry={reset} />;\n      }}\n    >\n      <Suspense fallback={<Spinner />}>{children}</Suspense>\n    </BackofficeErrorBoundary>\n  );\n};\n\nexport default BackofficeToolsQueryBoundary;\n"],"mappings":";;;;;;AAYA,IAAa,KAAgC,EAC3C,kBAGE,kBAAC,GAAD;CACE,WAAW,EAAE,UAAO,eACX,kBAAC,GAAD;EAAqC;EAAO,SAAS;EAAS,CAAA;WAGvE,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAW,CAAA;EAAG;EAAoB,CAAA;CAC9B,CAAA"}

package/lib/esm/index.js

@@ -1,34 +1,43 @@
-import { useBackofficeConfig as e } from "./provider/BackofficeConfigContext.js";
-import { EntityIdFilterField as t } from "./components/backoffice/filters/EntityIdFilterField.js";
-import { BackofficeErrorBoundary as n } from "./components/backoffice/errors/BackofficeErrorBoundary.js";
-import { BackofficeDetailBadgeRow as r } from "./components/backoffice/detail/BackofficeDetailBadgeRow.js";
-import { BackofficeDetailSection as i } from "./components/backoffice/detail/BackofficeDetailSection.js";
-import { BackofficeDetailPayload as a } from "./components/backoffice/detail/BackofficeDetailPayload.js";
-import { BackofficeFilterAction as o } from "./components/backoffice/filters/BackofficeFilterAction.js";
-import { BackofficeOverviewLayout as s } from "./components/backoffice/overview/BackofficeOverviewLayout.js";
-import { BackofficeInlineFilterRow as c } from "./components/backoffice/shared/BackofficeInlineFilterRow.js";
-import { BackofficeRelatedCountLink as l } from "./components/backoffice/refs/BackofficeRelatedCountLink.js";
-import { BackofficeTabbedDetailShell as u } from "./components/backoffice/scaffolds/BackofficeTabbedDetailShell.js";
-import { base64UrlToBuffer as d, bufferToBase64Url as f, mapWebAuthnRegistrationError as p, parseSignCount as m } from "./modules/webauthn.js";
-import { createUseAuth as h } from "./hooks/useAuth.js";
-import { useBackofficeListUrlState as g } from "./hooks/useBackofficeListUrlState.js";
-import { useConditionalSubscription as _ } from "./hooks/useConditionalSubscription.js";
-import v from "./hooks/useCopyToClipboard.js";
-import { useRefetchNeededReload as y } from "./hooks/useRefetchNeededReload.js";
-import { createI18nInstance as b } from "./i18n/createI18nInstance.js";
-import { backofficeReactI18nResources as x } from "./i18n/resources.js";
-import { useReviewStatusLabel as S } from "./i18n/useReviewStatusLabel.js";
-import { useSharedEnumLabels as C } from "./i18n/useSharedEnumLabels.js";
-import { BackofficeProvider as w } from "./provider/BackofficeProvider.js";
-import { createBackofficeLazyValue as T } from "./provider/lazyValue.js";
-import { AccessReason as E, canAssignGroupRoles as D, canAssignOrganizationRoles as O, canCreateProject as k, canEditTaskByPermission as A, canLaunchInitiativeTechAgent as j, canLaunchProjectTechAgent as M, canManageBilling as N, canManageGroupInitiatives as P, canManageGroups as F, canManageProject as I, canRunGroupTechAgents as L, canRunOrganizationTechAgents as R, canStartProjectDigestAgent as z, canViewBilling as B, decideConnectorAccess as V } from "./modules/access/viewerPermissionsPolicy.js";
-import { DEFAULT_BILLING_USAGE_CHART_CATEGORIES as H, DEFAULT_BILLING_USAGE_CHART_CATEGORY_COLORS as U, toBillingUsageChartSeries as W } from "./modules/billing/usageChartMappers.js";
-import { decodeBase64ToUtf8 as G, encodeUtf8ToBase64 as K } from "./modules/base64.js";
-import { formatFileSize as q } from "./modules/formatFileSize.js";
-import { createMergeRunViewModel as J, formatMergeBlockReasonCode as Y, getMergeRunStatusTone as X, getMergeRunTone as Z } from "./modules/merge/taskMergeRun.js";
-import { getProjectIngestionStatusMeta as Q } from "./modules/projectIngestionStatus.js";
-import { resolveVisibleDetailPages as $ } from "./pages/detail/pageResolution.js";
-import { createInlineDataReader as ee } from "./relay/createInlineReader.js";
-import { identityView as te } from "./relay/identityView.js";
-import { createConversationStreamUpdater as ne } from "./subscriptions/conversationStream.js";
-export { E as AccessReason, r as BackofficeDetailBadgeRow, a as BackofficeDetailPayload, i as BackofficeDetailSection, n as BackofficeErrorBoundary, o as BackofficeFilterAction, c as BackofficeInlineFilterRow, s as BackofficeOverviewLayout, w as BackofficeProvider, l as BackofficeRelatedCountLink, u as BackofficeTabbedDetailShell, H as DEFAULT_BILLING_USAGE_CHART_CATEGORIES, U as DEFAULT_BILLING_USAGE_CHART_CATEGORY_COLORS, t as EntityIdFilterField, x as backofficeReactI18nResources, d as base64UrlToBuffer, f as bufferToBase64Url, D as canAssignGroupRoles, O as canAssignOrganizationRoles, k as canCreateProject, A as canEditTaskByPermission, j as canLaunchInitiativeTechAgent, M as canLaunchProjectTechAgent, N as canManageBilling, P as canManageGroupInitiatives, F as canManageGroups, I as canManageProject, L as canRunGroupTechAgents, R as canRunOrganizationTechAgents, z as canStartProjectDigestAgent, B as canViewBilling, T as createBackofficeLazyValue, ne as createConversationStreamUpdater, b as createI18nInstance, ee as createInlineDataReader, J as createMergeRunViewModel, h as createUseAuth, V as decideConnectorAccess, G as decodeBase64ToUtf8, K as encodeUtf8ToBase64, q as formatFileSize, Y as formatMergeBlockReasonCode, X as getMergeRunStatusTone, Z as getMergeRunTone, Q as getProjectIngestionStatusMeta, te as identityView, p as mapWebAuthnRegistrationError, m as parseSignCount, $ as resolveVisibleDetailPages, W as toBillingUsageChartSeries, e as useBackofficeConfig, g as useBackofficeListUrlState, _ as useConditionalSubscription, v as useCopyToClipboard, y as useRefetchNeededReload, S as useReviewStatusLabel, C as useSharedEnumLabels };
+import { LoginFlow as e } from "./auth/login/LoginFlow.js";
+import { synchronizeAuthStatusQuery as t } from "./auth/login/synchronizeAuthStatusQuery.js";
+import { AcceptInvitationScreen as n } from "./auth/pages/AcceptInvitationScreen.js";
+import { PasswordResetCompleteScreen as r } from "./auth/pages/PasswordResetCompleteScreen.js";
+import { PasswordResetRequestScreen as i } from "./auth/pages/PasswordResetRequestScreen.js";
+import { VerifyEmailScreen as a } from "./auth/pages/VerifyEmailScreen.js";
+import { requireField as o, requireLinkedRecordId as s, resolveAgentStartOutcome as c, resolveMutationOutcome as l } from "./relay/mutationResult.js";
+import { useBackofficeConfig as u } from "./provider/BackofficeConfigContext.js";
+import { EntityIdFilterField as d } from "./components/backoffice/filters/EntityIdFilterField.js";
+import { BackofficeErrorBoundary as f } from "./components/backoffice/errors/BackofficeErrorBoundary.js";
+import { BackofficeDetailBadgeRow as p } from "./components/backoffice/detail/BackofficeDetailBadgeRow.js";
+import { BackofficeDetailSection as m } from "./components/backoffice/detail/BackofficeDetailSection.js";
+import { BackofficeDetailPayload as h } from "./components/backoffice/detail/BackofficeDetailPayload.js";
+import { BackofficeFilterAction as g } from "./components/backoffice/filters/BackofficeFilterAction.js";
+import { BackofficeOverviewLayout as _ } from "./components/backoffice/overview/BackofficeOverviewLayout.js";
+import { BackofficeInlineFilterRow as v } from "./components/backoffice/shared/BackofficeInlineFilterRow.js";
+import { BackofficeRelatedCountLink as y } from "./components/backoffice/refs/BackofficeRelatedCountLink.js";
+import { BackofficeTabbedDetailShell as b } from "./components/backoffice/scaffolds/BackofficeTabbedDetailShell.js";
+import { configureRelayEnvironment as x, getEnvironment as S, getNetwork as C, resetRelayStore as w } from "./relay/environment.js";
+import { base64UrlToBuffer as T, bufferToBase64Url as E, mapWebAuthnRegistrationError as D, parseSignCount as O } from "./modules/webauthn.js";
+import { createUseAuth as k } from "./hooks/useAuth.js";
+import { useBackofficeListUrlState as A } from "./hooks/useBackofficeListUrlState.js";
+import { useConditionalSubscription as j } from "./hooks/useConditionalSubscription.js";
+import M from "./hooks/useCopyToClipboard.js";
+import { useRefetchNeededReload as N } from "./hooks/useRefetchNeededReload.js";
+import { createI18nInstance as P } from "./i18n/createI18nInstance.js";
+import { backofficeReactI18nResources as F } from "./i18n/resources.js";
+import { useReviewStatusLabel as I } from "./i18n/useReviewStatusLabel.js";
+import { useSharedEnumLabels as L } from "./i18n/useSharedEnumLabels.js";
+import { RelayProvider as R } from "./relay/RelayProvider.js";
+import { BackofficeProvider as z } from "./provider/BackofficeProvider.js";
+import { createBackofficeLazyValue as B } from "./provider/lazyValue.js";
+import { AccessReason as V, canAssignGroupRoles as H, canAssignOrganizationRoles as U, canCreateProject as W, canEditTaskByPermission as G, canLaunchInitiativeTechAgent as K, canLaunchProjectTechAgent as q, canLaunchTaskDevAgent as J, canLaunchTaskReviewAgent as Y, canManageBilling as X, canManageGroupInitiatives as Z, canManageGroups as Q, canManageProject as $, canRunGroupTechAgents as ee, canRunOrganizationTechAgents as te, canStartProjectDigestAgent as ne, canViewBilling as re, decideConnectorAccess as ie } from "./modules/access/viewerPermissionsPolicy.js";
+import { DEFAULT_BILLING_USAGE_CHART_CATEGORIES as ae, DEFAULT_BILLING_USAGE_CHART_CATEGORY_COLORS as oe, toBillingUsageChartSeries as se } from "./modules/billing/usageChartMappers.js";
+import { decodeBase64ToUtf8 as ce, encodeUtf8ToBase64 as le } from "./modules/base64.js";
+import { formatFileSize as ue } from "./modules/formatFileSize.js";
+import { createMergeRunViewModel as de, formatMergeBlockReasonCode as fe, getMergeRunStatusTone as pe, getMergeRunTone as me } from "./modules/merge/taskMergeRun.js";
+import { getProjectIngestionStatusMeta as he } from "./modules/projectIngestionStatus.js";
+import { resolveVisibleDetailPages as ge } from "./pages/detail/pageResolution.js";
+import { createInlineDataReader as _e } from "./relay/createInlineReader.js";
+import { identityView as ve } from "./relay/identityView.js";
+import { createConversationStreamUpdater as ye } from "./subscriptions/conversationStream.js";
+export { n as AcceptInvitationScreen, V as AccessReason, p as BackofficeDetailBadgeRow, h as BackofficeDetailPayload, m as BackofficeDetailSection, f as BackofficeErrorBoundary, g as BackofficeFilterAction, v as BackofficeInlineFilterRow, _ as BackofficeOverviewLayout, z as BackofficeProvider, y as BackofficeRelatedCountLink, b as BackofficeTabbedDetailShell, ae as DEFAULT_BILLING_USAGE_CHART_CATEGORIES, oe as DEFAULT_BILLING_USAGE_CHART_CATEGORY_COLORS, d as EntityIdFilterField, e as LoginFlow, r as PasswordResetCompleteScreen, i as PasswordResetRequestScreen, R as RelayProvider, a as VerifyEmailScreen, F as backofficeReactI18nResources, T as base64UrlToBuffer, E as bufferToBase64Url, H as canAssignGroupRoles, U as canAssignOrganizationRoles, W as canCreateProject, G as canEditTaskByPermission, K as canLaunchInitiativeTechAgent, q as canLaunchProjectTechAgent, J as canLaunchTaskDevAgent, Y as canLaunchTaskReviewAgent, X as canManageBilling, Z as canManageGroupInitiatives, Q as canManageGroups, $ as canManageProject, ee as canRunGroupTechAgents, te as canRunOrganizationTechAgents, ne as canStartProjectDigestAgent, re as canViewBilling, x as configureRelayEnvironment, B as createBackofficeLazyValue, ye as createConversationStreamUpdater, P as createI18nInstance, _e as createInlineDataReader, de as createMergeRunViewModel, k as createUseAuth, ie as decideConnectorAccess, ce as decodeBase64ToUtf8, le as encodeUtf8ToBase64, ue as formatFileSize, fe as formatMergeBlockReasonCode, S as getEnvironment, pe as getMergeRunStatusTone, me as getMergeRunTone, C as getNetwork, he as getProjectIngestionStatusMeta, ve as identityView, D as mapWebAuthnRegistrationError, O as parseSignCount, o as requireField, s as requireLinkedRecordId, w as resetRelayStore, c as resolveAgentStartOutcome, l as resolveMutationOutcome, ge as resolveVisibleDetailPages, t as synchronizeAuthStatusQuery, se as toBillingUsageChartSeries, u as useBackofficeConfig, A as useBackofficeListUrlState, j as useConditionalSubscription, M as useCopyToClipboard, N as useRefetchNeededReload, I as useReviewStatusLabel, L as useSharedEnumLabels };