@ynput/ayon-frontend-shared 0.3.18 → 0.3.21

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

@@ -1,87 +1,100 @@
-import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { isArray as j } from "lodash";
-import y from "../ActivityCheckbox/ActivityCheckbox.es.js";
-import k from "../ActivityReference/ActivityReference.es.js";
-import { BlockCode as b, QuoteLine as d } from "./ActivityComment.styled.es.js";
-import { Link as L } from "react-router-dom";
-const v = [
+import { j as c } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { isArray as k } from "lodash";
+import b from "../ActivityCheckbox/ActivityCheckbox.es.js";
+import L from "../ActivityReference/ActivityReference.es.js";
+import { BlockCode as v, QuoteLine as m } from "./ActivityComment.styled.es.js";
+import { Link as E } from "react-router-dom";
+const T = [
   "user",
+  "team",
   "task",
   "folder",
   "version",
   "representation",
   "workfile",
   "product"
-], E = (e = "") => {
+], A = (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(":"), [i, t] = s;
-    if (v.includes(i) && t && s.length === 2) return { type: i, id: t };
+    const s = e.split(":"), [n, t] = s;
+    if (T.includes(n) && t && s.length === 2) {
+      const r = (() => {
+        try {
+          return decodeURIComponent(t);
+        } catch {
+          return t;
+        }
+      })();
+      return { type: n, id: r };
+    }
   }
   return {};
-}, z = ({ children: e, href: s }, {
-  entityId: i,
+}, W = ({ children: e, href: s }, {
+  entityId: n,
   userName: t,
-  projectName: r,
-  onReferenceClick: n,
+  userTeamNames: r,
+  projectName: i,
+  onReferenceClick: f,
   activityId: p,
-  onReferenceTooltip: a,
-  categoryPrimary: h,
-  categorySecondary: x
+  onReferenceTooltip: h,
+  categoryPrimary: x,
+  categorySecondary: g
 }) => {
-  const { url: l, type: c, id: f } = E(s);
-  if (!l && !c && !f)
+  const { url: a, type: o, id: l } = A(s);
+  if (!a && !o && !l)
     return e;
-  if (l || !c || !f)
-    return c === "relative" && l ? /* @__PURE__ */ o.jsx(L, { to: l, children: e }) : /* @__PURE__ */ o.jsx("a", { href: l, target: "_blank", rel: "noreferrer", children: e });
-  const u = e && e.toString().replace("@", "") || "", g = f === i || c === "user" && f === t;
-  return /* @__PURE__ */ o.jsx(
-    k,
+  if (a || !o || !l)
+    return o === "relative" && a ? /* @__PURE__ */ c.jsx(E, { to: a, children: e }) : /* @__PURE__ */ c.jsx("a", { href: a, target: "_blank", rel: "noreferrer", children: e });
+  const u = e && e.toString().replace("@", "") || "", y = l === n || o === "user" && l === t || o === "team" && !!r?.includes(l), d = l.replaceAll(".", "-").replaceAll(" ", "-");
+  return /* @__PURE__ */ c.jsx(
+    L,
     {
-      type: c,
-      id: f.replaceAll(".", "-"),
-      variant: g ? "filled" : "surface",
-      onClick: () => c !== "user" && n({ entityId: f, entityType: c, projectName: r, activityId: p }),
-      onMouseEnter: (T, m) => a({ type: c, id: f, label: u, name: f, pos: m }),
-      categoryPrimary: h,
-      categorySecondary: x,
+      type: o,
+      id: d,
+      variant: y ? "filled" : "surface",
+      onClick: () => {
+        o !== "user" && o !== "team" && f({ entityId: l, entityType: o, projectName: i, activityId: p });
+      },
+      onMouseEnter: (R, j) => h({ type: o, id: d, label: u, name: l, pos: j }),
+      categoryPrimary: x,
+      categorySecondary: g,
       children: u
     }
   );
-}, B = ({ type: e, checked: s, ...i }, { activity: t, onCheckChange: r }) => e === "checkbox" ? /* @__PURE__ */ o.jsx(
-  y,
+}, z = ({ type: e, checked: s, ...n }, { activity: t, onCheckChange: r }) => e === "checkbox" ? /* @__PURE__ */ c.jsx(
+  b,
   {
     checked: !!s,
-    onChange: (n) => r && r(n, t)
+    onChange: (i) => r && r(i, t)
   }
-) : /* @__PURE__ */ o.jsx("input", { type: e, disabled: !0, ...i }), H = ({ node: e, className: s, children: i }) => /* @__PURE__ */ o.jsx(b, { children: i }), I = ({ children: e }) => {
+) : /* @__PURE__ */ c.jsx("input", { type: e, disabled: !0, ...n }), B = ({ node: e, className: s, children: n }) => /* @__PURE__ */ c.jsx(v, { children: n }), H = ({ children: e }) => {
   const s = e.find((t) => !!t?.props)?.props?.children;
-  if (!s) return /* @__PURE__ */ o.jsx("blockquote", { children: e });
-  const i = [];
+  if (!s) return /* @__PURE__ */ c.jsx("blockquote", { children: e });
+  const n = [];
   if (typeof s == "string")
     s.split(`
-`).forEach((r, n) => {
-      i.push(/* @__PURE__ */ o.jsx(d, { children: r }, n));
+`).forEach((r, i) => {
+      n.push(/* @__PURE__ */ c.jsx(m, { children: r }, i));
     });
-  else if (j(s)) {
+  else if (k(s)) {
     const t = [];
     let r = 0;
-    s.forEach((n) => {
-      t[r] || (t[r] = []), typeof n == "string" ? n.split(/(\n)/).forEach((a) => {
-        a === `
-` ? (r++, t[r] = []) : t[r].push(a);
-      }) : t[r].push(n);
-    }), t.forEach((n, p) => {
-      i.push(/* @__PURE__ */ o.jsx(d, { children: n }, p));
+    s.forEach((i) => {
+      t[r] || (t[r] = []), typeof i == "string" ? i.split(/(\n)/).forEach((p) => {
+        p === `
+` ? (r++, t[r] = []) : t[r].push(p);
+      }) : t[r].push(i);
+    }), t.forEach((i, f) => {
+      n.push(/* @__PURE__ */ c.jsx(m, { children: i }, f));
     });
   }
-  return /* @__PURE__ */ o.jsx("blockquote", { children: i });
+  return /* @__PURE__ */ c.jsx("blockquote", { children: n });
 };
 export {
-  z as aTag,
-  I as blockquoteTag,
-  H as codeTag,
-  B as inputTag
+  W as aTag,
+  H 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  userName?: 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    userName,\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 or the user is mentioning themselves\n  const isHighlighted = id === entityId || (type === 'user' && id === userName)\n\n  return (\n    <ActivityReference\n      {...{ type, id: id.replaceAll('.', '-') }}\n      variant={isHighlighted ? '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","userName","projectName","onReferenceClick","activityId","onReferenceTooltip","categoryPrimary","categorySecondary","jsx","Link","label","isHighlighted","ActivityReference","e","pos","inputTag","checked","props","activity","onCheckChange","ActivityCheckbox","codeTag","node","className","BlockCode","blockquoteTag","child","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  'team',\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) {\n      const decodedId = (() => { try { return decodeURIComponent(id) } catch { return id } })()\n      return { type, id: decodedId }\n    }\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  userName?: string\n  userTeamNames?: 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    userName,\n    userTeamNames,\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, the user is mentioning themselves,\n  // or the current user is a member of the mentioned team\n  const isHighlighted =\n    id === entityId ||\n    (type === 'user' && id === userName) ||\n    (type === 'team' && !!userTeamNames?.includes(id))\n  // create a DOM-safe id (no dots or spaces) for the element attribute and selector matching\n  const domSafeId = id.replaceAll('.', '-').replaceAll(' ', '-')\n\n  return (\n    <ActivityReference\n      {...{ type, id: domSafeId }}\n      variant={isHighlighted ? 'filled' : 'surface'}\n      onClick={() => {\n        if (type !== 'user' && type !== 'team') {\n          onReferenceClick({ entityId: id, entityType: type, projectName, activityId })\n        }\n      }}\n      onMouseEnter={(e, pos) => onReferenceTooltip({ type, id: domSafeId, 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","decodedId","aTag","children","href","entityId","userName","userTeamNames","projectName","onReferenceClick","activityId","onReferenceTooltip","categoryPrimary","categorySecondary","jsx","Link","label","isHighlighted","domSafeId","ActivityReference","e","pos","inputTag","checked","props","activity","onCheckChange","ActivityCheckbox","codeTag","node","className","BlockCode","blockquoteTag","child","item","lines","line","QuoteLine","isArray","splitLines","index","split","i"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityReference.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReference/ActivityReference.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport * as Styled from './ActivityReference.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { getEntityTypeIcon } from '../../../../util'\n\ninterface ActivityReferenceProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onMouseEnter'> {\n  id: string\n  type: string\n  variant?: 'surface' | 'filled' | 'text'\n  isEntity?: boolean\n  disabled?: boolean\n  onMouseEnter?: (e: React.MouseEvent<HTMLElement>, pos: { left: number; top: number }) => void\n  categoryPrimary?: string\n  categorySecondary?: string\n}\n\nconst ActivityReference: React.FC<ActivityReferenceProps> = ({\n  id,\n  type,\n  variant = 'surface',\n  isEntity,\n  disabled,\n  onMouseEnter,\n  categoryPrimary,\n  categorySecondary,\n  children,\n  ...props\n}) => {\n  const icon = type === 'user' ? 'alternate_email' : getEntityTypeIcon(type, 'link')\n  const ref = useRef<HTMLDivElement>(null)\n\n  const handleMouseEnter = (e: React.MouseEvent<HTMLElement>) => {\n    const rect = ref.current?.getBoundingClientRect()\n    if (!rect) return\n    const pos = { left: rect.x + rect.width / 2, top: rect.y }\n    onMouseEnter?.(e, pos)\n  }\n\n  return (\n    <Styled.Reference\n      {...props}\n      $variant={variant}\n      $categoryPrimary={categoryPrimary}\n      $categorySecondary={categorySecondary}\n      ref={ref}\n      onMouseEnter={handleMouseEnter}\n      className={clsx({ disabled, isEntity }, 'reference')}\n      id={`ref-${id}`}\n    >\n      <Icon icon={icon} />\n      {children}\n    </Styled.Reference>\n  )\n}\n\nexport default ActivityReference\n"],"names":["ActivityReference","id","type","variant","isEntity","disabled","onMouseEnter","categoryPrimary","categorySecondary","children","props","icon","getEntityTypeIcon","ref","useRef","handleMouseEnter","e","rect","pos","jsxs","Styled.Reference","clsx","jsx","Icon"],"mappings":"+WAiBA,MAAMA,EAAsD,CAAC,CAC3D,GAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,UACV,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,kBAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAOT,IAAS,OAAS,kBAAoBU,EAAAA,kBAAkBV,EAAM,MAAM,EAC3EW,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}\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"}

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

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

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' : 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,oBAAoBU,EAAkBV,GAAM,MAAM,GAC3EW,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}\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;"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../../../_virtual/jsx-runtime.cjs.js"),m=require("react-dom"),v=require("react"),d=require("../../hooks/useReferenceTooltip.cjs.js"),a=require("../Tooltips/UserTooltip/UserTooltip.cjs.js"),p=require("../Tooltips/EntityTooltip/EntityTooltip.cjs.js"),E=()=>{const[l,s]=d(),{type:n,label:c,name:i,pos:r,id:o}=l||{},e=document.querySelector(".feed ul");return v.useEffect(()=>{if(o){const t=f=>{f.target?.closest(`#ref-${o.replaceAll(".","-")}`)||(s(null),document.removeEventListener("mouseover",t),e&&e.removeEventListener("scroll",t))};return document.addEventListener("mouseover",t),e&&e.addEventListener("scroll",t),()=>{document.removeEventListener("mouseover",t),e&&e.removeEventListener("scroll",t)}}},[o,s,e]),o?m.createPortal(n==="user"&&r?u.jsxRuntimeExports.jsx(a,{name:i,label:c,pos:r}):u.jsxRuntimeExports.jsx(p,{type:n,label:c,name:i,pos:r,id:o}),document.body):null};module.exports=E;
+"use strict";const c=require("../../../../../../_virtual/jsx-runtime.cjs.js"),d=require("react-dom"),p=require("react"),v=require("../../hooks/useReferenceTooltip.cjs.js"),x=require("../Tooltips/UserTooltip/UserTooltip.cjs.js"),E=require("../Tooltips/TeamTooltip/TeamTooltip.cjs.js"),R=require("../Tooltips/EntityTooltip/EntityTooltip.cjs.js"),q=()=>{const[l,i]=v(),{type:r,label:u,name:n,pos:o,id:s}=l||{},e=document.querySelector(".feed ul");return p.useEffect(()=>{if(s){const t=m=>{const f=m.target,a=CSS.escape(`ref-${s.replaceAll(".","-")}`);f?.closest(`#${a}`)||(i(null),document.removeEventListener("mouseover",t),e&&e.removeEventListener("scroll",t))};return document.addEventListener("mouseover",t),e&&e.addEventListener("scroll",t),()=>{document.removeEventListener("mouseover",t),e&&e.removeEventListener("scroll",t)}}},[s,i,e]),s?d.createPortal(r==="user"&&o?c.jsxRuntimeExports.jsx(x,{name:n,label:u,pos:o}):r==="team"&&o?c.jsxRuntimeExports.jsx(E,{name:n,pos:o}):c.jsxRuntimeExports.jsx(R,{type:r,label:u,name:n,pos:o,id:s}),document.body):null};module.exports=q;
 //# sourceMappingURL=ActivityReferenceTooltip.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityReferenceTooltip.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReferenceTooltip/ActivityReferenceTooltip.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { useEffect } from 'react'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport UserTooltip from '../Tooltips/UserTooltip/UserTooltip'\nimport EntityTooltip from '../Tooltips/EntityTooltip/EntityTooltip'\n\ninterface ActivityReferenceTooltipProps {}\n\nconst ActivityReferenceTooltip: React.FC<ActivityReferenceTooltipProps> = () => {\n  const [refTooltip, setRefTooltip] = useReferenceTooltip()\n  const { type, label, name, pos, id } = refTooltip || {}\n  const feedList = document.querySelector('.feed ul')\n\n  useEffect(() => {\n    if (id) {\n      const handleMouseOver = (event: MouseEvent) => {\n        const target = event.target as Element | null\n        const closestRef = target?.closest(`#ref-${id.replaceAll('.', '-')}`)\n        if (!closestRef) {\n          // close\n          setRefTooltip(null)\n          document.removeEventListener('mouseover', handleMouseOver)\n          if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n        }\n      }\n\n      document.addEventListener('mouseover', handleMouseOver)\n      // scroll event\n      if (feedList) feedList.addEventListener('scroll', handleMouseOver as EventListener)\n\n      // cleanup\n      return () => {\n        document.removeEventListener('mouseover', handleMouseOver)\n        if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n      }\n    }\n  }, [id, setRefTooltip, feedList])\n\n  if (!id) return null\n\n  return createPortal(\n    type === 'user' && pos ? (\n      <UserTooltip name={name} label={label} pos={pos} />\n    ) : (\n      <EntityTooltip {...{ type, label, name, pos, id }} />\n    ),\n    document.body,\n  )\n}\n\nexport default ActivityReferenceTooltip\n"],"names":["ActivityReferenceTooltip","refTooltip","setRefTooltip","useReferenceTooltip","type","label","name","pos","id","feedList","useEffect","handleMouseOver","event","createPortal","UserTooltip","jsx","EntityTooltip"],"mappings":"gSAQMA,EAAoE,IAAM,CAC9E,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAA,EAC9B,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAM,IAAAC,EAAK,GAAAC,CAAA,EAAOP,GAAc,CAAA,EAC/CQ,EAAW,SAAS,cAAc,UAAU,EA2BlD,OAzBAC,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAI,CACN,MAAMG,EAAmBC,GAAsB,CAC9BA,EAAM,QACM,QAAQ,QAAQJ,EAAG,WAAW,IAAK,GAAG,CAAC,EAAE,IAGlEN,EAAc,IAAI,EAClB,SAAS,oBAAoB,YAAaS,CAAe,EACrDF,GAAUA,EAAS,oBAAoB,SAAUE,CAAgC,EAEzF,EAEA,gBAAS,iBAAiB,YAAaA,CAAe,EAElDF,GAAUA,EAAS,iBAAiB,SAAUE,CAAgC,EAG3E,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAe,EACrDF,GAAUA,EAAS,oBAAoB,SAAUE,CAAgC,CACvF,CACF,CACF,EAAG,CAACH,EAAIN,EAAeO,CAAQ,CAAC,EAE3BD,EAEEK,EAAAA,aACLT,IAAS,QAAUG,0BAChBO,EAAA,CAAY,KAAAR,EAAY,MAAAD,EAAc,IAAAE,CAAA,CAAU,EAEjDQ,EAAAA,kBAAAA,IAACC,EAAA,CAAoB,KAAAZ,EAAM,MAAAC,EAAO,KAAAC,EAAM,IAAAC,EAAK,GAAAC,EAAM,EAErD,SAAS,IAAA,EARK,IAUlB"}
+{"version":3,"file":"ActivityReferenceTooltip.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReferenceTooltip/ActivityReferenceTooltip.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { useEffect } from 'react'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport UserTooltip from '../Tooltips/UserTooltip/UserTooltip'\nimport TeamTooltip from '../Tooltips/TeamTooltip/TeamTooltip'\nimport EntityTooltip from '../Tooltips/EntityTooltip/EntityTooltip'\n\ninterface ActivityReferenceTooltipProps {}\n\nconst ActivityReferenceTooltip: React.FC<ActivityReferenceTooltipProps> = () => {\n  const [refTooltip, setRefTooltip] = useReferenceTooltip()\n  const { type, label, name, pos, id } = refTooltip || {}\n  const feedList = document.querySelector('.feed ul')\n\n  useEffect(() => {\n    if (id) {\n      const handleMouseOver = (event: MouseEvent) => {\n        const target = event.target as Element | null\n        const escapedId = CSS.escape(`ref-${id.replaceAll('.', '-')}`)\n        const closestRef = target?.closest(`#${escapedId}`)\n        if (!closestRef) {\n          // close\n          setRefTooltip(null)\n          document.removeEventListener('mouseover', handleMouseOver)\n          if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n        }\n      }\n\n      document.addEventListener('mouseover', handleMouseOver)\n      // scroll event\n      if (feedList) feedList.addEventListener('scroll', handleMouseOver as EventListener)\n\n      // cleanup\n      return () => {\n        document.removeEventListener('mouseover', handleMouseOver)\n        if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n      }\n    }\n  }, [id, setRefTooltip, feedList])\n\n  if (!id) return null\n\n  return createPortal(\n    type === 'user' && pos ? (\n      <UserTooltip name={name} label={label} pos={pos} />\n    ) : type === 'team' && pos ? (\n      <TeamTooltip name={name} pos={pos} />\n    ) : (\n      <EntityTooltip {...{ type, label, name, pos, id }} />\n    ),\n    document.body,\n  )\n}\n\nexport default ActivityReferenceTooltip\n"],"names":["ActivityReferenceTooltip","refTooltip","setRefTooltip","useReferenceTooltip","type","label","name","pos","id","feedList","useEffect","handleMouseOver","event","target","escapedId","createPortal","jsx","UserTooltip","TeamTooltip","EntityTooltip"],"mappings":"wVASMA,EAAoE,IAAM,CAC9E,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAA,EAC9B,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,EAAM,IAAAC,EAAK,GAAAC,CAAA,EAAOP,GAAc,CAAA,EAC/CQ,EAAW,SAAS,cAAc,UAAU,EA4BlD,OA1BAC,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAI,CACN,MAAMG,EAAmBC,GAAsB,CAC7C,MAAMC,EAASD,EAAM,OACfE,EAAY,IAAI,OAAO,OAAON,EAAG,WAAW,IAAK,GAAG,CAAC,EAAE,EAC1CK,GAAQ,QAAQ,IAAIC,CAAS,EAAE,IAGhDZ,EAAc,IAAI,EAClB,SAAS,oBAAoB,YAAaS,CAAe,EACrDF,GAAUA,EAAS,oBAAoB,SAAUE,CAAgC,EAEzF,EAEA,gBAAS,iBAAiB,YAAaA,CAAe,EAElDF,GAAUA,EAAS,iBAAiB,SAAUE,CAAgC,EAG3E,IAAM,CACX,SAAS,oBAAoB,YAAaA,CAAe,EACrDF,GAAUA,EAAS,oBAAoB,SAAUE,CAAgC,CACvF,CACF,CACF,EAAG,CAACH,EAAIN,EAAeO,CAAQ,CAAC,EAE3BD,EAEEO,EAAAA,aACLX,IAAS,QAAUG,EACjBS,EAAAA,kBAAAA,IAACC,EAAA,CAAY,KAAAX,EAAY,MAAAD,EAAc,IAAAE,CAAA,CAAU,EAC/CH,IAAS,QAAUG,EACrBS,EAAAA,kBAAAA,IAACE,GAAY,KAAAZ,EAAY,IAAAC,CAAA,CAAU,EAEnCS,EAAAA,kBAAAA,IAACG,EAAA,CAAoB,KAAAf,EAAM,MAAAC,EAAO,KAAAC,EAAM,IAAAC,EAAK,GAAAC,CAAG,CAAG,EAErD,SAAS,IAAA,EAVK,IAYlB"}

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

@@ -1,26 +1,28 @@
-import { j as m } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { createPortal as u } from "react-dom";
-import { useEffect as p } from "react";
-import d from "../../hooks/useReferenceTooltip.es.js";
-import v from "../Tooltips/UserTooltip/UserTooltip.es.js";
-import a from "../Tooltips/EntityTooltip/EntityTooltip.es.js";
-const b = () => {
-  const [c, s] = d(), { type: n, label: i, name: l, pos: r, id: o } = c || {}, e = document.querySelector(".feed ul");
-  return p(() => {
-    if (o) {
+import { j as i } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { createPortal as a } from "react-dom";
+import { useEffect as d } from "react";
+import v from "../../hooks/useReferenceTooltip.es.js";
+import E from "../Tooltips/UserTooltip/UserTooltip.es.js";
+import T from "../Tooltips/TeamTooltip/TeamTooltip.es.js";
+import L from "../Tooltips/EntityTooltip/EntityTooltip.es.js";
+const $ = () => {
+  const [c, l] = v(), { type: s, label: m, name: n, pos: o, id: r } = c || {}, e = document.querySelector(".feed ul");
+  return d(() => {
+    if (r) {
       const t = (f) => {
-        f.target?.closest(`#ref-${o.replaceAll(".", "-")}`) || (s(null), document.removeEventListener("mouseover", t), e && e.removeEventListener("scroll", t));
+        const p = f.target, u = CSS.escape(`ref-${r.replaceAll(".", "-")}`);
+        p?.closest(`#${u}`) || (l(null), document.removeEventListener("mouseover", t), e && e.removeEventListener("scroll", t));
       };
       return document.addEventListener("mouseover", t), e && e.addEventListener("scroll", t), () => {
         document.removeEventListener("mouseover", t), e && e.removeEventListener("scroll", t);
       };
     }
-  }, [o, s, e]), o ? u(
-    n === "user" && r ? /* @__PURE__ */ m.jsx(v, { name: l, label: i, pos: r }) : /* @__PURE__ */ m.jsx(a, { type: n, label: i, name: l, pos: r, id: o }),
+  }, [r, l, e]), r ? a(
+    s === "user" && o ? /* @__PURE__ */ i.jsx(E, { name: n, label: m, pos: o }) : s === "team" && o ? /* @__PURE__ */ i.jsx(T, { name: n, pos: o }) : /* @__PURE__ */ i.jsx(L, { type: s, label: m, name: n, pos: o, id: r }),
     document.body
   ) : null;
 };
 export {
-  b as default
+  $ as default
 };
 //# sourceMappingURL=ActivityReferenceTooltip.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityReferenceTooltip.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReferenceTooltip/ActivityReferenceTooltip.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { useEffect } from 'react'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport UserTooltip from '../Tooltips/UserTooltip/UserTooltip'\nimport EntityTooltip from '../Tooltips/EntityTooltip/EntityTooltip'\n\ninterface ActivityReferenceTooltipProps {}\n\nconst ActivityReferenceTooltip: React.FC<ActivityReferenceTooltipProps> = () => {\n  const [refTooltip, setRefTooltip] = useReferenceTooltip()\n  const { type, label, name, pos, id } = refTooltip || {}\n  const feedList = document.querySelector('.feed ul')\n\n  useEffect(() => {\n    if (id) {\n      const handleMouseOver = (event: MouseEvent) => {\n        const target = event.target as Element | null\n        const closestRef = target?.closest(`#ref-${id.replaceAll('.', '-')}`)\n        if (!closestRef) {\n          // close\n          setRefTooltip(null)\n          document.removeEventListener('mouseover', handleMouseOver)\n          if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n        }\n      }\n\n      document.addEventListener('mouseover', handleMouseOver)\n      // scroll event\n      if (feedList) feedList.addEventListener('scroll', handleMouseOver as EventListener)\n\n      // cleanup\n      return () => {\n        document.removeEventListener('mouseover', handleMouseOver)\n        if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n      }\n    }\n  }, [id, setRefTooltip, feedList])\n\n  if (!id) return null\n\n  return createPortal(\n    type === 'user' && pos ? (\n      <UserTooltip name={name} label={label} pos={pos} />\n    ) : (\n      <EntityTooltip {...{ type, label, name, pos, id }} />\n    ),\n    document.body,\n  )\n}\n\nexport default ActivityReferenceTooltip\n"],"names":["ActivityReferenceTooltip","refTooltip","setRefTooltip","useReferenceTooltip","type","label","name","pos","id","feedList","useEffect","handleMouseOver","event","createPortal","UserTooltip","jsx","EntityTooltip"],"mappings":";;;;;;AAQA,MAAMA,IAAoE,MAAM;AAC9E,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAA,GAC9B,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,IAAAC,EAAA,IAAOP,KAAc,CAAA,GAC/CQ,IAAW,SAAS,cAAc,UAAU;AA2BlD,SAzBAC,EAAU,MAAM;AACd,QAAIF,GAAI;AACN,YAAMG,IAAkB,CAACC,MAAsB;AAG7C,QAFeA,EAAM,QACM,QAAQ,QAAQJ,EAAG,WAAW,KAAK,GAAG,CAAC,EAAE,MAGlEN,EAAc,IAAI,GAClB,SAAS,oBAAoB,aAAaS,CAAe,GACrDF,KAAUA,EAAS,oBAAoB,UAAUE,CAAgC;AAAA,MAEzF;AAEA,sBAAS,iBAAiB,aAAaA,CAAe,GAElDF,KAAUA,EAAS,iBAAiB,UAAUE,CAAgC,GAG3E,MAAM;AACX,iBAAS,oBAAoB,aAAaA,CAAe,GACrDF,KAAUA,EAAS,oBAAoB,UAAUE,CAAgC;AAAA,MACvF;AAAA,IACF;AAAA,EACF,GAAG,CAACH,GAAIN,GAAeO,CAAQ,CAAC,GAE3BD,IAEEK;AAAA,IACLT,MAAS,UAAUG,0BAChBO,GAAA,EAAY,MAAAR,GAAY,OAAAD,GAAc,KAAAE,EAAA,CAAU,IAEjDQ,gBAAAA,EAAAA,IAACC,GAAA,EAAoB,MAAAZ,GAAM,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,IAAAC,GAAM;AAAA,IAErD,SAAS;AAAA,EAAA,IARK;AAUlB;"}
+{"version":3,"file":"ActivityReferenceTooltip.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityReferenceTooltip/ActivityReferenceTooltip.tsx"],"sourcesContent":["import { createPortal } from 'react-dom'\nimport { useEffect } from 'react'\nimport useReferenceTooltip from '../../hooks/useReferenceTooltip'\nimport UserTooltip from '../Tooltips/UserTooltip/UserTooltip'\nimport TeamTooltip from '../Tooltips/TeamTooltip/TeamTooltip'\nimport EntityTooltip from '../Tooltips/EntityTooltip/EntityTooltip'\n\ninterface ActivityReferenceTooltipProps {}\n\nconst ActivityReferenceTooltip: React.FC<ActivityReferenceTooltipProps> = () => {\n  const [refTooltip, setRefTooltip] = useReferenceTooltip()\n  const { type, label, name, pos, id } = refTooltip || {}\n  const feedList = document.querySelector('.feed ul')\n\n  useEffect(() => {\n    if (id) {\n      const handleMouseOver = (event: MouseEvent) => {\n        const target = event.target as Element | null\n        const escapedId = CSS.escape(`ref-${id.replaceAll('.', '-')}`)\n        const closestRef = target?.closest(`#${escapedId}`)\n        if (!closestRef) {\n          // close\n          setRefTooltip(null)\n          document.removeEventListener('mouseover', handleMouseOver)\n          if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n        }\n      }\n\n      document.addEventListener('mouseover', handleMouseOver)\n      // scroll event\n      if (feedList) feedList.addEventListener('scroll', handleMouseOver as EventListener)\n\n      // cleanup\n      return () => {\n        document.removeEventListener('mouseover', handleMouseOver)\n        if (feedList) feedList.removeEventListener('scroll', handleMouseOver as EventListener)\n      }\n    }\n  }, [id, setRefTooltip, feedList])\n\n  if (!id) return null\n\n  return createPortal(\n    type === 'user' && pos ? (\n      <UserTooltip name={name} label={label} pos={pos} />\n    ) : type === 'team' && pos ? (\n      <TeamTooltip name={name} pos={pos} />\n    ) : (\n      <EntityTooltip {...{ type, label, name, pos, id }} />\n    ),\n    document.body,\n  )\n}\n\nexport default ActivityReferenceTooltip\n"],"names":["ActivityReferenceTooltip","refTooltip","setRefTooltip","useReferenceTooltip","type","label","name","pos","id","feedList","useEffect","handleMouseOver","event","target","escapedId","createPortal","jsx","UserTooltip","TeamTooltip","EntityTooltip"],"mappings":";;;;;;;AASA,MAAMA,IAAoE,MAAM;AAC9E,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAA,GAC9B,EAAE,MAAAC,GAAM,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,IAAAC,EAAA,IAAOP,KAAc,CAAA,GAC/CQ,IAAW,SAAS,cAAc,UAAU;AA4BlD,SA1BAC,EAAU,MAAM;AACd,QAAIF,GAAI;AACN,YAAMG,IAAkB,CAACC,MAAsB;AAC7C,cAAMC,IAASD,EAAM,QACfE,IAAY,IAAI,OAAO,OAAON,EAAG,WAAW,KAAK,GAAG,CAAC,EAAE;AAE7D,QADmBK,GAAQ,QAAQ,IAAIC,CAAS,EAAE,MAGhDZ,EAAc,IAAI,GAClB,SAAS,oBAAoB,aAAaS,CAAe,GACrDF,KAAUA,EAAS,oBAAoB,UAAUE,CAAgC;AAAA,MAEzF;AAEA,sBAAS,iBAAiB,aAAaA,CAAe,GAElDF,KAAUA,EAAS,iBAAiB,UAAUE,CAAgC,GAG3E,MAAM;AACX,iBAAS,oBAAoB,aAAaA,CAAe,GACrDF,KAAUA,EAAS,oBAAoB,UAAUE,CAAgC;AAAA,MACvF;AAAA,IACF;AAAA,EACF,GAAG,CAACH,GAAIN,GAAeO,CAAQ,CAAC,GAE3BD,IAEEO;AAAA,IACLX,MAAS,UAAUG,IACjBS,gBAAAA,EAAAA,IAACC,GAAA,EAAY,MAAAX,GAAY,OAAAD,GAAc,KAAAE,EAAA,CAAU,IAC/CH,MAAS,UAAUG,IACrBS,gBAAAA,EAAAA,IAACE,KAAY,MAAAZ,GAAY,KAAAC,EAAA,CAAU,IAEnCS,gBAAAA,EAAAA,IAACG,GAAA,EAAoB,MAAAf,GAAM,OAAAC,GAAO,MAAAC,GAAM,KAAAC,GAAK,IAAAC,EAAG,CAAG;AAAA,IAErD,SAAS;AAAA,EAAA,IAVK;AAYlB;"}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),z=require("clsx"),er=require("react-toastify"),ke=require("react-quill-ayon"),M=require("@ynput/ayon-react-components"),rr=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),tr=require("./InputMarkdownConvert.cjs.js"),ir=require("../FilesGrid/FilesGrid.cjs.js"),f=require("./CommentInput.styled.cjs.js"),nr=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),or=require("../../mentionHelpers/getMentionOptions.cjs.js"),ur=require("../../mentionHelpers/getMentionUsers.cjs.js"),sr=require("../../mentionHelpers/getMentionTasks.cjs.js"),ar=require("../../mentionHelpers/getMentionVersions.cjs.js"),cr=require("./quillToMarkdown.cjs.js"),G=require("./helpers.cjs.js"),je=require("./modules/index.cjs.js"),lr=require("./hooks/useInitialValue.cjs.js"),qr=require("./hooks/useSetCursorEnd.cjs.js"),dr=require("./hooks/useMentionLink.cjs.js"),mr=require("./hooks/useAnnotationsSync.cjs.js"),pr=require("./hooks/useBlendedCategoryColor.cjs.js"),xr=require("./hooks/useAnnotationsUpload.cjs.js"),hr=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const gr=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("../../../../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");const fr=require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.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/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/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/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("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");const Se=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var ve=ke.Quill.import("delta");const B=["@","@@","@@@"],L={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},yr=({initValue:O,initFiles:Re=[],initCategory:we=null,data:W={},onSubmit:Y,isEditing:l,disabled:E,isLoading:J,isOpen:q,onOpen:X,onClose:Z})=>{const{projectName:S,entities:U,projectInfo:Me,scope:Cr,feedFilter:Ee,mentionSuggestionsData:Te,categories:ee,isGuest:x}=hr.useFeedContext(),{hasLicense:De,onPowerFeature:Fe,user:Ie}=gr.useDetailsPanelContext(),Pe=Ie?.data?.isAdmin,Ae=fr.useProjectContext(),{users:re,versions:te,tasks:ie}=Te||{},[ne,be]=s.useState(88),[H,D]=s.useState(""),[v,F]=s.useState(Re),[N,I]=s.useState([]),[oe,P]=s.useState(!1),[Be,ue]=s.useState(!1),{annotations:A,removeAnnotation:Le,goToAnnotation:Ue}=mr.default({entityId:U[0]?.id,filesUploading:N}),[u,y]=s.useState(null),[_,k]=s.useState(0),[b,He]=s.useState(we),se=ee.filter(e=>e.accessLevel>=20),ae=ee.find(e=>e.name===b),ce=pr.useBlendedCategoryColor(ae?.color),d=s.useRef(null),Ne=s.useRef(null),le=s.useRef(null);lr({markdownRef:le,initValue:O,setEditorValue:D,setInitHeight:be,isOpen:q,filter:Ee}),qr({initHeight:ne,editorRef:d,isEditing:l}),dr({projectName:S}),s.useEffect(()=>{if(q){if(d.current?.getEditor()?.enable(),A.length>0&&v.length===0)return;d.current?.focus()}},[q,d]),B.sort((e,r)=>r.length-e.length);const qe=s.useMemo(()=>or(u?.type,{"@":()=>ur(re),"@@":()=>ar(te,Ae),"@@@":()=>sr(ie,Me.taskTypes)},u?.search),[ie,te,re,u?.type,u?.search]),T=qe.slice(0,5),[K,de]=s.useState();s.useEffect(()=>{K&&(de(null),d.current.getEditor().setSelection(K))},[K]);const me=e=>{const r=d.current.getEditor(),t=u.type,i=t+(u.search||""),n=t+e.label,m=`${L[t]?.id}:${e.id}`,a=(r.getSelection(!0)?.index||0)-i.length;r.deleteText(a,i.length),r.insertText(a,n,"mention",m);const c=a+n.length;r.updateContents(new ve().retain(c).insert(" ")),r.updateContents(new ve().retain(c+1).delete(1)),de(c+1),y(null),k(0)},_e=e=>{me(e)},Ke=(e,r,t,i)=>{let n=r.ops[0]&&r.ops[0].insert||r.ops[1]&&r.ops[1].insert;const C=n===`
-`||n==="	",m=qe[_];if(u&&C&&m&&!x){r.ops[0]&&r.ops[0].retain,me(m);return}D(e);const R=r.ops.length===2&&!!r.ops[1].delete;if(!n&&R&&(n=i.getText(r.ops[0].retain-1,1)),B.includes(n)){const a=r.ops.findIndex(h=>"insert"in h||"delete"in h),c=n;let g=a===0?0:r.ops[a-1].retain;R&&(g=g-1);let j=null;for(const h of B){let w=!0;if(h.endsWith(c))for(let p=h.length-1;p>=0;p--){if(p===0)continue;const Xe=h[p-1],Ze=g-(h.length-p);if(i.getText(Ze,1)!==Xe){w=!1;break}}else w=!1;if(w){j=h;break}}j?y({type:j,retain:g}):(y(null),k(0))}else if(u){const a=r.ops[0].retain;if(n===" "||!a){y(null),k(0);return}let c=a-u.retain;R||c++;const g=i.getText(u.retain,c),j=g.replace(u.type.slice(-1),"");g.includes(" ")?(y(null),k(0)):y({...u,search:j?.toLowerCase()})}else{const a=d.current.getEditor(),c=a.getSelection(!1);if(a.getFormat(c?.index,c?.length).mention){const[j]=a.getLine(c.index-1)||[],w=(j?.cache?.delta?.ops||[]).reverse().find(p=>p.attributes?.mention);if(w){const p=w.insert.length;a.deleteText(c.index-p,p)}}}},Ve=e=>{const r=d.current.getEditor();let t=r.getSelection(!0)?.index||0;const i=r.getText(t-1,1);i!==" "&&i&&(r.insertText(t," "),t++),G.typeWithDelay(r,t,e)},V=e=>{if(u){const{type:r,retain:t,search:i=""}=u,n=d.current.getEditor(),C=r.length+i.length,m=t-r.length+1;n.deleteText(m,C)}Ve(e)},$e=()=>{q||E||X&&X()},pe=()=>{(d.current.getEditor().getText().length<2||l)&&D(""),Z&&Z()},$=({file:e,data:r})=>{const t={id:r.id,name:e.name,mime:e.type,size:e.size,order:v.length};return F(i=>[...i,t]),I(i=>i.filter(n=>n.name!==e.name)),t},Qe=(e,r,t)=>{t?Le?.(e):(F(i=>i.filter(n=>n.id!==e)),I(i=>i.filter(n=>n.name!==r)))},xe=(e,r)=>{const t=Math.round(e.loaded*100/e.total);if(t!==100){const i={name:r.name,progress:t,type:r.type,order:v.length+N.length};I(n=>[...n.filter(m=>m.name!==r.name),i])}},ze=e=>{P(!1),G.handleFileDrop(e,S,xe,$)},Ge=e=>{e.preventDefault(),e.stopPropagation(),P(!0)},Oe=xr({projectName:S,onSuccess:$}),he=async()=>{try{ue(!0);let e=[],r;if(A.length){const{files:m,metadata:R}=await Oe(A);e=m;const{annotations:Q=[]}=W||{};r=[...Q,...R]}const[t]=cr.convertToMarkdown(H),i=G.parseImages(t),n=[...v,...e],C={...W,annotations:r,category:x?null:b};if((i||n.length)&&Y)try{await Y(i,n,C),D(""),F([])}catch{return}}catch(e){console.error(e),er.toast.error("Something went wrong")}finally{ue(!1)}},We=e=>{if(u){if(e.key==="Escape"){y(null),k(0);return}u&&e.key;const r=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(r){e.preventDefault();let t=_+r;t<0&&(t=T.length-1),t>=T.length&&(t=0),k(t)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&he(),e.key==="Escape"&&pe()};let ge=q?ne+41:44;l&&(ge=void 0);const Ye=s.useMemo(()=>je.getModules({imageUploader:{projectName:S,onUpload:$,onUploadProgress:xe}}),[S,F,I]),fe=[...A,...v||[],...N].sort((e,r)=>e.order-r.order),Je=fe.length>3;let ye=null;U.length&&U[0].entityType==="folder"&&u?.type==="@@"&&(ye="Version mentions are disabled for folders");const Ce=e=>E?x?"You do not have permission to comment.":"Commenting is disabled across multiple projects.":x||!e?"Leave a comment":"Comment or mention with @user, @@version, @@@task...";return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(f.AutoHeight,{className:z("comment-container",{isOpen:q,isEditing:l}),onDragOver:Ge,onDragLeave:()=>P(!1),onDrop:ze,onClick:()=>P(!1),onKeyDown:e=>e.stopPropagation(),children:[o.jsxRuntimeExports.jsxs(f.Comment,{className:z("block-shortcuts",{isOpen:q,isClosed:!q||E,isEditing:l,isDropping:oe,disabled:E,isLoading:J,isSubmitting:Be,category:!!b&&!x}),onKeyDown:We,onClick:$e,$categoryPrimary:ae?.color,$categoryTertiary:ce.primary,$categorySecondary:ce.secondary,children:[o.jsxRuntimeExports.jsx(f.Markdown,{ref:le,children:o.jsxRuntimeExports.jsx(tr,{typeOptions:L,initValue:O})}),q&&o.jsxRuntimeExports.jsx(ir,{files:fe,isCompact:Je||l,onRemove:Qe,projectName:S,onAnnotationClick:Ue,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)",height:"100%"},isEditing:!0,pt:{file:{style:{height:l?70:void 0}}}}),q&&!E?o.jsxRuntimeExports.jsxs(nr.QuillListStyles,{ref:Ne,children:[!x&&o.jsxRuntimeExports.jsx(Se.ActivityCategorySelect,{value:b,categories:se,onChange:e=>He(e),isCompact:l,hasPowerpack:De,onPowerFeature:Fe,isHidden:Se.isCategoryHidden(se,{isGuest:x,isAdmin:Pe}),style:{position:l?"relative":"absolute",left:4,top:l?0:4}}),o.jsxRuntimeExports.jsx(ke,{theme:"snow",style:{minHeight:ge,maxHeight:300},ref:d,value:H,onChange:Ke,readOnly:!q,placeholder:Ce(!0),modules:Ye,formats:je.quillFormats})]}):o.jsxRuntimeExports.jsx(f.Placeholder,{children:Ce()}),o.jsxRuntimeExports.jsxs(f.Footer,{children:[!x&&o.jsxRuntimeExports.jsxs(f.Buttons,{children:[o.jsxRuntimeExports.jsx(M.Button,{icon:"person",variant:"text",onClick:()=>V("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),o.jsxRuntimeExports.jsx(M.Button,{icon:"layers",variant:"text",onClick:()=>V("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),o.jsxRuntimeExports.jsx(M.Button,{icon:"check_circle",variant:"text",onClick:()=>V("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),o.jsxRuntimeExports.jsxs(f.Buttons,{style:{marginLeft:"auto"},children:[l&&o.jsxRuntimeExports.jsx(M.Button,{variant:"text",onClick:pe,children:"Cancel"}),o.jsxRuntimeExports.jsx(M.SaveButton,{label:l?"Save":"Comment",className:"comment",active:!!H||!!v.length,onClick:he,disabled:J})]})]}),o.jsxRuntimeExports.jsx(f.Dropzone,{className:z({show:oe&&q}),children:o.jsxRuntimeExports.jsx(M.Icon,{icon:"cloud_upload"})})]}),o.jsxRuntimeExports.jsx(rr,{mention:u,options:T,onChange:_e,types:B,config:L[u?.type],noneFound:!T.length&&u?.search,noneFoundAtAll:!T.length&&!u?.search,selectedIndex:_,error:ye,isGuest:x})]})})};exports.default=yr;exports.mentionTypeOptions=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),O=require("clsx"),sr=require("react-toastify"),Te=require("react-quill-ayon"),R=require("@ynput/ayon-react-components"),ur=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),ar=require("./InputMarkdownConvert.cjs.js"),cr=require("../FilesGrid/FilesGrid.cjs.js"),C=require("./CommentInput.styled.cjs.js"),lr=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),qr=require("../../mentionHelpers/getMentionOptions.cjs.js"),dr=require("../../mentionHelpers/getMentionUsers.cjs.js"),mr=require("../../mentionHelpers/getMentionTasks.cjs.js"),pr=require("../../mentionHelpers/getMentionVersions.cjs.js"),xr=require("./quillToMarkdown.cjs.js"),Y=require("./helpers.cjs.js"),Me=require("./modules/index.cjs.js"),hr=require("./hooks/useInitialValue.cjs.js"),fr=require("./hooks/useSetCursorEnd.cjs.js"),gr=require("./hooks/useMentionLink.cjs.js"),yr=require("./hooks/useAnnotationsSync.cjs.js"),Cr=require("./hooks/useBlendedCategoryColor.cjs.js"),jr=require("./hooks/useAnnotationsUpload.cjs.js"),vr=require("../../context/FeedContext.cjs.js");require("react-dom");require("../Tooltips/UserTooltipItem.cjs.js");require("../Tooltips/UserTooltip/UserTooltip.styled.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/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/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("../Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const Sr=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("../../../../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");const kr=require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");require("../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../ReactionContainer/Reactions.styled.cjs.js");require("../ActivityComment/ActivityComment.styled.cjs.js");require("lodash");require("../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");const w=require("../../../../components/ReviewablesList/useReviewablesUpload.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.styled.cjs.js");require("../ActivityReference/ActivityReference.styled.cjs.js");require("../ActivityStatus/ActivityStatus.cjs.js");require("../ActivityHeader/ActivityHeader.styled.cjs.js");require("../ActivityDate.cjs.js");require("../ActivityCategorySelect/CategoryTag.cjs.js");require("../ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../ActivityVersions/ActivityVersions.styled.cjs.js");require("../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed.styled.cjs.js");const Fe=require("../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../ActivityCategorySelect/CategoryDropdownItem.cjs.js");var Ee=Te.Quill.import("delta");const L=["@","@@","@@@"],U={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},Rr=({initValue:J,initFiles:De=[],initCategory:Ie=null,data:X={},onSubmit:Z,isEditing:c,disabled:M,isLoading:ee,isOpen:l,onOpen:re,onClose:te})=>{const{projectName:v,entities:H,projectInfo:Pe,scope:wr,feedFilter:be,mentionSuggestionsData:Ae,categories:ie,isGuest:h}=vr.useFeedContext(),{hasLicense:Be,onPowerFeature:Le,user:Ue}=Sr.useDetailsPanelContext(),He=Ue?.data?.isAdmin,Ne=kr.useProjectContext(),{users:ne,teams:oe,versions:se,tasks:ue}=Ae||{},[ae,_e]=u.useState(88),[N,D]=u.useState(""),[S,I]=u.useState(De),[_,P]=u.useState([]),[ce,b]=u.useState(!1),[Ke,le]=u.useState(!1),{annotations:A,removeAnnotation:Ve,goToAnnotation:$e}=yr.default({entityId:H[0]?.id,filesUploading:_}),[s,K]=u.useState(null),[V,$]=u.useState(0),[F,qe]=u.useState(""),E=()=>{K(null),$(0),qe("")},[B,Qe]=u.useState(Ie),de=ie.filter(e=>e.accessLevel>=20),me=ie.find(e=>e.name===B),pe=Cr.useBlendedCategoryColor(me?.color),d=u.useRef(null),ze=u.useRef(null),xe=u.useRef(null);hr({markdownRef:xe,initValue:J,setEditorValue:D,setInitHeight:_e,isOpen:l,filter:be}),fr({initHeight:ae,editorRef:d,isEditing:c}),gr({projectName:v}),u.useEffect(()=>{if(l){if(d.current?.getEditor()?.enable(),A.length>0&&S.length===0)return;d.current?.focus()}},[l,d]),L.sort((e,r)=>r.length-e.length);const he=F+(s?.search||""),fe=u.useMemo(()=>qr.default(s?.type,{"@":()=>dr(ne,oe),"@@":()=>pr(se,Ne),"@@@":()=>mr(ue,Pe.taskTypes)},he||void 0),[ue,se,ne,oe,s?.type,he]),T=fe.slice(0,5),[Q,ge]=u.useState();u.useEffect(()=>{Q&&(ge(null),d.current.getEditor().setSelection(Q))},[Q]);const ye=e=>{const r=d.current.getEditor(),t=s.type,n=t+(s.search||""),i=t+e.label,m=U[t],g=`${e.type||m?.id}:${e.id}`,a=(r.getSelection(!0)?.index||0)-n.length;r.deleteText(a,n.length),r.insertText(a,i,"mention",g);const q=a+i.length;r.updateContents(new Ee().retain(q).insert(" ")),r.updateContents(new Ee().retain(q+1).delete(1)),ge(q+1),E()},Ge=e=>{ye(e)},We=(e,r,t,n)=>{let i=r.ops[0]&&r.ops[0].insert||r.ops[1]&&r.ops[1].insert;const m=i===`
+`||i==="	",f=fe[V];if(s&&m&&f&&!h){r.ops[0]&&r.ops[0].retain,ye(f);return}D(e);const g=r.ops.length===2&&!!r.ops[1].delete;if(!i&&g&&(i=n.getText(r.ops[0].retain-1,1)),L.includes(i)){const p=r.ops.findIndex(y=>"insert"in y||"delete"in y),a=i;let q=p===0?0:r.ops[p-1].retain;g&&(q=q-1);let j=null;for(const y of L){let k=!0;if(y.endsWith(a))for(let x=y.length-1;x>=0;x--){if(x===0)continue;const nr=y[x-1],or=q-(y.length-x);if(n.getText(or,1)!==nr){k=!1;break}}else k=!1;if(k){j=y;break}}j?K({type:j,retain:q}):E()}else if(s){const p=r.ops[0].retain;if(i===" "||!p){E();return}let a=p-s.retain;g||a++;const q=n.getText(s.retain,a),j=q.replace(s.type.slice(-1),"");q.includes(" ")?E():K({...s,search:j?.toLowerCase()})}else{const p=d.current.getEditor(),a=p.getSelection(!1);if(p.getFormat(a?.index,a?.length).mention){const[j]=p.getLine(a.index-1)||[],k=(j?.cache?.delta?.ops||[]).reverse().find(x=>x.attributes?.mention);if(k){const x=k.insert.length;p.deleteText(a.index-x,x)}}}},Oe=e=>{const r=d.current.getEditor();let t=r.getSelection(!0)?.index||0;const n=r.getText(t-1,1);n!==" "&&n&&(r.insertText(t," "),t++),Y.typeWithDelay(r,t,e)},z=e=>{if(s){const{type:r,retain:t,search:n=""}=s,i=d.current.getEditor(),m=r.length+n.length,f=t-r.length+1;i.deleteText(f,m)}Oe(e)},Ye=()=>{l||M||re&&re()},Ce=()=>{(d.current.getEditor().getText().length<2||c)&&D(""),te&&te()},G=({file:e,data:r})=>{const t=w.parseFilename(e.name),n={id:r.id,name:t,mime:e.type,size:e.size,order:S.length};return I(i=>[...i,n]),P(i=>i.filter(m=>w.parseFilename(m.name)!==t)),n},Je=(e,r,t)=>{t?Ve?.(e):(I(n=>n.filter(i=>i.id!==e)),P(n=>n.filter(i=>w.parseFilename(i.name)!==w.parseFilename(r))))},je=(e,r)=>{const t=Math.round(e.loaded*100/e.total);if(t!==100){const n=w.parseFilename(r.name),i={name:n,progress:t,type:r.type,order:S.length+_.length};P(m=>[...m.filter(g=>w.parseFilename(g.name)!==n),i])}},Xe=e=>{b(!1),Y.handleFileDrop(e,v,je,G)},Ze=e=>{e.preventDefault(),e.stopPropagation(),b(!0)},er=jr({projectName:v,onSuccess:G}),ve=async()=>{try{le(!0);let e=[],r;if(A.length){const{files:f,metadata:g}=await er(A);e=f;const{annotations:W=[]}=X||{};r=[...W,...g]}const[t]=xr.convertToMarkdown(N),n=Y.parseImages(t),i=[...S,...e],m={...X,annotations:r,category:h?null:B};if((n||i.length)&&Z)try{await Z(n,i,m),D(""),I([])}catch{return}}catch(e){console.error(e),sr.toast.error("Something went wrong")}finally{le(!1)}},rr=e=>{if(s){if(e.key==="Escape"){E();return}s&&e.key;const r=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(r){e.preventDefault();let t=V+r;t<0&&(t=T.length-1),t>=T.length&&(t=0),$(t)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&ve(),e.key==="Escape"&&Ce()};let Se=l?ae+41:44;c&&(Se=void 0);const tr=u.useMemo(()=>Me.getModules({imageUploader:{projectName:v,onUpload:G,onUploadProgress:je}}),[v,I,P]),ke=[...A,...S||[],..._].sort((e,r)=>e.order-r.order),ir=ke.length>3;let Re=null;H.length&&H[0].entityType==="folder"&&s?.type==="@@"&&(Re="Version mentions are disabled for folders");const we=e=>M?h?"You do not have permission to comment.":"Commenting is disabled across multiple projects.":h||!e?"Leave a comment":"Comment or mention with @user, @@version, @@@task...";return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{children:o.jsxRuntimeExports.jsxs(C.AutoHeight,{className:O("comment-container",{isOpen:l,isEditing:c}),onDragOver:Ze,onDragLeave:()=>b(!1),onDrop:Xe,onClick:()=>b(!1),onKeyDown:e=>e.stopPropagation(),children:[o.jsxRuntimeExports.jsxs(C.Comment,{className:O("block-shortcuts",{isOpen:l,isClosed:!l||M,isEditing:c,isDropping:ce,disabled:M,isLoading:ee,isSubmitting:Ke,category:!!B&&!h}),onKeyDown:rr,onClick:Ye,$categoryPrimary:me?.color,$categoryTertiary:pe.primary,$categorySecondary:pe.secondary,children:[o.jsxRuntimeExports.jsx(C.Markdown,{ref:xe,children:o.jsxRuntimeExports.jsx(ar.default,{typeOptions:U,initValue:J})}),l&&o.jsxRuntimeExports.jsx(cr,{files:ke,isCompact:ir||c,onRemove:Je,projectName:v,onAnnotationClick:$e,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)",height:"100%"},isEditing:!0,pt:{file:{style:{height:c?70:void 0}}}}),l&&!M?o.jsxRuntimeExports.jsxs(lr.QuillListStyles,{ref:ze,children:[!h&&o.jsxRuntimeExports.jsx(Fe.ActivityCategorySelect,{value:B,categories:de,onChange:e=>Qe(e),isCompact:c,hasPowerpack:Be,onPowerFeature:Le,isHidden:Fe.isCategoryHidden(de,{isGuest:h,isAdmin:He}),style:{position:c?"relative":"absolute",left:4,top:c?0:4}}),o.jsxRuntimeExports.jsx(Te,{theme:"snow",style:{minHeight:Se,maxHeight:300},ref:d,value:N,onChange:We,readOnly:!l,placeholder:we(!0),modules:tr,formats:Me.quillFormats})]}):o.jsxRuntimeExports.jsx(C.Placeholder,{children:we()}),o.jsxRuntimeExports.jsxs(C.Footer,{children:[!h&&o.jsxRuntimeExports.jsxs(C.Buttons,{children:[o.jsxRuntimeExports.jsx(R.Button,{icon:"person",variant:"text",onClick:()=>z("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),o.jsxRuntimeExports.jsx(R.Button,{icon:"layers",variant:"text",onClick:()=>z("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),o.jsxRuntimeExports.jsx(R.Button,{icon:"check_circle",variant:"text",onClick:()=>z("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),o.jsxRuntimeExports.jsxs(C.Buttons,{style:{marginLeft:"auto"},children:[c&&o.jsxRuntimeExports.jsx(R.Button,{variant:"text",onClick:Ce,children:"Cancel"}),o.jsxRuntimeExports.jsx(R.SaveButton,{label:c?"Save":"Comment",className:"comment",active:!!N||!!S.length,onClick:ve,disabled:ee})]})]}),o.jsxRuntimeExports.jsx(C.Dropzone,{className:O({show:ce&&l}),children:o.jsxRuntimeExports.jsx(R.Icon,{icon:"cloud_upload"})})]}),o.jsxRuntimeExports.jsx(ur,{mention:s,options:T,onChange:Ge,onPrefixFilter:e=>{qe(e),$(0)},activePrefix:F?F.replace(":",""):void 0,types:L,config:U[s?.type],noneFound:!T.length&&(s?.search||F),noneFoundAtAll:!T.length&&!s?.search&&!F,selectedIndex:V,error:Re,isGuest:h})]})})};exports.default=Rr;exports.mentionTypeOptions=U;
 //# sourceMappingURL=CommentInput.cjs.js.map