@plumile/backoffice-react 0.1.193 → 0.1.195

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutDataRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeLazyEntityCount } from '../components/backoffice/refs/BackofficeLazyEntityCount.js';\nimport { BackofficeEntityDetailNotFound } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeFragment } from '../relay/typedRelayHooks.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport {\n  resolveLabel,\n  resolveRelationValue,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport { resolveHeaderItems } from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveActivePagePath = (\n  pathname: string,\n  id: string,\n  config: BackofficeResolvedDetailLayoutFacetConfig,\n): string => {\n  const pages = [config.pages.mainPage, ...(config.pages.subPages ?? [])];\n  const activePage = pages.find((page) => {\n    return pathname === config.routes.detailPage(id, page.id);\n  });\n  return activePage?.path ?? '';\n};\n\nconst RelationCountLoading = (): JSX.Element => {\n  return (\n    <span className={pageStyles.relationCountLoading}>\n      <Spinner size={12} />\n    </span>\n  );\n};\n\nconst DetailPageContentLoading = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  return (\n    <div role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n      <Spinner size={20} ariaLabel={t('common.loading')} />\n    </div>\n  );\n};\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  children?: ReactNode;\n};\n\ntype BackofficeEntityDetailLayoutPageContentProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  layoutNodeRef: unknown;\n  children?: ReactNode;\n};\n\nconst BackofficeEntityDetailLayoutPageContent = ({\n  config,\n  prepared,\n  layoutNodeRef,\n  children,\n}: BackofficeEntityDetailLayoutPageContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const layoutNode = useBackofficeFragment<unknown, unknown>(\n    config.layoutPage.fragment,\n    layoutNodeRef,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n  const activePagePath = resolveActivePagePath(pathname, prepared.id, config);\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath,\n    node: layoutView,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const { activePage } = resolvedPages;\n  if (\n    activePagePath !== '' &&\n    normalizePath(activePage.path) !== normalizePath(activePagePath)\n  ) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, activePage.id)}\n      />\n    );\n  }\n\n  const tabsItems = buildTabsItems({\n    pages: resolvedPages.pages,\n    id: prepared.id,\n    tApp,\n    detailPageHref: config.routes.detailPage,\n  });\n  const resolveEntityHref = (entityId: string, refId: string) => {\n    const entityConfig = entities[entityId];\n    if (entityConfig == null) {\n      return null;\n    }\n    return entityConfig.routes.detail(refId);\n  };\n  const header = resolveHeaderItems(config.header, layoutView, {\n    tApp,\n    t,\n    resolveEntityHref,\n    renderLink: (href, label) => {\n      return (\n        <Link to={href} preloadOnHover=\"code-and-data\">\n          {label}\n        </Link>\n      );\n    },\n    renderDate: (value, fallback) => {\n      return (\n        <FormattedDate\n          value={value}\n          options={BACKOFFICE_DATE_TIME_OPTIONS}\n          fallback={fallback}\n        />\n      );\n    },\n    renderTag: (tone, label) => {\n      return <Tag tone={tone}>{label}</Tag>;\n    },\n    renderBadgeRow: (items) => {\n      return <BackofficeDetailBadgeRow items={items} />;\n    },\n  });\n  const relationMenuItems: BackofficeRelationsMenuItem[] = (\n    config.relations ?? []\n  ).flatMap((relation) => {\n    const { filterId: configuredFilterId, path, target, whereKey } = relation;\n    const value = resolveRelationValue(relation.value(layoutView));\n    if (value == null) {\n      return [];\n    }\n\n    const entityManifest = entities[target];\n    if (entityManifest?.hasList !== true) {\n      return [];\n    }\n\n    const where = setWhereValue(null, whereKey, value, path);\n    if (where == null) {\n      return [];\n    }\n\n    const loadedEntity = entityRegistry.getLoadedListEntity(target);\n    let filterId = configuredFilterId;\n    if (filterId == null) {\n      filterId = whereKey;\n      if (path != null) {\n        filterId = `${whereKey}.${path.join('.')}`;\n      }\n    }\n\n    let href: string;\n    if (loadedEntity == null) {\n      href = buildBackofficeFallbackListHref(\n        entityManifest.routes.list,\n        where,\n        [\n          {\n            id: filterId,\n            value,\n          },\n        ],\n      );\n    } else {\n      href = buildBackofficeListHref(loadedEntity.config, { where });\n    }\n\n    return [\n      {\n        id: relation.id,\n        label: resolveLabel(relation.label, tApp),\n        count: (\n          <BackofficeLazyEntityCount\n            entity={target}\n            loadingFallback={<RelationCountLoading />}\n            where={where}\n          />\n        ),\n        href,\n        onClick: async (event) => {\n          if (\n            routing == null ||\n            event.defaultPrevented ||\n            event.button !== 0 ||\n            event.metaKey ||\n            event.altKey ||\n            event.ctrlKey ||\n            event.shiftKey\n          ) {\n            return;\n          }\n\n          event.preventDefault();\n\n          const listEntity = await entityRegistry.loadListEntity(target);\n          const next = buildBackofficeListLink(listEntity.config, { where });\n\n          let search = '';\n          if (next.search !== '') {\n            search = `?${next.search}`;\n          }\n\n          routing.history.push({\n            pathname: next.pathname,\n            search,\n            hash: '',\n          });\n        },\n      },\n    ];\n  });\n  const breadcrumb = buildEntityDetailBreadcrumb({\n    config,\n    tApp,\n    entityId: prepared.id,\n    layoutView,\n    pageLabel: activePage.label(tApp),\n    pageId: activePage.id,\n  });\n  let headerMetaNode: JSX.Element | undefined;\n  if (header.status != null || header.badges != null) {\n    headerMetaNode = (\n      <div className={pageStyles.headerMeta}>\n        {header.status}\n        {header.badges}\n      </div>\n    );\n  }\n  let headerItemsNode: JSX.Element | null = null;\n  if (header.items != null && header.items.length > 0) {\n    headerItemsNode = (\n      <div className={pageStyles.headerMetaList}>\n        <BackofficeKeyValueList items={header.items} />\n      </div>\n    );\n  }\n  let headerActionsNode: JSX.Element | undefined;\n  if (relationMenuItems.length > 0) {\n    headerActionsNode = (\n      <div className={pageStyles.headerRelationGroup}>\n        <BackofficeRelationsMenu\n          label={t('relations.menu.label')}\n          items={relationMenuItems}\n        />\n      </div>\n    );\n  }\n\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n        actions={headerActionsNode}\n      />\n      {headerItemsNode}\n    </div>\n  );\n  let tabsNode: JSX.Element | null = null;\n  if (resolvedPages.pages.length > 1) {\n    tabsNode = (\n      <Tabs items={tabsItems} activeId={activePage.id} variant=\"underline\" />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        activePage,\n        config,\n        entityId: prepared.id,\n        layoutView,\n        tabsItems,\n        visiblePages: resolvedPages.pages,\n      }}\n    >\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          headerNode={headerNode}\n          tabsNode={tabsNode}\n          headerDensity=\"compact\"\n        >\n          <Suspense fallback={<DetailPageContentLoading />}>\n            {children}\n          </Suspense>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n\n  if (layoutNodeRef == null) {\n    return (\n      <BackofficeRightPageLayout\n        breadcrumb={[\n          {\n            kind: 'link',\n            target: {\n              kind: 'entity-list',\n              entityId: config.id,\n            },\n            label: config.label(tApp),\n          },\n          {\n            kind: 'current',\n            target: {\n              kind: 'entity-detail',\n              entityId: config.id,\n              id: prepared.id,\n            },\n            label: t('detail.notFound'),\n          },\n        ]}\n      >\n        <BackofficeEntityDetailNotFound listHref={config.routes.list} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutPageContent\n      config={config}\n      prepared={prepared}\n      layoutNodeRef={layoutNodeRef}\n    >\n      {children}\n    </BackofficeEntityDetailLayoutPageContent>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityDetailLayoutPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailLayoutPage.tsx"],"sourcesContent":["import { Suspense, type JSX, type ReactNode, useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport * as ReactRelay from 'react-relay';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\nimport useLocation from '@plumile/router/routing/useLocation.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport { setWhereValue } from '@plumile/backoffice-core/filters/where.js';\nimport {\n  buildBackofficeFallbackListHref,\n  buildBackofficeListHref,\n  buildBackofficeListLink,\n} from '@plumile/backoffice-core/state/buildListHref.js';\nimport type {\n  BackofficeEntityManifestItem,\n  BackofficePreparedDetailLayoutDataRoute,\n  BackofficeResolvedDetailLayoutFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { Tabs } from '@plumile/ui/atomic/molecules/tabs/Tabs.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePageHeader } from '@plumile/ui/backoffice/molecules/backoffice_page_header/BackofficePageHeader.js';\nimport {\n  BackofficeRelationsMenu,\n  type BackofficeRelationsMenuItem,\n} from '@plumile/ui/backoffice/molecules/backoffice_relations_menu/BackofficeRelationsMenu.js';\nimport { Spinner } from '@plumile/ui/backoffice/atoms/spinner/Spinner.js';\nimport { DetailPageTemplate } from '@plumile/ui/backoffice/templates/detail_page_template/DetailPageTemplate.js';\n\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeLazyEntityCount } from '../components/backoffice/refs/BackofficeLazyEntityCount.js';\nimport { BackofficeEntityDetailNotFound } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeRightPageLayout } from '../components/backoffice/layout/breadcrumb/BackofficeRightPageLayout.js';\nimport { buildEntityDetailBreadcrumb } from '../components/backoffice/layout/breadcrumb/buildBreadcrumbs.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeFragment } from '../relay/typedRelayHooks.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport {\n  resolveLabel,\n  resolveRelationValue,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport { resolveHeaderItems } from './BackofficeEntityDetailPage.view-helpers.js';\nimport { BackofficeEntityDetailLayoutContextProvider } from './detail/BackofficeEntityDetailLayoutContext.js';\nimport { buildTabsItems } from './detail/buildTabsItems.js';\nimport { resolveVisibleDetailPages } from './detail/pageResolution.js';\nimport { BackofficeRedirect } from './BackofficeRedirect.js';\n\nconst { usePreloadedQuery } = ReactRelay;\n\nconst normalizePath = (value: string): string => {\n  return value.trim().replace(/^\\/+|\\/+$/g, '');\n};\n\nconst resolveActivePagePath = (\n  pathname: string,\n  id: string,\n  config: BackofficeResolvedDetailLayoutFacetConfig,\n): string => {\n  const pages = [config.pages.mainPage, ...(config.pages.subPages ?? [])];\n  const activePage = pages.find((page) => {\n    return pathname === config.routes.detailPage(id, page.id);\n  });\n  return activePage?.path ?? '';\n};\n\nconst RelationCountLoading = (): JSX.Element => {\n  return (\n    <span className={pageStyles.relationCountLoading}>\n      <Spinner size={12} />\n    </span>\n  );\n};\n\nconst DetailPageContentLoading = (): JSX.Element => {\n  const { t } = useBackofficeReactTranslation();\n  return (\n    <div role=\"status\" aria-live=\"polite\" aria-busy=\"true\">\n      <Spinner size={20} ariaLabel={t('common.loading')} />\n    </div>\n  );\n};\n\nexport type BackofficeEntityDetailLayoutPageProps = {\n  entityManifest: BackofficeEntityManifestItem;\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  children?: ReactNode;\n};\n\ntype BackofficeEntityDetailLayoutPageContentProps = {\n  config: BackofficeResolvedDetailLayoutFacetConfig;\n  prepared: BackofficePreparedDetailLayoutDataRoute;\n  layoutNodeRef: unknown;\n  children?: ReactNode;\n};\n\nconst BackofficeEntityDetailLayoutPageContent = ({\n  config,\n  prepared,\n  layoutNodeRef,\n  children,\n}: BackofficeEntityDetailLayoutPageContentProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { entities, entityRegistry } = useBackofficeConfig();\n  const { pathname } = useLocation();\n  const routing = useContext(RoutingContext);\n  const layoutNode = useBackofficeFragment<unknown, unknown>(\n    config.layoutPage.fragment,\n    layoutNodeRef,\n  );\n\n  const layoutView = config.layoutPage.toView(layoutNode);\n  const activePagePath = resolveActivePagePath(pathname, prepared.id, config);\n  const resolvedPages = resolveVisibleDetailPages({\n    mainPage: config.pages.mainPage,\n    subPages: config.pages.subPages,\n    activePagePath,\n    node: layoutView,\n  });\n\n  if (!resolvedPages.hasVisiblePages || resolvedPages.activePage == null) {\n    return <BackofficeRedirect to={config.routes.list} />;\n  }\n\n  const { activePage } = resolvedPages;\n  if (\n    activePagePath !== '' &&\n    normalizePath(activePage.path) !== normalizePath(activePagePath)\n  ) {\n    return (\n      <BackofficeRedirect\n        to={config.routes.detailPage(prepared.id, activePage.id)}\n      />\n    );\n  }\n\n  const tabsItems = buildTabsItems({\n    pages: resolvedPages.pages,\n    id: prepared.id,\n    tApp,\n    detailPageHref: config.routes.detailPage,\n  });\n  const resolveEntityHref = (entityId: string, refId: string) => {\n    const entityConfig = entities[entityId];\n    if (entityConfig == null) {\n      return null;\n    }\n    return entityConfig.routes.detail(refId);\n  };\n  const header = resolveHeaderItems(config.header, layoutView, {\n    tApp,\n    t,\n    resolveEntityHref,\n    renderLink: (href, label) => {\n      return (\n        <Link to={href} preloadOnHover=\"code-and-data\">\n          {label}\n        </Link>\n      );\n    },\n    renderDate: (value, fallback) => {\n      return (\n        <FormattedDate\n          value={value}\n          options={BACKOFFICE_DATE_TIME_OPTIONS}\n          fallback={fallback}\n        />\n      );\n    },\n    renderTag: (tone, label) => {\n      return <Tag tone={tone}>{label}</Tag>;\n    },\n    renderBadgeRow: (items) => {\n      return <BackofficeDetailBadgeRow items={items} />;\n    },\n  });\n  const relationMenuItems: BackofficeRelationsMenuItem[] = (\n    config.relations ?? []\n  ).flatMap((relation) => {\n    const { filterId: configuredFilterId, path, target, whereKey } = relation;\n    const value = resolveRelationValue(relation.value(layoutView));\n    if (value == null) {\n      return [];\n    }\n\n    const entityManifest = entities[target];\n    if (entityManifest?.hasList !== true) {\n      return [];\n    }\n\n    const where = setWhereValue(null, whereKey, value, path);\n    if (where == null) {\n      return [];\n    }\n\n    const loadedEntity = entityRegistry.getLoadedListEntity(target);\n    let filterId = configuredFilterId;\n    if (filterId == null) {\n      filterId = whereKey;\n      if (path != null) {\n        filterId = `${whereKey}.${path.join('.')}`;\n      }\n    }\n\n    let href: string;\n    if (loadedEntity == null) {\n      href = buildBackofficeFallbackListHref(\n        entityManifest.routes.list,\n        where,\n        [\n          {\n            id: filterId,\n            value,\n          },\n        ],\n      );\n    } else {\n      href = buildBackofficeListHref(loadedEntity.config, { where });\n    }\n\n    return [\n      {\n        id: relation.id,\n        label: resolveLabel(relation.label, tApp),\n        count: (\n          <BackofficeLazyEntityCount\n            entity={target}\n            loadingFallback={<RelationCountLoading />}\n            where={where}\n          />\n        ),\n        href,\n        onClick: async (event) => {\n          if (\n            routing == null ||\n            event.defaultPrevented ||\n            event.button !== 0 ||\n            event.metaKey ||\n            event.altKey ||\n            event.ctrlKey ||\n            event.shiftKey\n          ) {\n            return;\n          }\n\n          event.preventDefault();\n\n          const listEntity = await entityRegistry.loadListEntity(target);\n          const next = buildBackofficeListLink(listEntity.config, { where });\n\n          let search = '';\n          if (next.search !== '') {\n            search = `?${next.search}`;\n          }\n\n          routing.history.push({\n            pathname: next.pathname,\n            search,\n            hash: '',\n          });\n        },\n      },\n    ];\n  });\n  const breadcrumb = buildEntityDetailBreadcrumb({\n    config,\n    tApp,\n    entityId: prepared.id,\n    layoutView,\n    pageLabel: activePage.label(tApp),\n    pageId: activePage.id,\n  });\n  let headerMetaNode: JSX.Element | undefined;\n  if (header.status != null || header.badges != null) {\n    headerMetaNode = (\n      <div className={pageStyles.headerMeta}>\n        {header.status}\n        {header.badges}\n      </div>\n    );\n  }\n  let headerItemsNode: JSX.Element | null = null;\n  if (header.items != null && header.items.length > 0) {\n    headerItemsNode = (\n      <div className={pageStyles.headerMetaList}>\n        <BackofficeKeyValueList items={header.items} />\n      </div>\n    );\n  }\n  let headerActionsNode: JSX.Element | undefined;\n  if (relationMenuItems.length > 0) {\n    headerActionsNode = (\n      <div className={pageStyles.headerRelationGroup}>\n        <BackofficeRelationsMenu\n          label={t('relations.menu.label')}\n          items={relationMenuItems}\n        />\n      </div>\n    );\n  }\n\n  const headerNode = (\n    <div className={pageStyles.headerBlock}>\n      <BackofficePageHeader\n        title={header.title}\n        subtitle={header.subtitle}\n        meta={headerMetaNode}\n        actions={headerActionsNode}\n      />\n      {headerItemsNode}\n    </div>\n  );\n  let tabsNode: JSX.Element | null = null;\n  if (resolvedPages.pages.length > 1) {\n    tabsNode = (\n      <Tabs items={tabsItems} activeId={activePage.id} variant=\"underline\" />\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutContextProvider\n      value={{\n        activePage,\n        config,\n        entityId: prepared.id,\n        layoutView,\n        tabsItems,\n        visiblePages: resolvedPages.pages,\n      }}\n    >\n      <BackofficeRightPageLayout breadcrumb={breadcrumb}>\n        <DetailPageTemplate\n          headerNode={headerNode}\n          tabsNode={tabsNode}\n          headerDensity=\"compact\"\n        >\n          <Suspense fallback={<DetailPageContentLoading />}>\n            {children}\n          </Suspense>\n        </DetailPageTemplate>\n      </BackofficeRightPageLayout>\n    </BackofficeEntityDetailLayoutContextProvider>\n  );\n};\n\nexport const BackofficeEntityDetailLayoutPage = ({\n  config,\n  prepared,\n  children,\n}: BackofficeEntityDetailLayoutPageProps): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const layoutQueryData = usePreloadedQuery(\n    config.layoutPage.query,\n    prepared.layoutQuery,\n  );\n  const layoutNodeRef = config.layoutPage.resolveNode(layoutQueryData, {\n    id: prepared.id,\n  });\n\n  if (layoutNodeRef == null) {\n    return (\n      <BackofficeRightPageLayout\n        breadcrumb={[\n          {\n            kind: 'link',\n            target: {\n              kind: 'entity-list',\n              entityId: config.id,\n            },\n            label: config.label(tApp),\n          },\n          {\n            kind: 'current',\n            target: {\n              kind: 'entity-detail',\n              entityId: config.id,\n              id: prepared.id,\n            },\n            label: t('detail.notFound'),\n          },\n        ]}\n      >\n        <BackofficeEntityDetailNotFound listHref={config.routes.list} />\n      </BackofficeRightPageLayout>\n    );\n  }\n\n  return (\n    <BackofficeEntityDetailLayoutPageContent\n      config={config}\n      prepared={prepared}\n      layoutNodeRef={layoutNodeRef}\n    >\n      {children}\n    </BackofficeEntityDetailLayoutPageContent>\n  );\n};\n\nexport default BackofficeEntityDetailLayoutPage;\n"],"mappings":"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"}

package/lib/esm/pages/BackofficeEntityDetailPage.js

@@ -10,30 +10,30 @@ import { BackofficeDetailFlagTag as l } from "../components/backoffice/detail/Ba
 import { BackofficeDetailTaggedValue as u } from "../components/backoffice/detail/BackofficeDetailTaggedValue.js";
 import { BackofficeLifecycleTimelineSection as d } from "../components/backoffice/detail/BackofficeLifecycleTimelineSection.js";
 import { BackofficeRelationsSummaryGrid as f } from "../components/backoffice/detail/BackofficeRelationsSummaryGrid.js";
-import { layout as ee, primary as te, secondary as ne, stacked as p } from "../components/backoffice/detail/backofficeDetailLayout.css.js";
-import { BackofficeEntityDetailScaffold as m } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
-import { useBackofficeEntityDetailNotFoundState as h } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
-import { useBackofficeFormats as g } from "../i18n/useBackofficeFormats.js";
-import { useRelayEnvironment as _ } from "../relay/useRelayEnvironment.js";
-import { headerActionGroup as re, headerActions as ie } from "./backofficeEntityDetailPage.css.js";
-import { extractMutationPayload as ae, isFormMutationAction as v, isMutationAction as oe, isRouteAction as se, resolveLabel as y } from "./BackofficeEntityDetailPage.helpers.js";
-import { buildFieldItems as ce, renderBlocks as le } from "./BackofficeEntityDetailPage.view-helpers.js";
+import { layout as ee, primary as te, secondary as ne, stacked as re } from "../components/backoffice/detail/backofficeDetailLayout.css.js";
+import { BackofficeEntityDetailScaffold as p } from "../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js";
+import { useBackofficeEntityDetailNotFoundState as m } from "../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js";
+import { useBackofficeFormats as h } from "../i18n/useBackofficeFormats.js";
+import { useRelayEnvironment as g } from "../relay/useRelayEnvironment.js";
+import { headerActionGroup as ie, headerActions as ae } from "./backofficeEntityDetailPage.css.js";
+import { extractMutationPayload as oe, isFormMutationAction as _, isMutationAction as se, isRouteAction as ce, resolveLabel as v } from "./BackofficeEntityDetailPage.helpers.js";
+import { buildFieldItems as y, renderBlocks as le } from "./BackofficeEntityDetailPage.view-helpers.js";
 import { useContext as b, useState as x } from "react";
 import { Fragment as ue, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as de } from "react-i18next";
-import { Button as w } from "@plumile/ui/atomic/atoms/button/Button.js";
-import { commitMutation as fe, usePreloadedQuery as pe } from "react-relay";
-import { useToast as me } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
-import he from "@plumile/router/routing/RoutingContext.js";
-import { FormattedDate as T } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
-import { BACKOFFICE_DATE_TIME_OPTIONS as E } from "@plumile/backoffice-core/constants.js";
-import D from "@plumile/router/routing/Link.js";
-import { Tag as O } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
-import { BackofficeDetailSection as k } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
-import { BackofficePayloadViewer as ge } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
-import { AuditTimeline as _e } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
-import { MetricCard as A } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
-import { MetricTileGroup as j } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
+import { useTranslation as w } from "react-i18next";
+import { Button as T } from "@plumile/ui/atomic/atoms/button/Button.js";
+import { commitMutation as de, usePreloadedQuery as E } from "react-relay";
+import { useToast as fe } from "@plumile/ui/atomic/molecules/toast/ToastProvider.js";
+import pe from "@plumile/router/routing/RoutingContext.js";
+import { FormattedDate as D } from "@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js";
+import { BACKOFFICE_DATE_TIME_OPTIONS as O } from "@plumile/backoffice-core/constants.js";
+import k from "@plumile/router/routing/Link.js";
+import { Tag as A } from "@plumile/ui/backoffice/atoms/tag/Tag.js";
+import { BackofficeDetailSection as j } from "@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js";
+import { BackofficePayloadViewer as me } from "@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js";
+import { AuditTimeline as he } from "@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js";
+import { MetricCard as ge } from "@plumile/ui/components/dashboard/metric_card/MetricCard.js";
+import { MetricTileGroup as _e } from "@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js";
 import { LinkButton as M } from "@plumile/ui/atomic/atoms/button/LinkButton.js";
 import { DataTable as N } from "@plumile/ui/components/data-table/DataTable.js";
 import { BackofficeKeyValueList as P } from "@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
@@ -132,36 +132,40 @@ var ve = (e) => {
 	let t = e.fields?.map((e) => e.presentation?.group) ?? [];
 	return t.length > 0 && t.every((e) => e === "scope" || e === "status") || e.placement === "side" || e.placement === "secondary" ? "secondary" : "primary";
 }, X = ({ config: I, prepared: L }) => {
-	let { t: R } = de(), { t: z } = e(), { formatNumber: B, formatCurrency: V, formatCurrencyTitle: H, formatPercent: U } = g(), { entities: W } = n(), G = b(he), K = _(), q = me(), [J, Y] = x({}), [X, Z] = x(null), Q = (e, t) => {
+	let { t: R } = w(), { t: z } = e(), { formatNumber: B, formatCurrency: V, formatCurrencyTitle: H, formatPercent: U } = h(), { entities: W } = n(), G = b(pe), K = g(), q = fe(), [J, Y] = x({}), [X, Z] = x(null), Q = (e, t) => {
 		Y((n) => n[e] === t ? n : {
 			...n,
 			[e]: t
 		});
-	}, { page: $ } = I, be = h({ listHref: I.routes.list }), xe = pe($.query, L.pageQuery), Se = $.resolveNode(xe, {
+	}, { page: $ } = I, be = m({ listHref: I.routes.list }), xe = E($.query, L.pageQuery), Se = $.resolveNode(xe, {
 		id: L.id,
 		detailId: L.detailId
-	});
-	return /* @__PURE__ */ S(m, {
-		node: r($.fragment, Se),
+	}), Ce = r($.fragment, Se);
+	return /* @__PURE__ */ S(p, {
+		node: Ce,
 		notFound: be,
 		render: (e) => {
 			let n = $.toView(e), r = (e, t) => {
 				let n = W[e];
 				return n == null ? null : n.routes.detail(t);
-			}, m = $.actions ?? [], h = [];
-			if (m.length > 0) {
-				let e = m.filter((e) => e.isVisible == null || e.isVisible(n));
-				e.length > 0 && (h = e.map((e) => {
-					let r = y(e.label, R), o = e.ariaLabel == null ? r : y(e.ariaLabel, R), s = e.variant ?? "secondary", c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
-					return se(e) ? /* @__PURE__ */ S(M, {
-						to: e.to(n),
-						variant: s,
-						size: c,
-						isDisabled: u,
-						"aria-label": o,
-						preloadOnHover: "code-and-data",
-						children: r
-					}, e.id) : v(e) ? /* @__PURE__ */ S(w, {
+			}, p = $.actions ?? [], m = [];
+			if (p.length > 0) {
+				let e = p.filter((e) => e.isVisible == null || e.isVisible(n));
+				e.length > 0 && (m = e.map((e) => {
+					let r = v(e.label, R), o = e.ariaLabel == null ? r : v(e.ariaLabel, R), s = e.variant ?? "secondary", c = e.size ?? "small", l = J[e.id] ?? !1, u = l || e.isDisabled?.(n) === !0;
+					if (ce(e)) {
+						let t = e.to(n);
+						return /* @__PURE__ */ S(M, {
+							to: t,
+							variant: s,
+							size: c,
+							isDisabled: u,
+							"aria-label": o,
+							preloadOnHover: "code-and-data",
+							children: r
+						}, e.id);
+					}
+					return _(e) ? /* @__PURE__ */ S(T, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -172,7 +176,7 @@ var ve = (e) => {
 						},
 						"aria-label": o,
 						children: r
-					}, e.id) : oe(e) ? /* @__PURE__ */ S(w, {
+					}, e.id) : se(e) ? /* @__PURE__ */ S(T, {
 						type: "button",
 						variant: s,
 						size: c,
@@ -181,7 +185,7 @@ var ve = (e) => {
 						onClick: () => {
 							if (l) return;
 							let r = e.getVariables(n);
-							Q(e.id, !0), fe(K, {
+							Q(e.id, !0), de(K, {
 								mutation: e.mutation,
 								variables: r,
 								updater: (t) => {
@@ -189,15 +193,15 @@ var ve = (e) => {
 								},
 								onCompleted: (r) => {
 									Q(e.id, !1);
-									let o = ae(r);
+									let o = oe(r);
 									if (o != null) {
 										let r = z("actions.form.errors.invalidPayload");
-										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (r = y(e.toasts.error.title, R)) : r = y(e.toasts.error.message, R);
+										e.toasts?.error?.message == null ? e.toasts?.error?.title != null && (r = v(e.toasts.error.title, R)) : r = v(e.toasts.error.message, R);
 										let a = t(o, {
 											defaultErrorMessage: r,
 											mapReason: (t) => {
 												let r = e.mapErrorReason?.(t, n);
-												return r == null ? null : typeof r == "function" ? y(r, R) : String(r);
+												return r == null ? null : typeof r == "function" ? v(r, R) : String(r);
 											}
 										});
 										if (!a.ok) {
@@ -242,11 +246,11 @@ var ve = (e) => {
 					}, e.id) : null;
 				}));
 			}
-			let g = m.find((e) => e.id === X), { content: _ } = $, b = [], x = [];
-			return _.forEach((e, t) => {
+			let h = p.find((e) => e.id === X), { content: g } = $, b = [], x = [];
+			g.forEach((e, t) => {
 				let i = ye(e) === "secondary" ? x : b;
 				if (e.kind === "fieldSet") {
-					let a = y(e.title, R), o = e.description == null ? void 0 : y(e.description, R), { items: s, customNodes: d } = ce(e.fields, n, {
+					let a = v(e.title, R), o = e.description == null ? void 0 : v(e.description, R), { items: s, customNodes: d } = y(e.fields, n, {
 						tApp: R,
 						t: z,
 						resolveEntityHref: r,
@@ -254,14 +258,14 @@ var ve = (e) => {
 						formatCurrency: V,
 						formatCurrencyTitle: H,
 						formatPercent: U,
-						renderTag: (e, t) => /* @__PURE__ */ S(O, {
+						renderTag: (e, t) => /* @__PURE__ */ S(A, {
 							tone: e,
 							children: t
 						}),
 						renderBadgeRow: (e) => /* @__PURE__ */ S(c, { items: e }),
-						renderDate: (e, t) => /* @__PURE__ */ S(T, {
+						renderDate: (e, t) => /* @__PURE__ */ S(D, {
 							value: e,
-							options: E,
+							options: O,
 							fallback: t
 						}),
 						renderFlagTag: (e) => /* @__PURE__ */ S(l, {
@@ -269,7 +273,7 @@ var ve = (e) => {
 							icon: e.iconName == null ? void 0 : ve(e.iconName),
 							label: e.label
 						}),
-						renderLink: (e, t) => /* @__PURE__ */ S(D, {
+						renderLink: (e, t) => /* @__PURE__ */ S(k, {
 							to: e,
 							preloadOnHover: "code-and-data",
 							children: t
@@ -281,7 +285,7 @@ var ve = (e) => {
 						wrapCustomNode: (e, t) => /* @__PURE__ */ S("div", { children: t }, e)
 					});
 					if (!(s.length > 0 || d.length > 0)) return;
-					i.push(/* @__PURE__ */ S(k, {
+					i.push(/* @__PURE__ */ S(j, {
 						title: a,
 						description: o,
 						items: s.length > 0 ? s : void 0,
@@ -294,27 +298,27 @@ var ve = (e) => {
 					t: z,
 					resolveEntityHref: r,
 					keyPrefix: String(t),
-					renderLink: (e, t) => /* @__PURE__ */ S(D, {
+					renderLink: (e, t) => /* @__PURE__ */ S(k, {
 						to: e,
 						preloadOnHover: "code-and-data",
 						children: t
 					}),
-					renderDate: (e, t) => /* @__PURE__ */ S(T, {
+					renderDate: (e, t) => /* @__PURE__ */ S(D, {
 						value: e,
-						options: E,
+						options: O,
 						fallback: t
 					}),
-					renderTag: (e, t) => /* @__PURE__ */ S(O, {
+					renderTag: (e, t) => /* @__PURE__ */ S(A, {
 						tone: e,
 						children: t
 					}),
-					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ S(k, {
+					renderMetricGroup: ({ key: e, title: t, description: n, density: r, items: i }) => /* @__PURE__ */ S(j, {
 						title: t,
 						description: n,
-						children: i.length > 0 && /* @__PURE__ */ S(j, {
+						children: i.length > 0 && /* @__PURE__ */ S(_e, {
 							density: r ?? "comfortable",
 							minColumn: "180",
-							children: i.map((e) => /* @__PURE__ */ S(A, {
+							children: i.map((e) => /* @__PURE__ */ S(ge, {
 								label: e.label,
 								value: e.value,
 								hint: e.hint,
@@ -331,10 +335,10 @@ var ve = (e) => {
 						description: n,
 						events: r
 					}, e),
-					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ S(k, {
+					renderAuditTimeline: ({ key: e, title: t, description: n, events: r }) => /* @__PURE__ */ S(j, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(_e, { events: r })
+						children: /* @__PURE__ */ S(he, { events: r })
 					}, e),
 					renderRelations: ({ key: e, title: t, items: n }) => /* @__PURE__ */ S(f, {
 						title: t,
@@ -344,7 +348,7 @@ var ve = (e) => {
 						title: t,
 						items: n
 					}, e),
-					renderCustomSection: (e, t, n) => /* @__PURE__ */ S(k, {
+					renderCustomSection: (e, t, n) => /* @__PURE__ */ S(j, {
 						title: t,
 						children: n
 					}, e),
@@ -353,7 +357,7 @@ var ve = (e) => {
 						tApp: R,
 						t: z
 					}),
-					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ S(k, {
+					renderTable: ({ key: e, title: t, description: n, columns: r, rows: i }) => /* @__PURE__ */ S(j, {
 						title: t,
 						description: n,
 						children: /* @__PURE__ */ S(N, {
@@ -368,46 +372,48 @@ var ve = (e) => {
 							}
 						})
 					}, e),
-					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ S(k, {
+					renderPayload: ({ key: e, title: t, description: n, content: r, format: i }) => /* @__PURE__ */ S(j, {
 						title: t,
 						description: n,
-						children: /* @__PURE__ */ S(ge, {
+						children: /* @__PURE__ */ S(me, {
 							content: r,
 							format: i,
 							emptyState: z("common.notAvailable")
 						})
 					}, e),
-					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ S(k, {
+					renderKeyValueListSection: ({ key: e, title: t, description: n, items: r }) => /* @__PURE__ */ S(j, {
 						title: t,
 						description: n,
 						children: /* @__PURE__ */ S(P, { items: r })
 					}, e)
 				})[0];
 				a != null && i.push(a);
-			}), /* @__PURE__ */ C(ue, { children: [
-				h.length > 0 ? /* @__PURE__ */ S("div", {
+			});
+			let w = m.length > 0 ? /* @__PURE__ */ S("div", {
+				className: ae,
+				children: /* @__PURE__ */ S("div", {
 					className: ie,
-					children: /* @__PURE__ */ S("div", {
-						className: re,
-						children: h
-					})
-				}) : null,
-				x.length > 0 ? /* @__PURE__ */ C("div", {
-					className: ee,
-					children: [/* @__PURE__ */ S("div", {
-						className: te,
-						children: b
-					}), /* @__PURE__ */ S("aside", {
-						className: ne,
-						children: x
-					})]
-				}) : /* @__PURE__ */ S("div", {
-					className: p,
+					children: m
+				})
+			}) : null, E = x.length > 0 ? /* @__PURE__ */ C("div", {
+				className: ee,
+				children: [/* @__PURE__ */ S("div", {
+					className: te,
 					children: b
-				}),
-				g != null && v(g) && /* @__PURE__ */ S(o, {
+				}), /* @__PURE__ */ S("aside", {
+					className: ne,
+					children: x
+				})]
+			}) : /* @__PURE__ */ S("div", {
+				className: re,
+				children: b
+			});
+			return /* @__PURE__ */ C(ue, { children: [
+				w,
+				E,
+				h != null && _(h) && /* @__PURE__ */ S(o, {
 					isOpen: !0,
-					action: g,
+					action: h,
 					node: n,
 					onClose: () => {
 						Z(null);

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

@@ -1 +1 @@
-{"version":3,"file":"BackofficeEntityDetailPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, type ReactNode, useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  type PreloadedQuery,\n  usePreloadedQuery,\n} from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { resolveMutationOutcome } from '../relay/mutationResult.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficePreparedDetailPageDataRoute,\n  BackofficeResolvedDetailPageFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePayloadViewer } from '@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js';\nimport { BackofficeScopeStack } from '@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js';\nimport { AuditTimeline } from '@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg.js';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg.js';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg.js';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg.js';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg.js';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg.js';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg.js';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg.js';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg.js';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg.js';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg.js';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg.js';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg.js';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg.js';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { useBackofficeEntityDetailNotFoundState } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeDetailFlagTag } from '../components/backoffice/detail/BackofficeDetailFlagTag.js';\nimport { BackofficeDetailTaggedValue } from '../components/backoffice/detail/BackofficeDetailTaggedValue.js';\nimport { BackofficeLifecycleTimelineSection } from '../components/backoffice/detail/BackofficeLifecycleTimelineSection.js';\nimport { BackofficeRelationsSummaryGrid } from '../components/backoffice/detail/BackofficeRelationsSummaryGrid.js';\nimport * as detailLayoutStyles from '../components/backoffice/detail/backofficeDetailLayout.css.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from '../components/backoffice/actions/toastViewAction.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { useBackofficeFormats } from '../i18n/useBackofficeFormats.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeFragment } from '../relay/typedRelayHooks.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport {\n  extractMutationPayload,\n  isFormMutationAction,\n  isMutationAction,\n  isRouteAction,\n  resolveLabel,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport {\n  buildFieldItems,\n  renderBlocks,\n  type FlagIconName,\n} from './BackofficeEntityDetailPage.view-helpers.js';\n\nexport type BackofficeEntityDetailPageProps = {\n  prepared: BackofficePreparedDetailPageDataRoute;\n};\n\nconst renderFlagIcon = (iconName: FlagIconName): JSX.Element => {\n  const iconSize = 14;\n  switch (iconName) {\n    case 'shield-lock':\n      return (\n        <ShieldLockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'shield-off':\n      return (\n        <ShieldOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'settings-check':\n      return (\n        <SettingsCheckSvg\n          width={iconSize}\n          height={iconSize}\n          aria-hidden=\"true\"\n        />\n      );\n    case 'settings-x':\n      return (\n        <SettingsXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'x-badge':\n      return (\n        <XBadgeSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'chat-check':\n      return (\n        <ChatCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'key':\n      return <KeySvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'key-off':\n      return (\n        <KeyOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'lock':\n      return <LockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'lock-open':\n      return (\n        <LockOpenSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-check':\n      return (\n        <RobotCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-x':\n      return (\n        <RobotXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket':\n      return (\n        <RocketSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket-off':\n      return (\n        <RocketOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    default:\n      throw new Error(`Unsupported flag icon: ${String(iconName)}`);\n  }\n};\n\nconst resolveDetailPlacement = (item: {\n  placement?: 'primary' | 'secondary' | 'main' | 'side' | 'fullWidth';\n  presentation?: {\n    group?: string;\n    desktop?: 'primary' | 'secondary' | 'fullWidth';\n  };\n  kind?: string;\n  fields?: readonly {\n    presentation?: {\n      group?: string;\n      desktop?: 'primary' | 'secondary' | 'fullWidth';\n    };\n  }[];\n}): 'primary' | 'secondary' => {\n  if (item.presentation?.desktop === 'secondary') {\n    return 'secondary';\n  }\n  if (\n    item.presentation?.group === 'scope' ||\n    item.presentation?.group === 'status'\n  ) {\n    return 'secondary';\n  }\n  const fieldGroups =\n    item.fields?.map((field) => {\n      return field.presentation?.group;\n    }) ?? [];\n  if (\n    fieldGroups.length > 0 &&\n    fieldGroups.every((group) => {\n      return group === 'scope' || group === 'status';\n    })\n  ) {\n    return 'secondary';\n  }\n  if (item.placement === 'side') {\n    return 'secondary';\n  }\n  if (item.placement === 'secondary') {\n    return 'secondary';\n  }\n  return 'primary';\n};\n\nconst BackofficeEntityDetailPageContent = ({\n  config,\n  prepared,\n}: {\n  config: BackofficeResolvedDetailPageFacetConfig;\n  prepared: {\n    pageQuery: PreloadedQuery<OperationType>;\n    id: string;\n    detailId?: string;\n    pageId: string;\n    pagePath: string;\n  };\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { formatNumber, formatCurrency, formatCurrencyTitle, formatPercent } =\n    useBackofficeFormats();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const [actionState, setActionState] = useState<Record<string, boolean>>({});\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const setActionLoading = (actionId: string, isLoading: boolean) => {\n    setActionState((prev) => {\n      if (prev[actionId] === isLoading) {\n        return prev;\n      }\n      return { ...prev, [actionId]: isLoading };\n    });\n  };\n\n  const { page } = config;\n  const notFound = useBackofficeEntityDetailNotFoundState({\n    listHref: config.routes.list,\n  });\n\n  const pageQueryData = usePreloadedQuery(page.query, prepared.pageQuery);\n  const pageNodeRef = page.resolveNode(pageQueryData, {\n    id: prepared.id,\n    detailId: prepared.detailId,\n  });\n  const resolvedNode = useBackofficeFragment<\n    unknown,\n    { __typename: string } | null | undefined\n  >(page.fragment, pageNodeRef);\n  return (\n    <BackofficeEntityDetailScaffold\n      node={resolvedNode}\n      notFound={notFound}\n      render={(node) => {\n        const view = page.toView(node);\n        const resolveEntityHref = (entityId: string, refId: string) => {\n          const entityConfig = entities[entityId];\n          if (entityConfig == null) {\n            return null;\n          }\n          return entityConfig.routes.detail(refId);\n        };\n        const actions = page.actions ?? [];\n        let headerActionButtons: ReactNode[] = [];\n        if (actions.length > 0) {\n          const visibleActions = actions.filter((action) => {\n            if (action.isVisible == null) {\n              return true;\n            }\n            return action.isVisible(view);\n          });\n\n          if (visibleActions.length > 0) {\n            headerActionButtons = visibleActions.map((action) => {\n              const label = resolveLabel(action.label, tApp);\n              const ariaLabel =\n                action.ariaLabel != null\n                  ? resolveLabel(action.ariaLabel, tApp)\n                  : label;\n              const variant = action.variant ?? 'secondary';\n              const size = action.size ?? 'small';\n              const isLoading = actionState[action.id] ?? false;\n              const isDisabled =\n                isLoading || action.isDisabled?.(view) === true;\n\n              if (isRouteAction(action)) {\n                const href = action.to(view);\n                return (\n                  <LinkButton\n                    key={action.id}\n                    to={href}\n                    variant={variant}\n                    size={size}\n                    isDisabled={isDisabled}\n                    aria-label={ariaLabel}\n                    preloadOnHover=\"code-and-data\"\n                  >\n                    {label}\n                  </LinkButton>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={false}\n                    disabled={isDisabled}\n                    onClick={() => {\n                      setActiveFormActionId(action.id);\n                    }}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              if (isMutationAction(action)) {\n                const handleClick = () => {\n                  if (isLoading) {\n                    return;\n                  }\n                  const variables = action.getVariables(view);\n                  setActionLoading(action.id, true);\n                  commitMutation(environment, {\n                    mutation: action.mutation,\n                    variables,\n                    updater: (store) => {\n                      action.updater?.(store, view);\n                    },\n                    onCompleted: (response) => {\n                      setActionLoading(action.id, false);\n                      const mutationPayload = extractMutationPayload(response);\n                      if (mutationPayload != null) {\n                        let defaultErrorMessage = t(\n                          'actions.form.errors.invalidPayload',\n                        );\n                        if (action.toasts?.error?.message != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.message,\n                            tApp,\n                          );\n                        } else if (action.toasts?.error?.title != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.title,\n                            tApp,\n                          );\n                        }\n\n                        const outcome = resolveMutationOutcome(\n                          mutationPayload,\n                          {\n                            defaultErrorMessage,\n                            mapReason: (reason) => {\n                              const mapped = action.mapErrorReason?.(\n                                reason,\n                                view,\n                              );\n                              if (mapped == null) {\n                                return null;\n                              }\n                              if (typeof mapped === 'function') {\n                                return resolveLabel(mapped, tApp);\n                              }\n                              return String(mapped);\n                            },\n                          },\n                        );\n                        if (!outcome.ok) {\n                          const error = new Error(outcome.message);\n                          action.onError?.(error, view);\n                          if (action.toasts?.error != null) {\n                            const toastSpec = resolveToastSpec(\n                              action.toasts.error,\n                              tApp,\n                            );\n                            toast.error(toastSpec.title, toastSpec.message);\n                          }\n                          return;\n                        }\n                      }\n\n                      action.onCompleted?.(response, view);\n                      if (action.toasts?.success != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.success,\n                          tApp,\n                        );\n                        const toastActions = resolveToastViewActions({\n                          toast: action.toasts.success,\n                          response,\n                          node: view,\n                          tApp,\n                          entities,\n                          defaultLabel: t('actions.view'),\n                          navigateTo: (to) => {\n                            routing?.history.push({ pathname: to });\n                          },\n                        });\n                        toast.push({\n                          kind: 'info',\n                          title: toastSpec.title,\n                          message: toastSpec.message,\n                          actions: toastActions,\n                        });\n                      }\n                    },\n                    onError: (error) => {\n                      setActionLoading(action.id, false);\n                      action.onError?.(error, view);\n                      if (action.toasts?.error != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.error,\n                          tApp,\n                        );\n                        toast.error(toastSpec.title, toastSpec.message);\n                      }\n                    },\n                  });\n                };\n\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={isLoading}\n                    disabled={isDisabled}\n                    onClick={handleClick}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              return null;\n            });\n          }\n        }\n\n        const activeFormAction = actions.find((action) => {\n          return action.id === activeFormActionId;\n        });\n\n        const { content } = page;\n\n        const primaryNodes: ReactNode[] = [];\n        const secondaryNodes: ReactNode[] = [];\n        content.forEach((item, index) => {\n          const placement = resolveDetailPlacement(item);\n          const targetNodes =\n            placement === 'secondary' ? secondaryNodes : primaryNodes;\n\n          if (item.kind === 'fieldSet') {\n            const sectionLabel = resolveLabel(item.title, tApp);\n            const description =\n              item.description != null\n                ? resolveLabel(item.description, tApp)\n                : undefined;\n            const { items, customNodes } = buildFieldItems(item.fields, view, {\n              tApp,\n              t,\n              resolveEntityHref,\n              formatNumber,\n              formatCurrency,\n              formatCurrencyTitle,\n              formatPercent,\n              renderTag: (tone, label) => {\n                return <Tag tone={tone}>{label}</Tag>;\n              },\n              renderBadgeRow: (items) => {\n                return <BackofficeDetailBadgeRow items={items} />;\n              },\n              renderDate: (value, fallback) => {\n                return (\n                  <FormattedDate\n                    value={value}\n                    options={BACKOFFICE_DATE_TIME_OPTIONS}\n                    fallback={fallback}\n                  />\n                );\n              },\n              renderFlagTag: (tag) => {\n                return (\n                  <BackofficeDetailFlagTag\n                    tone={tag.tone}\n                    icon={\n                      tag.iconName != null\n                        ? renderFlagIcon(tag.iconName)\n                        : undefined\n                    }\n                    label={tag.label}\n                  />\n                );\n              },\n              renderLink: (href, label) => {\n                return (\n                  <Link to={href} preloadOnHover=\"code-and-data\">\n                    {label}\n                  </Link>\n                );\n              },\n              renderTaggedValue: (tag, value) => {\n                return <BackofficeDetailTaggedValue tag={tag} value={value} />;\n              },\n              wrapCustomNode: (id, custom) => {\n                return <div key={id}>{custom}</div>;\n              },\n            });\n\n            const hasContent = items.length > 0 || customNodes.length > 0;\n\n            if (!hasContent) {\n              return;\n            }\n\n            targetNodes.push(\n              <BackofficeDetailSection\n                key={`${sectionLabel}-${index}`}\n                title={sectionLabel}\n                description={description}\n                items={items.length > 0 ? items : undefined}\n              >\n                {customNodes}\n              </BackofficeDetailSection>,\n            );\n            return;\n          }\n\n          const rendered = renderBlocks([item], view, {\n            tApp,\n            t,\n            resolveEntityHref,\n            keyPrefix: String(index),\n            renderLink: (href, label) => {\n              return (\n                <Link to={href} preloadOnHover=\"code-and-data\">\n                  {label}\n                </Link>\n              );\n            },\n            renderDate: (value, fallback) => {\n              return (\n                <FormattedDate\n                  value={value}\n                  options={BACKOFFICE_DATE_TIME_OPTIONS}\n                  fallback={fallback}\n                />\n              );\n            },\n            renderTag: (tone, label) => {\n              return <Tag tone={tone}>{label}</Tag>;\n            },\n            renderMetricGroup: ({\n              key,\n              title,\n              description,\n              density,\n              items,\n            }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  {items.length > 0 && (\n                    <MetricTileGroup\n                      density={density ?? 'comfortable'}\n                      minColumn=\"180\"\n                    >\n                      {items.map((metric) => {\n                        return (\n                          <MetricCard\n                            key={metric.id}\n                            label={metric.label}\n                            value={metric.value}\n                            hint={metric.hint}\n                            tone={metric.tone ?? 'neutral'}\n                            density={density ?? 'comfortable'}\n                            copyValue={metric.copyValue}\n                            copyLabel={t('common.actions.copy')}\n                            copiedLabel={t('common.actions.copied')}\n                          />\n                        );\n                      })}\n                    </MetricTileGroup>\n                  )}\n                </BackofficeDetailSection>\n              );\n            },\n            renderTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeLifecycleTimelineSection\n                  key={key}\n                  title={title}\n                  description={description}\n                  events={events}\n                />\n              );\n            },\n            renderAuditTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <AuditTimeline events={events} />\n                </BackofficeDetailSection>\n              );\n            },\n            renderRelations: ({ key, title, items }) => {\n              return (\n                <BackofficeRelationsSummaryGrid\n                  key={key}\n                  title={title}\n                  items={items}\n                />\n              );\n            },\n            renderContextStack: ({ key, title, items }) => {\n              return (\n                <BackofficeScopeStack key={key} title={title} items={items} />\n              );\n            },\n            renderCustomSection: (key, title, child) => {\n              return (\n                <BackofficeDetailSection key={key} title={title}>\n                  {child}\n                </BackofficeDetailSection>\n              );\n            },\n            wrapCustomNode: (key, custom) => {\n              return <div key={key}>{custom}</div>;\n            },\n            resolveTableColumns: (columns) => {\n              return buildDataTableColumns(columns, {\n                tApp,\n                t,\n              });\n            },\n            renderTable: ({ key, title, description, columns, rows }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <DataTable\n                    columns={columns}\n                    rows={rows}\n                    getRowId={(row, rowIndex) => {\n                      if (row != null && typeof row === 'object') {\n                        const record = row as Record<string, unknown>;\n                        const maybeId = record.id;\n                        if (\n                          typeof maybeId === 'string' &&\n                          maybeId.trim() !== ''\n                        ) {\n                          return maybeId;\n                        }\n                      }\n                      return String(rowIndex);\n                    }}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderPayload: ({ key, title, description, content, format }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficePayloadViewer\n                    content={content}\n                    format={format}\n                    emptyState={t('common.notAvailable')}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderKeyValueListSection: ({ key, title, description, items }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficeKeyValueList items={items} />\n                </BackofficeDetailSection>\n              );\n            },\n          });\n          const blockNode = rendered[0];\n          if (blockNode != null) {\n            targetNodes.push(blockNode);\n          }\n        });\n\n        const tabActionsNode =\n          headerActionButtons.length > 0 ? (\n            <div className={pageStyles.headerActions}>\n              <div className={pageStyles.headerActionGroup}>\n                {headerActionButtons}\n              </div>\n            </div>\n          ) : null;\n\n        const hasAside = secondaryNodes.length > 0;\n        const contentNode = hasAside ? (\n          <div className={detailLayoutStyles.layout}>\n            <div className={detailLayoutStyles.primary}>{primaryNodes}</div>\n            <aside className={detailLayoutStyles.secondary}>\n              {secondaryNodes}\n            </aside>\n          </div>\n        ) : (\n          <div className={detailLayoutStyles.stacked}>{primaryNodes}</div>\n        );\n\n        return (\n          <>\n            {tabActionsNode}\n            {contentNode}\n            {activeFormAction != null &&\n              isFormMutationAction(activeFormAction) && (\n                <LazyBackofficeEntityActionFormDialog\n                  isOpen\n                  action={activeFormAction}\n                  node={view}\n                  onClose={() => {\n                    setActiveFormActionId(null);\n                  }}\n                />\n              )}\n          </>\n        );\n      }}\n    />\n  );\n};\n\nexport const BackofficeEntityDetailPage = ({\n  prepared,\n}: BackofficeEntityDetailPageProps): JSX.Element => {\n  return (\n    <BackofficeEntityDetailPageContent\n      config={prepared.pageConfig}\n      prepared={prepared}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailPage;\n"],"mappings":"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"}
+{"version":3,"file":"BackofficeEntityDetailPage.js","names":[],"sources":["../../../src/pages/BackofficeEntityDetailPage.tsx"],"sourcesContent":["/* eslint-disable no-ternary */\nimport { type JSX, type ReactNode, useContext, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport {\n  commitMutation,\n  type PreloadedQuery,\n  usePreloadedQuery,\n} from 'react-relay';\nimport type { OperationType } from 'relay-runtime';\nimport { resolveMutationOutcome } from '../relay/mutationResult.js';\n\nimport { BACKOFFICE_DATE_TIME_OPTIONS } from '@plumile/backoffice-core/constants.js';\nimport type {\n  BackofficePreparedDetailPageDataRoute,\n  BackofficeResolvedDetailPageFacetConfig,\n} from '@plumile/backoffice-core/types.js';\nimport { Button } from '@plumile/ui/atomic/atoms/button/Button.js';\nimport { LinkButton } from '@plumile/ui/atomic/atoms/button/LinkButton.js';\nimport { FormattedDate } from '@plumile/ui/atomic/atoms/formatted-date/FormattedDate.js';\nimport { useToast } from '@plumile/ui/atomic/molecules/toast/ToastProvider.js';\nimport { Tag } from '@plumile/ui/backoffice/atoms/tag/Tag.js';\nimport { BackofficeDetailSection } from '@plumile/ui/backoffice/molecules/backoffice_detail_section/BackofficeDetailSection.js';\nimport { BackofficeKeyValueList } from '@plumile/ui/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js';\nimport { BackofficePayloadViewer } from '@plumile/ui/backoffice/molecules/backoffice_payload_viewer/BackofficePayloadViewer.js';\nimport { BackofficeScopeStack } from '@plumile/ui/backoffice/molecules/backoffice_scope_stack/BackofficeScopeStack.js';\nimport { AuditTimeline } from '@plumile/ui/backoffice/organisms/audit_timeline/AuditTimeline.js';\nimport { MetricCard } from '@plumile/ui/components/dashboard/metric_card/MetricCard.js';\nimport { MetricTileGroup } from '@plumile/ui/components/dashboard/metric_tile_group/MetricTileGroup.js';\nimport { DataTable } from '@plumile/ui/components/data-table/DataTable.js';\nimport { ChatCheckSvg } from '@plumile/ui/icons/ChatCheckSvg.js';\nimport { KeyOffSvg } from '@plumile/ui/icons/KeyOffSvg.js';\nimport { KeySvg } from '@plumile/ui/icons/KeySvg.js';\nimport { LockOpenSvg } from '@plumile/ui/icons/LockOpenSvg.js';\nimport { LockSvg } from '@plumile/ui/icons/LockSvg.js';\nimport { RobotCheckSvg } from '@plumile/ui/icons/RobotCheckSvg.js';\nimport { RobotXSvg } from '@plumile/ui/icons/RobotXSvg.js';\nimport { RocketOffSvg } from '@plumile/ui/icons/RocketOffSvg.js';\nimport { RocketSvg } from '@plumile/ui/icons/RocketSvg.js';\nimport { SettingsCheckSvg } from '@plumile/ui/icons/SettingsCheckSvg.js';\nimport { SettingsXSvg } from '@plumile/ui/icons/SettingsXSvg.js';\nimport { ShieldLockSvg } from '@plumile/ui/icons/ShieldLockSvg.js';\nimport { ShieldOffSvg } from '@plumile/ui/icons/ShieldOffSvg.js';\nimport { XBadgeSvg } from '@plumile/ui/icons/XBadgeSvg.js';\nimport Link from '@plumile/router/routing/Link.js';\nimport RoutingContext from '@plumile/router/routing/RoutingContext.js';\n\nimport { buildDataTableColumns } from '../components/backoffice/columns/buildDataTableColumns.js';\nimport { BackofficeEntityDetailScaffold } from '../components/backoffice/scaffolds/BackofficeEntityDetailScaffold.js';\nimport { useBackofficeEntityDetailNotFoundState } from '../components/backoffice/scaffolds/BackofficeEntityDetailNotFound.js';\nimport { BackofficeDetailBadgeRow } from '../components/backoffice/detail/BackofficeDetailBadgeRow.js';\nimport { BackofficeDetailFlagTag } from '../components/backoffice/detail/BackofficeDetailFlagTag.js';\nimport { BackofficeDetailTaggedValue } from '../components/backoffice/detail/BackofficeDetailTaggedValue.js';\nimport { BackofficeLifecycleTimelineSection } from '../components/backoffice/detail/BackofficeLifecycleTimelineSection.js';\nimport { BackofficeRelationsSummaryGrid } from '../components/backoffice/detail/BackofficeRelationsSummaryGrid.js';\nimport * as detailLayoutStyles from '../components/backoffice/detail/backofficeDetailLayout.css.js';\nimport { LazyBackofficeEntityActionFormDialog } from '../components/backoffice/actions/LazyBackofficeEntityActionFormDialog.js';\nimport {\n  resolveToastSpec,\n  resolveToastViewActions,\n} from '../components/backoffice/actions/toastViewAction.js';\nimport * as pageStyles from './backofficeEntityDetailPage.css.js';\nimport { useBackofficeFormats } from '../i18n/useBackofficeFormats.js';\nimport { useBackofficeReactTranslation } from '../i18n/useBackofficeReactTranslation.js';\nimport { useBackofficeConfig } from '../provider/BackofficeConfigContext.js';\nimport { useBackofficeFragment } from '../relay/typedRelayHooks.js';\nimport { useRelayEnvironment } from '../relay/useRelayEnvironment.js';\nimport {\n  extractMutationPayload,\n  isFormMutationAction,\n  isMutationAction,\n  isRouteAction,\n  resolveLabel,\n} from './BackofficeEntityDetailPage.helpers.js';\nimport {\n  buildFieldItems,\n  renderBlocks,\n  type FlagIconName,\n} from './BackofficeEntityDetailPage.view-helpers.js';\n\nexport type BackofficeEntityDetailPageProps = {\n  prepared: BackofficePreparedDetailPageDataRoute;\n};\n\nconst renderFlagIcon = (iconName: FlagIconName): JSX.Element => {\n  const iconSize = 14;\n  switch (iconName) {\n    case 'shield-lock':\n      return (\n        <ShieldLockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'shield-off':\n      return (\n        <ShieldOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'settings-check':\n      return (\n        <SettingsCheckSvg\n          width={iconSize}\n          height={iconSize}\n          aria-hidden=\"true\"\n        />\n      );\n    case 'settings-x':\n      return (\n        <SettingsXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'x-badge':\n      return (\n        <XBadgeSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'chat-check':\n      return (\n        <ChatCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'key':\n      return <KeySvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'key-off':\n      return (\n        <KeyOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'lock':\n      return <LockSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />;\n    case 'lock-open':\n      return (\n        <LockOpenSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-check':\n      return (\n        <RobotCheckSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'robot-x':\n      return (\n        <RobotXSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket':\n      return (\n        <RocketSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    case 'rocket-off':\n      return (\n        <RocketOffSvg width={iconSize} height={iconSize} aria-hidden=\"true\" />\n      );\n    default:\n      throw new Error(`Unsupported flag icon: ${String(iconName)}`);\n  }\n};\n\nconst resolveDetailPlacement = (item: {\n  placement?: 'primary' | 'secondary' | 'main' | 'side' | 'fullWidth';\n  presentation?: {\n    group?: string;\n    desktop?: 'primary' | 'secondary' | 'fullWidth';\n  };\n  kind?: string;\n  fields?: readonly {\n    presentation?: {\n      group?: string;\n      desktop?: 'primary' | 'secondary' | 'fullWidth';\n    };\n  }[];\n}): 'primary' | 'secondary' => {\n  if (item.presentation?.desktop === 'secondary') {\n    return 'secondary';\n  }\n  if (\n    item.presentation?.group === 'scope' ||\n    item.presentation?.group === 'status'\n  ) {\n    return 'secondary';\n  }\n  const fieldGroups =\n    item.fields?.map((field) => {\n      return field.presentation?.group;\n    }) ?? [];\n  if (\n    fieldGroups.length > 0 &&\n    fieldGroups.every((group) => {\n      return group === 'scope' || group === 'status';\n    })\n  ) {\n    return 'secondary';\n  }\n  if (item.placement === 'side') {\n    return 'secondary';\n  }\n  if (item.placement === 'secondary') {\n    return 'secondary';\n  }\n  return 'primary';\n};\n\nconst BackofficeEntityDetailPageContent = ({\n  config,\n  prepared,\n}: {\n  config: BackofficeResolvedDetailPageFacetConfig;\n  prepared: {\n    pageQuery: PreloadedQuery<OperationType>;\n    id: string;\n    detailId?: string;\n    pageId: string;\n    pagePath: string;\n  };\n}): JSX.Element => {\n  const { t: tApp } = useTranslation();\n  const { t } = useBackofficeReactTranslation();\n  const { formatNumber, formatCurrency, formatCurrencyTitle, formatPercent } =\n    useBackofficeFormats();\n  const { entities } = useBackofficeConfig();\n  const routing = useContext(RoutingContext);\n  const environment = useRelayEnvironment();\n  const toast = useToast();\n  const [actionState, setActionState] = useState<Record<string, boolean>>({});\n  const [activeFormActionId, setActiveFormActionId] = useState<string | null>(\n    null,\n  );\n  const setActionLoading = (actionId: string, isLoading: boolean) => {\n    setActionState((prev) => {\n      if (prev[actionId] === isLoading) {\n        return prev;\n      }\n      return { ...prev, [actionId]: isLoading };\n    });\n  };\n\n  const { page } = config;\n  const notFound = useBackofficeEntityDetailNotFoundState({\n    listHref: config.routes.list,\n  });\n\n  const pageQueryData = usePreloadedQuery(page.query, prepared.pageQuery);\n  const pageNodeRef = page.resolveNode(pageQueryData, {\n    id: prepared.id,\n    detailId: prepared.detailId,\n  });\n  const resolvedNode = useBackofficeFragment<\n    unknown,\n    { __typename: string } | null | undefined\n  >(page.fragment, pageNodeRef);\n  return (\n    <BackofficeEntityDetailScaffold\n      node={resolvedNode}\n      notFound={notFound}\n      render={(node) => {\n        const view = page.toView(node);\n        const resolveEntityHref = (entityId: string, refId: string) => {\n          const entityConfig = entities[entityId];\n          if (entityConfig == null) {\n            return null;\n          }\n          return entityConfig.routes.detail(refId);\n        };\n        const actions = page.actions ?? [];\n        let headerActionButtons: ReactNode[] = [];\n        if (actions.length > 0) {\n          const visibleActions = actions.filter((action) => {\n            if (action.isVisible == null) {\n              return true;\n            }\n            return action.isVisible(view);\n          });\n\n          if (visibleActions.length > 0) {\n            headerActionButtons = visibleActions.map((action) => {\n              const label = resolveLabel(action.label, tApp);\n              const ariaLabel =\n                action.ariaLabel != null\n                  ? resolveLabel(action.ariaLabel, tApp)\n                  : label;\n              const variant = action.variant ?? 'secondary';\n              const size = action.size ?? 'small';\n              const isLoading = actionState[action.id] ?? false;\n              const isDisabled =\n                isLoading || action.isDisabled?.(view) === true;\n\n              if (isRouteAction(action)) {\n                const href = action.to(view);\n                return (\n                  <LinkButton\n                    key={action.id}\n                    to={href}\n                    variant={variant}\n                    size={size}\n                    isDisabled={isDisabled}\n                    aria-label={ariaLabel}\n                    preloadOnHover=\"code-and-data\"\n                  >\n                    {label}\n                  </LinkButton>\n                );\n              }\n\n              if (isFormMutationAction(action)) {\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={false}\n                    disabled={isDisabled}\n                    onClick={() => {\n                      setActiveFormActionId(action.id);\n                    }}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              if (isMutationAction(action)) {\n                const handleClick = () => {\n                  if (isLoading) {\n                    return;\n                  }\n                  const variables = action.getVariables(view);\n                  setActionLoading(action.id, true);\n                  commitMutation(environment, {\n                    mutation: action.mutation,\n                    variables,\n                    updater: (store) => {\n                      action.updater?.(store, view);\n                    },\n                    onCompleted: (response) => {\n                      setActionLoading(action.id, false);\n                      const mutationPayload = extractMutationPayload(response);\n                      if (mutationPayload != null) {\n                        let defaultErrorMessage = t(\n                          'actions.form.errors.invalidPayload',\n                        );\n                        if (action.toasts?.error?.message != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.message,\n                            tApp,\n                          );\n                        } else if (action.toasts?.error?.title != null) {\n                          defaultErrorMessage = resolveLabel(\n                            action.toasts.error.title,\n                            tApp,\n                          );\n                        }\n\n                        const outcome = resolveMutationOutcome(\n                          mutationPayload,\n                          {\n                            defaultErrorMessage,\n                            mapReason: (reason) => {\n                              const mapped = action.mapErrorReason?.(\n                                reason,\n                                view,\n                              );\n                              if (mapped == null) {\n                                return null;\n                              }\n                              if (typeof mapped === 'function') {\n                                return resolveLabel(mapped, tApp);\n                              }\n                              return String(mapped);\n                            },\n                          },\n                        );\n                        if (!outcome.ok) {\n                          const error = new Error(outcome.message);\n                          action.onError?.(error, view);\n                          if (action.toasts?.error != null) {\n                            const toastSpec = resolveToastSpec(\n                              action.toasts.error,\n                              tApp,\n                            );\n                            toast.error(toastSpec.title, toastSpec.message);\n                          }\n                          return;\n                        }\n                      }\n\n                      action.onCompleted?.(response, view);\n                      if (action.toasts?.success != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.success,\n                          tApp,\n                        );\n                        const toastActions = resolveToastViewActions({\n                          toast: action.toasts.success,\n                          response,\n                          node: view,\n                          tApp,\n                          entities,\n                          defaultLabel: t('actions.view'),\n                          navigateTo: (to) => {\n                            routing?.history.push({ pathname: to });\n                          },\n                        });\n                        toast.push({\n                          kind: 'info',\n                          title: toastSpec.title,\n                          message: toastSpec.message,\n                          actions: toastActions,\n                        });\n                      }\n                    },\n                    onError: (error) => {\n                      setActionLoading(action.id, false);\n                      action.onError?.(error, view);\n                      if (action.toasts?.error != null) {\n                        const toastSpec = resolveToastSpec(\n                          action.toasts.error,\n                          tApp,\n                        );\n                        toast.error(toastSpec.title, toastSpec.message);\n                      }\n                    },\n                  });\n                };\n\n                return (\n                  <Button\n                    key={action.id}\n                    type=\"button\"\n                    variant={variant}\n                    size={size}\n                    isLoading={isLoading}\n                    disabled={isDisabled}\n                    onClick={handleClick}\n                    aria-label={ariaLabel}\n                  >\n                    {label}\n                  </Button>\n                );\n              }\n\n              return null;\n            });\n          }\n        }\n\n        const activeFormAction = actions.find((action) => {\n          return action.id === activeFormActionId;\n        });\n\n        const { content } = page;\n\n        const primaryNodes: ReactNode[] = [];\n        const secondaryNodes: ReactNode[] = [];\n        content.forEach((item, index) => {\n          const placement = resolveDetailPlacement(item);\n          const targetNodes =\n            placement === 'secondary' ? secondaryNodes : primaryNodes;\n\n          if (item.kind === 'fieldSet') {\n            const sectionLabel = resolveLabel(item.title, tApp);\n            const description =\n              item.description != null\n                ? resolveLabel(item.description, tApp)\n                : undefined;\n            const { items, customNodes } = buildFieldItems(item.fields, view, {\n              tApp,\n              t,\n              resolveEntityHref,\n              formatNumber,\n              formatCurrency,\n              formatCurrencyTitle,\n              formatPercent,\n              renderTag: (tone, label) => {\n                return <Tag tone={tone}>{label}</Tag>;\n              },\n              renderBadgeRow: (items) => {\n                return <BackofficeDetailBadgeRow items={items} />;\n              },\n              renderDate: (value, fallback) => {\n                return (\n                  <FormattedDate\n                    value={value}\n                    options={BACKOFFICE_DATE_TIME_OPTIONS}\n                    fallback={fallback}\n                  />\n                );\n              },\n              renderFlagTag: (tag) => {\n                return (\n                  <BackofficeDetailFlagTag\n                    tone={tag.tone}\n                    icon={\n                      tag.iconName != null\n                        ? renderFlagIcon(tag.iconName)\n                        : undefined\n                    }\n                    label={tag.label}\n                  />\n                );\n              },\n              renderLink: (href, label) => {\n                return (\n                  <Link to={href} preloadOnHover=\"code-and-data\">\n                    {label}\n                  </Link>\n                );\n              },\n              renderTaggedValue: (tag, value) => {\n                return <BackofficeDetailTaggedValue tag={tag} value={value} />;\n              },\n              wrapCustomNode: (id, custom) => {\n                return <div key={id}>{custom}</div>;\n              },\n            });\n\n            const hasContent = items.length > 0 || customNodes.length > 0;\n\n            if (!hasContent) {\n              return;\n            }\n\n            targetNodes.push(\n              <BackofficeDetailSection\n                key={`${sectionLabel}-${index}`}\n                title={sectionLabel}\n                description={description}\n                items={items.length > 0 ? items : undefined}\n              >\n                {customNodes}\n              </BackofficeDetailSection>,\n            );\n            return;\n          }\n\n          const rendered = renderBlocks([item], view, {\n            tApp,\n            t,\n            resolveEntityHref,\n            keyPrefix: String(index),\n            renderLink: (href, label) => {\n              return (\n                <Link to={href} preloadOnHover=\"code-and-data\">\n                  {label}\n                </Link>\n              );\n            },\n            renderDate: (value, fallback) => {\n              return (\n                <FormattedDate\n                  value={value}\n                  options={BACKOFFICE_DATE_TIME_OPTIONS}\n                  fallback={fallback}\n                />\n              );\n            },\n            renderTag: (tone, label) => {\n              return <Tag tone={tone}>{label}</Tag>;\n            },\n            renderMetricGroup: ({\n              key,\n              title,\n              description,\n              density,\n              items,\n            }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  {items.length > 0 && (\n                    <MetricTileGroup\n                      density={density ?? 'comfortable'}\n                      minColumn=\"180\"\n                    >\n                      {items.map((metric) => {\n                        return (\n                          <MetricCard\n                            key={metric.id}\n                            label={metric.label}\n                            value={metric.value}\n                            hint={metric.hint}\n                            tone={metric.tone ?? 'neutral'}\n                            density={density ?? 'comfortable'}\n                            copyValue={metric.copyValue}\n                            copyLabel={t('common.actions.copy')}\n                            copiedLabel={t('common.actions.copied')}\n                          />\n                        );\n                      })}\n                    </MetricTileGroup>\n                  )}\n                </BackofficeDetailSection>\n              );\n            },\n            renderTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeLifecycleTimelineSection\n                  key={key}\n                  title={title}\n                  description={description}\n                  events={events}\n                />\n              );\n            },\n            renderAuditTimeline: ({ key, title, description, events }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <AuditTimeline events={events} />\n                </BackofficeDetailSection>\n              );\n            },\n            renderRelations: ({ key, title, items }) => {\n              return (\n                <BackofficeRelationsSummaryGrid\n                  key={key}\n                  title={title}\n                  items={items}\n                />\n              );\n            },\n            renderContextStack: ({ key, title, items }) => {\n              return (\n                <BackofficeScopeStack key={key} title={title} items={items} />\n              );\n            },\n            renderCustomSection: (key, title, child) => {\n              return (\n                <BackofficeDetailSection key={key} title={title}>\n                  {child}\n                </BackofficeDetailSection>\n              );\n            },\n            wrapCustomNode: (key, custom) => {\n              return <div key={key}>{custom}</div>;\n            },\n            resolveTableColumns: (columns) => {\n              return buildDataTableColumns(columns, {\n                tApp,\n                t,\n              });\n            },\n            renderTable: ({ key, title, description, columns, rows }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <DataTable\n                    columns={columns}\n                    rows={rows}\n                    getRowId={(row, rowIndex) => {\n                      if (row != null && typeof row === 'object') {\n                        const record = row as Record<string, unknown>;\n                        const maybeId = record.id;\n                        if (\n                          typeof maybeId === 'string' &&\n                          maybeId.trim() !== ''\n                        ) {\n                          return maybeId;\n                        }\n                      }\n                      return String(rowIndex);\n                    }}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderPayload: ({ key, title, description, content, format }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficePayloadViewer\n                    content={content}\n                    format={format}\n                    emptyState={t('common.notAvailable')}\n                  />\n                </BackofficeDetailSection>\n              );\n            },\n            renderKeyValueListSection: ({ key, title, description, items }) => {\n              return (\n                <BackofficeDetailSection\n                  key={key}\n                  title={title}\n                  description={description}\n                >\n                  <BackofficeKeyValueList items={items} />\n                </BackofficeDetailSection>\n              );\n            },\n          });\n          const blockNode = rendered[0];\n          if (blockNode != null) {\n            targetNodes.push(blockNode);\n          }\n        });\n\n        const tabActionsNode =\n          headerActionButtons.length > 0 ? (\n            <div className={pageStyles.headerActions}>\n              <div className={pageStyles.headerActionGroup}>\n                {headerActionButtons}\n              </div>\n            </div>\n          ) : null;\n\n        const hasAside = secondaryNodes.length > 0;\n        const contentNode = hasAside ? (\n          <div className={detailLayoutStyles.layout}>\n            <div className={detailLayoutStyles.primary}>{primaryNodes}</div>\n            <aside className={detailLayoutStyles.secondary}>\n              {secondaryNodes}\n            </aside>\n          </div>\n        ) : (\n          <div className={detailLayoutStyles.stacked}>{primaryNodes}</div>\n        );\n\n        return (\n          <>\n            {tabActionsNode}\n            {contentNode}\n            {activeFormAction != null &&\n              isFormMutationAction(activeFormAction) && (\n                <LazyBackofficeEntityActionFormDialog\n                  isOpen\n                  action={activeFormAction}\n                  node={view}\n                  onClose={() => {\n                    setActiveFormActionId(null);\n                  }}\n                />\n              )}\n          </>\n        );\n      }}\n    />\n  );\n};\n\nexport const BackofficeEntityDetailPage = ({\n  prepared,\n}: BackofficeEntityDetailPageProps): JSX.Element => {\n  return (\n    <BackofficeEntityDetailPageContent\n      config={prepared.pageConfig}\n      prepared={prepared}\n    />\n  );\n};\n\nexport default BackofficeEntityDetailPage;\n"],"mappings":"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"}