@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityFormData.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");require("lodash");require("react-toastify");const b=require("../../../util/getMixedState.cjs.js");require("uuid");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/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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.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/listItemsColumnStats.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("../../../util/pubsub.cjs.js");const F=require("../types.cjs.js"),S=(s,d)=>{const[p,c]=o.useState([]),[n,l]=o.useState(null),f=()=>{const r={},q=new Set;s.forEach(e=>{const t={id:e.id,name:e.name,label:e.label,entityType:e.entityType,createdAt:e.createdAt,updatedAt:e.updatedAt,projectName:e.projectName,status:e.status,tags:e.tags||[],path:e.path,folderType:e.folder?.folderType,productType:e.product?.productType,taskType:e.task?.taskType,description:e.attrib?.description?.toString()??""};Object.keys(t).forEach(i=>{F.visibleFields.includes(i)&&(r[i]=r[i]||[],r[i].push(t[i]))}),e.attrib&&Object.keys(e.attrib).forEach(i=>{if(i!=="description"){const a=`attrib.${i}`;r[a]=r[a]||[],r[a].push(e.attrib?.[i])}})});const u=Object.entries(r).reduce((e,[t,i])=>{const{value:a,isMixed:m}=b.getMixedState(i);return e[t]=a,m&&q.add(t),e},{});l(u),c(Array.from(q))};return o.useEffect(()=>{d||s.length===0||f()},[s,d]),{formData:n,mixedFields:p,updateFormData:(r,q)=>{l(u=>u&&{...u,[r]:q})},clearMixedField:r=>{c(q=>q.filter(u=>u!==r))}}};exports.useEntityFormData=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");require("lodash");require("react-toastify");const F=require("../../../util/getMixedState.cjs.js");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");const S=require("../types.cjs.js"),T=(c,u)=>{const[n,l]=i.useState([]),[f,p]=i.useState(null),m=()=>{const t={},s=new Set;c.forEach(e=>{const o={id:e.id,name:e.name,label:e.label,entityType:e.entityType,createdAt:e.createdAt,updatedAt:e.updatedAt,projectName:e.projectName,status:e.status,tags:e.tags||[],path:e.path,folderType:e.folder?.folderType,productType:e.product?.productType,taskType:e.task?.taskType,description:e.attrib?.description?.toString()??""};Object.keys(o).forEach(r=>{S.visibleFields.includes(r)&&(t[r]=t[r]||[],t[r].push(o[r]))}),e.attrib&&Object.keys(e.attrib).forEach(r=>{if(r!=="description"){const d=`attrib.${r}`;t[d]=t[d]||[],t[d].push(e.attrib?.[r])}})});const a=Object.entries(t).reduce((e,[o,r])=>{const{value:d,isMixed:b}=F.getMixedState(r);return e[o]=d,b&&s.add(o),e},{});p(a),l(Array.from(s))};return i.useEffect(()=>{u||c.length===0||m()},[c,u]),{formData:f,mixedFields:n,updateFormData:(t,s)=>{p(a=>a&&{...a,[t]:s})},clearMixedField:t=>{l(s=>s.filter(a=>a!==t))}}};exports.useEntityFormData=T;
 //# sourceMappingURL=useEntityFormData.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityFormData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityFormData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    const valuesByField: Record<string, any[]> = {}\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n        description: entity.attrib?.description?.toString() ?? '',\n      }\n\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          if (key !== 'description') {\n            const attribKey = `attrib.${key}`\n            valuesByField[attribKey] = valuesByField[attribKey] || []\n            valuesByField[attribKey].push(entity.attrib?.[key])\n          }\n        })\n      }\n    })\n\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const updateFormData = (key: string, value: any) => {\n    setFormData((prev) => {\n      if (!prev) return prev\n      return {\n        ...prev,\n        [key]: value,\n      }\n    })\n  }\n\n  const clearMixedField = (fieldName: string) => {\n    setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n  }\n\n  return {\n    formData,\n    mixedFields,\n    updateFormData,\n    clearMixedField,\n  }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":"+nLAMaA,EAAoB,CAACC,EAAoCC,IAAuB,CAC3F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACrD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA4B,IAAI,EAE1DG,EAAmB,IAAM,CAC7B,MAAMC,EAAuC,CAAA,EACvCC,MAAqB,IAE3BT,EAAS,QAASU,GAAW,CAC3B,MAAMC,EAA2B,CAC/B,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,MACd,WAAYA,EAAO,WACnB,UAAWA,EAAO,UAClB,UAAWA,EAAO,UAClB,YAAaA,EAAO,YACpB,OAAQA,EAAO,OACf,KAAMA,EAAO,MAAQ,CAAA,EACrB,KAAMA,EAAO,KACb,WAAYA,EAAO,QAAQ,WAC3B,YAAaA,EAAO,SAAS,YAC7B,SAAUA,EAAO,MAAM,SACvB,YAAaA,EAAO,QAAQ,aAAa,YAAc,EAAA,EAGzD,OAAO,KAAKC,CAAY,EAAE,QAASC,GAAQ,CACrCC,EAAAA,cAAc,SAASD,CAAuB,IAChDJ,EAAcI,CAAG,EAAIJ,EAAcI,CAAG,GAAK,CAAA,EAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC,EAEtD,CAAC,EAEGF,EAAO,QACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAASE,GAAQ,CAC1C,GAAIA,IAAQ,cAAe,CACzB,MAAME,EAAY,UAAUF,CAAG,GAC/BJ,EAAcM,CAAS,EAAIN,EAAcM,CAAS,GAAK,CAAA,EACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC,CACpD,CACF,CAAC,CAEL,CAAC,EAED,MAAMP,EAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,EAAQ,CAACH,EAAKI,CAAM,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,QAAAC,GAAYC,EAAAA,cAAcH,CAAM,EAC/C,OAAAD,EAAOH,CAAG,EAAIK,EAEVC,GACFT,EAAe,IAAIG,CAAG,EAGjBG,CACT,EAAG,CAAA,CAAyB,EAE5BT,EAAYD,CAAsB,EAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC,CAC3C,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACVnB,GAAaD,EAAS,SAAW,GACrCO,EAAA,CACF,EAAG,CAACP,EAAUC,CAAS,CAAC,EAgBjB,CACL,SAAAI,EACA,YAAAH,EACA,eAjBqB,CAACU,EAAaK,IAAe,CAClDX,EAAae,GACNA,GACE,CACL,GAAGA,EACH,CAACT,CAAG,EAAGK,CAAA,CAEV,CACH,EAUE,gBARuBK,GAAsB,CAC7CnB,EAAgBkB,GAASA,EAAK,OAAQE,GAAUA,IAAUD,CAAS,CAAC,CACtE,CAME,CAEJ"}
+{"version":3,"file":"useEntityFormData.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    const valuesByField: Record<string, any[]> = {}\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n        description: entity.attrib?.description?.toString() ?? '',\n      }\n\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          if (key !== 'description') {\n            const attribKey = `attrib.${key}`\n            valuesByField[attribKey] = valuesByField[attribKey] || []\n            valuesByField[attribKey].push(entity.attrib?.[key])\n          }\n        })\n      }\n    })\n\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const updateFormData = (key: string, value: any) => {\n    setFormData((prev) => {\n      if (!prev) return prev\n      return {\n        ...prev,\n        [key]: value,\n      }\n    })\n  }\n\n  const clearMixedField = (fieldName: string) => {\n    setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n  }\n\n  return {\n    formData,\n    mixedFields,\n    updateFormData,\n    clearMixedField,\n  }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":"8VAMaA,EAAoB,CAACC,EAAoCC,IAAuB,CAC3F,KAAM,CAACC,EAAaC,CAAc,EAAIC,EAAAA,SAAmB,CAAA,CAAE,EACrD,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAA4B,IAAI,EAE1DG,EAAmB,IAAM,CAC7B,MAAMC,EAAuC,CAAA,EACvCC,MAAqB,IAE3BT,EAAS,QAASU,GAAW,CAC3B,MAAMC,EAA2B,CAC/B,GAAID,EAAO,GACX,KAAMA,EAAO,KACb,MAAOA,EAAO,MACd,WAAYA,EAAO,WACnB,UAAWA,EAAO,UAClB,UAAWA,EAAO,UAClB,YAAaA,EAAO,YACpB,OAAQA,EAAO,OACf,KAAMA,EAAO,MAAQ,CAAA,EACrB,KAAMA,EAAO,KACb,WAAYA,EAAO,QAAQ,WAC3B,YAAaA,EAAO,SAAS,YAC7B,SAAUA,EAAO,MAAM,SACvB,YAAaA,EAAO,QAAQ,aAAa,YAAc,EAAA,EAGzD,OAAO,KAAKC,CAAY,EAAE,QAASC,GAAQ,CACrCC,EAAAA,cAAc,SAASD,CAAuB,IAChDJ,EAAcI,CAAG,EAAIJ,EAAcI,CAAG,GAAK,CAAA,EAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC,EAEtD,CAAC,EAEGF,EAAO,QACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAASE,GAAQ,CAC1C,GAAIA,IAAQ,cAAe,CACzB,MAAME,EAAY,UAAUF,CAAG,GAC/BJ,EAAcM,CAAS,EAAIN,EAAcM,CAAS,GAAK,CAAA,EACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC,CACpD,CACF,CAAC,CAEL,CAAC,EAED,MAAMP,EAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,EAAQ,CAACH,EAAKI,CAAM,IAAM,CAC/E,KAAM,CAAE,MAAAC,EAAO,QAAAC,GAAYC,EAAAA,cAAcH,CAAM,EAC/C,OAAAD,EAAOH,CAAG,EAAIK,EAEVC,GACFT,EAAe,IAAIG,CAAG,EAGjBG,CACT,EAAG,CAAA,CAAyB,EAE5BT,EAAYD,CAAsB,EAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC,CAC3C,EAEAW,OAAAA,EAAAA,UAAU,IAAM,CACVnB,GAAaD,EAAS,SAAW,GACrCO,EAAA,CACF,EAAG,CAACP,EAAUC,CAAS,CAAC,EAgBjB,CACL,SAAAI,EACA,YAAAH,EACA,eAjBqB,CAACU,EAAaK,IAAe,CAClDX,EAAae,GACNA,GACE,CACL,GAAGA,EACH,CAACT,CAAG,EAAGK,CAAA,CAEV,CACH,EAUE,gBARuBK,GAAsB,CAC7CnB,EAAgBkB,GAASA,EAAK,OAAQE,GAAUA,IAAUD,CAAS,CAAC,CACtE,CAME,CAEJ"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityFormData.es.js

@@ -3,110 +3,14 @@ import "lodash";
 import "react-toastify";
 import { getMixedState as h } from "../../../util/getMixedState.es.js";
 import "uuid";
-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/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/bundles/getBundles.es.js";
-import "../../../api/queries/bundles/updateBundles.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
-import "../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../api/queries/columnStats/groupCounts.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/listItemsColumnStats.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 "../../../util/pubsub.es.js";
 import { visibleFields as x } from "../types.es.js";
-const hr = (a, d) => {
-  const [u, s] = l([]), [f, c] = l(null), n = () => {
-    const r = {}, p = /* @__PURE__ */ new Set();
-    a.forEach((t) => {
-      const m = {
+const v = (i, c) => {
+  const [u, p] = l([]), [f, m] = l(null), n = () => {
+    const r = {}, o = /* @__PURE__ */ new Set();
+    i.forEach((t) => {
+      const d = {
         id: t.id,
         name: t.name,
         label: t.label,
@@ -122,38 +26,38 @@ const hr = (a, d) => {
         taskType: t.task?.taskType,
         description: t.attrib?.description?.toString() ?? ""
       };
-      Object.keys(m).forEach((o) => {
-        x.includes(o) && (r[o] = r[o] || [], r[o].push(m[o]));
-      }), t.attrib && Object.keys(t.attrib).forEach((o) => {
-        if (o !== "description") {
-          const e = `attrib.${o}`;
-          r[e] = r[e] || [], r[e].push(t.attrib?.[o]);
+      Object.keys(d).forEach((e) => {
+        x.includes(e) && (r[e] = r[e] || [], r[e].push(d[e]));
+      }), t.attrib && Object.keys(t.attrib).forEach((e) => {
+        if (e !== "description") {
+          const s = `attrib.${e}`;
+          r[s] = r[s] || [], r[s].push(t.attrib?.[e]);
         }
       });
     });
-    const i = Object.entries(r).reduce((t, [m, o]) => {
-      const { value: e, isMixed: b } = h(o);
-      return t[m] = e, b && p.add(m), t;
+    const a = Object.entries(r).reduce((t, [d, e]) => {
+      const { value: s, isMixed: b } = h(e);
+      return t[d] = s, b && o.add(d), t;
     }, {});
-    c(i), s(Array.from(p));
+    m(a), p(Array.from(o));
   };
   return F(() => {
-    d || a.length === 0 || n();
-  }, [a, d]), {
+    c || i.length === 0 || n();
+  }, [i, c]), {
     formData: f,
     mixedFields: u,
-    updateFormData: (r, p) => {
-      c((i) => i && {
-        ...i,
-        [r]: p
+    updateFormData: (r, o) => {
+      m((a) => a && {
+        ...a,
+        [r]: o
       });
     },
     clearMixedField: (r) => {
-      s((p) => p.filter((i) => i !== r));
+      p((o) => o.filter((a) => a !== r));
     }
   };
 };
 export {
-  hr as useEntityFormData
+  v as useEntityFormData
 };
 //# sourceMappingURL=useEntityFormData.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useEntityFormData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityFormData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    const valuesByField: Record<string, any[]> = {}\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n        description: entity.attrib?.description?.toString() ?? '',\n      }\n\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          if (key !== 'description') {\n            const attribKey = `attrib.${key}`\n            valuesByField[attribKey] = valuesByField[attribKey] || []\n            valuesByField[attribKey].push(entity.attrib?.[key])\n          }\n        })\n      }\n    })\n\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const updateFormData = (key: string, value: any) => {\n    setFormData((prev) => {\n      if (!prev) return prev\n      return {\n        ...prev,\n        [key]: value,\n      }\n    })\n  }\n\n  const clearMixedField = (fieldName: string) => {\n    setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n  }\n\n  return {\n    formData,\n    mixedFields,\n    updateFormData,\n    clearMixedField,\n  }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,KAAoB,CAACC,GAAoCC,MAAuB;AAC3F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GACrD,CAACC,GAAUC,CAAW,IAAIF,EAA4B,IAAI,GAE1DG,IAAmB,MAAM;AAC7B,UAAMC,IAAuC,CAAA,GACvCC,wBAAqB,IAAA;AAE3B,IAAAT,EAAS,QAAQ,CAACU,MAAW;AAC3B,YAAMC,IAA2B;AAAA,QAC/B,IAAID,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,OAAOA,EAAO;AAAA,QACd,YAAYA,EAAO;AAAA,QACnB,WAAWA,EAAO;AAAA,QAClB,WAAWA,EAAO;AAAA,QAClB,aAAaA,EAAO;AAAA,QACpB,QAAQA,EAAO;AAAA,QACf,MAAMA,EAAO,QAAQ,CAAA;AAAA,QACrB,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO,QAAQ;AAAA,QAC3B,aAAaA,EAAO,SAAS;AAAA,QAC7B,UAAUA,EAAO,MAAM;AAAA,QACvB,aAAaA,EAAO,QAAQ,aAAa,cAAc;AAAA,MAAA;AAGzD,aAAO,KAAKC,CAAY,EAAE,QAAQ,CAACC,MAAQ;AACzC,QAAIC,EAAc,SAASD,CAAuB,MAChDJ,EAAcI,CAAG,IAAIJ,EAAcI,CAAG,KAAK,CAAA,GAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC;AAAA,MAEtD,CAAC,GAEGF,EAAO,UACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAAQ,CAACE,MAAQ;AAC1C,YAAIA,MAAQ,eAAe;AACzB,gBAAME,IAAY,UAAUF,CAAG;AAC/B,UAAAJ,EAAcM,CAAS,IAAIN,EAAcM,CAAS,KAAK,CAAA,GACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC;AAAA,QACpD;AAAA,MACF,CAAC;AAAA,IAEL,CAAC;AAED,UAAMP,IAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,GAAQ,CAACH,GAAKI,CAAM,MAAM;AAC/E,YAAM,EAAE,OAAAC,GAAO,SAAAC,MAAYC,EAAcH,CAAM;AAC/C,aAAAD,EAAOH,CAAG,IAAIK,GAEVC,KACFT,EAAe,IAAIG,CAAG,GAGjBG;AAAA,IACT,GAAG,CAAA,CAAyB;AAE5B,IAAAT,EAAYD,CAAsB,GAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC;AAAA,EAC3C;AAEA,SAAAW,EAAU,MAAM;AACd,IAAInB,KAAaD,EAAS,WAAW,KACrCO,EAAA;AAAA,EACF,GAAG,CAACP,GAAUC,CAAS,CAAC,GAgBjB;AAAA,IACL,UAAAI;AAAA,IACA,aAAAH;AAAA,IACA,gBAjBqB,CAACU,GAAaK,MAAe;AAClD,MAAAX,EAAY,CAACe,MACNA,KACE;AAAA,QACL,GAAGA;AAAA,QACH,CAACT,CAAG,GAAGK;AAAA,MAAA,CAEV;AAAA,IACH;AAAA,IAUE,iBARsB,CAACK,MAAsB;AAC7C,MAAAnB,EAAe,CAACkB,MAASA,EAAK,OAAO,CAACE,MAAUA,MAAUD,CAAS,CAAC;AAAA,IACtE;AAAA,EAME;AAEJ;"}
+{"version":3,"file":"useEntityFormData.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useEntityFormData.ts"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport { getMixedState } from '@shared/util'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport type { EntityForm } from '../types'\nimport { visibleFields } from '../types'\n\nexport const useEntityFormData = (entities: DetailsPanelEntityData[], isLoading: boolean) => {\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    const valuesByField: Record<string, any[]> = {}\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n        description: entity.attrib?.description?.toString() ?? '',\n      }\n\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          if (key !== 'description') {\n            const attribKey = `attrib.${key}`\n            valuesByField[attribKey] = valuesByField[attribKey] || []\n            valuesByField[attribKey].push(entity.attrib?.[key])\n          }\n        })\n      }\n    })\n\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const updateFormData = (key: string, value: any) => {\n    setFormData((prev) => {\n      if (!prev) return prev\n      return {\n        ...prev,\n        [key]: value,\n      }\n    })\n  }\n\n  const clearMixedField = (fieldName: string) => {\n    setMixedFields((prev) => prev.filter((field) => field !== fieldName))\n  }\n\n  return {\n    formData,\n    mixedFields,\n    updateFormData,\n    clearMixedField,\n  }\n}\n"],"names":["useEntityFormData","entities","isLoading","mixedFields","setMixedFields","useState","formData","setFormData","buildInitialForm","valuesByField","mixedFieldsSet","entity","mappedEntity","key","visibleFields","attribKey","result","values","value","isMixed","getMixedState","useEffect","prev","fieldName","field"],"mappings":";;;;;;;;AAMO,MAAMA,IAAoB,CAACC,GAAoCC,MAAuB;AAC3F,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GACrD,CAACC,GAAUC,CAAW,IAAIF,EAA4B,IAAI,GAE1DG,IAAmB,MAAM;AAC7B,UAAMC,IAAuC,CAAA,GACvCC,wBAAqB,IAAA;AAE3B,IAAAT,EAAS,QAAQ,CAACU,MAAW;AAC3B,YAAMC,IAA2B;AAAA,QAC/B,IAAID,EAAO;AAAA,QACX,MAAMA,EAAO;AAAA,QACb,OAAOA,EAAO;AAAA,QACd,YAAYA,EAAO;AAAA,QACnB,WAAWA,EAAO;AAAA,QAClB,WAAWA,EAAO;AAAA,QAClB,aAAaA,EAAO;AAAA,QACpB,QAAQA,EAAO;AAAA,QACf,MAAMA,EAAO,QAAQ,CAAA;AAAA,QACrB,MAAMA,EAAO;AAAA,QACb,YAAYA,EAAO,QAAQ;AAAA,QAC3B,aAAaA,EAAO,SAAS;AAAA,QAC7B,UAAUA,EAAO,MAAM;AAAA,QACvB,aAAaA,EAAO,QAAQ,aAAa,cAAc;AAAA,MAAA;AAGzD,aAAO,KAAKC,CAAY,EAAE,QAAQ,CAACC,MAAQ;AACzC,QAAIC,EAAc,SAASD,CAAuB,MAChDJ,EAAcI,CAAG,IAAIJ,EAAcI,CAAG,KAAK,CAAA,GAC3CJ,EAAcI,CAAG,EAAE,KAAMD,EAAqBC,CAAG,CAAC;AAAA,MAEtD,CAAC,GAEGF,EAAO,UACT,OAAO,KAAKA,EAAO,MAAM,EAAE,QAAQ,CAACE,MAAQ;AAC1C,YAAIA,MAAQ,eAAe;AACzB,gBAAME,IAAY,UAAUF,CAAG;AAC/B,UAAAJ,EAAcM,CAAS,IAAIN,EAAcM,CAAS,KAAK,CAAA,GACvDN,EAAcM,CAAS,EAAE,KAAKJ,EAAO,SAASE,CAAG,CAAC;AAAA,QACpD;AAAA,MACF,CAAC;AAAA,IAEL,CAAC;AAED,UAAMP,IAAW,OAAO,QAAQG,CAAa,EAAE,OAAO,CAACO,GAAQ,CAACH,GAAKI,CAAM,MAAM;AAC/E,YAAM,EAAE,OAAAC,GAAO,SAAAC,MAAYC,EAAcH,CAAM;AAC/C,aAAAD,EAAOH,CAAG,IAAIK,GAEVC,KACFT,EAAe,IAAIG,CAAG,GAGjBG;AAAA,IACT,GAAG,CAAA,CAAyB;AAE5B,IAAAT,EAAYD,CAAsB,GAClCF,EAAe,MAAM,KAAKM,CAAc,CAAC;AAAA,EAC3C;AAEA,SAAAW,EAAU,MAAM;AACd,IAAInB,KAAaD,EAAS,WAAW,KACrCO,EAAA;AAAA,EACF,GAAG,CAACP,GAAUC,CAAS,CAAC,GAgBjB;AAAA,IACL,UAAAI;AAAA,IACA,aAAAH;AAAA,IACA,gBAjBqB,CAACU,GAAaK,MAAe;AAClD,MAAAX,EAAY,CAACe,MACNA,KACE;AAAA,QACL,GAAGA;AAAA,QACH,CAACT,CAAG,GAAGK;AAAA,MAAA,CAEV;AAAA,IACH;AAAA,IAUE,iBARsB,CAACK,MAAsB;AAC7C,MAAAnB,EAAe,CAACkB,MAASA,EAAK,OAAO,CAACE,MAAUA,MAAUD,CAAS,CAAC;AAAA,IACtE;AAAA,EAME;AAEJ;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const e=require("react-quill-ayon");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");require("uuid");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/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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.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/listItemsColumnStats.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("../../../util/pubsub.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js");e.Quill.import("delta");const r={"@@@":{id:"task"},"@@":{id:"version"},"@":{id:"user",isCircle:!0}};exports.mentionTypeOptions=r;
+"use strict";require("react");const e=require("react-quill-ayon");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("date-fns");require("../../../containers/Feed/components/ActivityDate.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../containers/Feed/context/FeedContext.cjs.js");require("../../../containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js");e.Quill.import("delta");
 //# sourceMappingURL=useMentionSystem.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionSystem.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\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 UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\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  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\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    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\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 = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\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          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      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\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        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\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\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill","mentionTypeOptions"],"mappings":"i4LASYA,EAAAA,MAAM,OAAO,OAAO,EAGzB,MAAMC,EAAqB,CAChC,MAAO,CACL,GAAI,MAAA,EAEN,KAAM,CACJ,GAAI,SAAA,EAEN,IAAK,CACH,GAAI,OACJ,SAAU,EAAA,CAEd"}
+{"version":3,"file":"useMentionSystem.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\nimport { mentionTypeOptions } from '@shared/util/mentionTypeOptions'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport { mentionTypeOptions }\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\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  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\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    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\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 = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\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          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      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\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        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\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\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill"],"mappings":"6hBAUYA,EAAAA,MAAM,OAAO,OAAO"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.es.js

@@ -6,120 +6,9 @@ import "../../../containers/Feed/components/ActivityDate.es.js";
 import "lodash";
 import "react-toastify";
 import "uuid";
-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/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/bundles/getBundles.es.js";
-import "../../../api/queries/bundles/updateBundles.es.js";
-import "../../../api/queries/cloud/cloud.es.js";
-import "../../../api/queries/columnStats/metricTargets.es.js";
-import "../../../api/queries/columnStats/groupCounts.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/listItemsColumnStats.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 "../../../util/pubsub.es.js";
 import "../../../containers/Feed/context/FeedContext.es.js";
 import "../../../containers/Feed/components/CommentInput/hooks/useMentionLink.es.js";
 i.import("delta");
-const tt = {
-  "@@@": {
-    id: "task"
-  },
-  "@@": {
-    id: "version"
-  },
-  "@": {
-    id: "user",
-    isCircle: !0
-  }
-};
-export {
-  tt as mentionTypeOptions
-};
 //# sourceMappingURL=useMentionSystem.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useMentionSystem.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMentionSystem.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\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 UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\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  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\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    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\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 = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\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          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      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\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        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\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\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill","mentionTypeOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASYA,EAAM,OAAO,OAAO;AAGzB,MAAMC,KAAqB;AAAA,EAChC,OAAO;AAAA,IACL,IAAI;AAAA,EAAA;AAAA,EAEN,MAAM;AAAA,IACJ,IAAI;AAAA,EAAA;AAAA,EAEN,KAAK;AAAA,IACH,IAAI;AAAA,IACJ,UAAU;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useMentionSystem.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useMentionSystem.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react'\nimport { Quill } from 'react-quill-ayon'\nimport getMentionOptions from '@shared/containers/Feed/mentionHelpers/getMentionOptions'\nimport getMentionUsers from '@shared/containers/Feed/mentionHelpers/getMentionUsers'\nimport getMentionVersions from '@shared/containers/Feed/mentionHelpers/getMentionVersions'\nimport getMentionTasks from '@shared/containers/Feed/mentionHelpers/getMentionTasks'\nimport { useFeedContext } from '@shared/containers/Feed/context/FeedContext'\nimport useMentionLink from '@shared/containers/Feed/components/CommentInput/hooks/useMentionLink'\nimport { mentionTypeOptions } from '@shared/util/mentionTypeOptions'\n\nvar Delta = Quill.import('delta')\n\nconst mentionTypes = ['@', '@@', '@@@']\nexport { mentionTypeOptions }\n\ninterface UseMentionSystemProps {\n  editorRef: React.RefObject<any>\n  isEditing: boolean\n  setEditorValue: (value: string) => void\n}\n\nexport const useMentionSystem = ({\n  editorRef,\n  isEditing,\n  setEditorValue,\n}: UseMentionSystemProps) => {\n  let feedContext = null\n  try {\n    feedContext = useFeedContext()\n  } catch (error) {\n    // Feed context is not available, mentions will be disabled\n  }\n\n  const { projectName, projectInfo, mentionSuggestionsData } = feedContext || {}\n  const {\n    users: mentionUsers,\n    versions: mentionVersions,\n    tasks: mentionTasks,\n  } = mentionSuggestionsData || {}\n\n  const [mention, setMention] = useState<null | any>(null)\n  const [mentionSelectedIndex, setMentionSelectedIndex] = useState(0)\n\n  // Sort mention types by length (longest first) for proper matching\n  const sortedMentionTypes = mentionTypes.toSorted((a, b) => b.length - a.length)\n\n  const mentionOptions = useMemo(() => {\n    if (!feedContext || !mentionUsers || !mentionVersions || !mentionTasks) {\n      return []\n    }\n\n    return getMentionOptions(\n      mention?.type,\n      {\n        '@': () => getMentionUsers(mentionUsers),\n        '@@': () => getMentionVersions(mentionVersions),\n        '@@@': () => getMentionTasks(mentionTasks, projectInfo?.taskTypes),\n      },\n      mention?.search,\n    )\n  }, [\n    feedContext,\n    mentionTasks,\n    mentionVersions,\n    mentionUsers,\n    mention?.type,\n    mention?.search,\n    projectInfo?.taskTypes,\n  ])\n\n  const shownMentionOptions = mentionOptions.slice(0, 5)\n\n  useMentionLink({ projectName: projectName ?? '' })\n\n  // Reset mention state when editing stops\n  useEffect(() => {\n    if (!isEditing) {\n      setMention(null)\n      setMentionSelectedIndex(0)\n    }\n  }, [isEditing])\n\n  const handleSelectMention = (selectedOption: any) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill || !mention) {\n      return\n    }\n\n    const typePrefix = mention.type\n    const search = typePrefix + (mention.search || '')\n    const mentionLabel = typePrefix + selectedOption.label\n    const type = mentionTypeOptions[typePrefix as keyof typeof mentionTypeOptions]\n    const href = `${type?.id}:${selectedOption.id}`\n\n    const selection = quill.getSelection(true)\n    const selectionIndex = selection?.index || 0\n    const startIndex = selectionIndex - search.length\n\n    quill.deleteText(startIndex, search.length)\n\n    quill.insertText(startIndex, mentionLabel, 'mention', href)\n\n    const endIndex = startIndex + mentionLabel.length\n\n    quill.updateContents(new Delta().retain(endIndex).insert(' '))\n\n    quill.updateContents(new Delta().retain(endIndex + 1).delete(1))\n\n    quill.setSelection(endIndex + 1)\n\n    setMention(null)\n    setMentionSelectedIndex(0)\n  }\n\n  const addTextToEditor = (type: string) => {\n    const quill = editorRef.current?.getEditor()\n\n    if (!quill) return\n\n    let retain = quill.getSelection(true)?.index || 0\n\n    const currentCharacter = quill.getText(retain - 1, 1)\n\n    const addSpace = currentCharacter !== ' ' && currentCharacter\n    if (addSpace) {\n      quill.insertText(retain, ' ')\n      retain++\n    }\n\n    quill.insertText(retain, type)\n  }\n\n  const handleMentionButton = (type: string) => {\n    if (mention) {\n      const { type, retain, search = '' } = mention\n\n      const quill = editorRef.current?.getEditor()\n      if (!quill) return\n\n      const length = type.length + search.length\n      const start = retain - type.length + 1\n      quill.deleteText(start, length)\n    }\n\n    addTextToEditor(type)\n  }\n\n  const handleMentionKeyDown = (e: React.KeyboardEvent) => {\n    if (mention) {\n      if (e.key === 'Escape') {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\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  }\n\n  const handleMentionChange = (content: string, delta: any, _: any, editor: any) => {\n    if (!editor || !editorRef.current) {\n      setEditorValue(content)\n      return\n    }\n\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    const selectedOption = mentionOptions[mentionSelectedIndex]\n\n    if (mention && tabOrEnter && selectedOption) {\n      handleSelectMention(selectedOption)\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 = currentCharacter && sortedMentionTypes.includes(currentCharacter)\n\n    if (isMention) {\n      const mentionIndex = delta.ops.findIndex((op: any) => 'insert' in op || 'delete' in op)\n      const mentionChar = currentCharacter\n      let retain = mentionIndex === 0 ? 0 : delta.ops[mentionIndex - 1].retain\n      if (isDelete) retain = retain - 1\n\n      const textBefore = editor.getText(0, retain)\n      const isAtStartOfLine = retain === 0\n      const isAfterSpace = textBefore.endsWith(' ')\n      const isAtStartOfWord = isAtStartOfLine || isAfterSpace\n\n      if (!isAtStartOfWord) {\n        setMention(null)\n        setMentionSelectedIndex(0)\n        return\n      }\n\n      let mentionMatch = null\n\n      for (const chars of sortedMentionTypes) {\n        let isMatch = true\n        if (chars.endsWith(mentionChar)) {\n          for (let i = chars.length - 1; i >= 0; i--) {\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          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      if (mention) {\n        const retain = delta.ops[0].retain\n        if (\n          currentCharacter === ' ' ||\n          !retain ||\n          !currentCharacter ||\n          !sortedMentionTypes.includes(currentCharacter)\n        ) {\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        const quill = editorRef.current?.getEditor()\n        if (quill) {\n          const currentSelection = quill.getSelection(false)\n          const currentFormat = quill.getFormat(currentSelection?.index, currentSelection?.length)\n          if (currentFormat.mention) {\n            const [lineBlock] = quill.getLine(currentSelection.index - 1) || []\n            const ops = lineBlock?.cache?.delta?.ops || []\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\n  return {\n    feedContext,\n    projectName,\n    mention,\n    mentionSelectedIndex,\n    mentionOptions: shownMentionOptions,\n    mentionTypes: sortedMentionTypes,\n    mentionTypeOptions,\n    handleSelectMention,\n    handleMentionButton,\n    handleMentionKeyDown,\n    handleMentionChange,\n  }\n}\n"],"names":["Quill"],"mappings":";;;;;;;;;;;;AAUYA,EAAM,OAAO,OAAO;"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useQuillFormats.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../containers/Feed/components/CommentInput/modules/index.cjs.js"),r=()=>t.quillFormats.filter(e=>e!=="mention");exports.useQuillFormats=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../containers/Feed/components/CommentInput/quillFormats.cjs.js"),r=()=>e.quillFormats.filter(t=>t!=="mention");exports.useQuillFormats=r;
 //# sourceMappingURL=useQuillFormats.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/hooks/useQuillFormats.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuillFormats.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useQuillFormats.ts"],"sourcesContent":["import { quillFormats } from '@shared/containers/Feed/components/CommentInput/modules'\n\nexport const useQuillFormats = () => {\n  // Remove mention format since mentions are disabled\n  return quillFormats.filter((format) => format !== 'mention')\n}\n"],"names":["useQuillFormats","quillFormats","format"],"mappings":"yKAEaA,EAAkB,IAEtBC,EAAAA,aAAa,OAAQC,GAAWA,IAAW,SAAS"}
+{"version":3,"file":"useQuillFormats.cjs.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useQuillFormats.ts"],"sourcesContent":["import { quillFormats } from '@shared/containers/Feed/components/CommentInput/quillFormats'\n\nexport const useQuillFormats = () => {\n  // Remove mention format since mentions are disabled\n  return quillFormats.filter((format) => format !== 'mention')\n}\n"],"names":["useQuillFormats","quillFormats","format"],"mappings":"wKAEaA,EAAkB,IAEtBC,EAAAA,aAAa,OAAQC,GAAWA,IAAW,SAAS"}

package/dist/shared/src/components/DetailsPanelDetails/hooks/useQuillFormats.es.js

@@ -1,4 +1,4 @@
-import { quillFormats as t } from "../../../containers/Feed/components/CommentInput/modules/index.es.js";
+import { quillFormats as t } from "../../../containers/Feed/components/CommentInput/quillFormats.es.js";
 const e = () => t.filter((r) => r !== "mention");
 export {
   e as useQuillFormats

package/dist/shared/src/components/DetailsPanelDetails/hooks/useQuillFormats.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuillFormats.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useQuillFormats.ts"],"sourcesContent":["import { quillFormats } from '@shared/containers/Feed/components/CommentInput/modules'\n\nexport const useQuillFormats = () => {\n  // Remove mention format since mentions are disabled\n  return quillFormats.filter((format) => format !== 'mention')\n}\n"],"names":["useQuillFormats","quillFormats","format"],"mappings":";AAEO,MAAMA,IAAkB,MAEtBC,EAAa,OAAO,CAACC,MAAWA,MAAW,SAAS;"}
+{"version":3,"file":"useQuillFormats.es.js","sources":["../../../../../../src/components/DetailsPanelDetails/hooks/useQuillFormats.ts"],"sourcesContent":["import { quillFormats } from '@shared/containers/Feed/components/CommentInput/quillFormats'\n\nexport const useQuillFormats = () => {\n  // Remove mention format since mentions are disabled\n  return quillFormats.filter((format) => format !== 'mention')\n}\n"],"names":["useQuillFormats","quillFormats","format"],"mappings":";AAEO,MAAMA,IAAkB,MAEtBC,EAAa,OAAO,CAACC,MAAWA,MAAW,SAAS;"}