@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

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

@@ -1,16 +1,70 @@
-import t from "react";
-const o = (r) => r.replace(/@(?=@|\[)/g, ""), i = ({ children: r }) => t.Children.map(r, (e) => {
-  if (!t.isValidElement(e)) return e;
-  const n = e.props.children;
-  return typeof n != "string" ? e : {
-    ...e,
-    props: {
-      ...e.props,
-      children: o(n)
+import { j as f } from "../../../../../../_virtual/jsx-runtime.es.js";
+import d, { useCallback as m } from "react";
+const g = (o) => o.replace(/@(?=@|\[)/g, ""), C = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;"
+}, c = (o) => o.replace(/[&<>"]/g, (l) => C[l]), E = (o) => o.replaceAll(" ", "%20"), N = (o, l) => {
+  const i = l.cloneContents();
+  if (!i.querySelector("[data-mention-value]")) return null;
+  let t = "", e = "";
+  const a = (n) => {
+    if (n.nodeType === Node.TEXT_NODE) {
+      const s = n.data;
+      t += s, e += c(s);
+      return;
     }
+    if (n.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+      n.childNodes.forEach(a);
+      return;
+    }
+    if (n.nodeType !== Node.ELEMENT_NODE) return;
+    const r = n, u = r.getAttribute("data-mention-value");
+    if (u) {
+      const s = r.getAttribute("data-mention-label") || (r.textContent || "").trim();
+      if (s) {
+        const p = E(u);
+        t += `[${s}](${p})`, e += `<a href="@${c(p)}">@${c(s)}</a>`;
+      }
+      return;
+    }
+    if (r.tagName === "BR") {
+      t += `
+`, e += "<br>";
+      return;
+    }
+    if (r.tagName === "P" || r.tagName === "DIV") {
+      t && !t.endsWith(`
+`) && (t += `
+`), n.childNodes.forEach(a);
+      return;
+    }
+    n.childNodes.forEach(a);
   };
-});
+  return a(i), t ? { text: t, html: e } : null;
+}, T = ({ children: o }) => {
+  const l = d.Children.map(o, (t) => {
+    if (!d.isValidElement(t)) return t;
+    const e = t.props.children;
+    return typeof e != "string" ? t : {
+      ...t,
+      props: {
+        ...t.props,
+        children: g(e)
+      }
+    };
+  }), i = m((t) => {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0 || e.isCollapsed) return;
+    const a = e.getRangeAt(0), n = t.currentTarget;
+    if (!n.contains(a.startContainer) || !n.contains(a.endContainer)) return;
+    const r = N(n, a);
+    r && (t.preventDefault(), t.clipboardData.setData("text/plain", r.text), t.clipboardData.setData("text/html", r.html));
+  }, []);
+  return /* @__PURE__ */ f.jsx("div", { onCopy: i, children: l });
+};
 export {
-  i as default
+  T as default
 };
 //# sourceMappingURL=CommentWrapper.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentWrapper.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/CommentWrapper.tsx"],"sourcesContent":["import React, { FC, ReactElement } from 'react'\n\nconst removeAts = (text: string): string => {\n  // remove @ if followed by @ or [\n  return text.replace(/@(?=@|\\[)/g, '')\n}\n\nconst CommentWrapper: FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parsedChildren = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) return child\n\n    const bodyString = child.props.children\n\n    if (typeof bodyString !== 'string') return child\n    else {\n      const newChild = {\n        ...child,\n        props: {\n          ...child.props,\n          children: removeAts(bodyString),\n        },\n      }\n\n      return newChild\n    }\n  })\n\n  return parsedChildren\n}\n\nexport default CommentWrapper\n"],"names":["removeAts","text","CommentWrapper","children","React","child","bodyString"],"mappings":";AAEA,MAAMA,IAAY,CAACC,MAEVA,EAAK,QAAQ,cAAc,EAAE,GAGhCC,IAAoD,CAAC,EAAE,UAAAC,QACpCC,EAAM,SAAS,IAAID,GAAU,CAACE,MAAU;AAC7D,MAAI,CAACD,EAAM,eAAeC,CAAK,EAAG,QAAOA;AAEzC,QAAMC,IAAaD,EAAM,MAAM;AAE/B,SAAI,OAAOC,KAAe,WAAiBD,IAExB;AAAA,IACf,GAAGA;AAAA,IACH,OAAO;AAAA,MACL,GAAGA,EAAM;AAAA,MACT,UAAUL,EAAUM,CAAU;AAAA,IAAA;AAAA,EAChC;AAKN,CAAC;"}
+{"version":3,"file":"CommentWrapper.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/CommentWrapper.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react'\n\nconst removeAts = (text: string): string => {\n  // remove @ if followed by @ or [\n  return text.replace(/@(?=@|\\[)/g, '')\n}\n\nconst HTML_ESCAPES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n}\nconst escapeHtml = (s: string) => s.replace(/[&<>\"]/g, (c) => HTML_ESCAPES[c])\nconst encodeIdSpaces = (s: string) => s.replaceAll(' ', '%20')\n\nconst serializeSelection = (root: HTMLElement, range: Range) => {\n  const fragment = range.cloneContents()\n  if (!fragment.querySelector('[data-mention-value]')) return null\n\n  let text = ''\n  let html = ''\n\n  const walk = (node: Node) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      const data = (node as Text).data\n      text += data\n      html += escapeHtml(data)\n      return\n    }\n    if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n      node.childNodes.forEach(walk)\n      return\n    }\n    if (node.nodeType !== Node.ELEMENT_NODE) return\n    const el = node as HTMLElement\n\n    const mentionValue = el.getAttribute('data-mention-value')\n    if (mentionValue) {\n      const label = el.getAttribute('data-mention-label') || (el.textContent || '').trim()\n      if (label) {\n        const encoded = encodeIdSpaces(mentionValue)\n        text += `[${label}](${encoded})`\n        html += `<a href=\"@${escapeHtml(encoded)}\">@${escapeHtml(label)}</a>`\n      }\n      return\n    }\n\n    if (el.tagName === 'BR') {\n      text += '\\n'\n      html += '<br>'\n      return\n    }\n\n    if (el.tagName === 'P' || el.tagName === 'DIV') {\n      if (text && !text.endsWith('\\n')) text += '\\n'\n      node.childNodes.forEach(walk)\n      return\n    }\n\n    node.childNodes.forEach(walk)\n  }\n\n  walk(fragment)\n  if (!text) return null\n  return { text, html }\n}\n\nconst CommentWrapper: FC<{ children: React.ReactNode }> = ({ children }) => {\n  const parsedChildren = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child)) return child\n\n    const bodyString = child.props.children\n\n    if (typeof bodyString !== 'string') return child\n    else {\n      const newChild = {\n        ...child,\n        props: {\n          ...child.props,\n          children: removeAts(bodyString),\n        },\n      }\n\n      return newChild\n    }\n  })\n\n  const handleCopy = useCallback((e: React.ClipboardEvent<HTMLDivElement>) => {\n    const sel = window.getSelection()\n    if (!sel || sel.rangeCount === 0 || sel.isCollapsed) return\n    const range = sel.getRangeAt(0)\n    const root = e.currentTarget\n    if (!root.contains(range.startContainer) || !root.contains(range.endContainer)) return\n\n    const result = serializeSelection(root, range)\n    if (!result) return\n\n    e.preventDefault()\n    e.clipboardData.setData('text/plain', result.text)\n    e.clipboardData.setData('text/html', result.html)\n  }, [])\n\n  return <div onCopy={handleCopy}>{parsedChildren}</div>\n}\n\nexport default CommentWrapper\n"],"names":["removeAts","text","HTML_ESCAPES","escapeHtml","s","c","encodeIdSpaces","serializeSelection","root","range","fragment","html","walk","node","data","el","mentionValue","label","encoded","CommentWrapper","children","parsedChildren","React","child","bodyString","handleCopy","useCallback","e","sel","result","jsx"],"mappings":"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"}

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  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' : type === 'team' ? 'group' : 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","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,kBAAoBA,IAAS,OAAS,QAAUU,EAAAA,kBAAkBV,EAAM,MAAM,EACvGW,EAAMC,EAAAA,OAAuB,IAAI,EAEjCC,EAAoBC,GAAqC,CAC7D,MAAMC,EAAOJ,EAAI,SAAS,sBAAA,EAC1B,GAAI,CAACI,EAAM,OACX,MAAMC,EAAM,CAAE,KAAMD,EAAK,EAAIA,EAAK,MAAQ,EAAG,IAAKA,EAAK,CAAA,EACvDX,IAAeU,EAAGE,CAAG,CACvB,EAEA,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACE,GAAGV,EACJ,SAAUP,EACV,iBAAkBI,EAClB,mBAAoBC,EACpB,IAAAK,EACA,aAAcE,EACd,UAAWM,EAAK,CAAE,SAAAhB,EAAU,SAAAD,CAAA,EAAY,WAAW,EACnD,GAAI,OAAOH,CAAE,GAEb,SAAA,CAAAqB,wBAACC,EAAAA,MAAK,KAAAZ,EAAY,EACjBF,CAAA,CAAA,CAAA,CAGP"}
+{"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  'data-mention-value'?: string\n  'data-mention-label'?: 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' : type === 'team' ? 'group' : 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","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":"+WAmBA,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,kBAAoBA,IAAS,OAAS,QAAUU,EAAAA,kBAAkBV,EAAM,MAAM,EACvGW,EAAMC,EAAAA,OAAuB,IAAI,EAEjCC,EAAoBC,GAAqC,CAC7D,MAAMC,EAAOJ,EAAI,SAAS,sBAAA,EAC1B,GAAI,CAACI,EAAM,OACX,MAAMC,EAAM,CAAE,KAAMD,EAAK,EAAIA,EAAK,MAAQ,EAAG,IAAKA,EAAK,CAAA,EACvDX,IAAeU,EAAGE,CAAG,CACvB,EAEA,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,UAAA,CACE,GAAGV,EACJ,SAAUP,EACV,iBAAkBI,EAClB,mBAAoBC,EACpB,IAAAK,EACA,aAAcE,EACd,UAAWM,EAAK,CAAE,SAAAhB,EAAU,SAAAD,CAAA,EAAY,WAAW,EACnD,GAAI,OAAOH,CAAE,GAEb,SAAA,CAAAqB,wBAACC,EAAAA,MAAK,KAAAZ,EAAY,EACjBF,CAAA,CAAA,CAAA,CAGP"}

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  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' : type === 'team' ? 'group' : 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","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,oBAAoBA,MAAS,SAAS,UAAUU,EAAkBV,GAAM,MAAM,GACvGW,IAAMC,EAAuB,IAAI,GAEjCC,IAAmB,CAACC,MAAqC;AAC7D,UAAMC,IAAOJ,EAAI,SAAS,sBAAA;AAC1B,QAAI,CAACI,EAAM;AACX,UAAMC,IAAM,EAAE,MAAMD,EAAK,IAAIA,EAAK,QAAQ,GAAG,KAAKA,EAAK,EAAA;AACvD,IAAAX,IAAeU,GAAGE,CAAG;AAAA,EACvB;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,UAAUP;AAAA,MACV,kBAAkBI;AAAA,MAClB,oBAAoBC;AAAA,MACpB,KAAAK;AAAA,MACA,cAAcE;AAAA,MACd,WAAWM,EAAK,EAAE,UAAAhB,GAAU,UAAAD,EAAA,GAAY,WAAW;AAAA,MACnD,IAAI,OAAOH,CAAE;AAAA,MAEb,UAAA;AAAA,QAAAqB,gBAAAA,MAACC,KAAK,MAAAZ,GAAY;AAAA,QACjBF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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  'data-mention-value'?: string\n  'data-mention-label'?: 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' : type === 'team' ? 'group' : 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","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":";;;;;;;;;;AAmBA,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,oBAAoBA,MAAS,SAAS,UAAUU,EAAkBV,GAAM,MAAM,GACvGW,IAAMC,EAAuB,IAAI,GAEjCC,IAAmB,CAACC,MAAqC;AAC7D,UAAMC,IAAOJ,EAAI,SAAS,sBAAA;AAC1B,QAAI,CAACI,EAAM;AACX,UAAMC,IAAM,EAAE,MAAMD,EAAK,IAAIA,EAAK,QAAQ,GAAG,KAAKA,EAAK,EAAA;AACvD,IAAAX,IAAeU,GAAGE,CAAG;AAAA,EACvB;AAEA,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,UAAUP;AAAA,MACV,kBAAkBI;AAAA,MAClB,oBAAoBC;AAAA,MACpB,KAAAK;AAAA,MACA,cAAcE;AAAA,MACd,WAAWM,EAAK,EAAE,UAAAhB,GAAU,UAAAD,EAAA,GAAY,WAAW;AAAA,MACnD,IAAI,OAAOH,CAAE;AAAA,MAEb,UAAA;AAAA,QAAAqB,gBAAAA,MAACC,KAAK,MAAAZ,GAAY;AAAA,QACjBF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),k=require("@ynput/ayon-react-components"),I=require("../ActivityHeader/ActivityHeader.cjs.js"),r=require("./ActivityVersions.styled.cjs.js"),N=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),T=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const D=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");const _=({activity:l,projectName:i,entityType:q,onReferenceClick:h,filter:s})=>{const{onOpenViewer:E}=D.useDetailsPanelContext();let{authorName:a,authorFullName:R,createdAt:m,versions:n=[]}=l;const d=s==="versions"||s&&typeof s=="object"&&s.conditions?.some(t=>t.key==="versions"&&t.value===!0),[o,y]=p.useState(d),u=2,[v,A]=p.useState(!1),C=(t,c)=>E?.({versionIds:[t],productId:c,projectName:i});return e.jsxRuntimeExports.jsxs(r.Container,{children:[e.jsxRuntimeExports.jsx(I,{name:a,fullName:R||a,date:m,activity:l,projectName:i,entityType:q,onReferenceClick:h}),n.flatMap((t,c)=>{const{name:w,id:x,productId:S,productName:V,updatedAt:b,comment:j}=t;return(c<u||o)&&e.jsxRuntimeExports.jsxs(r.Card,{onClick:()=>C(x,S),children:[e.jsxRuntimeExports.jsxs(r.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(r.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:V}),e.jsxRuntimeExports.jsx(T.default,{date:m,isExact:!0})]}),e.jsxRuntimeExports.jsx(r.VersionName,{className:"version",children:w})]}),e.jsxRuntimeExports.jsx(r.Thumbnail,{projectName:i,entityId:x,entityType:"version",onError:()=>A(!0),iconOnly:v,entityUpdatedAt:b,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(r.Comment,{children:j})]},x)}),!d&&n.length>u&&e.jsxRuntimeExports.jsxs(N.More,{onClick:()=>y(!o),children:[e.jsxRuntimeExports.jsx(k.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:o?"Show less":`Show ${n.length-u} more versions`})]})]})};module.exports=_;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),j=require("react"),k=require("@ynput/ayon-react-components"),I=require("../ActivityHeader/ActivityHeader.cjs.js"),r=require("./ActivityVersions.styled.cjs.js"),N=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),T=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const D=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");const _=({activity:x,projectName:q,entityType:p,onReferenceClick:h,filter:u})=>{const{onOpenViewer:E}=D.useDetailsPanelContext();let{authorName:l,authorFullName:R,createdAt:a,versions:t=[]}=x;const m=u==="versions"||u&&typeof u=="object"&&u.conditions?.some(i=>i.key==="versions"&&i.value===!0),[s,y]=j.useState(m),n=2,[v,A]=j.useState(!1),C=(i,o)=>E?.({versionIds:[i],productId:o,projectName:q});return e.jsxRuntimeExports.jsxs(r.Container,{children:[e.jsxRuntimeExports.jsx(I,{name:l,fullName:R||l,date:a,activity:x,projectName:q,entityType:p,onReferenceClick:h}),t.flatMap((i,o)=>{const{name:w,id:c,productId:S,productName:V,updatedAt:b,comment:d}=i;return(o<n||s)&&e.jsxRuntimeExports.jsxs(r.Card,{onClick:()=>C(c,S),children:[e.jsxRuntimeExports.jsxs(r.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(r.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:V}),e.jsxRuntimeExports.jsx(T.default,{date:a,isExact:!0})]}),e.jsxRuntimeExports.jsx(r.VersionName,{className:"version",children:w})]}),e.jsxRuntimeExports.jsx(r.Thumbnail,{projectName:q,entityId:c,entityType:"version",onError:()=>A(!0),iconOnly:v,entityUpdatedAt:b,icon:"play_circle"})]}),d&&e.jsxRuntimeExports.jsx(r.Comment,{children:d})]},c)}),!m&&t.length>n&&e.jsxRuntimeExports.jsxs(N.More,{onClick:()=>y(!s),children:[e.jsxRuntimeExports.jsx(k.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:s?"Show less":`Show ${t.length-n} more versions`})]})]})};module.exports=_;
 //# sourceMappingURL=ActivityVersions.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: any\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const isVersionsFilter =\n    filter === 'versions' ||\n    (filter &&\n      typeof filter === 'object' &&\n      filter.conditions?.some((c: any) => c.key === 'versions' && c.value === true))\n\n  const [showAll, setShowAll] = useState(isVersionsFilter)\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {!isVersionsFilter && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","isVersionsFilter","c","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"2xCA+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACJ,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACzB,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,CAAA,GAAOV,EAE/D,MAAMW,EACJP,IAAW,YACVA,GACC,OAAOA,GAAW,UAClBA,EAAO,YAAY,KAAMQ,GAAWA,EAAE,MAAQ,YAAcA,EAAE,QAAU,EAAI,EAE1E,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASJ,CAAgB,EACjDK,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtChB,IAAe,CAAE,WAAY,CAACe,CAAS,EAAG,UAAAC,EAAW,YAAApB,CAAA,CAAa,EAEpE,OACEqB,EAAAA,kBAAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAA,CACC,KAAMlB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CAAA,EAEDO,EAAS,QAAQ,CAACgB,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAAA,kBAAAA,KAACW,EAAAA,KAAA,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAAAC,yBAACY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MAAA,CACC,SAAA,CAAAA,yBAACa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAAM,CAAA,CAAY,EACnBN,EAAAA,kBAAAA,IAACY,EAAAA,QAAA,CAAa,KAAM3B,EAAW,QAAO,EAAA,CAAC,CAAA,EACzC,0BACC4B,EAAAA,YAAA,CAAmB,UAAU,UAAW,SAAAT,CAAA,CAAK,CAAA,EAChD,EACAJ,EAAAA,kBAAAA,IAACc,EAAAA,UAAA,CACO,YAAArC,EACN,SAAU4B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAAP,CAAA,CAAQ,CAAA,CAAA,EAnBsBH,CAoB7D,CAGN,CAAC,EACA,CAAClB,GAAoBD,EAAS,OAASM,GACtCM,EAAAA,kBAAAA,KAACkB,EAAAA,KAAA,CAAK,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAAAW,EAAAA,kBAAAA,IAACiB,EAAAA,KAAA,CAAK,KAAK,MAAA,CAAO,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAAX,EAAU,YAAc,QAAQH,EAAS,OAASM,CAAK,gBAAA,CAAiB,CAAA,CAAA,CACjF,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: any\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const isVersionsFilter =\n    filter === 'versions' ||\n    (filter &&\n      typeof filter === 'object' &&\n      filter.conditions?.some((c: any) => c.key === 'versions' && c.value === true))\n\n  const [showAll, setShowAll] = useState(isVersionsFilter)\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {!isVersionsFilter && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","isVersionsFilter","c","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"o/NA+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACJ,KAAM,CAAE,aAAAC,CAAA,EAAiBC,yBAAA,EACzB,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,CAAA,GAAOV,EAE/D,MAAMW,EACJP,IAAW,YACVA,GACC,OAAOA,GAAW,UAClBA,EAAO,YAAY,KAAMQ,GAAWA,EAAE,MAAQ,YAAcA,EAAE,QAAU,EAAI,EAE1E,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAASJ,CAAgB,EACjDK,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtChB,IAAe,CAAE,WAAY,CAACe,CAAS,EAAG,UAAAC,EAAW,YAAApB,CAAA,CAAa,EAEpE,OACEqB,EAAAA,kBAAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAA,CACC,KAAMlB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CAAA,EAEDO,EAAS,QAAQ,CAACgB,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAAA,kBAAAA,KAACW,EAAAA,KAAA,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAAAC,yBAACY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MAAA,CACC,SAAA,CAAAA,yBAACa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAAM,CAAA,CAAY,EACnBN,EAAAA,kBAAAA,IAACY,EAAAA,QAAA,CAAa,KAAM3B,EAAW,QAAO,EAAA,CAAC,CAAA,EACzC,0BACC4B,EAAAA,YAAA,CAAmB,UAAU,UAAW,SAAAT,CAAA,CAAK,CAAA,EAChD,EACAJ,EAAAA,kBAAAA,IAACc,EAAAA,UAAA,CACO,YAAArC,EACN,SAAU4B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAAP,CAAA,CAAQ,CAAA,CAAA,EAnBsBH,CAoB7D,CAGN,CAAC,EACA,CAAClB,GAAoBD,EAAS,OAASM,GACtCM,EAAAA,kBAAAA,KAACkB,EAAAA,KAAA,CAAK,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAAAW,EAAAA,kBAAAA,IAACiB,EAAAA,KAAA,CAAK,KAAK,MAAA,CAAO,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAAX,EAAU,YAAc,QAAQH,EAAS,OAASM,CAAK,gBAAA,CAAiB,CAAA,CAAA,CACjF,CAAA,EAEJ,CAEJ"}

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

@@ -7,7 +7,110 @@ import { More as H } from "../ActivityGroup/ActivityGroup.styled.es.js";
 import P from "../ActivityDate.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as R } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../context/SubtasksModulesContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import "../../../../api/base/client.es.js";
+import "../../../../api/generated/graphql.es.js";
+import "../../../../api/generated/graphqlLinks.es.js";
+import "../../../../api/generated/access.es.js";
+import "../../../../api/generated/actions.es.js";
+import "../../../../api/generated/activityFeed.es.js";
+import "../../../../api/generated/addons.es.js";
+import "../../../../api/generated/anatomy.es.js";
+import "../../../../api/generated/attributes.es.js";
+import "../../../../api/generated/authentication.es.js";
+import "../../../../api/generated/bundles.es.js";
+import "../../../../api/generated/configuration.es.js";
+import "../../../../api/generated/dataImport.es.js";
+import "../../../../api/generated/desktop.es.js";
+import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/events.es.js";
+import "../../../../api/generated/files.es.js";
+import "../../../../api/generated/folders.es.js";
+import "../../../../api/generated/inbox.es.js";
+import "../../../../api/generated/links.es.js";
+import "../../../../api/generated/market.es.js";
+import "../../../../api/generated/onboarding.es.js";
+import "../../../../api/generated/operations.es.js";
+import "../../../../api/generated/products.es.js";
+import "../../../../api/generated/projectDashboard.es.js";
+import "../../../../api/generated/projects.es.js";
+import "../../../../api/generated/projectFolders.es.js";
+import "../../../../api/generated/reviewables.es.js";
+import "../../../../api/generated/services.es.js";
+import "../../../../api/generated/system.es.js";
+import "../../../../api/generated/tasks.es.js";
+import "../../../../api/generated/teams.es.js";
+import "../../../../api/generated/thumbnails.es.js";
+import "../../../../api/generated/uRIs.es.js";
+import "../../../../api/generated/users.es.js";
+import "../../../../api/generated/versions.es.js";
+import "../../../../api/generated/workfiles.es.js";
+import "../../../../api/generated/ynputCloud.es.js";
+import "../../../../api/generated/grouping.es.js";
+import "../../../../api/generated/views.es.js";
+import "../../../../api/queries/actions/getActions.es.js";
+import "../../../../api/queries/activities/getActivities.es.js";
+import "../../../../api/queries/activities/updateActivities.es.js";
+import "../../../../api/queries/activities/updateReaction.es.js";
+import "../../../../api/queries/activities/getMentions.es.js";
+import "../../../../api/queries/activities/getCategories.es.js";
+import "../../../../api/queries/addons/getAddons.es.js";
+import "../../../../api/queries/addons/updateAddons.es.js";
+import "../../../../api/queries/attributes/getAttributes.es.js";
+import "../../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../../api/queries/cloud/cloud.es.js";
+import "../../../../api/queries/config/getConfig.es.js";
+import "../../../../api/queries/config/updateConfig.es.js";
+import "../../../../api/queries/entities/getEntity.es.js";
+import "../../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../../api/queries/entities/updateEntity.es.js";
+import "../../../../api/queries/entityLists/getLists.es.js";
+import "../../../../api/queries/entityLists/updateLists.es.js";
+import "../../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/folders/getFolders.es.js";
+import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../../api/queries/grouping/getGrouping.es.js";
+import "../../../../api/queries/links/updateLinks.es.js";
+import "../../../../api/queries/links/getLinks.es.js";
+import "../../../../api/queries/links/getEntityLinks.es.js";
+import "../../../../api/queries/overview/getOverview.es.js";
+import "../../../../api/queries/overview/updateOverview.es.js";
+import "../../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../../api/queries/permissions/getPermissions.es.js";
+import "../../../../api/queries/products/createProduct.es.js";
+import "../../../../api/queries/products/getFolderProducts.es.js";
+import "../../../../api/queries/project/getProject.es.js";
+import "../../../../api/queries/project/updateProject.es.js";
+import "../../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../../api/queries/review/getReview.es.js";
+import "../../../../api/queries/review/updateReview.es.js";
+import "../../../../api/queries/share/share.es.js";
+import "../../../../api/queries/system/getSystem.es.js";
+import "../../../../api/queries/tasks/getTasks.es.js";
+import "../../../../api/queries/tasks/updateTasks.es.js";
+import "../../../../api/queries/teams/getTeams.es.js";
+import "../../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../../api/queries/users/getUsers.es.js";
+import "../../../../api/queries/users/updateUsers.es.js";
+import "../../../../api/queries/users/guests.es.js";
+import "../../../../api/queries/versions/updateVersions.es.js";
+import "../../../../api/queries/views/getViews.es.js";
+import "../../../../api/queries/views/updateViews.es.js";
+import "../../../../api/queries/watchers/getWatchers.es.js";
+import "../../../../api/queries/uris/getUris.es.js";
+import "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../../../../util/pubsub.es.js";
+import "../../../../context/PowerpackContextInstance.es.js";
+import "../../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -15,7 +118,6 @@ import "react-dom";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
-import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
@@ -23,16 +125,16 @@ import "../../../../context/GlobalContext.es.js";
 import "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContext.es.js";
 import "../../../../context/UriContext.es.js";
-const at = ({
-  activity: p,
-  projectName: e,
+const pr = ({
+  activity: l,
+  projectName: i,
   entityType: x,
   onReferenceClick: j,
   filter: r
 }) => {
   const { onOpenViewer: v } = R();
-  let { authorName: a, authorFullName: f, createdAt: c, versions: i = [] } = p;
-  const d = r === "versions" || r && typeof r == "object" && r.conditions?.some((o) => o.key === "versions" && o.value === !0), [s, y] = u(d), n = 2, [A, C] = u(!1), w = (o, m) => v?.({ versionIds: [o], productId: m, projectName: e });
+  let { authorName: a, authorFullName: f, createdAt: c, versions: m = [] } = l;
+  const d = r === "versions" || r && typeof r == "object" && r.conditions?.some((o) => o.key === "versions" && o.value === !0), [p, y] = u(d), e = 2, [A, C] = u(!1), w = (o, s) => v?.({ versionIds: [o], productId: s, projectName: i });
   return /* @__PURE__ */ t.jsxs(T, { children: [
     /* @__PURE__ */ t.jsx(
       S,
@@ -40,15 +142,15 @@ const at = ({
         name: a,
         fullName: f || a,
         date: c,
-        activity: p,
-        projectName: e,
+        activity: l,
+        projectName: i,
         entityType: x,
         onReferenceClick: j
       }
     ),
-    i.flatMap((o, m) => {
-      const { name: E, id: l, productId: b, productName: k, updatedAt: I, comment: h } = o;
-      return (m < n || s) && /* @__PURE__ */ t.jsxs(V, { onClick: () => w(l, b), children: [
+    m.flatMap((o, s) => {
+      const { name: E, id: n, productId: b, productName: k, updatedAt: I, comment: h } = o;
+      return (s < e || p) && /* @__PURE__ */ t.jsxs(V, { onClick: () => w(n, b), children: [
         /* @__PURE__ */ t.jsxs(g, { children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsxs(D, { children: [
@@ -60,8 +162,8 @@ const at = ({
           /* @__PURE__ */ t.jsx(
             M,
             {
-              projectName: e,
-              entityId: l,
+              projectName: i,
+              entityId: n,
               entityType: "version",
               onError: () => C(!0),
               iconOnly: A,
@@ -71,15 +173,15 @@ const at = ({
           )
         ] }),
         h && /* @__PURE__ */ t.jsx(O, { children: h })
-      ] }, l);
+      ] }, n);
     }),
-    !d && i.length > n && /* @__PURE__ */ t.jsxs(H, { onClick: () => y(!s), children: [
+    !d && m.length > e && /* @__PURE__ */ t.jsxs(H, { onClick: () => y(!p), children: [
       /* @__PURE__ */ t.jsx(N, { icon: "more" }),
-      /* @__PURE__ */ t.jsx("span", { children: s ? "Show less" : `Show ${i.length - n} more versions` })
+      /* @__PURE__ */ t.jsx("span", { children: p ? "Show less" : `Show ${m.length - e} more versions` })
     ] })
   ] });
 };
 export {
-  at as default
+  pr as default
 };
 //# sourceMappingURL=ActivityVersions.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: any\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const isVersionsFilter =\n    filter === 'versions' ||\n    (filter &&\n      typeof filter === 'object' &&\n      filter.conditions?.some((c: any) => c.key === 'versions' && c.value === true))\n\n  const [showAll, setShowAll] = useState(isVersionsFilter)\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {!isVersionsFilter && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","isVersionsFilter","c","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA;AACzB,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,CAAA,MAAOV;AAE/D,QAAMW,IACJP,MAAW,cACVA,KACC,OAAOA,KAAW,YAClBA,EAAO,YAAY,KAAK,CAACQ,MAAWA,EAAE,QAAQ,cAAcA,EAAE,UAAU,EAAI,GAE1E,CAACC,GAASC,CAAU,IAAIC,EAASJ,CAAgB,GACjDK,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtChB,IAAe,EAAE,YAAY,CAACe,CAAS,GAAG,WAAAC,GAAW,aAAApB,EAAA,CAAa;AAEpE,SACEqB,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMlB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDO,EAAS,QAAQ,CAACgB,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAAAC,gBAAAA,OAACY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OAAA,EACC,UAAA;AAAA,YAAAA,gBAAAA,OAACa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAAM,EAAA,CAAY;AAAA,cACnBN,gBAAAA,EAAAA,IAACY,GAAA,EAAa,MAAM3B,GAAW,SAAO,GAAA,CAAC;AAAA,YAAA,GACzC;AAAA,kCACC4B,GAAA,EAAmB,WAAU,WAAW,UAAAT,EAAA,CAAK;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAAA;AAAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAArC;AAAA,cACN,UAAU4B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAAP,EAAA,CAAQ;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAGN,CAAC;AAAA,IACA,CAAClB,KAAoBD,EAAS,SAASM,KACtCM,gBAAAA,EAAAA,KAACkB,GAAA,EAAK,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAAAW,gBAAAA,EAAAA,IAACiB,GAAA,EAAK,MAAK,OAAA,CAAO;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAAX,IAAU,cAAc,QAAQH,EAAS,SAASM,CAAK,iBAAA,CAAiB;AAAA,IAAA,EAAA,CACjF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: any\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const isVersionsFilter =\n    filter === 'versions' ||\n    (filter &&\n      typeof filter === 'object' &&\n      filter.conditions?.some((c: any) => c.key === 'versions' && c.value === true))\n\n  const [showAll, setShowAll] = useState(isVersionsFilter)\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {!isVersionsFilter && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","isVersionsFilter","c","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"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"}