@ynput/ayon-frontend-shared 0.2.31 → 0.2.33

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

@@ -1,9 +1,17 @@
-import { theme as r, Button as a } from "@ynput/ayon-react-components";
-import o, { css as i } from "styled-components";
+import { theme as r, Button as t } from "@ynput/ayon-react-components";
+import o, { css as d } from "styled-components";
+import { categoryColorCss as s } from "../CommentInput/CommentInput.styled.es.js";
 o.div`
   border-radius: var(--border-radius-m);
 `;
-const d = o.li`
+const m = o.li`
+  /* VARS */
+  --background-color: var(--md-sys-color-surface-container);
+  --button-color-secondary: var(--md-sys-color-surface-container-high);
+  --border-color: transparent;
+  /* CATEGORY */
+  ${({ $categoryPrimary: e, $categorySecondary: i, $categoryTertiary: n }) => s(e, i, n)}
+
   /* reset default */
   list-style: none;
   margin: 0;
@@ -42,8 +50,8 @@ const d = o.li`
   &.isHighlighted {
     background-color: var(--md-sys-color-secondary-container);
   }
-`, s = o.div`
-  background-color: var(--md-sys-color-surface-container);
+`, g = o.div`
+  background-color: var(--background-color);
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
   padding: 12px 10px;
@@ -51,8 +59,8 @@ const d = o.li`
 
   /* remove first and last margins */
   /* + * because tools is actual first */
-  & > *:first-child + * {
-    margin-top: 0;
+  & > *:nth-child(2) + * {
+    margin-top: 8px;
   }
 
   & > *:not(.tools):not(h1) {
@@ -157,7 +165,7 @@ const d = o.li`
     padding: 0;
     border-radius: var(--border-radius-l);
   }
-`, l = o.p`
+`, u = o.p`
   margin: 0;
 
   &:first-child {
@@ -173,7 +181,7 @@ o.div`
   flex-wrap: wrap;
   gap: var(--base-gap-large);
 `;
-const e = i`
+const a = d`
   height: 100px;
   width: 100px;
   object-fit: contain;
@@ -193,10 +201,10 @@ const e = i`
   }
 `;
 o.img`
-  ${e}
+  ${a}
 `;
 o.a`
-  ${e}
+  ${a}
 
   display: flex;
   flex-direction: column;
@@ -218,7 +226,7 @@ o.span`
   overflow-wrap: break-word;
   color: var(--md-sys-color-outline);
 `;
-const c = o.pre`
+const b = o.pre`
   padding: var(--padding-m);
   border-radius: var(--padding-s);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -233,22 +241,31 @@ const c = o.pre`
   * {
     font-family: monospace !important;
   }
-`, p = o.div`
+`, f = o.div`
   display: flex;
   position: absolute;
   right: 4px;
   top: 4px;
-  background-color: var(--md-sys-color-surface-container-highest);
+  background-color: var(--button-color-secondary);
   border-radius: var(--border-radius-m);
   z-index: 50;
-`, m = o(a)`
-  padding: 4px;
+  padding: 2px;
+  gap: var(--base-gap-small);
+`, v = o(t)`
+  &.hasIcon {
+    padding: 4px;
+  }
+
+  &:hover {
+    background-color: var(--button-color-secondary);
+    filter: brightness(1.2);
+  }
 
   [icon='edit_square'] {
     position: relative;
     top: -1px;
   }
-`, g = o.span`
+`, x = o.span`
   background-color: var(--md-sys-color-secondary-container);
   display: flex;
   align-items: center;
@@ -271,12 +288,12 @@ const c = o.pre`
   }
 `;
 export {
-  c as BlockCode,
-  s as Body,
-  d as Comment,
-  l as QuoteLine,
-  g as Tip,
-  m as ToolButton,
-  p as Tools
+  b as BlockCode,
+  g as Body,
+  m as Comment,
+  u as QuoteLine,
+  x as Tip,
+  v as ToolButton,
+  f as Tools
 };
 //# sourceMappingURL=ActivityComment.styled.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityComment.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\n\nexport const CommentWrapper = styled.div`\n  border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: var(--padding-m);\n  border-radius: var(--border-radius-m);\n\n  /* hide date and show tools */\n  &.isOwner {\n    /* by default hide menu */\n\n    .tools {\n      opacity: 0;\n    }\n\n    .isEditing {\n      z-index: 1000;\n    }\n\n    :not(.isEditing) {\n      /* on hover show menu and hide date */\n      &:hover {\n        .tools {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  &.isHighlighted {\n    background-color: var(--md-sys-color-secondary-container);\n  }\n`\n\nexport const Body = styled.div`\n  background-color: var(--md-sys-color-surface-container);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  padding: 12px 10px;\n  position: relative;\n\n  /* remove first and last margins */\n  /* + * because tools is actual first */\n  & > *:first-child + * {\n    margin-top: 0;\n  }\n\n  & > *:not(.tools):not(h1) {\n    margin-bottom: 0;\n  }\n\n  a {\n    color: var(--md-sys-color-primary);\n  }\n\n  img {\n    width: 100%;\n  }\n\n  p {\n    word-break: break-word;\n    .reference {\n      top: 5px;\n    }\n  }\n\n  h1 {\n    ${theme.titleLarge}\n    font-size: 24px;\n  }\n\n  h2 {\n    ${theme.titleMedium}\n    font-size: 20px;\n  }\n\n  h3 {\n    ${theme.titleSmall}\n    font-size: 16px;\n  }\n\n  h1,\n  h2,\n  h3 {\n    margin-top: 16px;\n  }\n\n  ul,\n  ol {\n    .reference {\n      top: 6px;\n    }\n  }\n\n  .contains-task-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-large);\n    padding-left: 8px;\n    margin: 16px 0;\n\n    li {\n      align-items: center;\n    }\n\n    & > * {\n      padding-left: 1.5rem;\n    }\n\n    p {\n      margin: 0;\n\n      .reference {\n        top: 0px;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0;\n    padding-left: 16px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: var(--md-sys-color-outline-variant);\n      border-radius: 2px;\n    }\n  }\n\n  /* Inline code elements (not in pre blocks) */\n  code:not(pre code) {\n    font-family: monospace;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    padding: 2px 4px;\n    border-radius: 2px;\n  }\n\n  &.isEditing {\n    padding: 0;\n    border-radius: var(--border-radius-l);\n  }\n`\n\nexport const QuoteLine = styled.p`\n  margin: 0;\n\n  &:first-child {\n    margin-top: 14px;\n  }\n\n  &:last-child {\n    margin-bottom: 14px;\n  }\n`\n\nexport const Attachments = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n  height: 100px;\n  width: 100px;\n  object-fit: contain;\n  padding: 4px;\n  cursor: pointer;\n  position: relative;\n\n  border-radius: var(--border-radius-m);\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\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n`\n\nexport const AttachmentImg = styled.img`\n  ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n  ${attachmentBase}\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .icon {\n    margin-bottom: 20px;\n    font-size: 32px;\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const Name = styled.span`\n  position: absolute;\n  bottom: 4px;\n  left: 0;\n  right: 0;\n  text-align: center;\n  /* break text */\n  overflow-wrap: break-word;\n  color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n  padding: var(--padding-m);\n  border-radius: var(--padding-s);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  font-family: monospace;\n  font-size: var(--md-sys-typescale-body-small-font-size);\n\n  line-break: anywhere;\n  word-break: break-word;\n  overflow: hidden;\n\n  /* Ensure all child elements use monospace font */\n  * {\n    font-family: monospace !important;\n  }\n`\n\nexport const Tools = styled.div`\n  display: flex;\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  background-color: var(--md-sys-color-surface-container-highest);\n  border-radius: var(--border-radius-m);\n  z-index: 50;\n`\n\nexport const ToolButton = styled(Button)`\n  padding: 4px;\n\n  [icon='edit_square'] {\n    position: relative;\n    top: -1px;\n  }\n`\n\nexport const Tip = styled.span`\n  background-color: var(--md-sys-color-secondary-container);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  margin: 16px 0 !important;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n`\n"],"names":["styled","Comment","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAI9B,MAAMC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAyCjBE,IAAOF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAiCrBG,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0ETC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAMK,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBMN,EAAO;AAAA,IAChCK,CAAc;AAAA;AAGYL,EAAO;AAAA,IACjCK,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaEL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAMO,IAAYP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBQ,IAAQR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfS,IAAaT,EAAOU,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS1BC,IAAMX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActivityComment.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\nimport { categoryColorCss, CommentProps } from '../CommentInput/CommentInput.styled'\n\nexport const CommentWrapper = styled.div`\n  border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li<CommentProps>`\n  /* VARS */\n  --background-color: var(--md-sys-color-surface-container);\n  --button-color-secondary: var(--md-sys-color-surface-container-high);\n  --border-color: transparent;\n  /* CATEGORY */\n  ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n    categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: var(--padding-m);\n  border-radius: var(--border-radius-m);\n\n  /* hide date and show tools */\n  &.isOwner {\n    /* by default hide menu */\n\n    .tools {\n      opacity: 0;\n    }\n\n    .isEditing {\n      z-index: 1000;\n    }\n\n    :not(.isEditing) {\n      /* on hover show menu and hide date */\n      &:hover {\n        .tools {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  &.isHighlighted {\n    background-color: var(--md-sys-color-secondary-container);\n  }\n`\n\nexport const Body = styled.div`\n  background-color: var(--background-color);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  padding: 12px 10px;\n  position: relative;\n\n  /* remove first and last margins */\n  /* + * because tools is actual first */\n  & > *:nth-child(2) + * {\n    margin-top: 8px;\n  }\n\n  & > *:not(.tools):not(h1) {\n    margin-bottom: 0;\n  }\n\n  a {\n    color: var(--md-sys-color-primary);\n  }\n\n  img {\n    width: 100%;\n  }\n\n  p {\n    word-break: break-word;\n    .reference {\n      top: 5px;\n    }\n  }\n\n  h1 {\n    ${theme.titleLarge}\n    font-size: 24px;\n  }\n\n  h2 {\n    ${theme.titleMedium}\n    font-size: 20px;\n  }\n\n  h3 {\n    ${theme.titleSmall}\n    font-size: 16px;\n  }\n\n  h1,\n  h2,\n  h3 {\n    margin-top: 16px;\n  }\n\n  ul,\n  ol {\n    .reference {\n      top: 6px;\n    }\n  }\n\n  .contains-task-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--base-gap-large);\n    padding-left: 8px;\n    margin: 16px 0;\n\n    li {\n      align-items: center;\n    }\n\n    & > * {\n      padding-left: 1.5rem;\n    }\n\n    p {\n      margin: 0;\n\n      .reference {\n        top: 0px;\n        margin-left: 4px;\n      }\n    }\n  }\n\n  blockquote {\n    margin: 0;\n    padding-left: 16px;\n    position: relative;\n\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background-color: var(--md-sys-color-outline-variant);\n      border-radius: 2px;\n    }\n  }\n\n  /* Inline code elements (not in pre blocks) */\n  code:not(pre code) {\n    font-family: monospace;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    padding: 2px 4px;\n    border-radius: 2px;\n  }\n\n  &.isEditing {\n    padding: 0;\n    border-radius: var(--border-radius-l);\n  }\n`\n\nexport const QuoteLine = styled.p`\n  margin: 0;\n\n  &:first-child {\n    margin-top: 14px;\n  }\n\n  &:last-child {\n    margin-bottom: 14px;\n  }\n`\n\nexport const Attachments = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n  height: 100px;\n  width: 100px;\n  object-fit: contain;\n  padding: 4px;\n  cursor: pointer;\n  position: relative;\n\n  border-radius: var(--border-radius-m);\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\n  &:active {\n    background-color: var(--md-sys-color-surface-container-high-active);\n  }\n`\n\nexport const AttachmentImg = styled.img`\n  ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n  ${attachmentBase}\n\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  .icon {\n    margin-bottom: 20px;\n    font-size: 32px;\n    color: var(--md-sys-color-outline);\n  }\n`\n\nexport const Name = styled.span`\n  position: absolute;\n  bottom: 4px;\n  left: 0;\n  right: 0;\n  text-align: center;\n  /* break text */\n  overflow-wrap: break-word;\n  color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n  padding: var(--padding-m);\n  border-radius: var(--padding-s);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  font-family: monospace;\n  font-size: var(--md-sys-typescale-body-small-font-size);\n\n  line-break: anywhere;\n  word-break: break-word;\n  overflow: hidden;\n\n  /* Ensure all child elements use monospace font */\n  * {\n    font-family: monospace !important;\n  }\n`\n\nexport const Tools = styled.div`\n  display: flex;\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  background-color: var(--button-color-secondary);\n  border-radius: var(--border-radius-m);\n  z-index: 50;\n  padding: 2px;\n  gap: var(--base-gap-small);\n`\n\nexport const ToolButton = styled(Button)`\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &:hover {\n    background-color: var(--button-color-secondary);\n    filter: brightness(1.2);\n  }\n\n  [icon='edit_square'] {\n    position: relative;\n    top: -1px;\n  }\n`\n\nexport const Tip = styled.span`\n  background-color: var(--md-sys-color-secondary-container);\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n  margin: 16px 0 !important;\n\n  &,\n  .icon {\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .icon {\n    font-size: 24px;\n  }\n`\n"],"names":["styled","Comment","$categoryPrimary","$categorySecondary","$categoryTertiary","categoryColorCss","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":";;;AAI8BA,EAAO;AAAA;AAAA;AAI9B,MAAMC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM1B,CAAC,EAAE,kBAAAE,GAAkB,oBAAAC,GAAoB,mBAAAC,QACzCC,EAAiBH,GAAkBC,GAAoBC,CAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0ChEE,IAAON,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAiCrBO,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0ETC,IAAYR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAMS,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBMV,EAAO;AAAA,IAChCS,CAAc;AAAA;AAGYT,EAAO;AAAA,IACjCS,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaET,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAMW,IAAYX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBY,IAAQZ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYfa,IAAab,EAAOc,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgB1BC,IAAMf,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../_virtual/jsx-runtime.cjs.js"),j=require("lodash"),g=require("../ActivityCheckbox/ActivityCheckbox.cjs.js"),h=require("../ActivityReference/ActivityReference.cjs.js"),p=require("./ActivityComment.styled.cjs.js"),y=require("react-router-dom"),E=["user","task","folder","version","representation","workfile","product"],R=(e="")=>{if(e.startsWith("https://"))return{url:e,type:"url"};if(e.startsWith("/"))return{url:e,type:"relative"};if(e.includes(":")){const s=e.split(":"),[n,a]=s;if(E.includes(n)&&a&&s.length===2)return{type:n,id:a}}return{}},m=({children:e,href:s},{entityId:n,projectName:a,onReferenceClick:l,activityId:t,onReferenceTooltip:i})=>{const{url:r,type:o,id:c}=R(s);if(!r&&!o&&!c)return e;if(r||!o||!c)return o==="relative"&&r?u.jsxRuntimeExports.jsx(y.Link,{to:r,children:e}):u.jsxRuntimeExports.jsx("a",{href:r,target:"_blank",rel:"noreferrer",children:e});const x=e&&e.toString().replace("@","")||"",f=c===n;return u.jsxRuntimeExports.jsx(h,{type:o,id:c.replaceAll(".","-"),variant:f?"filled":"surface",onClick:()=>o!=="user"&&l({entityId:c,entityType:o,projectName:a,activityId:t}),onMouseEnter:(q,d)=>i({type:o,id:c,label:x,name:c,pos:d}),children:x})},k=({type:e,checked:s,...n},{activity:a,onCheckChange:l})=>e==="checkbox"?u.jsxRuntimeExports.jsx(g,{checked:!!s,onChange:t=>l&&l(t,a)}):u.jsxRuntimeExports.jsx("input",{type:e,disabled:!0,...n}),b=({node:e,className:s,children:n})=>u.jsxRuntimeExports.jsx(p.BlockCode,{children:n}),T=({children:e})=>{var a,l;const s=(l=(a=e.find(t=>!!(t!=null&&t.props)))==null?void 0:a.props)==null?void 0:l.children;if(!s)return u.jsxRuntimeExports.jsx("blockquote",{children:e});const n=[];if(typeof s=="string")s.split(`
-`).forEach((i,r)=>{n.push(u.jsxRuntimeExports.jsx(p.QuoteLine,{children:i},r))});else if(j.isArray(s)){const t=[];let i=0;s.forEach(r=>{t[i]||(t[i]=[]),typeof r=="string"?r.split(/(\n)/).forEach(c=>{c===`
-`?(i++,t[i]=[]):t[i].push(c)}):t[i].push(r)}),t.forEach((r,o)=>{n.push(u.jsxRuntimeExports.jsx(p.QuoteLine,{children:r},o))})}return u.jsxRuntimeExports.jsx("blockquote",{children:n})};exports.aTag=m;exports.blockquoteTag=T;exports.codeTag=b;exports.inputTag=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),h=require("lodash"),y=require("../ActivityCheckbox/ActivityCheckbox.cjs.js"),E=require("../ActivityReference/ActivityReference.cjs.js"),f=require("./ActivityComment.styled.cjs.js"),R=require("react-router-dom"),m=["user","task","folder","version","representation","workfile","product"],k=(e="")=>{if(e.startsWith("https://"))return{url:e,type:"url"};if(e.startsWith("/"))return{url:e,type:"relative"};if(e.includes(":")){const s=e.split(":"),[r,o]=s;if(m.includes(r)&&o&&s.length===2)return{type:r,id:o}}return{}},b=({children:e,href:s},{entityId:r,projectName:o,onReferenceClick:a,activityId:t,onReferenceTooltip:n,categoryPrimary:c,categorySecondary:x})=>{const{url:u,type:l,id:p}=k(s);if(!u&&!l&&!p)return e;if(u||!l||!p)return l==="relative"&&u?i.jsxRuntimeExports.jsx(R.Link,{to:u,children:e}):i.jsxRuntimeExports.jsx("a",{href:u,target:"_blank",rel:"noreferrer",children:e});const d=e&&e.toString().replace("@","")||"",j=p===r;return i.jsxRuntimeExports.jsx(E,{type:l,id:p.replaceAll(".","-"),variant:j?"filled":"surface",onClick:()=>l!=="user"&&a({entityId:p,entityType:l,projectName:o,activityId:t}),onMouseEnter:(v,g)=>n({type:l,id:p,label:d,name:p,pos:g}),categoryPrimary:c,categorySecondary:x,children:d})},T=({type:e,checked:s,...r},{activity:o,onCheckChange:a})=>e==="checkbox"?i.jsxRuntimeExports.jsx(y,{checked:!!s,onChange:t=>a&&a(t,o)}):i.jsxRuntimeExports.jsx("input",{type:e,disabled:!0,...r}),q=({node:e,className:s,children:r})=>i.jsxRuntimeExports.jsx(f.BlockCode,{children:r}),L=({children:e})=>{var o,a;const s=(a=(o=e.find(t=>!!(t!=null&&t.props)))==null?void 0:o.props)==null?void 0:a.children;if(!s)return i.jsxRuntimeExports.jsx("blockquote",{children:e});const r=[];if(typeof s=="string")s.split(`
+`).forEach((n,c)=>{r.push(i.jsxRuntimeExports.jsx(f.QuoteLine,{children:n},c))});else if(h.isArray(s)){const t=[];let n=0;s.forEach(c=>{t[n]||(t[n]=[]),typeof c=="string"?c.split(/(\n)/).forEach(u=>{u===`
+`?(n++,t[n]=[]):t[n].push(u)}):t[n].push(c)}),t.forEach((c,x)=>{r.push(i.jsxRuntimeExports.jsx(f.QuoteLine,{children:c},x))})}return i.jsxRuntimeExports.jsx("blockquote",{children:r})};exports.aTag=b;exports.blockquoteTag=L;exports.codeTag=q;exports.inputTag=T;
 //# sourceMappingURL=ActivityMarkdownComponents.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityMarkdownComponents.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.tsx"],"sourcesContent":["import { isArray } from 'lodash'\nimport ActivityCheckbox from '../ActivityCheckbox/ActivityCheckbox'\nimport ActivityReference from '../ActivityReference/ActivityReference'\n\nconst allowedRefTypes = [\n  'user',\n  'task',\n  'folder',\n  'version',\n  'representation',\n  'workfile',\n  'product',\n]\nconst sanitizeURL = (url = '') => {\n  // ensure that the url is valid https url\n  // or a valid {type}:{id} reference\n  if (url.startsWith('https://')) return { url, type: 'url' }\n  else if (url.startsWith('/')) return { url, type: 'relative' }\n  else if (url.includes(':')) {\n    const sections = url.split(':')\n    const [type, id] = sections\n    if (allowedRefTypes.includes(type) && id && sections.length === 2) return { type, id }\n  }\n  return {}\n}\n\ninterface ATagProps {\n  children: React.ReactNode\n  href: string\n}\n\ninterface ATagOptions {\n  entityId?: string\n  projectName?: string\n  onReferenceClick: (data: {\n    entityId: string\n    entityType: string\n    projectName?: string\n    activityId: string\n  }) => void\n  activityId: string\n  onReferenceTooltip: (data: {\n    type: string\n    id: string\n    label: string\n    name: string\n    pos: any\n  }) => void\n}\n\nexport const aTag = (\n  { children, href }: ATagProps,\n  { entityId, projectName, onReferenceClick, activityId, onReferenceTooltip }: ATagOptions,\n): React.ReactNode => {\n  const { url, type, id } = sanitizeURL(href)\n\n  // link is broken in some way\n  if (!url && !type && !id) {\n    return children\n  }\n\n  // return regular url\n  // if no reference type, return regular link with no href\n  if (url || !type || !id) {\n    if (type === 'relative' && url) {\n      return <Link to={url}>{children}</Link>\n    } else {\n      return (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {children}\n        </a>\n      )\n    }\n  }\n\n  const label = (children && children.toString().replace('@', '')) || ''\n  // is this ref the same as the current task id\n  const isEntity = id === entityId\n\n  return (\n    <ActivityReference\n      {...{ type, id: id.replaceAll('.', '-') }}\n      variant={isEntity ? 'filled' : 'surface'}\n      onClick={() =>\n        type !== 'user' &&\n        onReferenceClick({ entityId: id, entityType: type, projectName, activityId })\n      }\n      onMouseEnter={(e, pos) => onReferenceTooltip({ type, id, label, name: id, pos })}\n    >\n      {label}\n    </ActivityReference>\n  )\n}\n\ninterface InputTagProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  type: string\n  checked?: boolean\n}\n\ninterface InputTagOptions {\n  activity: any\n  onCheckChange?: (event: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n}\n\nexport const inputTag = (\n  { type, checked, ...props }: InputTagProps,\n  { activity, onCheckChange }: InputTagOptions,\n): JSX.Element => {\n  if (type === 'checkbox') {\n    return (\n      <ActivityCheckbox\n        checked={!!checked}\n        onChange={(e) => onCheckChange && onCheckChange(e, activity)}\n      />\n    )\n  } else {\n    return <input type={type} disabled {...props} />\n  }\n}\n\nimport { BlockCode, QuoteLine } from './ActivityComment.styled'\nimport { Link } from 'react-router-dom'\n// eslint-disable-next-line\ninterface CodeTagProps {\n  node: any\n  className?: string\n  children: React.ReactNode\n}\n\nexport const codeTag = ({ node, className, children }: CodeTagProps): JSX.Element => {\n  return <BlockCode>{children}</BlockCode>\n}\n\ninterface BlockquoteTagProps {\n  children: React.ReactNode\n}\n\nexport const blockquoteTag = ({ children }: BlockquoteTagProps): JSX.Element => {\n  // get children string\n  const child = (children as any).find((item: any) => !!item?.props)?.props?.children\n\n  if (!child) return <blockquote>{children}</blockquote>\n\n  // now split by new lines\n  const lines: JSX.Element[] = []\n  if (typeof child === 'string') {\n    // split by new lines\n    const stringLines = child.split('\\n')\n    stringLines.forEach((line, i) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  } else if (isArray(child)) {\n    const splitLines: any = []\n    let index = 0\n    ;(child as any).forEach((line: any) => {\n      // check index exists on lines otherwise make a new empty array\n      if (!splitLines[index]) splitLines[index] = []\n\n      if (typeof line === 'string') {\n        // check for \\n\n        const stringLines = line.split(/(\\n)/)\n\n        stringLines.forEach((split) => {\n          if (split === '\\n') {\n            index++\n            // create new array\n            splitLines[index] = []\n          } else splitLines[index].push(split)\n        })\n      } else {\n        // now add line\n        splitLines[index].push(line)\n      }\n    })\n\n    splitLines.forEach((line: any, i: number) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  }\n\n  return <blockquote>{lines}</blockquote>\n}\n"],"names":["allowedRefTypes","sanitizeURL","url","sections","type","id","aTag","children","href","entityId","projectName","onReferenceClick","activityId","onReferenceTooltip","jsx","Link","label","isEntity","ActivityReference","e","pos","inputTag","checked","props","activity","onCheckChange","ActivityCheckbox","codeTag","node","className","BlockCode","blockquoteTag","child","_b","_a","item","lines","line","i","QuoteLine","isArray","splitLines","index","split"],"mappings":"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"}
+{"version":3,"file":"ActivityMarkdownComponents.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.tsx"],"sourcesContent":["import { isArray } from 'lodash'\nimport ActivityCheckbox from '../ActivityCheckbox/ActivityCheckbox'\nimport ActivityReference from '../ActivityReference/ActivityReference'\n\nconst allowedRefTypes = [\n  'user',\n  'task',\n  'folder',\n  'version',\n  'representation',\n  'workfile',\n  'product',\n]\nconst sanitizeURL = (url = '') => {\n  // ensure that the url is valid https url\n  // or a valid {type}:{id} reference\n  if (url.startsWith('https://')) return { url, type: 'url' }\n  else if (url.startsWith('/')) return { url, type: 'relative' }\n  else if (url.includes(':')) {\n    const sections = url.split(':')\n    const [type, id] = sections\n    if (allowedRefTypes.includes(type) && id && sections.length === 2) return { type, id }\n  }\n  return {}\n}\n\ninterface ATagProps {\n  children: React.ReactNode\n  href: string\n}\n\ninterface ATagOptions {\n  entityId?: string\n  projectName?: string\n  onReferenceClick: (data: {\n    entityId: string\n    entityType: string\n    projectName?: string\n    activityId: string\n  }) => void\n  activityId: string\n  onReferenceTooltip: (data: {\n    type: string\n    id: string\n    label: string\n    name: string\n    pos: any\n  }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nexport const aTag = (\n  { children, href }: ATagProps,\n  {\n    entityId,\n    projectName,\n    onReferenceClick,\n    activityId,\n    onReferenceTooltip,\n    categoryPrimary,\n    categorySecondary,\n  }: ATagOptions,\n): React.ReactNode => {\n  const { url, type, id } = sanitizeURL(href)\n\n  // link is broken in some way\n  if (!url && !type && !id) {\n    return children\n  }\n\n  // return regular url\n  // if no reference type, return regular link with no href\n  if (url || !type || !id) {\n    if (type === 'relative' && url) {\n      return <Link to={url}>{children}</Link>\n    } else {\n      return (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {children}\n        </a>\n      )\n    }\n  }\n\n  const label = (children && children.toString().replace('@', '')) || ''\n  // is this ref the same as the current task id\n  const isEntity = id === entityId\n\n  return (\n    <ActivityReference\n      {...{ type, id: id.replaceAll('.', '-') }}\n      variant={isEntity ? 'filled' : 'surface'}\n      onClick={() =>\n        type !== 'user' &&\n        onReferenceClick({ entityId: id, entityType: type, projectName, activityId })\n      }\n      onMouseEnter={(e, pos) => onReferenceTooltip({ type, id, label, name: id, pos })}\n      categoryPrimary={categoryPrimary}\n      categorySecondary={categorySecondary}\n    >\n      {label}\n    </ActivityReference>\n  )\n}\n\ninterface InputTagProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  type: string\n  checked?: boolean\n}\n\ninterface InputTagOptions {\n  activity: any\n  onCheckChange?: (event: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n}\n\nexport const inputTag = (\n  { type, checked, ...props }: InputTagProps,\n  { activity, onCheckChange }: InputTagOptions,\n): JSX.Element => {\n  if (type === 'checkbox') {\n    return (\n      <ActivityCheckbox\n        checked={!!checked}\n        onChange={(e) => onCheckChange && onCheckChange(e, activity)}\n      />\n    )\n  } else {\n    return <input type={type} disabled {...props} />\n  }\n}\n\nimport { BlockCode, QuoteLine } from './ActivityComment.styled'\nimport { Link } from 'react-router-dom'\n// eslint-disable-next-line\ninterface CodeTagProps {\n  node: any\n  className?: string\n  children: React.ReactNode\n}\n\nexport const codeTag = ({ node, className, children }: CodeTagProps): JSX.Element => {\n  return <BlockCode>{children}</BlockCode>\n}\n\ninterface BlockquoteTagProps {\n  children: React.ReactNode\n}\n\nexport const blockquoteTag = ({ children }: BlockquoteTagProps): JSX.Element => {\n  // get children string\n  const child = (children as any).find((item: any) => !!item?.props)?.props?.children\n\n  if (!child) return <blockquote>{children}</blockquote>\n\n  // now split by new lines\n  const lines: JSX.Element[] = []\n  if (typeof child === 'string') {\n    // split by new lines\n    const stringLines = child.split('\\n')\n    stringLines.forEach((line, i) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  } else if (isArray(child)) {\n    const splitLines: any = []\n    let index = 0\n    ;(child as any).forEach((line: any) => {\n      // check index exists on lines otherwise make a new empty array\n      if (!splitLines[index]) splitLines[index] = []\n\n      if (typeof line === 'string') {\n        // check for \\n\n        const stringLines = line.split(/(\\n)/)\n\n        stringLines.forEach((split) => {\n          if (split === '\\n') {\n            index++\n            // create new array\n            splitLines[index] = []\n          } else splitLines[index].push(split)\n        })\n      } else {\n        // now add line\n        splitLines[index].push(line)\n      }\n    })\n\n    splitLines.forEach((line: any, i: number) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  }\n\n  return <blockquote>{lines}</blockquote>\n}\n"],"names":["allowedRefTypes","sanitizeURL","url","sections","type","id","aTag","children","href","entityId","projectName","onReferenceClick","activityId","onReferenceTooltip","categoryPrimary","categorySecondary","jsx","Link","label","isEntity","ActivityReference","e","pos","inputTag","checked","props","activity","onCheckChange","ActivityCheckbox","codeTag","node","className","BlockCode","blockquoteTag","child","_b","_a","item","lines","line","i","QuoteLine","isArray","splitLines","index","split"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.es.js

@@ -1,10 +1,10 @@
-import { j as f } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { isArray as x } from "lodash";
-import g from "../ActivityCheckbox/ActivityCheckbox.es.js";
-import y from "../ActivityReference/ActivityReference.es.js";
-import { BlockCode as j, QuoteLine as u } from "./ActivityComment.styled.es.js";
-import { Link as k } from "react-router-dom";
-const m = [
+import { j as i } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { isArray as y } from "lodash";
+import j from "../ActivityCheckbox/ActivityCheckbox.es.js";
+import k from "../ActivityReference/ActivityReference.es.js";
+import { BlockCode as m, QuoteLine as h } from "./ActivityComment.styled.es.js";
+import { Link as b } from "react-router-dom";
+const L = [
   "user",
   "task",
   "folder",
@@ -12,66 +12,76 @@ const m = [
   "representation",
   "workfile",
   "product"
-], b = (e = "") => {
+], E = (e = "") => {
   if (e.startsWith("https://")) return { url: e, type: "url" };
   if (e.startsWith("/")) return { url: e, type: "relative" };
   if (e.includes(":")) {
-    const s = e.split(":"), [n, l] = s;
-    if (m.includes(n) && l && s.length === 2) return { type: n, id: l };
+    const s = e.split(":"), [r, o] = s;
+    if (L.includes(r) && o && s.length === 2) return { type: r, id: o };
   }
   return {};
-}, w = ({ children: e, href: s }, { entityId: n, projectName: l, onReferenceClick: p, activityId: t, onReferenceTooltip: i }) => {
-  const { url: r, type: o, id: c } = b(s);
-  if (!r && !o && !c)
+}, W = ({ children: e, href: s }, {
+  entityId: r,
+  projectName: o,
+  onReferenceClick: l,
+  activityId: t,
+  onReferenceTooltip: n,
+  categoryPrimary: c,
+  categorySecondary: u
+}) => {
+  const { url: f, type: p, id: a } = E(s);
+  if (!f && !p && !a)
     return e;
-  if (r || !o || !c)
-    return o === "relative" && r ? /* @__PURE__ */ f.jsx(k, { to: r, children: e }) : /* @__PURE__ */ f.jsx("a", { href: r, target: "_blank", rel: "noreferrer", children: e });
-  const a = e && e.toString().replace("@", "") || "", d = c === n;
-  return /* @__PURE__ */ f.jsx(
-    y,
+  if (f || !p || !a)
+    return p === "relative" && f ? /* @__PURE__ */ i.jsx(b, { to: f, children: e }) : /* @__PURE__ */ i.jsx("a", { href: f, target: "_blank", rel: "noreferrer", children: e });
+  const d = e && e.toString().replace("@", "") || "", x = a === r;
+  return /* @__PURE__ */ i.jsx(
+    k,
     {
-      type: o,
-      id: c.replaceAll(".", "-"),
-      variant: d ? "filled" : "surface",
-      onClick: () => o !== "user" && p({ entityId: c, entityType: o, projectName: l, activityId: t }),
-      onMouseEnter: (L, h) => i({ type: o, id: c, label: a, name: c, pos: h }),
-      children: a
+      type: p,
+      id: a.replaceAll(".", "-"),
+      variant: x ? "filled" : "surface",
+      onClick: () => p !== "user" && l({ entityId: a, entityType: p, projectName: o, activityId: t }),
+      onMouseEnter: (v, g) => n({ type: p, id: a, label: d, name: a, pos: g }),
+      categoryPrimary: c,
+      categorySecondary: u,
+      children: d
     }
   );
-}, C = ({ type: e, checked: s, ...n }, { activity: l, onCheckChange: p }) => e === "checkbox" ? /* @__PURE__ */ f.jsx(
-  g,
+}, z = ({ type: e, checked: s, ...r }, { activity: o, onCheckChange: l }) => e === "checkbox" ? /* @__PURE__ */ i.jsx(
+  j,
   {
     checked: !!s,
-    onChange: (t) => p && p(t, l)
+    onChange: (t) => l && l(t, o)
   }
-) : /* @__PURE__ */ f.jsx("input", { type: e, disabled: !0, ...n }), W = ({ node: e, className: s, children: n }) => /* @__PURE__ */ f.jsx(j, { children: n }), z = ({ children: e }) => {
-  var l, p;
-  const s = (p = (l = e.find((t) => !!(t != null && t.props))) == null ? void 0 : l.props) == null ? void 0 : p.children;
-  if (!s) return /* @__PURE__ */ f.jsx("blockquote", { children: e });
-  const n = [];
+) : /* @__PURE__ */ i.jsx("input", { type: e, disabled: !0, ...r }), B = ({ node: e, className: s, children: r }) => /* @__PURE__ */ i.jsx(m, { children: r }), I = ({ children: e }) => {
+  var o, l;
+  const s = (l = (o = e.find((t) => !!(t != null && t.props))) == null ? void 0 : o.props) == null ? void 0 : l.children;
+  if (!s) return /* @__PURE__ */ i.jsx("blockquote", { children: e });
+  const r = [];
   if (typeof s == "string")
     s.split(`
-`).forEach((i, r) => {
-      n.push(/* @__PURE__ */ f.jsx(u, { children: i }, r));
+`).forEach((n, c) => {
+      r.push(/* @__PURE__ */ i.jsx(h, { children: n }, c));
     });
-  else if (x(s)) {
+  else if (y(s)) {
     const t = [];
-    let i = 0;
-    s.forEach((r) => {
-      t[i] || (t[i] = []), typeof r == "string" ? r.split(/(\n)/).forEach((c) => {
-        c === `
-` ? (i++, t[i] = []) : t[i].push(c);
-      }) : t[i].push(r);
-    }), t.forEach((r, o) => {
-      n.push(/* @__PURE__ */ f.jsx(u, { children: r }, o));
+    let n = 0;
+    s.forEach((c) => {
+      t[n] || (t[n] = []), typeof c == "string" ? c.split(/(\n)/).forEach((f) => {
+        f === `
+` ? (n++, t[n] = []) : t[n].push(f);
+      }) : t[n].push(c);
+    }), t.forEach((c, u) => {
+      r.push(/* @__PURE__ */ i.jsx(h, { children: c }, u));
     });
   }
-  return /* @__PURE__ */ f.jsx("blockquote", { children: n });
+  return /* @__PURE__ */ i.jsx("blockquote", { children: r });
 };
 export {
-  w as aTag,
-  z as blockquoteTag,
-  W as codeTag,
-  C as inputTag
+  W as aTag,
+  I as blockquoteTag,
+  B as codeTag,
+  z as inputTag
 };
 //# sourceMappingURL=ActivityMarkdownComponents.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityMarkdownComponents.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.tsx"],"sourcesContent":["import { isArray } from 'lodash'\nimport ActivityCheckbox from '../ActivityCheckbox/ActivityCheckbox'\nimport ActivityReference from '../ActivityReference/ActivityReference'\n\nconst allowedRefTypes = [\n  'user',\n  'task',\n  'folder',\n  'version',\n  'representation',\n  'workfile',\n  'product',\n]\nconst sanitizeURL = (url = '') => {\n  // ensure that the url is valid https url\n  // or a valid {type}:{id} reference\n  if (url.startsWith('https://')) return { url, type: 'url' }\n  else if (url.startsWith('/')) return { url, type: 'relative' }\n  else if (url.includes(':')) {\n    const sections = url.split(':')\n    const [type, id] = sections\n    if (allowedRefTypes.includes(type) && id && sections.length === 2) return { type, id }\n  }\n  return {}\n}\n\ninterface ATagProps {\n  children: React.ReactNode\n  href: string\n}\n\ninterface ATagOptions {\n  entityId?: string\n  projectName?: string\n  onReferenceClick: (data: {\n    entityId: string\n    entityType: string\n    projectName?: string\n    activityId: string\n  }) => void\n  activityId: string\n  onReferenceTooltip: (data: {\n    type: string\n    id: string\n    label: string\n    name: string\n    pos: any\n  }) => void\n}\n\nexport const aTag = (\n  { children, href }: ATagProps,\n  { entityId, projectName, onReferenceClick, activityId, onReferenceTooltip }: ATagOptions,\n): React.ReactNode => {\n  const { url, type, id } = sanitizeURL(href)\n\n  // link is broken in some way\n  if (!url && !type && !id) {\n    return children\n  }\n\n  // return regular url\n  // if no reference type, return regular link with no href\n  if (url || !type || !id) {\n    if (type === 'relative' && url) {\n      return <Link to={url}>{children}</Link>\n    } else {\n      return (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {children}\n        </a>\n      )\n    }\n  }\n\n  const label = (children && children.toString().replace('@', '')) || ''\n  // is this ref the same as the current task id\n  const isEntity = id === entityId\n\n  return (\n    <ActivityReference\n      {...{ type, id: id.replaceAll('.', '-') }}\n      variant={isEntity ? 'filled' : 'surface'}\n      onClick={() =>\n        type !== 'user' &&\n        onReferenceClick({ entityId: id, entityType: type, projectName, activityId })\n      }\n      onMouseEnter={(e, pos) => onReferenceTooltip({ type, id, label, name: id, pos })}\n    >\n      {label}\n    </ActivityReference>\n  )\n}\n\ninterface InputTagProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  type: string\n  checked?: boolean\n}\n\ninterface InputTagOptions {\n  activity: any\n  onCheckChange?: (event: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n}\n\nexport const inputTag = (\n  { type, checked, ...props }: InputTagProps,\n  { activity, onCheckChange }: InputTagOptions,\n): JSX.Element => {\n  if (type === 'checkbox') {\n    return (\n      <ActivityCheckbox\n        checked={!!checked}\n        onChange={(e) => onCheckChange && onCheckChange(e, activity)}\n      />\n    )\n  } else {\n    return <input type={type} disabled {...props} />\n  }\n}\n\nimport { BlockCode, QuoteLine } from './ActivityComment.styled'\nimport { Link } from 'react-router-dom'\n// eslint-disable-next-line\ninterface CodeTagProps {\n  node: any\n  className?: string\n  children: React.ReactNode\n}\n\nexport const codeTag = ({ node, className, children }: CodeTagProps): JSX.Element => {\n  return <BlockCode>{children}</BlockCode>\n}\n\ninterface BlockquoteTagProps {\n  children: React.ReactNode\n}\n\nexport const blockquoteTag = ({ children }: BlockquoteTagProps): JSX.Element => {\n  // get children string\n  const child = (children as any).find((item: any) => !!item?.props)?.props?.children\n\n  if (!child) return <blockquote>{children}</blockquote>\n\n  // now split by new lines\n  const lines: JSX.Element[] = []\n  if (typeof child === 'string') {\n    // split by new lines\n    const stringLines = child.split('\\n')\n    stringLines.forEach((line, i) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  } else if (isArray(child)) {\n    const splitLines: any = []\n    let index = 0\n    ;(child as any).forEach((line: any) => {\n      // check index exists on lines otherwise make a new empty array\n      if (!splitLines[index]) splitLines[index] = []\n\n      if (typeof line === 'string') {\n        // check for \\n\n        const stringLines = line.split(/(\\n)/)\n\n        stringLines.forEach((split) => {\n          if (split === '\\n') {\n            index++\n            // create new array\n            splitLines[index] = []\n          } else splitLines[index].push(split)\n        })\n      } else {\n        // now add line\n        splitLines[index].push(line)\n      }\n    })\n\n    splitLines.forEach((line: any, i: number) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  }\n\n  return <blockquote>{lines}</blockquote>\n}\n"],"names":["allowedRefTypes","sanitizeURL","url","sections","type","id","aTag","children","href","entityId","projectName","onReferenceClick","activityId","onReferenceTooltip","jsx","Link","label","isEntity","ActivityReference","e","pos","inputTag","checked","props","activity","onCheckChange","ActivityCheckbox","codeTag","node","className","BlockCode","blockquoteTag","child","_b","_a","item","lines","line","i","QuoteLine","isArray","splitLines","index","split"],"mappings":"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"}
+{"version":3,"file":"ActivityMarkdownComponents.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityMarkdownComponents.tsx"],"sourcesContent":["import { isArray } from 'lodash'\nimport ActivityCheckbox from '../ActivityCheckbox/ActivityCheckbox'\nimport ActivityReference from '../ActivityReference/ActivityReference'\n\nconst allowedRefTypes = [\n  'user',\n  'task',\n  'folder',\n  'version',\n  'representation',\n  'workfile',\n  'product',\n]\nconst sanitizeURL = (url = '') => {\n  // ensure that the url is valid https url\n  // or a valid {type}:{id} reference\n  if (url.startsWith('https://')) return { url, type: 'url' }\n  else if (url.startsWith('/')) return { url, type: 'relative' }\n  else if (url.includes(':')) {\n    const sections = url.split(':')\n    const [type, id] = sections\n    if (allowedRefTypes.includes(type) && id && sections.length === 2) return { type, id }\n  }\n  return {}\n}\n\ninterface ATagProps {\n  children: React.ReactNode\n  href: string\n}\n\ninterface ATagOptions {\n  entityId?: string\n  projectName?: string\n  onReferenceClick: (data: {\n    entityId: string\n    entityType: string\n    projectName?: string\n    activityId: string\n  }) => void\n  activityId: string\n  onReferenceTooltip: (data: {\n    type: string\n    id: string\n    label: string\n    name: string\n    pos: any\n  }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nexport const aTag = (\n  { children, href }: ATagProps,\n  {\n    entityId,\n    projectName,\n    onReferenceClick,\n    activityId,\n    onReferenceTooltip,\n    categoryPrimary,\n    categorySecondary,\n  }: ATagOptions,\n): React.ReactNode => {\n  const { url, type, id } = sanitizeURL(href)\n\n  // link is broken in some way\n  if (!url && !type && !id) {\n    return children\n  }\n\n  // return regular url\n  // if no reference type, return regular link with no href\n  if (url || !type || !id) {\n    if (type === 'relative' && url) {\n      return <Link to={url}>{children}</Link>\n    } else {\n      return (\n        <a href={url} target=\"_blank\" rel=\"noreferrer\">\n          {children}\n        </a>\n      )\n    }\n  }\n\n  const label = (children && children.toString().replace('@', '')) || ''\n  // is this ref the same as the current task id\n  const isEntity = id === entityId\n\n  return (\n    <ActivityReference\n      {...{ type, id: id.replaceAll('.', '-') }}\n      variant={isEntity ? 'filled' : 'surface'}\n      onClick={() =>\n        type !== 'user' &&\n        onReferenceClick({ entityId: id, entityType: type, projectName, activityId })\n      }\n      onMouseEnter={(e, pos) => onReferenceTooltip({ type, id, label, name: id, pos })}\n      categoryPrimary={categoryPrimary}\n      categorySecondary={categorySecondary}\n    >\n      {label}\n    </ActivityReference>\n  )\n}\n\ninterface InputTagProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  type: string\n  checked?: boolean\n}\n\ninterface InputTagOptions {\n  activity: any\n  onCheckChange?: (event: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n}\n\nexport const inputTag = (\n  { type, checked, ...props }: InputTagProps,\n  { activity, onCheckChange }: InputTagOptions,\n): JSX.Element => {\n  if (type === 'checkbox') {\n    return (\n      <ActivityCheckbox\n        checked={!!checked}\n        onChange={(e) => onCheckChange && onCheckChange(e, activity)}\n      />\n    )\n  } else {\n    return <input type={type} disabled {...props} />\n  }\n}\n\nimport { BlockCode, QuoteLine } from './ActivityComment.styled'\nimport { Link } from 'react-router-dom'\n// eslint-disable-next-line\ninterface CodeTagProps {\n  node: any\n  className?: string\n  children: React.ReactNode\n}\n\nexport const codeTag = ({ node, className, children }: CodeTagProps): JSX.Element => {\n  return <BlockCode>{children}</BlockCode>\n}\n\ninterface BlockquoteTagProps {\n  children: React.ReactNode\n}\n\nexport const blockquoteTag = ({ children }: BlockquoteTagProps): JSX.Element => {\n  // get children string\n  const child = (children as any).find((item: any) => !!item?.props)?.props?.children\n\n  if (!child) return <blockquote>{children}</blockquote>\n\n  // now split by new lines\n  const lines: JSX.Element[] = []\n  if (typeof child === 'string') {\n    // split by new lines\n    const stringLines = child.split('\\n')\n    stringLines.forEach((line, i) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  } else if (isArray(child)) {\n    const splitLines: any = []\n    let index = 0\n    ;(child as any).forEach((line: any) => {\n      // check index exists on lines otherwise make a new empty array\n      if (!splitLines[index]) splitLines[index] = []\n\n      if (typeof line === 'string') {\n        // check for \\n\n        const stringLines = line.split(/(\\n)/)\n\n        stringLines.forEach((split) => {\n          if (split === '\\n') {\n            index++\n            // create new array\n            splitLines[index] = []\n          } else splitLines[index].push(split)\n        })\n      } else {\n        // now add line\n        splitLines[index].push(line)\n      }\n    })\n\n    splitLines.forEach((line: any, i: number) => {\n      lines.push(<QuoteLine key={i}>{line}</QuoteLine>)\n    })\n  }\n\n  return <blockquote>{lines}</blockquote>\n}\n"],"names":["allowedRefTypes","sanitizeURL","url","sections","type","id","aTag","children","href","entityId","projectName","onReferenceClick","activityId","onReferenceTooltip","categoryPrimary","categorySecondary","jsx","Link","label","isEntity","ActivityReference","e","pos","inputTag","checked","props","activity","onCheckChange","ActivityCheckbox","codeTag","node","className","BlockCode","blockquoteTag","child","_b","_a","item","lines","line","i","QuoteLine","isArray","splitLines","index","split"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityItem.cjs.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":"+WAgCMA,EAA4C,CAAC,CACjD,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,OAAQR,EAAS,aAAc,CAC7B,IAAK,UACH,OAEES,EAAAA,kBAAAA,IAACC,EAAiB,CAAK,SAAAV,EAAU,YAAAE,EAAa,UAAAE,EAAW,SAAAE,EAAU,SAAAC,EAAa,GAAGC,CAAO,CAAA,EAE9F,IAAK,gBACH,OAAQC,EAAA,kBAAA,IAAAE,EAAA,CAAqB,SAAAX,EAAqB,GAAGQ,CAAO,CAAA,EAC9D,IAAK,eACH,+BAAQI,EAAuB,CAAA,SAAAZ,EAAqB,GAAGQ,EAAO,SAAQ,GAAC,EACzE,IAAK,kBACH,OAAQC,EAAA,kBAAA,IAAAG,EAAA,CAAuB,SAAAZ,EAAqB,GAAGQ,CAAO,CAAA,EAChE,IAAK,kBACI,OAAAC,EAAA,kBAAA,IAACI,GAAuB,SAAAb,EAAU,YAAAE,EAAa,OAAAG,EAAW,GAAGG,EAAO,EAC7E,IAAK,QAGD,MAAA,CAACP,GACCQ,wBAACK,EAAc,CAAA,UAAAV,EAAsB,WAAYJ,EAAS,OAAS,GAAK,GAAGQ,CAAO,CAAA,EAGxF,QACS,OAAA,IAAA,CAEb"}
+{"version":3,"file":"ActivityItem.cjs.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":"+WAgCMA,EAA4C,CAAC,CACjD,SAAAC,EACA,UAAAC,EACA,YAAAC,EACA,WAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,OAAQR,EAAS,aAAc,CAC7B,IAAK,UACH,OAEES,EAAAA,kBAAAA,IAACC,EAAiB,CAAK,SAAAV,EAAU,YAAAE,EAAa,UAAAE,EAAW,SAAAE,EAAU,SAAAC,EAAa,GAAGC,CAAO,CAAA,EAE9F,IAAK,gBACH,OAAQC,EAAA,kBAAA,IAAAE,EAAA,CAAqB,SAAAX,EAAqB,GAAGQ,CAAO,CAAA,EAC9D,IAAK,eACH,+BAAQI,EAAuB,CAAA,SAAAZ,EAAqB,GAAGQ,EAAO,SAAQ,GAAC,EACzE,IAAK,kBACH,OAAQC,EAAA,kBAAA,IAAAG,EAAA,CAAuB,SAAAZ,EAAqB,GAAGQ,CAAO,CAAA,EAChE,IAAK,kBACI,OAAAC,EAAA,kBAAA,IAACI,GAAuB,SAAAb,EAAU,YAAAE,EAAa,OAAAG,EAAW,GAAGG,EAAO,EAC7E,IAAK,QAGD,MAAA,CAACP,GACCQ,wBAACK,EAAc,CAAA,UAAAV,EAAsB,WAAYJ,EAAS,OAAS,GAAK,GAAGQ,CAAO,CAAA,EAGxF,QACS,OAAA,IAAA,CAEb"}

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityItem.es.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":";;;;;;AAgCA,MAAMA,IAA4C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,UAAQR,EAAS,cAAc;AAAA,IAC7B,KAAK;AACH;AAAA;AAAA,QAEES,gBAAAA,EAAAA,IAACC,GAAiB,EAAK,UAAAV,GAAU,aAAAE,GAAa,WAAAE,GAAW,UAAAE,GAAU,UAAAC,GAAa,GAAGC,EAAO,CAAA;AAAA;AAAA,IAE9F,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,UAAAX,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAC9D,KAAK;AACH,mCAAQI,GAAuB,EAAA,UAAAZ,GAAqB,GAAGQ,GAAO,UAAQ,IAAC;AAAA,IACzE,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAG,GAAA,EAAuB,UAAAZ,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAChE,KAAK;AACI,aAAAC,gBAAAA,EAAA,IAACI,KAAuB,UAAAb,GAAU,aAAAE,GAAa,QAAAG,GAAW,GAAGG,GAAO;AAAA,IAC7E,KAAK;AAGD,aAAA,CAACP,KACCQ,gBAAAA,MAACK,GAAc,EAAA,WAAAV,GAAsB,YAAYJ,EAAS,SAAS,IAAK,GAAGQ,EAAO,CAAA;AAAA,IAGxF;AACS,aAAA;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"ActivityItem.es.js","sources":["../../../../../../src/containers/Feed/components/ActivityItem.tsx"],"sourcesContent":["import React from 'react'\nimport ActivityComment from './ActivityComment/ActivityComment'\nimport ActivityStatusChange from './ActivityStatusChange/ActivityStatusChange'\nimport ActivityAssigneeChange from './ActivityAssigneeChange/ActivityAssigneeChange'\nimport ActivityVersions from './ActivityVersions/ActivityVersions'\nimport ActivityGroup from './ActivityGroup/ActivityGroup'\nimport { Status } from '../../ProjectTreeTable/types/project'\n\ninterface ActivityItemProps {\n  activity: {\n    activityType: string\n    items?: any[]\n    [key: string]: any\n  }\n  fromGroup?: boolean\n  projectInfo: Record<string, any>\n  createdAts?: string[]\n  editProps?: Record<string, any>\n  filter: string\n  readOnly: boolean\n  statuses: Status[]\n  projectName: string\n  entityType: string\n  onReferenceClick?: (arg: any) => void\n  onFileExpand?: (arg: any) => void\n  showOrigin?: boolean\n  isHighlighted?: boolean\n  onCheckChange?: (e: React.ChangeEvent<HTMLInputElement>, activity: any) => void\n  onDelete?: (activityId: string, entityId: string, refs: any) => Promise<void>\n  onUpdate?: (value: any, files: any, refs?: any, data?: any) => Promise<void>\n}\n\nconst ActivityItem: React.FC<ActivityItemProps> = ({\n  activity,\n  fromGroup,\n  projectInfo,\n  createdAts,\n  editProps,\n  filter,\n  readOnly,\n  statuses,\n  ...props\n}) => {\n  switch (activity.activityType) {\n    case 'comment':\n      return (\n        // @ts-expect-error\n        <ActivityComment {...{ activity, projectInfo, editProps, readOnly, statuses }} {...props} />\n      )\n    case 'status.change':\n      return <ActivityStatusChange activity={activity} {...props} />\n    case 'assignee.add':\n      return <ActivityAssigneeChange activity={activity} {...props} isAdding />\n    case 'assignee.remove':\n      return <ActivityAssigneeChange activity={activity} {...props} />\n    case 'version.publish':\n      return <ActivityVersions {...{ activity, projectInfo, filter }} {...props} />\n    case 'group':\n      // fromGroup prevents infinite recursion\n      return (\n        !fromGroup && (\n          <ActivityGroup editProps={editProps} activities={activity.items || []} {...props} />\n        )\n      )\n    default:\n      return null\n  }\n}\n\nexport default ActivityItem\n"],"names":["ActivityItem","activity","fromGroup","projectInfo","createdAts","editProps","filter","readOnly","statuses","props","jsx","ActivityComment","ActivityStatusChange","ActivityAssigneeChange","ActivityVersions","ActivityGroup"],"mappings":";;;;;;AAgCA,MAAMA,IAA4C,CAAC;AAAA,EACjD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,UAAQR,EAAS,cAAc;AAAA,IAC7B,KAAK;AACH;AAAA;AAAA,QAEES,gBAAAA,EAAAA,IAACC,GAAiB,EAAK,UAAAV,GAAU,aAAAE,GAAa,WAAAE,GAAW,UAAAE,GAAU,UAAAC,GAAa,GAAGC,EAAO,CAAA;AAAA;AAAA,IAE9F,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,UAAAX,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAC9D,KAAK;AACH,mCAAQI,GAAuB,EAAA,UAAAZ,GAAqB,GAAGQ,GAAO,UAAQ,IAAC;AAAA,IACzE,KAAK;AACH,aAAQC,gBAAAA,EAAA,IAAAG,GAAA,EAAuB,UAAAZ,GAAqB,GAAGQ,EAAO,CAAA;AAAA,IAChE,KAAK;AACI,aAAAC,gBAAAA,EAAA,IAACI,KAAuB,UAAAb,GAAU,aAAAE,GAAa,QAAAG,GAAW,GAAGG,GAAO;AAAA,IAC7E,KAAK;AAGD,aAAA,CAACP,KACCQ,gBAAAA,MAACK,GAAc,EAAA,WAAAV,GAAsB,YAAYJ,EAAS,SAAS,IAAK,GAAGQ,EAAO,CAAA;AAAA,IAGxF;AACS,aAAA;AAAA,EAAA;AAEb;"}

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

@@ -1,2 +1,2 @@
-"use strict";const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),d=require("./ActivityReference.styled.cjs.js"),m=require("@ynput/ayon-react-components"),j=require("clsx");require("lodash");require("react-toastify");const g=require("../../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");const h=({id:s,type:r,variant:o="surface",isEntity:u,disabled:a,onMouseEnter:t,children:l,...f})=>{const q=r==="user"?"alternate_email":g.getEntityTypeIcon(r,"link"),n=p.useRef(null),x=R=>{var c;const e=(c=n.current)==null?void 0:c.getBoundingClientRect();if(!e)return;const y={left:e.x+e.width/2,top:e.y};t==null||t(R,y)};return i.jsxRuntimeExports.jsxs(d.Reference,{...f,$variant:o,ref:n,onMouseEnter:x,className:j({disabled:a,isEntity:u},"reference"),id:`ref-${s}`,children:[i.jsxRuntimeExports.jsx(m.Icon,{icon:q}),l]})};module.exports=h;
+"use strict";const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),g=require("./ActivityReference.styled.cjs.js"),j=require("@ynput/ayon-react-components"),$=require("clsx");require("lodash");require("react-toastify");const h=require("../../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");const v=({id:s,type:t,variant:o="surface",isEntity:u,disabled:a,onMouseEnter:r,categoryPrimary:l,categorySecondary:y,children:f,...q})=>{const x=t==="user"?"alternate_email":h.getEntityTypeIcon(t,"link"),n=p.useRef(null),R=d=>{var c;const e=(c=n.current)==null?void 0:c.getBoundingClientRect();if(!e)return;const m={left:e.x+e.width/2,top:e.y};r==null||r(d,m)};return i.jsxRuntimeExports.jsxs(g.Reference,{...q,$variant:o,$categoryPrimary:l,$categorySecondary:y,ref:n,onMouseEnter:R,className:$({disabled:a,isEntity:u},"reference"),id:`ref-${s}`,children:[i.jsxRuntimeExports.jsx(j.Icon,{icon:x}),f]})};module.exports=v;
 //# sourceMappingURL=ActivityReference.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":"+WAeA,MAAMA,EAAsD,CAAC,CAC3D,GAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAOP,IAAS,OAAS,kBAAoBQ,EAAA,kBAAkBR,EAAM,MAAM,EAC3ES,EAAMC,SAAuB,IAAI,EAEjCC,EAAoBC,GAAqC,OACvD,MAAAC,GAAOC,EAAAL,EAAI,UAAJ,YAAAK,EAAa,wBAC1B,GAAI,CAACD,EAAM,OACL,MAAAE,EAAM,CAAE,KAAMF,EAAK,EAAIA,EAAK,MAAQ,EAAG,IAAKA,EAAK,CAAE,EACzDT,GAAA,MAAAA,EAAeQ,EAAGG,EACpB,EAGE,OAAAC,EAAA,kBAAA,KAACC,EAAO,UAAP,CACE,GAAGX,EACJ,SAAUL,EACV,IAAAQ,EACA,aAAcE,EACd,UAAWO,EAAK,CAAE,SAAAf,EAAU,SAAAD,CAAA,EAAY,WAAW,EACnD,GAAI,OAAOH,CAAE,GAEb,SAAA,CAAAoB,wBAACC,EAAAA,MAAK,KAAAb,EAAY,EACjBF,CAAA,CAAA,CACH,CAEJ"}
+{"version":3,"file":"ActivityReference.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  categoryPrimary,\n  categorySecondary,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      $categoryPrimary={categoryPrimary}\n      $categorySecondary={categorySecondary}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","categoryPrimary","categorySecondary","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":"+WAiBA,MAAMA,EAAsD,CAAC,CAC3D,GAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAOT,IAAS,OAAS,kBAAoBU,EAAA,kBAAkBV,EAAM,MAAM,EAC3EW,EAAMC,SAAuB,IAAI,EAEjCC,EAAoBC,GAAqC,OACvD,MAAAC,GAAOC,EAAAL,EAAI,UAAJ,YAAAK,EAAa,wBAC1B,GAAI,CAACD,EAAM,OACL,MAAAE,EAAM,CAAE,KAAMF,EAAK,EAAIA,EAAK,MAAQ,EAAG,IAAKA,EAAK,CAAE,EACzDX,GAAA,MAAAA,EAAeU,EAAGG,EACpB,EAGE,OAAAC,EAAA,kBAAA,KAACC,EAAO,UAAP,CACE,GAAGX,EACJ,SAAUP,EACV,iBAAkBI,EAClB,mBAAoBC,EACpB,IAAAK,EACA,aAAcE,EACd,UAAWO,EAAK,CAAE,SAAAjB,EAAU,SAAAD,CAAA,EAAY,WAAW,EACnD,GAAI,OAAOH,CAAE,GAEb,SAAA,CAAAsB,wBAACC,EAAAA,MAAK,KAAAb,EAAY,EACjBF,CAAA,CAAA,CACH,CAEJ"}

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

@@ -1,42 +1,46 @@
-import { j as n } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { j as c } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useRef as R } from "react";
 import { Reference as j } from "./ActivityReference.styled.es.js";
-import { Icon as g } from "@ynput/ayon-react-components";
+import { Icon as $ } from "@ynput/ayon-react-components";
 import h from "clsx";
 import "lodash";
 import "react-toastify";
-import { getEntityTypeIcon as y } from "../../../../util/getEntityTypeIcon.es.js";
+import { getEntityTypeIcon as v } from "../../../../util/getEntityTypeIcon.es.js";
 import "uuid";
 import "../../../../util/pubsub.es.js";
 const _ = ({
-  id: c,
+  id: n,
   type: e,
   variant: m = "surface",
   isEntity: s,
-  disabled: f,
-  onMouseEnter: r,
-  children: p,
-  ...a
+  disabled: a,
+  onMouseEnter: t,
+  categoryPrimary: f,
+  categorySecondary: p,
+  children: l,
+  ...u
 }) => {
-  const l = e === "user" ? "alternate_email" : y(e, "link"), o = R(null), u = (x) => {
+  const d = e === "user" ? "alternate_email" : v(e, "link"), o = R(null), x = (y) => {
     var i;
-    const t = (i = o.current) == null ? void 0 : i.getBoundingClientRect();
-    if (!t) return;
-    const d = { left: t.x + t.width / 2, top: t.y };
-    r == null || r(x, d);
+    const r = (i = o.current) == null ? void 0 : i.getBoundingClientRect();
+    if (!r) return;
+    const g = { left: r.x + r.width / 2, top: r.y };
+    t == null || t(y, g);
   };
-  return /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ c.jsxs(
     j,
     {
-      ...a,
+      ...u,
       $variant: m,
+      $categoryPrimary: f,
+      $categorySecondary: p,
       ref: o,
-      onMouseEnter: u,
-      className: h({ disabled: f, isEntity: s }, "reference"),
-      id: `ref-${c}`,
+      onMouseEnter: x,
+      className: h({ disabled: a, isEntity: s }, "reference"),
+      id: `ref-${n}`,
       children: [
-        /* @__PURE__ */ n.jsx(g, { icon: l }),
-        p
+        /* @__PURE__ */ c.jsx($, { icon: d }),
+        l
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":";;;;;;;;;;AAeA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAOP,MAAS,SAAS,oBAAoBQ,EAAkBR,GAAM,MAAM,GAC3ES,IAAMC,EAAuB,IAAI,GAEjCC,IAAmB,CAACC,MAAqC;;AACvD,UAAAC,KAAOC,IAAAL,EAAI,YAAJ,gBAAAK,EAAa;AAC1B,QAAI,CAACD,EAAM;AACL,UAAAE,IAAM,EAAE,MAAMF,EAAK,IAAIA,EAAK,QAAQ,GAAG,KAAKA,EAAK,EAAE;AACzD,IAAAT,KAAA,QAAAA,EAAeQ,GAAGG;AAAA,EACpB;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,UAAUL;AAAA,MACV,KAAAQ;AAAA,MACA,cAAcE;AAAA,MACd,WAAWO,EAAK,EAAE,UAAAf,GAAU,UAAAD,EAAA,GAAY,WAAW;AAAA,MACnD,IAAI,OAAOH,CAAE;AAAA,MAEb,UAAA;AAAA,QAAAoB,gBAAAA,MAACC,KAAK,MAAAb,GAAY;AAAA,QACjBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"ActivityReference.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  categoryPrimary,\n  categorySecondary,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      $categoryPrimary={categoryPrimary}\n      $categorySecondary={categorySecondary}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","categoryPrimary","categorySecondary","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","_a","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":";;;;;;;;;;AAiBA,MAAMA,IAAsD,CAAC;AAAA,EAC3D,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAOT,MAAS,SAAS,oBAAoBU,EAAkBV,GAAM,MAAM,GAC3EW,IAAMC,EAAuB,IAAI,GAEjCC,IAAmB,CAACC,MAAqC;;AACvD,UAAAC,KAAOC,IAAAL,EAAI,YAAJ,gBAAAK,EAAa;AAC1B,QAAI,CAACD,EAAM;AACL,UAAAE,IAAM,EAAE,MAAMF,EAAK,IAAIA,EAAK,QAAQ,GAAG,KAAKA,EAAK,EAAE;AACzD,IAAAX,KAAA,QAAAA,EAAeU,GAAGG;AAAA,EACpB;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,UAAUP;AAAA,MACV,kBAAkBI;AAAA,MAClB,oBAAoBC;AAAA,MACpB,KAAAK;AAAA,MACA,cAAcE;AAAA,MACd,WAAWO,EAAK,EAAE,UAAAjB,GAAU,UAAAD,EAAA,GAAY,WAAW;AAAA,MACnD,IAAI,OAAOH,CAAE;AAAA,MAEb,UAAA;AAAA,QAAAsB,gBAAAA,MAACC,KAAK,MAAAb,GAAY;AAAA,QACjBF;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}