synapse-react-client 4.0.26 → 4.0.28

package/dist/features/curator/dashboard/CuratorDashboard.js

@@ -1,45 +1,46 @@
-import e from "../../../components/layout/InfiniteTableLayout.js";
-import { useGetCurationTasksInfinite as t } from "../../../synapse-queries/curation/task/useCurationTask.js";
-import n from "../../team/invitation/components/OpenInvitationsToUserCard.js";
-import r from "./components/shared.module.js";
-import i from "./components/CurationTaskCard.js";
-import a from "../../../components/layout/SWCPageLayout.js";
+import { GRID_PAGE_TASK_ID_QUERY_PARAM as e } from "../../../utils/SynapseConstants.js";
+import t from "../../../components/layout/InfiniteTableLayout.js";
+import { useGetCurationTasksInfinite as n } from "../../../synapse-queries/curation/task/useCurationTask.js";
+import r from "../../team/invitation/components/OpenInvitationsToUserCard.js";
+import i from "./components/shared.module.js";
+import a from "./components/CurationTaskCard.js";
 import { useMemo as o } from "react";
 import { Typography as s } from "@mui/material";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "@mui/material/Stack";
+import { useSearchParams as u } from "react-router";
+import d from "@mui/material/Stack";
 //#region src/features/curator/dashboard/CuratorDashboard.tsx
-function d() {
-	let { data: d, isLoading: f, hasNextPage: p, isFetchingNextPage: m, fetchNextPage: h } = t({ assignedToMe: !0 }), g = o(() => d?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [d]);
-	return /* @__PURE__ */ c(a, {
-		header: { title: "Curator Dashboard" },
-		children: /* @__PURE__ */ l(u, {
-			className: "pageContent",
-			gap: 4,
-			mt: 5,
-			children: [
-				/* @__PURE__ */ c(s, {
-					variant: "headline1",
-					children: "On Your Radar"
+function f() {
+	let [f] = u(), p = f.get(e), { data: m, isLoading: h, hasNextPage: g, isFetchingNextPage: _, fetchNextPage: v } = n({
+		assignedToMe: !0,
+		taskIds: o(() => {
+			if (p) return p.split(",").map((e) => parseInt(e, 10)).filter((e) => !isNaN(e));
+		}, [p])
+	}), y = o(() => m?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [m]);
+	return /* @__PURE__ */ l(d, {
+		gap: 4,
+		children: [
+			/* @__PURE__ */ c(s, {
+				variant: "headline1",
+				children: "On Your Radar"
+			}),
+			/* @__PURE__ */ c(r, { cardProps: { className: i.card } }),
+			/* @__PURE__ */ c(t, {
+				table: /* @__PURE__ */ c(d, {
+					gap: 3,
+					children: y.map((e) => /* @__PURE__ */ c(a, { taskBundle: e }, e.task?.taskId))
 				}),
-				/* @__PURE__ */ c(n, { cardProps: { className: r.card } }),
-				/* @__PURE__ */ c(e, {
-					table: /* @__PURE__ */ c(u, {
-						gap: 3,
-						children: g.map((e) => /* @__PURE__ */ c(i, { taskBundle: e }, e.task?.taskId))
-					}),
-					isLoading: f,
-					isEmpty: g.length === 0,
-					hasNextPage: p,
-					isFetchingNextPage: m,
-					onFetchNextPageClicked: () => void h(),
-					noResults: "There are currently no curation tasks assigned to you."
-				})
-			]
-		})
+				isLoading: h,
+				isEmpty: y.length === 0,
+				hasNextPage: g,
+				isFetchingNextPage: _,
+				onFetchNextPageClicked: () => void v(),
+				noResults: "There are currently no curation tasks assigned to you."
+			})
+		]
 	});
 }
 //#endregion
-export { d as default };
+export { f as default };
 
 //# sourceMappingURL=CuratorDashboard.js.map

package/dist/features/curator/dashboard/CuratorDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CuratorDashboard.js","names":[],"sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport OpenInvitationsToUserCard from '@/features/team/invitation/components/OpenInvitationsToUserCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { Typography } from '@mui/material'\nimport Stack from '@mui/material/Stack'\nimport { useMemo } from 'react'\nimport CurationTaskCard from './components/CurationTaskCard'\nimport sharedStyles from './components/shared.module.scss'\nimport SWCPageLayout from '@/components/layout/SWCPageLayout'\n\nexport default function CuratorDashboard() {\n  const {\n    data: curationTasks,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetCurationTasksInfinite({\n    assignedToMe: true,\n  })\n\n  const tasks = useMemo(() => {\n    return curationTasks?.pages.flatMap(page => page.bundlePage ?? []) ?? []\n  }, [curationTasks])\n\n  return (\n    <SWCPageLayout header={{ title: 'Curator Dashboard' }}>\n      <Stack className=\"pageContent\" gap={4} mt={5}>\n        <Typography variant=\"headline1\">On Your Radar</Typography>\n        <OpenInvitationsToUserCard\n          cardProps={{ className: sharedStyles.card }}\n        />\n        <InfiniteTableLayout\n          table={\n            <Stack gap={3}>\n              {tasks.map(taskBundle => (\n                <CurationTaskCard\n                  key={taskBundle.task?.taskId}\n                  taskBundle={taskBundle}\n                />\n              ))}\n            </Stack>\n          }\n          isLoading={isLoading}\n          isEmpty={tasks.length === 0}\n          hasNextPage={hasNextPage}\n          isFetchingNextPage={isFetchingNextPage}\n          onFetchNextPageClicked={() => void fetchNextPage()}\n          noResults={'There are currently no curation tasks assigned to you.'}\n        ></InfiniteTableLayout>\n      </Stack>\n    </SWCPageLayout>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAwB,IAAmB;CACzC,IAAM,EACJ,MAAM,GACN,cACA,gBACA,uBACA,qBACE,EAA4B,EAC9B,cAAc,GAChB,CAAC,GAEK,IAAQ,QACL,GAAe,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GACtE,CAAC,CAAa,CAAC;CAElB,OACE,kBAAC,GAAD;EAAe,QAAQ,EAAE,OAAO,oBAAoB;YAClD,kBAAC,GAAD;GAAO,WAAU;GAAc,KAAK;GAAG,IAAI;aAA3C;IACE,kBAAC,GAAD;KAAY,SAAQ;eAAY;IAAyB,CAAA;IACzD,kBAAC,GAAD,EACE,WAAW,EAAE,WAAW,EAAa,KAAK,EAC3C,CAAA;IACD,kBAAC,GAAD;KACE,OACE,kBAAC,GAAD;MAAO,KAAK;gBACT,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;KACI,CAAA;KAEE;KACX,SAAS,EAAM,WAAW;KACb;KACO;KACpB,8BAA8B,KAAK,EAAc;KACjD,WAAW;IACS,CAAA;GACjB;;CACM,CAAA;AAEnB"}
+{"version":3,"file":"CuratorDashboard.js","names":[],"sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport OpenInvitationsToUserCard from '@/features/team/invitation/components/OpenInvitationsToUserCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { Typography } from '@mui/material'\nimport Stack from '@mui/material/Stack'\nimport { useMemo } from 'react'\nimport CurationTaskCard from './components/CurationTaskCard'\nimport sharedStyles from './components/shared.module.scss'\nimport { useSearchParams } from 'react-router'\nimport { GRID_PAGE_TASK_ID_QUERY_PARAM } from '@/utils/SynapseConstants'\n\nexport default function CuratorDashboardContent() {\n  const [searchParams] = useSearchParams()\n  const taskIdParam = searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM)\n\n  const taskIds = useMemo(() => {\n    if (!taskIdParam) return undefined\n    return taskIdParam\n      .split(',')\n      .map(id => parseInt(id, 10))\n      .filter(id => !isNaN(id))\n  }, [taskIdParam])\n\n  const {\n    data: curationTasks,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetCurationTasksInfinite({\n    assignedToMe: true,\n    taskIds,\n  })\n\n  const tasks = useMemo(() => {\n    return curationTasks?.pages.flatMap(page => page.bundlePage ?? []) ?? []\n  }, [curationTasks])\n\n  return (\n    <Stack gap={4}>\n      <Typography variant=\"headline1\">On Your Radar</Typography>\n      <OpenInvitationsToUserCard cardProps={{ className: sharedStyles.card }} />\n      <InfiniteTableLayout\n        table={\n          <Stack gap={3}>\n            {tasks.map(taskBundle => (\n              <CurationTaskCard\n                key={taskBundle.task?.taskId}\n                taskBundle={taskBundle}\n              />\n            ))}\n          </Stack>\n        }\n        isLoading={isLoading}\n        isEmpty={tasks.length === 0}\n        hasNextPage={hasNextPage}\n        isFetchingNextPage={isFetchingNextPage}\n        onFetchNextPageClicked={() => void fetchNextPage()}\n        noResults={'There are currently no curation tasks assigned to you.'}\n      ></InfiniteTableLayout>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAwB,IAA0B;CAChD,IAAM,CAAC,KAAgB,EAAgB,GACjC,IAAc,EAAa,IAAI,CAA6B,GAU5D,EACJ,MAAM,GACN,cACA,gBACA,uBACA,qBACE,EAA4B;EAC9B,cAAc;EACd,SAhBc,QAAc;GACvB,OACL,OAAO,EACJ,MAAM,GAAG,EACT,KAAI,MAAM,SAAS,GAAI,EAAE,CAAC,EAC1B,QAAO,MAAM,CAAC,MAAM,CAAE,CAAC;EAC5B,GAAG,CAAC,CAAW,CAUb;CACF,CAAC,GAEK,IAAQ,QACL,GAAe,MAAM,SAAQ,MAAQ,EAAK,cAAc,CAAC,CAAC,KAAK,CAAC,GACtE,CAAC,CAAa,CAAC;CAElB,OACE,kBAAC,GAAD;EAAO,KAAK;YAAZ;GACE,kBAAC,GAAD;IAAY,SAAQ;cAAY;GAAyB,CAAA;GACzD,kBAAC,GAAD,EAA2B,WAAW,EAAE,WAAW,EAAa,KAAK,EAAI,CAAA;GACzE,kBAAC,GAAD;IACE,OACE,kBAAC,GAAD;KAAO,KAAK;eACT,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,cACb,GAFM,EAAW,MAAM,MAEvB,CACF;IACI,CAAA;IAEE;IACX,SAAS,EAAM,WAAW;IACb;IACO;IACpB,8BAA8B,KAAK,EAAc;IACjD,WAAW;GACS,CAAA;EACjB;;AAEX"}

package/dist/features/curator/dashboard/CuratorDashboardRouter.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export type CuratorDashboardRouterProps = PropsWithChildren<{
+    /** Used to determine the base path for the component. Default is CuratorDashboard:0 */
+    routerBaseName?: string;
+    /** If true use a MemoryRouter, which prevents the browser URL from updating. For testing purposes only. */
+    useMemoryRouter?: boolean;
+}>;
+/**
+ * A router wrapper for the CuratorDashboard, which applies a router around the component to support using react-router APIs
+ * from within the dashboard.
+ */
+export default function CuratorDashboardRouter(props: CuratorDashboardRouterProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CuratorDashboardRouter.d.ts.map

package/dist/features/curator/dashboard/CuratorDashboardRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CuratorDashboardRouter.d.ts","sourceRoot":"","sources":["../../../../src/features/curator/dashboard/CuratorDashboardRouter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAWlD,MAAM,MAAM,2BAA2B,GAAG,iBAAiB,CAAC;IAC1D,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2GAA2G;IAC3G,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAC,CAAA;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAAK,EAAE,2BAA2B,2CA0CnC"}

package/dist/features/curator/dashboard/CuratorDashboardRouter.js

@@ -0,0 +1,37 @@
+import e from "../../entity/metadata-task/create-task/EditCurationTaskPage.js";
+import t from "./CuratorDashboard.js";
+import n from "../../../components/layout/SWCPageLayout.js";
+import { useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { Outlet as a, RouterProvider as o, createBrowserRouter as s, createMemoryRouter as c } from "react-router";
+import { RouterProvider as l } from "react-router/dom";
+//#region src/features/curator/dashboard/CuratorDashboardRouter.tsx
+function u(u) {
+	let { routerBaseName: d = "/CuratorDashboard:0", useMemoryRouter: f = !1 } = u, p = r(() => [{
+		path: "/",
+		element: /* @__PURE__ */ i(n, {
+			header: { title: "Curator Dashboard" },
+			children: /* @__PURE__ */ i("div", {
+				className: "pageContent",
+				style: { marginTop: "2rem" },
+				children: /* @__PURE__ */ i(a, {})
+			})
+		}),
+		children: [{
+			index: !0,
+			element: /* @__PURE__ */ i(t, {})
+		}, {
+			path: "edit/:taskId",
+			element: /* @__PURE__ */ i(e, {})
+		}]
+	}], []), m = r(() => f ? c(p, { basename: d }) : s(p, { basename: d }), [
+		f,
+		p,
+		d
+	]);
+	return i(f ? o : l, { router: m });
+}
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=CuratorDashboardRouter.js.map

package/dist/features/curator/dashboard/CuratorDashboardRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CuratorDashboardRouter.js","names":[],"sources":["../../../../src/features/curator/dashboard/CuratorDashboardRouter.tsx"],"sourcesContent":["import EditCurationTaskPage from '@/features/entity/metadata-task/create-task/EditCurationTaskPage'\nimport CuratorDashboardContent from './CuratorDashboard'\nimport { PropsWithChildren, useMemo } from 'react'\nimport { Outlet } from 'react-router'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  RouteObject,\n  RouterProvider,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\nimport SWCPageLayout from '@/components/layout/SWCPageLayout'\n\nexport type CuratorDashboardRouterProps = PropsWithChildren<{\n  /** Used to determine the base path for the component. Default is CuratorDashboard:0 */\n  routerBaseName?: string\n  /** If true use a MemoryRouter, which prevents the browser URL from updating. For testing purposes only. */\n  useMemoryRouter?: boolean\n}>\n\n/**\n * A router wrapper for the CuratorDashboard, which applies a router around the component to support using react-router APIs\n * from within the dashboard.\n */\nexport default function CuratorDashboardRouter(\n  props: CuratorDashboardRouterProps,\n) {\n  const { routerBaseName = '/CuratorDashboard:0', useMemoryRouter = false } =\n    props\n\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: (\n          <SWCPageLayout header={{ title: 'Curator Dashboard' }}>\n            <div className=\"pageContent\" style={{ marginTop: '2rem' }}>\n              <Outlet />\n            </div>\n          </SWCPageLayout>\n        ),\n        children: [\n          { index: true, element: <CuratorDashboardContent /> },\n          { path: 'edit/:taskId', element: <EditCurationTaskPage /> },\n        ],\n      },\n    ],\n    [],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n"],"mappings":";;;;;;;;AAwBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,oBAAiB,uBAAuB,qBAAkB,OAChE,GAEI,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SACE,kBAAC,GAAD;GAAe,QAAQ,EAAE,OAAO,oBAAoB;aAClD,kBAAC,OAAD;IAAK,WAAU;IAAc,OAAO,EAAE,WAAW,OAAO;cACtD,kBAAC,GAAD,CAAS,CAAA;GACN,CAAA;EACQ,CAAA;EAEjB,UAAU,CACR;GAAE,OAAO;GAAM,SAAS,kBAAC,GAAD,CAA0B,CAAA;EAAE,GACpD;GAAE,MAAM;GAAgB,SAAS,kBAAC,GAAD,CAAuB,CAAA;EAAE,CAC5D;CACF,CACF,GACA,CAAC,CACH,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAM5C,OAHS,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C"}

package/dist/features/curator/dashboard/components/CurationTaskCard.css

@@ -1 +1 @@
-._card_12r05_1.MuiCard-root{background-color:#f5f8fa}._cardContent_12r05_5{flex-direction:row;align-items:stretch;gap:24px;margin-bottom:16px;display:flex}@media (width<=768px){._cardContent_12r05_5{flex-direction:column}}._mainContent_12r05_18{flex-direction:column;flex-grow:1;gap:16px;display:flex}._titleChipContainer_12r05_25{flex-direction:row;align-items:center;gap:16px;display:flex}@media (width<=768px){._titleChipContainer_12r05_25{flex-direction:column;align-items:flex-start}}._userChipContainer_12r05_39{flex-flow:wrap;align-items:center;gap:16px;display:flex}._buttonContainer_12r05_47{flex-grow:0;flex-shrink:0;margin-left:auto;display:flex}@media (width<=768px){._buttonContainer_12r05_47{margin-left:0}}
+._card_pb0lb_1.MuiCard-root{background-color:#f5f8fa}._cardContent_pb0lb_5{flex-direction:row;align-items:stretch;gap:24px;margin-bottom:16px;display:flex}@media (width<=768px){._cardContent_pb0lb_5{flex-direction:column}}._mainContent_pb0lb_18{flex-direction:column;flex:1;gap:16px;display:flex}._titleChipContainer_pb0lb_26{flex-direction:row;align-items:center;gap:16px;display:flex}@media (width<=768px){._titleChipContainer_pb0lb_26{flex-direction:column;align-items:flex-start}}._title_pb0lb_26{cursor:pointer}._title_pb0lb_26:hover{text-decoration:underline}._entityInfo_pb0lb_47{gap:16px;display:flex}._statusContainer_pb0lb_52{flex-direction:column;align-items:flex-start;gap:8px;display:flex}._expandedContent_pb0lb_59{background-color:#fff;border-radius:4px;flex-direction:column;gap:16px;margin:16px;padding:16px;display:flex}._userChipContainer_pb0lb_69{flex-flow:wrap;align-items:center;gap:16px;display:flex}._buttonContainer_pb0lb_77{flex-grow:0;flex-shrink:0;margin-left:auto;display:flex}@media (width<=768px){._buttonContainer_pb0lb_77{margin-left:0}}

package/dist/features/curator/dashboard/components/CurationTaskCard.d.ts

@@ -3,7 +3,9 @@ export type CurationTaskCardProps = {
     taskBundle: TaskBundle;
 };
 /**
- * Card component for displaying a curation task on the curator dashboard. Shows relevant information about the task and includes a button to proceed to the next step in the workflow.
+ * Card component for displaying a curation task on the curator dashboard. Dispatches to the card
+ * variant appropriate for the task's type: an executable (Compute Data) task, a grid-supported
+ * (Curate Data) task, or a fallback for unrecognized types.
  */
 export default function CurationTaskCard(props: CurationTaskCardProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CurationTaskCard.d.ts.map

package/dist/features/curator/dashboard/components/CurationTaskCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CurationTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"names":[],"mappings":"AAeA,OAAO,EACL,UAAU,EAEX,MAAM,kCAAkC,CAAA;AASzC,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AA8ED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA+FpE"}
+{"version":3,"file":"CurationTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAS7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAuCpE"}

package/dist/features/curator/dashboard/components/CurationTaskCard.js

@@ -1,166 +1,35 @@
 import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
-import t from "../../../../synapse-queries/entity/useEntityBundle.js";
 import "../../../../components/index.js";
-import { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE as n, TASK_STATUS_CONFIG as r } from "../../../entity/metadata-task/utils/constants.js";
-import i from "../../../entity/metadata-task/hooks/useOpenCuratorButton.js";
-import a from "../../../entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.js";
-import o from "./CurationTaskCard.module.js";
-import s from "./NextStepButton.js";
-import c from "./shared.module.js";
-import l from "./UserOrTeamChip.js";
-import { useState as u } from "react";
-import { Box as d, Card as f, Chip as p, Divider as m, IconButton as h, Skeleton as g, Typography as _ } from "@mui/material";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import b from "classnames";
-import x from "@mui/icons-material/SettingsOutlined";
+import { getComputeTaskConcreteType as t } from "../../../entity/metadata-task/utils/types.js";
+import n from "./CurationTaskCard.module.js";
+import r, { deriveCardFields as i } from "./CurationTaskCardLayout.js";
+import a from "./NextStepButton.js";
+import o from "./ExecutableTaskCard.js";
+import s from "./GridTaskCard.js";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/features/curator/dashboard/components/CurationTaskCard.tsx
-function S(t) {
-	let { onClick: n, isLoading: r, isPending: a, hasPermission: o } = i(t);
-	if (!t.task || !t.status) throw Error("Task bundle is missing required properties");
-	switch (t.task?.taskProperties?.concreteType) {
+function l(l) {
+	let { taskBundle: u } = l;
+	if (!u.task || !u.status) throw Error("Task bundle is missing required properties");
+	let d = u.task.taskProperties?.concreteType;
+	if (t(u.task.taskProperties)) return /* @__PURE__ */ c(o, { taskBundle: u });
+	switch (d) {
 		case "org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties":
-		case "org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties": return {
-			title: t.task.dataType,
-			description: t.task.instructions ?? "",
-			taskId: t.task.taskId,
-			principalIds: t.task.assigneePrincipalId ? [t.task.assigneePrincipalId] : [],
-			buttonText: "Open Curator",
-			taskType: "Curate Data",
-			statusState: t.status.state,
-			onClickNextStep: n,
-			isLoading: r,
-			isPending: a,
-			hasPermission: o
-		};
-		default: console.error("No UI implemented for task type: " + t.task?.taskProperties?.concreteType);
+		case "org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties": return /* @__PURE__ */ c(s, { taskBundle: u });
+		default: return console.error("No UI implemented for task type: " + d), /* @__PURE__ */ c(r, {
+			taskBundle: u,
+			...i(u.task),
+			taskType: "",
+			renderActionButton: ({ expanded: t }) => /* @__PURE__ */ c(a, {
+				className: n.cardButton,
+				buttonText: "Continue",
+				onClick: () => e("No action defined for this task type", "danger", { title: "Unexpected Error" }),
+				expanded: t
+			})
+		});
 	}
-	return {
-		title: t.task.dataType,
-		description: t.task.instructions ?? "",
-		taskId: t.task.taskId,
-		principalIds: t.task.assigneePrincipalId ? [t.task.assigneePrincipalId] : [],
-		buttonText: "Continue",
-		taskType: "",
-		statusState: t.status.state,
-		onClickNextStep: () => {
-			e("No action defined for this task type", "danger", { title: "Unexpected Error" });
-		},
-		isLoading: !1,
-		isPending: !1,
-		hasPermission: void 0
-	};
-}
-function C(e) {
-	let { label: t } = e;
-	return /* @__PURE__ */ v(p, {
-		sx: {
-			fontWeight: 600,
-			backgroundColor: "#BFD3ED"
-		},
-		label: t
-	});
-}
-function w(e) {
-	let { state: t } = e;
-	if (!t) return null;
-	let { label: n, backgroundColor: i } = r[t];
-	return /* @__PURE__ */ v(p, {
-		size: "small",
-		sx: {
-			fontWeight: 600,
-			backgroundColor: i
-		},
-		label: n
-	});
-}
-function T(r) {
-	let { taskBundle: i } = r, { title: p, description: T, taskId: E, taskType: D, principalIds: O, buttonText: k, statusState: A, onClickNextStep: j, hasPermission: M, isLoading: N, isPending: P } = S(i), [F, I] = u(!1), L = i.task?.projectId, { data: R } = t(L, void 0, {
-		includeEntity: !0,
-		includePermissions: !0
-	}), z = R?.permissions?.canEdit ?? !1;
-	function B() {
-		M ? j() : e(n, "danger");
-	}
-	return /* @__PURE__ */ y(f, {
-		className: b(c.card, o.card),
-		children: [/* @__PURE__ */ y("div", {
-			className: o.cardContent,
-			children: [
-				/* @__PURE__ */ y("div", {
-					className: o.mainContent,
-					children: [
-						/* @__PURE__ */ y("div", {
-							className: o.titleChipContainer,
-							children: [
-								/* @__PURE__ */ v(_, {
-									variant: "headline3",
-									children: p
-								}),
-								D && /* @__PURE__ */ v(C, { label: D }),
-								z && /* @__PURE__ */ v(h, {
-									onClick: () => I(!0),
-									"aria-label": "Task settings",
-									children: /* @__PURE__ */ v(x, {})
-								})
-							]
-						}),
-						/* @__PURE__ */ y(d, {
-							sx: {
-								display: "flex",
-								gap: 4
-							},
-							children: [R?.entity?.name ? /* @__PURE__ */ v(_, {
-								variant: "body1",
-								children: R.entity.name
-							}) : /* @__PURE__ */ v(g, { width: 100 }), E && /* @__PURE__ */ y(_, {
-								variant: "body1",
-								children: ["Task ID: ", E]
-							})]
-						}),
-						T && /* @__PURE__ */ v(_, {
-							variant: "body1",
-							children: T
-						}),
-						/* @__PURE__ */ v("div", {
-							className: o.userChipContainer,
-							children: O.map((e) => /* @__PURE__ */ v(l, { principalId: e }, e))
-						})
-					]
-				}),
-				/* @__PURE__ */ v(d, {
-					sx: {
-						display: "flex",
-						alignItems: "center"
-					},
-					children: /* @__PURE__ */ v(w, { state: A })
-				}),
-				/* @__PURE__ */ v(m, {
-					orientation: "vertical",
-					flexItem: !0,
-					sx: { display: {
-						xs: "none",
-						md: "block"
-					} }
-				}),
-				/* @__PURE__ */ v(s, {
-					className: o.cardButton,
-					buttonText: k,
-					onClick: B,
-					disabled: N,
-					loading: P
-				})
-			]
-		}), /* @__PURE__ */ v(a, {
-			open: F,
-			onCancel: () => I(!1),
-			onSuccess: () => I(!1),
-			onDeleteSuccess: () => I(!1),
-			projectId: L ?? "",
-			task: i.task
-		}, String(F))]
-	});
 }
 //#endregion
-export { T as default };
+export { l as default };
 
 //# sourceMappingURL=CurationTaskCard.js.map

package/dist/features/curator/dashboard/components/CurationTaskCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurationTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport CreateOrUpdateCurationTaskDialog from '@/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog'\nimport { TASK_STATUS_CONFIG } from '@/features/entity/metadata-task/utils/constants'\nimport useOpenCuratorFromTaskButton from '@/features/entity/metadata-task/hooks/useOpenCuratorButton'\nimport { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE } from '@/features/entity/metadata-task/utils/constants'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport {\n  Box,\n  Card,\n  Chip,\n  Divider,\n  IconButton,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  TaskBundle,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport classNames from 'classnames'\nimport styles from './CurationTaskCard.module.scss'\nimport NextStepButton from './NextStepButton'\nimport sharedStyles from './shared.module.scss'\nimport UserOrTeamChip from './UserOrTeamChip'\nimport SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'\nimport { useState } from 'react'\n\nexport type CurationTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\nfunction useUiForTask(taskBundle: TaskBundle) {\n  const { onClick, isLoading, isPending, hasPermission } =\n    useOpenCuratorFromTaskButton(taskBundle)\n\n  if (!taskBundle.task || !taskBundle.status) {\n    throw new Error('Task bundle is missing required properties')\n  }\n\n  switch (taskBundle.task?.taskProperties?.concreteType) {\n    case 'org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties':\n    case 'org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties':\n      return {\n        title: taskBundle.task.dataType,\n        description: taskBundle.task.instructions ?? '',\n        taskId: taskBundle.task.taskId,\n        principalIds: taskBundle.task.assigneePrincipalId\n          ? [taskBundle.task.assigneePrincipalId]\n          : [],\n        buttonText: 'Open Curator',\n        taskType: 'Curate Data',\n        statusState: taskBundle.status.state,\n        onClickNextStep: onClick,\n        isLoading,\n        isPending,\n        hasPermission,\n      }\n    default: {\n      console.error(\n        'No UI implemented for task type: ' +\n          // @ts-expect-error - the switch should be exhaustive for known types\n          taskBundle.task?.taskProperties?.concreteType,\n      )\n    }\n  }\n\n  return {\n    title: taskBundle.task.dataType,\n    description: taskBundle.task.instructions ?? '',\n    taskId: taskBundle.task.taskId!,\n    principalIds: taskBundle.task.assigneePrincipalId\n      ? [taskBundle.task.assigneePrincipalId]\n      : [],\n    buttonText: 'Continue',\n    taskType: '',\n    statusState: taskBundle.status.state,\n    onClickNextStep: () => {\n      displayToast('No action defined for this task type', 'danger', {\n        title: 'Unexpected Error',\n      })\n    },\n    isLoading: false,\n    isPending: false,\n    hasPermission: undefined,\n  }\n}\n\nfunction TaskTypeChip(props: { label: string }) {\n  const { label } = props\n  return (\n    <Chip sx={{ fontWeight: 600, backgroundColor: '#BFD3ED' }} label={label} />\n  )\n}\n\nfunction TaskStatusChip(props: { state: TaskStatusStateEnum | undefined }) {\n  const { state } = props\n  if (!state) return null\n  const { label, backgroundColor } = TASK_STATUS_CONFIG[state]\n  return (\n    <Chip\n      size=\"small\"\n      sx={{ fontWeight: 600, backgroundColor }}\n      label={label}\n    />\n  )\n}\n\n/**\n * Card component for displaying a curation task on the curator dashboard. Shows relevant information about the task and includes a button to proceed to the next step in the workflow.\n */\nexport default function CurationTaskCard(props: CurationTaskCardProps) {\n  const { taskBundle } = props\n  const {\n    title,\n    description,\n    taskId,\n    taskType,\n    principalIds,\n    buttonText,\n    statusState,\n    onClickNextStep,\n    hasPermission: hasPermissionToOpenGrid,\n    isLoading,\n    isPending,\n  } = useUiForTask(taskBundle)\n\n  const [isSettingsOpen, setIsSettingsOpen] = useState(false)\n\n  const projectId = taskBundle.task?.projectId\n  const { data: bundle } = useGetEntityBundle(projectId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n  const canEdit = bundle?.permissions?.canEdit ?? false\n\n  function onClickAction() {\n    if (hasPermissionToOpenGrid) {\n      onClickNextStep()\n    } else {\n      displayToast(OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE, 'danger')\n    }\n  }\n\n  return (\n    <Card className={classNames(sharedStyles.card, styles.card)}>\n      <div className={styles.cardContent}>\n        <div className={styles.mainContent}>\n          <div className={styles.titleChipContainer}>\n            <Typography variant=\"headline3\">{title}</Typography>\n            {taskType && <TaskTypeChip label={taskType} />}\n            {canEdit && (\n              <IconButton\n                onClick={() => setIsSettingsOpen(true)}\n                aria-label=\"Task settings\"\n              >\n                <SettingsOutlinedIcon />\n              </IconButton>\n            )}\n          </div>\n          <Box sx={{ display: 'flex', gap: 4 }}>\n            {bundle?.entity?.name ? (\n              <Typography variant=\"body1\">{bundle.entity.name}</Typography>\n            ) : (\n              <Skeleton width={100} />\n            )}\n            {taskId && (\n              <Typography variant=\"body1\">Task ID: {taskId}</Typography>\n            )}\n          </Box>\n          {description && (\n            <Typography variant=\"body1\">{description}</Typography>\n          )}\n          <div className={styles.userChipContainer}>\n            {principalIds.map(principalId => (\n              <UserOrTeamChip key={principalId} principalId={principalId} />\n            ))}\n          </div>\n        </div>\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <TaskStatusChip state={statusState} />\n        </Box>\n        <Divider\n          orientation=\"vertical\"\n          flexItem\n          sx={{ display: { xs: 'none', md: 'block' } }}\n        />\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText={buttonText}\n          onClick={onClickAction}\n          disabled={isLoading}\n          loading={isPending}\n        />\n      </div>\n      <CreateOrUpdateCurationTaskDialog\n        key={String(isSettingsOpen)}\n        open={isSettingsOpen}\n        onCancel={() => setIsSettingsOpen(false)}\n        onSuccess={() => setIsSettingsOpen(false)}\n        onDeleteSuccess={() => setIsSettingsOpen(false)}\n        projectId={projectId ?? ''}\n        task={taskBundle.task}\n      />\n    </Card>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"CurationTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport { getComputeTaskConcreteType } from '@/features/entity/metadata-task/utils/types'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport CurationTaskCardLayout, {\n  deriveCardFields,\n} from './CurationTaskCardLayout'\nimport ExecutableTaskCard from './ExecutableTaskCard'\nimport GridTaskCard from './GridTaskCard'\nimport NextStepButton from './NextStepButton'\nimport styles from './CurationTaskCard.module.scss'\n\nexport type CurationTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\n/**\n * Card component for displaying a curation task on the curator dashboard. Dispatches to the card\n * variant appropriate for the task's type: an executable (Compute Data) task, a grid-supported\n * (Curate Data) task, or a fallback for unrecognized types.\n */\nexport default function CurationTaskCard(props: CurationTaskCardProps) {\n  const { taskBundle } = props\n\n  if (!taskBundle.task || !taskBundle.status) {\n    throw new Error('Task bundle is missing required properties')\n  }\n\n  const concreteType = taskBundle.task.taskProperties?.concreteType\n\n  if (getComputeTaskConcreteType(taskBundle.task.taskProperties)) {\n    return <ExecutableTaskCard taskBundle={taskBundle} />\n  }\n\n  switch (concreteType) {\n    case 'org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties':\n    case 'org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties':\n      return <GridTaskCard taskBundle={taskBundle} />\n    default:\n      console.error('No UI implemented for task type: ' + concreteType)\n      return (\n        <CurationTaskCardLayout\n          taskBundle={taskBundle}\n          {...deriveCardFields(taskBundle.task)}\n          taskType=\"\"\n          renderActionButton={({ expanded }) => (\n            <NextStepButton\n              className={styles.cardButton}\n              buttonText=\"Continue\"\n              onClick={() =>\n                displayToast('No action defined for this task type', 'danger', {\n                  title: 'Unexpected Error',\n                })\n              }\n              expanded={expanded}\n            />\n          )}\n        />\n      )\n  }\n}\n"],"mappings":";;;;;;;;;;AAoBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,kBAAe;CAEvB,IAAI,CAAC,EAAW,QAAQ,CAAC,EAAW,QAClC,MAAU,MAAM,4CAA4C;CAG9D,IAAM,IAAe,EAAW,KAAK,gBAAgB;CAErD,IAAI,EAA2B,EAAW,KAAK,cAAc,GAC3D,OAAO,kBAAC,GAAD,EAAgC,cAAa,CAAA;CAGtD,QAAQ,GAAR;EACE,KAAK;EACL,KAAK,sFACH,OAAO,kBAAC,GAAD,EAA0B,cAAa,CAAA;EAChD,SAEE,OADA,QAAQ,MAAM,sCAAsC,CAAY,GAE9D,kBAAC,GAAD;GACc;GACZ,GAAI,EAAiB,EAAW,IAAI;GACpC,UAAS;GACT,qBAAqB,EAAE,kBACrB,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,YAAW;IACX,eACE,EAAa,wCAAwC,UAAU,EAC7D,OAAO,mBACT,CAAC;IAEO;GACX,CAAA;EAEJ,CAAA;CAEP;AACF"}

package/dist/features/curator/dashboard/components/CurationTaskCard.module.js

@@ -1,10 +1,14 @@
 import './CurationTaskCard.css';var e = {
-	card: "_card_12r05_1",
-	cardContent: "_cardContent_12r05_5",
-	mainContent: "_mainContent_12r05_18",
-	titleChipContainer: "_titleChipContainer_12r05_25",
-	userChipContainer: "_userChipContainer_12r05_39",
-	buttonContainer: "_buttonContainer_12r05_47"
+	card: "_card_pb0lb_1",
+	cardContent: "_cardContent_pb0lb_5",
+	mainContent: "_mainContent_pb0lb_18",
+	titleChipContainer: "_titleChipContainer_pb0lb_26",
+	title: "_title_pb0lb_26",
+	entityInfo: "_entityInfo_pb0lb_47",
+	statusContainer: "_statusContainer_pb0lb_52",
+	expandedContent: "_expandedContent_pb0lb_59",
+	userChipContainer: "_userChipContainer_pb0lb_69",
+	buttonContainer: "_buttonContainer_pb0lb_77"
 };
 //#endregion
 export { e as default };

package/dist/features/curator/dashboard/components/CurationTaskCard.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurationTaskCard.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.module.scss"],"sourcesContent":[".card:global(.MuiCard-root) {\n  background-color: #f5f8fa;\n}\n\n.cardContent {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n  gap: 24px;\n  align-items: stretch;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n}\n\n.mainContent {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex-grow: 1;\n}\n\n.titleChipContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  align-items: center;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.userChipContainer {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.buttonContainer {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  margin-left: auto;\n  @media (max-width: 768px) {\n    margin-left: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"CurationTaskCard.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.module.scss"],"sourcesContent":[".card:global(.MuiCard-root) {\n  background-color: #f5f8fa;\n}\n\n.cardContent {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n  gap: 24px;\n  align-items: stretch;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n}\n\n.mainContent {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex-grow: 1;\n  flex: 1;\n}\n\n.titleChipContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  align-items: center;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.title {\n  cursor: pointer;\n\n  &:hover {\n    text-decoration: underline;\n  }\n}\n\n.entityInfo {\n  display: flex;\n  gap: 16px;\n}\n\n.statusContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.expandedContent {\n  background-color: #fff;\n  padding: 16px;\n  margin: 16px;\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.userChipContainer {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.buttonContainer {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  margin-left: auto;\n  @media (max-width: 768px) {\n    margin-left: 0;\n  }\n}\n"],"mappings":""}

package/dist/features/curator/dashboard/components/CurationTaskCard.module.scss

@@ -19,6 +19,7 @@
   flex-direction: column;
   gap: 16px;
   flex-grow: 1;
+  flex: 1;
 }
 
 .titleChipContainer {
@@ -33,6 +34,36 @@
   }
 }
 
+.title {
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.entityInfo {
+  display: flex;
+  gap: 16px;
+}
+
+.statusContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.expandedContent {
+  background-color: #fff;
+  padding: 16px;
+  margin: 16px;
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
 .userChipContainer {
   display: flex;
   flex-direction: row;

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.d.ts

@@ -0,0 +1,25 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+import { ReactNode } from 'react';
+export type CurationTaskCardLayoutProps = {
+    taskBundle: TaskBundle;
+    title: string;
+    description: string;
+    taskType: string;
+    principalIds: string[];
+    /** Renders the action button. `expanded` reflects whether the card is in its expanded layout. */
+    renderActionButton: (props: {
+        expanded: boolean;
+    }) => ReactNode;
+};
+/** Derives the fields shared by every card variant from a task's common properties. */
+export declare function deriveCardFields(task: TaskBundle['task']): {
+    title: string;
+    description: string;
+    principalIds: string[];
+};
+/**
+ * Shared presentational chrome for a curation task card: title, chips, entity info, assignees,
+ * status/due date, and an action button slot. Both the grid and executable task cards compose this.
+ */
+export default function CurationTaskCardLayout(props: CurationTaskCardLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CurationTaskCardLayout.d.ts.map

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCardLayout.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,UAAU,EAEX,MAAM,kCAAkC,CAAA;AAEzC,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AA+D3C,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,EAAE,UAAU,CAAA;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,iGAAiG;IACjG,kBAAkB,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAA;CAChE,CAAA;AAED,uFAAuF;AACvF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC;;;;EAMxD;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,KAAK,EAAE,2BAA2B,2CAqFnC"}