@ynput/ayon-frontend-shared 0.2.7 → 0.2.10

package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: auto;\n  width: 100%;\n  aspect-ratio: 1.77;\n\n  background-color: var(--md-sys-color-surface-container-lowest);\n  border-radius: 2px;\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 20;\n`\n\nconst StyledIcon = styled(Icon)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n`\n\ninterface ThumbnailWidgetProps {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url}>\n      <Inner>\n        {icon && <StyledIcon icon={icon} />}\n        {valid && <Image src={url} />}\n      </Inner>\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["jsx"],"mappings":";;;;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB9B,MAAM,yBAAmD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACE,QAAA,QAAQ,eAAe,cAAc,YAAY;AACjD,QAAA,MACJ,eACA,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ,wBAAwB,SAAS;AAE1F,SACGA,kCAAA,IAAA,SAAA,EAAQ,WAAU,oBACjB,iDAAC,OACE,EAAA,UAAA;AAAA,IAAQ,QAAAA,kCAAA,IAAC,cAAW,KAAY,CAAA;AAAA,IAChC,SAASA,kCAAAA,IAAC,OAAM,EAAA,KAAK,IAAK,CAAA;AAAA,EAAA,EAC7B,CAAA,KAJyC,GAK3C;AAEJ;AAEa,MAAA,kBAAkB,KAAK,sBAAsB;"}
+{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: auto;\n  width: 100%;\n  aspect-ratio: 1.77;\n\n  background-color: var(--md-sys-color-surface-container-lowest);\n  border-radius: 2px;\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 20;\n`\n\nconst StyledIcon = styled(Icon)`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 10;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url}>\n      <Inner {...props}>\n        {icon && <StyledIcon icon={icon} />}\n        {valid && <Image src={url} />}\n      </Inner>\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["jsxs","jsx"],"mappings":";;;;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQrB,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB9B,MAAM,yBAAmD,CAAC;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,QAAQ,eAAe,cAAc,YAAY;AACjD,QAAA,MACJ,eACA,iBAAiB,WAAW,IAAI,UAAU,KAAK,QAAQ,wBAAwB,SAAS;AAE1F,+CACG,SAAQ,EAAA,WAAU,oBACjB,UAACA,kCAAAA,KAAA,OAAA,EAAO,GAAG,OACR,UAAA;AAAA,IAAQ,QAAAC,kCAAA,IAAC,cAAW,KAAY,CAAA;AAAA,IAChC,SAASA,kCAAAA,IAAC,OAAM,EAAA,KAAK,IAAK,CAAA;AAAA,EAAA,EAC7B,CAAA,KAJyC,GAK3C;AAEJ;AAEa,MAAA,kBAAkB,KAAK,sBAAsB;"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js

@@ -81,6 +81,7 @@ require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
 require("../../api/queries/watchers/getWatchers.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
 require("@dnd-kit/core");
 require("@dnd-kit/sortable");
 require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");
@@ -93,6 +94,8 @@ require("../../context/SettingsPanelContext.cjs.js");
 require("../../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../../context/pip/PiPWrapper.cjs.js");
+require("../../context/AddonProjectContext.cjs.js");
+require("../../context/AddonContext.cjs.js");
 require("../../components/ReviewableCard/ReviewableCard.cjs.js");
 require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");
 require("../../components/FileThumbnail/FileThumbnail.cjs.js");
@@ -135,6 +138,7 @@ require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
 require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
+require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
 require("@tanstack/react-table");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}
+{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js

@@ -79,6 +79,7 @@ import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -91,6 +92,8 @@ import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -133,6 +136,7 @@ import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
+import "../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "@tanstack/react-table";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}
+{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}

package/dist/shared/src/context/AddonContext.cjs.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const AddonContext = React.createContext(void 0);
+const AddonProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AddonContext.Provider, { value: { ...props }, children });
+};
+const useAddonContext = () => {
+  const context = React.useContext(AddonContext);
+  if (!context) {
+    throw new Error("useAddonContext must be used within a AddonContext");
+  }
+  return context;
+};
+exports.AddonProvider = AddonProvider;
+exports.useAddonContext = useAddonContext;
+//# sourceMappingURL=AddonContext.cjs.js.map

package/dist/shared/src/context/AddonContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonContext.cjs.js","sources":["../../../../src/context/AddonContext.tsx"],"sourcesContent":["import { createContext, FC, useContext } from 'react'\nimport { RouterTypes } from './AddonProjectContext'\n\nexport type RemoteAddonComponent = FC<RemoteAddonProps>\nexport type RemoteAddon = {\n  id: string\n  component: RemoteAddonComponent\n  path: string\n}\n\nexport interface RemoteAddonProps {\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonContextProps extends RemoteAddonProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonContextType extends RemoteAddonProps {}\n\nconst AddonContext = createContext<AddonContextType | undefined>(undefined)\n\nexport const AddonProvider = ({ children, ...props }: AddonContextProps) => {\n  return <AddonContext.Provider value={{ ...props }}>{children}</AddonContext.Provider>\n}\n\nexport const useAddonContext = () => {\n  const context = useContext(AddonContext)\n  if (!context) {\n    throw new Error('useAddonContext must be used within a AddonContext')\n  }\n  return context\n}\n"],"names":["createContext","jsx","useContext"],"mappings":";;;;AAsBA,MAAM,eAAeA,oBAA4C,MAAS;AAEnE,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAA+B;AACnE,SAAAC,2BAAA,kBAAA,IAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,GAAG,SAAU,UAAS;AAC/D;AAEO,MAAM,kBAAkB,MAAM;AAC7B,QAAA,UAAUC,iBAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,oDAAoD;AAAA,EAAA;AAE/D,SAAA;AACT;;;"}

package/dist/shared/src/context/AddonContext.es.js

@@ -0,0 +1,18 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext, useContext } from "react";
+const AddonContext = createContext(void 0);
+const AddonProvider = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AddonContext.Provider, { value: { ...props }, children });
+};
+const useAddonContext = () => {
+  const context = useContext(AddonContext);
+  if (!context) {
+    throw new Error("useAddonContext must be used within a AddonContext");
+  }
+  return context;
+};
+export {
+  AddonProvider,
+  useAddonContext
+};
+//# sourceMappingURL=AddonContext.es.js.map

package/dist/shared/src/context/AddonContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonContext.es.js","sources":["../../../../src/context/AddonContext.tsx"],"sourcesContent":["import { createContext, FC, useContext } from 'react'\nimport { RouterTypes } from './AddonProjectContext'\n\nexport type RemoteAddonComponent = FC<RemoteAddonProps>\nexport type RemoteAddon = {\n  id: string\n  component: RemoteAddonComponent\n  path: string\n}\n\nexport interface RemoteAddonProps {\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonContextProps extends RemoteAddonProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonContextType extends RemoteAddonProps {}\n\nconst AddonContext = createContext<AddonContextType | undefined>(undefined)\n\nexport const AddonProvider = ({ children, ...props }: AddonContextProps) => {\n  return <AddonContext.Provider value={{ ...props }}>{children}</AddonContext.Provider>\n}\n\nexport const useAddonContext = () => {\n  const context = useContext(AddonContext)\n  if (!context) {\n    throw new Error('useAddonContext must be used within a AddonContext')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;AAsBA,MAAM,eAAe,cAA4C,MAAS;AAEnE,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAA+B;AACnE,SAAAA,kCAAA,IAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,GAAG,SAAU,UAAS;AAC/D;AAEO,MAAM,kBAAkB,MAAM;AAC7B,QAAA,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,oDAAoD;AAAA,EAAA;AAE/D,SAAA;AACT;"}

package/dist/shared/src/context/AddonProjectContext.cjs.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs.js");
+require("../api/base/client.cjs.js");
+require("../api/generated/graphql.cjs.js");
+require("../api/generated/access.cjs.js");
+require("../api/generated/actions.cjs.js");
+require("../api/generated/activityFeed.cjs.js");
+require("../api/generated/addons.cjs.js");
+require("../api/generated/anatomy.cjs.js");
+require("../api/generated/attributes.cjs.js");
+require("../api/generated/authentication.cjs.js");
+require("../api/generated/bundles.cjs.js");
+require("../api/generated/configuration.cjs.js");
+require("../api/generated/desktop.cjs.js");
+require("../api/generated/entityLists.cjs.js");
+require("../api/generated/events.cjs.js");
+require("../api/generated/files.cjs.js");
+require("../api/generated/folders.cjs.js");
+require("../api/generated/inbox.cjs.js");
+require("../api/generated/links.cjs.js");
+require("../api/generated/market.cjs.js");
+require("../api/generated/onboarding.cjs.js");
+require("../api/generated/operations.cjs.js");
+require("../api/generated/products.cjs.js");
+require("../api/generated/projectDashboard.cjs.js");
+require("../api/generated/projects.cjs.js");
+require("../api/generated/reviewables.cjs.js");
+require("../api/generated/services.cjs.js");
+require("../api/generated/system.cjs.js");
+require("../api/generated/tasks.cjs.js");
+require("../api/generated/teams.cjs.js");
+require("../api/generated/thumbnails.cjs.js");
+require("../api/generated/uRIs.cjs.js");
+require("../api/generated/users.cjs.js");
+require("../api/generated/versions.cjs.js");
+require("../api/generated/workfiles.cjs.js");
+require("../api/generated/ynputCloud.cjs.js");
+require("../api/queries/actions/getActions.cjs.js");
+require("../api/queries/activities/getActivities.cjs.js");
+require("../api/queries/activities/updateActivities.cjs.js");
+require("../api/queries/activities/updateReaction.cjs.js");
+require("../api/queries/activities/getMentions.cjs.js");
+require("../api/queries/addons/getAddons.cjs.js");
+require("../api/queries/addons/updateAddons.cjs.js");
+require("../api/queries/attributes/getAttributes.cjs.js");
+require("../api/queries/attributes/updateAttributes.cjs.js");
+require("../api/queries/authentication/getAuthentication.cjs.js");
+require("../api/queries/entities/getEntity.cjs.js");
+require("../api/queries/entities/getEntityPanel.cjs.js");
+require("../api/queries/entities/updateEntity.cjs.js");
+require("../api/queries/entityLists/getLists.cjs.js");
+require("../api/queries/entityLists/updateLists.cjs.js");
+require("../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../api/queries/folders/getFolders.cjs.js");
+require("../api/queries/overview/getOverview.cjs.js");
+require("../api/queries/overview/updateOverview.cjs.js");
+const getProject = require("../api/queries/project/getProject.cjs.js");
+require("../api/queries/project/updateProject.cjs.js");
+require("../api/queries/review/getReview.cjs.js");
+require("../api/queries/review/updateReview.cjs.js");
+require("../api/queries/system/getSystem.cjs.js");
+require("../api/queries/userDashboard/getUserDashboard.cjs.js");
+require("../api/queries/users/getUsers.cjs.js");
+require("../api/queries/users/updateUsers.cjs.js");
+require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
+const React = require("react");
+const AddonProjectContext = React.createContext(void 0);
+const AddonProjectProvider = ({
+  children,
+  projectName,
+  ...props
+}) => {
+  const { data: project } = getProject.useGetProjectQuery(
+    { projectName },
+    { skip: !projectName }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(AddonProjectContext.Provider, { value: { ...props, projectName, project }, children });
+};
+const useAddonProjectContext = () => {
+  const context = React.useContext(AddonProjectContext);
+  if (!context) {
+    throw new Error("useAddonProjectContext must be used within a AddonProjectContext");
+  }
+  return context;
+};
+exports.AddonProjectProvider = AddonProjectProvider;
+exports.useAddonProjectContext = useAddonProjectContext;
+//# sourceMappingURL=AddonProjectContext.cjs.js.map

package/dist/shared/src/context/AddonProjectContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonProjectContext.cjs.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["createContext","useGetProjectQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsBA,oBAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAYC,WAAA;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAC,iDAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAUC,iBAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;;;"}

package/dist/shared/src/context/AddonProjectContext.es.js

@@ -0,0 +1,91 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
+import "../api/base/client.es.js";
+import "../api/generated/graphql.es.js";
+import "../api/generated/access.es.js";
+import "../api/generated/actions.es.js";
+import "../api/generated/activityFeed.es.js";
+import "../api/generated/addons.es.js";
+import "../api/generated/anatomy.es.js";
+import "../api/generated/attributes.es.js";
+import "../api/generated/authentication.es.js";
+import "../api/generated/bundles.es.js";
+import "../api/generated/configuration.es.js";
+import "../api/generated/desktop.es.js";
+import "../api/generated/entityLists.es.js";
+import "../api/generated/events.es.js";
+import "../api/generated/files.es.js";
+import "../api/generated/folders.es.js";
+import "../api/generated/inbox.es.js";
+import "../api/generated/links.es.js";
+import "../api/generated/market.es.js";
+import "../api/generated/onboarding.es.js";
+import "../api/generated/operations.es.js";
+import "../api/generated/products.es.js";
+import "../api/generated/projectDashboard.es.js";
+import "../api/generated/projects.es.js";
+import "../api/generated/reviewables.es.js";
+import "../api/generated/services.es.js";
+import "../api/generated/system.es.js";
+import "../api/generated/tasks.es.js";
+import "../api/generated/teams.es.js";
+import "../api/generated/thumbnails.es.js";
+import "../api/generated/uRIs.es.js";
+import "../api/generated/users.es.js";
+import "../api/generated/versions.es.js";
+import "../api/generated/workfiles.es.js";
+import "../api/generated/ynputCloud.es.js";
+import "../api/queries/actions/getActions.es.js";
+import "../api/queries/activities/getActivities.es.js";
+import "../api/queries/activities/updateActivities.es.js";
+import "../api/queries/activities/updateReaction.es.js";
+import "../api/queries/activities/getMentions.es.js";
+import "../api/queries/addons/getAddons.es.js";
+import "../api/queries/addons/updateAddons.es.js";
+import "../api/queries/attributes/getAttributes.es.js";
+import "../api/queries/attributes/updateAttributes.es.js";
+import "../api/queries/authentication/getAuthentication.es.js";
+import "../api/queries/entities/getEntity.es.js";
+import "../api/queries/entities/getEntityPanel.es.js";
+import "../api/queries/entities/updateEntity.es.js";
+import "../api/queries/entityLists/getLists.es.js";
+import "../api/queries/entityLists/updateLists.es.js";
+import "../api/queries/entityLists/getListsAttributes.es.js";
+import "../api/queries/entityLists/updateListsAttributes.es.js";
+import "../api/queries/folders/getFolders.es.js";
+import "../api/queries/overview/getOverview.es.js";
+import "../api/queries/overview/updateOverview.es.js";
+import { useGetProjectQuery } from "../api/queries/project/getProject.es.js";
+import "../api/queries/project/updateProject.es.js";
+import "../api/queries/review/getReview.es.js";
+import "../api/queries/review/updateReview.es.js";
+import "../api/queries/system/getSystem.es.js";
+import "../api/queries/userDashboard/getUserDashboard.es.js";
+import "../api/queries/users/getUsers.es.js";
+import "../api/queries/users/updateUsers.es.js";
+import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
+import { createContext, useContext } from "react";
+const AddonProjectContext = createContext(void 0);
+const AddonProjectProvider = ({
+  children,
+  projectName,
+  ...props
+}) => {
+  const { data: project } = useGetProjectQuery(
+    { projectName },
+    { skip: !projectName }
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(AddonProjectContext.Provider, { value: { ...props, projectName, project }, children });
+};
+const useAddonProjectContext = () => {
+  const context = useContext(AddonProjectContext);
+  if (!context) {
+    throw new Error("useAddonProjectContext must be used within a AddonProjectContext");
+  }
+  return context;
+};
+export {
+  AddonProjectProvider,
+  useAddonProjectContext
+};
+//# sourceMappingURL=AddonProjectContext.es.js.map

package/dist/shared/src/context/AddonProjectContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddonProjectContext.es.js","sources":["../../../../src/context/AddonProjectContext.tsx"],"sourcesContent":["import { ProjectModel, useGetProjectQuery } from '@shared/api'\nimport { createContext, FC, useContext } from 'react'\nimport router from 'react-router-dom'\n\nexport type RemoteAddonProjectComponent = FC<RemoteAddonProjectProps>\nexport type RemoteAddonProject = {\n  id: string\n  component: RemoteAddonProjectComponent\n  name: string\n  module: string\n}\n\nexport type RouterTypes = {\n  useParams: typeof router.useParams\n  useNavigate: typeof router.useNavigate\n  useLocation: typeof router.useLocation\n  useSearchParams: typeof router.useSearchParams\n}\n\nexport interface RemoteAddonProjectProps {\n  projectName: string\n  router: RouterTypes\n}\n\n// types for props passed to the provider\nexport interface AddonProjectContextProps extends RemoteAddonProjectProps {\n  children: React.ReactNode\n}\n\n// types returned by context\nexport interface AddonProjectContextType extends RemoteAddonProjectProps {\n  project: ProjectModel | undefined\n}\n\nconst AddonProjectContext = createContext<AddonProjectContextType | undefined>(undefined)\n\nexport const AddonProjectProvider = ({\n  children,\n  projectName,\n  ...props\n}: AddonProjectContextProps) => {\n  const { data: project } = useGetProjectQuery(\n    { projectName: projectName as string },\n    { skip: !projectName },\n  )\n  return (\n    <AddonProjectContext.Provider value={{ ...props, projectName, project }}>\n      {children}\n    </AddonProjectContext.Provider>\n  )\n}\n\nexport const useAddonProjectContext = () => {\n  const context = useContext(AddonProjectContext)\n  if (!context) {\n    throw new Error('useAddonProjectContext must be used within a AddonProjectContext')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,MAAM,sBAAsB,cAAmD,MAAS;AAEjF,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAgC;AACxB,QAAA,EAAE,MAAM,QAAA,IAAY;AAAA,IACxB,EAAE,YAAmC;AAAA,IACrC,EAAE,MAAM,CAAC,YAAY;AAAA,EACvB;AAEE,SAAAA,sCAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,GAAG,OAAO,aAAa,QAAQ,GACnE,SACH,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AACpC,QAAA,UAAU,WAAW,mBAAmB;AAC9C,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,kEAAkE;AAAA,EAAA;AAE7E,SAAA;AACT;"}

package/dist/shared/src/context/DetailsPanelContext.cjs.js

@@ -70,6 +70,7 @@ require("../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../api/queries/users/getUsers.cjs.js");
 require("../api/queries/users/updateUsers.cjs.js");
 require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
 require("lodash");
 require("react-toastify");
 require("./ThumbnailUploaderContext.cjs.js");
@@ -77,6 +78,8 @@ require("./SettingsPanelContext.cjs.js");
 require("./pip/PiPProvider.cjs.js");
 require("react-dom");
 require("./pip/PiPWrapper.cjs.js");
+require("./AddonProjectContext.cjs.js");
+require("./AddonContext.cjs.js");
 require("custom-protocol-check");
 const DetailsPanelContext = React.createContext(void 0);
 const DetailsPanelProvider = ({
@@ -85,6 +88,7 @@ const DetailsPanelProvider = ({
   ...forwardedProps
 }) => {
   const [panelOpenByScope, setPanelOpenByScope] = React.useState({});
+  const [feedAnnotations, setFeedAnnotations] = React.useState([]);
   const getOpenForScope = React.useCallback(
     (scope) => {
       if (panelOpenByScope[scope]) {
@@ -160,6 +164,8 @@ const DetailsPanelProvider = ({
     pip,
     openPip,
     closePip,
+    feedAnnotations,
+    setFeedAnnotations,
     ...forwardedProps
   };
   return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(DetailsPanelContext.Provider, { value, children });

package/dist/shared/src/context/DetailsPanelContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router'\nimport { useSearchParams } from 'react-router-dom'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    feedAnnotations,\n    setFeedAnnotations,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/context/DetailsPanelContext.es.js

@@ -68,6 +68,7 @@ import "../api/queries/userDashboard/getUserDashboard.es.js";
 import "../api/queries/users/getUsers.es.js";
 import "../api/queries/users/updateUsers.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
 import "lodash";
 import "react-toastify";
 import "./ThumbnailUploaderContext.es.js";
@@ -75,6 +76,8 @@ import "./SettingsPanelContext.es.js";
 import "./pip/PiPProvider.es.js";
 import "react-dom";
 import "./pip/PiPWrapper.es.js";
+import "./AddonProjectContext.es.js";
+import "./AddonContext.es.js";
 import "custom-protocol-check";
 const DetailsPanelContext = createContext(void 0);
 const DetailsPanelProvider = ({
@@ -83,6 +86,7 @@ const DetailsPanelProvider = ({
   ...forwardedProps
 }) => {
   const [panelOpenByScope, setPanelOpenByScope] = useState({});
+  const [feedAnnotations, setFeedAnnotations] = useState([]);
   const getOpenForScope = useCallback(
     (scope) => {
       if (panelOpenByScope[scope]) {
@@ -158,6 +162,8 @@ const DetailsPanelProvider = ({
     pip,
     openPip,
     closePip,
+    feedAnnotations,
+    setFeedAnnotations,
     ...forwardedProps
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(DetailsPanelContext.Provider, { value, children });

package/dist/shared/src/context/DetailsPanelContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router'\nimport { useSearchParams } from 'react-router-dom'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["pip","jsx"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string | null\n    folderId?: string | null\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[]; entityType: string }) => void\n  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n\n  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    feedAnnotations,\n    setFeedAnnotations,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["pip","jsx"],"mappings":"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"}

package/dist/shared/src/context/RemoteModulesContext.cjs.js

@@ -67,6 +67,7 @@ require("../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../api/queries/users/getUsers.cjs.js");
 require("../api/queries/users/updateUsers.cjs.js");
 require("../api/queries/watchers/getWatchers.cjs.js");
+require("../api/queries/permissions/getPermissions.cjs.js");
 const RemoteModulesContext = React.createContext({
   isLoading: true,
   modules: [],

package/dist/shared/src/context/RemoteModulesContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteModulesContext.cjs.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","useListFrontendModulesQuery","useGetSiteInfoQuery","useState","useEffect","modules","registerRemotes","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuBA,MAAAA,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAIC,sCAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkBC,UAAA;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,MAAAA,SAAS,KAAK;AAElEC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQC,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,YAAA,eAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAUC,iBAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;;;"}
+{"version":3,"file":"RemoteModulesContext.cjs.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","useListFrontendModulesQuery","useGetSiteInfoQuery","useState","useEffect","modules","registerRemotes","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuBA,MAAAA,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAIC,sCAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkBC,UAAA;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,MAAAA,SAAS,KAAK;AAElEC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQC,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,YAAA,eAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAUC,iBAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;;;"}

package/dist/shared/src/context/RemoteModulesContext.es.js

@@ -65,6 +65,7 @@ import "../api/queries/userDashboard/getUserDashboard.es.js";
 import "../api/queries/users/getUsers.es.js";
 import "../api/queries/users/updateUsers.es.js";
 import "../api/queries/watchers/getWatchers.es.js";
+import "../api/queries/permissions/getPermissions.es.js";
 const RemoteModulesContext = createContext({
   isLoading: true,
   modules: [],