@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js

@@ -1,8 +1,113 @@
-import { Quill as p } from "react-quill-ayon";
+import { Quill as n } from "react-quill-ayon";
 import y from "../../../hooks/useReferenceTooltip.es.js";
 import "../../../../../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext as T } from "../../../../../context/DetailsPanelContext.es.js";
-import "../../../../../context/SubtasksModulesContext.es.js";
+import "../../../../../../../_virtual/jsx-runtime.es.js";
+import "react";
+import "../../../../../../../_virtual/runtime.es.js";
+import "../../../../../../../_virtual/semver.es.js";
+import "../../../../../api/base/client.es.js";
+import "../../../../../api/generated/graphql.es.js";
+import "../../../../../api/generated/graphqlLinks.es.js";
+import "../../../../../api/generated/access.es.js";
+import "../../../../../api/generated/actions.es.js";
+import "../../../../../api/generated/activityFeed.es.js";
+import "../../../../../api/generated/addons.es.js";
+import "../../../../../api/generated/anatomy.es.js";
+import "../../../../../api/generated/attributes.es.js";
+import "../../../../../api/generated/authentication.es.js";
+import "../../../../../api/generated/bundles.es.js";
+import "../../../../../api/generated/configuration.es.js";
+import "../../../../../api/generated/dataImport.es.js";
+import "../../../../../api/generated/desktop.es.js";
+import "../../../../../api/generated/entityLists.es.js";
+import "../../../../../api/generated/events.es.js";
+import "../../../../../api/generated/files.es.js";
+import "../../../../../api/generated/folders.es.js";
+import "../../../../../api/generated/inbox.es.js";
+import "../../../../../api/generated/links.es.js";
+import "../../../../../api/generated/market.es.js";
+import "../../../../../api/generated/onboarding.es.js";
+import "../../../../../api/generated/operations.es.js";
+import "../../../../../api/generated/products.es.js";
+import "../../../../../api/generated/projectDashboard.es.js";
+import "../../../../../api/generated/projects.es.js";
+import "../../../../../api/generated/projectFolders.es.js";
+import "../../../../../api/generated/reviewables.es.js";
+import "../../../../../api/generated/services.es.js";
+import "../../../../../api/generated/system.es.js";
+import "../../../../../api/generated/tasks.es.js";
+import "../../../../../api/generated/teams.es.js";
+import "../../../../../api/generated/thumbnails.es.js";
+import "../../../../../api/generated/uRIs.es.js";
+import "../../../../../api/generated/users.es.js";
+import "../../../../../api/generated/versions.es.js";
+import "../../../../../api/generated/workfiles.es.js";
+import "../../../../../api/generated/ynputCloud.es.js";
+import "../../../../../api/generated/grouping.es.js";
+import "../../../../../api/generated/views.es.js";
+import "../../../../../api/queries/actions/getActions.es.js";
+import "../../../../../api/queries/activities/getActivities.es.js";
+import "../../../../../api/queries/activities/updateActivities.es.js";
+import "../../../../../api/queries/activities/updateReaction.es.js";
+import "../../../../../api/queries/activities/getMentions.es.js";
+import "../../../../../api/queries/activities/getCategories.es.js";
+import "../../../../../api/queries/addons/getAddons.es.js";
+import "../../../../../api/queries/addons/updateAddons.es.js";
+import "../../../../../api/queries/attributes/getAttributes.es.js";
+import "../../../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../../../api/queries/cloud/cloud.es.js";
+import "../../../../../api/queries/config/getConfig.es.js";
+import "../../../../../api/queries/config/updateConfig.es.js";
+import "../../../../../api/queries/entities/getEntity.es.js";
+import "../../../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../../../api/queries/overview/getOverview.es.js";
+import "../../../../../api/queries/overview/updateOverview.es.js";
+import "../../../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../../../api/queries/links/getEntityLinks.es.js";
+import "../../../../../api/queries/entities/updateEntity.es.js";
+import "../../../../../api/queries/entityLists/getLists.es.js";
+import "../../../../../api/queries/entityLists/updateLists.es.js";
+import "../../../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../../api/queries/folders/getFolders.es.js";
+import "../../../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../../../api/queries/grouping/getGrouping.es.js";
+import "../../../../../api/queries/links/updateLinks.es.js";
+import "../../../../../api/queries/links/getLinks.es.js";
+import "../../../../../api/queries/permissions/getPermissions.es.js";
+import "../../../../../api/queries/products/createProduct.es.js";
+import "../../../../../api/queries/products/getFolderProducts.es.js";
+import "../../../../../api/queries/project/getProject.es.js";
+import "../../../../../api/queries/project/updateProject.es.js";
+import "../../../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../../../api/queries/review/getReview.es.js";
+import "../../../../../api/queries/review/updateReview.es.js";
+import "../../../../../api/queries/share/share.es.js";
+import "../../../../../api/queries/system/getSystem.es.js";
+import "../../../../../api/queries/tasks/getTasks.es.js";
+import "../../../../../api/queries/tasks/updateTasks.es.js";
+import "../../../../../api/queries/teams/getTeams.es.js";
+import "../../../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../../../api/queries/users/getUsers.es.js";
+import "../../../../../api/queries/users/updateUsers.es.js";
+import "../../../../../api/queries/users/guests.es.js";
+import "../../../../../api/queries/versions/updateVersions.es.js";
+import "../../../../../api/queries/views/getViews.es.js";
+import "../../../../../api/queries/views/updateViews.es.js";
+import "../../../../../api/queries/watchers/getWatchers.es.js";
+import "../../../../../api/queries/uris/getUris.es.js";
+import "lodash";
+import "react-toastify";
+import "react-redux";
+import "custom-protocol-check";
+import "../../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "uuid";
+import "../../../../../util/pubsub.es.js";
+import "../../../../../context/PowerpackContextInstance.es.js";
+import "../../../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../../context/SettingsPanelContext.es.js";
 import "../../../../../context/pip/PiPProvider.es.js";
@@ -10,7 +115,6 @@ import "react-dom";
 import "../../../../../context/pip/PiPWrapper.es.js";
 import "../../../../../context/AddonProjectContext.es.js";
 import "../../../../../context/AddonContext.es.js";
-import "../../../../../context/PowerpackContext.es.js";
 import "../../../../../context/MoveEntityContext.es.js";
 import "../../../../../context/MenuContext.es.js";
 import "../../../../../context/WebsocketContext.es.js";
@@ -18,40 +122,40 @@ import "../../../../../context/GlobalContext.es.js";
 import "../../../../../context/ProjectContext.es.js";
 import "../../../../../context/ProjectFoldersContext.es.js";
 import "../../../../../context/UriContext.es.js";
-const x = p.import("blots/inline"), j = ({ projectName: a }) => {
-  const { openSlideOut: m } = T(), [, c] = y();
-  class i extends x {
+const x = n.import("blots/inline"), Pi = ({ projectName: s }) => {
+  const { openSlideOut: a } = T(), [, c] = y();
+  class o extends x {
     static blotName = "mention";
     static tagName = "MENTION";
     // @ts-ignore
     static create(t) {
-      if (!t || typeof t != "string") return document.createElement(i.tagName);
-      const e = super.create(t), o = t.split(":").shift(), n = t.split(":").pop();
-      return e.classList.add("mention"), e.classList.add(o), e.setAttribute("id", `ref-${n}`), e.setAttribute("contenteditable", "false"), e.setAttribute("data-value", t), e.addEventListener("click", (r) => {
-        r.preventDefault(), o !== "user" && m({
-          entityId: n,
-          entityType: o,
-          projectName: a
+      if (!t || typeof t != "string") return document.createElement(o.tagName);
+      const i = super.create(t), r = t.split(":").shift(), p = t.split(":").pop();
+      return i.classList.add("mention"), i.classList.add(r), i.setAttribute("id", `ref-${p}`), i.setAttribute("contenteditable", "false"), i.setAttribute("data-value", t), i.addEventListener("click", (m) => {
+        m.preventDefault(), r !== "user" && a({
+          entityId: p,
+          entityType: r,
+          projectName: s
         });
-      }), e.addEventListener("mouseenter", (r) => {
-        const s = r.target || {}, d = s.innerText.replace("@", ""), { x: u, y: f, width: g } = s.getBoundingClientRect(), b = { left: u + g / 2, top: f };
+      }), i.addEventListener("mouseenter", (m) => {
+        const e = m.target || {}, d = e.innerText.replace("@", ""), { x: u, y: f, width: g } = e.getBoundingClientRect(), b = { left: u + g / 2, top: f };
         c({
-          id: n,
-          name: n,
-          type: o,
+          id: p,
+          name: p,
+          type: r,
           label: d,
           pos: b
         });
-      }), e || "";
+      }), i || "";
     }
     // Added value method to retrieve the value from the DOM node
     static value(t) {
       return t.getAttribute("data-value");
     }
   }
-  i.sanitize = (l) => l, p.register(i, !0);
+  o.sanitize = (l) => l, n.register(o, !0);
 };
 export {
-  j as default
+  Pi as default
 };
 //# sourceMappingURL=useMentionLink.es.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,GAAa,EAAI;AAClC;"}
+{"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n  projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n  const { openSlideOut } = useDetailsPanelContext()\n  const [, setRefTooltip] = useReferenceTooltip()\n\n  // special link for mentions\n  // @ts-ignore\n  class MentionLink extends Inline {\n    static blotName = 'mention'\n    static tagName = 'MENTION'\n    // @ts-ignore\n    static create(value) {\n      if (!value || typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n      const node = super.create(value)\n      // check if this is a mention url\n      const valueMentionType = value.split(':').shift() as string\n      const valueMentionId = value.split(':').pop() as string\n\n      node.classList.add('mention')\n      node.classList.add(valueMentionType)\n      // add id=id-ref\n      node.setAttribute('id', `ref-${valueMentionId}`)\n      //   set as not editable\n      node.setAttribute('contenteditable', 'false')\n\n      // add data-value attribute\n      node.setAttribute('data-value', value)\n\n      //   on mouse click open reference\n      node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n        e.preventDefault()\n        if (valueMentionType === 'user') return\n\n        openSlideOut({\n          entityId: valueMentionId,\n          entityType: valueMentionType as DetailsPanelEntityType,\n          projectName,\n        })\n      })\n\n      // add on mouse enter\n      node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n        const target = e.target || {}\n        const label = (target as HTMLElement).innerText.replace('@', '')\n        // get the center of the reference\n        const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n        const pos = { left: x + width / 2, top: y }\n\n        setRefTooltip({\n          id: valueMentionId,\n          name: valueMentionId,\n          type: valueMentionType,\n          label,\n          pos,\n        })\n      })\n\n      return node || ''\n    }\n\n    // Added value method to retrieve the value from the DOM node\n    static value(node: any) {\n      return node.getAttribute('data-value')\n    }\n  }\n\n  // @ts-ignore\n  MentionLink.sanitize = (url) => url\n  // @ts-ignore\n  Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","url"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,KAAiB,CAAC,EAAE,aAAAC,QAAsC;AAC9D,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,CAAA,EAAGC,CAAa,IAAIC,EAAA;AAAA,EAI1B,MAAMC,UAAoBR,EAAO;AAAA,IAC/B,OAAO,WAAW;AAAA,IAClB,OAAO,UAAU;AAAA;AAAA,IAEjB,OAAO,OAAOS,GAAO;AACnB,UAAI,CAACA,KAAS,OAAOA,KAAU,SAAU,QAAO,SAAS,cAAcD,EAAY,OAAO;AAE1F,YAAME,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAA,GACpCG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAA;AAExC,aAAAC,EAAK,UAAU,IAAI,SAAS,GAC5BA,EAAK,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE/CF,EAAK,aAAa,mBAAmB,OAAO,GAG5CA,EAAK,aAAa,cAAcD,CAAK,GAGrCC,EAAK,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAA,GACEF,MAAqB,UAEzBP,EAAa;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAGDO,EAAK,iBAAiB,cAAc,CAACG,MAAwC;AAC3E,cAAMC,IAASD,EAAE,UAAU,CAAA,GACrBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAA,IAAWJ,EAAuB,sBAAA,GAC1CK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAA;AAExC,QAAAX,EAAc;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MACH,CAAC,GAEMT,KAAQ;AAAA,IACjB;AAAA;AAAA,IAGA,OAAO,MAAMA,GAAW;AACtB,aAAOA,EAAK,aAAa,YAAY;AAAA,IACvC;AAAA,EAAA;AAIF,EAAAF,EAAY,WAAW,CAACY,MAAQA,GAEhCnB,EAAM,SAASO,GAAa,EAAI;AAClC;"}

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

@@ -0,0 +1,3 @@
+"use strict";const E=require("react-quill-ayon"),g=E.Quill.import("delta"),b=["user","team","task","version","folder","representation","workfile","product"],N={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"},u=m=>m.replace(/[&<>"]/g,t=>N[t]),C=(m,t)=>Object.entries(t).find(([,e])=>e.id===m)?.[0]||"@";class x{quill;root;typeOptions;refTypes;mentionMdRe;constructor(t,e){this.quill=t,this.root=t.root,this.typeOptions=e?.typeOptions??{},this.refTypes=e?.refTypes??b,this.mentionMdRe=new RegExp(`\\[([^\\]\\n]+)\\]\\((${this.refTypes.join("|")}):([^)\\s]+)\\)`,"g"),this.matchAnchor=this.matchAnchor.bind(this),this.handleCopy=this.handleCopy.bind(this),this.handlePaste=this.handlePaste.bind(this),t.clipboard&&t.clipboard.addMatcher&&t.clipboard.addMatcher("A",this.matchAnchor),this.root.addEventListener("copy",this.handleCopy,!0),this.root.addEventListener("paste",this.handlePaste,!0)}matchAnchor(t,e){const a=(t.getAttribute("href")||"").replace(/^@/,""),i=a.split(":")[0];if(!this.refTypes.includes(i))return e;const n=t.textContent||"";return n?new g().insert(n,{mention:a}):e}handleCopy(t){const e=window.getSelection();if(!e||e.rangeCount===0||e.isCollapsed)return;const a=e.getRangeAt(0);if(!this.root.contains(a.startContainer)||!this.root.contains(a.endContainer))return;const i=a.cloneContents();if(!i.querySelector('MENTION, a[href^="@"]'))return;let n="",l="";const h=r=>r.replaceAll(" ","%20"),p=r=>{if(r.nodeType===Node.TEXT_NODE){const s=r.data;n+=s,l+=u(s);return}if(r.nodeType===Node.DOCUMENT_FRAGMENT_NODE){r.childNodes.forEach(p);return}if(r.nodeType!==Node.ELEMENT_NODE)return;const o=r;if(o.tagName==="MENTION"){const s=o.getAttribute("data-value")||"",d=(o.textContent||"").replace(/^@+/,"");if(s&&d){const c=h(s);n+=`[${d}](${c})`,l+=`<a href="@${u(c)}">@${u(d)}</a>`}return}if(o.tagName==="A"){const s=(o.getAttribute("href")||"").replace(/^@/,""),d=s.split(":")[0],c=(o.textContent||"").replace(/^@+/,"");if(this.refTypes.includes(d)&&c){const f=h(s);n+=`[${c}](${f})`,l+=`<a href="@${u(f)}">@${u(c)}</a>`;return}}if(o.tagName==="BR"){n+=`
+`,l+="<br>";return}r.childNodes.forEach(p)};p(i),n&&(t.stopImmediatePropagation(),t.clipboardData?.setData("text/plain",n),t.clipboardData?.setData("text/html",l),t.preventDefault())}handlePaste(t){const e=t.clipboardData?.getData("text/plain");if(!e)return;const a=[...e.matchAll(this.mentionMdRe)];if(!a.length)return;const i=new g;let n=0;for(const r of a){const o=r.index??0,s=e.slice(n,o);s&&i.insert(s);const[,d,c,f]=r;let y=f;try{y=decodeURIComponent(f)}catch{}const T=C(c,this.typeOptions);i.insert(T+d,{mention:`${c}:${y}`}),n=o+r[0].length}const l=e.slice(n);l&&i.insert(l),t.stopImmediatePropagation(),t.preventDefault();const h=this.quill.getSelection(!0);if(!h)return;const p=new g().retain(h.index);h.length&&p.delete(h.length),this.quill.updateContents(p.concat(i),"user"),this.quill.setSelection(h.index+i.length(),0,"user"),this.quill.format("mention",!1,"user")}}module.exports=x;
+//# sourceMappingURL=MentionClipboard.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionClipboard.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/MentionClipboard.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport type QuillType from 'quill'\nimport type DeltaStatic from 'quill-delta'\n\nconst Delta = Quill.import('delta') as unknown as new () => DeltaStatic\n\ntype TypeOption = { id: string; isCircle?: boolean }\ntype TypeOptions = Record<string, TypeOption>\n\ninterface MentionClipboardOptions {\n  typeOptions?: TypeOptions\n  refTypes?: readonly string[]\n}\n\nconst DEFAULT_REF_TYPES = [\n  'user',\n  'team',\n  'task',\n  'version',\n  'folder',\n  'representation',\n  'workfile',\n  'product',\n] as const\n\nconst HTML_ESCAPES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n}\nconst escapeHtml = (s: string) => s.replace(/[&<>\"]/g, (c) => HTML_ESCAPES[c])\n\nconst refTypeToPrefix = (refType: string, options: TypeOptions) =>\n  Object.entries(options).find(([, v]) => v.id === refType)?.[0] || '@'\n\n// Roundtrip mentions through the clipboard:\n//   <MENTION data-value=\"type:id\">@label</MENTION>  ⇄  [label](type:id)\nclass MentionClipboard {\n  private quill: QuillType\n  private root: HTMLElement\n  private typeOptions: TypeOptions\n  private refTypes: readonly string[]\n  private mentionMdRe: RegExp\n\n  constructor(quill: QuillType, options?: MentionClipboardOptions) {\n    this.quill = quill\n    this.root = quill.root\n    this.typeOptions = options?.typeOptions ?? {}\n    this.refTypes = options?.refTypes ?? DEFAULT_REF_TYPES\n    this.mentionMdRe = new RegExp(\n      `\\\\[([^\\\\]\\\\n]+)\\\\]\\\\((${this.refTypes.join('|')}):([^)\\\\s]+)\\\\)`,\n      'g',\n    )\n\n    this.matchAnchor = this.matchAnchor.bind(this)\n    this.handleCopy = this.handleCopy.bind(this)\n    this.handlePaste = this.handlePaste.bind(this)\n\n    // fallback for external HTML pastes that bypass our plain-text branch\n    if (quill.clipboard && (quill.clipboard as any).addMatcher) {\n      ;(quill.clipboard as any).addMatcher('A', this.matchAnchor)\n    }\n    // capture phase so we transform clipboardData before Quill's bubble-phase clipboard fires\n    this.root.addEventListener('copy', this.handleCopy, true)\n    this.root.addEventListener('paste', this.handlePaste, true)\n  }\n\n  private matchAnchor(node: HTMLAnchorElement, delta: DeltaStatic) {\n    const href = (node.getAttribute('href') || '').replace(/^@/, '')\n    const refType = href.split(':')[0]\n    if (!this.refTypes.includes(refType)) return delta\n    const label = node.textContent || ''\n    if (!label) return delta\n    return new Delta().insert(label, { mention: href })\n  }\n\n  private handleCopy(e: ClipboardEvent) {\n    const sel = window.getSelection()\n    if (!sel || sel.rangeCount === 0 || sel.isCollapsed) return\n    const range = sel.getRangeAt(0)\n    if (!this.root.contains(range.startContainer) || !this.root.contains(range.endContainer)) return\n\n    const fragment = range.cloneContents()\n    // only preempt Quill's clipboard when the selection actually contains a mention;\n    // otherwise the default handler preserves block formatting correctly\n    if (!fragment.querySelector('MENTION, a[href^=\"@\"]')) return\n\n    let text = ''\n    let html = ''\n    // match quillToMarkdown encoding: only spaces, so plain-text round-trips through the paste regex\n    const encodeIdSpaces = (s: string) => s.replaceAll(' ', '%20')\n    const walk = (node: Node) => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        const data = (node as Text).data\n        text += data\n        html += escapeHtml(data)\n        return\n      }\n      if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n        node.childNodes.forEach(walk)\n        return\n      }\n      if (node.nodeType !== Node.ELEMENT_NODE) return\n      const el = node as HTMLElement\n      if (el.tagName === 'MENTION') {\n        const value = el.getAttribute('data-value') || ''\n        const label = (el.textContent || '').replace(/^@+/, '')\n        if (value && label) {\n          const encoded = encodeIdSpaces(value)\n          text += `[${label}](${encoded})`\n          html += `<a href=\"@${escapeHtml(encoded)}\">@${escapeHtml(label)}</a>`\n        }\n        return\n      }\n      if (el.tagName === 'A') {\n        const href = (el.getAttribute('href') || '').replace(/^@/, '')\n        const refType = href.split(':')[0]\n        const label = (el.textContent || '').replace(/^@+/, '')\n        if (this.refTypes.includes(refType) && label) {\n          const encoded = encodeIdSpaces(href)\n          text += `[${label}](${encoded})`\n          html += `<a href=\"@${escapeHtml(encoded)}\">@${escapeHtml(label)}</a>`\n          return\n        }\n      }\n      if (el.tagName === 'BR') {\n        text += '\\n'\n        html += '<br>'\n        return\n      }\n      node.childNodes.forEach(walk)\n    }\n    walk(fragment)\n\n    if (!text) return\n    // stop Quill's clipboard from also handling this event\n    e.stopImmediatePropagation()\n    e.clipboardData?.setData('text/plain', text)\n    e.clipboardData?.setData('text/html', html)\n    e.preventDefault()\n  }\n\n  private handlePaste(e: ClipboardEvent) {\n    const text = e.clipboardData?.getData('text/plain')\n    if (!text) return\n    const matches = [...text.matchAll(this.mentionMdRe)]\n    if (!matches.length) return\n\n    const delta = new Delta()\n    let last = 0\n    for (const m of matches) {\n      const start = m.index ?? 0\n      const before = text.slice(last, start)\n      if (before) delta.insert(before)\n      const [, label, refType, rawId] = m\n      let id = rawId\n      try {\n        id = decodeURIComponent(rawId)\n      } catch {\n        /* keep raw */\n      }\n      const prefix = refTypeToPrefix(refType, this.typeOptions)\n      delta.insert(prefix + label, { mention: `${refType}:${id}` })\n      last = start + m[0].length\n    }\n    const tail = text.slice(last)\n    if (tail) delta.insert(tail)\n\n    e.stopImmediatePropagation()\n    e.preventDefault()\n    const selection = this.quill.getSelection(true)\n    if (!selection) return\n    const change = new Delta().retain(selection.index)\n    if (selection.length) change.delete(selection.length)\n    this.quill.updateContents(change.concat(delta), 'user')\n    this.quill.setSelection(selection.index + delta.length(), 0, 'user')\n    // clear lingering mention format so the next typed char isn't absorbed into the trailing mention\n    this.quill.format('mention', false, 'user')\n  }\n}\n\nexport default MentionClipboard\n"],"names":["Delta","Quill","DEFAULT_REF_TYPES","HTML_ESCAPES","escapeHtml","s","c","refTypeToPrefix","refType","options","v","MentionClipboard","quill","node","delta","href","label","e","sel","range","fragment","text","html","encodeIdSpaces","walk","data","el","value","encoded","matches","last","m","start","before","rawId","id","prefix","tail","selection","change"],"mappings":"iDAIMA,EAAQC,EAAAA,MAAM,OAAO,OAAO,EAU5BC,EAAoB,CACxB,OACA,OACA,OACA,UACA,SACA,iBACA,WACA,SACF,EAEMC,EAAuC,CAC3C,IAAK,QACL,IAAK,OACL,IAAK,OACL,IAAK,QACP,EACMC,EAAcC,GAAcA,EAAE,QAAQ,UAAYC,GAAMH,EAAaG,CAAC,CAAC,EAEvEC,EAAkB,CAACC,EAAiBC,IACxC,OAAO,QAAQA,CAAO,EAAE,KAAK,CAAC,CAAA,CAAGC,CAAC,IAAMA,EAAE,KAAOF,CAAO,IAAI,CAAC,GAAK,IAIpE,MAAMG,CAAiB,CACb,MACA,KACA,YACA,SACA,YAER,YAAYC,EAAkBH,EAAmC,CAC/D,KAAK,MAAQG,EACb,KAAK,KAAOA,EAAM,KAClB,KAAK,YAAcH,GAAS,aAAe,CAAA,EAC3C,KAAK,SAAWA,GAAS,UAAYP,EACrC,KAAK,YAAc,IAAI,OACrB,yBAAyB,KAAK,SAAS,KAAK,GAAG,CAAC,kBAChD,GAAA,EAGF,KAAK,YAAc,KAAK,YAAY,KAAK,IAAI,EAC7C,KAAK,WAAa,KAAK,WAAW,KAAK,IAAI,EAC3C,KAAK,YAAc,KAAK,YAAY,KAAK,IAAI,EAGzCU,EAAM,WAAcA,EAAM,UAAkB,YAC5CA,EAAM,UAAkB,WAAW,IAAK,KAAK,WAAW,EAG5D,KAAK,KAAK,iBAAiB,OAAQ,KAAK,WAAY,EAAI,EACxD,KAAK,KAAK,iBAAiB,QAAS,KAAK,YAAa,EAAI,CAC5D,CAEQ,YAAYC,EAAyBC,EAAoB,CAC/D,MAAMC,GAAQF,EAAK,aAAa,MAAM,GAAK,IAAI,QAAQ,KAAM,EAAE,EACzDL,EAAUO,EAAK,MAAM,GAAG,EAAE,CAAC,EACjC,GAAI,CAAC,KAAK,SAAS,SAASP,CAAO,EAAG,OAAOM,EAC7C,MAAME,EAAQH,EAAK,aAAe,GAClC,OAAKG,EACE,IAAIhB,IAAQ,OAAOgB,EAAO,CAAE,QAASD,EAAM,EAD/BD,CAErB,CAEQ,WAAWG,EAAmB,CACpC,MAAMC,EAAM,OAAO,aAAA,EACnB,GAAI,CAACA,GAAOA,EAAI,aAAe,GAAKA,EAAI,YAAa,OACrD,MAAMC,EAAQD,EAAI,WAAW,CAAC,EAC9B,GAAI,CAAC,KAAK,KAAK,SAASC,EAAM,cAAc,GAAK,CAAC,KAAK,KAAK,SAASA,EAAM,YAAY,EAAG,OAE1F,MAAMC,EAAWD,EAAM,cAAA,EAGvB,GAAI,CAACC,EAAS,cAAc,uBAAuB,EAAG,OAEtD,IAAIC,EAAO,GACPC,EAAO,GAEX,MAAMC,EAAkBlB,GAAcA,EAAE,WAAW,IAAK,KAAK,EACvDmB,EAAQX,GAAe,CAC3B,GAAIA,EAAK,WAAa,KAAK,UAAW,CACpC,MAAMY,EAAQZ,EAAc,KAC5BQ,GAAQI,EACRH,GAAQlB,EAAWqB,CAAI,EACvB,MACF,CACA,GAAIZ,EAAK,WAAa,KAAK,uBAAwB,CACjDA,EAAK,WAAW,QAAQW,CAAI,EAC5B,MACF,CACA,GAAIX,EAAK,WAAa,KAAK,aAAc,OACzC,MAAMa,EAAKb,EACX,GAAIa,EAAG,UAAY,UAAW,CAC5B,MAAMC,EAAQD,EAAG,aAAa,YAAY,GAAK,GACzCV,GAASU,EAAG,aAAe,IAAI,QAAQ,MAAO,EAAE,EACtD,GAAIC,GAASX,EAAO,CAClB,MAAMY,EAAUL,EAAeI,CAAK,EACpCN,GAAQ,IAAIL,CAAK,KAAKY,CAAO,IAC7BN,GAAQ,aAAalB,EAAWwB,CAAO,CAAC,MAAMxB,EAAWY,CAAK,CAAC,MACjE,CACA,MACF,CACA,GAAIU,EAAG,UAAY,IAAK,CACtB,MAAMX,GAAQW,EAAG,aAAa,MAAM,GAAK,IAAI,QAAQ,KAAM,EAAE,EACvDlB,EAAUO,EAAK,MAAM,GAAG,EAAE,CAAC,EAC3BC,GAASU,EAAG,aAAe,IAAI,QAAQ,MAAO,EAAE,EACtD,GAAI,KAAK,SAAS,SAASlB,CAAO,GAAKQ,EAAO,CAC5C,MAAMY,EAAUL,EAAeR,CAAI,EACnCM,GAAQ,IAAIL,CAAK,KAAKY,CAAO,IAC7BN,GAAQ,aAAalB,EAAWwB,CAAO,CAAC,MAAMxB,EAAWY,CAAK,CAAC,OAC/D,MACF,CACF,CACA,GAAIU,EAAG,UAAY,KAAM,CACvBL,GAAQ;AAAA,EACRC,GAAQ,OACR,MACF,CACAT,EAAK,WAAW,QAAQW,CAAI,CAC9B,EACAA,EAAKJ,CAAQ,EAERC,IAELJ,EAAE,yBAAA,EACFA,EAAE,eAAe,QAAQ,aAAcI,CAAI,EAC3CJ,EAAE,eAAe,QAAQ,YAAaK,CAAI,EAC1CL,EAAE,eAAA,EACJ,CAEQ,YAAYA,EAAmB,CACrC,MAAMI,EAAOJ,EAAE,eAAe,QAAQ,YAAY,EAClD,GAAI,CAACI,EAAM,OACX,MAAMQ,EAAU,CAAC,GAAGR,EAAK,SAAS,KAAK,WAAW,CAAC,EACnD,GAAI,CAACQ,EAAQ,OAAQ,OAErB,MAAMf,EAAQ,IAAId,EAClB,IAAI8B,EAAO,EACX,UAAWC,KAAKF,EAAS,CACvB,MAAMG,EAAQD,EAAE,OAAS,EACnBE,EAASZ,EAAK,MAAMS,EAAME,CAAK,EACjCC,GAAQnB,EAAM,OAAOmB,CAAM,EAC/B,KAAM,EAAGjB,EAAOR,EAAS0B,CAAK,EAAIH,EAClC,IAAII,EAAKD,EACT,GAAI,CACFC,EAAK,mBAAmBD,CAAK,CAC/B,MAAQ,CAER,CACA,MAAME,EAAS7B,EAAgBC,EAAS,KAAK,WAAW,EACxDM,EAAM,OAAOsB,EAASpB,EAAO,CAAE,QAAS,GAAGR,CAAO,IAAI2B,CAAE,EAAA,CAAI,EAC5DL,EAAOE,EAAQD,EAAE,CAAC,EAAE,MACtB,CACA,MAAMM,EAAOhB,EAAK,MAAMS,CAAI,EACxBO,GAAMvB,EAAM,OAAOuB,CAAI,EAE3BpB,EAAE,yBAAA,EACFA,EAAE,eAAA,EACF,MAAMqB,EAAY,KAAK,MAAM,aAAa,EAAI,EAC9C,GAAI,CAACA,EAAW,OAChB,MAAMC,EAAS,IAAIvC,EAAA,EAAQ,OAAOsC,EAAU,KAAK,EAC7CA,EAAU,QAAQC,EAAO,OAAOD,EAAU,MAAM,EACpD,KAAK,MAAM,eAAeC,EAAO,OAAOzB,CAAK,EAAG,MAAM,EACtD,KAAK,MAAM,aAAawB,EAAU,MAAQxB,EAAM,OAAA,EAAU,EAAG,MAAM,EAEnE,KAAK,MAAM,OAAO,UAAW,GAAO,MAAM,CAC5C,CACF"}

package/dist/shared/src/containers/Feed/components/CommentInput/modules/MentionClipboard.es.js

@@ -0,0 +1,110 @@
+import { Quill as E } from "react-quill-ayon";
+const g = E.import("delta"), b = [
+  "user",
+  "team",
+  "task",
+  "version",
+  "folder",
+  "representation",
+  "workfile",
+  "product"
+], N = {
+  "&": "&",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;"
+}, u = (m) => m.replace(/[&<>"]/g, (t) => N[t]), C = (m, t) => Object.entries(t).find(([, e]) => e.id === m)?.[0] || "@";
+class A {
+  quill;
+  root;
+  typeOptions;
+  refTypes;
+  mentionMdRe;
+  constructor(t, e) {
+    this.quill = t, this.root = t.root, this.typeOptions = e?.typeOptions ?? {}, this.refTypes = e?.refTypes ?? b, this.mentionMdRe = new RegExp(
+      `\\[([^\\]\\n]+)\\]\\((${this.refTypes.join("|")}):([^)\\s]+)\\)`,
+      "g"
+    ), this.matchAnchor = this.matchAnchor.bind(this), this.handleCopy = this.handleCopy.bind(this), this.handlePaste = this.handlePaste.bind(this), t.clipboard && t.clipboard.addMatcher && t.clipboard.addMatcher("A", this.matchAnchor), this.root.addEventListener("copy", this.handleCopy, !0), this.root.addEventListener("paste", this.handlePaste, !0);
+  }
+  matchAnchor(t, e) {
+    const a = (t.getAttribute("href") || "").replace(/^@/, ""), o = a.split(":")[0];
+    if (!this.refTypes.includes(o)) return e;
+    const n = t.textContent || "";
+    return n ? new g().insert(n, { mention: a }) : e;
+  }
+  handleCopy(t) {
+    const e = window.getSelection();
+    if (!e || e.rangeCount === 0 || e.isCollapsed) return;
+    const a = e.getRangeAt(0);
+    if (!this.root.contains(a.startContainer) || !this.root.contains(a.endContainer)) return;
+    const o = a.cloneContents();
+    if (!o.querySelector('MENTION, a[href^="@"]')) return;
+    let n = "", l = "";
+    const h = (r) => r.replaceAll(" ", "%20"), p = (r) => {
+      if (r.nodeType === Node.TEXT_NODE) {
+        const i = r.data;
+        n += i, l += u(i);
+        return;
+      }
+      if (r.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+        r.childNodes.forEach(p);
+        return;
+      }
+      if (r.nodeType !== Node.ELEMENT_NODE) return;
+      const s = r;
+      if (s.tagName === "MENTION") {
+        const i = s.getAttribute("data-value") || "", d = (s.textContent || "").replace(/^@+/, "");
+        if (i && d) {
+          const c = h(i);
+          n += `[${d}](${c})`, l += `<a href="@${u(c)}">@${u(d)}</a>`;
+        }
+        return;
+      }
+      if (s.tagName === "A") {
+        const i = (s.getAttribute("href") || "").replace(/^@/, ""), d = i.split(":")[0], c = (s.textContent || "").replace(/^@+/, "");
+        if (this.refTypes.includes(d) && c) {
+          const f = h(i);
+          n += `[${c}](${f})`, l += `<a href="@${u(f)}">@${u(c)}</a>`;
+          return;
+        }
+      }
+      if (s.tagName === "BR") {
+        n += `
+`, l += "<br>";
+        return;
+      }
+      r.childNodes.forEach(p);
+    };
+    p(o), n && (t.stopImmediatePropagation(), t.clipboardData?.setData("text/plain", n), t.clipboardData?.setData("text/html", l), t.preventDefault());
+  }
+  handlePaste(t) {
+    const e = t.clipboardData?.getData("text/plain");
+    if (!e) return;
+    const a = [...e.matchAll(this.mentionMdRe)];
+    if (!a.length) return;
+    const o = new g();
+    let n = 0;
+    for (const r of a) {
+      const s = r.index ?? 0, i = e.slice(n, s);
+      i && o.insert(i);
+      const [, d, c, f] = r;
+      let y = f;
+      try {
+        y = decodeURIComponent(f);
+      } catch {
+      }
+      const T = C(c, this.typeOptions);
+      o.insert(T + d, { mention: `${c}:${y}` }), n = s + r[0].length;
+    }
+    const l = e.slice(n);
+    l && o.insert(l), t.stopImmediatePropagation(), t.preventDefault();
+    const h = this.quill.getSelection(!0);
+    if (!h) return;
+    const p = new g().retain(h.index);
+    h.length && p.delete(h.length), this.quill.updateContents(p.concat(o), "user"), this.quill.setSelection(h.index + o.length(), 0, "user"), this.quill.format("mention", !1, "user");
+  }
+}
+export {
+  A as default
+};
+//# sourceMappingURL=MentionClipboard.es.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/modules/MentionClipboard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionClipboard.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/MentionClipboard.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport type QuillType from 'quill'\nimport type DeltaStatic from 'quill-delta'\n\nconst Delta = Quill.import('delta') as unknown as new () => DeltaStatic\n\ntype TypeOption = { id: string; isCircle?: boolean }\ntype TypeOptions = Record<string, TypeOption>\n\ninterface MentionClipboardOptions {\n  typeOptions?: TypeOptions\n  refTypes?: readonly string[]\n}\n\nconst DEFAULT_REF_TYPES = [\n  'user',\n  'team',\n  'task',\n  'version',\n  'folder',\n  'representation',\n  'workfile',\n  'product',\n] as const\n\nconst HTML_ESCAPES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n}\nconst escapeHtml = (s: string) => s.replace(/[&<>\"]/g, (c) => HTML_ESCAPES[c])\n\nconst refTypeToPrefix = (refType: string, options: TypeOptions) =>\n  Object.entries(options).find(([, v]) => v.id === refType)?.[0] || '@'\n\n// Roundtrip mentions through the clipboard:\n//   <MENTION data-value=\"type:id\">@label</MENTION>  ⇄  [label](type:id)\nclass MentionClipboard {\n  private quill: QuillType\n  private root: HTMLElement\n  private typeOptions: TypeOptions\n  private refTypes: readonly string[]\n  private mentionMdRe: RegExp\n\n  constructor(quill: QuillType, options?: MentionClipboardOptions) {\n    this.quill = quill\n    this.root = quill.root\n    this.typeOptions = options?.typeOptions ?? {}\n    this.refTypes = options?.refTypes ?? DEFAULT_REF_TYPES\n    this.mentionMdRe = new RegExp(\n      `\\\\[([^\\\\]\\\\n]+)\\\\]\\\\((${this.refTypes.join('|')}):([^)\\\\s]+)\\\\)`,\n      'g',\n    )\n\n    this.matchAnchor = this.matchAnchor.bind(this)\n    this.handleCopy = this.handleCopy.bind(this)\n    this.handlePaste = this.handlePaste.bind(this)\n\n    // fallback for external HTML pastes that bypass our plain-text branch\n    if (quill.clipboard && (quill.clipboard as any).addMatcher) {\n      ;(quill.clipboard as any).addMatcher('A', this.matchAnchor)\n    }\n    // capture phase so we transform clipboardData before Quill's bubble-phase clipboard fires\n    this.root.addEventListener('copy', this.handleCopy, true)\n    this.root.addEventListener('paste', this.handlePaste, true)\n  }\n\n  private matchAnchor(node: HTMLAnchorElement, delta: DeltaStatic) {\n    const href = (node.getAttribute('href') || '').replace(/^@/, '')\n    const refType = href.split(':')[0]\n    if (!this.refTypes.includes(refType)) return delta\n    const label = node.textContent || ''\n    if (!label) return delta\n    return new Delta().insert(label, { mention: href })\n  }\n\n  private handleCopy(e: ClipboardEvent) {\n    const sel = window.getSelection()\n    if (!sel || sel.rangeCount === 0 || sel.isCollapsed) return\n    const range = sel.getRangeAt(0)\n    if (!this.root.contains(range.startContainer) || !this.root.contains(range.endContainer)) return\n\n    const fragment = range.cloneContents()\n    // only preempt Quill's clipboard when the selection actually contains a mention;\n    // otherwise the default handler preserves block formatting correctly\n    if (!fragment.querySelector('MENTION, a[href^=\"@\"]')) return\n\n    let text = ''\n    let html = ''\n    // match quillToMarkdown encoding: only spaces, so plain-text round-trips through the paste regex\n    const encodeIdSpaces = (s: string) => s.replaceAll(' ', '%20')\n    const walk = (node: Node) => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        const data = (node as Text).data\n        text += data\n        html += escapeHtml(data)\n        return\n      }\n      if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {\n        node.childNodes.forEach(walk)\n        return\n      }\n      if (node.nodeType !== Node.ELEMENT_NODE) return\n      const el = node as HTMLElement\n      if (el.tagName === 'MENTION') {\n        const value = el.getAttribute('data-value') || ''\n        const label = (el.textContent || '').replace(/^@+/, '')\n        if (value && label) {\n          const encoded = encodeIdSpaces(value)\n          text += `[${label}](${encoded})`\n          html += `<a href=\"@${escapeHtml(encoded)}\">@${escapeHtml(label)}</a>`\n        }\n        return\n      }\n      if (el.tagName === 'A') {\n        const href = (el.getAttribute('href') || '').replace(/^@/, '')\n        const refType = href.split(':')[0]\n        const label = (el.textContent || '').replace(/^@+/, '')\n        if (this.refTypes.includes(refType) && label) {\n          const encoded = encodeIdSpaces(href)\n          text += `[${label}](${encoded})`\n          html += `<a href=\"@${escapeHtml(encoded)}\">@${escapeHtml(label)}</a>`\n          return\n        }\n      }\n      if (el.tagName === 'BR') {\n        text += '\\n'\n        html += '<br>'\n        return\n      }\n      node.childNodes.forEach(walk)\n    }\n    walk(fragment)\n\n    if (!text) return\n    // stop Quill's clipboard from also handling this event\n    e.stopImmediatePropagation()\n    e.clipboardData?.setData('text/plain', text)\n    e.clipboardData?.setData('text/html', html)\n    e.preventDefault()\n  }\n\n  private handlePaste(e: ClipboardEvent) {\n    const text = e.clipboardData?.getData('text/plain')\n    if (!text) return\n    const matches = [...text.matchAll(this.mentionMdRe)]\n    if (!matches.length) return\n\n    const delta = new Delta()\n    let last = 0\n    for (const m of matches) {\n      const start = m.index ?? 0\n      const before = text.slice(last, start)\n      if (before) delta.insert(before)\n      const [, label, refType, rawId] = m\n      let id = rawId\n      try {\n        id = decodeURIComponent(rawId)\n      } catch {\n        /* keep raw */\n      }\n      const prefix = refTypeToPrefix(refType, this.typeOptions)\n      delta.insert(prefix + label, { mention: `${refType}:${id}` })\n      last = start + m[0].length\n    }\n    const tail = text.slice(last)\n    if (tail) delta.insert(tail)\n\n    e.stopImmediatePropagation()\n    e.preventDefault()\n    const selection = this.quill.getSelection(true)\n    if (!selection) return\n    const change = new Delta().retain(selection.index)\n    if (selection.length) change.delete(selection.length)\n    this.quill.updateContents(change.concat(delta), 'user')\n    this.quill.setSelection(selection.index + delta.length(), 0, 'user')\n    // clear lingering mention format so the next typed char isn't absorbed into the trailing mention\n    this.quill.format('mention', false, 'user')\n  }\n}\n\nexport default MentionClipboard\n"],"names":["Delta","Quill","DEFAULT_REF_TYPES","HTML_ESCAPES","escapeHtml","s","c","refTypeToPrefix","refType","options","v","MentionClipboard","quill","node","delta","href","label","e","sel","range","fragment","text","html","encodeIdSpaces","walk","data","el","value","encoded","matches","last","m","start","before","rawId","id","prefix","tail","selection","change"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react-quill-ayon"),s=require("quill-magic-url"),a=require("./ImageUploader.cjs.js");t.Quill.register("modules/imageUploader",a);t.Quill.register("modules/magicUrl",s);const e=i=>'<span class="material-symbols-outlined icon">'+i+"</span>";var l=t.Quill.import("ui/icons");l.header[2]=e("format_h1");l.bold=e("format_bold");l.italic=e("format_italic");l.underline=e("format_underlined");l.link=e("link");l.list.ordered=e("format_list_numbered");l.list.bullet=e("format_list_bulleted");l.list.check=e("checklist");l.image=e("attach_file");l["code-block"]=e("code");const c=["header","bold","italic","strike","list","link","code-block","mention"],d=({imageUploader:i,disableImageUpload:r=!1})=>{const o=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"},{list:"check"}]];return r||o.push(["image"]),{toolbar:o,imageUploader:i,magicUrl:!0}};exports.getModules=d;exports.quillFormats=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react-quill-ayon"),a=require("quill-magic-url"),c=require("./ImageUploader.cjs.js"),n=require("./MentionClipboard.cjs.js");i.Quill.register("modules/imageUploader",c);i.Quill.register("modules/magicUrl",a);i.Quill.register("modules/mentionClipboard",n);const e=t=>'<span class="material-symbols-outlined icon">'+t+"</span>";var l=i.Quill.import("ui/icons");l.header[2]=e("format_h1");l.bold=e("format_bold");l.italic=e("format_italic");l.underline=e("format_underlined");l.link=e("link");l.list.ordered=e("format_list_numbered");l.list.bullet=e("format_list_bulleted");l.list.check=e("checklist");l.image=e("attach_file");l["code-block"]=e("code");const d=["header","bold","italic","strike","list","link","code-block","mention"],u=({imageUploader:t,mentionTypeOptions:r,disableImageUpload:s=!1})=>{const o=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"},{list:"check"}]];return s||o.push(["image"]),{toolbar:o,imageUploader:t,magicUrl:!0,mentionClipboard:{typeOptions:r}}};exports.getModules=u;exports.quillFormats=d;
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/index.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { Quill } from 'react-quill-ayon'\nimport MagicUrl from 'quill-magic-url'\nimport ImageUploader from './ImageUploader'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\n\n// override icons with material icons\nconst getIcon = (icon) => '<span class=\"material-symbols-outlined icon\">' + icon + '</span>'\n\nvar icons = Quill.import('ui/icons')\nicons['header']['2'] = getIcon('format_h1')\nicons['bold'] = getIcon('format_bold')\nicons['italic'] = getIcon('format_italic')\nicons['underline'] = getIcon('format_underlined')\nicons['link'] = getIcon('link')\nicons['list']['ordered'] = getIcon('format_list_numbered')\nicons['list']['bullet'] = getIcon('format_list_bulleted')\nicons['list']['check'] = getIcon('checklist')\nicons['image'] = getIcon('attach_file')\nicons['code-block'] = getIcon('code')\n\nexport const quillFormats = [\n  'header',\n  'bold',\n  'italic',\n  'strike',\n  'list',\n  'link',\n  'code-block',\n  'mention',\n]\n\nexport const getModules = ({ imageUploader, disableImageUpload = false }) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  ]\n  \n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n  \n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","getIcon","icon","icons","quillFormats","getModules","imageUploader","disableImageUpload","toolbar"],"mappings":"qLAKAA,EAAAA,MAAM,SAAS,wBAAyBC,CAAa,EACrDD,EAAAA,MAAM,SAAS,mBAAoBE,CAAQ,EAG3C,MAAMC,EAAWC,GAAS,gDAAkDA,EAAO,UAEnF,IAAIC,EAAQL,EAAAA,MAAM,OAAO,UAAU,EACnCK,EAAM,OAAU,CAAG,EAAIF,EAAQ,WAAW,EAC1CE,EAAM,KAAUF,EAAQ,aAAa,EACrCE,EAAM,OAAYF,EAAQ,eAAe,EACzCE,EAAM,UAAeF,EAAQ,mBAAmB,EAChDE,EAAM,KAAUF,EAAQ,MAAM,EAC9BE,EAAM,KAAQ,QAAaF,EAAQ,sBAAsB,EACzDE,EAAM,KAAQ,OAAYF,EAAQ,sBAAsB,EACxDE,EAAM,KAAQ,MAAWF,EAAQ,WAAW,EAC5CE,EAAM,MAAWF,EAAQ,aAAa,EACtCE,EAAM,YAAY,EAAIF,EAAQ,MAAM,EAE7B,MAAMG,EAAe,CAC1B,SACA,OACA,SACA,SACA,OACA,OACA,aACA,SACF,EAEaC,EAAa,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAqB,MAAY,CAC3E,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,CAAA,EAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,WAAa,CAAE,KAAM,QAAA,EAAY,CAAE,KAAM,OAAA,CAAS,CAAA,EAG7D,OAAKD,GACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAF,EACA,SAAU,EAAA,CAEd"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/index.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { Quill } from 'react-quill-ayon'\nimport MagicUrl from 'quill-magic-url'\nimport ImageUploader from './ImageUploader'\nimport MentionClipboard from './MentionClipboard'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\nQuill.register('modules/mentionClipboard', MentionClipboard)\n\n// override icons with material icons\nconst getIcon = (icon) => '<span class=\"material-symbols-outlined icon\">' + icon + '</span>'\n\nvar icons = Quill.import('ui/icons')\nicons['header']['2'] = getIcon('format_h1')\nicons['bold'] = getIcon('format_bold')\nicons['italic'] = getIcon('format_italic')\nicons['underline'] = getIcon('format_underlined')\nicons['link'] = getIcon('link')\nicons['list']['ordered'] = getIcon('format_list_numbered')\nicons['list']['bullet'] = getIcon('format_list_bulleted')\nicons['list']['check'] = getIcon('checklist')\nicons['image'] = getIcon('attach_file')\nicons['code-block'] = getIcon('code')\n\nexport const quillFormats = [\n  'header',\n  'bold',\n  'italic',\n  'strike',\n  'list',\n  'link',\n  'code-block',\n  'mention',\n]\n\nexport const getModules = ({ imageUploader, mentionTypeOptions, disableImageUpload = false }) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n    mentionClipboard: { typeOptions: mentionTypeOptions },\n  }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","MentionClipboard","getIcon","icon","icons","quillFormats","getModules","imageUploader","mentionTypeOptions","disableImageUpload","toolbar"],"mappings":"4NAMAA,EAAAA,MAAM,SAAS,wBAAyBC,CAAa,EACrDD,EAAAA,MAAM,SAAS,mBAAoBE,CAAQ,EAC3CF,EAAAA,MAAM,SAAS,2BAA4BG,CAAgB,EAG3D,MAAMC,EAAWC,GAAS,gDAAkDA,EAAO,UAEnF,IAAIC,EAAQN,EAAAA,MAAM,OAAO,UAAU,EACnCM,EAAM,OAAU,CAAG,EAAIF,EAAQ,WAAW,EAC1CE,EAAM,KAAUF,EAAQ,aAAa,EACrCE,EAAM,OAAYF,EAAQ,eAAe,EACzCE,EAAM,UAAeF,EAAQ,mBAAmB,EAChDE,EAAM,KAAUF,EAAQ,MAAM,EAC9BE,EAAM,KAAQ,QAAaF,EAAQ,sBAAsB,EACzDE,EAAM,KAAQ,OAAYF,EAAQ,sBAAsB,EACxDE,EAAM,KAAQ,MAAWF,EAAQ,WAAW,EAC5CE,EAAM,MAAWF,EAAQ,aAAa,EACtCE,EAAM,YAAY,EAAIF,EAAQ,MAAM,EAE7B,MAAMG,EAAe,CAC1B,SACA,OACA,SACA,SACA,OACA,OACA,aACA,SACF,EAEaC,EAAa,CAAC,CAAE,cAAAC,EAAe,mBAAAC,EAAoB,mBAAAC,EAAqB,MAAY,CAC/F,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,CAAA,EAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,WAAa,CAAE,KAAM,QAAA,EAAY,CAAE,KAAM,OAAA,CAAS,CAAA,EAG7D,OAAKD,GACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAH,EACA,SAAU,GACV,iBAAkB,CAAE,YAAaC,CAAA,CAAmB,CAExD"}

package/dist/shared/src/containers/Feed/components/CommentInput/modules/index.es.js

@@ -1,21 +1,23 @@
-import { Quill as o } from "react-quill-ayon";
-import a from "quill-magic-url";
-import s from "./ImageUploader.es.js";
-o.register("modules/imageUploader", s);
-o.register("modules/magicUrl", a);
-const l = (i) => '<span class="material-symbols-outlined icon">' + i + "</span>";
-var e = o.import("ui/icons");
-e.header[2] = l("format_h1");
-e.bold = l("format_bold");
-e.italic = l("format_italic");
-e.underline = l("format_underlined");
-e.link = l("link");
-e.list.ordered = l("format_list_numbered");
-e.list.bullet = l("format_list_bulleted");
-e.list.check = l("checklist");
-e.image = l("attach_file");
-e["code-block"] = l("code");
-const n = [
+import { Quill as l } from "react-quill-ayon";
+import s from "quill-magic-url";
+import m from "./ImageUploader.es.js";
+import c from "./MentionClipboard.es.js";
+l.register("modules/imageUploader", m);
+l.register("modules/magicUrl", s);
+l.register("modules/mentionClipboard", c);
+const e = (o) => '<span class="material-symbols-outlined icon">' + o + "</span>";
+var i = l.import("ui/icons");
+i.header[2] = e("format_h1");
+i.bold = e("format_bold");
+i.italic = e("format_italic");
+i.underline = e("format_underlined");
+i.link = e("link");
+i.list.ordered = e("format_list_numbered");
+i.list.bullet = e("format_list_bulleted");
+i.list.check = e("checklist");
+i.image = e("attach_file");
+i["code-block"] = e("code");
+const p = [
   "header",
   "bold",
   "italic",
@@ -24,19 +26,20 @@ const n = [
   "link",
   "code-block",
   "mention"
-], u = ({ imageUploader: i, disableImageUpload: r = !1 }) => {
+], f = ({ imageUploader: o, mentionTypeOptions: r, disableImageUpload: a = !1 }) => {
   const t = [
     [{ header: 2 }, "bold", "italic", "link", "code-block"],
     [{ list: "ordered" }, { list: "bullet" }, { list: "check" }]
   ];
-  return r || t.push(["image"]), {
+  return a || t.push(["image"]), {
     toolbar: t,
-    imageUploader: i,
-    magicUrl: !0
+    imageUploader: o,
+    magicUrl: !0,
+    mentionClipboard: { typeOptions: r }
   };
 };
 export {
-  u as getModules,
-  n as quillFormats
+  f as getModules,
+  p as quillFormats
 };
 //# sourceMappingURL=index.es.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/modules/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/index.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { Quill } from 'react-quill-ayon'\nimport MagicUrl from 'quill-magic-url'\nimport ImageUploader from './ImageUploader'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\n\n// override icons with material icons\nconst getIcon = (icon) => '<span class=\"material-symbols-outlined icon\">' + icon + '</span>'\n\nvar icons = Quill.import('ui/icons')\nicons['header']['2'] = getIcon('format_h1')\nicons['bold'] = getIcon('format_bold')\nicons['italic'] = getIcon('format_italic')\nicons['underline'] = getIcon('format_underlined')\nicons['link'] = getIcon('link')\nicons['list']['ordered'] = getIcon('format_list_numbered')\nicons['list']['bullet'] = getIcon('format_list_bulleted')\nicons['list']['check'] = getIcon('checklist')\nicons['image'] = getIcon('attach_file')\nicons['code-block'] = getIcon('code')\n\nexport const quillFormats = [\n  'header',\n  'bold',\n  'italic',\n  'strike',\n  'list',\n  'link',\n  'code-block',\n  'mention',\n]\n\nexport const getModules = ({ imageUploader, disableImageUpload = false }) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  ]\n  \n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n  \n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","getIcon","icon","icons","quillFormats","getModules","imageUploader","disableImageUpload","toolbar"],"mappings":";;;AAKAA,EAAM,SAAS,yBAAyBC,CAAa;AACrDD,EAAM,SAAS,oBAAoBE,CAAQ;AAG3C,MAAMC,IAAU,CAACC,MAAS,kDAAkDA,IAAO;AAEnF,IAAIC,IAAQL,EAAM,OAAO,UAAU;AACnCK,EAAM,OAAU,CAAG,IAAIF,EAAQ,WAAW;AAC1CE,EAAM,OAAUF,EAAQ,aAAa;AACrCE,EAAM,SAAYF,EAAQ,eAAe;AACzCE,EAAM,YAAeF,EAAQ,mBAAmB;AAChDE,EAAM,OAAUF,EAAQ,MAAM;AAC9BE,EAAM,KAAQ,UAAaF,EAAQ,sBAAsB;AACzDE,EAAM,KAAQ,SAAYF,EAAQ,sBAAsB;AACxDE,EAAM,KAAQ,QAAWF,EAAQ,WAAW;AAC5CE,EAAM,QAAWF,EAAQ,aAAa;AACtCE,EAAM,YAAY,IAAIF,EAAQ,MAAM;AAE7B,MAAMG,IAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAa,CAAC,EAAE,eAAAC,GAAe,oBAAAC,IAAqB,SAAY;AAC3E,QAAMC,IAAU;AAAA,IACd,CAAC,EAAE,QAAQ,EAAA,GAAK,QAAQ,UAAU,QAAQ,YAAY;AAAA,IACtD,CAAC,EAAE,MAAM,aAAa,EAAE,MAAM,SAAA,GAAY,EAAE,MAAM,QAAA,CAAS;AAAA,EAAA;AAG7D,SAAKD,KACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,GAGjB;AAAA,IACL,SAAAA;AAAA,IACA,eAAAF;AAAA,IACA,UAAU;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/modules/index.ts"],"sourcesContent":["// @ts-nocheck\n\nimport { Quill } from 'react-quill-ayon'\nimport MagicUrl from 'quill-magic-url'\nimport ImageUploader from './ImageUploader'\nimport MentionClipboard from './MentionClipboard'\nQuill.register('modules/imageUploader', ImageUploader)\nQuill.register('modules/magicUrl', MagicUrl)\nQuill.register('modules/mentionClipboard', MentionClipboard)\n\n// override icons with material icons\nconst getIcon = (icon) => '<span class=\"material-symbols-outlined icon\">' + icon + '</span>'\n\nvar icons = Quill.import('ui/icons')\nicons['header']['2'] = getIcon('format_h1')\nicons['bold'] = getIcon('format_bold')\nicons['italic'] = getIcon('format_italic')\nicons['underline'] = getIcon('format_underlined')\nicons['link'] = getIcon('link')\nicons['list']['ordered'] = getIcon('format_list_numbered')\nicons['list']['bullet'] = getIcon('format_list_bulleted')\nicons['list']['check'] = getIcon('checklist')\nicons['image'] = getIcon('attach_file')\nicons['code-block'] = getIcon('code')\n\nexport const quillFormats = [\n  'header',\n  'bold',\n  'italic',\n  'strike',\n  'list',\n  'link',\n  'code-block',\n  'mention',\n]\n\nexport const getModules = ({ imageUploader, mentionTypeOptions, disableImageUpload = false }) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n    mentionClipboard: { typeOptions: mentionTypeOptions },\n  }\n}\n"],"names":["Quill","ImageUploader","MagicUrl","MentionClipboard","getIcon","icon","icons","quillFormats","getModules","imageUploader","mentionTypeOptions","disableImageUpload","toolbar"],"mappings":";;;;AAMAA,EAAM,SAAS,yBAAyBC,CAAa;AACrDD,EAAM,SAAS,oBAAoBE,CAAQ;AAC3CF,EAAM,SAAS,4BAA4BG,CAAgB;AAG3D,MAAMC,IAAU,CAACC,MAAS,kDAAkDA,IAAO;AAEnF,IAAIC,IAAQN,EAAM,OAAO,UAAU;AACnCM,EAAM,OAAU,CAAG,IAAIF,EAAQ,WAAW;AAC1CE,EAAM,OAAUF,EAAQ,aAAa;AACrCE,EAAM,SAAYF,EAAQ,eAAe;AACzCE,EAAM,YAAeF,EAAQ,mBAAmB;AAChDE,EAAM,OAAUF,EAAQ,MAAM;AAC9BE,EAAM,KAAQ,UAAaF,EAAQ,sBAAsB;AACzDE,EAAM,KAAQ,SAAYF,EAAQ,sBAAsB;AACxDE,EAAM,KAAQ,QAAWF,EAAQ,WAAW;AAC5CE,EAAM,QAAWF,EAAQ,aAAa;AACtCE,EAAM,YAAY,IAAIF,EAAQ,MAAM;AAE7B,MAAMG,IAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAa,CAAC,EAAE,eAAAC,GAAe,oBAAAC,GAAoB,oBAAAC,IAAqB,SAAY;AAC/F,QAAMC,IAAU;AAAA,IACd,CAAC,EAAE,QAAQ,EAAA,GAAK,QAAQ,UAAU,QAAQ,YAAY;AAAA,IACtD,CAAC,EAAE,MAAM,aAAa,EAAE,MAAM,SAAA,GAAY,EAAE,MAAM,QAAA,CAAS;AAAA,EAAA;AAG7D,SAAKD,KACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,GAGjB;AAAA,IACL,SAAAA;AAAA,IACA,eAAAH;AAAA,IACA,UAAU;AAAA,IACV,kBAAkB,EAAE,aAAaC,EAAA;AAAA,EAAmB;AAExD;"}

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

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),r=require("./FileUploadCard.styled.cjs.js"),l=require("clsx"),F=require("react"),I=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const P=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},U=p=>{for(const[n,t]of Object.entries(B))if(t.some(s=>p.includes(s)))return n;return"draft"},z=({name:p,mime:n,src:t,unsavedAnnotation:s,savedAnnotation:d,size:f,progress:x,onRemove:m,isCompact:q,isDownloadable:c=!1,onExpand:h,disableExpand:j,onJumpTo:R,className:w,...N})=>{const b=x&&x<100,[_,v]=F.useState(!1),{feedAnnotationsEnabled:y}=P.useDetailsPanelContext(),E=p.split("."),u=E.pop()||"",k=E.join("."),o=I.isFilePreviewable(n||"."+u),C=n?.includes("image/")||!!s,g=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:a.getFileSizeString(f)}),e.jsxRuntimeExports.jsx(a.Icon,{icon:"download",className:"download-icon"})]}),i=s??d;return e.jsxRuntimeExports.jsxs(r.File,{className:l(w,{compact:q,isDownloadable:c,isPreviewable:o,isUnsavedAnnotation:!!s}),...N,children:[e.jsxRuntimeExports.jsxs(r.ContentWrapper,{className:l("content-wrapper",{isPreviewable:o,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:U(n||"."+u),className:"type-icon"}),C&&t&&e.jsxRuntimeExports.jsx(r.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||o||s}),children:e.jsxRuntimeExports.jsx("img",{src:t,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(r.Buttons,{className:"expand-buttons",children:[o&&!j&&e.jsxRuntimeExports.jsx(r.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(s||y&&d)&&e.jsxRuntimeExports.jsx(r.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(r.Footer,{className:l({inProgress:b,isPreviewable:o&&!j,isDownloadable:c}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-x}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:i?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:"draw"}),i.range[0],i.range[1]!==i.range[0]&&` - ${i.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[k,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",u]})]})}),c&&(m?e.jsxRuntimeExports.jsx("div",{className:"download",children:g}):e.jsxRuntimeExports.jsx("a",{href:t,target:"_blank",rel:"noopener noreferrer",className:"download",children:g}))]}),m&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:m,icon:"close"})]})};module.exports=z;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),o=require("@ynput/ayon-react-components"),i=require("./FileUploadCard.styled.cjs.js"),a=require("clsx"),F=require("react"),I=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const P=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");require("../../../../api/base/client.cjs.js");require("../../../../api/generated/graphql.cjs.js");require("../../../../api/generated/graphqlLinks.cjs.js");require("../../../../api/generated/access.cjs.js");require("../../../../api/generated/actions.cjs.js");require("../../../../api/generated/activityFeed.cjs.js");require("../../../../api/generated/addons.cjs.js");require("../../../../api/generated/anatomy.cjs.js");require("../../../../api/generated/attributes.cjs.js");require("../../../../api/generated/authentication.cjs.js");require("../../../../api/generated/bundles.cjs.js");require("../../../../api/generated/configuration.cjs.js");require("../../../../api/generated/dataImport.cjs.js");require("../../../../api/generated/desktop.cjs.js");require("../../../../api/generated/entityLists.cjs.js");require("../../../../api/generated/events.cjs.js");require("../../../../api/generated/files.cjs.js");require("../../../../api/generated/folders.cjs.js");require("../../../../api/generated/inbox.cjs.js");require("../../../../api/generated/links.cjs.js");require("../../../../api/generated/market.cjs.js");require("../../../../api/generated/onboarding.cjs.js");require("../../../../api/generated/operations.cjs.js");require("../../../../api/generated/products.cjs.js");require("../../../../api/generated/projectDashboard.cjs.js");require("../../../../api/generated/projects.cjs.js");require("../../../../api/generated/projectFolders.cjs.js");require("../../../../api/generated/reviewables.cjs.js");require("../../../../api/generated/services.cjs.js");require("../../../../api/generated/system.cjs.js");require("../../../../api/generated/tasks.cjs.js");require("../../../../api/generated/teams.cjs.js");require("../../../../api/generated/thumbnails.cjs.js");require("../../../../api/generated/uRIs.cjs.js");require("../../../../api/generated/users.cjs.js");require("../../../../api/generated/versions.cjs.js");require("../../../../api/generated/workfiles.cjs.js");require("../../../../api/generated/ynputCloud.cjs.js");require("../../../../api/generated/grouping.cjs.js");require("../../../../api/generated/views.cjs.js");require("../../../../api/queries/actions/getActions.cjs.js");require("../../../../api/queries/activities/getActivities.cjs.js");require("../../../../api/queries/activities/updateActivities.cjs.js");require("../../../../api/queries/activities/updateReaction.cjs.js");require("../../../../api/queries/activities/getMentions.cjs.js");require("../../../../api/queries/activities/getCategories.cjs.js");require("../../../../api/queries/addons/getAddons.cjs.js");require("../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../api/queries/cloud/cloud.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../../api/queries/review/getReview.cjs.js");require("../../../../api/queries/review/updateReview.cjs.js");require("../../../../api/queries/share/share.cjs.js");require("../../../../api/queries/system/getSystem.cjs.js");require("../../../../api/queries/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.cjs.js");require("../../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../../api/queries/users/getUsers.cjs.js");require("../../../../api/queries/users/updateUsers.cjs.js");require("../../../../api/queries/users/guests.cjs.js");require("../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../api/queries/views/getViews.cjs.js");require("../../../../api/queries/views/updateViews.cjs.js");require("../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},U=c=>{for(const[s,u]of Object.entries(B))if(u.some(r=>c.includes(r)))return s;return"draft"},z=({name:c,mime:s,src:u,unsavedAnnotation:r,savedAnnotation:m,size:g,progress:l,onRemove:p,isCompact:f,isDownloadable:q=!1,onExpand:h,disableExpand:d,onJumpTo:R,className:w,...N})=>{const b=l&&l<100,[_,v]=F.useState(!1),{feedAnnotationsEnabled:y}=P.useDetailsPanelContext(),j=c.split("."),x=j.pop()||"",k=j.join("."),n=I.isFilePreviewable(s||"."+x),C=s?.includes("image/")||!!r,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:o.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(o.Icon,{icon:"download",className:"download-icon"})]}),t=r??m;return e.jsxRuntimeExports.jsxs(i.File,{className:a(w,{compact:f,isDownloadable:q,isPreviewable:n,isUnsavedAnnotation:!!r}),...N,children:[e.jsxRuntimeExports.jsxs(i.ContentWrapper,{className:a("content-wrapper",{isPreviewable:n,isUnsavedAnnotation:!!r}),children:[e.jsxRuntimeExports.jsx(o.Icon,{icon:U(s||"."+x),className:"type-icon"}),C&&u&&e.jsxRuntimeExports.jsx(i.ImageWrapper,{className:a({"image-wrapper":!0,isDownloadable:q||n||r}),children:e.jsxRuntimeExports.jsx("img",{src:u,onError:()=>v(!0),style:{display:_?"none":"block"}})}),e.jsxRuntimeExports.jsxs(i.Buttons,{className:"expand-buttons",children:[n&&!d&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(r||y&&m)&&e.jsxRuntimeExports.jsx(i.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(i.Footer,{className:a({inProgress:b,isPreviewable:n&&!d,isDownloadable:q}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-l}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:t?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(o.Icon,{icon:"draw"}),t.range[0],t.range[1]!==t.range[0]&&` - ${t.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[k,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",x]})]})}),q&&(p?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:u,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),p&&e.jsxRuntimeExports.jsx(o.Button,{className:"remove",onClick:p,icon:"close"})]})};module.exports=z;
 //# sourceMappingURL=FileUploadCard.cjs.js.map