@ynput/ayon-frontend-shared 0.2.18 → 0.2.20

package/dist/shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js

@@ -84,35 +84,6 @@ const ThumbnailWrapper = styled.div`
     gap: var(--base-gap-small);
   }
 `;
-const Playable = styled.span`
-  position: absolute;
-  top: 3px;
-  right: 3px;
-  z-index: 10;
-  --icon-size: 14px;
-  width: var(--icon-size);
-  height: var(--icon-size);
-  pointer-events: none;
-
-  transition: opacity 200ms;
-
-  .icon {
-    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200, 'opsz' 24;
-    font-size: var(--icon-size);
-    z-index: 10;
-    position: relative;
-    color: var(--md-sys-color-outline-variant);
-  }
-
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 2px;
-    background: var(--md-sys-color-on-surface);
-    z-index: 0;
-    border-radius: 100%;
-  }
-`;
 const Content = styled.div`
   display: flex;
   flex-direction: column;
@@ -215,7 +186,7 @@ const PriorityEnumDropdown = styled(EnumDropdown)`
 
   button {
     padding: 0 8px;
-    background-color: unset !important;
+    background-color: unset;
 
     &:hover {
       background-color: var(--md-sys-color-surface-container-low-hover);
@@ -238,7 +209,6 @@ export {
   Header,
   HeaderContainer,
   LabelWrapper,
-  Playable,
   PriorityEnumDropdown,
   StatusSelect,
   TagsSelect,

package/dist/shared/src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.styled.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n  Button,\n  AssigneeSelect as AssigneeSelectComponent,\n  TagsSelect as TagsSelectComponent,\n  StatusSelect as StatusSelectComponent,\n  EnumDropdown,\n} from '@ynput/ayon-react-components'\n\nexport const HeaderContainer = styled.div`\n  position: relative;\n`\n\nexport const Grid = styled.div`\n  position: relative;\n  padding: 8px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  flex: none;\n  overflow: hidden;\n\n  display: grid;\n  /* two columns */\n  grid-template-columns: 1fr 1fr;\n  gap: var(--base-gap-large);\n\n  /* set full widths for different elements */\n  .path,\n  .titles,\n  .filters {\n    grid-column: span 2;\n  }\n\n  &.isCompact {\n    /* hide fields when compact */\n    .assignee-select,\n    .tags-select,\n    .actions,\n    .filters {\n      display: none;\n    }\n    /* right column auto size */\n    grid-template-columns: 1fr auto;\n    /* align center */\n    align-items: center;\n  }\n`\n\nexport const CloseButton = styled(Button)`\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  width: fit-content;\n  z-index: 50;\n`\n\nexport const Header = styled.header`\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-gap-large);\n  z-index: 50;\n\n  .entity-type {\n    min-width: fit-content;\n  }\n\n  &.loading {\n    .playable {\n      display: none;\n    }\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  h2 {\n    min-width: fit-content;\n  }\n`\n\nexport const ThumbnailWrapper = styled.div`\n  position: relative;\n  height: 100%;\n\n  &:hover {\n    .playable {\n      opacity: 0.8;\n    }\n  }\n  & > div {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-small);\n  }\n`\n\nexport const Playable = styled.span`\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  z-index: 10;\n  --icon-size: 14px;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  pointer-events: none;\n\n  transition: opacity 200ms;\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200, 'opsz' 24;\n    font-size: var(--icon-size);\n    z-index: 10;\n    position: relative;\n    color: var(--md-sys-color-outline-variant);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 2px;\n    background: var(--md-sys-color-on-surface);\n    z-index: 0;\n    border-radius: 100%;\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n  border-radius: var(--border-radius-m);\n\n  h2 {\n    margin: 0;\n  }\n\n  h3 {\n    display: block;\n    margin: 0;\n    border: none;\n    padding: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.loading {\n    width: 70%;\n\n    h2,\n    h3,\n    .sub-title {\n      white-space: nowrap;\n    }\n  }\n\n  .sub-title {\n    display: flex;\n    align-items: center;\n    gap: var(--base-gap-medium);\n  }\n`\n\nexport const ContentRow = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  align-self: stretch;\n\n  label {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const LabelWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n\nexport const StatusSelect = styled(StatusSelectComponent)`\n  width: fit-content;\n  .status-field.value {\n    position: relative;\n    left: 1px;\n    height: 28px;\n    padding-right: 8px;\n    width: calc(100% - 1px);\n    margin-bottom: 2px;\n  }\n`\n\nexport const AssigneeSelect = styled(AssigneeSelectComponent)`\n  width: fit-content;\n  justify-self: end;\n  max-width: 100%;\n`\nexport const TagsSelect = styled(TagsSelectComponent)`\n  height: 24px;\n  .template-value {\n    padding: 0 2px;\n  }\n  .tag {\n    padding: 0 4px;\n  }\n  .placeholder {\n    padding: 0 2px;\n    span:not(.icon) {\n      display: none;\n    }\n  }\n`\n\nexport const PriorityEnumDropdown = styled(EnumDropdown)`\n  width: max-content;\n  justify-self: end;\n  /* remove text and dropdown icon */\n  .control {\n    display: none;\n  }\n\n  .template-value {\n    border: none;\n    padding: 0;\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  button {\n    padding: 0 8px;\n    background-color: unset !important;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-low-hover);\n    }\n  }\n`\n\nexport const Footer = styled.footer`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  justify-content: space-between;\n`\n"],"names":["StatusSelectComponent","AssigneeSelectComponent","TagsSelectComponent"],"mappings":";;AASO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAI/B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCd,MAAA,cAAc,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBtB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBhC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BxB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCvB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAA,eAAe,OAAOA,cAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAA,iBAAiB,OAAOC,gBAAuB;AAAA;AAAA;AAAA;AAAA;AAK/C,MAAA,aAAa,OAAOC,YAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBvC,MAAA,uBAAuB,OAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BhD,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"DetailsPanelHeader.styled.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n  Button,\n  AssigneeSelect as AssigneeSelectComponent,\n  TagsSelect as TagsSelectComponent,\n  StatusSelect as StatusSelectComponent,\n  EnumDropdown,\n} from '@ynput/ayon-react-components'\n\nexport const HeaderContainer = styled.div`\n  position: relative;\n`\n\nexport const Grid = styled.div`\n  position: relative;\n  padding: 8px;\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n  flex: none;\n  overflow: hidden;\n\n  display: grid;\n  /* two columns */\n  grid-template-columns: 1fr 1fr;\n  gap: var(--base-gap-large);\n\n  /* set full widths for different elements */\n  .path,\n  .titles,\n  .filters {\n    grid-column: span 2;\n  }\n\n  &.isCompact {\n    /* hide fields when compact */\n    .assignee-select,\n    .tags-select,\n    .actions,\n    .filters {\n      display: none;\n    }\n    /* right column auto size */\n    grid-template-columns: 1fr auto;\n    /* align center */\n    align-items: center;\n  }\n`\n\nexport const CloseButton = styled(Button)`\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  width: fit-content;\n  z-index: 50;\n`\n\nexport const Header = styled.header`\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-gap-large);\n  z-index: 50;\n\n  .entity-type {\n    min-width: fit-content;\n  }\n\n  &.loading {\n    .playable {\n      display: none;\n    }\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  h2 {\n    min-width: fit-content;\n  }\n`\n\nexport const ThumbnailWrapper = styled.div`\n  position: relative;\n  height: 100%;\n\n  &:hover {\n    .playable {\n      opacity: 0.8;\n    }\n  }\n  & > div {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-small);\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n  border-radius: var(--border-radius-m);\n\n  h2 {\n    margin: 0;\n  }\n\n  h3 {\n    display: block;\n    margin: 0;\n    border: none;\n    padding: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.loading {\n    width: 70%;\n\n    h2,\n    h3,\n    .sub-title {\n      white-space: nowrap;\n    }\n  }\n\n  .sub-title {\n    display: flex;\n    align-items: center;\n    gap: var(--base-gap-medium);\n  }\n`\n\nexport const ContentRow = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  align-self: stretch;\n\n  label {\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const LabelWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n\nexport const StatusSelect = styled(StatusSelectComponent)`\n  width: fit-content;\n  .status-field.value {\n    position: relative;\n    left: 1px;\n    height: 28px;\n    padding-right: 8px;\n    width: calc(100% - 1px);\n    margin-bottom: 2px;\n  }\n`\n\nexport const AssigneeSelect = styled(AssigneeSelectComponent)`\n  width: fit-content;\n  justify-self: end;\n  max-width: 100%;\n`\nexport const TagsSelect = styled(TagsSelectComponent)`\n  height: 24px;\n  .template-value {\n    padding: 0 2px;\n  }\n  .tag {\n    padding: 0 4px;\n  }\n  .placeholder {\n    padding: 0 2px;\n    span:not(.icon) {\n      display: none;\n    }\n  }\n`\n\nexport const PriorityEnumDropdown = styled(EnumDropdown)`\n  width: max-content;\n  justify-self: end;\n  /* remove text and dropdown icon */\n  .control {\n    display: none;\n  }\n\n  .template-value {\n    border: none;\n    padding: 0;\n    & > div {\n      justify-content: center;\n    }\n  }\n\n  button {\n    padding: 0 8px;\n    background-color: unset;\n\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-low-hover);\n    }\n  }\n`\n\nexport const Footer = styled.footer`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  justify-content: space-between;\n`\n"],"names":["StatusSelectComponent","AssigneeSelectComponent","TagsSelectComponent"],"mappings":";;AASO,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAI/B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCd,MAAA,cAAc,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBtB,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBhC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCvB,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW1B,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAA,eAAe,OAAOA,cAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAA,iBAAiB,OAAOC,gBAAuB;AAAA;AAAA;AAAA;AAAA;AAK/C,MAAA,aAAa,OAAOC,YAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBvC,MAAA,uBAAuB,OAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BhD,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.cjs.js

@@ -38,6 +38,7 @@ require("../../../api/generated/versions.cjs.js");
 require("../../../api/generated/workfiles.cjs.js");
 require("../../../api/generated/ynputCloud.cjs.js");
 require("../../../api/generated/grouping.cjs.js");
+require("../../../api/generated/views.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 require("../../../api/queries/activities/getActivities.cjs.js");
 require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -71,6 +72,9 @@ require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
 require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+require("../../../api/queries/views/getViews.cjs.js");
+require("../../../api/queries/views/updateViews.cjs.js");
 const DetailsPanel = require("../DetailsPanel.cjs.js");
 require("../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../../../context/DetailsPanelContext.cjs.js");

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["useDetailsPanelContext","useGetUsersAssigneeQuery","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,uBAAuB,CAAC,EAAE,cAAc,YAAuC;AAC1F,QAAM,EAAE,UAAU,aAAa,IAAIA,2CAAuB;AAC1D,QAAM,EAAE,YAAY,UAAU,YAAY,IAAI,YAAY,CAAC;AACrD,QAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;AAEvD,QAAM,EAAE,MAAM,MAAM,IAAIC,SAAyB,yBAAA,EAAE,YAAY,GAAG,EAAE,MAAM,CAAC,aAAa;AAExF,QAAM,cAAc,aAAa,eAAe,EAAE,KAAK,CAAC;AACxD,QAAM,EAAE,OAAO,CAAC,EAAA,IAAM;AAEhB,QAAA,EAAE,cAAc,IAAID,2CAAuB;AAC3C,QAAA,cAAc,MAAM,cAAc;AACxC,QAAM,mBAAmB,CAAC,SAAc,6CAAe;AAEnD,MAAA,CAAC,eAAuB,QAAA;AAE1B,SAAAE,iDAACC,4BAAAA,UAAA,EACC,UAAAD,2BAAA,kBAAA;AAAA,IAACE,aAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAI,UAAU,aAAa;AAAA,MACxC,cAAc,EAAE,CAAC,WAAW,GAAG,YAAY;AAAA,MAC3C,cAAc,CAAC,WAAW;AAAA,MAC1B,aAAa;AAAA,MACb,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,YAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,IAAA;AAAA,EAAA,GAElB;AAEJ;;"}
+{"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["useDetailsPanelContext","useGetUsersAssigneeQuery","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,uBAAuB,CAAC,EAAE,cAAc,YAAuC;AAC1F,QAAM,EAAE,UAAU,aAAa,IAAIA,2CAAuB;AAC1D,QAAM,EAAE,YAAY,UAAU,YAAY,IAAI,YAAY,CAAC;AACrD,QAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;AAEvD,QAAM,EAAE,MAAM,MAAM,IAAIC,SAAyB,yBAAA,EAAE,YAAY,GAAG,EAAE,MAAM,CAAC,aAAa;AAExF,QAAM,cAAc,aAAa,eAAe,EAAE,KAAK,CAAC;AACxD,QAAM,EAAE,OAAO,CAAC,EAAA,IAAM;AAEhB,QAAA,EAAE,cAAc,IAAID,2CAAuB;AAC3C,QAAA,cAAc,MAAM,cAAc;AACxC,QAAM,mBAAmB,CAAC,SAAc,6CAAe;AAEnD,MAAA,CAAC,eAAuB,QAAA;AAE1B,SAAAE,iDAACC,4BAAAA,UAAA,EACC,UAAAD,2BAAA,kBAAA;AAAA,IAACE,aAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAI,UAAU,aAAa;AAAA,MACxC,cAAc,EAAE,CAAC,WAAW,GAAG,YAAY;AAAA,MAC3C,cAAc,CAAC,WAAW;AAAA,MAC1B,aAAa;AAAA,MACb,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,YAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,IAAA;AAAA,EAAA,GAElB;AAEJ;;"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js

@@ -36,6 +36,7 @@ import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
@@ -69,6 +70,9 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
 import { DetailsPanel } from "../DetailsPanel.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext } from "../../../context/DetailsPanelContext.es.js";

package/dist/shared/src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["jsx","Styled.SlideOut"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,uBAAuB,CAAC,EAAE,cAAc,YAAuC;AAC1F,QAAM,EAAE,UAAU,aAAa,IAAI,uBAAuB;AAC1D,QAAM,EAAE,YAAY,UAAU,YAAY,IAAI,YAAY,CAAC;AACrD,QAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;AAEvD,QAAM,EAAE,MAAM,MAAM,IAAI,yBAAyB,EAAE,YAAY,GAAG,EAAE,MAAM,CAAC,aAAa;AAExF,QAAM,cAAc,aAAa,eAAe,EAAE,KAAK,CAAC;AACxD,QAAM,EAAE,OAAO,CAAC,EAAA,IAAM;AAEhB,QAAA,EAAE,cAAc,IAAI,uBAAuB;AAC3C,QAAA,cAAc,MAAM,cAAc;AACxC,QAAM,mBAAmB,CAAC,SAAc,6CAAe;AAEnD,MAAA,CAAC,eAAuB,QAAA;AAE1B,SAAAA,sCAACC,UAAA,EACC,UAAAD,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAI,UAAU,aAAa;AAAA,MACxC,cAAc,EAAE,CAAC,WAAW,GAAG,YAAY;AAAA,MAC3C,cAAc,CAAC,WAAW;AAAA,MAC1B,aAAa;AAAA,MACb,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,YAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,IAAA;AAAA,EAAA,GAElB;AAEJ;"}
+{"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n  projectsInfo: Record<string, ProjectModel>\n  scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n  const { slideOut, onOpenViewer } = useDetailsPanelContext()\n  const { entityType, entityId, projectName } = slideOut || {}\n  const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n  const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n  const projectInfo = projectsInfo[projectName || ''] || {}\n  const { tags = [] } = projectInfo\n\n  const { closeSlideOut } = useDetailsPanelContext()\n  const handleClose = () => closeSlideOut()\n  const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n  if (!isSlideOutOpen) return null\n  return (\n    <Styled.SlideOut>\n      <DetailsPanel\n        entityType={entityType}\n        entitySubTypes={[]}\n        entities={[{ id: entityId, projectName }]}\n        projectsInfo={{ [projectName]: projectInfo }}\n        projectNames={[projectName]}\n        tagsOptions={tags}\n        projectUsers={users}\n        activeProjectUsers={users}\n        isSlideOut\n        scope={scope}\n        onClose={handleClose}\n        onOpenViewer={handleOpenViewer}\n      />\n    </Styled.SlideOut>\n  )\n}\n"],"names":["jsx","Styled.SlideOut"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,uBAAuB,CAAC,EAAE,cAAc,YAAuC;AAC1F,QAAM,EAAE,UAAU,aAAa,IAAI,uBAAuB;AAC1D,QAAM,EAAE,YAAY,UAAU,YAAY,IAAI,YAAY,CAAC;AACrD,QAAA,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC,YAAY,CAAC,CAAC;AAEvD,QAAM,EAAE,MAAM,MAAM,IAAI,yBAAyB,EAAE,YAAY,GAAG,EAAE,MAAM,CAAC,aAAa;AAExF,QAAM,cAAc,aAAa,eAAe,EAAE,KAAK,CAAC;AACxD,QAAM,EAAE,OAAO,CAAC,EAAA,IAAM;AAEhB,QAAA,EAAE,cAAc,IAAI,uBAAuB;AAC3C,QAAA,cAAc,MAAM,cAAc;AACxC,QAAM,mBAAmB,CAAC,SAAc,6CAAe;AAEnD,MAAA,CAAC,eAAuB,QAAA;AAE1B,SAAAA,sCAACC,UAAA,EACC,UAAAD,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAI,UAAU,aAAa;AAAA,MACxC,cAAc,EAAE,CAAC,WAAW,GAAG,YAAY;AAAA,MAC3C,cAAc,CAAC,WAAW;AAAA,MAC1B,aAAa;AAAA,MACb,cAAc;AAAA,MACd,oBAAoB;AAAA,MACpB,YAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,cAAc;AAAA,IAAA;AAAA,EAAA,GAElB;AAEJ;"}

package/dist/shared/src/containers/DetailsPanel/hooks/useGetEntityPath.cjs.js

@@ -37,6 +37,7 @@ require("../../../api/generated/versions.cjs.js");
 require("../../../api/generated/workfiles.cjs.js");
 require("../../../api/generated/ynputCloud.cjs.js");
 require("../../../api/generated/grouping.cjs.js");
+require("../../../api/generated/views.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 require("../../../api/queries/activities/getActivities.cjs.js");
 require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -70,6 +71,9 @@ require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
 require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+require("../../../api/queries/views/getViews.cjs.js");
+require("../../../api/queries/views/updateViews.cjs.js");
 const useGetEntityPath = ({
   entity,
   entityType,

package/dist/shared/src/containers/DetailsPanel/hooks/useGetEntityPath.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityPath.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/hooks/useGetEntityPath.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport getEntityPathData from '../helpers/getEntityPathData'\n// shared\nimport { PathSegment } from '@shared/components'\nimport { useGetProductVersionsQuery, useGetFolderListQuery } from '@shared/api'\nimport type { DetailsPanelEntityData, DetailsPanelEntityType } from '@shared/api'\n\ntype Props = {\n  entity: DetailsPanelEntityData\n  entityType: DetailsPanelEntityType\n  projectName: string\n  isLoading: boolean\n}\n\nconst useGetEntityPath = ({\n  entity,\n  entityType,\n  projectName,\n  isLoading,\n}: Props): [PathSegment[], PathSegment[]] => {\n  // get the folders list for the project\n  const { data: { folders: projectFolders = [] } = {}, isFetching } = useGetFolderListQuery(\n    { projectName: projectName, attrib: true },\n    { skip: !projectName || isLoading },\n  )\n\n  // if the entityType is version, get sibling versions\n  const { data: versionsData } = useGetProductVersionsQuery(\n    { productId: entity.product?.id || '', projectName },\n    { skip: entityType !== 'version' || !entity.product?.id },\n  )\n\n  const versions = useMemo(\n    () =>\n      !versionsData?.project.product?.versionList\n        ? []\n        : [...(versionsData.project.product?.versionList || [])]\n            .sort((a, b) => {\n              if (a.name === 'HERO') return -1\n              if (b.name === 'HERO') return 1\n              return b.name.localeCompare(a.name)\n            })\n            .map((version) => ({\n              type: 'version' as const,\n              label: version.name,\n              id: version.id,\n            })),\n    [versionsData],\n  )\n\n  const foldersMap = useMemo(\n    () => new Map(projectFolders.map((folder) => [folder.id, folder])),\n    [projectFolders],\n  )\n\n  const segments = useMemo(\n    () => (isFetching ? [] : getEntityPathData(entity, foldersMap)),\n    [projectFolders, entity],\n  )\n\n  return [segments, versions]\n}\n\nexport default useGetEntityPath\n"],"names":["useGetFolderListQuery","useGetProductVersionsQuery","useMemo","_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;;AAErC,QAAA,EAAE,MAAM,EAAE,SAAS,iBAAiB,CAAA,MAAO,CAAA,GAAI,WAAA,IAAeA,WAAA;AAAA,IAClE,EAAE,aAA0B,QAAQ,KAAK;AAAA,IACzC,EAAE,MAAM,CAAC,eAAe,UAAU;AAAA,EACpC;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiBC,UAAA;AAAA,IAC7B,EAAE,aAAW,YAAO,YAAP,mBAAgB,OAAM,IAAI,YAAY;AAAA,IACnD,EAAE,MAAM,eAAe,aAAa,GAAC,YAAO,YAAP,mBAAgB,IAAG;AAAA,EAC1D;AAEA,QAAM,WAAWC,MAAA;AAAA,IACf,MACE;;AAAA,gBAACC,MAAA,6CAAc,QAAQ,YAAtB,gBAAAA,IAA+B,eAC5B,KACA,CAAC,KAAIC,MAAA,aAAa,QAAQ,YAArB,gBAAAA,IAA8B,gBAAe,CAAG,CAAA,EAClD,KAAK,CAAC,GAAG,MAAM;AACV,YAAA,EAAE,SAAS,OAAe,QAAA;AAC1B,YAAA,EAAE,SAAS,OAAe,QAAA;AAC9B,eAAO,EAAE,KAAK,cAAc,EAAE,IAAI;AAAA,MAAA,CACnC,EACA,IAAI,CAAC,aAAa;AAAA,QACjB,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf,IAAI,QAAQ;AAAA,MAAA,EACZ;AAAA;AAAA,IACV,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,aAAaF,MAAA;AAAA,IACjB,MAAM,IAAI,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC;AAAA,IACjE,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,WAAWA,MAAA;AAAA,IACf,MAAO,aAAa,CAAK,IAAA,kBAAkB,QAAQ,UAAU;AAAA,IAC7D,CAAC,gBAAgB,MAAM;AAAA,EACzB;AAEO,SAAA,CAAC,UAAU,QAAQ;AAC5B;;"}
+{"version":3,"file":"useGetEntityPath.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/hooks/useGetEntityPath.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport getEntityPathData from '../helpers/getEntityPathData'\n// shared\nimport { PathSegment } from '@shared/components'\nimport { useGetProductVersionsQuery, useGetFolderListQuery } from '@shared/api'\nimport type { DetailsPanelEntityData, DetailsPanelEntityType } from '@shared/api'\n\ntype Props = {\n  entity: DetailsPanelEntityData\n  entityType: DetailsPanelEntityType\n  projectName: string\n  isLoading: boolean\n}\n\nconst useGetEntityPath = ({\n  entity,\n  entityType,\n  projectName,\n  isLoading,\n}: Props): [PathSegment[], PathSegment[]] => {\n  // get the folders list for the project\n  const { data: { folders: projectFolders = [] } = {}, isFetching } = useGetFolderListQuery(\n    { projectName: projectName, attrib: true },\n    { skip: !projectName || isLoading },\n  )\n\n  // if the entityType is version, get sibling versions\n  const { data: versionsData } = useGetProductVersionsQuery(\n    { productId: entity.product?.id || '', projectName },\n    { skip: entityType !== 'version' || !entity.product?.id },\n  )\n\n  const versions = useMemo(\n    () =>\n      !versionsData?.project.product?.versionList\n        ? []\n        : [...(versionsData.project.product?.versionList || [])]\n            .sort((a, b) => {\n              if (a.name === 'HERO') return -1\n              if (b.name === 'HERO') return 1\n              return b.name.localeCompare(a.name)\n            })\n            .map((version) => ({\n              type: 'version' as const,\n              label: version.name,\n              id: version.id,\n            })),\n    [versionsData],\n  )\n\n  const foldersMap = useMemo(\n    () => new Map(projectFolders.map((folder) => [folder.id, folder])),\n    [projectFolders],\n  )\n\n  const segments = useMemo(\n    () => (isFetching ? [] : getEntityPathData(entity, foldersMap)),\n    [projectFolders, entity],\n  )\n\n  return [segments, versions]\n}\n\nexport default useGetEntityPath\n"],"names":["useGetFolderListQuery","useGetProductVersionsQuery","useMemo","_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;;AAErC,QAAA,EAAE,MAAM,EAAE,SAAS,iBAAiB,CAAA,MAAO,CAAA,GAAI,WAAA,IAAeA,WAAA;AAAA,IAClE,EAAE,aAA0B,QAAQ,KAAK;AAAA,IACzC,EAAE,MAAM,CAAC,eAAe,UAAU;AAAA,EACpC;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiBC,UAAA;AAAA,IAC7B,EAAE,aAAW,YAAO,YAAP,mBAAgB,OAAM,IAAI,YAAY;AAAA,IACnD,EAAE,MAAM,eAAe,aAAa,GAAC,YAAO,YAAP,mBAAgB,IAAG;AAAA,EAC1D;AAEA,QAAM,WAAWC,MAAA;AAAA,IACf,MACE;;AAAA,gBAACC,MAAA,6CAAc,QAAQ,YAAtB,gBAAAA,IAA+B,eAC5B,KACA,CAAC,KAAIC,MAAA,aAAa,QAAQ,YAArB,gBAAAA,IAA8B,gBAAe,CAAG,CAAA,EAClD,KAAK,CAAC,GAAG,MAAM;AACV,YAAA,EAAE,SAAS,OAAe,QAAA;AAC1B,YAAA,EAAE,SAAS,OAAe,QAAA;AAC9B,eAAO,EAAE,KAAK,cAAc,EAAE,IAAI;AAAA,MAAA,CACnC,EACA,IAAI,CAAC,aAAa;AAAA,QACjB,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf,IAAI,QAAQ;AAAA,MAAA,EACZ;AAAA;AAAA,IACV,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,aAAaF,MAAA;AAAA,IACjB,MAAM,IAAI,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC;AAAA,IACjE,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,WAAWA,MAAA;AAAA,IACf,MAAO,aAAa,CAAK,IAAA,kBAAkB,QAAQ,UAAU;AAAA,IAC7D,CAAC,gBAAgB,MAAM;AAAA,EACzB;AAEO,SAAA,CAAC,UAAU,QAAQ;AAC5B;;"}

package/dist/shared/src/containers/DetailsPanel/hooks/useGetEntityPath.es.js

@@ -36,6 +36,7 @@ import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
@@ -69,6 +70,9 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
 const useGetEntityPath = ({
   entity,
   entityType,

package/dist/shared/src/containers/DetailsPanel/hooks/useGetEntityPath.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetEntityPath.es.js","sources":["../../../../../../src/containers/DetailsPanel/hooks/useGetEntityPath.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport getEntityPathData from '../helpers/getEntityPathData'\n// shared\nimport { PathSegment } from '@shared/components'\nimport { useGetProductVersionsQuery, useGetFolderListQuery } from '@shared/api'\nimport type { DetailsPanelEntityData, DetailsPanelEntityType } from '@shared/api'\n\ntype Props = {\n  entity: DetailsPanelEntityData\n  entityType: DetailsPanelEntityType\n  projectName: string\n  isLoading: boolean\n}\n\nconst useGetEntityPath = ({\n  entity,\n  entityType,\n  projectName,\n  isLoading,\n}: Props): [PathSegment[], PathSegment[]] => {\n  // get the folders list for the project\n  const { data: { folders: projectFolders = [] } = {}, isFetching } = useGetFolderListQuery(\n    { projectName: projectName, attrib: true },\n    { skip: !projectName || isLoading },\n  )\n\n  // if the entityType is version, get sibling versions\n  const { data: versionsData } = useGetProductVersionsQuery(\n    { productId: entity.product?.id || '', projectName },\n    { skip: entityType !== 'version' || !entity.product?.id },\n  )\n\n  const versions = useMemo(\n    () =>\n      !versionsData?.project.product?.versionList\n        ? []\n        : [...(versionsData.project.product?.versionList || [])]\n            .sort((a, b) => {\n              if (a.name === 'HERO') return -1\n              if (b.name === 'HERO') return 1\n              return b.name.localeCompare(a.name)\n            })\n            .map((version) => ({\n              type: 'version' as const,\n              label: version.name,\n              id: version.id,\n            })),\n    [versionsData],\n  )\n\n  const foldersMap = useMemo(\n    () => new Map(projectFolders.map((folder) => [folder.id, folder])),\n    [projectFolders],\n  )\n\n  const segments = useMemo(\n    () => (isFetching ? [] : getEntityPathData(entity, foldersMap)),\n    [projectFolders, entity],\n  )\n\n  return [segments, versions]\n}\n\nexport default useGetEntityPath\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;;AAErC,QAAA,EAAE,MAAM,EAAE,SAAS,iBAAiB,CAAA,MAAO,CAAA,GAAI,WAAA,IAAe;AAAA,IAClE,EAAE,aAA0B,QAAQ,KAAK;AAAA,IACzC,EAAE,MAAM,CAAC,eAAe,UAAU;AAAA,EACpC;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B,EAAE,aAAW,YAAO,YAAP,mBAAgB,OAAM,IAAI,YAAY;AAAA,IACnD,EAAE,MAAM,eAAe,aAAa,GAAC,YAAO,YAAP,mBAAgB,IAAG;AAAA,EAC1D;AAEA,QAAM,WAAW;AAAA,IACf,MACE;;AAAA,gBAACA,MAAA,6CAAc,QAAQ,YAAtB,gBAAAA,IAA+B,eAC5B,KACA,CAAC,KAAIC,MAAA,aAAa,QAAQ,YAArB,gBAAAA,IAA8B,gBAAe,CAAG,CAAA,EAClD,KAAK,CAAC,GAAG,MAAM;AACV,YAAA,EAAE,SAAS,OAAe,QAAA;AAC1B,YAAA,EAAE,SAAS,OAAe,QAAA;AAC9B,eAAO,EAAE,KAAK,cAAc,EAAE,IAAI;AAAA,MAAA,CACnC,EACA,IAAI,CAAC,aAAa;AAAA,QACjB,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf,IAAI,QAAQ;AAAA,MAAA,EACZ;AAAA;AAAA,IACV,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM,IAAI,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC;AAAA,IACjE,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,WAAW;AAAA,IACf,MAAO,aAAa,CAAK,IAAA,kBAAkB,QAAQ,UAAU;AAAA,IAC7D,CAAC,gBAAgB,MAAM;AAAA,EACzB;AAEO,SAAA,CAAC,UAAU,QAAQ;AAC5B;"}
+{"version":3,"file":"useGetEntityPath.es.js","sources":["../../../../../../src/containers/DetailsPanel/hooks/useGetEntityPath.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport getEntityPathData from '../helpers/getEntityPathData'\n// shared\nimport { PathSegment } from '@shared/components'\nimport { useGetProductVersionsQuery, useGetFolderListQuery } from '@shared/api'\nimport type { DetailsPanelEntityData, DetailsPanelEntityType } from '@shared/api'\n\ntype Props = {\n  entity: DetailsPanelEntityData\n  entityType: DetailsPanelEntityType\n  projectName: string\n  isLoading: boolean\n}\n\nconst useGetEntityPath = ({\n  entity,\n  entityType,\n  projectName,\n  isLoading,\n}: Props): [PathSegment[], PathSegment[]] => {\n  // get the folders list for the project\n  const { data: { folders: projectFolders = [] } = {}, isFetching } = useGetFolderListQuery(\n    { projectName: projectName, attrib: true },\n    { skip: !projectName || isLoading },\n  )\n\n  // if the entityType is version, get sibling versions\n  const { data: versionsData } = useGetProductVersionsQuery(\n    { productId: entity.product?.id || '', projectName },\n    { skip: entityType !== 'version' || !entity.product?.id },\n  )\n\n  const versions = useMemo(\n    () =>\n      !versionsData?.project.product?.versionList\n        ? []\n        : [...(versionsData.project.product?.versionList || [])]\n            .sort((a, b) => {\n              if (a.name === 'HERO') return -1\n              if (b.name === 'HERO') return 1\n              return b.name.localeCompare(a.name)\n            })\n            .map((version) => ({\n              type: 'version' as const,\n              label: version.name,\n              id: version.id,\n            })),\n    [versionsData],\n  )\n\n  const foldersMap = useMemo(\n    () => new Map(projectFolders.map((folder) => [folder.id, folder])),\n    [projectFolders],\n  )\n\n  const segments = useMemo(\n    () => (isFetching ? [] : getEntityPathData(entity, foldersMap)),\n    [projectFolders, entity],\n  )\n\n  return [segments, versions]\n}\n\nexport default useGetEntityPath\n"],"names":["_a","_b"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6C;;AAErC,QAAA,EAAE,MAAM,EAAE,SAAS,iBAAiB,CAAA,MAAO,CAAA,GAAI,WAAA,IAAe;AAAA,IAClE,EAAE,aAA0B,QAAQ,KAAK;AAAA,IACzC,EAAE,MAAM,CAAC,eAAe,UAAU;AAAA,EACpC;AAGM,QAAA,EAAE,MAAM,aAAA,IAAiB;AAAA,IAC7B,EAAE,aAAW,YAAO,YAAP,mBAAgB,OAAM,IAAI,YAAY;AAAA,IACnD,EAAE,MAAM,eAAe,aAAa,GAAC,YAAO,YAAP,mBAAgB,IAAG;AAAA,EAC1D;AAEA,QAAM,WAAW;AAAA,IACf,MACE;;AAAA,gBAACA,MAAA,6CAAc,QAAQ,YAAtB,gBAAAA,IAA+B,eAC5B,KACA,CAAC,KAAIC,MAAA,aAAa,QAAQ,YAArB,gBAAAA,IAA8B,gBAAe,CAAG,CAAA,EAClD,KAAK,CAAC,GAAG,MAAM;AACV,YAAA,EAAE,SAAS,OAAe,QAAA;AAC1B,YAAA,EAAE,SAAS,OAAe,QAAA;AAC9B,eAAO,EAAE,KAAK,cAAc,EAAE,IAAI;AAAA,MAAA,CACnC,EACA,IAAI,CAAC,aAAa;AAAA,QACjB,MAAM;AAAA,QACN,OAAO,QAAQ;AAAA,QACf,IAAI,QAAQ;AAAA,MAAA,EACZ;AAAA;AAAA,IACV,CAAC,YAAY;AAAA,EACf;AAEA,QAAM,aAAa;AAAA,IACjB,MAAM,IAAI,IAAI,eAAe,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC;AAAA,IACjE,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,WAAW;AAAA,IACf,MAAO,aAAa,CAAK,IAAA,kBAAkB,QAAQ,UAAU;AAAA,IAC7D,CAAC,gBAAgB,MAAM;AAAA,EACzB;AAEO,SAAA,CAAC,UAAU,QAAQ;AAC5B;"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js

@@ -34,7 +34,7 @@ const Reference = styled.span`
   }
 
   ${({ $variant }) => $variant === "text" && styled.css`
-      background-color: unset !important;
+      background-color: unset;
     `}
 
   ${({ $variant }) => $variant === "filled" && styled.css`
@@ -56,7 +56,7 @@ const Reference = styled.span`
 
     /* remove background colour and hover on disabled */
     &.disabled {
-    background-color: unset !important;
+    background-color: unset;
   }
 `;
 exports.Reference = Reference;

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{ $variant: 'surface' | 'filled' | 'text' }>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-primary);\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset !important;\n    `}\n\n  ${({ $variant }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: var(--md-sys-color-primary);\n\n      &,\n      .icon {\n        color: var(--md-sys-color-on-primary);\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-primary-hover);\n      }\n\n      &:active {\n        background-color: var(--md-sys-color-primary-active);\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset !important;\n  }\n`\n"],"names":["css"],"mappings":";;;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgC5B,CAAC,EAAE,SAAS,MACZ,aAAa,UACbA,OAAA;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,EAAE,SAAS,MACZ,aAAa,YACbA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}
+{"version":3,"file":"ActivityReference.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{ $variant: 'surface' | 'filled' | 'text' }>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-primary);\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset;\n    `}\n\n  ${({ $variant }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: var(--md-sys-color-primary);\n\n      &,\n      .icon {\n        color: var(--md-sys-color-on-primary);\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-primary-hover);\n      }\n\n      &:active {\n        background-color: var(--md-sys-color-primary-active);\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset;\n  }\n`\n"],"names":["css"],"mappings":";;;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgC5B,CAAC,EAAE,SAAS,MACZ,aAAa,UACbA,OAAA;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,EAAE,SAAS,MACZ,aAAa,YACbA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.es.js

@@ -32,7 +32,7 @@ const Reference = styled.span`
   }
 
   ${({ $variant }) => $variant === "text" && css`
-      background-color: unset !important;
+      background-color: unset;
     `}
 
   ${({ $variant }) => $variant === "filled" && css`
@@ -54,7 +54,7 @@ const Reference = styled.span`
 
     /* remove background colour and hover on disabled */
     &.disabled {
-    background-color: unset !important;
+    background-color: unset;
   }
 `;
 export {

package/dist/shared/src/containers/Feed/components/ActivityReference/ActivityReference.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{ $variant: 'surface' | 'filled' | 'text' }>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-primary);\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset !important;\n    `}\n\n  ${({ $variant }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: var(--md-sys-color-primary);\n\n      &,\n      .icon {\n        color: var(--md-sys-color-on-primary);\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-primary-hover);\n      }\n\n      &:active {\n        background-color: var(--md-sys-color-primary-active);\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset !important;\n  }\n`\n"],"names":[],"mappings":";AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgC5B,CAAC,EAAE,SAAS,MACZ,aAAa,UACb;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,EAAE,SAAS,MACZ,aAAa,YACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActivityReference.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nexport const Reference = styled.span<{ $variant: 'surface' | 'filled' | 'text' }>`\n  gap: 2px;\n  display: inline-flex;\n  border-radius: var(--border-radius-m);\n  width: min-content;\n  position: relative;\n  user-select: none;\n  padding: 0;\n  padding-right: 4px;\n  white-space: nowrap;\n  cursor: pointer;\n\n  align-items: center;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-primary);\n  }\n\n  .icon {\n    font-size: 20px;\n  }\n\n  background-color: var(--md-sys-color-surface-container-high);\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n\n  ${({ $variant }) =>\n    $variant === 'text' &&\n    css`\n      background-color: unset;\n    `}\n\n  ${({ $variant }) =>\n    $variant === 'filled' &&\n    css`\n      background-color: var(--md-sys-color-primary);\n\n      &,\n      .icon {\n        color: var(--md-sys-color-on-primary);\n      }\n\n      &:hover {\n        background-color: var(--md-sys-color-primary-hover);\n      }\n\n      &:active {\n        background-color: var(--md-sys-color-primary-active);\n      }\n    `}\n\n    /* remove background colour and hover on disabled */\n    &.disabled {\n    background-color: unset;\n  }\n`\n"],"names":[],"mappings":";AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgC5B,CAAC,EAAE,SAAS,MACZ,aAAa,UACb;AAAA;AAAA,KAEC;AAAA;AAAA,IAED,CAAC,EAAE,SAAS,MACZ,aAAa,YACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAeC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js

@@ -47,7 +47,7 @@ const DialogWrapper = styled(ayonReactComponents.Dialog)`
   &.isImage {
     /* remove min/max height */
 
-    background-color: unset !important;
+    background-color: unset;
     border-radius: 0;
 
     width: 0;

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadPreview.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n    overflow: hidden;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset !important;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const ScrollableContent = styled.div`\n  &.scrollable {\n    position: absolute;\n    inset: 56px;\n    overflow: auto;\n  }\n`\n"],"names":["Dialog"],"mappings":";;;;AAGa,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"FileUploadPreview.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n    overflow: hidden;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const ScrollableContent = styled.div`\n  &.scrollable {\n    position: absolute;\n    inset: 56px;\n    overflow: auto;\n  }\n`\n"],"names":["Dialog"],"mappings":";;;;AAGa,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js

@@ -45,7 +45,7 @@ const DialogWrapper = styled(Dialog)`
   &.isImage {
     /* remove min/max height */
 
-    background-color: unset !important;
+    background-color: unset;
     border-radius: 0;
 
     width: 0;

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadPreview.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n    overflow: hidden;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset !important;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const ScrollableContent = styled.div`\n  &.scrollable {\n    position: absolute;\n    inset: 56px;\n    overflow: auto;\n  }\n`\n"],"names":[],"mappings":";;AAGa,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"FileUploadPreview.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n    overflow: hidden;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const ScrollableContent = styled.div`\n  &.scrollable {\n    position: absolute;\n    inset: 56px;\n    overflow: auto;\n  }\n`\n"],"names":[],"mappings":";;AAGa,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/context/FeedContext.cjs.js

@@ -39,6 +39,7 @@ require("../../../api/generated/versions.cjs.js");
 require("../../../api/generated/workfiles.cjs.js");
 require("../../../api/generated/ynputCloud.cjs.js");
 require("../../../api/generated/grouping.cjs.js");
+require("../../../api/generated/views.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 const getActivities = require("../../../api/queries/activities/getActivities.cjs.js");
 const updateActivities = require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -73,6 +74,9 @@ require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
 require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+require("../../../api/queries/views/getViews.cjs.js");
+require("../../../api/queries/views/updateViews.cjs.js");
 require("../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");

package/dist/shared/src/containers/Feed/context/FeedContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.cjs.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetActivityUsersQuery","useScopedDetailsPanel","useCreateEntityActivityMutation","useUpdateActivityMutation","useDeleteActivityMutation","useCreateReactionToActivityMutation","useDeleteReactionToActivityMutation","getFilterActivityTypes","useState","useGetEntityTooltipQuery","useGetEntityMentionsQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAcA,oBAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAOC,cAAAA,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAAC,0CAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjEC,iBAAAA,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgBC,yCAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAAC,cAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAAC,YAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAUC,iBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;;;;"}
+{"version":3,"file":"FeedContext.cjs.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetActivityUsersQuery","useScopedDetailsPanel","useCreateEntityActivityMutation","useUpdateActivityMutation","useDeleteActivityMutation","useCreateReactionToActivityMutation","useDeleteReactionToActivityMutation","getFilterActivityTypes","useState","useGetEntityTooltipQuery","useGetEntityMentionsQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAcA,oBAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAOC,cAAAA,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAAC,0CAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjEC,iBAAAA,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgBC,yCAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAAC,cAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAAC,YAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAUC,iBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;;;;"}

package/dist/shared/src/containers/Feed/context/FeedContext.es.js

@@ -37,6 +37,7 @@ import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import { useGetActivityUsersQuery, useGetEntityTooltipQuery } from "../../../api/queries/activities/getActivities.es.js";
 import { useCreateEntityActivityMutation, useUpdateActivityMutation, useDeleteActivityMutation } from "../../../api/queries/activities/updateActivities.es.js";
@@ -71,6 +72,9 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/versions/updateVersions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import { useScopedDetailsPanel } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";

package/dist/shared/src/containers/Feed/context/FeedContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.es.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAc,cAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAA,sBAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjE,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgB,uBAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;"}
+{"version":3,"file":"FeedContext.es.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAc,cAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAA,sBAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjE,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgB,uBAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;"}

package/dist/shared/src/containers/Feed/hooks/useCommentMutations.cjs.js

@@ -49,7 +49,7 @@ const useCommentMutations = ({
     };
     return patch;
   };
-  const getActivityId = () => v1().replace(/-/g, "");
+  const getActivityId = () => v1.default().replace(/-/g, "");
   const submitComment = async (value, files = [], data = {}) => {
     const promises = entities.map(({ id: entityId, subTitle }) => {
       const newId = getActivityId();

package/dist/shared/src/containers/Feed/hooks/useCommentMutations.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCommentMutations.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useCommentMutations.ts"],"sourcesContent":["import { v1 as uuid1 } from 'uuid'\nimport { formatISO } from 'date-fns'\nimport { toast } from 'react-toastify'\nimport { useFeedContext } from '../context/FeedContext'\nimport { SavedAnnotationMetadata } from '..'\n\n// Type definitions\ninterface Entity {\n  id: string\n  subTitle?: string\n}\n\ninterface File {\n  id: string\n  [key: string]: any\n}\n\nexport interface Activity {\n  activityId: string\n  entityId: string\n  body: string\n  files: File[]\n  [key: string]: any\n}\n\ninterface CommentPatch {\n  body: string\n  activityType: string\n  activityId: string\n  entityId: string\n  referenceType: string\n  authorName: string\n  authorFullName?: string\n  createdAt: string\n  files: File[]\n  reactions: any[]\n  origin: {\n    id: string\n    type: string\n    name?: string\n  }\n  author: {\n    active: boolean\n    deleted: boolean\n  }\n}\n\ninterface CommentMutationsProps {\n  projectName: string\n  entityType: string\n  entities: Entity[]\n  filter: any\n}\n\ninterface CommentPayload {\n  entityId: string\n  newId: string\n  subTitle?: string\n  value: string\n  files?: File[]\n}\n\n// does the body have a checklist anywhere in it\n// * [ ] or * [x]\nexport const bodyHasChecklist = (body: string): boolean => {\n  return body.includes('* [ ]') || body.includes('* [x]')\n}\n\nconst useCommentMutations = ({\n  projectName,\n  entityType,\n  entities = [],\n  filter,\n}: CommentMutationsProps) => {\n  const {\n    createEntityActivity,\n    updateActivity,\n    deleteActivity,\n    isUpdatingActivity,\n    userName,\n    userFullName,\n    activityTypes,\n  } = useFeedContext()\n  const entityIds = entities.map((entity) => entity.id)\n\n  const createPatch = ({\n    entityId,\n    newId,\n    subTitle,\n    value,\n    files = [],\n  }: CommentPayload): CommentPatch => {\n    const patch: CommentPatch = {\n      body: value,\n      activityType: 'comment',\n      activityId: newId,\n      entityId: entityId,\n      referenceType: 'origin',\n      authorName: userName,\n      authorFullName: userFullName,\n      createdAt: formatISO(new Date()),\n      files: files,\n      reactions: [],\n      origin: {\n        id: '8090c2dafcc811eeaf820242c0a80002',\n        type: entityType,\n        name: subTitle,\n      },\n      author: {\n        active: true,\n        deleted: false,\n      },\n    }\n\n    return patch\n  }\n\n  const getActivityId = (): string => uuid1().replace(/-/g, '')\n\n  const submitComment = async (\n    value: string,\n    files: File[] = [],\n    data: any = {},\n  ): Promise<void> => {\n    // map over all the entities and create a new comment for each\n    let patchId: string | null = null\n    const promises = entities.map(({ id: entityId, subTitle }) => {\n      const newId = getActivityId()\n      if (!patchId) patchId = newId\n      const fileIds = files.map((file) => file.id)\n\n      const newComment = {\n        body: value,\n        activityType: 'comment',\n        id: newId,\n        files: fileIds,\n        data,\n      }\n\n      // filter out files which are transparent versions of an annotation\n      const optimisticFiles = files.filter(\n        ({ id }) =>\n          !data.annotations?.some(\n            (annotation: SavedAnnotationMetadata) => annotation.transparent === id,\n          ),\n      )\n\n      // create a new patch for optimistic update\n      const patch = createPatch({ entityId, newId, subTitle, value, files: optimisticFiles })\n\n      // we only need these args to update the cache of the original query\n      const argsForCachingMatching = { entityIds, activityTypes }\n\n      return createEntityActivity({\n        projectName,\n        entityType,\n        entityId,\n        data: newComment,\n        patch,\n        filter,\n        ...argsForCachingMatching,\n      })\n    })\n\n    await Promise.all(promises)\n  }\n\n  const updateComment = async (\n    activity: Activity,\n    value: string,\n    files: File[] = [],\n  ): Promise<void> => {\n    const fileIds = files.map((file) => file.id)\n\n    const updatedActivity = {\n      body: value,\n      files: fileIds,\n    }\n\n    const patch = {\n      ...activity,\n      ...updatedActivity,\n      files,\n    }\n\n    // we only need these args to update the cache of the original query\n    const argsForCachingMatching = { entityType, entityIds, activityTypes }\n\n    try {\n      await updateActivity({\n        projectName,\n        data: updatedActivity,\n        activityId: activity.activityId,\n        entityId: activity.entityId,\n        patch,\n        filter,\n        ...argsForCachingMatching,\n      })\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error?.data?.detail)\n      // so higher level can detect the error\n      throw error\n    }\n  }\n\n  const deleteComment = async (id: string, entityId: string, refs: any[] = []): Promise<void> => {\n    // we only need these args to update the cache of the original query\n    const argsForCachingMatching = { entityType, entityIds, activityTypes }\n\n    if (!id) return\n\n    try {\n      await deleteActivity({\n        projectName,\n        activityId: id,\n        entityId,\n        filter,\n        patch: { activityId: id },\n        refs,\n        ...argsForCachingMatching,\n      })\n    } catch (error) {\n      // error is handled in the mutation\n    }\n  }\n\n  return {\n    submitComment,\n    updateComment,\n    deleteComment,\n    isSaving: isUpdatingActivity,\n  }\n}\n\nexport default useCommentMutations\n"],"names":["useFeedContext","formatISO","uuid1","toast"],"mappings":";;;;;AAoEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,WAAW,CAAC;AAAA,EACZ;AACF,MAA6B;AACrB,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,2BAAe;AACnB,QAAM,YAAY,SAAS,IAAI,CAAC,WAAW,OAAO,EAAE;AAEpD,QAAM,cAAc,CAAC;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,EAAC,MACyB;AAClC,UAAM,QAAsB;AAAA,MAC1B,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAWC,QAAAA,UAAc,oBAAA,MAAM;AAAA,MAC/B;AAAA,MACA,WAAW,CAAC;AAAA,MACZ,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,IAEb;AAEO,WAAA;AAAA,EACT;AAEA,QAAM,gBAAgB,MAAcC,GAAA,EAAQ,QAAQ,MAAM,EAAE;AAEtD,QAAA,gBAAgB,OACpB,OACA,QAAgB,CAChB,GAAA,OAAY,OACM;AAGZ,UAAA,WAAW,SAAS,IAAI,CAAC,EAAE,IAAI,UAAU,eAAe;AAC5D,YAAM,QAAQ,cAAc;AAE5B,YAAM,UAAU,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAE3C,YAAM,aAAa;AAAA,QACjB,MAAM;AAAA,QACN,cAAc;AAAA,QACd,IAAI;AAAA,QACJ,OAAO;AAAA,QACP;AAAA,MACF;AAGA,YAAM,kBAAkB,MAAM;AAAA,QAC5B,CAAC,EAAE,GACD,MAAA;;AAAA,oBAAC,UAAK,gBAAL,mBAAkB;AAAA,YACjB,CAAC,eAAwC,WAAW,gBAAgB;AAAA;AAAA;AAAA,MAE1E;AAGM,YAAA,QAAQ,YAAY,EAAE,UAAU,OAAO,UAAU,OAAO,OAAO,iBAAiB;AAGhF,YAAA,yBAAyB,EAAE,WAAW,cAAc;AAE1D,aAAO,qBAAqB;AAAA,QAC1B;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA,CACF;AAEK,UAAA,QAAQ,IAAI,QAAQ;AAAA,EAC5B;AAEA,QAAM,gBAAgB,OACpB,UACA,OACA,QAAgB,CAAA,MACE;;AAClB,UAAM,UAAU,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAE3C,UAAM,kBAAkB;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAEA,UAAM,QAAQ;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAGA,UAAM,yBAAyB,EAAE,YAAY,WAAW,cAAc;AAElE,QAAA;AACF,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,QACN,YAAY,SAAS;AAAA,QACrB,UAAU,SAAS;AAAA,QACnB;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAAA,aACM,OAAY;AACnB,cAAQ,MAAM,KAAK;AACbC,oBAAAA,MAAA,OAAM,oCAAO,SAAP,mBAAa,MAAM;AAEzB,YAAA;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,gBAAgB,OAAO,IAAY,UAAkB,OAAc,CAAA,MAAsB;AAE7F,UAAM,yBAAyB,EAAE,YAAY,WAAW,cAAc;AAEtE,QAAI,CAAC,GAAI;AAEL,QAAA;AACF,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,OAAO,EAAE,YAAY,GAAG;AAAA,QACxB;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAAA,aACM,OAAO;AAAA,IAAA;AAAA,EAGlB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ;AACF;;"}
+{"version":3,"file":"useCommentMutations.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useCommentMutations.ts"],"sourcesContent":["import { v1 as uuid1 } from 'uuid'\nimport { formatISO } from 'date-fns'\nimport { toast } from 'react-toastify'\nimport { useFeedContext } from '../context/FeedContext'\nimport { SavedAnnotationMetadata } from '..'\n\n// Type definitions\ninterface Entity {\n  id: string\n  subTitle?: string\n}\n\ninterface File {\n  id: string\n  [key: string]: any\n}\n\nexport interface Activity {\n  activityId: string\n  entityId: string\n  body: string\n  files: File[]\n  [key: string]: any\n}\n\ninterface CommentPatch {\n  body: string\n  activityType: string\n  activityId: string\n  entityId: string\n  referenceType: string\n  authorName: string\n  authorFullName?: string\n  createdAt: string\n  files: File[]\n  reactions: any[]\n  origin: {\n    id: string\n    type: string\n    name?: string\n  }\n  author: {\n    active: boolean\n    deleted: boolean\n  }\n}\n\ninterface CommentMutationsProps {\n  projectName: string\n  entityType: string\n  entities: Entity[]\n  filter: any\n}\n\ninterface CommentPayload {\n  entityId: string\n  newId: string\n  subTitle?: string\n  value: string\n  files?: File[]\n}\n\n// does the body have a checklist anywhere in it\n// * [ ] or * [x]\nexport const bodyHasChecklist = (body: string): boolean => {\n  return body.includes('* [ ]') || body.includes('* [x]')\n}\n\nconst useCommentMutations = ({\n  projectName,\n  entityType,\n  entities = [],\n  filter,\n}: CommentMutationsProps) => {\n  const {\n    createEntityActivity,\n    updateActivity,\n    deleteActivity,\n    isUpdatingActivity,\n    userName,\n    userFullName,\n    activityTypes,\n  } = useFeedContext()\n  const entityIds = entities.map((entity) => entity.id)\n\n  const createPatch = ({\n    entityId,\n    newId,\n    subTitle,\n    value,\n    files = [],\n  }: CommentPayload): CommentPatch => {\n    const patch: CommentPatch = {\n      body: value,\n      activityType: 'comment',\n      activityId: newId,\n      entityId: entityId,\n      referenceType: 'origin',\n      authorName: userName,\n      authorFullName: userFullName,\n      createdAt: formatISO(new Date()),\n      files: files,\n      reactions: [],\n      origin: {\n        id: '8090c2dafcc811eeaf820242c0a80002',\n        type: entityType,\n        name: subTitle,\n      },\n      author: {\n        active: true,\n        deleted: false,\n      },\n    }\n\n    return patch\n  }\n\n  const getActivityId = (): string => uuid1().replace(/-/g, '')\n\n  const submitComment = async (\n    value: string,\n    files: File[] = [],\n    data: any = {},\n  ): Promise<void> => {\n    // map over all the entities and create a new comment for each\n    let patchId: string | null = null\n    const promises = entities.map(({ id: entityId, subTitle }) => {\n      const newId = getActivityId()\n      if (!patchId) patchId = newId\n      const fileIds = files.map((file) => file.id)\n\n      const newComment = {\n        body: value,\n        activityType: 'comment',\n        id: newId,\n        files: fileIds,\n        data,\n      }\n\n      // filter out files which are transparent versions of an annotation\n      const optimisticFiles = files.filter(\n        ({ id }) =>\n          !data.annotations?.some(\n            (annotation: SavedAnnotationMetadata) => annotation.transparent === id,\n          ),\n      )\n\n      // create a new patch for optimistic update\n      const patch = createPatch({ entityId, newId, subTitle, value, files: optimisticFiles })\n\n      // we only need these args to update the cache of the original query\n      const argsForCachingMatching = { entityIds, activityTypes }\n\n      return createEntityActivity({\n        projectName,\n        entityType,\n        entityId,\n        data: newComment,\n        patch,\n        filter,\n        ...argsForCachingMatching,\n      })\n    })\n\n    await Promise.all(promises)\n  }\n\n  const updateComment = async (\n    activity: Activity,\n    value: string,\n    files: File[] = [],\n  ): Promise<void> => {\n    const fileIds = files.map((file) => file.id)\n\n    const updatedActivity = {\n      body: value,\n      files: fileIds,\n    }\n\n    const patch = {\n      ...activity,\n      ...updatedActivity,\n      files,\n    }\n\n    // we only need these args to update the cache of the original query\n    const argsForCachingMatching = { entityType, entityIds, activityTypes }\n\n    try {\n      await updateActivity({\n        projectName,\n        data: updatedActivity,\n        activityId: activity.activityId,\n        entityId: activity.entityId,\n        patch,\n        filter,\n        ...argsForCachingMatching,\n      })\n    } catch (error: any) {\n      console.error(error)\n      toast.error(error?.data?.detail)\n      // so higher level can detect the error\n      throw error\n    }\n  }\n\n  const deleteComment = async (id: string, entityId: string, refs: any[] = []): Promise<void> => {\n    // we only need these args to update the cache of the original query\n    const argsForCachingMatching = { entityType, entityIds, activityTypes }\n\n    if (!id) return\n\n    try {\n      await deleteActivity({\n        projectName,\n        activityId: id,\n        entityId,\n        filter,\n        patch: { activityId: id },\n        refs,\n        ...argsForCachingMatching,\n      })\n    } catch (error) {\n      // error is handled in the mutation\n    }\n  }\n\n  return {\n    submitComment,\n    updateComment,\n    deleteComment,\n    isSaving: isUpdatingActivity,\n  }\n}\n\nexport default useCommentMutations\n"],"names":["useFeedContext","formatISO","uuid1","toast"],"mappings":";;;;;AAoEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,WAAW,CAAC;AAAA,EACZ;AACF,MAA6B;AACrB,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACEA,2BAAe;AACnB,QAAM,YAAY,SAAS,IAAI,CAAC,WAAW,OAAO,EAAE;AAEpD,QAAM,cAAc,CAAC;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,CAAA;AAAA,EAAC,MACyB;AAClC,UAAM,QAAsB;AAAA,MAC1B,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAWC,QAAAA,UAAc,oBAAA,MAAM;AAAA,MAC/B;AAAA,MACA,WAAW,CAAC;AAAA,MACZ,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,SAAS;AAAA,MAAA;AAAA,IAEb;AAEO,WAAA;AAAA,EACT;AAEA,QAAM,gBAAgB,MAAcC,GAAA,QAAA,EAAQ,QAAQ,MAAM,EAAE;AAEtD,QAAA,gBAAgB,OACpB,OACA,QAAgB,CAChB,GAAA,OAAY,OACM;AAGZ,UAAA,WAAW,SAAS,IAAI,CAAC,EAAE,IAAI,UAAU,eAAe;AAC5D,YAAM,QAAQ,cAAc;AAE5B,YAAM,UAAU,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAE3C,YAAM,aAAa;AAAA,QACjB,MAAM;AAAA,QACN,cAAc;AAAA,QACd,IAAI;AAAA,QACJ,OAAO;AAAA,QACP;AAAA,MACF;AAGA,YAAM,kBAAkB,MAAM;AAAA,QAC5B,CAAC,EAAE,GACD,MAAA;;AAAA,oBAAC,UAAK,gBAAL,mBAAkB;AAAA,YACjB,CAAC,eAAwC,WAAW,gBAAgB;AAAA;AAAA;AAAA,MAE1E;AAGM,YAAA,QAAQ,YAAY,EAAE,UAAU,OAAO,UAAU,OAAO,OAAO,iBAAiB;AAGhF,YAAA,yBAAyB,EAAE,WAAW,cAAc;AAE1D,aAAO,qBAAqB;AAAA,QAC1B;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAAA,IAAA,CACF;AAEK,UAAA,QAAQ,IAAI,QAAQ;AAAA,EAC5B;AAEA,QAAM,gBAAgB,OACpB,UACA,OACA,QAAgB,CAAA,MACE;;AAClB,UAAM,UAAU,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAE3C,UAAM,kBAAkB;AAAA,MACtB,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAEA,UAAM,QAAQ;AAAA,MACZ,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAGA,UAAM,yBAAyB,EAAE,YAAY,WAAW,cAAc;AAElE,QAAA;AACF,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,MAAM;AAAA,QACN,YAAY,SAAS;AAAA,QACrB,UAAU,SAAS;AAAA,QACnB;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAAA,aACM,OAAY;AACnB,cAAQ,MAAM,KAAK;AACbC,oBAAAA,MAAA,OAAM,oCAAO,SAAP,mBAAa,MAAM;AAEzB,YAAA;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,gBAAgB,OAAO,IAAY,UAAkB,OAAc,CAAA,MAAsB;AAE7F,UAAM,yBAAyB,EAAE,YAAY,WAAW,cAAc;AAEtE,QAAI,CAAC,GAAI;AAEL,QAAA;AACF,YAAM,eAAe;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,OAAO,EAAE,YAAY,GAAG;AAAA,QACxB;AAAA,QACA,GAAG;AAAA,MAAA,CACJ;AAAA,aACM,OAAO;AAAA,IAAA;AAAA,EAGlB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACZ;AACF;;"}

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.cjs.js

@@ -35,6 +35,7 @@ require("../../../api/generated/versions.cjs.js");
 require("../../../api/generated/workfiles.cjs.js");
 require("../../../api/generated/ynputCloud.cjs.js");
 require("../../../api/generated/grouping.cjs.js");
+require("../../../api/generated/views.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 const getActivities = require("../../../api/queries/activities/getActivities.cjs.js");
 require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -68,6 +69,9 @@ require("../../../api/queries/permissions/getPermissions.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../api/queries/versions/updateVersions.cjs.js");
 require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+require("../../../api/queries/views/getViews.cjs.js");
+require("../../../api/queries/views/updateViews.cjs.js");
 const lodash = require("lodash");
 const React = require("react");
 const useGetFeedActivitiesData = ({

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetFeedActivitiesData.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":["useMemo","useGetActivitiesInfiniteInfiniteQuery","union","isEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkBA,MAAA;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAAC,oDAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiBD,MAAAA,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwBA,MAAAA,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAeA,MAAAA,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmBE,OAAA;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAACC,OAAAA,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useGetFeedActivitiesData.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":["useMemo","useGetActivitiesInfiniteInfiniteQuery","union","isEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkBA,MAAA;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAAC,oDAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiBD,MAAAA,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwBA,MAAAA,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAeA,MAAAA,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmBE,OAAA;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAACC,OAAAA,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;;"}