@ynput/ayon-frontend-shared 0.2.32 → 0.2.34

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

@@ -1,9 +1,21 @@
-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 s } from "styled-components";
+import { categoryColorCss as d } 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;
+
+  /* only apply category colours if category classname is present */
+  &.category {
+    /* CATEGORY */
+    ${({ $categoryPrimary: e, $categorySecondary: i, $categoryTertiary: n }) => d(e, i, n)}
+  }
+
   /* reset default */
   list-style: none;
   margin: 0;
@@ -42,8 +54,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 +63,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 +169,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 +185,7 @@ o.div`
   flex-wrap: wrap;
   gap: var(--base-gap-large);
 `;
-const e = i`
+const a = s`
   height: 100px;
   width: 100px;
   object-fit: contain;
@@ -193,10 +205,10 @@ const e = i`
   }
 `;
 o.img`
-  ${e}
+  ${a}
 `;
 o.a`
-  ${e}
+  ${a}
 
   display: flex;
   flex-direction: column;
@@ -218,7 +230,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 +245,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 +292,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\n  /* only apply category colours if category classname is present */\n  &.category {\n    /* CATEGORY */\n    ${({ $categoryPrimary, $categorySecondary, $categoryTertiary }) =>\n      categoryColorCss($categoryPrimary, $categorySecondary, $categoryTertiary)}\n  }\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;AAAA;AAAA;AAAA,MASxB,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;AAAA,GA2ClEE,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/ActivityHeader/ActivityHeader.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),e=require("./ActivityHeader.styled.cjs.js"),U=require("../ActivityReference/ActivityReference.cjs.js"),w=require("../ActivityDate.cjs.js"),H=require("@ynput/ayon-react-components"),S=require("../../../../components/UserImage/UserImage.cjs.js"),T=({name:o,fullName:j,date:a,isRef:m,activity:i={},children:h,projectName:y,entityType:E,onReferenceClick:r,onReferenceTooltip:x})=>{var c,l,p;const{referenceType:v,origin:s,activityType:b,versions:n,activityId:g}=i,u=v==="mention",R=b==="version.publish",q=n&&(n==null?void 0:n.length)>1?"published versions":"published a version",I=u?"mentioned":"commented",A=u?` ${E} on`:"on",d=((c=i.author)==null?void 0:c.deleted)||!((l=i.author)!=null&&l.active);return t.jsxRuntimeExports.jsxs(e.Header,{children:[t.jsxRuntimeExports.jsxs(e.Body,{children:[o&&!d&&t.jsxRuntimeExports.jsx(S.UserImage,{name:o,size:22}),d&&t.jsxRuntimeExports.jsx(H.Icon,{icon:"account_circle"}),t.jsxRuntimeExports.jsx("h5",{children:j||((p=i.activityData)==null?void 0:p.author)||"Unknown"}),m&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(e.Text,{children:t.jsxRuntimeExports.jsx("strong",{children:I})}),t.jsxRuntimeExports.jsx(e.Text,{style:{overflow:"hidden",textOverflow:"ellipsis"},children:A}),s&&t.jsxRuntimeExports.jsx(U,{id:s.id,type:s.type,variant:"text",onClick:()=>r==null?void 0:r({entityId:s.id,entityType:s.type,projectName:y,activityId:g}),onMouseEnter:(D,M)=>x==null?void 0:x({type:s.type,id:s.id,label:s.label,name:s.id,pos:M}),children:s.label||s.name})]}),R&&t.jsxRuntimeExports.jsx(e.Text,{children:q}),h]}),t.jsxRuntimeExports.jsx(w.default,{date:a})]})};module.exports=T;
+"use strict";const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),i=require("./ActivityHeader.styled.cjs.js"),w=require("../ActivityReference/ActivityReference.cjs.js"),H=require("../ActivityDate.cjs.js"),S=require("@ynput/ayon-react-components"),T=require("../../../../components/UserImage/UserImage.cjs.js"),_=({name:e,fullName:j,date:h,isRef:a,activity:n={},children:y,projectName:m,entityType:E,onReferenceClick:o,onReferenceTooltip:x})=>{var c,l,p;const{referenceType:g,origin:s,activityType:v,versions:r,activityId:b}=n,u=g==="mention",R=v==="version.publish",q=r&&(r==null?void 0:r.length)>1?"published versions":"published a version",I=u?"mentioned":"commented",A=u?` ${E} on`:"on",M=e==null?void 0:e.startsWith("guest."),d=(((c=n.author)==null?void 0:c.deleted)||!((l=n.author)!=null&&l.active))&&!M;return t.jsxRuntimeExports.jsxs(i.Header,{children:[t.jsxRuntimeExports.jsxs(i.Body,{children:[e&&!d&&t.jsxRuntimeExports.jsx(T.UserImage,{name:e,size:22}),d&&t.jsxRuntimeExports.jsx(S.Icon,{icon:"account_circle"}),t.jsxRuntimeExports.jsx("h5",{children:j||((p=n.activityData)==null?void 0:p.author)||"Unknown"}),a&&t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(i.Text,{children:t.jsxRuntimeExports.jsx("strong",{children:I})}),t.jsxRuntimeExports.jsx(i.Text,{style:{overflow:"hidden",textOverflow:"ellipsis"},children:A}),s&&t.jsxRuntimeExports.jsx(w,{id:s.id,type:s.type,variant:"text",onClick:()=>o==null?void 0:o({entityId:s.id,entityType:s.type,projectName:m,activityId:b}),onMouseEnter:(V,U)=>x==null?void 0:x({type:s.type,id:s.id,label:s.label,name:s.id,pos:U}),children:s.label||s.name})]}),R&&t.jsxRuntimeExports.jsx(i.Text,{children:q}),y]}),t.jsxRuntimeExports.jsx(H.default,{date:h})]})};module.exports=_;
 //# sourceMappingURL=ActivityHeader.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityHeader.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityHeader/ActivityHeader.tsx"],"sourcesContent":["import React from 'react'\nimport * as Styled from './ActivityHeader.styled'\nimport ActivityReference from '../ActivityReference/ActivityReference'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport { RefTooltip } from '../../context/FeedContext'\n\ninterface Origin {\n  id: string\n  type: string\n  label: string\n  name: string\n}\n\nexport interface ActivityHeaderProps {\n  name?: string\n  fullName?: string\n  date?: string\n  isRef?: boolean\n  activity?: {\n    referenceType?: string\n    origin?: Origin\n    activityType?: string\n    versions?: any[]\n    activityId?: string\n    author?: {\n      deleted?: boolean\n      active?: boolean\n    }\n    activityData?: {\n      author?: string\n    }\n  }\n  children?: React.ReactNode\n  projectName?: string\n  entityType?: string\n  onReferenceClick?: (args: {\n    entityId?: string\n    entityType?: string\n    projectName?: string\n    activityId?: string\n  }) => void\n  onReferenceTooltip?: (args: RefTooltip) => void\n}\n\nconst ActivityHeader: React.FC<ActivityHeaderProps> = ({\n  name,\n  fullName,\n  date,\n  isRef,\n  activity = {},\n  children,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onReferenceTooltip,\n}) => {\n  const { referenceType, origin, activityType, versions, activityId } = activity\n  const isMention = referenceType === 'mention'\n\n  const isPublish = activityType === 'version.publish'\n  const isMultipleVersions = versions && versions?.length > 1\n  const publishedString = isMultipleVersions ? 'published versions' : 'published a version'\n\n  const boldString = isMention ? `mentioned` : 'commented'\n  const entityTypeString = isMention ? ` ${entityType} on` : 'on'\n\n  const noUser = activity.author?.deleted || !activity.author?.active\n  return (\n    <Styled.Header>\n      <Styled.Body>\n        {name && !noUser && <UserImage name={name} size={22} />}\n        {noUser && <Icon icon=\"account_circle\" />}\n        <h5>{fullName || activity.activityData?.author || 'Unknown'}</h5>\n        {isRef && (\n          <>\n            <Styled.Text>\n              <strong>{boldString}</strong>\n            </Styled.Text>\n            <Styled.Text style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n              {entityTypeString}\n            </Styled.Text>\n            {origin && (\n              <ActivityReference\n                id={origin.id}\n                type={origin.type}\n                variant=\"text\"\n                onClick={() =>\n                  onReferenceClick?.({\n                    entityId: origin.id,\n                    entityType: origin.type,\n                    projectName,\n                    activityId,\n                  })\n                }\n                onMouseEnter={(_e, pos: any) =>\n                  onReferenceTooltip?.({\n                    type: origin.type,\n                    id: origin.id,\n                    label: origin.label,\n                    name: origin.id,\n                    pos,\n                  })\n                }\n              >\n                {origin.label || origin.name}\n              </ActivityReference>\n            )}\n          </>\n        )}\n        {isPublish && <Styled.Text>{publishedString}</Styled.Text>}\n\n        {/* custom children, like status change */}\n        {children}\n      </Styled.Body>\n      <ActivityDate date={date} />\n    </Styled.Header>\n  )\n}\n\nexport default ActivityHeader\n"],"names":["ActivityHeader","name","fullName","date","isRef","activity","children","projectName","entityType","onReferenceClick","onReferenceTooltip","referenceType","origin","activityType","versions","activityId","isMention","isPublish","publishedString","boldString","entityTypeString","noUser","_a","_b","jsxs","Styled.Header","Styled.Body","jsx","UserImage","Icon","_c","Fragment","Styled.Text","ActivityReference","_e","pos","ActivityDate"],"mappings":"kUA8CMA,EAAgD,CAAC,CACrD,KAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAAC,CACF,IAAM,WACJ,KAAM,CAAE,cAAAC,EAAe,OAAAC,EAAQ,aAAAC,EAAc,SAAAC,EAAU,WAAAC,GAAeV,EAChEW,EAAYL,IAAkB,UAE9BM,EAAYJ,IAAiB,kBAE7BK,EADqBJ,IAAYA,GAAA,YAAAA,EAAU,QAAS,EACb,qBAAuB,sBAE9DK,EAAaH,EAAY,YAAc,YACvCI,EAAmBJ,EAAY,IAAIR,CAAU,MAAQ,KAErDa,IAASC,EAAAjB,EAAS,SAAT,YAAAiB,EAAiB,UAAW,GAACC,EAAAlB,EAAS,SAAT,MAAAkB,EAAiB,QAE3D,OAAAC,EAAA,kBAAA,KAACC,SAAA,CACC,SAAA,CAACD,yBAAAE,EAAAA,KAAA,CACE,SAAA,CAAAzB,GAAQ,CAACoB,GAAUM,wBAACC,EAAAA,UAAU,CAAA,KAAA3B,EAAY,KAAM,GAAI,EACpDoB,GAAUM,EAAAA,kBAAAA,IAACE,EAAAA,KAAK,CAAA,KAAK,gBAAiB,CAAA,0BACtC,KAAI,CAAA,SAAA3B,KAAY4B,EAAAzB,EAAS,eAAT,YAAAyB,EAAuB,SAAU,UAAU,EAC3D1B,GAEGoB,EAAA,kBAAA,KAAAO,6BAAA,CAAA,SAAA,CAAAJ,wBAACK,EAAAA,KAAA,CACC,SAACL,EAAA,kBAAA,IAAA,SAAA,CAAQ,UAAW,CAAA,EACtB,EACAA,EAAAA,kBAAAA,IAACK,EAAO,KAAP,CAAY,MAAO,CAAE,SAAU,SAAU,aAAc,UAAW,EAChE,SACHZ,CAAA,CAAA,EACCR,GACCe,EAAA,kBAAA,IAACM,EAAA,CACC,GAAIrB,EAAO,GACX,KAAMA,EAAO,KACb,QAAQ,OACR,QAAS,IACPH,GAAA,YAAAA,EAAmB,CACjB,SAAUG,EAAO,GACjB,WAAYA,EAAO,KACnB,YAAAL,EACA,WAAAQ,CAAA,GAGJ,aAAc,CAACmB,EAAIC,IACjBzB,GAAA,YAAAA,EAAqB,CACnB,KAAME,EAAO,KACb,GAAIA,EAAO,GACX,MAAOA,EAAO,MACd,KAAMA,EAAO,GACb,IAAAuB,CAAA,GAIH,SAAAvB,EAAO,OAASA,EAAO,IAAA,CAAA,CAC1B,EAEJ,EAEDK,GAAaU,EAAAA,kBAAAA,IAACK,EAAAA,KAAA,CAAa,SAAgBd,CAAA,CAAA,EAG3CZ,CAAA,EACH,EACAqB,wBAACS,EAAAA,SAAa,KAAAjC,CAAY,CAAA,CAAA,EAC5B,CAEJ"}
+{"version":3,"file":"ActivityHeader.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityHeader/ActivityHeader.tsx"],"sourcesContent":["import React from 'react'\nimport * as Styled from './ActivityHeader.styled'\nimport ActivityReference from '../ActivityReference/ActivityReference'\nimport ActivityDate from '../ActivityDate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport { RefTooltip } from '../../context/FeedContext'\n\ninterface Origin {\n  id: string\n  type: string\n  label: string\n  name: string\n}\n\nexport interface ActivityHeaderProps {\n  name?: string\n  fullName?: string\n  date?: string\n  isRef?: boolean\n  activity?: {\n    referenceType?: string\n    origin?: Origin\n    activityType?: string\n    versions?: any[]\n    activityId?: string\n    author?: {\n      deleted?: boolean\n      active?: boolean\n    }\n    activityData?: {\n      author?: string\n    }\n  }\n  children?: React.ReactNode\n  projectName?: string\n  entityType?: string\n  onReferenceClick?: (args: {\n    entityId?: string\n    entityType?: string\n    projectName?: string\n    activityId?: string\n  }) => void\n  onReferenceTooltip?: (args: RefTooltip) => void\n}\n\nconst ActivityHeader: React.FC<ActivityHeaderProps> = ({\n  name,\n  fullName,\n  date,\n  isRef,\n  activity = {},\n  children,\n  projectName,\n  entityType,\n  onReferenceClick,\n  onReferenceTooltip,\n}) => {\n  const { referenceType, origin, activityType, versions, activityId } = activity\n  const isMention = referenceType === 'mention'\n\n  const isPublish = activityType === 'version.publish'\n  const isMultipleVersions = versions && versions?.length > 1\n  const publishedString = isMultipleVersions ? 'published versions' : 'published a version'\n\n  const boldString = isMention ? `mentioned` : 'commented'\n  const entityTypeString = isMention ? ` ${entityType} on` : 'on'\n\n  const isGuest = name?.startsWith('guest.')\n  const noUser = (activity.author?.deleted || !activity.author?.active) && !isGuest\n  return (\n    <Styled.Header>\n      <Styled.Body>\n        {name && !noUser && <UserImage name={name} size={22} />}\n        {noUser && <Icon icon=\"account_circle\" />}\n        <h5>{fullName || activity.activityData?.author || 'Unknown'}</h5>\n        {isRef && (\n          <>\n            <Styled.Text>\n              <strong>{boldString}</strong>\n            </Styled.Text>\n            <Styled.Text style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n              {entityTypeString}\n            </Styled.Text>\n            {origin && (\n              <ActivityReference\n                id={origin.id}\n                type={origin.type}\n                variant=\"text\"\n                onClick={() =>\n                  onReferenceClick?.({\n                    entityId: origin.id,\n                    entityType: origin.type,\n                    projectName,\n                    activityId,\n                  })\n                }\n                onMouseEnter={(_e, pos: any) =>\n                  onReferenceTooltip?.({\n                    type: origin.type,\n                    id: origin.id,\n                    label: origin.label,\n                    name: origin.id,\n                    pos,\n                  })\n                }\n              >\n                {origin.label || origin.name}\n              </ActivityReference>\n            )}\n          </>\n        )}\n        {isPublish && <Styled.Text>{publishedString}</Styled.Text>}\n\n        {/* custom children, like status change */}\n        {children}\n      </Styled.Body>\n      <ActivityDate date={date} />\n    </Styled.Header>\n  )\n}\n\nexport default ActivityHeader\n"],"names":["ActivityHeader","name","fullName","date","isRef","activity","children","projectName","entityType","onReferenceClick","onReferenceTooltip","referenceType","origin","activityType","versions","activityId","isMention","isPublish","publishedString","boldString","entityTypeString","isGuest","noUser","_a","_b","jsxs","Styled.Header","Styled.Body","jsx","UserImage","Icon","_c","Fragment","Styled.Text","ActivityReference","_e","pos","ActivityDate"],"mappings":"kUA8CMA,EAAgD,CAAC,CACrD,KAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,SAAAC,EAAW,CAAC,EACZ,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,mBAAAC,CACF,IAAM,WACJ,KAAM,CAAE,cAAAC,EAAe,OAAAC,EAAQ,aAAAC,EAAc,SAAAC,EAAU,WAAAC,GAAeV,EAChEW,EAAYL,IAAkB,UAE9BM,EAAYJ,IAAiB,kBAE7BK,EADqBJ,IAAYA,GAAA,YAAAA,EAAU,QAAS,EACb,qBAAuB,sBAE9DK,EAAaH,EAAY,YAAc,YACvCI,EAAmBJ,EAAY,IAAIR,CAAU,MAAQ,KAErDa,EAAUpB,GAAA,YAAAA,EAAM,WAAW,UAC3BqB,KAAUC,EAAAlB,EAAS,SAAT,YAAAkB,EAAiB,UAAW,GAACC,EAAAnB,EAAS,SAAT,MAAAmB,EAAiB,UAAW,CAACH,EAExE,OAAAI,EAAA,kBAAA,KAACC,SAAA,CACC,SAAA,CAACD,yBAAAE,EAAAA,KAAA,CACE,SAAA,CAAA1B,GAAQ,CAACqB,GAAUM,wBAACC,EAAAA,UAAU,CAAA,KAAA5B,EAAY,KAAM,GAAI,EACpDqB,GAAUM,EAAAA,kBAAAA,IAACE,EAAAA,KAAK,CAAA,KAAK,gBAAiB,CAAA,0BACtC,KAAI,CAAA,SAAA5B,KAAY6B,EAAA1B,EAAS,eAAT,YAAA0B,EAAuB,SAAU,UAAU,EAC3D3B,GAEGqB,EAAA,kBAAA,KAAAO,6BAAA,CAAA,SAAA,CAAAJ,wBAACK,EAAAA,KAAA,CACC,SAACL,EAAA,kBAAA,IAAA,SAAA,CAAQ,UAAW,CAAA,EACtB,EACAA,EAAAA,kBAAAA,IAACK,EAAO,KAAP,CAAY,MAAO,CAAE,SAAU,SAAU,aAAc,UAAW,EAChE,SACHb,CAAA,CAAA,EACCR,GACCgB,EAAA,kBAAA,IAACM,EAAA,CACC,GAAItB,EAAO,GACX,KAAMA,EAAO,KACb,QAAQ,OACR,QAAS,IACPH,GAAA,YAAAA,EAAmB,CACjB,SAAUG,EAAO,GACjB,WAAYA,EAAO,KACnB,YAAAL,EACA,WAAAQ,CAAA,GAGJ,aAAc,CAACoB,EAAIC,IACjB1B,GAAA,YAAAA,EAAqB,CACnB,KAAME,EAAO,KACb,GAAIA,EAAO,GACX,MAAOA,EAAO,MACd,KAAMA,EAAO,GACb,IAAAwB,CAAA,GAIH,SAAAxB,EAAO,OAASA,EAAO,IAAA,CAAA,CAC1B,EAEJ,EAEDK,GAAaW,EAAAA,kBAAAA,IAACK,EAAAA,KAAA,CAAa,SAAgBf,CAAA,CAAA,EAG3CZ,CAAA,EACH,EACAsB,wBAACS,EAAAA,SAAa,KAAAlC,CAAY,CAAA,CAAA,EAC5B,CAEJ"}

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

@@ -1,33 +1,33 @@
 import { j as t } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { Header as U, Body as D, Text as o } from "./ActivityHeader.styled.es.js";
-import E from "../ActivityReference/ActivityReference.es.js";
-import H from "../ActivityDate.es.js";
-import { Icon as V } from "@ynput/ayon-react-components";
-import { UserImage as _ } from "../../../../components/UserImage/UserImage.es.js";
-const G = ({
-  name: d,
-  fullName: p,
-  date: x,
+import { Header as D, Body as E, Text as d } from "./ActivityHeader.styled.es.js";
+import H from "../ActivityReference/ActivityReference.es.js";
+import V from "../ActivityDate.es.js";
+import { Icon as _ } from "@ynput/ayon-react-components";
+import { UserImage as z } from "../../../../components/UserImage/UserImage.es.js";
+const q = ({
+  name: s,
+  fullName: x,
+  date: u,
   isRef: y,
-  activity: s = {},
-  children: u,
+  activity: e = {},
+  children: m,
   projectName: j,
   entityType: b,
   onReferenceClick: n,
-  onReferenceTooltip: r
+  onReferenceTooltip: o
 }) => {
-  var c, h, m;
-  const { referenceType: v, origin: i, activityType: g, versions: e, activityId: I } = s, l = v === "mention", M = g === "version.publish", f = e && (e == null ? void 0 : e.length) > 1 ? "published versions" : "published a version", w = l ? "mentioned" : "commented", A = l ? ` ${b} on` : "on", a = ((c = s.author) == null ? void 0 : c.deleted) || !((h = s.author) != null && h.active);
-  return /* @__PURE__ */ t.jsxs(U, { children: [
-    /* @__PURE__ */ t.jsxs(D, { children: [
-      d && !a && /* @__PURE__ */ t.jsx(_, { name: d, size: 22 }),
-      a && /* @__PURE__ */ t.jsx(V, { icon: "account_circle" }),
-      /* @__PURE__ */ t.jsx("h5", { children: p || ((m = s.activityData) == null ? void 0 : m.author) || "Unknown" }),
+  var h, p, a;
+  const { referenceType: g, origin: i, activityType: v, versions: r, activityId: I } = e, l = g === "mention", M = v === "version.publish", f = r && (r == null ? void 0 : r.length) > 1 ? "published versions" : "published a version", w = l ? "mentioned" : "commented", A = l ? ` ${b} on` : "on", S = s == null ? void 0 : s.startsWith("guest."), c = (((h = e.author) == null ? void 0 : h.deleted) || !((p = e.author) != null && p.active)) && !S;
+  return /* @__PURE__ */ t.jsxs(D, { children: [
+    /* @__PURE__ */ t.jsxs(E, { children: [
+      s && !c && /* @__PURE__ */ t.jsx(z, { name: s, size: 22 }),
+      c && /* @__PURE__ */ t.jsx(_, { icon: "account_circle" }),
+      /* @__PURE__ */ t.jsx("h5", { children: x || ((a = e.activityData) == null ? void 0 : a.author) || "Unknown" }),
       y && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(o, { children: /* @__PURE__ */ t.jsx("strong", { children: w }) }),
-        /* @__PURE__ */ t.jsx(o, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: A }),
+        /* @__PURE__ */ t.jsx(d, { children: /* @__PURE__ */ t.jsx("strong", { children: w }) }),
+        /* @__PURE__ */ t.jsx(d, { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: A }),
         i && /* @__PURE__ */ t.jsx(
-          E,
+          H,
           {
             id: i.id,
             type: i.type,
@@ -38,24 +38,24 @@ const G = ({
               projectName: j,
               activityId: I
             }),
-            onMouseEnter: (B, S) => r == null ? void 0 : r({
+            onMouseEnter: (F, U) => o == null ? void 0 : o({
               type: i.type,
               id: i.id,
               label: i.label,
               name: i.id,
-              pos: S
+              pos: U
             }),
             children: i.label || i.name
           }
         )
       ] }),
-      M && /* @__PURE__ */ t.jsx(o, { children: f }),
-      u
+      M && /* @__PURE__ */ t.jsx(d, { children: f }),
+      m
     ] }),
-    /* @__PURE__ */ t.jsx(H, { date: x })
+    /* @__PURE__ */ t.jsx(V, { date: u })
   ] });
 };
 export {
-  G as default
+  q as default
 };
 //# sourceMappingURL=ActivityHeader.es.js.map