@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

@@ -1,12 +1,12 @@
 import { j as t } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useState as x } from "react";
-import { Icon as b } from "@ynput/ayon-react-components";
-import k from "../ActivityHeader/ActivityHeader.es.js";
-import { Container as w, Card as N, Content as g, Title as D, Thumbnail as M, Comment as F } from "./ActivityVersions.styled.es.js";
-import { More as H } from "../ActivityGroup/ActivityGroup.styled.es.js";
-import P from "../ActivityDate.es.js";
+import { Icon as T } from "@ynput/ayon-react-components";
+import b from "../ActivityHeader/ActivityHeader.es.js";
+import { Container as k, Card as w, Content as g, Title as D, VersionName as M, Thumbnail as F, Comment as H } from "./ActivityVersions.styled.es.js";
+import { More as P } from "../ActivityGroup/ActivityGroup.styled.es.js";
+import R from "../ActivityDate.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as R } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as U } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
@@ -16,19 +16,20 @@ import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
 import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
-const rt = ({
+import "../../../../context/MenuContext.es.js";
+const et = ({
   activity: a,
   projectName: r,
   entityType: u,
   onReferenceClick: j,
   filter: c
 }) => {
-  const { onOpenViewer: o } = R();
+  const { onOpenViewer: o } = U();
   let { authorName: d, authorFullName: f, createdAt: p, versions: e = [] } = a;
   const [i, v] = x(c === "versions"), s = 2, [y, A] = x(!1), C = (n, m) => o == null ? void 0 : o({ versionIds: [n], productId: m, projectName: r });
-  return /* @__PURE__ */ t.jsxs(w, { children: [
+  return /* @__PURE__ */ t.jsxs(k, { children: [
     /* @__PURE__ */ t.jsx(
-      k,
+      b,
       {
         name: d,
         fullName: f || d,
@@ -40,39 +41,39 @@ const rt = ({
       }
     ),
     e.flatMap((n, m) => {
-      const { name: E, id: l, productId: I, productName: S, updatedAt: T, comment: h } = n;
-      return (m < s || i) && /* @__PURE__ */ t.jsxs(N, { onClick: () => C(l, I), children: [
+      const { name: E, id: l, productId: I, productName: N, updatedAt: S, comment: h } = n;
+      return (m < s || i) && /* @__PURE__ */ t.jsxs(w, { onClick: () => C(l, I), children: [
         /* @__PURE__ */ t.jsxs(g, { children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsxs(D, { children: [
-              /* @__PURE__ */ t.jsx("span", { children: S }),
-              /* @__PURE__ */ t.jsx(P, { date: p, isExact: !0 })
+              /* @__PURE__ */ t.jsx("span", { children: N }),
+              /* @__PURE__ */ t.jsx(R, { date: p, isExact: !0 })
             ] }),
-            /* @__PURE__ */ t.jsx("span", { className: "version", children: E })
+            /* @__PURE__ */ t.jsx(M, { className: "version", children: E })
           ] }),
           /* @__PURE__ */ t.jsx(
-            M,
+            F,
             {
               projectName: r,
               entityId: l,
               entityType: "version",
               onError: () => A(!0),
               iconOnly: y,
-              entityUpdatedAt: T,
+              entityUpdatedAt: S,
               icon: "play_circle"
             }
           )
         ] }),
-        h && /* @__PURE__ */ t.jsx(F, { children: h })
+        h && /* @__PURE__ */ t.jsx(H, { children: h })
       ] }, l);
     }),
-    c !== "versions" && e.length > s && /* @__PURE__ */ t.jsxs(H, { onClick: () => v(!i), children: [
-      /* @__PURE__ */ t.jsx(b, { icon: "more" }),
+    c !== "versions" && e.length > s && /* @__PURE__ */ t.jsxs(P, { onClick: () => v(!i), children: [
+      /* @__PURE__ */ t.jsx(T, { icon: "more" }),
       /* @__PURE__ */ t.jsx("span", { children: i ? "Show less" : `Show ${e.length - s} more versions` })
     ] })
   ] });
 };
 export {
-  rt as default
+  et as default
 };
 //# sourceMappingURL=ActivityVersions.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <span className=\"version\">{name}</span>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACCa,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,WAAW,UAAKI,EAAA,CAAA;AAAA,UAAA,GAClC;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACa;AAAAA,YAAA;AAAA,cACO,aAAAlC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACc,GAAA,EAAgB,UAAQN,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACiB,GAAK,EAAA,SAAS,MAAMzB,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAgB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBhB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n  name: string\n  id: string\n  productId: string\n  productName: string\n  updatedAt: string\n  comment?: string\n}\n\ninterface ActivityVersionsProps {\n  activity: {\n    authorName?: string\n    authorFullName?: string\n    createdAt?: string\n    versions?: Version[]\n    [key: string]: any\n  }\n  projectName: string\n  entityType?: string\n  onReferenceClick?: (ref: any) => void\n  filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n  activity,\n  projectName,\n  entityType,\n  onReferenceClick,\n  filter,\n}) => {\n  const { onOpenViewer } = useDetailsPanelContext()\n  let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n  const [showAll, setShowAll] = useState(filter === 'versions')\n  const limit = 2\n\n  const [thumbnailError, setThumbnailError] = useState(false)\n\n  const handleClick = (versionId: string, productId: string) =>\n    onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n  return (\n    <Styled.Container>\n      <ActivityHeader\n        name={authorName}\n        fullName={authorFullName || authorName}\n        date={createdAt}\n        activity={activity}\n        projectName={projectName}\n        entityType={entityType}\n        onReferenceClick={onReferenceClick}\n      />\n      {versions.flatMap((version, index) => {\n        const { name, id, productId, productName, updatedAt, comment } = version\n        return (\n          (index < limit || showAll) && (\n            <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n              <Styled.Content>\n                <div>\n                  <Styled.Title>\n                    <span>{productName}</span>\n                    <ActivityDate date={createdAt} isExact />\n                  </Styled.Title>\n                  <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n                </div>\n                <Styled.Thumbnail\n                  {...{ projectName }}\n                  entityId={id}\n                  entityType=\"version\"\n                  onError={() => setThumbnailError(true)}\n                  iconOnly={thumbnailError}\n                  entityUpdatedAt={updatedAt}\n                  icon={'play_circle'}\n                />\n              </Styled.Content>\n              {comment && <Styled.Comment>{comment}</Styled.Comment>}\n            </Styled.Card>\n          )\n        )\n      })}\n      {filter !== 'versions' && versions.length > limit && (\n        <More onClick={() => setShowAll(!showAll)}>\n          <Icon icon=\"more\" />\n          <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n        </More>\n      )}\n    </Styled.Container>\n  )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,kCACC0B,GAAA,EAAmB,WAAU,WAAW,UAAKT,EAAA,CAAA;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAAnC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAQP,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACkB,GAAK,EAAA,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js"),e=require("styled-components"),o=e.li`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js"),e=require("styled-components"),t=e.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -10,7 +10,7 @@
 
   width: 100%;
   padding: 8px;
-`,r=e.div`
+`,a=e.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -26,22 +26,45 @@
       display: inline;
     }
   }
-`,i=e.div`
+`,n=e.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-
+  align-items: flex-start;
   gap: var(--base-gap-small);
-`,n=e.div`
+  overflow: hidden;
+  min-width: 0;
+
+  > div:first-child {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+`,o=e.div`
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: var(--base-gap-small);
+  overflow: hidden;
+  flex: 1;
+  min-width: 0;
+
+  /* Product name text that can be truncated */
+  > span:not(.date) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-shrink: 1;
+    min-width: 0;
+    max-width: 100%;
+  }
 
   .date {
     /* by default hide */
     display: none;
+    flex: 1;
   }
-`,t=e(a.ThumbnailSimple)`
+`,r=e(i.ThumbnailSimple)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -55,9 +78,15 @@
   img {
     object-fit: cover;
   }
-`,s=e.div`
+`,d=e.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  min-width: 0;
+`,l=e.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
-`;exports.Card=r;exports.Comment=s;exports.Container=o;exports.Content=i;exports.Thumbnail=t;exports.Title=n;
+`;exports.Card=a;exports.Comment=l;exports.Container=t;exports.Content=n;exports.Thumbnail=r;exports.Title=o;exports.VersionName=d;
 //# sourceMappingURL=ActivityVersions.styled.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  gap: var(--base-gap-small);\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  .date {\n    /* by default hide */\n    display: none;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","Comment"],"mappings":"gMAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBdE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQjBG,EAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWfI,EAAYJ,EAAOK,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlCC,EAAUN,EAAO;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"ActivityVersions.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  min-width: 0;\n\n  > div:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  /* Product name text that can be truncated */\n  > span:not(.date) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 1;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .date {\n    /* by default hide */\n    display: none;\n    flex: 1;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const VersionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  min-width: 0;\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":"gMAGaA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcnBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBdE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BfI,EAAYJ,EAAOK,iBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlCC,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQrBO,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,6 +1,6 @@
-import { ThumbnailSimple as e } from "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import a from "styled-components";
-const i = a.li`
+import { ThumbnailSimple as i } from "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import e from "styled-components";
+const t = e.li`
   /* reset default */
   list-style: none;
   margin: 0;
@@ -12,7 +12,7 @@ const i = a.li`
 
   width: 100%;
   padding: 8px;
-`, n = a.div`
+`, n = e.div`
   border-radius: var(--border-radius-m);
   padding: var(--padding-m);
 
@@ -28,22 +28,45 @@ const i = a.li`
       display: inline;
     }
   }
-`, t = a.div`
+`, r = e.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-
+  align-items: flex-start;
   gap: var(--base-gap-small);
-`, s = a.div`
+  overflow: hidden;
+  min-width: 0;
+
+  > div:first-child {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+  }
+`, d = e.div`
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: var(--base-gap-small);
+  overflow: hidden;
+  flex: 1;
+  min-width: 0;
+
+  /* Product name text that can be truncated */
+  > span:not(.date) {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-shrink: 1;
+    min-width: 0;
+    max-width: 100%;
+  }
 
   .date {
     /* by default hide */
     display: none;
+    flex: 1;
   }
-`, d = a(e)`
+`, s = e(i)`
   width: 74px;
   min-width: 74px;
   height: unset;
@@ -57,17 +80,24 @@ const i = a.li`
   img {
     object-fit: cover;
   }
-`, l = a.div`
+`, l = e.span`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  display: block;
+  min-width: 0;
+`, c = e.div`
   margin-top: var(--base-gap-small);
   color: var(--md-sys-color-outline);
   word-break: break-word;
 `;
 export {
   n as Card,
-  l as Comment,
-  i as Container,
-  t as Content,
-  d as Thumbnail,
-  s as Title
+  c as Comment,
+  t as Container,
+  r as Content,
+  s as Thumbnail,
+  d as Title,
+  l as VersionName
 };
 //# sourceMappingURL=ActivityVersions.styled.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityVersions.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n\n  gap: var(--base-gap-small);\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n\n  .date {\n    /* by default hide */\n    display: none;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","Comment"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdE,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQjBG,IAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWfI,IAAYJ,EAAOK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlCC,IAAUN,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ActivityVersions.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.styled.ts"],"sourcesContent":["import ThumbnailSimple from '@shared/components/ThumbnailSimple'\nimport styled from 'styled-components'\n\nexport const Container = styled.li`\n  /* reset default */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-small);\n\n  width: 100%;\n  padding: 8px;\n`\n\nexport const Card = styled.div`\n  border-radius: var(--border-radius-m);\n  padding: var(--padding-m);\n\n  background-color: var(--md-sys-color-surface-container);\n\n  cursor: pointer;\n  &:hover {\n    color: var(--md-sys-color-on-surface);\n    background-color: var(--md-sys-color-surface-container-hover);\n\n    /* show date */\n    .date {\n      display: inline;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  min-width: 0;\n\n  > div:first-child {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  }\n`\n\nexport const Title = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--base-gap-small);\n  overflow: hidden;\n  flex: 1;\n  min-width: 0;\n\n  /* Product name text that can be truncated */\n  > span:not(.date) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    flex-shrink: 1;\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .date {\n    /* by default hide */\n    display: none;\n    flex: 1;\n  }\n`\n\nexport const Thumbnail = styled(ThumbnailSimple)`\n  width: 74px;\n  min-width: 74px;\n  height: unset;\n  aspect-ratio: 1.7778;\n  margin: unset;\n\n  .icon {\n    font-size: 24px;\n  }\n\n  img {\n    object-fit: cover;\n  }\n`\n\nexport const VersionName = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n  min-width: 0;\n`\n\nexport const Comment = styled.div`\n  margin-top: var(--base-gap-small);\n  color: var(--md-sys-color-outline);\n  word-break: break-word;\n`\n"],"names":["Container","styled","Card","Content","Title","Thumbnail","ThumbnailSimple","VersionName","Comment"],"mappings":";;AAGO,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcnBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBdE,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBjBG,IAAQH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BfI,IAAYJ,EAAOK,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBlCC,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQrBO,IAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;"}

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 i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),W=require("clsx"),_e=require("react-toastify"),je=require("react-quill-ayon"),S=require("@ynput/ayon-react-components"),Ke=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),Le=require("./InputMarkdownConvert.cjs.js"),Ve=require("../FilesGrid/FilesGrid.cjs.js"),y=require("./CommentInput.styled.cjs.js"),ze=require("../../mentionHelpers/getMentionOptions.cjs.js"),Ge=require("../../mentionHelpers/getMentionUsers.cjs.js"),Qe=require("../../mentionHelpers/getMentionTasks.cjs.js"),We=require("../../mentionHelpers/getMentionVersions.cjs.js"),$e=require("./quillToMarkdown.cjs.js"),$=require("./helpers.cjs.js"),fe=require("./modules/index.cjs.js"),Oe=require("./hooks/useInitialValue.cjs.js"),Je=require("./hooks/useSetCursorEnd.cjs.js"),Xe=require("./hooks/useMentionLink.cjs.js"),Ye=require("./hooks/useAnnotationsSync.cjs.js"),Ze=require("./hooks/useAnnotationsUpload.cjs.js"),et=require("../../context/FeedContext.cjs.js");var ye=je.Quill.import("delta");const B=["@","@@","@@@"],H={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},tt=({initValue:O,initFiles:Ce=[],onSubmit:J,isEditing:j,disabled:T,isLoading:X,isOpen:u,onOpen:Y,onClose:Z})=>{var ge;const{projectName:q,entities:N,projectInfo:ke,scope:nt,currentTab:qe,mentionSuggestionsData:Ee}=et.useFeedContext(),{users:ee,versions:te,tasks:ne}=Ee||{},[oe,Me]=l.useState(88),[_,F]=l.useState(""),[E,D]=l.useState(Ce),[K,b]=l.useState([]),[se,A]=l.useState(!1),[we,re]=l.useState(!1),{annotations:P,removeAnnotation:L,goToAnnotation:Re}=Ye.default({entityId:(ge=N[0])==null?void 0:ge.id,filesUploading:K}),[n,C]=l.useState(null),[V,M]=l.useState(0),d=l.useRef(null),ie=l.useRef(null);Oe({markdownRef:ie,initValue:O,setEditorValue:F,setInitHeight:Me,isOpen:u,filter:qe}),Je({initHeight:oe,editorRef:d,isEditing:j}),Xe({projectName:q}),l.useEffect(()=>{var e,t,o;if(u){if((t=(e=d.current)==null?void 0:e.getEditor())==null||t.enable(),P.length>0&&E.length===0)return;(o=d.current)==null||o.focus()}},[u,d]),B.sort((e,t)=>t.length-e.length);const le=l.useMemo(()=>ze(n==null?void 0:n.type,{"@":()=>Ge(ee),"@@":()=>We(te),"@@@":()=>Qe(ne,ke.taskTypes)},n==null?void 0:n.search),[ne,te,ee,n==null?void 0:n.type,n==null?void 0:n.search]),I=le.slice(0,5),[z,ae]=l.useState();l.useEffect(()=>{z&&(ae(null),d.current.getEditor().setSelection(z))},[z]);const ce=e=>{const t=d.current.getEditor(),o=n.type,s=o+(n.search||""),r=o+e.label,a=H[o],x=`${a==null?void 0:a.id}:${e.id}`,k=t.getSelection(!0),w=((k==null?void 0:k.index)||0)-s.length;t.deleteText(w,s.length),t.insertText(w,r,"mention",x);const R=w+r.length;t.updateContents(new ye().retain(R).insert(" ")),t.updateContents(new ye().retain(R+1).delete(1)),ae(R+1),C(null),M(0)},ve=e=>{ce(e)},Se=(e,t,o,s)=>{var w,R;let r=t.ops[0]&&t.ops[0].insert||t.ops[1]&&t.ops[1].insert;const a=r===`
-`||r==="	",x=le[V];if(n&&a&&x){t.ops[0]&&t.ops[0].retain,ce(x);return}F(e);const k=t.ops.length===2&&!!t.ops[1].delete;if(!r&&k&&(r=s.getText(t.ops[0].retain-1,1)),B.includes(r)){const h=t.ops.findIndex(g=>"insert"in g||"delete"in g),c=r;let f=h===0?0:t.ops[h-1].retain;k&&(f=f-1);let p=null;for(const g of B){let v=!0;if(g.endsWith(c))for(let m=g.length-1;m>=0;m--){if(m===0)continue;const U=g[m-1],Ne=f-(g.length-m);if(s.getText(Ne,1)!==U){v=!1;break}}else v=!1;if(v){p=g;break}}p?C({type:p,retain:f}):(C(null),M(0))}else if(n){const h=t.ops[0].retain;if(r===" "||!h){C(null),M(0);return}let c=h-n.retain;k||c++;const f=s.getText(n.retain,c),p=f.replace(n.type.slice(-1),"");f.includes(" ")?(C(null),M(0)):C({...n,search:p==null?void 0:p.toLowerCase()})}else{const h=d.current.getEditor(),c=h.getSelection(!1);if(h.getFormat(c==null?void 0:c.index,c==null?void 0:c.length).mention){const[p]=h.getLine(c.index-1)||[],v=(((R=(w=p==null?void 0:p.cache)==null?void 0:w.delta)==null?void 0:R.ops)||[]).reverse().find(m=>{var U;return(U=m.attributes)==null?void 0:U.mention});if(v){const m=v.insert.length;h.deleteText(c.index-m,m)}}}},Te=e=>{var a;const t=d.current.getEditor();let o=((a=t.getSelection(!0))==null?void 0:a.index)||0;const s=t.getText(o-1,1);s!==" "&&s&&(t.insertText(o," "),o++),$.typeWithDelay(t,o,e)},G=e=>{if(n){const{type:t,retain:o,search:s=""}=n,r=d.current.getEditor(),a=t.length+s.length,x=o-t.length+1;r.deleteText(x,a)}Te(e)},Ie=()=>{u||T||Y&&Y()},ue=()=>{(d.current.getEditor().getText().length<2||j)&&F(""),Z&&Z()},Q=({file:e,data:t})=>{const o={id:t.id,name:e.name,mime:e.type,size:e.size,order:E.length};return D(s=>[...s,o]),b(s=>s.filter(r=>r.name!==e.name)),o},Fe=(e,t,o)=>{o?L==null||L(e):(D(s=>s.filter(r=>r.id!==e)),b(s=>s.filter(r=>r.name!==t)))},de=(e,t)=>{const o=Math.round(e.loaded*100/e.total);if(o!==100){const s={name:t.name,progress:o,type:t.type,order:E.length+K.length};b(r=>[...r.filter(x=>x.name!==t.name),s])}},De=e=>{A(!1),$.handleFileDrop(e,q,de,Q)},be=e=>{e.preventDefault(),e.stopPropagation(),A(!0)},Ae=Ze({projectName:q,onSuccess:Q}),pe=async()=>{try{re(!0);let e=[],t=[];if(P.length){const{files:a,metadata:x}=await Ae(P);e=a,t=x}const[o]=$e.convertToMarkdown(_),s=$.parseImages(o),r=[...E,...e];if((s||r.length)&&J)try{await J(s,r,{annotations:t}),F(""),D([])}catch{return}}catch(e){console.error(e),_e.toast.error("Something went wrong")}finally{re(!1)}},Pe=e=>{if(n){if(e.key==="Escape"){C(null),M(0);return}n&&e.key;const t=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(t){e.preventDefault();let o=V+t;o<0&&(o=I.length-1),o>=I.length&&(o=0),M(o)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&pe(),e.key==="Escape"&&ue()};let xe=u?oe+41:44;j&&(xe=void 0);const Ue=l.useMemo(()=>fe.getModules({imageUploader:{projectName:q,onUpload:Q,onUploadProgress:de}}),[q,D,b]),he=[...P,...E||[],...K].sort((e,t)=>e.order-t.order),Be=he.length>6;let me=null;return N.length&&N[0].entityType==="folder"&&(n==null?void 0:n.type)==="@@"&&(me="Version mentions are disabled for folders"),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsxs(y.AutoHeight,{className:W("comment-container",{isOpen:u,isEditing:j}),onDragOver:be,onDragLeave:()=>A(!1),onDrop:De,onClick:()=>A(!1),onKeyDown:e=>e.stopPropagation(),children:[i.jsxRuntimeExports.jsxs(y.Comment,{className:W("block-shortcuts",{isOpen:u,isClosed:!u||T,isEditing:j,isDropping:se,disabled:T,isLoading:X,isSubmitting:we}),onKeyDown:Pe,onClick:Ie,children:[i.jsxRuntimeExports.jsx(y.Markdown,{ref:ie,children:i.jsxRuntimeExports.jsx(Le,{typeOptions:H,initValue:O})}),u&&i.jsxRuntimeExports.jsx(Ve,{files:he,isCompact:Be,onRemove:Fe,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)"},projectName:q,onAnnotationClick:Re}),u&&!T?i.jsxRuntimeExports.jsx(je,{theme:"snow",style:{minHeight:xe,maxHeight:300},ref:d,value:_,onChange:Se,readOnly:!u,placeholder:"Comment or mention with @user, @@version, @@@task...",modules:Ue,formats:fe.quillFormats}):i.jsxRuntimeExports.jsx(y.Placeholder,{children:T?"Commenting is disabled across multiple projects.":"Add a comment..."}),i.jsxRuntimeExports.jsxs(y.Footer,{children:[i.jsxRuntimeExports.jsxs(y.Buttons,{children:[i.jsxRuntimeExports.jsx(S.Button,{icon:"person",variant:"text",onClick:()=>G("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),i.jsxRuntimeExports.jsx(S.Button,{icon:"layers",variant:"text",onClick:()=>G("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),i.jsxRuntimeExports.jsx(S.Button,{icon:"check_circle",variant:"text",onClick:()=>G("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),i.jsxRuntimeExports.jsxs(y.Buttons,{children:[j&&i.jsxRuntimeExports.jsx(S.Button,{variant:"text",onClick:ue,children:"Cancel"}),i.jsxRuntimeExports.jsx(S.SaveButton,{label:j?"Save":"Comment",className:"comment",active:!!_||!!E.length,onClick:pe,disabled:X})]})]}),i.jsxRuntimeExports.jsx(y.Dropzone,{className:W({show:se&&u}),children:i.jsxRuntimeExports.jsx(S.Icon,{icon:"cloud_upload"})})]}),i.jsxRuntimeExports.jsx(Ke,{mention:n,options:I,onChange:ve,types:B,z:!0,config:H[n==null?void 0:n.type],noneFound:!I.length&&(n==null?void 0:n.search),noneFoundAtAll:!I.length&&!(n!=null&&n.search),selectedIndex:V,error:me})]})})};exports.default=tt;exports.mentionTypeOptions=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),W=require("clsx"),Ne=require("react-toastify"),je=require("react-quill-ayon"),v=require("@ynput/ayon-react-components"),_e=require("../CommentMentionSelect/CommentMentionSelect.cjs.js"),Ke=require("./InputMarkdownConvert.cjs.js"),Ve=require("../FilesGrid/FilesGrid.cjs.js"),y=require("./CommentInput.styled.cjs.js"),ze=require("../../../../components/QuillListStyles/QuillListStyles.cjs.js"),Qe=require("../../mentionHelpers/getMentionOptions.cjs.js"),Ge=require("../../mentionHelpers/getMentionUsers.cjs.js"),We=require("../../mentionHelpers/getMentionTasks.cjs.js"),$e=require("../../mentionHelpers/getMentionVersions.cjs.js"),Oe=require("./quillToMarkdown.cjs.js"),$=require("./helpers.cjs.js"),fe=require("./modules/index.cjs.js"),Je=require("./hooks/useInitialValue.cjs.js"),Xe=require("./hooks/useSetCursorEnd.cjs.js"),Ye=require("./hooks/useMentionLink.cjs.js"),Ze=require("./hooks/useAnnotationsSync.cjs.js"),et=require("./hooks/useAnnotationsUpload.cjs.js"),tt=require("../../context/FeedContext.cjs.js");var ye=je.Quill.import("delta");const B=["@","@@","@@@"],L={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}},nt=({initValue:O,initFiles:Ce=[],onSubmit:J,isEditing:j,disabled:T,isLoading:X,isOpen:u,onOpen:Y,onClose:Z})=>{var ge;const{projectName:q,entities:H,projectInfo:ke,scope:ot,currentTab:qe,mentionSuggestionsData:Ee}=tt.useFeedContext(),{users:ee,versions:te,tasks:ne}=Ee||{},[oe,Me]=l.useState(88),[N,F]=l.useState(""),[E,D]=l.useState(Ce),[_,b]=l.useState([]),[se,A]=l.useState(!1),[Re,re]=l.useState(!1),{annotations:P,removeAnnotation:K,goToAnnotation:we}=Ze.default({entityId:(ge=H[0])==null?void 0:ge.id,filesUploading:_}),[n,C]=l.useState(null),[V,M]=l.useState(0),d=l.useRef(null),ie=l.useRef(null);Je({markdownRef:ie,initValue:O,setEditorValue:F,setInitHeight:Me,isOpen:u,filter:qe}),Xe({initHeight:oe,editorRef:d,isEditing:j}),Ye({projectName:q}),l.useEffect(()=>{var e,t,o;if(u){if((t=(e=d.current)==null?void 0:e.getEditor())==null||t.enable(),P.length>0&&E.length===0)return;(o=d.current)==null||o.focus()}},[u,d]),B.sort((e,t)=>t.length-e.length);const le=l.useMemo(()=>Qe(n==null?void 0:n.type,{"@":()=>Ge(ee),"@@":()=>$e(te),"@@@":()=>We(ne,ke.taskTypes)},n==null?void 0:n.search),[ne,te,ee,n==null?void 0:n.type,n==null?void 0:n.search]),I=le.slice(0,5),[z,ae]=l.useState();l.useEffect(()=>{z&&(ae(null),d.current.getEditor().setSelection(z))},[z]);const ce=e=>{const t=d.current.getEditor(),o=n.type,s=o+(n.search||""),r=o+e.label,a=L[o],x=`${a==null?void 0:a.id}:${e.id}`,k=t.getSelection(!0),R=((k==null?void 0:k.index)||0)-s.length;t.deleteText(R,s.length),t.insertText(R,r,"mention",x);const w=R+r.length;t.updateContents(new ye().retain(w).insert(" ")),t.updateContents(new ye().retain(w+1).delete(1)),ae(w+1),C(null),M(0)},Se=e=>{ce(e)},ve=(e,t,o,s)=>{var R,w;let r=t.ops[0]&&t.ops[0].insert||t.ops[1]&&t.ops[1].insert;const a=r===`
+`||r==="	",x=le[V];if(n&&a&&x){t.ops[0]&&t.ops[0].retain,ce(x);return}F(e);const k=t.ops.length===2&&!!t.ops[1].delete;if(!r&&k&&(r=s.getText(t.ops[0].retain-1,1)),B.includes(r)){const h=t.ops.findIndex(g=>"insert"in g||"delete"in g),c=r;let f=h===0?0:t.ops[h-1].retain;k&&(f=f-1);let p=null;for(const g of B){let S=!0;if(g.endsWith(c))for(let m=g.length-1;m>=0;m--){if(m===0)continue;const U=g[m-1],He=f-(g.length-m);if(s.getText(He,1)!==U){S=!1;break}}else S=!1;if(S){p=g;break}}p?C({type:p,retain:f}):(C(null),M(0))}else if(n){const h=t.ops[0].retain;if(r===" "||!h){C(null),M(0);return}let c=h-n.retain;k||c++;const f=s.getText(n.retain,c),p=f.replace(n.type.slice(-1),"");f.includes(" ")?(C(null),M(0)):C({...n,search:p==null?void 0:p.toLowerCase()})}else{const h=d.current.getEditor(),c=h.getSelection(!1);if(h.getFormat(c==null?void 0:c.index,c==null?void 0:c.length).mention){const[p]=h.getLine(c.index-1)||[],S=(((w=(R=p==null?void 0:p.cache)==null?void 0:R.delta)==null?void 0:w.ops)||[]).reverse().find(m=>{var U;return(U=m.attributes)==null?void 0:U.mention});if(S){const m=S.insert.length;h.deleteText(c.index-m,m)}}}},Te=e=>{var a;const t=d.current.getEditor();let o=((a=t.getSelection(!0))==null?void 0:a.index)||0;const s=t.getText(o-1,1);s!==" "&&s&&(t.insertText(o," "),o++),$.typeWithDelay(t,o,e)},Q=e=>{if(n){const{type:t,retain:o,search:s=""}=n,r=d.current.getEditor(),a=t.length+s.length,x=o-t.length+1;r.deleteText(x,a)}Te(e)},Ie=()=>{u||T||Y&&Y()},ue=()=>{(d.current.getEditor().getText().length<2||j)&&F(""),Z&&Z()},G=({file:e,data:t})=>{const o={id:t.id,name:e.name,mime:e.type,size:e.size,order:E.length};return D(s=>[...s,o]),b(s=>s.filter(r=>r.name!==e.name)),o},Fe=(e,t,o)=>{o?K==null||K(e):(D(s=>s.filter(r=>r.id!==e)),b(s=>s.filter(r=>r.name!==t)))},de=(e,t)=>{const o=Math.round(e.loaded*100/e.total);if(o!==100){const s={name:t.name,progress:o,type:t.type,order:E.length+_.length};b(r=>[...r.filter(x=>x.name!==t.name),s])}},De=e=>{A(!1),$.handleFileDrop(e,q,de,G)},be=e=>{e.preventDefault(),e.stopPropagation(),A(!0)},Ae=et({projectName:q,onSuccess:G}),pe=async()=>{try{re(!0);let e=[],t=[];if(P.length){const{files:a,metadata:x}=await Ae(P);e=a,t=x}const[o]=Oe.convertToMarkdown(N),s=$.parseImages(o),r=[...E,...e];if((s||r.length)&&J)try{await J(s,r,{annotations:t}),F(""),D([])}catch{return}}catch(e){console.error(e),Ne.toast.error("Something went wrong")}finally{re(!1)}},Pe=e=>{if(n){if(e.key==="Escape"){C(null),M(0);return}n&&e.key;const t=e.key==="ArrowUp"?-1:e.key==="ArrowDown"?1:0;if(t){e.preventDefault();let o=V+t;o<0&&(o=I.length-1),o>=I.length&&(o=0),M(o)}e.key}e.key==="Enter"&&(e.ctrlKey||e.metaKey)&&pe(),e.key==="Escape"&&ue()};let xe=u?oe+41:44;j&&(xe=void 0);const Ue=l.useMemo(()=>fe.getModules({imageUploader:{projectName:q,onUpload:G,onUploadProgress:de}}),[q,D,b]),he=[...P,...E||[],..._].sort((e,t)=>e.order-t.order),Be=he.length>6;let me=null;return H.length&&H[0].entityType==="folder"&&(n==null?void 0:n.type)==="@@"&&(me="Version mentions are disabled for folders"),i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:i.jsxRuntimeExports.jsxs(y.AutoHeight,{className:W("comment-container",{isOpen:u,isEditing:j}),onDragOver:be,onDragLeave:()=>A(!1),onDrop:De,onClick:()=>A(!1),onKeyDown:e=>e.stopPropagation(),children:[i.jsxRuntimeExports.jsxs(y.Comment,{className:W("block-shortcuts",{isOpen:u,isClosed:!u||T,isEditing:j,isDropping:se,disabled:T,isLoading:X,isSubmitting:Re}),onKeyDown:Pe,onClick:Ie,children:[i.jsxRuntimeExports.jsx(y.Markdown,{ref:ie,children:i.jsxRuntimeExports.jsx(Ke,{typeOptions:L,initValue:O})}),u&&i.jsxRuntimeExports.jsx(Ve,{files:he,isCompact:Be,onRemove:Fe,style:{borderBottom:"1px solid var(--md-sys-color-outline-variant)"},projectName:q,onAnnotationClick:we}),u&&!T?i.jsxRuntimeExports.jsx(ze.QuillListStyles,{children:i.jsxRuntimeExports.jsx(je,{theme:"snow",style:{minHeight:xe,maxHeight:300},ref:d,value:N,onChange:ve,readOnly:!u,placeholder:"Comment or mention with @user, @@version, @@@task...",modules:Ue,formats:fe.quillFormats})}):i.jsxRuntimeExports.jsx(y.Placeholder,{children:T?"Commenting is disabled across multiple projects.":"Add a comment..."}),i.jsxRuntimeExports.jsxs(y.Footer,{children:[i.jsxRuntimeExports.jsxs(y.Buttons,{children:[i.jsxRuntimeExports.jsx(v.Button,{icon:"person",variant:"text",onClick:()=>Q("@"),"data-tooltip":"Mention user","data-shortcut":"@"}),i.jsxRuntimeExports.jsx(v.Button,{icon:"layers",variant:"text",onClick:()=>Q("@@"),"data-tooltip":"Mention version","data-shortcut":"@@"}),i.jsxRuntimeExports.jsx(v.Button,{icon:"check_circle",variant:"text",onClick:()=>Q("@@@"),"data-tooltip":"Mention task","data-shortcut":"@@@"})]}),i.jsxRuntimeExports.jsxs(y.Buttons,{children:[j&&i.jsxRuntimeExports.jsx(v.Button,{variant:"text",onClick:ue,children:"Cancel"}),i.jsxRuntimeExports.jsx(v.SaveButton,{label:j?"Save":"Comment",className:"comment",active:!!N||!!E.length,onClick:pe,disabled:X})]})]}),i.jsxRuntimeExports.jsx(y.Dropzone,{className:W({show:se&&u}),children:i.jsxRuntimeExports.jsx(v.Icon,{icon:"cloud_upload"})})]}),i.jsxRuntimeExports.jsx(_e,{mention:n,options:I,onChange:Se,types:B,z:!0,config:L[n==null?void 0:n.type],noneFound:!I.length&&(n==null?void 0:n.search),noneFoundAtAll:!I.length&&!(n!=null&&n.search),selectedIndex:V,error:me})]})})};exports.default=nt;exports.mentionTypeOptions=L;
 //# sourceMappingURL=CommentInput.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentInput.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { SavedAnnotationMetadata } from '../../index'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface CommentInputProps {\n  initValue: string | null\n  initFiles?: any[]\n  onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n  isEditing?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  isOpen: boolean\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n  initValue,\n  initFiles = [],\n  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const { projectName, entities, projectInfo, scope, currentTab, mentionSuggestionsData } =\n    useFeedContext()\n\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [initHeight, setInitHeight] = useState(88)\n  const [editorValue, setEditorValue] = useState('')\n  // file uploads\n  const [files, setFiles] = useState(initFiles)\n  const [filesUploading, setFilesUploading] = useState([])\n  const [isDropping, setIsDropping] = useState(false)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n\n  const { annotations, removeAnnotation, goToAnnotation } = useAnnotationsSync({\n    entityId: entities[0]?.id,\n    filesUploading,\n  })\n\n  // MENTION STATES\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n  // REFS\n  const editorRef = useRef<any>(null)\n  const markdownRef = useRef<HTMLDivElement>(null)\n\n  // if there is an initial value, set it so the editor is prefilled\n  useInitialValue({\n    markdownRef,\n    initValue,\n    setEditorValue,\n    setInitHeight,\n    isOpen: isOpen,\n    filter: currentTab,\n  })\n\n  // When editing, set selection to the end of the editor\n  useSetCursorEnd({ initHeight, editorRef, isEditing })\n  // create a new quill format for mentions and registers it\n  useMentionLink({ projectName })\n\n  // focus on editor when opened\n  useEffect(() => {\n    if (isOpen) {\n      editorRef.current?.getEditor()?.enable()\n      // block autofocus if opened from an annotation\n      if (annotations.length > 0 && files.length === 0) {\n        return\n      }\n\n      editorRef.current?.focus()\n    }\n    // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n    // the input if it's already open but annotations change (e.g. are removed).\n  }, [isOpen, editorRef])\n\n  mentionTypes.sort((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(\n    () =>\n      getMentionOptions(\n        mention?.type,\n        {\n          '@': () => getMentionUsers(mentionUsers),\n          '@@': () => getMentionVersions(mentionVersions),\n          '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n        },\n        mention?.search,\n      ),\n    [mentionTasks, mentionVersions, mentionUsers, mention?.type, mention?.search],\n  )\n\n  // show first 5 and filter itself out\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  // triggered when a mention is selected\n  const [newSelection, setNewSelection] = useState<null | number>()\n\n  useEffect(() => {\n    if (newSelection) {\n      setNewSelection(null)\n      // now we set selection to the end of the mention\n      const quill = editorRef.current.getEditor()\n      quill.setSelection(newSelection)\n    }\n  }, [newSelection])\n\n  const handleSelectMention = (selectedOption: any) => {\n    // get option text\n    const quill = editorRef.current.getEditor()\n\n    const typePrefix = mention.type // the type of mention: @, @@, @@@\n    const search = typePrefix + (mention.search || '') // the full search string: @Tim\n    const mentionLabel = typePrefix + selectedOption.label // the label of the mention: @Tim Bailey\n    // @ts-expect-error\n    const type = mentionTypeOptions[typePrefix] // the type of mention: user, version, task\n    const href = `${type?.id}:${selectedOption.id}` // the href of the mention: user:user.123\n\n    // get selection delta\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length // the start index of the search\n\n    // first delete the search string\n    quill.deleteText(startIndex, search.length)\n\n    //  insert embed link\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    // insert a space after the mention\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    // remove single \\n after mention\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    // set selection to the end of the mention + 1\n    setNewSelection(endIndex + 1)\n\n    // reset mention state\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const handleSelectChange = (option: any) => {\n    handleSelectMention(option)\n  }\n\n  const handleChange = (content: string, delta: any, _: any, editor: any) => {\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    // find the first option\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      // get option text\n      const retain = (delta.ops[0] && delta.ops[0].retain) || 0\n      // prevent default\n\n      // @ts-ignore\n      handleSelectMention(selectedOption, retain)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = mentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mention = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      // for each mention denotation char, check if it is a mention\n      // sort by length of mention denotation char\n      let mentionMatch = null\n\n      // loop through each mention denotation char, with longest first. First one to match is the one we want\n      for (const chars of mentionTypes) {\n        let isMatch = true\n        // start with the last character\n        if (chars.endsWith(mention)) {\n          // loop through the chars backwards\n          for (let i = chars.length - 1; i >= 0; i--) {\n            // skip first character as that's already been checked\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          // console.log('match!!!', chars)\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      // get full string between mention and new delta\n      // This is where SEARCH is handled\n      if (mention) {\n        const retain = delta.ops[0].retain\n        // if space is pressed, remove mention\n        if (currentCharacter === ' ' || !retain) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        // just deleting any text\n        const quill = editorRef.current.getEditor()\n        const currentSelection = quill.getSelection(false)\n        const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n        if (currentFormat.mention) {\n          // if format is mention, delete the whole mention\n          const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n          const ops = lineBlock?.cache?.delta?.ops || []\n          // get last op with attributes mention: true\n          const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n          if (lastMentionOp) {\n            const mentionLength = lastMentionOp.insert.length\n            quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n          }\n        }\n      }\n    }\n  }\n\n  const addTextToEditor = (type: string) => {\n    // get editor retain\n    const quill = editorRef.current.getEditor()\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    // get character at retain\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    // if the current character is a character, increment retain\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    // This is hack AF, but it works\n    typeWithDelay(quill, retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    // first check if mention is already open\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current.getEditor()\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      // delete the mention\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleOpenClick = () => {\n    if (isOpen || disabled) return\n\n    onOpen && onOpen()\n  }\n\n  const handleClose = () => {\n    // get editor value\n    const editor = editorRef.current.getEditor()\n    const text = editor.getText()\n    if (text.length < 2 || isEditing) {\n      setEditorValue('')\n    }\n\n    // always close editor\n    onClose && onClose()\n  }\n\n  const handleFileUploaded = ({ file, data }: any) => {\n    const newFile = {\n      id: data.id,\n      name: file.name,\n      mime: file.type,\n      size: file.size,\n      order: files.length,\n    }\n\n    setFiles((prev) => [...prev, newFile])\n    // remove from uploading\n    setFilesUploading((prev) => prev.filter((uploading: any) => uploading.name !== file.name))\n\n    return newFile\n  }\n\n  const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n    if (isUnsavedAnnotation) {\n      // remove from annotations (if it's an unsaved annotation)\n      removeAnnotation?.(id)\n    } else {\n      // remove file from files\n      setFiles((prev) => prev.filter((file) => file.id !== id))\n      // remove from uploading\n      setFilesUploading((prev) => {\n        return prev.filter((file: any) => file.name !== name)\n      })\n    }\n  }\n\n  const handleFileProgress = (e: any, file: any) => {\n    const progress = Math.round((e.loaded * 100) / e.total)\n    if (progress !== 100) {\n      const uploadProgress = {\n        name: file.name,\n        progress,\n        type: file.type,\n        order: files.length + filesUploading.length,\n      }\n\n      // @ts-ignore\n      setFilesUploading((prev) => {\n        // replace or add new progress\n        const newProgress = prev.filter((name: any) => name.name !== file.name)\n        return [...newProgress, uploadProgress]\n      })\n    }\n  }\n\n  // when a file is not dropped onto the comment input\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    setIsDropping(false)\n    // upload file\n    handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n  }\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDropping(true)\n  }\n\n  const uploadAnnotations = useAnnotationsUpload({\n    projectName,\n    onSuccess: handleFileUploaded,\n  })\n\n  const handleSubmit = async () => {\n    try {\n      setIsSubmitting(true)\n      // upload any annotations first\n      let annotationFiles = []\n      let annotationMetadata: SavedAnnotationMetadata[] = []\n\n      if (annotations.length) {\n        const { files, metadata } = await uploadAnnotations(annotations)\n        annotationFiles = files\n        annotationMetadata = metadata\n      }\n\n      // convert to markdown\n      const [markdown] = convertToMarkdown(editorValue)\n\n      // remove img query params\n      const markdownParsed = parseImages(markdown)\n\n      const uploadedFiles = [...files, ...annotationFiles]\n\n      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles, { annotations: annotationMetadata })\n          // only clear if onSubmit is successful\n          setEditorValue('')\n          setFiles([])\n        } catch (error) {\n          // error is handled in rtk query mutation\n          return\n        }\n      }\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (mention) {\n      // close mention on escape\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      // add top search of mention\n      if (mention && e.key === 'Tab') {\n        // we handle this in the onChange\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n\n      if (e.key === 'Enter') {\n        // we handle this in the onChange\n      }\n    }\n\n    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {\n      handleSubmit()\n    }\n\n    if (e.key === 'Escape') {\n      handleClose()\n    }\n  }\n\n  let quillMinHeight: number | undefined = isOpen ? initHeight + 41 : 44\n  if (isEditing) quillMinHeight = undefined\n\n  // QUILL CONFIG\n  const modules = useMemo(\n    () =>\n      getModules({\n        imageUploader: {\n          projectName,\n          onUpload: handleFileUploaded,\n          onUploadProgress: handleFileProgress,\n        },\n      }),\n    [projectName, setFiles, setFilesUploading],\n  )\n\n  const allFiles = [...annotations, ...(files || []), ...filesUploading].sort(\n    (a, b) => a.order - b.order,\n  )\n  const compactGrid = allFiles.length > 6\n\n  // disable version mentions for folders\n  let mentionsError = null\n  if (entities.length && entities[0].entityType === 'folder') {\n    if (mention?.type === '@@') {\n      mentionsError = 'Version mentions are disabled for folders'\n    }\n  }\n\n  return (\n    <>\n      <Styled.AutoHeight\n        className={clsx('comment-container', { isOpen, isEditing })}\n        onDragOver={handleDragOver}\n        onDragLeave={() => setIsDropping(false)}\n        onDrop={handleDrop}\n        onClick={() => setIsDropping(false)}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <Styled.Comment\n          className={clsx('block-shortcuts', {\n            isOpen,\n            isClosed: !isOpen || disabled,\n            isEditing,\n            isDropping,\n            disabled,\n            isLoading,\n            isSubmitting,\n          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\n        >\n          <Styled.Markdown ref={markdownRef}>\n            {/* this is purely used to translate the markdown into html for Editor */}\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n          </Styled.Markdown>\n\n          {/* file uploads */}\n          {isOpen && (\n            <FilesGrid\n              files={allFiles}\n              isCompact={compactGrid}\n              onRemove={handleFileRemove}\n              style={{ borderBottom: '1px solid var(--md-sys-color-outline-variant)' }}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n            />\n          )}\n          {isOpen && !disabled ? (\n            <ReactQuill\n              theme=\"snow\"\n              style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n              ref={editorRef}\n              value={editorValue}\n              onChange={handleChange}\n              readOnly={!isOpen}\n              placeholder={'Comment or mention with @user, @@version, @@@task...'}\n              modules={modules}\n              formats={quillFormats}\n            />\n          ) : (\n            <Styled.Placeholder>\n              {disabled ? 'Commenting is disabled across multiple projects.' : 'Add a comment...'}\n            </Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\n            <Styled.Buttons>\n              {/* mention a user */}\n              <Button\n                icon=\"person\"\n                variant=\"text\"\n                onClick={() => handleMentionButton('@')}\n                data-tooltip={'Mention user'}\n                data-shortcut={'@'}\n              />\n              {/* mention a version */}\n              <Button\n                icon=\"layers\"\n                variant=\"text\"\n                onClick={() => handleMentionButton('@@')}\n                data-tooltip={'Mention version'}\n                data-shortcut={'@@'}\n              />\n              {/* mention a task */}\n              <Button\n                icon=\"check_circle\"\n                variant=\"text\"\n                onClick={() => handleMentionButton('@@@')}\n                data-tooltip={'Mention task'}\n                data-shortcut={'@@@'}\n              />\n            </Styled.Buttons>\n            <Styled.Buttons>\n              {isEditing && (\n                <Button variant=\"text\" onClick={handleClose}>\n                  Cancel\n                </Button>\n              )}\n              <SaveButton\n                label={isEditing ? 'Save' : 'Comment'}\n                className=\"comment\"\n                active={!!editorValue || !!files.length}\n                onClick={handleSubmit}\n                disabled={isLoading}\n              />\n            </Styled.Buttons>\n          </Styled.Footer>\n\n          <Styled.Dropzone className={clsx({ show: isDropping && isOpen })}>\n            <Icon icon=\"cloud_upload\" />\n          </Styled.Dropzone>\n        </Styled.Comment>\n        <CommentMentionSelect\n          mention={mention}\n          options={shownMentionOptions}\n          onChange={handleSelectChange}\n          types={mentionTypes}\n          z\n          // @ts-ignore\n          config={mentionTypeOptions[mention?.type]}\n          noneFound={!shownMentionOptions.length && mention?.search}\n          noneFoundAtAll={!shownMentionOptions.length && !mention?.search}\n          selectedIndex={mentionSelectedIndex}\n          // @ts-ignore\n          error={mentionsError}\n        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","mentionTypes","mentionTypeOptions","CommentInput","initValue","initFiles","onSubmit","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","currentTab","mentionSuggestionsData","useFeedContext","mentionUsers","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","_a","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","editorRef","useRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","_b","_c","a","b","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","type","href","selection","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","data","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","jsx","Fragment","jsxs","Styled.AutoHeight","clsx","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect"],"mappings":"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"}
+{"version":3,"file":"CommentInput.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.tsx"],"sourcesContent":["// React and related hooks\nimport React, { FC, useEffect, useMemo, useRef, useState } from 'react'\n\n// Third-party libraries\nimport clsx from 'clsx'\nimport { toast } from 'react-toastify'\nimport ReactQuill, { Quill } from 'react-quill-ayon'\n\n// Components\nimport { Button, Icon, SaveButton } from '@ynput/ayon-react-components'\nimport CommentMentionSelect from '../CommentMentionSelect/CommentMentionSelect'\nimport InputMarkdownConvert from './InputMarkdownConvert'\nimport FilesGrid from '../FilesGrid'\n\n// Styled components\nimport * as Styled from './CommentInput.styled'\nimport { QuillListStyles } from '../../../../components/QuillListStyles'\n\n// Helpers and utilities\nimport getMentionOptions from '../../mentionHelpers/getMentionOptions'\nimport getMentionUsers from '../../mentionHelpers/getMentionUsers'\nimport getMentionTasks from '../../mentionHelpers/getMentionTasks'\nimport getMentionVersions from '../../mentionHelpers/getMentionVersions'\nimport { convertToMarkdown } from './quillToMarkdown'\nimport { handleFileDrop, parseImages, typeWithDelay } from './helpers'\nimport { getModules, quillFormats } from './modules'\n\n// Hooks\nimport useInitialValue from './hooks/useInitialValue'\nimport useSetCursorEnd from './hooks/useSetCursorEnd'\nimport useMentionLink from './hooks/useMentionLink'\nimport useAnnotationsSync from './hooks/useAnnotationsSync'\n\n// State management\nimport useAnnotationsUpload from './hooks/useAnnotationsUpload'\nimport { useFeedContext } from '../../context/FeedContext'\nimport { SavedAnnotationMetadata } from '../../index'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport const mentionTypeOptions = {\n  '@@@': {\n    id: 'task',\n  },\n  '@@': {\n    id: 'version',\n  },\n  '@': {\n    id: 'user',\n    isCircle: true,\n  },\n}\n\ninterface CommentInputProps {\n  initValue: string | null\n  initFiles?: any[]\n  onSubmit: (markdown: string, files: any[], data?: any) => Promise<void>\n  isEditing?: boolean\n  disabled?: boolean\n  isLoading?: boolean\n  isOpen: boolean\n  onOpen?: () => void\n  onClose?: () => void\n}\n\nconst CommentInput: FC<CommentInputProps> = ({\n  initValue,\n  initFiles = [],\n  onSubmit,\n  isEditing,\n  disabled,\n  isLoading,\n  isOpen,\n  onOpen,\n  onClose,\n}) => {\n  const { projectName, entities, projectInfo, scope, currentTab, mentionSuggestionsData } =\n    useFeedContext()\n\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [initHeight, setInitHeight] = useState(88)\n  const [editorValue, setEditorValue] = useState('')\n  // file uploads\n  const [files, setFiles] = useState(initFiles)\n  const [filesUploading, setFilesUploading] = useState([])\n  const [isDropping, setIsDropping] = useState(false)\n  const [isSubmitting, setIsSubmitting] = useState(false)\n\n  const { annotations, removeAnnotation, goToAnnotation } = useAnnotationsSync({\n    entityId: entities[0]?.id,\n    filesUploading,\n  })\n\n  // MENTION STATES\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n  // REFS\n  const editorRef = useRef<any>(null)\n  const markdownRef = useRef<HTMLDivElement>(null)\n\n  // if there is an initial value, set it so the editor is prefilled\n  useInitialValue({\n    markdownRef,\n    initValue,\n    setEditorValue,\n    setInitHeight,\n    isOpen: isOpen,\n    filter: currentTab,\n  })\n\n  // When editing, set selection to the end of the editor\n  useSetCursorEnd({ initHeight, editorRef, isEditing })\n  // create a new quill format for mentions and registers it\n  useMentionLink({ projectName })\n\n  // focus on editor when opened\n  useEffect(() => {\n    if (isOpen) {\n      editorRef.current?.getEditor()?.enable()\n      // block autofocus if opened from an annotation\n      if (annotations.length > 0 && files.length === 0) {\n        return\n      }\n\n      editorRef.current?.focus()\n    }\n    // We don't set annotations or files as useEffect dependencies, because we don't want to focus\n    // the input if it's already open but annotations change (e.g. are removed).\n  }, [isOpen, editorRef])\n\n  mentionTypes.sort((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(\n    () =>\n      getMentionOptions(\n        mention?.type,\n        {\n          '@': () => getMentionUsers(mentionUsers),\n          '@@': () => getMentionVersions(mentionVersions),\n          '@@@': () => getMentionTasks(mentionTasks, projectInfo.taskTypes),\n        },\n        mention?.search,\n      ),\n    [mentionTasks, mentionVersions, mentionUsers, mention?.type, mention?.search],\n  )\n\n  // show first 5 and filter itself out\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  // triggered when a mention is selected\n  const [newSelection, setNewSelection] = useState<null | number>()\n\n  useEffect(() => {\n    if (newSelection) {\n      setNewSelection(null)\n      // now we set selection to the end of the mention\n      const quill = editorRef.current.getEditor()\n      quill.setSelection(newSelection)\n    }\n  }, [newSelection])\n\n  const handleSelectMention = (selectedOption: any) => {\n    // get option text\n    const quill = editorRef.current.getEditor()\n\n    const typePrefix = mention.type // the type of mention: @, @@, @@@\n    const search = typePrefix + (mention.search || '') // the full search string: @Tim\n    const mentionLabel = typePrefix + selectedOption.label // the label of the mention: @Tim Bailey\n    // @ts-expect-error\n    const type = mentionTypeOptions[typePrefix] // the type of mention: user, version, task\n    const href = `${type?.id}:${selectedOption.id}` // the href of the mention: user:user.123\n\n    // get selection delta\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length // the start index of the search\n\n    // first delete the search string\n    quill.deleteText(startIndex, search.length)\n\n    //  insert embed link\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    // insert a space after the mention\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    // remove single \\n after mention\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    // set selection to the end of the mention + 1\n    setNewSelection(endIndex + 1)\n\n    // reset mention state\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const handleSelectChange = (option: any) => {\n    handleSelectMention(option)\n  }\n\n  const handleChange = (content: string, delta: any, _: any, editor: any) => {\n    let currentCharacter =\n      (delta.ops[0] && delta.ops[0].insert) || (delta.ops[1] && delta.ops[1].insert)\n\n    const tabOrEnter = currentCharacter === '\\n' || currentCharacter === '\\t'\n    // find the first option\n    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      // get option text\n      const retain = (delta.ops[0] && delta.ops[0].retain) || 0\n      // prevent default\n\n      // @ts-ignore\n      handleSelectMention(selectedOption, retain)\n\n      return\n    }\n\n    setEditorValue(content)\n\n    const isDelete = delta.ops.length === 2 && !!delta.ops[1].delete\n\n    if (!currentCharacter && isDelete) {\n      currentCharacter = editor.getText(delta.ops[0].retain - 1, 1)\n    }\n\n    const isMention = mentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mention = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      // for each mention denotation char, check if it is a mention\n      // sort by length of mention denotation char\n      let mentionMatch = null\n\n      // loop through each mention denotation char, with longest first. First one to match is the one we want\n      for (const chars of mentionTypes) {\n        let isMatch = true\n        // start with the last character\n        if (chars.endsWith(mention)) {\n          // loop through the chars backwards\n          for (let i = chars.length - 1; i >= 0; i--) {\n            // skip first character as that's already been checked\n            if (i === 0) continue\n            const char = chars[i - 1]\n            const indexInDelta = retain - (chars.length - i)\n            const valueCharAtIndex = editor.getText(indexInDelta, 1)\n            if (valueCharAtIndex !== char) {\n              isMatch = false\n              break\n            }\n          }\n        } else {\n          isMatch = false\n        }\n\n        if (isMatch) {\n          // console.log('match!!!', chars)\n          mentionMatch = chars\n          break\n        }\n      }\n\n      if (mentionMatch) {\n        setMention({\n          type: mentionMatch,\n          retain: retain,\n        })\n      } else {\n        setMention(null)\n        setMentionSelectedIndex(0)\n      }\n    } else {\n      // get full string between mention and new delta\n      // This is where SEARCH is handled\n      if (mention) {\n        const retain = delta.ops[0].retain\n        // if space is pressed, remove mention\n        if (currentCharacter === ' ' || !retain) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n          return\n        }\n\n        let distanceMentionToRetain = retain - mention.retain\n        if (!isDelete) distanceMentionToRetain++\n        const mentionFull = editor.getText(mention.retain, distanceMentionToRetain)\n        const mentionSearch = mentionFull.replace(mention.type.slice(-1), '')\n        //  check for space in mentionFull\n        if (mentionFull.includes(' ')) {\n          setMention(null)\n          setMentionSelectedIndex(0)\n        } else {\n          setMention({\n            ...mention,\n            search: mentionSearch?.toLowerCase(),\n          })\n        }\n      } else {\n        // just deleting any text\n        const quill = editorRef.current.getEditor()\n        const currentSelection = quill.getSelection(false)\n        const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n        if (currentFormat.mention) {\n          // if format is mention, delete the whole mention\n          const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n          const ops = lineBlock?.cache?.delta?.ops || []\n          // get last op with attributes mention: true\n          const lastMentionOp = ops.reverse().find((op: any) => op.attributes?.mention)\n          if (lastMentionOp) {\n            const mentionLength = lastMentionOp.insert.length\n            quill.deleteText(currentSelection.index - mentionLength, mentionLength)\n          }\n        }\n      }\n    }\n  }\n\n  const addTextToEditor = (type: string) => {\n    // get editor retain\n    const quill = editorRef.current.getEditor()\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    // get character at retain\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    // if the current character is a character, increment retain\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    // This is hack AF, but it works\n    typeWithDelay(quill, retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    // first check if mention is already open\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current.getEditor()\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      // delete the mention\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleOpenClick = () => {\n    if (isOpen || disabled) return\n\n    onOpen && onOpen()\n  }\n\n  const handleClose = () => {\n    // get editor value\n    const editor = editorRef.current.getEditor()\n    const text = editor.getText()\n    if (text.length < 2 || isEditing) {\n      setEditorValue('')\n    }\n\n    // always close editor\n    onClose && onClose()\n  }\n\n  const handleFileUploaded = ({ file, data }: any) => {\n    const newFile = {\n      id: data.id,\n      name: file.name,\n      mime: file.type,\n      size: file.size,\n      order: files.length,\n    }\n\n    setFiles((prev) => [...prev, newFile])\n    // remove from uploading\n    setFilesUploading((prev) => prev.filter((uploading: any) => uploading.name !== file.name))\n\n    return newFile\n  }\n\n  const handleFileRemove = (id: string, name: string, isUnsavedAnnotation: boolean) => {\n    if (isUnsavedAnnotation) {\n      // remove from annotations (if it's an unsaved annotation)\n      removeAnnotation?.(id)\n    } else {\n      // remove file from files\n      setFiles((prev) => prev.filter((file) => file.id !== id))\n      // remove from uploading\n      setFilesUploading((prev) => {\n        return prev.filter((file: any) => file.name !== name)\n      })\n    }\n  }\n\n  const handleFileProgress = (e: any, file: any) => {\n    const progress = Math.round((e.loaded * 100) / e.total)\n    if (progress !== 100) {\n      const uploadProgress = {\n        name: file.name,\n        progress,\n        type: file.type,\n        order: files.length + filesUploading.length,\n      }\n\n      // @ts-ignore\n      setFilesUploading((prev) => {\n        // replace or add new progress\n        const newProgress = prev.filter((name: any) => name.name !== file.name)\n        return [...newProgress, uploadProgress]\n      })\n    }\n  }\n\n  // when a file is not dropped onto the comment input\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\n    setIsDropping(false)\n    // upload file\n    handleFileDrop(e, projectName, handleFileProgress, handleFileUploaded)\n  }\n\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault()\n    e.stopPropagation()\n    setIsDropping(true)\n  }\n\n  const uploadAnnotations = useAnnotationsUpload({\n    projectName,\n    onSuccess: handleFileUploaded,\n  })\n\n  const handleSubmit = async () => {\n    try {\n      setIsSubmitting(true)\n      // upload any annotations first\n      let annotationFiles = []\n      let annotationMetadata: SavedAnnotationMetadata[] = []\n\n      if (annotations.length) {\n        const { files, metadata } = await uploadAnnotations(annotations)\n        annotationFiles = files\n        annotationMetadata = metadata\n      }\n\n      // convert to markdown\n      const [markdown] = convertToMarkdown(editorValue)\n\n      // remove img query params\n      const markdownParsed = parseImages(markdown)\n\n      const uploadedFiles = [...files, ...annotationFiles]\n\n      if ((markdownParsed || uploadedFiles.length) && onSubmit) {\n        try {\n          await onSubmit(markdownParsed, uploadedFiles, { annotations: annotationMetadata })\n          // only clear if onSubmit is successful\n          setEditorValue('')\n          setFiles([])\n        } catch (error) {\n          // error is handled in rtk query mutation\n          return\n        }\n      }\n    } catch (error) {\n      console.error(error)\n      toast.error('Something went wrong')\n    } finally {\n      setIsSubmitting(false)\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (mention) {\n      // close mention on escape\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      // add top search of mention\n      if (mention && e.key === 'Tab') {\n        // we handle this in the onChange\n      }\n\n      const arrowDirection = e.key === 'ArrowUp' ? -1 : e.key === 'ArrowDown' ? 1 : 0\n\n      if (arrowDirection) {\n        // navigate through mentions\n        e.preventDefault()\n        let newIndex = mentionSelectedIndex + arrowDirection\n        if (newIndex < 0) newIndex = shownMentionOptions.length - 1\n        if (newIndex >= shownMentionOptions.length) newIndex = 0\n        setMentionSelectedIndex(newIndex)\n      }\n\n      if (e.key === 'Enter') {\n        // we handle this in the onChange\n      }\n    }\n\n    if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {\n      handleSubmit()\n    }\n\n    if (e.key === 'Escape') {\n      handleClose()\n    }\n  }\n\n  let quillMinHeight: number | undefined = isOpen ? initHeight + 41 : 44\n  if (isEditing) quillMinHeight = undefined\n\n  // QUILL CONFIG\n  const modules = useMemo(\n    () =>\n      getModules({\n        imageUploader: {\n          projectName,\n          onUpload: handleFileUploaded,\n          onUploadProgress: handleFileProgress,\n        },\n      }),\n    [projectName, setFiles, setFilesUploading],\n  )\n\n  const allFiles = [...annotations, ...(files || []), ...filesUploading].sort(\n    (a, b) => a.order - b.order,\n  )\n  const compactGrid = allFiles.length > 6\n\n  // disable version mentions for folders\n  let mentionsError = null\n  if (entities.length && entities[0].entityType === 'folder') {\n    if (mention?.type === '@@') {\n      mentionsError = 'Version mentions are disabled for folders'\n    }\n  }\n\n  return (\n    <>\n      <Styled.AutoHeight\n        className={clsx('comment-container', { isOpen, isEditing })}\n        onDragOver={handleDragOver}\n        onDragLeave={() => setIsDropping(false)}\n        onDrop={handleDrop}\n        onClick={() => setIsDropping(false)}\n        onKeyDown={(e) => e.stopPropagation()}\n      >\n        <Styled.Comment\n          className={clsx('block-shortcuts', {\n            isOpen,\n            isClosed: !isOpen || disabled,\n            isEditing,\n            isDropping,\n            disabled,\n            isLoading,\n            isSubmitting,\n          })}\n          onKeyDown={handleKeyDown}\n          onClick={handleOpenClick}\n        >\n          <Styled.Markdown ref={markdownRef}>\n            {/* this is purely used to translate the markdown into html for Editor */}\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initValue} />\n          </Styled.Markdown>\n\n          {/* file uploads */}\n          {isOpen && (\n            <FilesGrid\n              files={allFiles}\n              isCompact={compactGrid}\n              onRemove={handleFileRemove}\n              style={{ borderBottom: '1px solid var(--md-sys-color-outline-variant)' }}\n              projectName={projectName}\n              onAnnotationClick={goToAnnotation}\n            />\n          )}\n          {isOpen && !disabled ? (\n            <QuillListStyles>\n              <ReactQuill\n                theme=\"snow\"\n                style={{ minHeight: quillMinHeight, maxHeight: 300 }}\n                ref={editorRef}\n                value={editorValue}\n                onChange={handleChange}\n                readOnly={!isOpen}\n                placeholder={'Comment or mention with @user, @@version, @@@task...'}\n                modules={modules}\n                formats={quillFormats}\n              />\n            </QuillListStyles>\n          ) : (\n            <Styled.Placeholder>\n              {disabled ? 'Commenting is disabled across multiple projects.' : 'Add a comment...'}\n            </Styled.Placeholder>\n          )}\n\n          <Styled.Footer>\n            <Styled.Buttons>\n              {/* mention a user */}\n              <Button\n                icon=\"person\"\n                variant=\"text\"\n                onClick={() => handleMentionButton('@')}\n                data-tooltip={'Mention user'}\n                data-shortcut={'@'}\n              />\n              {/* mention a version */}\n              <Button\n                icon=\"layers\"\n                variant=\"text\"\n                onClick={() => handleMentionButton('@@')}\n                data-tooltip={'Mention version'}\n                data-shortcut={'@@'}\n              />\n              {/* mention a task */}\n              <Button\n                icon=\"check_circle\"\n                variant=\"text\"\n                onClick={() => handleMentionButton('@@@')}\n                data-tooltip={'Mention task'}\n                data-shortcut={'@@@'}\n              />\n            </Styled.Buttons>\n            <Styled.Buttons>\n              {isEditing && (\n                <Button variant=\"text\" onClick={handleClose}>\n                  Cancel\n                </Button>\n              )}\n              <SaveButton\n                label={isEditing ? 'Save' : 'Comment'}\n                className=\"comment\"\n                active={!!editorValue || !!files.length}\n                onClick={handleSubmit}\n                disabled={isLoading}\n              />\n            </Styled.Buttons>\n          </Styled.Footer>\n\n          <Styled.Dropzone className={clsx({ show: isDropping && isOpen })}>\n            <Icon icon=\"cloud_upload\" />\n          </Styled.Dropzone>\n        </Styled.Comment>\n        <CommentMentionSelect\n          mention={mention}\n          options={shownMentionOptions}\n          onChange={handleSelectChange}\n          types={mentionTypes}\n          z\n          // @ts-ignore\n          config={mentionTypeOptions[mention?.type]}\n          noneFound={!shownMentionOptions.length && mention?.search}\n          noneFoundAtAll={!shownMentionOptions.length && !mention?.search}\n          selectedIndex={mentionSelectedIndex}\n          // @ts-ignore\n          error={mentionsError}\n        />\n      </Styled.AutoHeight>\n    </>\n  )\n}\n\nexport default CommentInput\n"],"names":["Delta","Quill","mentionTypes","mentionTypeOptions","CommentInput","initValue","initFiles","onSubmit","isEditing","disabled","isLoading","isOpen","onOpen","onClose","projectName","entities","projectInfo","scope","currentTab","mentionSuggestionsData","useFeedContext","mentionUsers","mentionVersions","mentionTasks","initHeight","setInitHeight","useState","editorValue","setEditorValue","files","setFiles","filesUploading","setFilesUploading","isDropping","setIsDropping","isSubmitting","setIsSubmitting","annotations","removeAnnotation","goToAnnotation","useAnnotationsSync","_a","mention","setMention","mentionSelectedIndex","setMentionSelectedIndex","editorRef","useRef","markdownRef","useInitialValue","useSetCursorEnd","useMentionLink","useEffect","_b","_c","a","b","mentionOptions","useMemo","getMentionOptions","getMentionUsers","getMentionVersions","getMentionTasks","shownMentionOptions","newSelection","setNewSelection","handleSelectMention","selectedOption","quill","typePrefix","search","mentionLabel","type","href","selection","startIndex","endIndex","handleSelectChange","option","handleChange","content","delta","_","editor","currentCharacter","tabOrEnter","isDelete","mentionIndex","op","retain","mentionMatch","chars","isMatch","i","char","indexInDelta","distanceMentionToRetain","mentionFull","mentionSearch","currentSelection","lineBlock","lastMentionOp","mentionLength","addTextToEditor","typeWithDelay","handleMentionButton","length","start","handleOpenClick","handleClose","handleFileUploaded","file","data","newFile","prev","uploading","handleFileRemove","id","name","isUnsavedAnnotation","handleFileProgress","progress","uploadProgress","handleDrop","handleFileDrop","handleDragOver","uploadAnnotations","useAnnotationsUpload","handleSubmit","annotationFiles","annotationMetadata","metadata","markdown","convertToMarkdown","markdownParsed","parseImages","uploadedFiles","error","toast","handleKeyDown","arrowDirection","newIndex","quillMinHeight","modules","getModules","allFiles","compactGrid","mentionsError","jsx","Fragment","jsxs","Styled.AutoHeight","clsx","Styled.Comment","Styled.Markdown","InputMarkdownConvert","FilesGrid","QuillListStyles","ReactQuill","quillFormats","Styled.Placeholder","Styled.Footer","Styled.Buttons","Button","SaveButton","Styled.Dropzone","Icon","CommentMentionSelect"],"mappings":"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"}