@ynput/ayon-frontend-shared 0.3.40 → 0.3.42

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

@@ -1,15 +1,110 @@
-import { useState as m, useEffect as F } from "react";
+import { useState as l, useEffect as F } from "react";
 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/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.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 N = (c, i) => {
-  const [u, p] = m([]), [f, l] = m(null), n = () => {
-    const r = {}, o = /* @__PURE__ */ new Set();
-    c.forEach((t) => {
-      const d = {
+const br = (a, d) => {
+  const [u, s] = l([]), [f, c] = l(null), n = () => {
+    const r = {}, p = /* @__PURE__ */ new Set();
+    a.forEach((t) => {
+      const m = {
         id: t.id,
         name: t.name,
         label: t.label,
@@ -25,38 +120,38 @@ const N = (c, i) => {
         taskType: t.task?.taskType,
         description: t.attrib?.description?.toString() ?? ""
       };
-      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]);
+      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]);
         }
       });
     });
-    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;
+    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;
     }, {});
-    l(a), p(Array.from(o));
+    c(i), s(Array.from(p));
   };
   return F(() => {
-    i || c.length === 0 || n();
-  }, [c, i]), {
+    d || a.length === 0 || n();
+  }, [a, d]), {
     formData: f,
     mixedFields: u,
-    updateFormData: (r, o) => {
-      l((a) => a && {
-        ...a,
-        [r]: o
+    updateFormData: (r, p) => {
+      c((i) => i && {
+        ...i,
+        [r]: p
       });
     },
     clearMixedField: (r) => {
-      p((o) => o.filter((a) => a !== r));
+      s((p) => p.filter((i) => i !== r));
     }
   };
 };
 export {
-  N as useEntityFormData
+  br 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,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;"}
+{"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;"}

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("../../../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";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/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.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;
 //# 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":"uiBASYA,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'\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":"8wLASYA,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"}

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

@@ -6,11 +6,106 @@ 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/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.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 a = {
+const $i = {
   "@@@": {
     id: "task"
   },
@@ -23,6 +118,6 @@ const a = {
   }
 };
 export {
-  a as mentionTypeOptions
+  $i 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,IAAqB;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'\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;"}

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),te=require("clsx");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("react-dom");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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");const ne=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");const se=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");const qe=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("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const oe=require("../../context/DetailsPanelContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");const w=require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");const d=require("../../util/versionUploadHelpers.cjs.js");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");const c=require("./EntityPanelUploader.styled.cjs.js"),ae=require("./Dropzone.cjs.js"),le=require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const de=require("../ReviewablesList/useReviewablesUpload.cjs.js"),ce=require("./EntityPanelUploaderDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContext.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");const pe=require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");const ge=require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");const me=[{id:"thumbnail",label:"Upload thumbnail",icon:"add_photo_alternate"},{id:"version",label:"Upload version",icon:"layers"}],xe=({children:N=[],entityType:Z,entities:v=[],projectName:j,thumbnailInputRef:$,versionsInputRef:A,onVersionCreated:L})=>{const{dispatch:M}=oe.useDetailsPanelContext(),b=pe.useOptionalVersionUploadContext(),[T,p]=a.useState(!1),[D,g]=a.useState(null),l=a.useRef(0),[E,s]=a.useState(null),[H,y]=a.useState(0),[W,m]=a.useState(!1),[U,x]=a.useState(null),i=v.length===1?v[0]:null,V=i?.task?.id,P=i?.folder?.id,_=i?.product?.id,B=i?.id,C=!!(i&&Z!=="representation"),{handleFileUpload:G}=de.useReviewablesUpload({projectName:j,versionId:B,taskId:V,folderId:P,productId:_,dispatch:M,onUpload:()=>{s(null),y(0)},onProgress:e=>{y(e)}}),J=me.filter(e=>e.id==="version"?C:!0),n=()=>{s(null),p(!1),g(null),l.current=0,y(0),m(!1),x(null)},K=async e=>{if(!U||!i){m(!1),x(null);return}const r=d.sanitizeProductName(e);if(!r.trim()){w.toast.error("Product name must contain valid characters (letters, numbers, underscore, or hyphen)");return}try{if(!P)throw new Error("Folder ID is required to create a product");s("version");const t=await d.createProductHelper(Y,j,{folderId:P,name:r,productType:"review",productBaseType:"review"});m(!1),await I(U,t.id),x(null)}catch(t){d.handleUploadError(t,"creating product"),n()}},Q=()=>{m(!1),x(null),n()},[X]=qe.useCreateVersionMutation(),[Y]=se.useCreateProductMutation(),k=async e=>{if(!C||!i)return w.toast.error("Please select exactly one version to upload reviewables"),n();if(b){const f=Array.from(e).map(o=>({file:o,preview:o.type.startsWith("image/")?URL.createObjectURL(o):void 0}));b.setPendingFiles(o=>[...o,...f]);const q=i.product,h=i.task?{id:i.task.id,name:i.task.name,label:i.task.label,taskType:i.task.taskType}:void 0;b.onOpenVersionUpload({productId:q?.id,folderId:i.folder?.id,taskId:i.task?.id,linkedTask:h,latestVersionNumber:q?.latestVersion?.version,latestVersionId:q?.latestVersion?.id}),n();return}const r=i.product?.id;if(!r){x(e),m(!0);return}await I(e,r)},I=async(e,r)=>{try{const t=d.getNextVersionNumber(i.product?.latestVersion),f=await d.createVersionHelper(X,j,{productId:r,taskId:V,version:t});await G(e,f.id),n(),L?.(f.id)}catch(t){d.handleUploadError(t,"uploading version"),n()}},S=async e=>{if(!e)return n();try{if(!e.type.includes("image"))throw new Error("File is not an image");let r=[];for(const q of v){const{id:h,entityType:o,projectName:R}=q;if(!R)throw new Error("Project name is required");const ue=le.post(R&&`/api/projects/${R}/${o}s/${h}/thumbnail`,e,{onUploadProgress:O=>{y(Math.round(100*O.loaded/(O.total||e.size)))},headers:{"Content-Type":e.type}});r.push(ue)}const f=(await Promise.all(r)).map((q,h)=>({thumbnailId:q.data.id,id:v[h].id}));p(!1),n()}catch(r){console.error(r),w.toast.error(r.message),n()}},[fe]=ne.useUpdateEntitiesMutation(),z=e=>{e.preventDefault(),l.current++,l.current===1&&p(!0)},ee=e=>{e.preventDefault(),l.current--,l.current===0&&(p(!1),g(null))},re=e=>{e.preventDefault()},ie=e=>{if(e.preventDefault(),l.current=0,p(!1),g(null),!(!e.dataTransfer.files||e.dataTransfer.files.length===0)){if(D==="thumbnail"){s("thumbnail");const r=e.dataTransfer.files[0];S(r)}if(D==="version"){s("version");const r=e.dataTransfer.files;k(r)}}},F=async(e,r)=>{const t=e.target.files;!t||t.length===0||(r==="version"&&(s("version"),k(t)),r==="thumbnail"&&(s("thumbnail"),S(t[0])))};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsxs(c.DragAndDropWrapper,{className:te({dragging:T}),onDragEnter:z,onDragLeave:ee,onDragOver:re,onDrop:ie,children:[u.jsxRuntimeExports.jsx(ge.ThumbnailWrapper,{children:u.jsxRuntimeExports.jsx("div",{children:N})}),T&&u.jsxRuntimeExports.jsx(c.DropZones,{children:J.map(e=>u.jsxRuntimeExports.jsx(ae,{id:e.id,label:e.label,icon:e.icon,isActive:D===e.id,onDragOver:()=>g(e.id),onDragLeave:()=>g(null)},e.id))}),(E==="thumbnail"||E==="version")&&u.jsxRuntimeExports.jsxs(c.DropZones,{children:[u.jsxRuntimeExports.jsxs(c.UploadingProgress,{children:[u.jsxRuntimeExports.jsx(c.Progress,{style:{right:`${100-H}%`}}),u.jsxRuntimeExports.jsx("span",{className:"label",children:`Uploading ${E}...`})]}),u.jsxRuntimeExports.jsx(c.CancelButton,{icon:"close",variant:"text",onClick:n})]}),u.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"thumbnail"),ref:$}),u.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"version"),ref:A})]}),u.jsxRuntimeExports.jsx(ce,{isOpen:W,files:U,onSubmit:K,onCancel:Q})]})};exports.EntityPanelUploader=xe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),te=require("clsx");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("react-dom");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.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");const ne=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");const se=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");const qe=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("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const oe=require("../../context/DetailsPanelContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");const w=require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");const d=require("../../util/versionUploadHelpers.cjs.js");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");const c=require("./EntityPanelUploader.styled.cjs.js"),ae=require("./Dropzone.cjs.js"),le=require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");const de=require("../ReviewablesList/useReviewablesUpload.cjs.js"),ce=require("./EntityPanelUploaderDialog.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");const pe=require("../VersionUploader/context/VersionUploadContext.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");const ge=require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");const me=[{id:"thumbnail",label:"Upload thumbnail",icon:"add_photo_alternate"},{id:"version",label:"Upload version",icon:"layers"}],xe=({children:N=[],entityType:Z,entities:v=[],projectName:j,thumbnailInputRef:$,versionsInputRef:A,onVersionCreated:L})=>{const{dispatch:M}=oe.useDetailsPanelContext(),b=pe.useOptionalVersionUploadContext(),[T,p]=a.useState(!1),[D,g]=a.useState(null),l=a.useRef(0),[E,s]=a.useState(null),[H,y]=a.useState(0),[W,m]=a.useState(!1),[U,x]=a.useState(null),i=v.length===1?v[0]:null,V=i?.task?.id,P=i?.folder?.id,_=i?.product?.id,B=i?.id,C=!!(i&&Z!=="representation"),{handleFileUpload:G}=de.useReviewablesUpload({projectName:j,versionId:B,taskId:V,folderId:P,productId:_,dispatch:M,onUpload:()=>{s(null),y(0)},onProgress:e=>{y(e)}}),J=me.filter(e=>e.id==="version"?C:!0),n=()=>{s(null),p(!1),g(null),l.current=0,y(0),m(!1),x(null)},K=async e=>{if(!U||!i){m(!1),x(null);return}const r=d.sanitizeProductName(e);if(!r.trim()){w.toast.error("Product name must contain valid characters (letters, numbers, underscore, or hyphen)");return}try{if(!P)throw new Error("Folder ID is required to create a product");s("version");const t=await d.createProductHelper(Y,j,{folderId:P,name:r,productType:"review",productBaseType:"review"});m(!1),await I(U,t.id),x(null)}catch(t){d.handleUploadError(t,"creating product"),n()}},Q=()=>{m(!1),x(null),n()},[X]=qe.useCreateVersionMutation(),[Y]=se.useCreateProductMutation(),k=async e=>{if(!C||!i)return w.toast.error("Please select exactly one version to upload reviewables"),n();if(b){const f=Array.from(e).map(o=>({file:o,preview:o.type.startsWith("image/")?URL.createObjectURL(o):void 0}));b.setPendingFiles(o=>[...o,...f]);const q=i.product,h=i.task?{id:i.task.id,name:i.task.name,label:i.task.label,taskType:i.task.taskType}:void 0;b.onOpenVersionUpload({productId:q?.id,folderId:i.folder?.id,taskId:i.task?.id,linkedTask:h,latestVersionNumber:q?.latestVersion?.version,latestVersionId:q?.latestVersion?.id}),n();return}const r=i.product?.id;if(!r){x(e),m(!0);return}await I(e,r)},I=async(e,r)=>{try{const t=d.getNextVersionNumber(i.product?.latestVersion),f=await d.createVersionHelper(X,j,{productId:r,taskId:V,version:t});await G(e,f.id),n(),L?.(f.id)}catch(t){d.handleUploadError(t,"uploading version"),n()}},S=async e=>{if(!e)return n();try{if(!e.type.includes("image"))throw new Error("File is not an image");let r=[];for(const q of v){const{id:h,entityType:o,projectName:R}=q;if(!R)throw new Error("Project name is required");const ue=le.post(R&&`/api/projects/${R}/${o}s/${h}/thumbnail`,e,{onUploadProgress:O=>{y(Math.round(100*O.loaded/(O.total||e.size)))},headers:{"Content-Type":e.type}});r.push(ue)}const f=(await Promise.all(r)).map((q,h)=>({thumbnailId:q.data.id,id:v[h].id}));p(!1),n()}catch(r){console.error(r),w.toast.error(r.message),n()}},[fe]=ne.useUpdateEntitiesMutation(),z=e=>{e.preventDefault(),l.current++,l.current===1&&p(!0)},ee=e=>{e.preventDefault(),l.current--,l.current===0&&(p(!1),g(null))},re=e=>{e.preventDefault()},ie=e=>{if(e.preventDefault(),l.current=0,p(!1),g(null),!(!e.dataTransfer.files||e.dataTransfer.files.length===0)){if(D==="thumbnail"){s("thumbnail");const r=e.dataTransfer.files[0];S(r)}if(D==="version"){s("version");const r=e.dataTransfer.files;k(r)}}},F=async(e,r)=>{const t=e.target.files;!t||t.length===0||(r==="version"&&(s("version"),k(t)),r==="thumbnail"&&(s("thumbnail"),S(t[0])))};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsxs(c.DragAndDropWrapper,{className:te({dragging:T}),onDragEnter:z,onDragLeave:ee,onDragOver:re,onDrop:ie,children:[u.jsxRuntimeExports.jsx(ge.ThumbnailWrapper,{children:u.jsxRuntimeExports.jsx("div",{children:N})}),T&&u.jsxRuntimeExports.jsx(c.DropZones,{children:J.map(e=>u.jsxRuntimeExports.jsx(ae,{id:e.id,label:e.label,icon:e.icon,isActive:D===e.id,onDragOver:()=>g(e.id),onDragLeave:()=>g(null)},e.id))}),(E==="thumbnail"||E==="version")&&u.jsxRuntimeExports.jsxs(c.DropZones,{children:[u.jsxRuntimeExports.jsxs(c.UploadingProgress,{children:[u.jsxRuntimeExports.jsx(c.Progress,{style:{right:`${100-H}%`}}),u.jsxRuntimeExports.jsx("span",{className:"label",children:`Uploading ${E}...`})]}),u.jsxRuntimeExports.jsx(c.CancelButton,{icon:"close",variant:"text",onClick:n})]}),u.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"thumbnail"),ref:$}),u.jsxRuntimeExports.jsx("input",{type:"file",onChange:e=>F(e,"version"),ref:A})]}),u.jsxRuntimeExports.jsx(ce,{isOpen:W,files:U,onSubmit:K,onCancel:Q})]})};exports.EntityPanelUploader=xe;
 //# sourceMappingURL=EntityPanelUploader.cjs.js.map